haze-ui 1.25.0 → 1.26.0

package/dist/components/Cascader/Cascader.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";

package/dist/components/Cascader/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./Cascader.js";
 export { e as Cascader };

package/dist/components/ChatContainer/ChatContainer.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/ChatContainer/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./ChatContainer.js";
 export { e as ChatContainer };

package/dist/components/ChatInput/ChatInput.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                    */

package/dist/components/ChatInput/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./ChatInput.js";
 export { e as ChatInput };

package/dist/components/ChatMessage/ChatMessage.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                      */

package/dist/components/ChatMessage/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./ChatMessage.js";
 export { e as ChatMessage };

package/dist/components/Checkbox/Checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./CheckboxCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Checkbox/CheckboxCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/Checkbox/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./CheckboxCore.js";
 import t from "./Checkbox.js";
 export { t as Checkbox, e as CheckboxCore };

package/dist/components/Chip/Chip.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css               */

package/dist/components/Chip/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./Chip.js";
 export { e as Chip };

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/CodeBlock/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./CodeBlock.js";
 export { e as CodeBlock };

package/dist/components/Collapsible/Collapsible.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { Presence as t } from "../../utils/presence.js";
 /* empty css                      */

package/dist/components/Collapsible/index.js

@@ -1,2 +1,3 @@
+"use client";
 import { Collapsible as e, CollapsibleContent as t, CollapsibleTrigger as n } from "./Collapsible.js";
 export { e as Collapsible, t as CollapsibleContent, n as CollapsibleTrigger };

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./ColorPickerCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/ColorPicker/ColorPickerCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                          */

package/dist/components/ColorPicker/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./ColorPickerCore.js";
 import t from "./ColorPicker.js";
 export { t as ColorPicker, e as ColorPickerCore };

package/dist/components/Combobox/Combobox.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
 import r from "../VirtualList/VirtualList.js";
@@ -16,7 +17,7 @@ function y({ value: y, open: b, options: x, placeholder: S, virtualThreshold: C
 		triggerRef: I,
 		panelRef: L,
 		animated: !0
-	}), B = x.filter((e) => e.label.toLowerCase().includes(D.toLowerCase())), V = C > 0 && B.length > C;
+	}), B = x.filter((e) => e.label.toLowerCase().includes(D.toLowerCase())), V = C > 0 && B.length > C, H = (e) => `${F}-option-${e}`, U = k && B[j] ? H(j) : void 0;
 	s(() => {
 		!V || !z.shown || j < 0 || R.current?.scrollToIndex(j, "auto");
 	}, [
@@ -24,7 +25,7 @@ function y({ value: y, open: b, options: x, placeholder: S, virtualThreshold: C
 		z.shown,
 		j
 	]), D !== N && (P(D), M(-1));
-	let H = (e) => {
+	let W = (e) => {
 		E(e);
 		let t = x.find((t) => t.value === e)?.label ?? e;
 		O(t), A(!1), I.current?.focus();
@@ -38,16 +39,17 @@ function y({ value: y, open: b, options: x, placeholder: S, virtualThreshold: C
 			"aria-expanded": k,
 			"aria-controls": F,
 			"aria-autocomplete": "list",
+			"aria-activedescendant": U,
 			className: p,
 			value: D,
 			placeholder: S,
 			onChange: (e) => {
 				O(e.target.value), A(!0);
 			},
-			onFocus: () => A(!0),
-			onClick: () => A(!0),
+			onPointerDown: z.onTriggerPointerDown,
+			onClick: z.onTriggerClick,
 			onKeyDown: (e) => {
-				e.key === "ArrowDown" ? (e.preventDefault(), M((e) => Math.min(e + 1, B.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), M((e) => Math.max(e - 1, 0))) : e.key === "Enter" && j >= 0 && B[j] ? (e.preventDefault(), H(B[j].value)) : e.key === "Escape" && A(!1);
+				e.key === "ArrowDown" ? (e.preventDefault(), A(!0), M((e) => Math.min(e + 1, B.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), A(!0), M((e) => Math.max(e - 1, 0))) : e.key === "Enter" && j >= 0 && B[j] ? (e.preventDefault(), W(B[j].value)) : e.key === "Escape" && A(!1);
 			}
 		}), /* @__PURE__ */ a(t, {
 			ref: L,
@@ -64,17 +66,23 @@ function y({ value: y, open: b, options: x, placeholder: S, virtualThreshold: C
 				itemHeight: _,
 				renderItem: (e, t) => /* @__PURE__ */ a(i, {
 					value: e.value,
+					id: H(t),
+					setSize: B.length,
+					posInSet: t + 1,
 					highlighted: t === j,
 					selected: e.value === T,
-					onSelect: H,
+					onSelect: W,
 					className: v,
 					children: e.label
 				})
 			}) : B.map((e, t) => /* @__PURE__ */ a(i, {
 				value: e.value,
+				id: H(t),
+				setSize: B.length,
+				posInSet: t + 1,
 				highlighted: t === j,
 				selected: e.value === T,
-				onSelect: H,
+				onSelect: W,
 				children: e.label
 			}, e.value))
 		})]

package/dist/components/Combobox/ComboboxOption.js

@@ -1,21 +1,25 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                         */
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Combobox/ComboboxOption.tsx
 var n = "haze-ComboboxOption__option", r = "haze-ComboboxOption__highlightedStyle", i = "haze-ComboboxOption__selectedStyle";
-function a({ value: a, highlighted: o = !1, selected: s = !1, onSelect: c, className: l, children: u }) {
+function a({ value: a, highlighted: o = !1, selected: s = !1, id: c, setSize: l, posInSet: u, onSelect: d, className: f, children: p }) {
 	return /* @__PURE__ */ t("div", {
 		role: "option",
-		"aria-selected": s,
-		onClick: () => c?.(a),
+		id: c,
+		"aria-selected": s || o,
+		"aria-setsize": l,
+		"aria-posinset": u,
+		onClick: () => d?.(a),
 		className: e([
 			n,
 			o && r,
 			s && i,
-			l
+			f
 		]),
-		children: u
+		children: p
 	});
 }
 //#endregion

package/dist/components/Combobox/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./ComboboxOption.js";
 import t from "./Combobox.js";
 export { t as Combobox, e as ComboboxOption };

package/dist/components/Command/Command.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { getEnabledMenuItems as t, useMenuKeyboard as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";
 /* empty css                  */

package/dist/components/Command/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e, { CommandInput as t, CommandItem as n, CommandList as r } from "./Command.js";
 export { e as Command, t as CommandInput, n as CommandItem, r as CommandList };

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { Presence as n } from "../../utils/presence.js";

package/dist/components/ConfirmDialog/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./ConfirmDialog.js";
 export { e as ConfirmDialog };

package/dist/components/Container/Container.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Container/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./Container.js";
 export { e as Container };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFloating as t } from "../../utils/floating.js";
 import { ContextMenuProvider as n } from "./ContextMenuContext.js";

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { useFocusScope as e } from "../../utils/focus-scope.js";
 import { FloatingPanel as t } from "../../utils/floating.js";
 import { useMenuKeyboard as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";

package/dist/components/ContextMenu/ContextMenuContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
 //#region src/lib/components/ContextMenu/ContextMenuContext.ts
 var n = e(void 0), r = n.Provider;

package/dist/components/ContextMenu/ContextMenuItem.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useContextMenuContext as t } from "./ContextMenuContext.js";
 /* empty css                          */

package/dist/components/ContextMenu/ContextMenuSeparator.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                               */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/ContextMenu/ContextMenuTrigger.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useContextMenuContext as t } from "./ContextMenuContext.js";
 /* empty css                             */

package/dist/components/ContextMenu/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./ContextMenu.js";
 import t from "./ContextMenuTrigger.js";
 import n from "./ContextMenuContent.js";

package/dist/components/ConversationList/ConversationItem.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                           */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/ConversationList/ConversationList.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                           */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/ConversationList/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./ConversationList.js";
 import t from "./ConversationItem.js";
 export { t as ConversationItem, e as ConversationList };