@once-ui-system/core 1.8.3 → 2.0.0-alpha.0

package/dist/ai/spec.json

@@ -1,10 +1,10 @@
 {
  "name": "@once-ui-system/core",
- "version": "1.8.3",
- "generated": "2026-08-27",
- "format": "props are 'type', 'type = default', or '!type' (required). Components with 'mixins' also accept all props of those mixins. 'extends' means all props of that component are accepted.",
+ "version": "2.0.0-alpha.0",
+ "generated": "2026-09-16",
+ "format": "props are 'type', 'type = default', or '!type' (required). Components with 'mixins' also accept all props of those mixins. 'extends' means all props of that component are accepted. In 'types', an array lists a union's allowed values, an object gives a shape's fields in the same notation as props, and a string is the type as written — usually pointing at a component whose props are already listed.",
  "tokens": {
-  "StaticSpacingToken": "\"0\" | \"1\" | \"2\" | \"4\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"56\" | \"64\" | \"80\" | \"104\" | \"128\" | \"160\"",
+  "StaticSpacingToken": "\"0\" | \"1\" | \"2\" | \"4\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"56\" | \"64\" | \"72\" | \"80\" | \"104\" | \"128\" | \"160\"",
   "TShirtSizes": "CondensedTShirtSizes | \"xs\" | \"xl\"",
   "ResponsiveSpacingToken": "TShirtSizes",
   "ShadowSize": "TShirtSizes",
@@ -17,10 +17,25 @@
   "TextType": "\"body\" | \"heading\" | \"display\" | \"label\" | \"code\"",
   "TextWeight": "\"default\" | \"normal\" | \"medium\" | \"strong\"",
   "TextSize": "TShirtSizes",
-  "TextVariant": "`${TextType}-${TextWeight}-${TextSize}`",
-  "IconName": "\"chevronUp\" | \"chevronDown\" | \"chevronRight\" | \"chevronLeft\" | \"chevronsLeftRight\" | \"refresh\" | \"light\" | \"dark\" | \"help\" | \"info\" | \"warning\" | \"danger\" | \"checkbox\" | \"check\" | \"copy\" | \"eyeDropper\" | \"clipboard\" | \"person\" | \"close\" | \"link\" | \"arrowUpRight\" | \"minus\" | \"plus\" | \"calendar\" | \"eye\" | \"eyeOff\" | \"search\" | \"security\" | \"sparkle\" | \"computer\" | \"minimize\" | \"maximize\" | \"smiley\" | \"paw\" | \"food\" | \"ball\" | \"world\" | \"gift\" | \"symbol\" | \"flag\" | \"wordmark\" | \"enter\" | \"play\" | \"pause\" | \"volume\" | \"volumeOff\" | \"screen\" | \"document\" | \"radialGauge\" | \"linearGauge\" | \"edit\" | \"trash\" | \"mail\" | \"download\""
+  "TextVariant": "`${TextType}-${TextWeight}-${TextSize}`"
  },
  "mixins": {
+  "ChartProps": {
+   "title": "React.ReactNode",
+   "description": "React.ReactNode",
+   "series": "!SeriesConfig | SeriesConfig[]",
+   "data": "!DataPoint[]",
+   "legend": "LegendConfig",
+   "date": "DateConfig",
+   "emptyState": "React.ReactNode",
+   "errorState": "React.ReactNode",
+   "error": "boolean",
+   "tooltip": "boolean",
+   "grid": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "axis": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "variant": "ChartVariant",
+   "loading": "boolean"
+  },
   "CommonProps": {
    "onBackground": "Colors",
    "onSolid": "Colors",
@@ -130,6 +145,129 @@
    "truncate": "boolean"
   }
  },
+ "iconNames": [
+  "adjustments",
+  "arrowLeft",
+  "arrowRight",
+  "arrowUpRight",
+  "ball",
+  "banknotes",
+  "barChart",
+  "bell",
+  "bolt",
+  "book",
+  "bookmark",
+  "calendar",
+  "cart",
+  "chat",
+  "check",
+  "checkbox",
+  "chevronDoubleLeft",
+  "chevronDoubleRight",
+  "chevronDown",
+  "chevronLeft",
+  "chevronRight",
+  "chevronUp",
+  "chevronsLeftRight",
+  "clipboard",
+  "close",
+  "code",
+  "computer",
+  "copy",
+  "danger",
+  "dark",
+  "dislike",
+  "document",
+  "download",
+  "edit",
+  "enter",
+  "eye",
+  "eyeDropper",
+  "eyeOff",
+  "file",
+  "filter",
+  "flag",
+  "folder",
+  "food",
+  "forward",
+  "gift",
+  "globe",
+  "heart",
+  "help",
+  "home",
+  "image",
+  "inbox",
+  "info",
+  "light",
+  "like",
+  "linearGauge",
+  "link",
+  "lock",
+  "logout",
+  "mail",
+  "maximize",
+  "minimize",
+  "minus",
+  "moreHorizontal",
+  "opacity",
+  "organization",
+  "pause",
+  "paw",
+  "payment",
+  "person",
+  "personRemove",
+  "play",
+  "plus",
+  "radialGauge",
+  "refresh",
+  "return",
+  "screen",
+  "search",
+  "security",
+  "send",
+  "settings",
+  "smiley",
+  "sparkle",
+  "star",
+  "starFill",
+  "store",
+  "symbol",
+  "tag",
+  "time",
+  "trash",
+  "trend",
+  "trendDown",
+  "trendUp",
+  "upload",
+  "video",
+  "volume",
+  "volumeOff",
+  "warning",
+  "wordmark",
+  "world"
+ ],
+ "types": {
+  "AnimationState": [
+   "active",
+   "init",
+   "pending",
+   "completed"
+  ],
+  "Placement": [
+   "top",
+   "right",
+   "bottom",
+   "left",
+   "top-start",
+   "top-end",
+   "right-start",
+   "right-end",
+   "bottom-start",
+   "bottom-end",
+   "left-start",
+   "left-end"
+  ]
+ },
  "components": {
   "Accordion": {
    "group": "components",
@@ -147,7 +285,7 @@
    "props": {
     "title": "!React.ReactNode",
     "children": "!React.ReactNode",
-    "icon": "string = chevronDown",
+    "icon": "IconName = chevronDown",
     "iconRotation": "number = 180",
     "size": "CondensedTShirtSizes = m",
     "radius": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"full\" = m",
@@ -394,6 +532,27 @@
     "children": "React.ReactNode"
    }
   },
+  "Book": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "src": "string",
+    "alt": "string",
+    "sizes": "string",
+    "href": "string",
+    "children": "React.ReactNode"
+   }
+  },
   "BlockQuote": {
    "group": "components",
    "extends": [
@@ -424,7 +583,7 @@
    "props": {
     "variant": "\"primary\" | \"secondary\" | \"tertiary\" | \"quaternary\" | \"subtle\" | \"danger\" | \"success\" | \"warning\" | \"ghost\" | \"link\" = primary",
     "size": "TShirtSizes = m",
-    "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+    "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
     "label": "string",
     "weight": "\"default\" | \"strong\" = strong",
     "rounded": "boolean",
@@ -471,6 +630,41 @@
     "children": "React.ReactNode"
    }
   },
+  "NavGroup": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "label": "!ReactNode",
+    "icon": "IconName",
+    "children": "!ReactNode",
+    "open": "boolean",
+    "onToggle": "() => void",
+    "defaultOpen": "boolean = false",
+    "selected": "boolean = false"
+   }
+  },
+  "NavItem": {
+   "group": "components",
+   "extends": [
+    "ToggleButton"
+   ],
+   "props": {
+    "label": "!ReactNode",
+    "icon": "IconName",
+    "badge": "number",
+    "indicator": "boolean"
+   }
+  },
   "WeatherFx": {
    "group": "components",
    "extends": [
@@ -514,7 +708,7 @@
     "items": "!CarouselItem[] = []",
     "controls": "boolean = true",
     "priority": "boolean = false",
-    "fill": "boolean = false",
+    "stretch": "boolean = false",
     "indicator": "\"line\" | \"thumbnail\" | false = line",
     "translateY": "SpacingToken | number",
     "aspectRatio": "string = original",
@@ -542,7 +736,7 @@
     "items": "!SwiperItem[] = []",
     "controls": "boolean | \"contained\" = true",
     "priority": "boolean = false",
-    "fill": "boolean = false",
+    "stretch": "boolean = false",
     "aspectRatio": "string = 16 / 9",
     "sizes": "string",
     "unoptimized": "boolean = false",
@@ -567,6 +761,7 @@
     "href": "string",
     "onClick": "() => void",
     "fillHeight": "boolean",
+    "selected": "boolean",
     "style": "React.CSSProperties",
     "className": "string"
    }
@@ -654,8 +849,8 @@
     "InteractiveDetails"
    ],
    "props": {
-    "isChecked": "boolean",
-    "isIndeterminate": "boolean = false",
+    "checked": "boolean",
+    "indeterminate": "boolean = false",
     "onToggle": "() => void",
     "hoverable": "boolean = true"
    }
@@ -692,7 +887,7 @@
    ],
    "props": {
     "value": "!string",
-    "onChange": "!(e: React.ChangeEvent<HTMLInputElement>) => void",
+    "onChange": "!(value: string) => void",
     "supportAlpha": "boolean = false"
    }
   },
@@ -779,7 +974,7 @@
     "defaultDate": "Date",
     "defaultTime": "{ hours: number; minutes: number; }",
     "size": "CondensedTShirtSizes = m",
-    "isNested": "boolean = false",
+    "nested": "boolean = false",
     "className": "string",
     "style": "React.CSSProperties",
     "currentMonth": "number",
@@ -788,7 +983,7 @@
     "range": "{ startDate?: Date; endDate?: Date; }",
     "onHover": "(date: Date | null) => void",
     "autoFocus": "boolean = false",
-    "isOpen": "boolean"
+    "open": "boolean"
    }
   },
   "DateRangeInput": {
@@ -849,7 +1044,7 @@
     "StyleProps"
    ],
    "props": {
-    "isOpen": "!boolean",
+    "open": "!boolean",
     "onClose": "!() => void",
     "title": "!ReactNode | string",
     "description": "ReactNode",
@@ -901,14 +1096,16 @@
     "onSelect": "(value: string) => void",
     "closeAfterClick": "boolean = true",
     "handleArrowNavigation": "boolean = true",
-    "isOpen": "boolean",
-    "onOpenChange": "(isOpen: boolean) => void",
-    "isNested": "boolean = false",
+    "open": "boolean",
+    "onOpenChange": "(open: boolean) => void",
+    "nested": "boolean = false",
     "navigationLayout": "NavigationLayout",
     "columns": "number | string = 8",
     "optionsCount": "number",
     "dropdownId": "string",
-    "disableTriggerClick": "boolean = false"
+    "disableTriggerClick": "boolean = false",
+    "onFocusCapture": "React.FocusEventHandler<HTMLDivElement>",
+    "onBlurCapture": "React.FocusEventHandler<HTMLDivElement>"
    }
   },
   "EmojiPicker": {
@@ -962,7 +1159,7 @@
     "to": "\"bottom\" | \"top\" | \"left\" | \"right\" = bottom",
     "base": "BaseColor = page",
     "blur": "number = 0.5",
-    "pattern": "{ display?: boolean; size?: SpacingToken; } = {\r\n        display: false,\r\n        size: \"4\",\r\n      }",
+    "pattern": "{ display?: boolean; size?: SpacingToken; } = { display: false, size: \"4\", }",
     "style": "React.CSSProperties",
     "children": "ReactNode"
    }
@@ -982,7 +1179,7 @@
    ],
    "props": {
     "variant": "\"info\" | \"danger\" | \"warning\" | \"success\" = info",
-    "icon": "boolean = true",
+    "showIcon": "boolean = true",
     "title": "string",
     "description": "string",
     "showCloseButton": "boolean = false",
@@ -1177,7 +1374,7 @@
     "icon": "IconName = refresh",
     "id": "string",
     "size": "TShirtSizes = m",
-    "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+    "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
     "rounded": "boolean = false",
     "tooltip": "ReactNode",
     "tooltipPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = top",
@@ -1239,16 +1436,17 @@
     "id": "!string",
     "label": "string",
     "placeholder": "string",
-    "height": "TShirtSizes = m",
+    "size": "TShirtSizes = m",
     "error": "boolean = false",
     "errorMessage": "ReactNode",
     "description": "ReactNode",
-    "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+    "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
     "className": "string",
     "style": "React.CSSProperties",
-    "hasPrefix": "ReactNode",
-    "hasSuffix": "ReactNode",
+    "prefix": "ReactNode",
+    "suffix": "ReactNode",
     "variant": "\"default\" | \"ghost\" = default",
+    "focusRing": "boolean = false",
     "characterCount": "boolean",
     "cursor": "undefined | \"interactive\"",
     "validate": "(value: ReactNode) => ReactNode | null",
@@ -1357,8 +1555,8 @@
     "className": "string",
     "size": "TShirtSizes = m",
     "style": "React.CSSProperties",
-    "icon": "string",
-    "wordmark": "string",
+    "icon": "LogoSource",
+    "wordmark": "LogoSource",
     "href": "string",
     "dark": "boolean",
     "light": "boolean",
@@ -1460,7 +1658,7 @@
     "sizes": "string | number = 100vw",
     "priority": "boolean",
     "caption": "ReactNode",
-    "fill": "boolean = false",
+    "stretch": "boolean = false",
     "fillWidth": "boolean = true",
     "loop": "boolean = true",
     "autoplay": "boolean = true",
@@ -1476,7 +1674,7 @@
     "children": "!React.ReactNode",
     "backdrop": "React.ReactNode",
     "title": "!React.ReactNode",
-    "isOpen": "!boolean",
+    "open": "!boolean",
     "onClose": "!() => void"
    }
   },
@@ -1497,7 +1695,7 @@
     "className": "string",
     "style": "React.CSSProperties",
     "onClick": "() => void",
-    "isActive": "boolean"
+    "active": "boolean"
    }
   },
   "NumberInput": {
@@ -1560,8 +1758,8 @@
     "label": "React.ReactNode",
     "href": "string",
     "value": "!string",
-    "hasPrefix": "React.ReactNode",
-    "hasSuffix": "React.ReactNode",
+    "prefix": "React.ReactNode",
+    "suffix": "React.ReactNode",
     "description": "React.ReactNode",
     "danger": "boolean",
     "selected": "boolean",
@@ -1599,7 +1797,7 @@
    ],
    "props": {
     "density": "number = 100",
-    "color": "string = brand-on-background-weak",
+    "color": "ColorValue = brand-on-background-weak",
     "size": "SpacingToken = 2",
     "speed": "number = 0.3",
     "interactive": "boolean = false",
@@ -1635,7 +1833,7 @@
     "value": "!number",
     "min": "number = 0",
     "max": "number = 100",
-    "label": "boolean = true",
+    "showLabel": "boolean = true",
     "labelPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = bottom",
     "barBackground": "StyleProps[\"solid\"] = brand-strong",
     "className": "string",
@@ -1656,7 +1854,7 @@
     "StyleProps"
    ],
    "props": {
-    "variant": "ColorScheme = brand",
+    "scheme": "ColorScheme = brand",
     "size": "CondensedTShirtSizes = m",
     "pulseSize": "string | number",
     "children": "ReactNode",
@@ -1672,7 +1870,7 @@
    "props": {
     "style": "React.CSSProperties",
     "className": "string",
-    "isChecked": "boolean",
+    "checked": "boolean",
     "name": "string",
     "value": "string",
     "disabled": "boolean",
@@ -1699,7 +1897,7 @@
     "delay": "number = 0",
     "revealedByDefault": "boolean = false",
     "translateY": "number | SpacingToken",
-    "trigger": "boolean",
+    "revealed": "boolean",
     "style": "React.CSSProperties",
     "className": "string"
    }
@@ -1798,10 +1996,10 @@
    ],
    "props": {
     "buttons": "!ButtonOption[]",
-    "onToggle": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
-    "defaultSelected": "string",
+    "onChange": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
+    "defaultValue": "string",
     "fillWidth": "boolean = true",
-    "selected": "string",
+    "value": "string",
     "compact": "boolean = false",
     "className": "string",
     "style": "React.CSSProperties"
@@ -1835,7 +2033,7 @@
     "TextProps"
    ],
    "props": {
-    "speed": "number = 1",
+    "speed": "number = 1000",
     "disabled": "boolean = false",
     "inverse": "boolean = false",
     "baseOpacity": "number = 0.3",
@@ -1858,9 +2056,8 @@
    ],
    "props": {
     "shape": "!\"line\" | \"circle\" | \"block\" = line",
-    "width": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
-    "height": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
-    "delay": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
+    "size": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
+    "delay": "number",
     "style": "React.CSSProperties",
     "className": "string"
    }
@@ -1932,6 +2129,8 @@
    "props": {
     "leftPanel": "!ReactNode",
     "rightPanel": "!ReactNode",
+    "labels": "{ left: string; right: string }",
+    "collapseBelow": "BreakpointKey | false = s",
     "defaultSplit": "number = 0.3",
     "minSplit": "number = 0.2",
     "maxSplit": "number = 0.8"
@@ -1961,6 +2160,7 @@
   "StylePanel": {
    "group": "components",
    "extends": [
+    "Column",
     "Flex"
    ],
    "mixins": [
@@ -1972,8 +2172,9 @@
     "StyleProps"
    ],
    "props": {
-    "style": "React.CSSProperties",
-    "className": "string"
+    "visibility": "StylePanelVisibility",
+    "value": "StylePanelRootProps[\"value\"]",
+    "onChange": "StylePanelRootProps[\"onChange\"]"
    }
   },
   "StyleOverlay": {
@@ -2003,7 +2204,7 @@
    "props": {
     "style": "React.CSSProperties",
     "className": "string",
-    "isChecked": "!boolean",
+    "checked": "!boolean",
     "loading": "boolean = false",
     "name": "string",
     "value": "string",
@@ -2060,7 +2261,7 @@
     "StyleProps"
    ],
    "props": {
-    "variant": "ColorScheme | \"gradient\" = neutral",
+    "scheme": "ColorScheme | \"gradient\" = neutral",
     "size": "CondensedTShirtSizes = m",
     "label": "string = ",
     "prefixIcon": "IconName",
@@ -2093,16 +2294,17 @@
     "id": "!string",
     "label": "string",
     "placeholder": "string",
-    "lines": "number | \"auto\" = 3",
-    "height": "TShirtSizes = m",
+    "lines": "number | \"auto\" = auto",
+    "size": "TShirtSizes = m",
     "error": "boolean = false",
     "errorMessage": "ReactNode",
     "description": "ReactNode",
-    "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+    "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
     "className": "string",
-    "hasPrefix": "ReactNode",
-    "hasSuffix": "ReactNode",
+    "prefix": "ReactNode",
+    "suffix": "ReactNode",
     "variant": "\"default\" | \"ghost\" = default",
+    "focusRing": "boolean = false",
     "characterCount": "boolean",
     "resize": "\"horizontal\" | \"vertical\" | \"both\" | \"none\" = vertical",
     "validate": "(value: ReactNode) => ReactNode | null",
@@ -2152,7 +2354,7 @@
    "props": {
     "className": "string",
     "variant": "!\"success\" | \"danger\" | \"warning\" | \"info\"",
-    "icon": "boolean = true",
+    "showIcon": "boolean = true",
     "onClose": "() => void",
     "action": "React.ReactNode",
     "children": "!React.ReactNode"
@@ -2177,7 +2379,8 @@
     "selected": "boolean = false",
     "variant": "\"ghost\" | \"outline\" | \"subtle\" = ghost",
     "size": "TShirtSizes = m",
-    "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+    "radius": "RadiusSize",
+    "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
     "rounded": "boolean = false",
     "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" = center",
     "fillWidth": "boolean = false",
@@ -2240,7 +2443,10 @@
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
+   ],
+   "props": {
+    "collapsed": "boolean"
+   }
   },
   "User": {
    "group": "components",
@@ -2294,6 +2500,142 @@
     "children": "React.ReactNode"
    }
   },
+  "Effect": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "type": "EffectType = none",
+    "colors": "string[]",
+    "speed": "number",
+    "reducedMotion": "boolean | \"auto\"",
+    "blob": "Omit<React.ComponentProps<typeof BlobFx>, \"children\">",
+    "matrix": "Omit<React.ComponentProps<typeof MatrixFx>, \"children\">",
+    "weather": "Omit<React.ComponentProps<typeof WeatherFx>, \"children\">",
+    "particle": "Omit<React.ComponentProps<typeof Particle>, \"children\">",
+    "celebration": "Omit<React.ComponentProps<typeof CelebrationFx>, \"children\">",
+    "children": "React.ReactNode"
+   }
+  },
+  "InfoTip": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "children": "React.ReactNode",
+    "size": "React.ComponentProps<typeof Icon>[\"size\"] = xs"
+   }
+  },
+  "Scrubber": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "duration": "!number",
+    "value": "!number",
+    "onChange": "!(time: number) => void",
+    "tracks": "ScrubberTrack[] = []",
+    "selected": "string | null = null",
+    "onSelect": "(blockId: string | null) => void",
+    "onBlockChange": "(trackId: string, blockId: string, next: { start: number; end: number }) => void",
+    "onGestureStart": "() => void",
+    "onBlockContextMenu": "(event: React.MouseEvent, trackId: string, blockId: string) => void",
+    "showTime": "boolean = true",
+    "formatTime": "(time: number) => string = defaultFormatTime",
+    "step": "number",
+    "ariaLabel": "string = Seek"
+   }
+  },
+  "Setting": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "label": "React.ReactNode",
+    "description": "React.ReactNode",
+    "info": "React.ReactNode",
+    "controlWidth": "number = 14",
+    "children": "React.ReactNode"
+   }
+  },
+  "SettingAxes": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "label": "React.ReactNode",
+    "info": "React.ReactNode",
+    "axes": "!{ label: React.ReactNode; control: React.ReactNode }[]",
+    "axisWidth": "number = 13"
+   }
+  },
+  "SettingGroup": {
+   "group": "components",
+   "extends": [
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "label": "React.ReactNode",
+    "description": "React.ReactNode",
+    "info": "React.ReactNode",
+    "control": "React.ReactNode",
+    "open": "boolean",
+    "children": "React.ReactNode"
+   }
+  },
   "FadingLettersFx": {
    "group": "components",
    "mixins": [
@@ -2389,13 +2731,29 @@
     "style": "React.CSSProperties"
    }
   },
-  "ChartHeader": {
+  "Schema": {
    "group": "modules",
+   "props": {
+    "as": "!\"website\" | \"article\" | \"blogPosting\" | \"techArticle\" | \"webPage\" | \"organization\"",
+    "title": "!string",
+    "description": "!string",
+    "baseURL": "!string",
+    "path": "!string",
+    "datePublished": "string",
+    "dateModified": "string",
+    "image": "string",
+    "sameAs": "string[] = []",
+    "author": "{ name: string; url?: string; image?: string; }"
+   }
+  },
+  "LineChart": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
-    "Column",
     "Flex"
    ],
    "mixins": [
+    "ChartProps",
     "CommonProps",
     "DisplayProps",
     "FlexProps",
@@ -2404,142 +2762,116 @@
     "StyleProps"
    ],
    "props": {
-    "title": "React.ReactNode",
-    "description": "React.ReactNode",
-    "dateRange": "DateRange",
-    "date": "DateConfig",
-    "onDateRangeChange": "(range: DateRange) => void",
-    "presets": "PresetsConfig = { display: true, granularity: \"week\" }"
-   }
-  },
-  "ChartStatus": {
-   "group": "modules",
-   "props": {
-    "loading": "boolean = false",
-    "empty": "boolean = false",
+    "curve": "curveType = natural",
+    "reverseY": "boolean = false",
+    "reverseX": "boolean = false",
+    "animation": "boolean = true",
+    "animationBegin": "number",
+    "animationDuration": "number",
+    "animationEasing": "unknown",
+    "xAxisType": "\"number\" | \"category\"",
+    "xDomain": "[number, number]",
+    "data-viz-style": "string",
+    "legend": "LegendConfig = {}",
     "error": "boolean = false",
-    "emptyState": "React.ReactNode = No data available for the selected period",
-    "errorState": "React.ReactNode = An error occurred while fetching data"
-   }
-  },
-  "LinearGradient": {
-   "group": "modules",
-   "props": {
-    "id": "!string",
-    "color": "!string",
-    "x1": "string = 0",
-    "y1": "string = 0",
-    "x2": "string = 0",
-    "y2": "string = 1",
-    "stops": "GradientStop[]",
-    "variant": "ChartVariant = useDataTheme().variant"
-   }
-  },
-  "RadialGradient": {
-   "group": "modules",
-   "props": {
-    "id": "!string",
-    "color": "!string",
-    "cx": "string = 50%",
-    "cy": "string = 50%",
-    "r": "string = 50%",
-    "fx": "string = 50%",
-    "fy": "string = 50%",
-    "stops": "GradientStop[]",
-    "variant": "ChartVariant = useDataTheme().variant"
+    "tooltip": "boolean = true",
+    "grid": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+    "axis": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+    "loading": "boolean = false",
+    "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
    }
   },
   "BarChart": {
-   "group": "modules",
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
-    "BarChart.impl",
-    "interfaces",
     "Flex"
    ],
    "mixins": [
+    "ChartProps",
     "CommonProps",
     "DisplayProps",
     "FlexProps",
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
-  },
-  "LineChart": {
-   "group": "modules",
-   "extends": [
-    "LineChart.impl",
-    "interfaces",
-    "Flex"
    ],
-   "mixins": [
-    "CommonProps",
-    "DisplayProps",
-    "FlexProps",
-    "SizeProps",
-    "SpacingProps",
-    "StyleProps"
-   ]
+   "props": {
+    "barWidth": "BarWidth = l",
+    "hover": "boolean = false",
+    "reverseY": "boolean = false",
+    "reverseX": "boolean = false",
+    "data-viz-style": "string",
+    "legend": "LegendConfig = {}",
+    "error": "boolean = false",
+    "tooltip": "boolean = true",
+    "grid": "\"x\" | \"y\" | \"both\" | \"none\" = y",
+    "axis": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+    "loading": "boolean = false",
+    "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
+   }
   },
   "PieChart": {
-   "group": "modules",
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
-    "PieChart.impl",
-    "interfaces",
     "Flex"
    ],
    "mixins": [
+    "ChartProps",
     "CommonProps",
     "DisplayProps",
     "FlexProps",
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
+   ],
+   "props": {
+    "data-viz-style": "string",
+    "ring": "{ inner: number; outer: number } = { inner: 0, outer: 80 }",
+    "dataKey": "string = value",
+    "nameKey": "string = name",
+    "origo": "{ x: number; y: number } = { x: 50, y: 50 }",
+    "legend": "LegendConfig = {}",
+    "error": "boolean = false",
+    "tooltip": "boolean = true",
+    "loading": "boolean = false",
+    "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
+   }
   },
   "LineBarChart": {
-   "group": "modules",
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
-    "LineBarChart.impl",
-    "interfaces",
     "Flex"
    ],
    "mixins": [
+    "ChartProps",
     "CommonProps",
     "DisplayProps",
     "FlexProps",
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
-  },
-  "DataTooltip": {
-   "group": "modules",
-   "props": {
-    "active": "boolean",
-    "payload": "readonly Record<string, any>[]",
-    "label": "string | number",
-    "dataKey": "string = name",
-    "DataTooltip": "React.ReactNode",
-    "date": "DateConfig = { format: \"MMM d\" }",
-    "colors": "boolean = true",
-    "variant": "ChartVariant = gradient"
-   }
-  },
-  "Legend": {
-   "group": "modules",
+   ],
    "props": {
-    "payload": "readonly Record<string, any>[]",
-    "labels": "\"x\" | \"y\" | \"both\" | \"none\" = both",
-    "colors": "string[]",
-    "reverseY": "boolean",
-    "direction": "\"row\" | \"column\"",
-    "position": "\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"bottom-center\" = top-left",
-    "variant": "ChartVariant = useDataTheme().variant"
+    "barWidth": "BarWidth = l",
+    "curve": "curveType = natural",
+    "reverseY": "boolean = false",
+    "reverseX": "boolean = false",
+    "data-viz-style": "string",
+    "legend": "LegendConfig = {}",
+    "error": "boolean = false",
+    "tooltip": "boolean = true",
+    "grid": "\"x\" | \"y\" | \"both\" | \"none\" = y",
+    "axis": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+    "loading": "boolean = false",
+    "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
    }
   },
   "RadialGauge": {
-   "group": "modules",
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
     "Flex"
    ],
@@ -2557,16 +2889,17 @@
     "line": "{ count?: number; width?: number; length?: number; }",
     "unit": "React.ReactNode",
     "value": "number = 7",
-    "angle": "{ start: number; sweep: number; } = {\r\n    start: 0,\r\n    sweep: 360,\r\n  }",
+    "angle": "{ start: number; sweep: number; } = { start: 0, sweep: 360, }",
     "direction": "'cw' | 'ccw' = cw",
     "edgePad": "number = 0",
     "children": "React.ReactNode",
     "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
-    "color": "string = contrast"
+    "color": "ColorValue = contrast"
    }
   },
   "LinearGauge": {
-   "group": "modules",
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
    "extends": [
     "Flex"
    ],
@@ -2585,13 +2918,113 @@
     "value": "number = 50",
     "labels": "\"none\" | \"percentage\" | string[] = none",
     "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
-    "color": "string = contrast"
+    "color": "ColorValue = contrast"
+   }
+  },
+  "ChartHeader": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "extends": [
+    "Column",
+    "Flex"
+   ],
+   "mixins": [
+    "CommonProps",
+    "DisplayProps",
+    "FlexProps",
+    "SizeProps",
+    "SpacingProps",
+    "StyleProps"
+   ],
+   "props": {
+    "title": "React.ReactNode",
+    "description": "React.ReactNode",
+    "dateRange": "DateRange",
+    "date": "DateConfig",
+    "onDateRangeChange": "(range: DateRange) => void",
+    "presets": "PresetsConfig = { display: true, granularity: \"week\" }"
+   }
+  },
+  "ChartStatus": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "loading": "boolean = false",
+    "empty": "boolean = false",
+    "error": "boolean = false",
+    "emptyState": "React.ReactNode = No data available for the selected period",
+    "errorState": "React.ReactNode = An error occurred while fetching data"
+   }
+  },
+  "LinearGradient": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "id": "!string",
+    "color": "!string",
+    "x1": "string = 0",
+    "y1": "string = 0",
+    "x2": "string = 0",
+    "y2": "string = 1",
+    "stops": "GradientStop[]",
+    "variant": "ChartVariant = useDataTheme().variant"
+   }
+  },
+  "RadialGradient": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "id": "!string",
+    "color": "!string",
+    "cx": "string = 50%",
+    "cy": "string = 50%",
+    "r": "string = 50%",
+    "fx": "string = 50%",
+    "fy": "string = 50%",
+    "stops": "GradientStop[]",
+    "variant": "ChartVariant = useDataTheme().variant"
+   }
+  },
+  "DataTooltip": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "active": "boolean",
+    "payload": "readonly Record<string, any>[]",
+    "label": "string | number",
+    "dataKey": "string = name",
+    "DataTooltip": "React.ReactNode",
+    "date": "DateConfig = { format: \"MMM d\" }",
+    "showSwatches": "boolean = true",
+    "variant": "ChartVariant = gradient"
+   }
+  },
+  "Legend": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "payload": "readonly Record<string, any>[]",
+    "labels": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+    "colors": "string[]",
+    "reverseY": "boolean",
+    "direction": "\"row\" | \"column\"",
+    "position": "\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"bottom-center\" = top-left",
+    "variant": "ChartVariant = useDataTheme().variant"
+   }
+  },
+  "Swatch": {
+   "group": "data",
+   "importFrom": "@once-ui-system/core/data",
+   "props": {
+    "color": "!string",
+    "size": "\"s\" | \"m\" = m",
+    "variant": "ChartVariant = useDataTheme().variant"
    }
   },
   "CodeBlock": {
-   "group": "modules",
+   "group": "code",
+   "importFrom": "@once-ui-system/core/code",
    "extends": [
-    "CodeBlock.impl",
     "Flex"
    ],
    "mixins": [
@@ -2601,12 +3034,33 @@
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
+   ],
+   "props": {
+    "codeHeight": "number",
+    "fillHeight": "boolean",
+    "previewPadding": "SpacingToken = l",
+    "codes": "CodeInstance[] = []",
+    "preview": "ReactNode",
+    "copyButton": "boolean = true",
+    "styleButton": "boolean = false",
+    "reloadButton": "boolean = false",
+    "fullscreenButton": "boolean = false",
+    "compact": "boolean = false",
+    "className": "string",
+    "style": "React.CSSProperties",
+    "background": "React.ComponentProps<typeof Flex>[\"background\"] = surface",
+    "onInstanceChange": "(index: number) => void",
+    "lineNumbers": "boolean = false",
+    "highlight": "string",
+    "maxLines": "number = 5",
+    "isCollapsible": "boolean = false",
+    "hideCode": "boolean = false"
+   }
   },
   "MediaUpload": {
-   "group": "modules",
+   "group": "media",
+   "importFrom": "@once-ui-system/core/media",
    "extends": [
-    "MediaUpload.impl",
     "Flex"
    ],
    "mixins": [
@@ -2616,21 +3070,25 @@
     "SizeProps",
     "SpacingProps",
     "StyleProps"
-   ]
-  },
-  "Schema": {
-   "group": "modules",
+   ],
    "props": {
-    "as": "!\"website\" | \"article\" | \"blogPosting\" | \"techArticle\" | \"webPage\" | \"organization\"",
-    "title": "!string",
-    "description": "!string",
-    "baseURL": "!string",
-    "path": "!string",
-    "datePublished": "string",
-    "dateModified": "string",
-    "image": "string",
-    "sameAs": "string[] = []",
-    "author": "{ name: string; url?: string; image?: string; }"
+    "onFileUpload": "(file: File) => Promise<void>",
+    "compress": "boolean = true",
+    "aspectRatio": "string = 16 / 9",
+    "className": "string",
+    "style": "React.CSSProperties",
+    "initialPreviewImage": "string | null = null",
+    "emptyState": "React.ReactNode = Drag and drop or click to browse",
+    "quality": "number = 0.8",
+    "sizes": "string",
+    "children": "React.ReactNode",
+    "convertTypes": "string[] = [\"image/png\", \"image/webp\", \"image/jpg\"]",
+    "resizeMaxWidth": "number = 1920",
+    "resizeMaxHeight": "number = 1920",
+    "resizeWidth": "number = 1200",
+    "resizeHeight": "number = 1200",
+    "loading": "boolean = false",
+    "accept": "string = image/*"
    }
   }
  },