tera-system-ui 0.1.20 → 0.1.30

package/dist/themes/tw-preset.cjs

@@ -1,160 +1,160 @@
-module.exports = {
-    theme: {
-        extend: {
-            colors: {
-                primary: {
-                    50: 'hsl(var(--tw---alias-color-primary-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-primary-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-primary-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-primary-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-primary-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-primary-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-primary-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-primary-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-primary-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-primary-900) / <alpha-value>)',
-                    token: {
-                        1: 'hsl(var(--tw---token-color-primary-token-1) / <alpha-value>) ',
-                        2: 'hsl(var(--tw---token-color-primary-token-2) / <alpha-value>) ',
-                        3: 'hsl(var(--tw---token-color-primary-token-3) / <alpha-value>) ',
-                        4: 'hsl(var(--tw---token-color-primary-token-4) / <alpha-value>) ',
-                        5: 'hsl(var(--tw---token-color-primary-token-5) / <alpha-value>) ',
-                        6: 'hsl(var(--tw---token-color-primary-token-6) / <alpha-value>) ',
-                        7: 'hsl(var(--tw---token-color-primary-token-7) / <alpha-value>) ',
-                        8: 'hsl(var(--tw---token-color-primary-token-8) / <alpha-value>) ',
-                        9: 'hsl(var(--tw---token-color-primary-token-9) / <alpha-value>) ',
-                        10: 'hsl(var(--tw---token-color-primary-token-10) / <alpha-value>) '
-                    },
-                    DEFAULT: 'hsl(var(--tw---alias-color-primary-700) / <alpha-value>)'
-                },
-                error: {
-                    50: 'hsl(var(--tw---alias-color-error-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-error-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-error-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-error-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-error-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-error-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-error-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-error-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-error-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-error-900) / <alpha-value>)',
-                    DEFAULT: 'hsl(var(--tw---alias-color-error-500) / <alpha-value>)'
-                },
-                success: {
-                    50: 'hsl(var(--tw---alias-color-success-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-success-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-success-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-success-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-success-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-success-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-success-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-success-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-success-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-success-900) / <alpha-value>)',
-                    DEFAULT: 'hsl(var(--tw---alias-color-success-500) / <alpha-value>)'
-                },
-                neutral: {
-                    1: 'hsl(var(--tw---alias-color-neutral-1) / <alpha-value>)',
-                    2: 'hsl(var(--tw---alias-color-neutral-2) / <alpha-value>)',
-                    3: 'hsl(var(--tw---alias-color-neutral-3) / <alpha-value>)',
-                    4: 'hsl(var(--tw---alias-color-neutral-4) / <alpha-value>)',
-                    5: 'hsl(var(--tw---alias-color-neutral-5) / <alpha-value>)',
-                    6: 'hsl(var(--tw---alias-color-neutral-6) / <alpha-value>)',
-                    7: 'hsl(var(--tw---alias-color-neutral-7) / <alpha-value>)',
-                    8: 'hsl(var(--tw---alias-color-neutral-8) / <alpha-value>)',
-                    9: 'hsl(var(--tw---alias-color-neutral-9) / <alpha-value>)',
-                    10: 'hsl(var(--tw---alias-color-neutral-10) / <alpha-value>)',
-                    11: 'hsl(var(--tw---alias-color-neutral-11) / <alpha-value>)',
-                    12: 'hsl(var(--tw---alias-color-neutral-12) / <alpha-value>)',
-                    13: 'hsl(var(--tw---alias-color-neutral-13) / <alpha-value>)',
-                    token: {
-                        1: 'hsl(var(--tw---token-color-neutral-token-1) / <alpha-value>) ',
-                        2: 'hsl(var(--tw---token-color-neutral-token-2) / <alpha-value>) ',
-                        3: 'hsl(var(--tw---token-color-neutral-token-3) / <alpha-value>) ',
-                        4: 'hsl(var(--tw---token-color-neutral-token-4) / <alpha-value>) ',
-                        5: 'hsl(var(--tw---token-color-neutral-token-5) / <alpha-value>) ',
-                        6: 'hsl(var(--tw---token-color-neutral-token-6) / <alpha-value>) ',
-                        7: 'hsl(var(--tw---token-color-neutral-token-7) / <alpha-value>) ',
-                        8: 'hsl(var(--tw---token-color-neutral-token-8) / <alpha-value>) ',
-                        9: 'hsl(var(--tw---token-color-neutral-token-9) / <alpha-value>) ',
-                        10: 'hsl(var(--tw---token-color-neutral-token-10) / <alpha-value>) ',
-                        11: 'hsl(var(--tw---token-color-neutral-token-11) / <alpha-value>) ',
-                        12: 'hsl(var(--tw---token-color-neutral-token-12) / <alpha-value>) ',
-                        13: 'hsl(var(--tw---token-color-neutral-token-13) / <alpha-value>) '
-                    },
-                    DEFAULT: 'hsl(var(--tw---alias-color-neutral-7) / <alpha-value>)'
-                },
-                warning: {
-                    50: 'hsl(var(--tw---alias-color-warning-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-warning-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-warning-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-warning-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-warning-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-warning-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-warning-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-warning-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-warning-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-warning-900) / <alpha-value>)',
-                    DEFAULT: 'hsl(var(--tw---alias-color-warning-500) / <alpha-value>)'
-                },
-                information: {
-                    50: 'hsl(var(--tw---alias-color-information-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-information-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-information-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-information-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-information-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-information-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-information-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-information-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-information-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-information-900) / <alpha-value>)',
-                    DEFAULT: 'hsl(var(--tw---alias-color-information-500) / <alpha-value>)'
-                },
-                secondary: {
-                    50: 'hsl(var(--tw---alias-color-secondary-50) / <alpha-value>)',
-                    100: 'hsl(var(--tw---alias-color-secondary-100) / <alpha-value>)',
-                    200: 'hsl(var(--tw---alias-color-secondary-200) / <alpha-value>)',
-                    300: 'hsl(var(--tw---alias-color-secondary-300) / <alpha-value>)',
-                    400: 'hsl(var(--tw---alias-color-secondary-400) / <alpha-value>)',
-                    500: 'hsl(var(--tw---alias-color-secondary-500) / <alpha-value>)',
-                    600: 'hsl(var(--tw---alias-color-secondary-600) / <alpha-value>)',
-                    700: 'hsl(var(--tw---alias-color-secondary-700) / <alpha-value>)',
-                    800: 'hsl(var(--tw---alias-color-secondary-800) / <alpha-value>)',
-                    900: 'hsl(var(--tw---alias-color-secondary-900) / <alpha-value>)',
-                    DEFAULT: 'hsl(var(--tw---alias-color-secondary-500) / <alpha-value>)'
-                },
-                brand: {
-                    500: 'hsl(var(--tw---alias-color-brand-500) / <alpha-value>)',
-                    token: {
-                        5: 'hsl(var(--tw---token-color-brand-token-5) / <alpha-value>) '
-                    },
-                    DEFAULT: 'hsl(var(--tw---alias-color-brand-500) / <alpha-value>)'
-                }
-            },
-            spacing: {
-
-            },
-            borderWidth: {
-                base: '1px',
-                large: '2px'
-            },
-            stroke: {
-                icon: '1.5rem'
-            },
-            borderRadius: {
-                DEFAULT: 'var(--border-radius-base)',
-                container: 'var(--border-radius-container)'
-            },
-            borderColor: {
-                DEFAULT: 'hsl(var(--color-neutral-token-5))'
-            },
-            transitionDuration: {
-                "element-react": '350ms'
-            },
-            fontFamily: {
-                sans: ['Open Sans Variable', 'ui-sans-serif', 'system-ui', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
-                mono: ['Roboto Mono Variable', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New']
-            }
-        }
-    }
+module.exports = {
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    50: 'hsl(var(--tw---alias-color-primary-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-primary-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-primary-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-primary-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-primary-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-primary-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-primary-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-primary-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-primary-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-primary-900) / <alpha-value>)',
+                    token: {
+                        1: 'hsl(var(--tw---token-color-primary-token-1) / <alpha-value>) ',
+                        2: 'hsl(var(--tw---token-color-primary-token-2) / <alpha-value>) ',
+                        3: 'hsl(var(--tw---token-color-primary-token-3) / <alpha-value>) ',
+                        4: 'hsl(var(--tw---token-color-primary-token-4) / <alpha-value>) ',
+                        5: 'hsl(var(--tw---token-color-primary-token-5) / <alpha-value>) ',
+                        6: 'hsl(var(--tw---token-color-primary-token-6) / <alpha-value>) ',
+                        7: 'hsl(var(--tw---token-color-primary-token-7) / <alpha-value>) ',
+                        8: 'hsl(var(--tw---token-color-primary-token-8) / <alpha-value>) ',
+                        9: 'hsl(var(--tw---token-color-primary-token-9) / <alpha-value>) ',
+                        10: 'hsl(var(--tw---token-color-primary-token-10) / <alpha-value>) '
+                    },
+                    DEFAULT: 'hsl(var(--tw---alias-color-primary-700) / <alpha-value>)'
+                },
+                error: {
+                    50: 'hsl(var(--tw---alias-color-error-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-error-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-error-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-error-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-error-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-error-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-error-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-error-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-error-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-error-900) / <alpha-value>)',
+                    DEFAULT: 'hsl(var(--tw---alias-color-error-500) / <alpha-value>)'
+                },
+                success: {
+                    50: 'hsl(var(--tw---alias-color-success-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-success-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-success-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-success-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-success-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-success-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-success-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-success-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-success-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-success-900) / <alpha-value>)',
+                    DEFAULT: 'hsl(var(--tw---alias-color-success-500) / <alpha-value>)'
+                },
+                neutral: {
+                    1: 'hsl(var(--tw---alias-color-neutral-1) / <alpha-value>)',
+                    2: 'hsl(var(--tw---alias-color-neutral-2) / <alpha-value>)',
+                    3: 'hsl(var(--tw---alias-color-neutral-3) / <alpha-value>)',
+                    4: 'hsl(var(--tw---alias-color-neutral-4) / <alpha-value>)',
+                    5: 'hsl(var(--tw---alias-color-neutral-5) / <alpha-value>)',
+                    6: 'hsl(var(--tw---alias-color-neutral-6) / <alpha-value>)',
+                    7: 'hsl(var(--tw---alias-color-neutral-7) / <alpha-value>)',
+                    8: 'hsl(var(--tw---alias-color-neutral-8) / <alpha-value>)',
+                    9: 'hsl(var(--tw---alias-color-neutral-9) / <alpha-value>)',
+                    10: 'hsl(var(--tw---alias-color-neutral-10) / <alpha-value>)',
+                    11: 'hsl(var(--tw---alias-color-neutral-11) / <alpha-value>)',
+                    12: 'hsl(var(--tw---alias-color-neutral-12) / <alpha-value>)',
+                    13: 'hsl(var(--tw---alias-color-neutral-13) / <alpha-value>)',
+                    token: {
+                        1: 'hsl(var(--tw---token-color-neutral-token-1) / <alpha-value>) ',
+                        2: 'hsl(var(--tw---token-color-neutral-token-2) / <alpha-value>) ',
+                        3: 'hsl(var(--tw---token-color-neutral-token-3) / <alpha-value>) ',
+                        4: 'hsl(var(--tw---token-color-neutral-token-4) / <alpha-value>) ',
+                        5: 'hsl(var(--tw---token-color-neutral-token-5) / <alpha-value>) ',
+                        6: 'hsl(var(--tw---token-color-neutral-token-6) / <alpha-value>) ',
+                        7: 'hsl(var(--tw---token-color-neutral-token-7) / <alpha-value>) ',
+                        8: 'hsl(var(--tw---token-color-neutral-token-8) / <alpha-value>) ',
+                        9: 'hsl(var(--tw---token-color-neutral-token-9) / <alpha-value>) ',
+                        10: 'hsl(var(--tw---token-color-neutral-token-10) / <alpha-value>) ',
+                        11: 'hsl(var(--tw---token-color-neutral-token-11) / <alpha-value>) ',
+                        12: 'hsl(var(--tw---token-color-neutral-token-12) / <alpha-value>) ',
+                        13: 'hsl(var(--tw---token-color-neutral-token-13) / <alpha-value>) '
+                    },
+                    DEFAULT: 'hsl(var(--tw---alias-color-neutral-7) / <alpha-value>)'
+                },
+                warning: {
+                    50: 'hsl(var(--tw---alias-color-warning-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-warning-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-warning-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-warning-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-warning-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-warning-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-warning-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-warning-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-warning-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-warning-900) / <alpha-value>)',
+                    DEFAULT: 'hsl(var(--tw---alias-color-warning-500) / <alpha-value>)'
+                },
+                information: {
+                    50: 'hsl(var(--tw---alias-color-information-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-information-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-information-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-information-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-information-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-information-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-information-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-information-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-information-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-information-900) / <alpha-value>)',
+                    DEFAULT: 'hsl(var(--tw---alias-color-information-500) / <alpha-value>)'
+                },
+                secondary: {
+                    50: 'hsl(var(--tw---alias-color-secondary-50) / <alpha-value>)',
+                    100: 'hsl(var(--tw---alias-color-secondary-100) / <alpha-value>)',
+                    200: 'hsl(var(--tw---alias-color-secondary-200) / <alpha-value>)',
+                    300: 'hsl(var(--tw---alias-color-secondary-300) / <alpha-value>)',
+                    400: 'hsl(var(--tw---alias-color-secondary-400) / <alpha-value>)',
+                    500: 'hsl(var(--tw---alias-color-secondary-500) / <alpha-value>)',
+                    600: 'hsl(var(--tw---alias-color-secondary-600) / <alpha-value>)',
+                    700: 'hsl(var(--tw---alias-color-secondary-700) / <alpha-value>)',
+                    800: 'hsl(var(--tw---alias-color-secondary-800) / <alpha-value>)',
+                    900: 'hsl(var(--tw---alias-color-secondary-900) / <alpha-value>)',
+                    DEFAULT: 'hsl(var(--tw---alias-color-secondary-500) / <alpha-value>)'
+                },
+                brand: {
+                    500: 'hsl(var(--tw---alias-color-brand-500) / <alpha-value>)',
+                    token: {
+                        5: 'hsl(var(--tw---token-color-brand-token-5) / <alpha-value>) '
+                    },
+                    DEFAULT: 'hsl(var(--tw---alias-color-brand-500) / <alpha-value>)'
+                }
+            },
+            spacing: {
+
+            },
+            borderWidth: {
+                base: '1px',
+                large: '2px'
+            },
+            stroke: {
+                icon: '1.5rem'
+            },
+            borderRadius: {
+                DEFAULT: 'var(--border-radius-base)',
+                container: 'var(--border-radius-container)'
+            },
+            borderColor: {
+                DEFAULT: 'hsl(var(--color-neutral-token-5))'
+            },
+            transitionDuration: {
+                "element-react": '350ms'
+            },
+            fontFamily: {
+                sans: ['Open Sans Variable', 'ui-sans-serif', 'system-ui', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
+                mono: ['Roboto Mono Variable', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New']
+            }
+        }
+    }
 };

package/package.json

@@ -1,120 +1,114 @@
-{
-	"name": "tera-system-ui",
-	"version": "0.1.20",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
-		"preview": "vite preview",
-		"package": "svelte-kit sync && svelte-package && publint",
-		"customPrepublish": "node ./scripts/prepublish.js",
-		"postpublish": "node ./scripts/postpublish.js",
-		"prepublishOnly": "npm run lang-compile && npm run customPrepublish && npm run generate-index && npm run package",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"lang-compile": "paraglide-js compile --project src/lib/tera-i18n/projects/tera-system-ui/project.inlang --outdir ./src/lib/paraglide",
-		"generate-index": "node ./scripts/generate-ts-index.js"
-	},
-	"bin": {
-		"ui": "./scripts/add-component-template.js",
-		"gen": "./scripts/generate-ts-index.js"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"svelte": "./dist/index.js",
-	"types": "dist/index.d.ts",
-	"type": "module",
-	"main": "dist/index.js",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./utils": {
-			"types": "./dist/utils/index.d.ts",
-			"default": "./dist/utils/index.js"
-		},
-		"./i18n": {
-			"types": "./dist/i18n/index.d.ts",
-			"svelte": "./dist/i18n/index.js",
-			"default": "./dist/i18n/index.js"
-		},
-		"./icons": {
-			"types": "./dist/components/icons/index.d.ts",
-			"svelte": "./dist/components/icons/index.js",
-			"default": "./dist/components/icons/index.js"
-		},
-		"./astro": {
-			"types": "./dist/astro/index.d.ts",
-			"default": "./dist/astro/index.js"
-		},
-		"./command": {
-			"types": "./dist/components/command/index.d.ts",
-			"svelte": "./dist/components/command/index.js",
-			"default": "./dist/components/command/index.js"
-		},
-		"./accordion": {
-			"types": "./dist/components/accordion/index.d.ts",
-			"svelte": "./dist/components/accordion/index.js",
-			"default": "./dist/components/accordion/index.js"
-		},
-		"./side-navigation": {
-			"types": "./dist/components/side-navigation/index.d.ts",
-			"svelte": "./dist/components/side-navigation/index.js",
-			"default": "./dist/components/side-navigation/index.js"
-		},
-		"./themes/tera-ui-base": "./dist/themes/tera-ui-base.css"
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"devDependencies": {
-		"@chromatic-com/storybook": "^3.2.4",
-		"@storybook/addon-essentials": "^8.5.3",
-		"@storybook/addon-interactions": "^8.5.3",
-		"@storybook/addon-links": "^8.5.3",
-		"@storybook/addon-styling": "^1.3.7",
-		"@storybook/addon-svelte-csf": "^5.0.0-next.23",
-		"@storybook/addon-themes": "^8.5.3",
-		"@storybook/addon-viewport": "^8.5.3",
-		"@storybook/blocks": "^8.5.3",
-		"@storybook/svelte": "^8.5.3",
-		"@storybook/sveltekit": "^8.5.3",
-		"@storybook/test": "^8.5.3",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.17.1",
-		"@sveltejs/package": "2.3.10",
-		"@sveltejs/vite-plugin-svelte": "^4.0.1",
-		"npx": "^10.2.2",
-		"publint": "^0.3.3",
-		"sass-embedded": "^1.83.4",
-		"storybook": "^8.5.3",
-		"svelte": "^5.19.9",
-		"svelte-check": "^4.1.4",
-		"tailwindcss": "^4.0.4",
-		"typescript": "^5.7.3",
-		"vite": "^5.4.11"
-	},
-	"dependencies": {
-		"@floating-ui/dom": "^1.6.13",
-		"@fontsource-variable/open-sans": "^5.1.1",
-		"@fontsource-variable/roboto-mono": "^5.1.1",
-		"@inlang/paraglide-js": "1.11.8",
-		"@inlang/paraglide-sveltekit": "0.15.5",
-		"@tabler/icons-svelte": "^3.29.0",
-		"@tailwindcss/language-server": "^0.14.3",
-		"@tailwindcss/postcss": "^4.0.4",
-		"autoprefixer": "^10.4.20",
-		"bits-ui": "1.0.0-next.87",
-		"clsx": "^2.1.1",
-		"tailwind-variants": "^0.3.1"
-	}
-}
+{
+  "name": "tera-system-ui",
+  "version": "0.1.30",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "customPrepublish": "node ./scripts/prepublish.js",
+    "postpublish": "node ./scripts/postpublish.js",
+    "prepublishOnly": "npm run customPrepublish && npm run generate-index && npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lang-compile": "paraglide-js compile --project src/lib/tera-i18n/projects/tera-system-ui/project.inlang --outdir ./src/lib/paraglide",
+    "generate-index": "node ./scripts/generate-ts-index.js"
+  },
+  "bin": {
+    "ui": "./scripts/add-component-template.js",
+    "gen": "./scripts/generate-ts-index.js"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "svelte": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./icons": {
+      "types": "./dist/components/icons/index.d.ts",
+      "svelte": "./dist/components/icons/index.js",
+      "default": "./dist/components/icons/index.js"
+    },
+    "./command": {
+      "types": "./dist/components/command/index.d.ts",
+      "svelte": "./dist/components/command/index.js",
+      "default": "./dist/components/command/index.js"
+    },
+    "./accordion": {
+      "types": "./dist/components/accordion/index.d.ts",
+      "svelte": "./dist/components/accordion/index.js",
+      "default": "./dist/components/accordion/index.js"
+    },
+    "./side-navigation": {
+      "types": "./dist/components/side-navigation/index.d.ts",
+      "svelte": "./dist/components/side-navigation/index.js",
+      "default": "./dist/components/side-navigation/index.js"
+    },
+    "./themes/tera-ui-base": "./dist/themes/tera-ui-base.css"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.0",
+    "@storybook/addon-docs": "^9.0.8",
+    "@storybook/addon-links": "^9.0.8",
+    "@storybook/addon-svelte-csf": "^5.0.3",
+    "@storybook/addon-themes": "^9.0.8",
+    "@storybook/svelte-vite": "^9.0.8",
+    "@storybook/sveltekit": "^9.0.8",
+    "@sveltejs/adapter-auto": "^6.0.1",
+    "@sveltejs/kit": "^2.21.4",
+    "@sveltejs/package": "^2.3.11",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "@tailwindcss/vite": "^4.1.10",
+    "publint": "^0.3.12",
+    "sass-embedded": "^1.89.2",
+    "storybook": "^9.0.8",
+    "svelte": "^5.34.1",
+    "svelte-check": "^4.2.1",
+    "tailwindcss": "^4.1.10",
+    "tw-animate-css": "^1.3.4",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.1",
+    "@fontsource-variable/open-sans": "^5.2.6",
+    "@fontsource-variable/roboto-mono": "^5.2.6",
+    "@inlang/paraglide-js": "2.1.0",
+    "@tabler/icons-svelte": "^3.34.0",
+    "@tailwindcss/language-server": "^0.14.21",
+    "@tailwindcss/postcss": "^4.1.10",
+    "autoprefixer": "^10.4.21",
+    "bits-ui": "2.6.0",
+    "clsx": "^2.1.1",
+    "tailwind-variants": "^1.0.0"
+  },
+  "overrides": {
+    "storybook": "$storybook"
+  }
+}