task: use direct package accessing during development

package.json

@@ -3,10 +3,10 @@
 	"private": true,
 	"type": "module",
 	"scripts": {
-		"dev:docs": "pnpm --parallel --filter @skeletonlabs/skeleton --filter @skeletonlabs/skeleton-svelte --filter @skeletonlabs/skeleton-react --filter @skeletonlabs/skeleton-common --filter @skeletonlabs/skeleton.dev dev",
-		"dev:themes": "pnpm --parallel --filter @skeletonlabs/skeleton --filter @skeletonlabs/themes.skeleton.dev dev",
-		"dev:svelte": "pnpm --parallel --filter @skeletonlabs/skeleton --filter @skeletonlabs/skeleton-svelte --filter @skeletonlabs/skeleton-common --filter @skeletonlabs/playground-skeleton-svelte dev",
-		"dev:react": "pnpm --parallel --filter @skeletonlabs/skeleton --filter @skeletonlabs/skeleton-react --filter @skeletonlabs/skeleton-common --filter @skeletonlabs/playground-skeleton-react dev",
+		"docs": "pnpm --filter @skeletonlabs/skeleton.dev",
+		"themes": "pnpm --filter @skeletonlabs/themes.skeleton.dev",
+		"react": " pnpm --filter @skeletonlabs/playground-skeleton-react",
+		"svelte": " pnpm --filter @skeletonlabs/playground-skeleton-svelte",
 		"test": "pnpm --recursive --aggregate-output --reporter=append-only --parallel test",
 		"check": "pnpm --recursive --aggregate-output --reporter=append-only --parallel check",
 		"format": "prettier . --cache --write --list-different --ignore-unknown",

packages/cli/package.json

@@ -9,8 +9,8 @@
 	},
 	"exports": {
 		".": {
-			"types": "./dist/index.d.mts",
-			"import": "./dist/index.mjs"
+			"types": "./src/index.ts",
+			"import": "./src/index.ts"
 		}
 	},
 	"bin": "./dist/index.mjs",
@@ -20,16 +20,18 @@
 	],
 	"sideEffects": false,
 	"scripts": {
-		"dev": "tsdown --watch",
 		"build": "tsdown",
 		"test": "vitest run",
 		"check": "tsc",
-		"sync": "pnpm build"
+		"sync": "pnpm build",
+		"prepack": "clean-package",
+		"postpack": "clean-package restore"
 	},
 	"devDependencies": {
 		"@types/estree": "catalog:",
 		"@types/node": "catalog:",
 		"@types/semver": "catalog:",
+		"clean-package": "catalog:",
 		"tsdown": "catalog:",
 		"type-fest": "catalog:",
 		"typescript": "catalog:",
@@ -54,5 +56,15 @@
 		"zimmerframe": "catalog:"
 	},
 	"license": "MIT",
-	"type": "module"
+	"type": "module",
+	"clean-package": {
+		"replace": {
+			"exports": {
+				".": {
+					"types": "./dist/index.d.mts",
+					"import": "./dist/index.mjs"
+				}
+			}
+		}
+	}
 }

packages/skeleton-common/package.json

@@ -9,16 +9,17 @@
 		"directory": "packages/skeleton-common"
 	},
 	"scripts": {
-		"dev": "tsdown --watch",
 		"build": "tsdown",
 		"check": "tsc",
-		"sync": "pnpm build"
+		"sync": "pnpm build",
+		"prepack": "clean-package",
+		"postpack": "clean-package restore"
 	},
 	"exports": {
 		".": {
-			"types": "./dist/index.d.mts",
-			"import": "./dist/index.mjs",
-			"style": "./dist/index.css"
+			"types": "./src/index.ts",
+			"import": "./src/index.ts",
+			"style": "./src/index.css"
 		}
 	},
 	"files": [
@@ -35,5 +36,16 @@
 		"unplugin-raw": "catalog:"
 	},
 	"license": "MIT",
-	"type": "module"
+	"type": "module",
+	"clean-package": {
+		"replace": {
+			"exports": {
+				".": {
+					"types": "./dist/index.d.mts",
+					"import": "./dist/index.mjs",
+					"style": "./dist/index.css"
+				}
+			}
+		}
+	}
 }

packages/skeleton-react/package.json

@@ -9,17 +9,18 @@
 		"directory": "packages/skeleton-react"
 	},
 	"scripts": {
-		"dev": "tsdown --watch",
 		"build": "tsdown",
 		"test": "vitest run",
 		"check": "tsc",
-		"sync": "pnpm build"
+		"sync": "pnpm build",
+		"prepack": "clean-package",
+		"postpack": "clean-package restore"
 	},
 	"exports": {
 		".": {
-			"types": "./dist/index.d.mts",
-			"import": "./dist/index.mjs",
-			"style": "./dist/index.css"
+			"types": "./src/index.ts",
+			"import": "./src/index.ts",
+			"style": "./src/index.css"
 		}
 	},
 	"files": [
@@ -74,5 +75,16 @@
 		"vitest": "catalog:"
 	},
 	"license": "MIT",
-	"type": "module"
+	"type": "module",
+	"clean-package": {
+		"replace": {
+			"exports": {
+				".": {
+					"types": "./dist/index.d.mts",
+					"import": "./dist/index.mjs",
+					"style": "./dist/index.css"
+				}
+			}
+		}
+	}
 }

packages/skeleton-react/src/components/accordion/anatomy/item-content.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { ItemContext } from '../modules/item-context.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/accordion/anatomy/item-indicator.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { ItemContext } from '../modules/item-context.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/accordion/anatomy/item-trigger.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { ItemContext } from '../modules/item-context.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/accordion/anatomy/item.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { ItemContext } from '../modules/item-context.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { splitItemProps } from '@zag-js/accordion';
 import type { ItemProps } from '@zag-js/accordion';

packages/skeleton-react/src/components/accordion/anatomy/root-provider.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useAccordion } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/accordion/anatomy/root.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useAccordion } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAccordion } from '@skeletonlabs/skeleton-common';
 import { splitProps } from '@zag-js/accordion';
 import type { Props } from '@zag-js/accordion';

packages/skeleton-react/src/components/accordion/modules/item-context.ts

@@ -1,4 +1,4 @@
-import { createContext } from '@/internal/create-context.js';
+import { createContext } from '../../../internal/create-context.js';
 import type { ItemProps } from '@zag-js/accordion';
 
 export const ItemContext = createContext<ItemProps>();

packages/skeleton-react/src/components/accordion/modules/root-context.ts

@@ -1,4 +1,4 @@
+import { createContext } from '../../../internal/create-context.js';
 import { useAccordion } from './provider.js';
-import { createContext } from '@/internal/create-context.js';
 
 export const RootContext = createContext<ReturnType<typeof useAccordion>>();

packages/skeleton-react/src/components/app-bar/anatomy/headline.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { classesAppBar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/app-bar/anatomy/lead.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { classesAppBar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/app-bar/anatomy/root.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { classesAppBar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/app-bar/anatomy/toolbar.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { classesAppBar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/app-bar/anatomy/trail.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { classesAppBar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/avatar/anatomy/fallback.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAvatar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/avatar/anatomy/image.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAvatar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/avatar/anatomy/root-provider.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useAvatar } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAvatar } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/avatar/anatomy/root.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useAvatar } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesAvatar } from '@skeletonlabs/skeleton-common';
 import { splitProps } from '@zag-js/avatar';
 import type { Props } from '@zag-js/avatar';

packages/skeleton-react/src/components/avatar/modules/root-context.ts

@@ -1,4 +1,4 @@
+import { createContext } from '../../../internal/create-context.js';
 import type { useAvatar } from './provider.js';
-import { createContext } from '@/internal/create-context.js';
 
 export const RootContext = createContext<ReturnType<typeof useAvatar>>();

packages/skeleton-react/src/components/collapsible/anatomy/content.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCollapsible } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/collapsible/anatomy/indicator.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCollapsible } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/collapsible/anatomy/root-provider.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useCollapsible } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCollapsible } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 

packages/skeleton-react/src/components/collapsible/anatomy/root.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useCollapsible } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCollapsible } from '@skeletonlabs/skeleton-common';
 import { splitProps } from '@zag-js/collapsible';
 import type { Props } from '@zag-js/collapsible';

packages/skeleton-react/src/components/collapsible/anatomy/trigger.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCollapsible } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/collapsible/modules/root-context.ts

@@ -1,4 +1,4 @@
+import { createContext } from '../../../internal/create-context.js';
 import type { useCollapsible } from './provider.js';
-import { createContext } from '@/internal/create-context.js';
 
 export const RootContext = createContext<ReturnType<typeof useCollapsible>>();

packages/skeleton-react/src/components/combobox/anatomy/content.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCombobox } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/combobox/anatomy/control.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCombobox } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/combobox/anatomy/input.tsx

@@ -1,6 +1,6 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCombobox } from '@skeletonlabs/skeleton-common';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';

packages/skeleton-react/src/components/combobox/anatomy/item-group-label.tsx

@@ -1,7 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { ItemGroupContext } from '../modules/item-group-context.js';
 import { RootContext } from '../modules/root-context.js';
-import type { HTMLAttributes } from '@/internal/html-attributes.js';
-import type { PropsWithElement } from '@/internal/props-with-element.js';
 import { classesCombobox } from '@skeletonlabs/skeleton-common';
 import { type ItemGroupLabelProps, splitItemGroupLabelProps } from '@zag-js/combobox';
 import { mergeProps } from '@zag-js/react';