haze-ui 1.32.0 → 1.34.0

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,185 @@
+<?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/blocks</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/guides/figma-tokens</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/server-actions</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/guides/composition</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/button-group</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/input-group</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/popconfirm</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/date-field</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/trace</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/plan</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/queue</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/inline-citation</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/error-boundary</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/rich-text-editor</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/time-field</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/masked-input</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/phone-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/navigation-menu</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/meter</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/copy-button</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/heatmap</loc></url>
+  <url><loc>https://wmzy.github.io/haze-ui/components/time-grid</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/pull-to-refresh</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/schedule</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/api/:componentId</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/tokens/colors.js

@@ -1,6 +1,6 @@
 
 /* empty css                 */
 //#region src/lib/tokens/colors.ts
-var e = "haze-colors__lightTheme", t = "haze-colors__darkTheme";
+var e = "haze-colors__lightTheme", t = "haze-colors__darkTheme", n = "haze-colors__autoTheme";
 //#endregion
-export { t as darkTheme, e as lightTheme };
+export { n as autoTheme, t as darkTheme, e as lightTheme };

package/dist/tokens/index.js

@@ -1,8 +1,8 @@
-import { darkTheme as e, lightTheme as t } from "./colors.js";
-import { deltaE as n, formatOklch as r, oklchToHex as i, parseHex as a, parseOklch as o, wcagContrast as s } from "./oklch.js";
-import { PRIMITIVES as c, SEMANTIC_COLOR_TOKENS as l, createBrandTheme as u } from "./palette.js";
-import { spacing as d } from "./spacing.js";
-import { compact as f } from "./density.js";
-import { typography as p } from "./typography.js";
-import { motion as m, motionPresets as h } from "./motion.js";
-export { c as PRIMITIVES, l as SEMANTIC_COLOR_TOKENS, f as compact, u as createBrandTheme, e as darkTheme, n as deltaE, r as formatOklch, t as lightTheme, m as motion, h as motionPresets, i as oklchToHex, a as parseHex, o as parseOklch, d as spacing, p as typography, s as wcagContrast };
+import { autoTheme as e, darkTheme as t, lightTheme as n } from "./colors.js";
+import { deltaE as r, formatOklch as i, oklchToHex as a, parseHex as o, parseOklch as s, wcagContrast as c } from "./oklch.js";
+import { PRIMITIVES as l, SEMANTIC_COLOR_TOKENS as u, createBrandTheme as d } from "./palette.js";
+import { spacing as f } from "./spacing.js";
+import { compact as p } from "./density.js";
+import { typography as m } from "./typography.js";
+import { motion as h, motionPresets as g } from "./motion.js";
+export { l as PRIMITIVES, u as SEMANTIC_COLOR_TOKENS, e as autoTheme, p as compact, d as createBrandTheme, t as darkTheme, r as deltaE, i as formatOklch, n as lightTheme, h as motion, g as motionPresets, a as oklchToHex, o as parseHex, s as parseOklch, f as spacing, m as typography, c as wcagContrast };

package/dist/tokens/registry.js

@@ -1,15 +1,23 @@
 import { formatOklch as e } from "./oklch.js";
 import { SEMANTIC_COLOR_TOKENS as t } from "./palette.js";
+import { Z_INDEX_TOKENS as n } from "./z-index.js";
 //#region src/lib/tokens/registry.ts
-var n = [
-	...t.map((t) => ({
-		name: t.name,
-		category: "color",
-		label: t.label,
-		type: "color",
-		light: e(t.resolved.light),
-		dark: e(t.resolved.dark)
-	})),
+var r = t.map((t) => ({
+	name: t.name,
+	category: "color",
+	label: t.label,
+	type: "color",
+	light: e(t.resolved.light),
+	dark: e(t.resolved.dark)
+})), i = n.map((e) => ({
+	name: e.name,
+	category: "z-index",
+	label: e.label,
+	type: "number",
+	light: e.value,
+	dark: e.value
+})), a = [
+	...r,
 	{
 		name: "--haze-font-sans",
 		category: "typography",
@@ -313,8 +321,9 @@ var n = [
 		type: "shadow",
 		light: "0 20px 25px rgba(0, 0, 0, 0.1)",
 		dark: "0 20px 25px rgba(0, 0, 0, 0.1)"
-	}
-], r = {
+	},
+	...i
+], o = {
 	accordion: [
 		"--haze-color-border",
 		"--haze-color-bg-subtle",
@@ -857,7 +866,32 @@ var n = [
 		"--haze-text-sm",
 		"--haze-text-base"
 	],
-	toast: /* @__PURE__ */ "--haze-color-bg.--haze-color-border.--haze-color-danger.--haze-color-danger-subtle.--haze-color-focus-ring.--haze-color-primary.--haze-color-primary-active.--haze-color-primary-hover.--haze-color-success.--haze-color-success-subtle.--haze-color-text.--haze-color-text-secondary.--haze-color-warning.--haze-color-warning-subtle.--haze-font-sans.--haze-leading-normal.--haze-radius-md.--haze-shadow-lg.--haze-space-1.--haze-space-2.--haze-space-3.--haze-space-4.--haze-text-base.--haze-text-lg.--haze-text-sm.--haze-weight-medium".split("."),
+	trace: [
+		"--haze-color-bg",
+		"--haze-color-bg-subtle",
+		"--haze-color-border",
+		"--haze-color-danger",
+		"--haze-color-focus-ring",
+		"--haze-color-primary",
+		"--haze-color-success",
+		"--haze-color-text",
+		"--haze-color-text-inverse",
+		"--haze-color-text-muted",
+		"--haze-color-text-secondary",
+		"--haze-duration-fast",
+		"--haze-ease",
+		"--haze-font-mono",
+		"--haze-font-sans",
+		"--haze-radius-full",
+		"--haze-radius-md",
+		"--haze-space-1",
+		"--haze-space-2",
+		"--haze-space-3",
+		"--haze-text-sm",
+		"--haze-text-xs",
+		"--haze-weight-medium"
+	],
+	toast: /* @__PURE__ */ "--haze-color-bg.--haze-color-border.--haze-color-danger.--haze-color-danger-subtle.--haze-color-focus-ring.--haze-color-primary.--haze-color-primary-active.--haze-color-primary-hover.--haze-color-success.--haze-color-success-subtle.--haze-color-text.--haze-color-text-secondary.--haze-color-warning.--haze-color-warning-subtle.--haze-font-sans.--haze-leading-normal.--haze-radius-md.--haze-shadow-lg.--haze-space-1.--haze-space-2.--haze-space-3.--haze-space-4.--haze-text-base.--haze-text-lg.--haze-text-sm.--haze-weight-medium.--haze-z-toast".split("."),
 	tooltip: [
 		"--haze-color-text",
 		"--haze-color-text-inverse",
@@ -870,4 +904,4 @@ var n = [
 	]
 };
 //#endregion
-export { r as COMPONENT_TOKENS, n as TOKEN_REGISTRY };
+export { o as COMPONENT_TOKENS, a as TOKEN_REGISTRY };

package/dist/tokens/z-index.js

@@ -0,0 +1,35 @@
+//#region src/lib/tokens/z-index.ts
+var e = [
+	{
+		name: "--haze-z-local-1",
+		label: "Z Local 1",
+		value: "1"
+	},
+	{
+		name: "--haze-z-local-2",
+		label: "Z Local 2",
+		value: "2"
+	},
+	{
+		name: "--haze-z-local-3",
+		label: "Z Local 3",
+		value: "3"
+	},
+	{
+		name: "--haze-z-overlay",
+		label: "Z Overlay",
+		value: "100"
+	},
+	{
+		name: "--haze-z-overlay-fallback",
+		label: "Z Overlay Fallback",
+		value: "1000"
+	},
+	{
+		name: "--haze-z-toast",
+		label: "Z Toast",
+		value: "9999"
+	}
+];
+//#endregion
+export { e as Z_INDEX_TOKENS };

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,8 +1,37 @@
-import type { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import type { ControlOrValue } from 'react-use-control';
+import type { AccordionClassNames } from './AccordionContext.js';
+/**
+ * Controllable open state: the keys of the open items. Accepts either
+ * form of the one-prop contract (`ControlOrValue`): a `Control<string[]>`
+ * from a parent's `useControl` drives the accordion (controlled), while
+ * a plain `string[]` seeds the uncontrolled state's initial value —
+ * omitted, every item starts closed (`[]`).
+ */
 type AccordionProps = {
+    open?: ControlOrValue<string[]>;
+    /**
+     * Fires on every user-driven open-state transition (header click or
+     * keyboard activation) with the next key array — the same value the
+     * `open` control receives. Parent-driven control flips do not echo
+     * through here.
+     */
+    onOpenChange?: (keys: string[]) => void;
+    /**
+     * `false` (default): items open independently, `open` holds every
+     * open key. `true`: at most one item open — activating a closed item
+     * closes the rest (`open` keeps its array shape, length ≤ 1).
+     */
     exclusive?: boolean;
+    /**
+     * Semantic slot classes (AntD v6 `classNames` shape): declared once
+     * here and distributed to every item through context — see
+     * {@link AccordionClassNames}. Omitting it changes nothing.
+     */
+    classNames?: AccordionClassNames;
     className?: string;
+    /** `<AccordionItem>`s (arrays/Fragments flatten; other nodes pass through in place). */
     children: ReactNode;
-};
-export default function Accordion({ className, children, }: AccordionProps): import("react").JSX.Element;
-export type { AccordionProps };
+} & ComponentPropsWithoutRef<'div'>;
+export default function Accordion({ open: openControl, onOpenChange, exclusive, classNames, className, children, ...rest }: AccordionProps): import("react").JSX.Element;
+export type { AccordionProps, AccordionClassNames };

package/dist/types/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Semantic slot classes (AntD v6 `classNames` shape) for the Accordion
+ * family: keys mirror the data-slot values each part carries, declared
+ * once on the `<Accordion>` root and distributed to every item through
+ * context. Consumer classes are appended at the end of each part's
+ * class list (able to override component defaults); per-item
+ * `className` props stay available for one-off tweaks and still land
+ * after the slot class.
+ */
+export type AccordionClassNames = {
+    /** The wrapper `<div>` `<Accordion>` renders (`data-slot='accordion'`). */
+    accordion?: string;
+    /** Every item's `<details>` element (`data-slot='item'`). */
+    item?: string;
+    /** Every item's `<summary>` header (`data-slot='summary'`). */
+    summary?: string;
+    /** Every item's content wrapper `<div>` (`data-slot='content'`). */
+    content?: string;
+};
+type AccordionContextValue = {
+    /** Keys of the currently open items — the accordion's `open` state. */
+    openKeys: string[];
+    /**
+     * Toggle one item's membership in `openKeys`. Exclusive accordions
+     * replace the array (opening an item closes every other one), so the
+     * state keeps its array shape with length ≤ 1.
+     */
+    toggleItem: (key: string) => void;
+    /** Slot classes declared on `<Accordion>`. */
+    classNames: AccordionClassNames | undefined;
+};
+export declare const AccordionProvider: import("react").Provider<AccordionContextValue | undefined>;
+/**
+ * Context lookup without the usual "must be used within <Accordion>"
+ * throw: a bare `<AccordionItem>` outside an accordion keeps the plain
+ * native details/summary behavior (the browser owns the toggle), which
+ * is a supported standalone mode — items opt into the controllable
+ * state only when the context (and a resolvable key) is present.
+ */
+export declare function useAccordionContext(): AccordionContextValue | undefined;
+export {};

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -1,8 +1,23 @@
-import type { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 type AccordionItemProps = {
+    /** Header content rendered in the `<summary>`. */
     title: ReactNode;
+    /**
+     * Explicit key of this item in the accordion's `open` array. Omitted,
+     * the item's position among its siblings is the key ('0', '1', …) —
+     * deterministic for static lists; pass `itemKey` when items reorder
+     * or mount conditionally, and for items nested inside custom wrapper
+     * components (which the accordion's child walk cannot see through).
+     */
+    itemKey?: string;
+    /**
+     * Inert item: the header cannot be opened by pointer or keyboard and
+     * reports `aria-disabled` (details/summary has no native disabled),
+     * with the summary visually dimmed.
+     */
+    disabled?: boolean;
     className?: string;
     children: ReactNode;
-};
-export default function AccordionItem({ title, className, children, }: AccordionItemProps): import("react").JSX.Element;
+} & Omit<ComponentPropsWithoutRef<'details'>, 'open' | 'name' | 'onToggle' | 'title'>;
+export default function AccordionItem({ title, itemKey, disabled, index, className, children, ...rest }: AccordionItemProps): import("react").JSX.Element;
 export type { AccordionItemProps };

package/dist/types/components/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion';
-export { default as AccordionItem } from './AccordionItem';
-export type { AccordionItemProps } from './AccordionItem';
+export { default as Accordion } from './Accordion.js';
+export type { AccordionProps, AccordionClassNames } from './Accordion.js';
+export { default as AccordionItem } from './AccordionItem.js';
+export type { AccordionItemProps } from './AccordionItem.js';

package/dist/types/components/ActivityRail/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ActivityRail } from './ActivityRail';
-export type { ActivityRailProps } from './ActivityRail';
-export { ActivityRailItem } from './ActivityRail';
-export type { ActivityRailItemProps } from './ActivityRail';
+export { default as ActivityRail } from './ActivityRail.js';
+export type { ActivityRailProps } from './ActivityRail.js';
+export { ActivityRailItem } from './ActivityRail.js';
+export type { ActivityRailItemProps } from './ActivityRail.js';

package/dist/types/components/Affix/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Affix } from './Affix';
-export type { AffixProps } from './Affix';
+export { default as Affix } from './Affix.js';
+export type { AffixProps } from './Affix.js';

package/dist/types/components/Alert/Alert.d.ts

@@ -1,12 +1,15 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import type { ControlOrValue } from 'react-use-control';
 type AlertProps = {
     visible?: ControlOrValue<boolean>;
     onClose?: () => void;
-    variant?: 'info' | 'success' | 'warning' | 'danger';
+    /** Semantic status color. */
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
     closable?: boolean;
     className?: string;
     children: ReactNode;
+    /** Forwarded to the root div (data-slot='alert'). */
+    ref?: Ref<HTMLDivElement>;
 };
-export default function Alert({ visible: visibleControl, onClose, variant, closable, className, children, }: AlertProps): import("react").JSX.Element | null;
+export default function Alert({ visible: visibleControl, onClose, color, closable, className, children, ref, }: AlertProps): import("react").JSX.Element | null;
 export type { AlertProps };

package/dist/types/components/Alert/alert-styles.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Shared Alert skin — the base and color classes the `Alert`
+ * component wears. Living in their own module keeps the component file
+ * free of style internals (react-refresh boundary) and lets the
+ * colors map ship as a public constant (`alertVariants`, the shadcn
+ * `buttonVariants` precedent) for consumers composing custom elements
+ * with the same skin; split-css groups the emitted CSS into
+ * `haze-ui/css/alert.css` with them.
+ */
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const colors: {
+    readonly default: import("@linaria/core").LinariaClassName;
+    readonly primary: import("@linaria/core").LinariaClassName;
+    readonly info: import("@linaria/core").LinariaClassName;
+    readonly success: import("@linaria/core").LinariaClassName;
+    readonly warning: import("@linaria/core").LinariaClassName;
+    readonly danger: import("@linaria/core").LinariaClassName;
+};
+export declare const contentStyle: import("@linaria/core").LinariaClassName;
+export declare const closeBtn: import("@linaria/core").LinariaClassName;

package/dist/types/components/Alert/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Alert } from './Alert';
-export type { AlertProps } from './Alert';
+export { default as Alert } from './Alert.js';
+export type { AlertProps } from './Alert.js';
+export { colors as alertVariants } from './alert-styles.js';

package/dist/types/components/Anchor/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Anchor } from './Anchor';
-export type { AnchorProps, AnchorItem } from './Anchor';
+export { default as Anchor } from './Anchor.js';
+export type { AnchorProps, AnchorItem } from './Anchor.js';

package/dist/types/components/AppShell/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AppShell } from './AppShell';
-export type { AppShellProps } from './AppShell';
+export { default as AppShell } from './AppShell.js';
+export type { AppShellProps } from './AppShell.js';

package/dist/types/components/ApprovalCard/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ApprovalCard } from './ApprovalCard';
-export type { ApprovalCardProps } from './ApprovalCard';
+export { default as ApprovalCard } from './ApprovalCard.js';
+export type { ApprovalCardProps } from './ApprovalCard.js';

package/dist/types/components/AspectRatio/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AspectRatio } from './AspectRatio';
-export type { AspectRatioProps } from './AspectRatio';
+export { default as AspectRatio } from './AspectRatio.js';
+export type { AspectRatioProps } from './AspectRatio.js';

package/dist/types/components/AsyncSection/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AsyncSection } from './AsyncSection';
-export type { AsyncSectionProps } from './AsyncSection';
+export { default as AsyncSection } from './AsyncSection.js';
+export type { AsyncSectionProps } from './AsyncSection.js';

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,10 +1,12 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 type AvatarProps = {
     src?: string;
     alt?: string;
     size?: 'sm' | 'md' | 'lg';
     fallback?: ReactNode;
     className?: string;
+    /** Forwarded to the root span (data-slot='avatar'). */
+    ref?: Ref<HTMLSpanElement>;
 };
-export default function Avatar({ src, alt, size, fallback, className, }: AvatarProps): import("react").JSX.Element;
+export default function Avatar({ src, alt, size, fallback, className, ref, }: AvatarProps): import("react").JSX.Element;
 export type { AvatarProps };

package/dist/types/components/Avatar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
+export { default as Avatar } from './Avatar.js';
+export type { AvatarProps } from './Avatar.js';

package/dist/types/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,9 +1,15 @@
 import type { ComponentPropsWithoutRef } from 'react';
 type AvatarGroupProps = {
-    /** Maximum number of avatars rendered before the "+N" overflow chip. */
+    /** Maximum number of avatars rendered before the overflow chip. */
     max?: number;
     /** Overflow count to display instead of children count - max when truncating. */
     total?: number;
+    /**
+     * Formats the "+N" overflow chip text from the overflow count. Inline
+     * default keeps AvatarGroup hook-free (RSC-safe: no useStrings);
+     * locale-aware callers pass their own formatter.
+     */
+    overflowLabel?: (count: number) => string;
 } & ComponentPropsWithoutRef<'div'>;
-export default function AvatarGroup({ max, total, className, children, ...rest }: AvatarGroupProps): import("react").JSX.Element;
+export default function AvatarGroup({ max, total, overflowLabel, className, children, ...rest }: AvatarGroupProps): import("react").JSX.Element;
 export type { AvatarGroupProps };

package/dist/types/components/AvatarGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AvatarGroup } from './AvatarGroup';
-export type { AvatarGroupProps } from './AvatarGroup';
+export { default as AvatarGroup } from './AvatarGroup.js';
+export type { AvatarGroupProps } from './AvatarGroup.js';