haze-ui 1.26.0 → 1.28.0

package/dist/css-manifest.json

@@ -4,6 +4,8 @@
     "AccordionItem": "accordion",
     "Affix": "affix",
     "Alert": "alert",
+    "Anchor": "anchor",
+    "AppShell": "app-shell",
     "ApprovalCard": "approval-card",
     "AspectRatio": "aspect-ratio",
     "AsyncSection": "async-section",
@@ -22,6 +24,7 @@
     "Carousel": "carousel",
     "CarouselSlide": "carousel",
     "Cascader": "cascader",
+    "Chart": "chart",
     "ChatContainer": "chat-container",
     "ChatInput": "chat-input",
     "ChatMessage": "chat-message",
@@ -35,7 +38,11 @@
     "ColorPicker": "color-picker",
     "ColorPickerCore": "color-picker",
     "Combobox": "combobox",
+    "ComboboxGroup": "combobox",
+    "ComboboxOption": "combobox",
     "Command": "command",
+    "CommandDialog": "command",
+    "CommandGroup": "command",
     "CommandInput": "command",
     "CommandItem": "command",
     "CommandList": "command",
@@ -53,6 +60,7 @@
     "DateRangePickerCore": "date-range-picker",
     "Datepicker": "datepicker",
     "DatepickerCore": "datepicker",
+    "Descriptions": "descriptions",
     "Dialog": "dialog",
     "DiffViewer": "diff-viewer",
     "Disclosure": "disclosure",
@@ -62,29 +70,43 @@
     "DropdownMenuContent": "dropdown-menu",
     "DropdownMenuItem": "dropdown-menu",
     "DropdownMenuSeparator": "dropdown-menu",
+    "DropdownMenuSub": "dropdown-menu",
+    "DropdownMenuSubContent": "dropdown-menu",
+    "DropdownMenuSubTrigger": "dropdown-menu",
     "DropdownMenuTrigger": "dropdown-menu",
     "Empty": "empty",
     "FileInput": "file-input",
+    "FilePreview": "file-preview",
     "Flex": "flex",
+    "FloatButton": "float-button",
+    "FloatButtonGroup": "float-button",
     "FormItem": "form",
+    "FormList": "form",
+    "FormProvider": "form",
     "Grid": "grid",
     "GridItem": "grid",
     "HoverCard": "hover-card",
     "Icon": "icon",
     "Image": "image",
+    "InlineCompletion": "inline-completion",
     "InlineEdit": "inline-edit",
     "Input": "input",
     "InputCore": "input",
+    "JsonView": "json-view",
     "Kbd": "kbd",
     "List": "list",
     "ListItem": "list",
     "LogViewer": "log-viewer",
     "MarkdownRenderer": "markdown-renderer",
+    "Masonry": "masonry",
     "Mentions": "mentions",
     "MentionsCore": "mentions",
     "Menu": "menu",
     "MenuDivider": "menu",
     "MenuItem": "menu",
+    "MenuSub": "menu",
+    "MenuSubContent": "menu",
+    "MenuSubTrigger": "menu",
     "ModelPicker": "model-picker",
     "NavLink": "navigation-bar",
     "NavigationBar": "navigation-bar",
@@ -93,12 +115,14 @@
     "OTPInput": "otp-input",
     "OTPInputCore": "otp-input",
     "Option": "select",
+    "OptionGroup": "select",
     "Pagination": "pagination",
     "Paragraph": "typography",
     "PasswordInput": "password-input",
     "PasswordInputCore": "password-input",
     "Popover": "popover",
     "Progress": "progress",
+    "PromptInput": "prompt-input",
     "Radio": "radio",
     "RadioGroup": "radio",
     "RadioGroupCore": "radio",
@@ -117,10 +141,18 @@
     "SidebarGroup": "sidebar",
     "SidebarItem": "sidebar",
     "SidebarToggle": "sidebar",
+    "Signature": "signature",
     "Skeleton": "skeleton",
     "Slider": "slider",
     "SliderCore": "slider",
+    "SortableTagGroup": "tag-group",
+    "SortableTagInput": "tag-input",
+    "SortableTagInputCore": "tag-input",
+    "Sources": "sources",
     "Spinner": "spinner",
+    "SplitterGroup": "resizable",
+    "SplitterHandle": "resizable",
+    "SplitterPanel": "resizable",
     "Stat": "stat",
     "StatGroup": "stat",
     "Step": "stepper",
@@ -156,11 +188,14 @@
     "Title": "typography",
     "Toast": "toast",
     "ToastContainer": "toast",
+    "Toggle": "toggle",
+    "ToggleCore": "toggle",
     "TokenCounter": "token-counter",
     "ToolCallCard": "tool-call-card",
     "Toolbar": "toolbar",
     "ToolbarButton": "toolbar",
     "ToolbarSeparator": "toolbar",
+    "ToolbarToggle": "toolbar",
     "Tooltip": "tooltip",
     "Tour": "tour",
     "Transfer": "transfer",
@@ -169,25 +204,64 @@
     "Upload": "upload",
     "UploadCore": "upload",
     "VirtualList": "virtual-list",
+    "Watermark": "watermark",
+    "badgeSizes": "badge",
+    "badgeVariants": "badge",
+    "buttonSizes": "button",
+    "buttonVariants": "button",
     "darkTheme": "tokens",
+    "dataTableAvg": "data-table",
+    "dataTableCount": "data-table",
+    "dataTableSum": "data-table",
+    "dataTableToCsv": "data-table",
+    "getValue": "form",
+    "getValues": "form",
+    "hasStandardProps": "form",
     "lightTheme": "tokens",
+    "reset": "form",
+    "setFocus": "form",
+    "setServerErrors": "form",
+    "setValue": "form",
     "spacing": "tokens",
+    "standardSchemaFormValidator": "form",
+    "standardSchemaResolver": "form",
     "toast": "toast",
+    "trigger": "form",
     "typography": "tokens",
-    "useToast": "toast"
+    "useFieldArray": "form",
+    "useFieldArrayItem": "form",
+    "useFormContext": "form",
+    "useToast": "toast",
+    "useWatch": "form",
+    "zodResolver": "form"
   },
   "noCss": [
     "COMPONENT_TOKENS",
+    "Fullscreen",
     "LocaleProvider",
     "TOKEN_REGISTRY",
+    "createStrings",
     "defaultStrings",
     "enUS",
+    "getDirection",
+    "hotkey",
+    "jaJP",
+    "localeDirection",
+    "useClickOutside",
     "useClipboard",
     "useControl",
+    "useDarkMode",
     "useDebouncedCallback",
     "useDebouncedValue",
+    "useDirection",
+    "useFullscreen",
+    "useHotkeys",
+    "useInView",
+    "useLocalStorage",
     "useMediaQuery",
     "usePrefersReducedMotion",
+    "usePrevious",
+    "useSessionStorage",
     "useStrings",
     "useTitle",
     "zhCN"

package/dist/form/FormItem.js

@@ -3,64 +3,69 @@
 import { classnames as e } from "../utils/classnames.js";
 /* empty css                   */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useId as r } from "react";
-import { useField as i } from "react-f0rm";
+import { useContext as r, useId as i } from "react";
+import { FormContext as a, useField as o } from "react-f0rm";
 //#region src/lib/form/FormItem.tsx
-var a = "haze-FormItem__item", o = "haze-FormItem__labelText", s = "haze-FormItem__errorText";
-function c({ form: c, name: l, label: u, validate: d, mode: f, validateDebounce: p, delayError: m, rules: h, className: g, renderError: _, as: v, asProps: y, input: b, eventToValue: x, valueToProps: S, children: C, ...w }) {
-	let T = `haze-field-${r()}`, E = `${T}-error`, { value: D, onChange: O, onBlur: k, errors: A } = i({
-		form: c,
-		name: l,
-		validate: d,
-		mode: f,
-		validateDebounce: p,
-		delayError: m,
-		rules: h
-	}), j = A.length > 0, M = b && typeof b == "object" && "element" in b ? b : void 0, N = M?.eventToValue ?? x ?? (M ? (e) => e.target?.value : (e) => e);
-	if (b && typeof C == "function") throw Error("FormItem: `input` and the render-prop `children` are mutually exclusive — the input component is wired declaratively; remove the render-prop.");
-	let P = M ? M.element : b;
+var s = "haze-FormItem__item", c = "haze-FormItem__labelText", l = "haze-FormItem__errorText";
+function u({ form: u, name: d, label: f, validate: p, mode: m, validateDebounce: h, delayError: g, rules: _, className: v, renderError: y, as: b, asProps: x, input: S, eventToValue: C, valueToProps: w, children: T, ...E }) {
+	let D = `haze-field-${i()}`, O = `${D}-error`, k = r(a), A = u ?? k;
+	if (!A) throw Error("FormItem: no form provided — pass `form={form}` or render inside a <FormProvider value={form}>.");
+	let { value: j, onChange: M, onBlur: N, errors: P, focusRef: F } = o({
+		form: A,
+		name: d,
+		validate: p,
+		mode: m,
+		validateDebounce: h,
+		delayError: g,
+		rules: _
+	}), I = P.length > 0, L = S && typeof S == "object" && "element" in S ? S : void 0, R = L?.eventToValue ?? C ?? (L ? (e) => e.target?.value : (e) => e);
+	if (S && typeof T == "function") throw Error("FormItem: `input` and the render-prop `children` are mutually exclusive — the input component is wired declaratively; remove the render-prop.");
+	let z = L ? L.element : S;
 	return /* @__PURE__ */ n("div", {
-		className: e([a, g]),
+		className: e([s, v]),
 		children: [
-			u !== void 0 && /* @__PURE__ */ t("label", {
-				htmlFor: T,
-				className: e(o),
-				children: u
+			f !== void 0 && /* @__PURE__ */ t("label", {
+				htmlFor: D,
+				className: e(c),
+				children: f
 			}),
-			P ? /* @__PURE__ */ t(P, {
-				...w,
-				id: T,
-				"aria-invalid": j || void 0,
-				"aria-describedby": j ? E : void 0,
-				onBlur: k,
-				onChange: (e) => O(N(e)),
-				...S ? S(D) : { value: D },
-				children: C
-			}) : v ? /* @__PURE__ */ t(v, {
-				...y,
-				id: T,
-				"aria-invalid": j || void 0,
-				"aria-describedby": j ? E : void 0,
-				onBlur: k,
-				onChange: (e) => O(N(e)),
-				...S ? S(D) : { value: D }
-			}) : C({
-				id: T,
-				errorId: E,
-				invalid: j,
-				errors: A,
-				onBlur: k,
-				value: D,
-				onChange: O
+			z ? /* @__PURE__ */ t(z, {
+				...E,
+				id: D,
+				"aria-invalid": I || void 0,
+				"aria-describedby": I ? O : void 0,
+				ref: F,
+				onBlur: N,
+				onChange: (e) => M(R(e)),
+				...w ? w(j) : { value: j },
+				children: T
+			}) : b ? /* @__PURE__ */ t(b, {
+				...x,
+				id: D,
+				"aria-invalid": I || void 0,
+				"aria-describedby": I ? O : void 0,
+				ref: F,
+				onBlur: N,
+				onChange: (e) => M(R(e)),
+				...w ? w(j) : { value: j }
+			}) : T({
+				id: D,
+				errorId: O,
+				invalid: I,
+				errors: P,
+				onBlur: N,
+				value: j,
+				onChange: M,
+				focusRef: F
 			}),
-			j && /* @__PURE__ */ t("span", {
-				id: E,
+			I && /* @__PURE__ */ t("span", {
+				id: O,
 				role: "alert",
-				className: e(s),
-				children: _ ? _(A[0].message, E) : A[0].message
+				className: e(l),
+				children: y ? y(P[0].message, O) : P[0].message
 			})
 		]
 	});
 }
 //#endregion
-export { c as default };
+export { u as default };

package/dist/form/FormList.js

@@ -0,0 +1,79 @@
+"use client";
+import { classnames as e } from "../utils/classnames.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as n, useContext as r, useMemo as i } from "react";
+import { FormContext as a, getValue as o, getValues as s, setValue as c, useFieldArray as l } from "react-f0rm";
+//#region src/lib/form/FormList.tsx
+var u = /^-?\d+$/;
+function d(e) {
+	if (Array.isArray(e)) return e;
+	let t = [], n = "", r = () => {
+		if (u.test(n)) throw TypeError(`Numeric path segment must use bracket notation (path: ${e})`);
+		t.push(n), n = "";
+	};
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		if (a === ".") n !== "" && r();
+		else if (a === "[") {
+			n !== "" && r();
+			let a = e[i + 1];
+			if (a === "\"" || a === "'") {
+				let n = e.indexOf(a, i + 2);
+				if (n === -1) throw TypeError(`Unterminated quote in path: ${e}`);
+				if (e[n + 1] !== "]") throw TypeError(`Expected "]" after quoted segment in path: ${e}`);
+				t.push(e.slice(i + 2, n)), i = n + 1;
+			} else {
+				let n = e.indexOf("]", i + 1);
+				if (n === -1) throw TypeError(`Unterminated bracket in path: ${e}`);
+				let r = e.slice(i + 1, n);
+				t.push(u.test(r) ? Number(r) : r), i = n;
+			}
+		} else n += a;
+	}
+	return (n !== "" || t.length === 0) && r(), t;
+}
+function f({ form: u, name: f, keyName: p, rules: m, shouldUnregister: h, className: g, children: _ }) {
+	let v = r(a), y = u ?? v;
+	if (!y) throw Error("FormList: no form provided — pass `form={form}` or render inside a <FormProvider value={form}>.");
+	let b = l({
+		form: y,
+		name: f,
+		keyName: p,
+		rules: m,
+		shouldUnregister: h
+	}), x = n(() => {
+		let e = s(y), t = d(f).reduce((e, t) => typeof e != "object" || !e ? void 0 : e[t], e);
+		Array.isArray(t) && t !== o(y, f) && c(y, f, t);
+	}, [y, f]), S = i(() => {
+		let e = (e) => (...t) => {
+			x(), e(...t);
+		};
+		return {
+			...b,
+			append: e(b.append),
+			prepend: e(b.prepend),
+			insert: e(b.insert),
+			remove: e(b.remove),
+			swap: e(b.swap),
+			move: e(b.move),
+			update: e(b.update)
+		};
+	}, [
+		x,
+		b.fields,
+		b.replace,
+		b.append,
+		b.prepend,
+		b.insert,
+		b.remove,
+		b.swap,
+		b.move,
+		b.update
+	]);
+	return /* @__PURE__ */ t("div", {
+		className: e(g),
+		children: _(S)
+	});
+}
+//#endregion
+export { f as default };

package/dist/form/index.js

@@ -1,3 +1,7 @@
 "use client";
 import e from "./FormItem.js";
-export { e as FormItem };
+import t from "./FormList.js";
+import { hasStandardProps as n, standardSchemaFormValidator as r, standardSchemaResolver as i } from "./standard-schema.js";
+import { FormProvider as a, getValue as o, getValues as s, reset as c, setFocus as l, setServerErrors as u, setValue as d, trigger as f, useFieldArray as p, useFieldArrayItem as m, useFormContext as h, useWatch as g } from "react-f0rm";
+import { zodResolver as _ } from "react-f0rm/resolvers/zod";
+export { e as FormItem, t as FormList, a as FormProvider, o as getValue, s as getValues, n as hasStandardProps, c as reset, l as setFocus, u as setServerErrors, d as setValue, r as standardSchemaFormValidator, i as standardSchemaResolver, f as trigger, p as useFieldArray, m as useFieldArrayItem, h as useFormContext, g as useWatch, _ as zodResolver };

package/dist/form/standard-schema.js

@@ -0,0 +1,16 @@
+"use client";
+import { VALIDATION_OUTCOME as e } from "react-f0rm";
+import { hasStandardProps as t, standardSchemaFormValidator as n, standardSchemaResolver as r } from "react-f0rm/resolvers/standard-schema";
+//#region src/lib/form/standard-schema.ts
+function i(t) {
+	let r = n(t);
+	return async (t) => {
+		let n = await r(t), i = Object.getOwnPropertySymbols(n), a = i.includes(e);
+		return i.length === 0 || a ? n : {
+			...n,
+			[e]: !0
+		};
+	};
+}
+//#endregion
+export { t as hasStandardProps, i as standardSchemaFormValidator, r as standardSchemaResolver };