@icen.ai/ui 0.9.0 → 0.10.0

package/dist/registry.json

@@ -1,25 +1,30 @@
 {
   "name": "@icen.ai/ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "tokens": [
     "colors.css",
     "style-profiles.css",
-    "typography.css"
-  ],
-  "tokensExtras": [
-    "retro-effects.css"
+    "typography.css",
+    "design.css",
+    "chinese.css",
+    "soviet.css",
+    "pixel.css",
+    "icon-masks.css"
   ],
+  "tokensExtras": [],
   "base": "base.css",
   "components": [
     "ai-chat",
     "ai-diff",
     "ai-panel",
     "ai-tool",
+    "autocomplete",
     "back-top",
     "badge",
     "breadcrumb",
     "btn",
     "card",
+    "cascader",
     "chart-area",
     "chart-bar",
     "chart-gauge",
@@ -32,6 +37,7 @@
     "chart-sparkline",
     "chart-stack",
     "charts",
+    "code-block",
     "command-palette",
     "content",
     "copy",
@@ -39,7 +45,9 @@
     "date-picker",
     "empty",
     "feedback",
+    "form-validate",
     "form",
+    "icon",
     "input",
     "kb-agent",
     "kb-data",
@@ -50,7 +58,11 @@
     "kb-search",
     "kb",
     "layout",
+    "material-chinese",
+    "material-soviet",
+    "material",
     "media",
+    "mentions",
     "menu",
     "modal",
     "nav",
@@ -72,9 +84,11 @@
     "tabs",
     "tag-input",
     "tag",
+    "theme-switcher",
     "toast",
     "toolbar",
     "tooltip",
+    "tree-select",
     "upload"
   ],
   "behaviors": [
@@ -90,17 +104,26 @@
     "ai-threads",
     "ai-tool",
     "ai-tools",
+    "autocomplete",
     "back-top",
     "carousel",
+    "cascader",
     "charts",
+    "code-block",
     "command-palette",
     "context-menu",
     "controls",
     "copy",
     "datatable",
     "date-picker",
+    "design",
     "dropdown",
     "events",
+    "feedback",
+    "focus",
+    "form-validate",
+    "i18n",
+    "icons",
     "input",
     "kb-access",
     "kb-acl",
@@ -129,32 +152,65 @@
     "kb-review",
     "kb-sandbox",
     "kb-segment",
+    "kb-select",
     "kb-sources",
     "kb-sql",
     "kb-trace",
     "kb-visibility",
     "kb-who-can",
+    "mentions",
     "modal",
     "nav",
     "notification",
+    "panel",
     "popover",
     "select",
     "sidebar",
     "slider",
     "split-pane",
+    "suggestions",
+    "svg-parse",
     "tabs",
     "tag-input",
+    "theme-switcher",
     "theme",
     "toast",
+    "tooltip",
+    "tree-select",
     "tree",
     "upload"
   ],
   "slugs": {
+    "icon": {
+      "css": "icon.css",
+      "behavior": "icons",
+      "exports": [
+        "ICON_PATHS",
+        "iconPath",
+        "iconHTML",
+        "createIcon",
+        "registerIcon"
+      ]
+    },
+    "theme-switcher": {
+      "css": "theme-switcher.css",
+      "behavior": "theme-switcher",
+      "init": "initThemeSwitcher",
+      "exports": [
+        "createThemeSwitcher",
+        "themeSwitcherHTML"
+      ]
+    },
     "btn": {
       "css": "btn.css"
     },
     "panel": {
-      "css": "panel.css"
+      "css": "panel.css",
+      "behavior": "panel",
+      "init": "initPanel",
+      "exports": [
+        "setPanelExpanded"
+      ]
     },
     "pill": {
       "css": "pill.css"
@@ -196,7 +252,10 @@
     "select": {
       "css": "select.css",
       "behavior": "select",
-      "init": "initSelect"
+      "init": "initSelect",
+      "exports": [
+        "refreshSelect"
+      ]
     },
     "slider": {
       "css": "slider.css",
@@ -206,7 +265,10 @@
     "tag-input": {
       "css": "tag-input.css",
       "behavior": "tag-input",
-      "init": "initTagInput"
+      "init": "initTagInput",
+      "exports": [
+        "createTagInput"
+      ]
     },
     "switch": {
       "css": "switch.css",
@@ -235,24 +297,60 @@
       "behavior": "date-picker",
       "init": "initDatePicker"
     },
+    "form-validate": {
+      "css": "form-validate.css",
+      "behavior": "form-validate",
+      "init": "initFormValidate"
+    },
+    "cascader": {
+      "css": "cascader.css",
+      "behavior": "cascader"
+    },
+    "tree-select": {
+      "css": "tree-select.css",
+      "behavior": "tree-select"
+    },
+    "mentions": {
+      "css": "mentions.css",
+      "behavior": "mentions"
+    },
+    "autocomplete": {
+      "css": "autocomplete.css",
+      "behavior": "autocomplete"
+    },
     "modal": {
       "css": "modal.css",
       "behavior": "modal",
-      "init": "initModal"
+      "init": "initModal",
+      "exports": [
+        "openModal",
+        "closeModal"
+      ]
     },
     "dropdown": {
       "css": "menu.css",
       "behavior": "dropdown",
-      "init": "initDropdown"
+      "init": "initDropdown",
+      "exports": [
+        "openDropdown",
+        "closeDropdown"
+      ]
     },
     "context-menu": {
       "css": "menu.css",
       "behavior": "context-menu",
-      "init": "initContextMenu"
+      "init": "initContextMenu",
+      "exports": [
+        "openContextMenu",
+        "closeContextMenu",
+        "registerContextMenu",
+        "unregisterContextMenu"
+      ]
     },
     "popover": {
       "css": "popover.css",
       "behavior": "popover",
+      "init": "initPopover",
       "exports": [
         "openPopover",
         "closePopover",
@@ -260,7 +358,9 @@
       ]
     },
     "tooltip": {
-      "css": "tooltip.css"
+      "css": "tooltip.css",
+      "behavior": "tooltip",
+      "init": "initTooltip"
     },
     "command-palette": {
       "css": "command-palette.css",
@@ -320,6 +420,18 @@
     "scroll-area": {
       "css": "scroll-area.css"
     },
+    "code-block": {
+      "css": "code-block.css",
+      "extraCss": [
+        "tooltip.css"
+      ],
+      "behavior": "code-block",
+      "init": "initCodeBlock",
+      "exports": [
+        "renderCodeBlock",
+        "codeBlockHTML"
+      ]
+    },
     "table": {
       "css": "table.css",
       "behavior": "controls",
@@ -511,7 +623,8 @@
       "behavior": "notification",
       "init": "initNotification",
       "exports": [
-        "notify"
+        "notify",
+        "createNotificationCenter"
       ]
     },
     "nav": {
@@ -580,10 +693,12 @@
     },
     "ai-tool-call": {
       "css": "ai-tool.css",
+      "behavior": "ai-tool",
       "init": "initAiTool"
     },
     "ai-subagent": {
       "css": "ai-tool.css",
+      "behavior": "ai-tool",
       "init": "initAiSubagent"
     },
     "ai-diff": {
@@ -600,10 +715,12 @@
     },
     "ai-todo": {
       "css": "ai-panel.css",
+      "behavior": "ai-panel",
       "init": "initAiTodo"
     },
     "ai-context": {
       "css": "ai-panel.css",
+      "behavior": "ai-panel",
       "init": "initAiContext"
     },
     "ai-usage": {

package/dist/tokens/chinese.css

@@ -0,0 +1,44 @@
+@layer icen.tokens {
+/* 中式 / Chinese — Song-era proportion, book typography and quiet paper planes.
+ * Palette-independent: the active theme supplies every pigment and semantic color.
+ * Display type is serif; small controls and dense information remain sans-serif.
+ */
+:root[data-icen-style="chinese"],
+:root[data-icen-style="chinese"] [data-icen-preset] {
+  --icen-design-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  --icen-design-font-size: 14px;
+  --icen-design-radius: 4px;
+  --icen-design-space: 4.5px;
+  --icen-design-control-height: 42px;
+  --icen-design-glass-opacity: 100%;
+  --icen-design-glass-blur: 0px;
+  --icen-radius-xs: max(0px, calc(var(--icen-design-radius) - 2px));
+  --icen-radius-sm: var(--icen-design-radius);
+  --icen-radius-md: var(--icen-design-radius);
+  --icen-radius-lg: calc(var(--icen-design-radius) * 2);
+  --icen-radius-xl: calc(var(--icen-design-radius) * 3);
+  --icen-radius-full: 999px;
+  --icen-font-body: var(--icen-design-font);
+  --icen-font-heading: 'Iowan Old Style', 'Palatino Linotype', 'Songti SC', 'Noto Serif CJK SC', 'Source Han Serif SC', 'STSong', 'SimSun', serif;
+  --icen-font-cjk: var(--icen-design-font);
+  --icen-line-height-body: 1.75;
+  --icen-line-height-heading: 1.4;
+  --icen-letter-spacing-body: .012em;
+  --icen-letter-spacing-heading: .045em;
+  --icen-duration-fast: calc(140ms * var(--icen-design-motion));
+  --icen-duration-normal: calc(240ms * var(--icen-design-motion));
+  --icen-duration-slow: calc(340ms * var(--icen-design-motion));
+  --icen-ease-out: cubic-bezier(.22, .68, .2, 1);
+  --icen-ease-bounce: var(--icen-ease-out);
+  --icen-token-surface-glass: var(--icen-token-surface);
+  --icen-token-shadow-card: 0 1px 2px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .45), transparent), 0 6px 18px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .25), transparent);
+  --icen-token-shadow-elevated: 0 1px 3px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .65), transparent), 0 12px 30px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .55), transparent);
+  --icen-token-shadow-overlay: 0 2px 5px color-mix(in srgb, var(--icen-design-shadow-color) var(--icen-design-shadow-strength), transparent), 0 24px 64px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .7), transparent);
+  --icen-token-shadow-popover: var(--icen-token-shadow-elevated);
+  --icen-token-shadow-inset: inset 0 0 0 0 transparent;
+  --icen-token-material-light: inset 0 0 0 0 transparent;
+  --icen-token-top-highlight: transparent;
+  --icen-token-material-edge: var(--icen-token-line);
+}
+
+}