haze-ui 1.32.0 → 1.34.0

package/dist/design-tokens/orange-light.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/rose-dark.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/rose-light.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/teal-dark.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/teal-light.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/violet-dark.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/design-tokens/violet-light.json

@@ -350,6 +350,38 @@
         "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
         "$description": "Shadow XL"
       }
+    },
+    "z-index": {
+      "z-local-1": {
+        "$type": "number",
+        "$value": "1",
+        "$description": "Z Local 1"
+      },
+      "z-local-2": {
+        "$type": "number",
+        "$value": "2",
+        "$description": "Z Local 2"
+      },
+      "z-local-3": {
+        "$type": "number",
+        "$value": "3",
+        "$description": "Z Local 3"
+      },
+      "z-overlay": {
+        "$type": "number",
+        "$value": "100",
+        "$description": "Z Overlay"
+      },
+      "z-overlay-fallback": {
+        "$type": "number",
+        "$value": "1000",
+        "$description": "Z Overlay Fallback"
+      },
+      "z-toast": {
+        "$type": "number",
+        "$value": "9999",
+        "$description": "Z Toast"
+      }
     }
   }
 }

package/dist/form/FormItem.js

@@ -5,73 +5,92 @@ import { useContext as a, useId as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FormContext as l, useField as u } from "react-f0rm";
 //#region src/lib/form/FormItem.tsx
-function d({ form: d, name: f, label: p, layout: m = "vertical", labelWidth: h, labelAlign: g = "right", validate: _, mode: v, validateDebounce: y, delayError: b, rules: x, className: S, renderError: C, as: w, asProps: T, input: E, eventToValue: D, valueToProps: O, children: k, ...A }) {
-	let j = `haze-field-${o()}`, M = `${j}-error`, N = a(l), P = d ?? N;
-	if (!P) throw Error("FormItem: no form provided — pass `form={form}` or render inside a <FormProvider value={form}>.");
-	let { value: F, onChange: I, onBlur: L, errors: R, focusRef: z } = u({
-		form: P,
+function d({ form: d, name: f, label: p, layout: m = "vertical", labelWidth: h, labelAlign: g = "right", validate: _, mode: v, validateDebounce: y, delayError: b, rules: x, className: S, classNames: C, renderError: w, as: T, asProps: E, input: D, eventToValue: O, valueToProps: k, children: A, ...j }) {
+	let M = `haze-field-${o()}`, N = `${M}-error`, P = a(l), F = d ?? P;
+	if (!F) throw Error("FormItem: no form provided — pass `form={form}` or render inside a <FormProvider value={form}>.");
+	let { value: I, onChange: L, onBlur: R, errors: z, focusRef: B } = u({
+		form: F,
 		name: f,
 		validate: _,
 		mode: v,
 		validateDebounce: y,
 		delayError: b,
 		rules: x
-	}), B = R.length > 0, V = E && typeof E == "object" && "element" in E ? E : void 0, H = V?.eventToValue ?? D ?? (V ? (e) => e.target?.value : (e) => e);
-	if (E && typeof k == "function") throw Error("FormItem: `input` and the render-prop `children` are mutually exclusive — the input component is wired declaratively; remove the render-prop.");
-	let U = V ? V.element : E, W = m === "horizontal", G = W ? {
+	}), V = z.length > 0, H = D && typeof D == "object" && "element" in D ? D : void 0, U = H?.eventToValue ?? O ?? (H ? (e) => e.target?.value : (e) => e);
+	if (D && typeof A == "function") throw Error("FormItem: `input` and the render-prop `children` are mutually exclusive — the input component is wired declaratively; remove the render-prop.");
+	let W = H ? H.element : D, G = m === "horizontal", K = G ? {
 		width: typeof h == "number" ? `${h}px` : h,
 		textAlign: g
-	} : void 0, K = p !== void 0 && /* @__PURE__ */ s("label", {
-		htmlFor: j,
-		style: G,
-		className: e(["haze-form-item-styles__labelText", W && "haze-form-item-styles__labelColumn"]),
+	} : void 0, q = T ? [typeof E?.className == "string" ? E.className : void 0, C?.control].filter(Boolean).join(" ") || void 0 : C?.control, J = p !== void 0 && /* @__PURE__ */ s("label", {
+		"data-slot": "label",
+		htmlFor: M,
+		style: K,
+		className: e([
+			"haze-form-item-styles__labelText",
+			G && "haze-form-item-styles__labelColumn",
+			C?.label
+		]),
 		children: p
-	}), q = U ? /* @__PURE__ */ s(U, {
-		...A,
-		id: j,
-		"aria-invalid": B || void 0,
-		"aria-describedby": B ? M : void 0,
-		ref: z,
-		onBlur: L,
-		onChange: (e) => I(H(e)),
-		...O ? O(F) : { value: F },
-		children: k
-	}) : w ? /* @__PURE__ */ s(w, {
-		...T,
-		id: j,
-		"aria-invalid": B || void 0,
-		"aria-describedby": B ? M : void 0,
-		ref: z,
-		onBlur: L,
-		onChange: (e) => I(H(e)),
-		...O ? O(F) : { value: F }
-	}) : k({
-		id: j,
-		errorId: M,
-		invalid: B,
-		errors: R,
-		onBlur: L,
-		value: F,
-		onChange: I,
-		focusRef: z
-	}), J = B && /* @__PURE__ */ s("span", {
+	}), Y = W ? /* @__PURE__ */ s(W, {
+		...j,
 		id: M,
+		"aria-invalid": V || void 0,
+		"aria-describedby": V ? N : void 0,
+		className: q,
+		ref: B,
+		onBlur: R,
+		onChange: (e) => L(U(e)),
+		...k ? k(I) : { value: I },
+		children: A
+	}) : T ? /* @__PURE__ */ s(T, {
+		...E,
+		id: M,
+		"aria-invalid": V || void 0,
+		"aria-describedby": V ? N : void 0,
+		className: q,
+		ref: B,
+		onBlur: R,
+		onChange: (e) => L(U(e)),
+		...k ? k(I) : { value: I }
+	}) : A({
+		id: M,
+		errorId: N,
+		invalid: V,
+		errors: z,
+		onBlur: R,
+		value: I,
+		onChange: L,
+		focusRef: B
+	}), X = V && /* @__PURE__ */ s("span", {
+		id: N,
 		role: "alert",
-		className: e("haze-form-item-styles__errorText"),
-		children: C ? C(R[0].message, M) : R[0].message
+		"data-slot": "error",
+		className: e(["haze-form-item-styles__errorText", C?.error]),
+		children: w ? w(z[0].message, N) : z[0].message
 	});
-	return W ? /* @__PURE__ */ c("div", {
-		className: e([r, S]),
-		children: [K, /* @__PURE__ */ c("div", {
-			className: e(t),
-			children: [q, J]
+	return G ? /* @__PURE__ */ c("div", {
+		"data-slot": "form-item",
+		className: e([
+			r,
+			S,
+			C?.root
+		]),
+		children: [J, /* @__PURE__ */ c("div", {
+			"data-slot": "control-column",
+			className: e([t, C?.controlColumn]),
+			children: [Y, X]
 		})]
 	}) : /* @__PURE__ */ c("div", {
-		className: e([m === "inline" ? i : n, S]),
+		"data-slot": "form-item",
+		className: e([
+			m === "inline" ? i : n,
+			S,
+			C?.root
+		]),
 		children: [
-			K,
-			q,
-			J
+			J,
+			Y,
+			X
 		]
 	});
 }

package/dist/form/index.js

@@ -2,6 +2,6 @@
 import e from "./FormItem.js";
 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 };
+import { Form as a, FormProvider as o, createForm as s, getValue as c, getValues as l, reset as u, setFocus as d, setServerErrors as f, setValue as p, trigger as m, useFieldArray as h, useFieldArrayItem as g, useForm as _, useFormContext as v, useValue as y, useValues as b, useWatch as x } from "react-f0rm";
+import { zodResolver as S } from "react-f0rm/resolvers/zod";
+export { a as Form, e as FormItem, t as FormList, o as FormProvider, s as createForm, c as getValue, l as getValues, n as hasStandardProps, u as reset, d as setFocus, f as setServerErrors, p as setValue, r as standardSchemaFormValidator, i as standardSchemaResolver, m as trigger, h as useFieldArray, g as useFieldArrayItem, _ as useForm, v as useFormContext, y as useValue, b as useValues, x as useWatch, S as zodResolver };