tera-system-ui 0.1.41 → 0.1.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tera-system-ui",
-  "version": "0.1.41",
+  "version": "0.1.61",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
@@ -37,6 +37,10 @@
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/types/index.js"
+    },
     "./utils": {
       "types": "./dist/utils/index.d.ts",
       "default": "./dist/utils/index.js"
@@ -51,61 +55,171 @@
       "svelte": "./dist/components/icons/index.js",
       "default": "./dist/components/icons/index.js"
     },
+    "./accordion": {
+      "types": "./dist/components/accordion/index.d.ts",
+      "svelte": "./dist/components/accordion/index.js",
+      "default": "./dist/components/accordion/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar/index.d.ts",
+      "svelte": "./dist/components/avatar/index.js",
+      "default": "./dist/components/avatar/index.js"
+    },
+    "./brand-logo": {
+      "types": "./dist/components/brand-logo/index.d.ts",
+      "svelte": "./dist/components/brand-logo/index.js",
+      "default": "./dist/components/brand-logo/index.js"
+    },
+    "./button": {
+      "types": "./dist/components/button/index.d.ts",
+      "svelte": "./dist/components/button/index.js",
+      "default": "./dist/components/button/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox/index.d.ts",
+      "svelte": "./dist/components/checkbox/index.js",
+      "default": "./dist/components/checkbox/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox/index.d.ts",
+      "svelte": "./dist/components/combobox/index.js",
+      "default": "./dist/components/combobox/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"
+    "./dialog": {
+      "types": "./dist/components/dialog/index.d.ts",
+      "svelte": "./dist/components/dialog/index.js",
+      "default": "./dist/components/dialog/index.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/components/dropdown-menu/index.d.ts",
+      "svelte": "./dist/components/dropdown-menu/index.js",
+      "default": "./dist/components/dropdown-menu/index.js"
+    },
+    "./header": {
+      "types": "./dist/components/header/index.d.ts",
+      "svelte": "./dist/components/header/index.js",
+      "default": "./dist/components/header/index.js"
+    },
+    "./input": {
+      "types": "./dist/components/input/index.d.ts",
+      "svelte": "./dist/components/input/index.js",
+      "default": "./dist/components/input/index.js"
+    },
+    "./label": {
+      "types": "./dist/components/label/index.d.ts",
+      "svelte": "./dist/components/label/index.js",
+      "default": "./dist/components/label/index.js"
+    },
+    "./language-picker-button": {
+      "types": "./dist/components/language-picker-button/index.d.ts",
+      "svelte": "./dist/components/language-picker-button/index.js",
+      "default": "./dist/components/language-picker-button/index.js"
+    },
+    "./light-dark-toggle": {
+      "types": "./dist/components/light-dark-toggle/index.d.ts",
+      "svelte": "./dist/components/light-dark-toggle/index.js",
+      "default": "./dist/components/light-dark-toggle/index.js"
+    },
+    "./popover": {
+      "types": "./dist/components/popover/index.d.ts",
+      "svelte": "./dist/components/popover/index.js",
+      "default": "./dist/components/popover/index.js"
+    },
+    "./popover-responsive": {
+      "types": "./dist/components/popover-responsive/index.d.ts",
+      "svelte": "./dist/components/popover-responsive/index.js",
+      "default": "./dist/components/popover-responsive/index.js"
+    },
+    "./select": {
+      "types": "./dist/components/select/index.d.ts",
+      "svelte": "./dist/components/select/index.js",
+      "default": "./dist/components/select/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"
     },
+    "./slider": {
+      "types": "./dist/components/slider/index.d.ts",
+      "svelte": "./dist/components/slider/index.js",
+      "default": "./dist/components/slider/index.js"
+    },
+    "./star-rating": {
+      "types": "./dist/components/star-rating/index.d.ts",
+      "svelte": "./dist/components/star-rating/index.js",
+      "default": "./dist/components/star-rating/index.js"
+    },
+    "./switch": {
+      "types": "./dist/components/switch/index.d.ts",
+      "svelte": "./dist/components/switch/index.js",
+      "default": "./dist/components/switch/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/components/tabs/index.d.ts",
+      "svelte": "./dist/components/tabs/index.js",
+      "default": "./dist/components/tabs/index.js"
+    },
+    "./tera-ui-context": {
+      "types": "./dist/components/tera-ui-context/index.d.ts",
+      "svelte": "./dist/components/tera-ui-context/index.js",
+      "default": "./dist/components/tera-ui-context/index.js"
+    },
+    "./text-area": {
+      "types": "./dist/components/text-area/index.d.ts",
+      "svelte": "./dist/components/text-area/index.js",
+      "default": "./dist/components/text-area/index.js"
+    },
+    "./user-avatar-with-menu": {
+      "types": "./dist/components/user-avatar-with-menu/index.d.ts",
+      "svelte": "./dist/components/user-avatar-with-menu/index.js",
+      "default": "./dist/components/user-avatar-with-menu/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",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5"
+    "@chromatic-com/storybook": "^5.0.0",
+    "@storybook/addon-docs": "^10.2.7",
+    "@storybook/addon-links": "^10.2.7",
+    "@storybook/addon-svelte-csf": "^5.0.10",
+    "@storybook/addon-themes": "^10.2.7",
+    "@storybook/svelte-vite": "^10.2.7",
+    "@storybook/sveltekit": "^10.2.7",
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.50.2",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@tailwindcss/vite": "^4.1.18",
+    "publint": "^0.3.17",
+    "sass-embedded": "^1.97.3",
+    "storybook": "^10.2.7",
+    "svelte": "^5.50.0",
+    "svelte-check": "^4.3.6",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1"
   },
   "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",
+    "@floating-ui/dom": "^1.7.5",
+    "@fontsource-variable/open-sans": "^5.2.7",
+    "@fontsource-variable/roboto-mono": "^5.2.8",
+    "@inlang/paraglide-js": "2.10.0",
+    "@tabler/icons-svelte": "^3.36.1",
+    "@tailwindcss/language-server": "^0.14.29",
+    "@tailwindcss/postcss": "^4.1.18",
+    "autoprefixer": "^10.4.24",
+    "bits-ui": "2.15.5",
     "clsx": "^2.1.1",
-    "tailwind-variants": "^1.0.0",
-    "tw-animate-css": "^1.3.4"
+    "tailwind-variants": "3.2.2",
+    "tw-animate-css": "^1.4.0"
   },
   "overrides": {
     "storybook": "$storybook"

package/scripts/add-component-template.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 import fs from "fs";
 

package/scripts/generate-ts-index.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 import fs from "fs";
 
 import path from "path";
@@ -38,29 +38,38 @@ function findIndexFiles(folderPath) {
 /**
  * Extracts export names from a given JavaScript file content.
  * @param {string} filePath - The path to the JavaScript file.
- * @returns {Array} - An array of export names.
+ * @returns {{components: Array, types: Array}} - An object with component and type export names.
  */
 function extractExportNames(filePath) {
     const fileContent = fs.readFileSync(filePath, "utf-8");
-    const exportNames = [];
+    const components = [];
+    const types = [];
 
     // Regular expressions to match the export names
     const defaultExportRegex = /^(?!\s*\/\/)\s*export\s*{\s*default\s+as\s+(\w+)/gm;
     const namedExportRegex = /^(?!\s*\/\/)\s*export\s*{(\w+)\s*}/gm;
+    // Match: export type { TypeName1, TypeName2 } from '...' (handles multi-line)
+    const typeExportRegex = /export\s+type\s*\{([^}]+)\}\s*from/gm;
 
     let match;
 
     // Find all matches for `export { default as ... }`
     while ((match = defaultExportRegex.exec(fileContent)) !== null) {
-        exportNames.push(match[1]);
+        components.push(match[1]);
     }
 
     // Find all matches for `export { namedExport }`
     while ((match = namedExportRegex.exec(fileContent)) !== null) {
-        exportNames.push(match[1]);
+        components.push(match[1]);
     }
 
-    return exportNames;
+    // Find all matches for `export type { ... }`
+    while ((match = typeExportRegex.exec(fileContent)) !== null) {
+        const typeNames = match[1].split(',').map(t => t.trim().split(/\s+as\s+/)[0].trim()).filter(t => t);
+        types.push(...typeNames);
+    }
+
+    return { components, types };
 }
 
 
@@ -105,6 +114,7 @@ const iconComponentsFileList = findFilesByPattern(ICON_COMPONENTS_PATH, /^Icon\w
 // generate icon index
 const importSvelteComponentTemplate = `export {default as Component} from './Component.svelte'`;
 const importComponentTemplate = `export {Component} from 'path'`;
+const importTypeTemplate = `export type {Types} from 'path'`;
 
 
 (() => {
@@ -121,19 +131,35 @@ const importComponentTemplate = `export {Component} from 'path'`;
 
 (() => {
     const indexFileList = findIndexFiles(COMPONENTS_PATH);
-    let content = ''
+    let componentContent = ''
+    let typeContent = ''
 
     indexFileList.forEach(file => {
-        let components = extractExportNames(file.filePath)
-        if (components.length === 0) return
+        let { components, types } = extractExportNames(file.filePath)
 
         let importFromPath = './components/' + file.filePath.split(path.sep + `components` + path.sep)[1].replace(path.sep + 'index.ts', '/index.js');
 
-        content += importComponentTemplate.replace('path', importFromPath)
-            .replace('Component', components.join(', '));
-        content += '\n';
+        // Add component exports
+        if (components.length > 0) {
+            componentContent += importComponentTemplate.replace('path', importFromPath)
+                .replace('Component', components.join(', '));
+            componentContent += '\n';
+        }
+
+        // Add type exports
+        if (types.length > 0) {
+            typeContent += importTypeTemplate.replace('path', importFromPath)
+                .replace('Types', types.join(', '));
+            typeContent += '\n';
+        }
     });
 
+    // Combine component and type exports
+    let content = componentContent;
+    if (typeContent) {
+        content += '\n// Type exports\n' + typeContent;
+    }
+
     console.log(content)
     fs.writeFileSync(GLOBAL_INDEX_PATH, content, 'utf8');