haze-ui 1.32.0 → 1.33.0

package/dist/mcp-docs.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-11T16:55:31.959Z",
+  "generatedAt": "2026-10-19T05:34:18.035Z",
   "components": {
     "Accordion": {
       "cssFamily": "accordion",
@@ -2513,6 +2513,46 @@
         ]
       }
     },
+    "Countdown": {
+      "cssFamily": "countdown",
+      "importStatement": "import { Countdown } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/countdown.css';",
+      "peerDeps": [],
+      "description": "Deadline countdown: `value` timestamp or Date, setTimeout-chain ticks aligned to second boundaries (no interval drift), `onFinish` fires once, adaptive `1d hh:mm:ss` / `hh:mm:ss` default format with `format`/`render` escape hatches.",
+      "props": {
+        "CountdownProps": [
+          {
+            "name": "value",
+            "type": "number | Date",
+            "required": true,
+            "description": ""
+          },
+          {
+            "name": "onFinish",
+            "type": "() => void",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "format",
+            "type": "(parts: CountdownParts) => string",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "type": "(parts: CountdownParts) => ReactNode",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "className",
+            "type": "string",
+            "required": false,
+            "description": ""
+          }
+        ]
+      }
+    },
     "DataTable": {
       "cssFamily": "data-table",
       "importStatement": "import { DataTable, dataTableToCsv, dataTableSum, dataTableAvg, dataTableCount } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/data-table.css';",
@@ -4343,6 +4383,13 @@
             "required": false,
             "description": ""
           },
+          {
+            "name": "interactive",
+            "type": "boolean",
+            "required": false,
+            "default": "false",
+            "description": "PreviewTrigger semantics: focusable card content joins the Tab order (never trapped), focus may travel between trigger and card without closing it, Escape closes and returns focus to the trigger. Pointer grace defaults to 300ms in this mode; a focused card ignores pointer leaves."
+          },
           {
             "name": "placement",
             "type": "FloatingPlacement",
@@ -4496,6 +4543,94 @@
         ]
       }
     },
+    "ImageCrop": {
+      "cssFamily": "image-crop",
+      "importStatement": "import { ImageCrop } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/image-crop.css';",
+      "peerDeps": [],
+      "description": "Interactive image cropper pairing with Upload: controllable normalized CropRect value, aspect lock, circle avatar mask, pointer drag with corner handles, full keyboard operation (arrows move, Shift+arrows resize) and a getCroppedCanvas ref API.",
+      "props": {
+        "ImageCropProps": [
+          {
+            "name": "src",
+            "type": "string",
+            "required": true,
+            "description": ""
+          },
+          {
+            "name": "alt",
+            "type": "string",
+            "required": true,
+            "description": ""
+          },
+          {
+            "name": "value",
+            "type": "ControlOrValue<CropRect>",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "onChange",
+            "type": "(rect: CropRect) => void",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "aspect",
+            "type": "number",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "shape",
+            "type": "'circle' | 'rect'",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "cropLabel",
+            "type": "string",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "unsupportedLabel",
+            "type": "string",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "errorLabel",
+            "type": "string",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "disabled",
+            "type": "boolean",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "crossOrigin",
+            "type": "'anonymous' | 'use-credentials'",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "className",
+            "type": "string",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "ref",
+            "type": "Ref<ImageCropHandle>",
+            "required": false,
+            "description": ""
+          }
+        ]
+      }
+    },
     "Indicator": {
       "cssFamily": "indicator",
       "importStatement": "import { Indicator } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/indicator.css';",
@@ -6437,9 +6572,9 @@
     },
     "Resizable": {
       "cssFamily": "resizable",
-      "importStatement": "import { ResizableGroup, ResizablePanel, ResizableHandle, SplitterGroup, SplitterPanel, SplitterHandle } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/resizable.css';",
+      "importStatement": "import { ResizableGroup, ResizablePanel, ResizableHandle } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/resizable.css';",
       "peerDeps": [],
-      "description": "Split-pane group with draggable dividers, horizontal or vertical; also exported as `SplitterGroup`/`SplitterPanel`/`SplitterHandle` (AntD-style naming).",
+      "description": "Split-pane group with draggable dividers, horizontal or vertical; px sizing per panel with `onResizeCommit` for persistence.",
       "props": {
         "ResizableGroupProps": [
           {
@@ -6472,12 +6607,6 @@
             "type": "(sizes: Record<string, number>) => void",
             "required": false,
             "description": "Fires once when a drag or keyboard resize settles, mapping fixed-panel ids to their committed px sizes — the persistence hook (write it back into a store or Control)"
-          },
-          {
-            "name": "SplitterGroup · SplitterPanel · SplitterHandle",
-            "type": "aliases",
-            "required": false,
-            "description": "AntD migration entry: `import { SplitterGroup, SplitterPanel, SplitterHandle } from 'haze-ui'` maps 1:1 onto ResizableGroup / ResizablePanel / ResizableHandle (same props)"
           }
         ],
         "ResizableHandleProps": [
@@ -7548,6 +7677,78 @@
         ]
       }
     },
+    "Splitter": {
+      "cssFamily": "splitter",
+      "importStatement": "import { Splitter, SplitterPane } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/splitter.css';",
+      "peerDeps": [],
+      "description": "Multi-pane split layout with implicit draggable dividers (AntD Splitter semantics): `sizes` in percent of the pane area (`ControlOrValue` array), per-pane `min`/`max` clamps, opt-in `collapsible` panes with divider collapse/expand triggers, keyboard arrows and pointer drags.",
+      "props": {
+        "SplitterPaneProps": [
+          {
+            "name": "min",
+            "type": "number",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "max",
+            "type": "number",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "collapsible",
+            "type": "boolean",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "children",
+            "type": "ReactNode",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "className",
+            "type": "string",
+            "required": false,
+            "description": ""
+          }
+        ],
+        "SplitterProps": [
+          {
+            "name": "orientation",
+            "type": "'vertical' | 'horizontal'",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "sizes",
+            "type": "ControlOrValue<number[]>",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "onSizesChange",
+            "type": "(sizes: number[]) => void",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "children",
+            "type": "ReactNode",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "className",
+            "type": "string",
+            "required": false,
+            "description": ""
+          }
+        ]
+      }
+    },
     "Spoiler": {
       "cssFamily": "spoiler",
       "importStatement": "import { Spoiler } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/spoiler.css';",

package/dist/registry.json

@@ -303,7 +303,7 @@
       "title": "Haze UI base (tokens + every component wrapper)",
       "description": "One-command setup of the whole haze-ui design system: theme tokens plus a thin wrapper for every styled component, pulled in through registryDependencies.",
       "author": "wmzy <https://github.com/wmzy>",
-      "docs": "One command installs the entire haze-ui design system: the theme tokens\n(this item ships the token-activation wrapper) plus a thin re-export\nwrapper for every styled component — 132 registry items pulled\nin through `registryDependencies`, resolved recursively by the CLI.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/base\n```\n\nEach component wrapper lands at `components/ui/haze/<component>.tsx` and\nre-exports its component from the `haze-ui` npm package (installed\nautomatically), importing its stylesheet — no other setup is needed.\n\n## Theming\n\nThis wrapper re-exports the 'lightTheme' (or 'darkTheme'), 'spacing' and\n'typography' classes from 'haze-ui' and imports 'haze-ui/css/tokens.css'.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
+      "docs": "One command installs the entire haze-ui design system: the theme tokens\n(this item ships the token-activation wrapper) plus a thin re-export\nwrapper for every styled component — 135 registry items pulled\nin through `registryDependencies`, resolved recursively by the CLI.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/base\n```\n\nEach component wrapper lands at `components/ui/haze/<component>.tsx` and\nre-exports its component from the `haze-ui` npm package (installed\nautomatically), importing its stylesheet — no other setup is needed.\n\n## Theming\n\nThis wrapper re-exports the 'lightTheme' (or 'darkTheme'), 'spacing' and\n'typography' classes from 'haze-ui' and imports 'haze-ui/css/tokens.css'.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
       "categories": [
         "theme",
         "setup"
@@ -349,6 +349,7 @@
         "wmzy/haze-ui/context-menu",
         "wmzy/haze-ui/conversation-list",
         "wmzy/haze-ui/count-up",
+        "wmzy/haze-ui/countdown",
         "wmzy/haze-ui/data-table",
         "wmzy/haze-ui/date-range-picker",
         "wmzy/haze-ui/datepicker",
@@ -371,6 +372,7 @@
         "wmzy/haze-ui/hover-card",
         "wmzy/haze-ui/icon",
         "wmzy/haze-ui/image",
+        "wmzy/haze-ui/image-crop",
         "wmzy/haze-ui/indicator",
         "wmzy/haze-ui/inline-completion",
         "wmzy/haze-ui/inline-edit",
@@ -409,6 +411,7 @@
         "wmzy/haze-ui/sources",
         "wmzy/haze-ui/sparkline",
         "wmzy/haze-ui/spinner",
+        "wmzy/haze-ui/splitter",
         "wmzy/haze-ui/spoiler",
         "wmzy/haze-ui/stat",
         "wmzy/haze-ui/status-bar",
@@ -936,6 +939,27 @@
         }
       ]
     },
+    {
+      "name": "countdown",
+      "type": "registry:ui",
+      "title": "Countdown",
+      "description": "Deadline countdown: `value` timestamp or Date, setTimeout-chain ticks aligned to second boundaries (no interval drift), `onFinish` fires once, adaptive `1d hh:mm:ss` / `hh:mm:ss` default format with `format`/`render` escape hatches.",
+      "author": "wmzy <https://github.com/wmzy>",
+      "docs": "Deadline countdown: `value` timestamp or Date, setTimeout-chain ticks aligned to second boundaries (no interval drift), `onFinish` fires once, adaptive `1d hh:mm:ss` / `hh:mm:ss` default format with `format`/`render` escape hatches.\n\nExports: `Countdown`.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/countdown\n```\n\nThe wrapper lands at `components/ui/haze/countdown.tsx` (via the `@ui/` target placeholder from `components.json`) and re-exports the component(s) from the `haze-ui` npm package, which is installed automatically.\n\n## Theming\n\nhaze-ui ships JS and CSS separately — the installed wrapper already imports\n`haze-ui/css/tokens.css` and `haze-ui/css/countdown.css`, so no extra stylesheet setup is needed.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
+      "categories": [
+        "general"
+      ],
+      "dependencies": [
+        "haze-ui"
+      ],
+      "files": [
+        {
+          "path": "components/haze/countdown.tsx",
+          "content": "// haze-ui registry wrapper — generated by scripts/generate-registry.mjs.\n//\n// This is a thin wrapper around the published haze-ui npm package, not\n// vendored component source: it re-exports the component(s) from\n// 'haze-ui' and imports their stylesheet, so the package keeps updating\n// underneath. Edit this file to customize — wrap, restyle, compose; that\n// is what it is for. (haze-ui is compiled CSS-in-JS (linaria) styled\n// against --haze-* design tokens, so vendoring the source would neither\n// build nor style — forking this wrapper is the intended customization\n// path.)\n//\n// Theming (once per app): apply the token classes to a root element, e.g.\n//   import { lightTheme, spacing, typography } from 'haze-ui';\n//   <div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n// (darkTheme is a drop-in swap). haze-ui dist modules ship their own\n// 'use client' directive, so imports resolve cleanly from RSC; the\n// wrapper inherits client semantics either way.\n\nimport { Countdown } from 'haze-ui';\n\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/countdown.css';\n\nexport { Countdown };\nexport type { CountdownProps, CountdownParts } from 'haze-ui';\n",
+          "type": "registry:ui"
+        }
+      ]
+    },
     {
       "name": "data-table",
       "type": "registry:ui",
@@ -1398,6 +1422,27 @@
         }
       ]
     },
+    {
+      "name": "image-crop",
+      "type": "registry:ui",
+      "title": "ImageCrop",
+      "description": "Interactive image cropper pairing with Upload: controllable normalized CropRect value, aspect lock, circle avatar mask, pointer drag with corner handles, full keyboard operation (arrows move, Shift+arrows resize) and a getCroppedCanvas ref API.",
+      "author": "wmzy <https://github.com/wmzy>",
+      "docs": "Interactive image cropper pairing with Upload: controllable normalized CropRect value, aspect lock, circle avatar mask, pointer drag with corner handles, full keyboard operation (arrows move, Shift+arrows resize) and a getCroppedCanvas ref API.\n\nExports: `ImageCrop`.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/image-crop\n```\n\nThe wrapper lands at `components/ui/haze/image-crop.tsx` (via the `@ui/` target placeholder from `components.json`) and re-exports the component(s) from the `haze-ui` npm package, which is installed automatically.\n\n## Theming\n\nhaze-ui ships JS and CSS separately — the installed wrapper already imports\n`haze-ui/css/tokens.css` and `haze-ui/css/image-crop.css`, so no extra stylesheet setup is needed.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
+      "categories": [
+        "form"
+      ],
+      "dependencies": [
+        "haze-ui"
+      ],
+      "files": [
+        {
+          "path": "components/haze/image-crop.tsx",
+          "content": "// haze-ui registry wrapper — generated by scripts/generate-registry.mjs.\n//\n// This is a thin wrapper around the published haze-ui npm package, not\n// vendored component source: it re-exports the component(s) from\n// 'haze-ui' and imports their stylesheet, so the package keeps updating\n// underneath. Edit this file to customize — wrap, restyle, compose; that\n// is what it is for. (haze-ui is compiled CSS-in-JS (linaria) styled\n// against --haze-* design tokens, so vendoring the source would neither\n// build nor style — forking this wrapper is the intended customization\n// path.)\n//\n// Theming (once per app): apply the token classes to a root element, e.g.\n//   import { lightTheme, spacing, typography } from 'haze-ui';\n//   <div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n// (darkTheme is a drop-in swap). haze-ui dist modules ship their own\n// 'use client' directive, so imports resolve cleanly from RSC; the\n// wrapper inherits client semantics either way.\n\nimport { ImageCrop } from 'haze-ui';\n\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/image-crop.css';\n\nexport { ImageCrop };\nexport type { ImageCropHandle, ImageCropProps, CropRect } from 'haze-ui';\n",
+          "type": "registry:ui"
+        }
+      ]
+    },
     {
       "name": "indicator",
       "type": "registry:ui",
@@ -1947,10 +1992,10 @@
     {
       "name": "resizable",
       "type": "registry:ui",
-      "title": "ResizableGroup / ResizablePanel / ResizableHandle / SplitterGroup / SplitterPanel / SplitterHandle",
-      "description": "Split-pane group with draggable dividers, horizontal or vertical; also exported as `SplitterGroup`/`SplitterPanel`/`SplitterHandle` (AntD-style naming).",
+      "title": "ResizableGroup / ResizablePanel / ResizableHandle",
+      "description": "Split-pane group with draggable dividers, horizontal or vertical; px sizing per panel with `onResizeCommit` for persistence.",
       "author": "wmzy <https://github.com/wmzy>",
-      "docs": "Split-pane group with draggable dividers, horizontal or vertical; also exported as `SplitterGroup`/`SplitterPanel`/`SplitterHandle` (AntD-style naming).\n\nExports: `ResizableGroup`, `ResizablePanel`, `ResizableHandle`, `SplitterGroup`, `SplitterPanel`, `SplitterHandle`.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/resizable\n```\n\nThe wrapper lands at `components/ui/haze/resizable.tsx` (via the `@ui/` target placeholder from `components.json`) and re-exports the component(s) from the `haze-ui` npm package, which is installed automatically.\n\n## Theming\n\nhaze-ui ships JS and CSS separately — the installed wrapper already imports\n`haze-ui/css/tokens.css` and `haze-ui/css/resizable.css`, so no extra stylesheet setup is needed.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
+      "docs": "Split-pane group with draggable dividers, horizontal or vertical; px sizing per panel with `onResizeCommit` for persistence.\n\nExports: `ResizableGroup`, `ResizablePanel`, `ResizableHandle`.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/resizable\n```\n\nThe wrapper lands at `components/ui/haze/resizable.tsx` (via the `@ui/` target placeholder from `components.json`) and re-exports the component(s) from the `haze-ui` npm package, which is installed automatically.\n\n## Theming\n\nhaze-ui ships JS and CSS separately — the installed wrapper already imports\n`haze-ui/css/tokens.css` and `haze-ui/css/resizable.css`, so no extra stylesheet setup is needed.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
       "categories": [
         "layout"
       ],
@@ -1960,7 +2005,7 @@
       "files": [
         {
           "path": "components/haze/resizable.tsx",
-          "content": "// haze-ui registry wrapper — generated by scripts/generate-registry.mjs.\n//\n// This is a thin wrapper around the published haze-ui npm package, not\n// vendored component source: it re-exports the component(s) from\n// 'haze-ui' and imports their stylesheet, so the package keeps updating\n// underneath. Edit this file to customize — wrap, restyle, compose; that\n// is what it is for. (haze-ui is compiled CSS-in-JS (linaria) styled\n// against --haze-* design tokens, so vendoring the source would neither\n// build nor style — forking this wrapper is the intended customization\n// path.)\n//\n// Theming (once per app): apply the token classes to a root element, e.g.\n//   import { lightTheme, spacing, typography } from 'haze-ui';\n//   <div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n// (darkTheme is a drop-in swap). haze-ui dist modules ship their own\n// 'use client' directive, so imports resolve cleanly from RSC; the\n// wrapper inherits client semantics either way.\n\nimport { ResizableGroup, ResizablePanel, ResizableHandle, SplitterGroup, SplitterPanel, SplitterHandle } from 'haze-ui';\n\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/resizable.css';\n\nexport { ResizableGroup, ResizablePanel, ResizableHandle, SplitterGroup, SplitterPanel, SplitterHandle };\nexport type { ResizableGroupProps, ResizablePanelProps, ResizableHandleProps, SplitterGroupProps, SplitterPanelProps, SplitterHandleProps } from 'haze-ui';\n",
+          "content": "// haze-ui registry wrapper — generated by scripts/generate-registry.mjs.\n//\n// This is a thin wrapper around the published haze-ui npm package, not\n// vendored component source: it re-exports the component(s) from\n// 'haze-ui' and imports their stylesheet, so the package keeps updating\n// underneath. Edit this file to customize — wrap, restyle, compose; that\n// is what it is for. (haze-ui is compiled CSS-in-JS (linaria) styled\n// against --haze-* design tokens, so vendoring the source would neither\n// build nor style — forking this wrapper is the intended customization\n// path.)\n//\n// Theming (once per app): apply the token classes to a root element, e.g.\n//   import { lightTheme, spacing, typography } from 'haze-ui';\n//   <div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n// (darkTheme is a drop-in swap). haze-ui dist modules ship their own\n// 'use client' directive, so imports resolve cleanly from RSC; the\n// wrapper inherits client semantics either way.\n\nimport { ResizableGroup, ResizablePanel, ResizableHandle } from 'haze-ui';\n\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/resizable.css';\n\nexport { ResizableGroup, ResizablePanel, ResizableHandle };\nexport type { ResizableGroupProps, ResizablePanelProps, ResizableHandleProps } from 'haze-ui';\n",
           "type": "registry:ui"
         }
       ]
@@ -2196,6 +2241,27 @@
         }
       ]
     },
+    {
+      "name": "splitter",
+      "type": "registry:ui",
+      "title": "Splitter / SplitterPane",
+      "description": "Multi-pane split layout with implicit draggable dividers (AntD Splitter semantics): `sizes` in percent of the pane area (`ControlOrValue` array), per-pane `min`/`max` clamps, opt-in `collapsible` panes with divider collapse/expand triggers, keyboard arrows and pointer drags.",
+      "author": "wmzy <https://github.com/wmzy>",
+      "docs": "Multi-pane split layout with implicit draggable dividers (AntD Splitter semantics): `sizes` in percent of the pane area (`ControlOrValue` array), per-pane `min`/`max` clamps, opt-in `collapsible` panes with divider collapse/expand triggers, keyboard arrows and pointer drags.\n\nExports: `Splitter`, `SplitterPane`.\n\n## Install\n\n```bash\nnpx shadcn@latest add wmzy/haze-ui/splitter\n```\n\nThe wrapper lands at `components/ui/haze/splitter.tsx` (via the `@ui/` target placeholder from `components.json`) and re-exports the component(s) from the `haze-ui` npm package, which is installed automatically.\n\n## Theming\n\nhaze-ui ships JS and CSS separately — the installed wrapper already imports\n`haze-ui/css/tokens.css` and `haze-ui/css/splitter.css`, so no extra stylesheet setup is needed.\n\nActivate the design tokens by applying the classes to a root element:\n\n```jsx\nimport { lightTheme, spacing, typography } from 'haze-ui';\n\n// on <body> or any root container — darkTheme is a drop-in swap\n<div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n```\n\nDetails: https://github.com/wmzy/haze-ui/tree/main/registry",
+      "categories": [
+        "layout"
+      ],
+      "dependencies": [
+        "haze-ui"
+      ],
+      "files": [
+        {
+          "path": "components/haze/splitter.tsx",
+          "content": "// haze-ui registry wrapper — generated by scripts/generate-registry.mjs.\n//\n// This is a thin wrapper around the published haze-ui npm package, not\n// vendored component source: it re-exports the component(s) from\n// 'haze-ui' and imports their stylesheet, so the package keeps updating\n// underneath. Edit this file to customize — wrap, restyle, compose; that\n// is what it is for. (haze-ui is compiled CSS-in-JS (linaria) styled\n// against --haze-* design tokens, so vendoring the source would neither\n// build nor style — forking this wrapper is the intended customization\n// path.)\n//\n// Theming (once per app): apply the token classes to a root element, e.g.\n//   import { lightTheme, spacing, typography } from 'haze-ui';\n//   <div className={`${lightTheme} ${spacing} ${typography}`}>…</div>\n// (darkTheme is a drop-in swap). haze-ui dist modules ship their own\n// 'use client' directive, so imports resolve cleanly from RSC; the\n// wrapper inherits client semantics either way.\n\nimport { Splitter, SplitterPane } from 'haze-ui';\n\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/splitter.css';\n\nexport { Splitter, SplitterPane };\nexport type { SplitterProps, SplitterPaneProps } from 'haze-ui';\n",
+          "type": "registry:ui"
+        }
+      ]
+    },
     {
       "name": "spoiler",
       "type": "registry:ui",

package/dist/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://wmzy.github.io/haze-ui/sitemap.xml

package/dist/sitemap.xml

@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url><loc>https://wmzy.github.io/haze-ui/</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/getting-started</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/recipes</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/dark-mode</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/density</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/a11y</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/a11y-contracts</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/migration</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/streaming-a11y</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/motion</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/tokens</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/button</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/select</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/checkbox</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/switch</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/badge</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/dialog</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tooltip</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/popover</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/card</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/radio</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/textarea</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/slider</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tabs</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/accordion</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/alert</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/avatar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tag</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/skeleton</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/icon</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/image</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/flex</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/breadcrumb</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/disclosure</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/menu</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/number-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/file-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/toast</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/list</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/combobox</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/table</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/data-table</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/carousel</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/datepicker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tree</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/divider</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/spinner</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/empty</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/result</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/progress</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/pagination</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/grid</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/drawer</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/stepper</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/chat-message</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/chat-container</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/chat-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/streaming-text</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/markdown-renderer</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tool-call-card</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/thinking-indicator</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/step-timeline</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/approval-card</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/token-counter</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/model-picker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/conversation-list</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/diff-viewer</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/log-viewer</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/async-section</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/command</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/resizable</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/splitter</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/collapsible</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/transfer</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/upload</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/color-picker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/rating</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/timeline</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/typography</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/ellipsis</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/count-up</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/countdown</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/sparkline</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/stat</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/segmented</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/chip</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/scroll-area</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/time-picker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/date-range-picker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/otp-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/password-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tag-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/mentions</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/prompt-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/inline-edit</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/dropdown-menu</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/context-menu</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/navigation-bar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/back-to-top</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/affix</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/container</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/banner</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/confirm-dialog</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/code-block</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/aspect-ratio</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/virtual-list</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tag-group</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/bottom-sheet</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/swipe-action</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/descriptions</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/json-view</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/qr-code</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/sources</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/file-preview</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/inline-completion</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/float-button</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/masonry</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/signature</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/image-crop</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/kbd</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/avatar-group</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/calendar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/hover-card</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/toolbar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/cascader</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tree-select</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/sidebar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tour</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/anchor</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/watermark</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/fullscreen</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/locale-provider</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/config-provider</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/toggle</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/app-shell</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/activity-rail</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/status-bar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/tab-bar</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/workbench</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/chart</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/form</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/mark</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/highlight</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/number-formatter</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/fieldset</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/loading-overlay</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/indicator</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/spoiler</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/visually-hidden</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/date-time-picker</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/ai-showcase</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/theme-editor</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/changelog</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/help</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/about</loc></url>
+</urlset>

package/dist/types/components/ConfigProvider/ConfigContext.d.ts

@@ -48,7 +48,8 @@ type HazeConfig = {
         openDelay?: number;
         /**
          * Grace period in ms after the pointer leaves before the card
-         * closes — the travel window into the panel (120).
+         * closes — the travel window into the panel (120; 300 when the
+         * card renders `interactive`).
          */
         closeDelay?: number;
     };