haze-ui 1.25.0 → 1.26.0

package/dist/components/Select/Select.js

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

package/dist/components/Select/SelectCore.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/Select/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./SelectCore.js";
 import t from "./Select.js";
 import n from "./Option.js";

package/dist/components/Sidebar/Sidebar.js

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

package/dist/components/Sidebar/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e, { SidebarFooter as t, SidebarGroup as n, SidebarItem as r, SidebarToggle as i } from "./Sidebar.js";
 export { e as Sidebar, t as SidebarFooter, n as SidebarGroup, r as SidebarItem, i as SidebarToggle };

package/dist/components/Skeleton/Skeleton.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/Skeleton/index.js

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

package/dist/components/Slider/Slider.js

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

package/dist/components/Slider/SliderCore.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/Slider/index.js

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

package/dist/components/Spinner/Spinner.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/Spinner/index.js

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

package/dist/components/Stat/Stat.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/Stat/index.js

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

package/dist/components/StepTimeline/StepTimeline.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/StepTimeline/index.js

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

package/dist/components/Stepper/Step.js

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

package/dist/components/Stepper/Stepper.js

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

package/dist/components/Stepper/StepperContext.js

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

package/dist/components/Stepper/index.js

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

package/dist/components/StreamingText/StreamingText.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/StreamingText/index.js

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

package/dist/components/SwipeAction/SwipeAction.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/SwipeAction/index.js

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

package/dist/components/Switch/Switch.js

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

package/dist/components/Switch/SwitchCore.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/Switch/index.js

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

package/dist/components/Table/Table.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/Table/TableBody.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/Table/TableCell.js

@@ -1,3 +1,4 @@
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableCell.tsx

package/dist/components/Table/TableHead.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/Table/TableRow.js

@@ -1,3 +1,4 @@
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableRow.tsx

package/dist/components/Table/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Table.js";
 import t from "./TableHead.js";
 import n from "./TableBody.js";

package/dist/components/Tabs/Tab.js

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

package/dist/components/Tabs/TabList.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/Tabs/TabPanel.js

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

package/dist/components/Tabs/Tabs.js

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

package/dist/components/Tabs/TabsContext.js

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

package/dist/components/Tabs/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Tabs.js";
 import t from "./TabList.js";
 import n from "./Tab.js";

package/dist/components/Tag/Tag.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/Tag/index.js

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

package/dist/components/TagGroup/TagGroup.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/TagGroup/TagGroupItem.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/TagGroup/index.js

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

package/dist/components/TagInput/TagInput.js

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

package/dist/components/TagInput/TagInputCore.js

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

package/dist/components/TagInput/index.js

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

package/dist/components/Textarea/Textarea.js

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

package/dist/components/Textarea/TextareaCore.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/Textarea/index.js

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

package/dist/components/ThinkingIndicator/ThinkingIndicator.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/ThinkingIndicator/index.js

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

package/dist/components/TimePicker/TimePicker.js

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

package/dist/components/TimePicker/TimePickerCore.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/TimePicker/index.js

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

package/dist/components/Timeline/Timeline.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/Timeline/index.js

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

package/dist/components/Toast/Toast.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";
@@ -9,58 +10,63 @@ var o = "haze-Toast__base", s = {
 	success: "haze-Toast__success",
 	warning: "haze-Toast__warning",
 	danger: "haze-Toast__danger"
-}, c = "haze-Toast__contentStyle", l = "haze-Toast__closeBtn";
-function u({ variant: u = "info", onClose: d, duration: f, children: p, className: m, ...h }) {
-	let g = a(f), _ = a(0), v = a(null), y = a(!1), b = a(!1), x = a(d);
+}, c = {
+	info: "status",
+	success: "status",
+	warning: "status",
+	danger: "alert"
+}, l = "haze-Toast__contentStyle", u = "haze-Toast__closeBtn";
+function d({ variant: d = "info", onClose: f, duration: p, children: m, className: h, ...g }) {
+	let _ = a(p), v = a(0), y = a(null), b = a(!1), x = a(!1), S = a(f);
 	i(() => {
-		x.current = d;
-	}, [d]);
-	let S = r(() => {
-		v.current !== null && (clearTimeout(v.current), v.current = null, g.current = Math.max(0, g.current - (Date.now() - _.current)));
-	}, []), C = r(() => {
-		v.current !== null || g.current <= 0 || (_.current = Date.now(), v.current = setTimeout(() => {
-			v.current = null, x.current();
-		}, g.current));
+		S.current = f;
+	}, [f]);
+	let C = r(() => {
+		y.current !== null && (clearTimeout(y.current), y.current = null, _.current = Math.max(0, _.current - (Date.now() - v.current)));
 	}, []), w = r(() => {
-		y.current || b.current ? S() : C();
-	}, [S, C]);
+		y.current !== null || _.current <= 0 || (v.current = Date.now(), y.current = setTimeout(() => {
+			y.current = null, S.current();
+		}, _.current));
+	}, []), T = r(() => {
+		b.current || x.current ? C() : w();
+	}, [C, w]);
 	return i(() => {
-		if (!(f <= 0)) return g.current = f, !y.current && !b.current && C(), S;
+		if (!(p <= 0)) return _.current = p, !b.current && !x.current && w(), C;
 	}, [
-		f,
-		C,
-		S
+		p,
+		w,
+		C
 	]), /* @__PURE__ */ n("div", {
-		role: "alert",
+		role: c[d],
 		onPointerEnter: () => {
-			y.current = !0, w();
+			b.current = !0, T();
 		},
 		onPointerLeave: () => {
-			y.current = !1, w();
+			b.current = !1, T();
 		},
 		onFocus: () => {
-			b.current = !0, w();
+			x.current = !0, T();
 		},
 		onBlur: () => {
-			b.current = !1, w();
+			x.current = !1, T();
 		},
-		...h,
+		...g,
 		className: e([
 			o,
-			s[u],
-			m
+			s[d],
+			h
 		]),
 		children: [/* @__PURE__ */ t("div", {
-			className: c,
-			children: p
+			className: l,
+			children: m
 		}), /* @__PURE__ */ t("button", {
 			type: "button",
-			className: l,
+			className: u,
 			"aria-label": "Close",
-			onClick: d,
+			onClick: f,
 			children: "×"
 		})]
 	});
 }
 //#endregion
-export { u as default };
+export { d as default };

package/dist/components/Toast/ToastContainer.js

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

package/dist/components/Toast/ToastContext.js

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

package/dist/components/Toast/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Toast.js";
 import { toast as t } from "./toast2.js";
 import n from "./ToastContainer.js";

package/dist/components/Toast/toast2.js

@@ -1,3 +1,4 @@
+"use client";
 //#region src/lib/components/Toast/toast.ts
 var e = [], t = /* @__PURE__ */ new Set(), n = 0;
 function r() {

package/dist/components/Toast/useToast.js

@@ -1,3 +1,4 @@
+"use client";
 import { useToastContext as e } from "./ToastContext.js";
 import { useCallback as t } from "react";
 //#region src/lib/components/Toast/useToast.ts

package/dist/components/TokenCounter/TokenCounter.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/TokenCounter/index.js

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

package/dist/components/ToolCallCard/ToolCallCard.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/ToolCallCard/index.js

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

package/dist/components/Toolbar/Toolbar.js

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

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { base as t, sizes as n, squareSizes as r, variants as i } from "../Button/styles.js";
 /* empty css                        */

package/dist/components/Toolbar/ToolbarContext.js

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

package/dist/components/Toolbar/ToolbarSeparator.js

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

package/dist/components/Toolbar/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Toolbar.js";
 import t from "./ToolbarButton.js";
 import n from "./ToolbarSeparator.js";

package/dist/components/Tooltip/Tooltip.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { floatingPlacementClasses as t, useFloating as n, useFloatingPosition as r } from "../../utils/floating.js";
 /* empty css                  */

package/dist/components/Tooltip/index.js

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

package/dist/components/Tour/Tour.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { Presence as t } from "../../utils/presence.js";
 import { computeFloatingPosition as n, resolvePadding as r } from "../../utils/collision.js";

package/dist/components/Tour/index.js

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

package/dist/components/Transfer/Transfer.js

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

package/dist/components/Transfer/TransferCore.js

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

package/dist/components/Transfer/index.js

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

package/dist/components/Tree/Tree.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import t from "./TreeItem.js";
 import { findNodeByKey as n, getChildKeys as r, getParentKey as i } from "./utils.js";