@epilot/zenith-react 0.1.0-next.1 → 0.1.0

package/dist/components/field/field.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as a from "react";
 import { mergeClasses as f, SLOT_ATTR as c, shorthands as r } from "@epilot/zenith-runtime/v1";
 import { makeZenithStyles as W } from "../../styles/make-styles.js";
-import { fontWeightNormal as b, leadingSm as v, textSm as C, grayA11 as H, grayA8 as G, grayA12 as x, fieldInputHeight as P, leadingXs as D, textXs as F, semErrorOnSoft as N, errorA4 as V, semErrorSoft as L, grayA3 as E, accentA4 as X, accentA3 as $, grayA4 as j, semFocusRing as M, fieldPaddingX as I, fieldPaddingY as k, spacingElement2 as S, spacingElement1 as z, fieldSetGap as Y, radiusLg as q } from "../../tokens/index.js";
-const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createContext(null), A = () => {
+import { fontWeightNormal as b, leadingSm as v, textSm as C, grayA11 as H, grayA8 as G, grayA12 as x, fieldInputHeight as P, leadingXs as D, textXs as F, errorOnSoft as N, errorA4 as V, errorSoft as L, grayA3 as I, accentA4 as X, accentA3 as $, grayA4 as j, focusRing as M, fieldPaddingX as k, fieldPaddingY as A, spacingElement2 as S, spacingElement1 as z, fieldSetGap as Y, radiusLg as q } from "../../tokens/index.js";
+const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createContext(null), E = () => {
   const l = a.useContext(R);
   if (!l)
     throw new Error("FieldInput must be used within a Field component");
@@ -19,10 +19,10 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
     // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by
     // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases
     // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).
-    paddingTop: k,
-    paddingBottom: k,
-    paddingLeft: I,
-    paddingRight: I,
+    paddingTop: A,
+    paddingBottom: A,
+    paddingLeft: k,
+    paddingRight: k,
     ...r.gap(z),
     ...r.borderRadius(q),
     transitionProperty: "all",
@@ -59,7 +59,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
     }
   },
   rootDefault: {
-    backgroundColor: E,
+    backgroundColor: I,
     ":hover": {
       backgroundColor: j
     }
@@ -71,7 +71,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
     }
   },
   rootReadonly: {
-    backgroundColor: E
+    backgroundColor: I
   },
   rootDestructive: {
     backgroundColor: L,
@@ -258,14 +258,14 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
     children: t,
     onFocusCapture: o,
     onBlurCapture: n,
-    ...s
+    ...d
   }, m) {
     const u = p(), h = a.useRef(null), [g, y] = a.useState(!1), T = (w) => {
       y(!0), o == null || o(w);
     }, O = (w) => {
       y(!1), n == null || n(w);
     }, B = e === "highlight" ? u.rootHighlight : e === "readonly" ? u.rootReadonly : e === "destructive" ? u.rootDestructive : u.rootDefault;
-    return /* @__PURE__ */ d(R.Provider, { value: { inputRef: h }, children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ s(R.Provider, { value: { inputRef: h }, children: /* @__PURE__ */ s(
       U,
       {
         ref: m,
@@ -276,7 +276,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
         className: f(u.root, B, i),
         onFocusCapture: T,
         onBlurCapture: O,
-        ...s,
+        ...d,
         children: t
       }
     ) });
@@ -284,7 +284,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
 ), re = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ s(
       "fieldset",
       {
         ref: t,
@@ -298,7 +298,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
 ), ae = a.forwardRef(
   function({ className: i, direction: e = "column", ...t }, o) {
     const n = p();
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ s(
       "div",
       {
         ref: o,
@@ -313,10 +313,10 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
       }
     );
   }
-), se = a.forwardRef(
+), de = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ s(
       "div",
       {
         ref: t,
@@ -327,10 +327,10 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
       }
     );
   }
-), de = a.forwardRef(
+), se = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ s(
       Z,
       {
         ref: t,
@@ -343,7 +343,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
   }
 ), ce = a.forwardRef(function({ className: i, showOnHover: e = !0, ...t }, o) {
   const n = p();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: o,
@@ -360,20 +360,20 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
 }), ue = ({
   variant: l = "default"
 } = {}) => l, fe = a.forwardRef(function({ className: i, variant: e = "default", ...t }, o) {
-  const n = p(), s = e === "helper" ? n.descriptionHelper : n.descriptionDefault;
-  return /* @__PURE__ */ d(
+  const n = p(), d = e === "helper" ? n.descriptionHelper : n.descriptionDefault;
+  return /* @__PURE__ */ s(
     J,
     {
       ref: o,
       "data-slot": "field-description",
       [c]: "field-description",
-      className: f(n.description, s, i),
+      className: f(n.description, d, i),
       ...t
     }
   );
 }), pe = a.forwardRef(
   function({ className: i, children: e, errors: t, ...o }, n) {
-    const s = p(), m = a.useMemo(() => {
+    const d = p(), m = a.useMemo(() => {
       var h;
       if (e)
         return e;
@@ -382,18 +382,18 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
       const u = [
         ...new Map(t.map((g) => [g == null ? void 0 : g.message, g])).values()
       ];
-      return u.length === 1 ? (h = u[0]) == null ? void 0 : h.message : /* @__PURE__ */ d("ul", { className: s.errorList, children: u.map(
-        (g, y) => (g == null ? void 0 : g.message) && /* @__PURE__ */ d("li", { className: s.errorListItem, children: g.message }, y)
+      return u.length === 1 ? (h = u[0]) == null ? void 0 : h.message : /* @__PURE__ */ s("ul", { className: d.errorList, children: u.map(
+        (g, y) => (g == null ? void 0 : g.message) && /* @__PURE__ */ s("li", { className: d.errorListItem, children: g.message }, y)
       ) });
-    }, [e, t, s.errorList, s.errorListItem]);
-    return m ? /* @__PURE__ */ d(
+    }, [e, t, d.errorList, d.errorListItem]);
+    return m ? /* @__PURE__ */ s(
       K,
       {
         ref: n,
         role: "alert",
         "data-slot": "field-error",
         [c]: "field-error",
-        className: f(s.error, i),
+        className: f(d.error, i),
         ...o,
         children: m
       }
@@ -401,12 +401,12 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
   }
 ), ge = a.forwardRef(
   function({ className: i, ...e }, t) {
-    const o = p(), { inputRef: n } = A();
-    return /* @__PURE__ */ d(
+    const o = p(), { inputRef: n } = E();
+    return /* @__PURE__ */ s(
       _,
       {
-        ref: (s) => {
-          n.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
+        ref: (d) => {
+          n.current = d, typeof t == "function" ? t(d) : t && (t.current = d);
         },
         "data-readonly": e.readOnly,
         "data-slot": "field-input",
@@ -418,7 +418,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
   }
 ), me = a.forwardRef(function({ className: i, ...e }, t) {
   const o = p();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: t,
@@ -429,13 +429,13 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
     }
   );
 }), he = a.forwardRef(function({ className: i, resize: e = "none", ...t }, o) {
-  const n = p(), { inputRef: s } = A(), m = e === "vertical" ? n.resizeVertical : e === "horizontal" ? n.resizeHorizontal : n.resizeNone;
-  return /* @__PURE__ */ d(
+  const n = p(), { inputRef: d } = E(), m = e === "vertical" ? n.resizeVertical : e === "horizontal" ? n.resizeHorizontal : n.resizeNone;
+  return /* @__PURE__ */ s(
     "textarea",
     {
       ...t,
       ref: (u) => {
-        s.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
+        d.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
       },
       "data-readonly": t.readOnly,
       "data-slot": "field-textarea",
@@ -448,7 +448,7 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
   align: l = "start"
 } = {}) => l, be = a.forwardRef(function({ className: i, align: e = "start", ...t }, o) {
   const n = p();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: o,
@@ -467,21 +467,21 @@ const U = "div", Z = "label", _ = "input", J = "p", K = "div", R = a.createConte
 });
 export {
   le as Field,
-  se as FieldContent,
+  de as FieldContent,
   fe as FieldDescription,
   pe as FieldError,
   ae as FieldGroup,
   be as FieldGroupAddon,
   ge as FieldInput,
   me as FieldInputGroup,
-  de as FieldLabel,
+  se as FieldLabel,
   ce as FieldLabelContent,
   re as FieldSet,
   he as FieldTextarea,
   ue as fieldDescriptionVariants,
   ie as fieldVariants,
   ye as inputGroupAddonVariants,
-  A as useFieldContext,
+  E as useFieldContext,
   ne as useOptionalFieldContext
 };
 //# sourceMappingURL=field.js.map

package/dist/components/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n */\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement\n  | HTMLButtonElement\n  | null\n\nexport interface FieldContextValue {\n  inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue | null>(null)\n\nexport const useFieldContext = () => {\n  const context = React.useContext(FieldContext)\n  if (!context) {\n    throw new Error(\"FieldInput must be used within a Field component\")\n  }\n  return context\n}\n\n/**\n * Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\nconst useStyles = makeZenithStyles({\n  root: {\n    position: \"relative\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n    // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n    // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n    // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n    // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n    paddingTop: tokens.fieldPaddingY,\n    paddingBottom: tokens.fieldPaddingY,\n    paddingLeft: tokens.fieldPaddingX,\n    paddingRight: tokens.fieldPaddingX,\n    ...shorthands.gap(tokens.spacingElement1),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    transitionProperty: \"all\",\n    transitionDuration: \"75ms\",\n    outlineOffset: \"2px\",\n    outlineWidth: \"2px\",\n    outlineStyle: \"none\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n      outlineColor: tokens.semFocusRing,\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n\n    // Label's disabled styling, declared here because Field owns the elements these selectors are\n    // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n    // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n    // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n    // See src/ancestor-selector.test.ts.\n    [`&[data-disabled] [${SLOT_ATTR}=\"label\"]`]: {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    [`& :disabled ~ [${SLOT_ATTR}=\"label\"]`]: {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n    [`& [data-disabled] ~ [${SLOT_ATTR}=\"label\"]`]: {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  rootDefault: {\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n  },\n  rootDestructive: {\n    backgroundColor: tokens.semErrorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  fieldSet: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n    // this used before binding.\n    ...shorthands.gap(tokens.fieldSetGap),\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n  fieldGroup: {\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n  fieldGroupColumn: {\n    flexDirection: \"column\",\n  },\n  fieldGroupRow: {\n    flexDirection: \"row\",\n  },\n  fieldContent: {\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    lineHeight: \"1.375\",\n  },\n  label: {\n    minHeight: \"1rem\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    display: \"flex\",\n    width: \"fit-content\",\n    ...shorthands.gap(tokens.spacingElement2),\n    cursor: \"default\",\n    color: tokens.grayA12,\n    \"&[data-disabled]\": {\n      opacity: 0.5,\n    },\n  },\n  labelContent: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    transitionProperty: \"opacity\",\n    transitionDuration: \"150ms\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  labelContentHover: {\n    width: 0,\n    height: 0,\n    overflowX: \"visible\",\n    overflowY: \"visible\",\n    opacity: 0,\n    pointerEvents: \"none\",\n  },\n  description: {\n    fontSize: tokens.textXs,\n    lineHeight: \"1.5\",\n    fontWeight: tokens.fontWeightNormal,\n    ...shorthands.margin(0),\n    \"& a\": {\n      textDecorationLine: \"underline\",\n      textUnderlineOffset: \"4px\",\n    },\n  },\n  descriptionDefault: {\n    color: tokens.grayA12,\n  },\n  descriptionHelper: {\n    color: tokens.grayA11,\n  },\n  error: {\n    color: tokens.semErrorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n  },\n  errorList: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.margin(0),\n    paddingLeft: \"1.25rem\",\n    listStyleType: \"disc\",\n  },\n  errorListItem: {\n    color: tokens.semErrorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n    marginTop: \"0.25rem\",\n    marginBottom: \"0.25rem\",\n  },\n  input: {\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n    // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n    // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n    // reach it; review corrected an earlier claim that it did.\n    height: tokens.fieldInputHeight,\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  inputGroup: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"100%\",\n  },\n  textarea: {\n    width: \"100%\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  resizeNone: {\n    resize: \"none\",\n  },\n  resizeVertical: {\n    resize: \"vertical\",\n  },\n  resizeHorizontal: {\n    resize: \"horizontal\",\n  },\n  addon: {\n    color: tokens.grayA11,\n    display: \"flex\",\n    height: \"auto\",\n    cursor: \"text\",\n    whiteSpace: \"nowrap\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightNormal,\n    userSelect: \"none\",\n  },\n  addonStart: {\n    order: -1,\n  },\n  addonEnd: {\n    order: 1,\n  },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n  variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n  return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n  function Field(\n    {\n      className,\n      variant = \"default\",\n      children,\n      onFocusCapture,\n      onBlurCapture,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const inputRef = React.useRef<FieldInputRef>(null)\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n      event\n    ) => {\n      setIsFocused(true)\n      onFocusCapture?.(event)\n    }\n\n    const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n      event\n    ) => {\n      setIsFocused(false)\n      onBlurCapture?.(event)\n    }\n\n    const variantStyle =\n      variant === \"highlight\"\n        ? styles.rootHighlight\n        : variant === \"readonly\"\n          ? styles.rootReadonly\n          : variant === \"destructive\"\n            ? styles.rootDestructive\n            : styles.rootDefault\n\n    return (\n      <FieldContext.Provider value={{ inputRef }}>\n        <FieldRootBase\n          ref={ref}\n          role=\"group\"\n          data-slot=\"field\"\n          {...{ [SLOT_ATTR]: \"field\" }}\n          data-focused={isFocused ? \"true\" : \"false\"}\n          className={mergeClasses(styles.root, variantStyle, className)}\n          onFocusCapture={handleFocusCapture}\n          onBlurCapture={handleBlurCapture}\n          {...props}\n        >\n          {children}\n        </FieldRootBase>\n      </FieldContext.Provider>\n    )\n  }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n  function FieldSet({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <fieldset\n        ref={ref}\n        data-slot=\"field-set\"\n        {...{ [SLOT_ATTR]: \"field-set\" }}\n        className={mergeClasses(styles.fieldSet, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n  direction?: \"column\" | \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n  function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-group\"\n        {...{ [SLOT_ATTR]: \"field-group\" }}\n        className={mergeClasses(\n          styles.fieldGroup,\n          direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n  function FieldContent({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-content\"\n        {...{ [SLOT_ATTR]: \"field-content\" }}\n        className={mergeClasses(styles.fieldContent, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelProps = Omit<\n  React.ComponentProps<\"label\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <FieldLabelBase\n        ref={ref}\n        data-slot=\"field-label\"\n        {...{ [SLOT_ATTR]: \"field-label\" }}\n        className={mergeClasses(styles.label, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n  showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n  HTMLDivElement,\n  FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-label-content\"\n      {...{ [SLOT_ATTR]: \"field-label-content\" }}\n      className={mergeClasses(\n        styles.labelContent,\n        showOnHover && styles.labelContentHover,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type FieldDescriptionVariant = \"default\" | \"helper\"\n\nexport const fieldDescriptionVariants = ({\n  variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n  return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n  React.ComponentProps<\"p\">,\n  \"className\"\n> & {\n  className?: string\n  variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n  HTMLParagraphElement,\n  FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n  const styles = useStyles()\n\n  const variantStyle =\n    variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n  return (\n    <FieldDescriptionBase\n      ref={ref}\n      data-slot=\"field-description\"\n      {...{ [SLOT_ATTR]: \"field-description\" }}\n      className={mergeClasses(styles.description, variantStyle, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  errors?: Array<{ message?: string } | undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n  function FieldError({ className, children, errors, ...props }, ref) {\n    const styles = useStyles()\n\n    const content = React.useMemo(() => {\n      if (children) {\n        return children\n      }\n\n      if (!errors?.length) {\n        return null\n      }\n\n      const uniqueErrors = [\n        ...new Map(errors.map((error) => [error?.message, error])).values(),\n      ]\n\n      if (uniqueErrors.length === 1) {\n        return uniqueErrors[0]?.message\n      }\n\n      return (\n        <ul className={styles.errorList}>\n          {uniqueErrors.map(\n            (error, index) =>\n              error?.message && (\n                <li className={styles.errorListItem} key={index}>\n                  {error.message}\n                </li>\n              )\n          )}\n        </ul>\n      )\n    }, [children, errors, styles.errorList, styles.errorListItem])\n\n    if (!content) {\n      return null\n    }\n\n    return (\n      <FieldErrorBase\n        ref={ref}\n        role=\"alert\"\n        data-slot=\"field-error\"\n        {...{ [SLOT_ATTR]: \"field-error\" }}\n        className={mergeClasses(styles.error, className)}\n        {...props}\n      >\n        {content}\n      </FieldErrorBase>\n    )\n  }\n)\n\nexport type FieldInputProps = Omit<\n  React.ComponentProps<\"input\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n  function FieldInput({ className, ...props }, forwardedRef) {\n    const styles = useStyles()\n    const { inputRef } = useFieldContext()\n\n    return (\n      <FieldControlBase\n        ref={(el: HTMLElement | null) => {\n          inputRef.current = el as HTMLInputElement | null\n          if (typeof forwardedRef === \"function\") {\n            forwardedRef(el as HTMLInputElement)\n          } else if (forwardedRef) {\n            forwardedRef.current = el as HTMLInputElement | null\n          }\n        }}\n        data-readonly={props.readOnly}\n        data-slot=\"field-input\"\n        {...{ [SLOT_ATTR]: \"field-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-input-group\"\n      {...{ [SLOT_ATTR]: \"field-input-group\" }}\n      className={mergeClasses(styles.inputGroup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldTextareaResize = \"none\" | \"vertical\" | \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n  resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  FieldTextareaProps\n>(function FieldTextarea(\n  { className, resize = \"none\", ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  const { inputRef } = useFieldContext()\n\n  const resizeStyle =\n    resize === \"vertical\"\n      ? styles.resizeVertical\n      : resize === \"horizontal\"\n        ? styles.resizeHorizontal\n        : styles.resizeNone\n\n  return (\n    <textarea\n      {...props}\n      ref={(el: HTMLTextAreaElement | null) => {\n        inputRef.current = el\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(el)\n        } else if (forwardedRef) {\n          forwardedRef.current = el\n        }\n      }}\n      data-readonly={props.readOnly}\n      data-slot=\"field-textarea\"\n      {...{ [SLOT_ATTR]: \"field-textarea\" }}\n      data-resize={resize}\n      className={mergeClasses(styles.textarea, resizeStyle, className)}\n    />\n  )\n})\n\nexport type FieldGroupAddonAlign = \"start\" | \"end\"\n\nexport const inputGroupAddonVariants = ({\n  align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n  return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n  align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n  HTMLDivElement,\n  FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n      data-align={align}\n      className={mergeClasses(\n        styles.addon,\n        align === \"end\" ? styles.addonEnd : styles.addonStart,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","useFieldContext","context","useOptionalFieldContext","useStyles","makeZenithStyles","tokens.fieldPaddingY","tokens.fieldPaddingX","shorthands","tokens.spacingElement1","tokens.radiusLg","tokens.semFocusRing","tokens.semErrorSoft","SLOT_ATTR","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.semErrorOnSoft","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","_a","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n */\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement\n  | HTMLButtonElement\n  | null\n\nexport interface FieldContextValue {\n  inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue | null>(null)\n\nexport const useFieldContext = () => {\n  const context = React.useContext(FieldContext)\n  if (!context) {\n    throw new Error(\"FieldInput must be used within a Field component\")\n  }\n  return context\n}\n\n/**\n * Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\nconst useStyles = makeZenithStyles({\n  root: {\n    position: \"relative\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n    // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n    // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n    // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n    // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n    paddingTop: tokens.fieldPaddingY,\n    paddingBottom: tokens.fieldPaddingY,\n    paddingLeft: tokens.fieldPaddingX,\n    paddingRight: tokens.fieldPaddingX,\n    ...shorthands.gap(tokens.spacingElement1),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    transitionProperty: \"all\",\n    transitionDuration: \"75ms\",\n    outlineOffset: \"2px\",\n    outlineWidth: \"2px\",\n    outlineStyle: \"none\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.errorSoft,\n    },\n\n    // Label's disabled styling, declared here because Field owns the elements these selectors are\n    // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n    // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n    // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n    // See src/ancestor-selector.test.ts.\n    [`&[data-disabled] [${SLOT_ATTR}=\"label\"]`]: {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    [`& :disabled ~ [${SLOT_ATTR}=\"label\"]`]: {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n    [`& [data-disabled] ~ [${SLOT_ATTR}=\"label\"]`]: {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  rootDefault: {\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n  },\n  rootDestructive: {\n    backgroundColor: tokens.errorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  fieldSet: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n    // this used before binding.\n    ...shorthands.gap(tokens.fieldSetGap),\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n  fieldGroup: {\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n  fieldGroupColumn: {\n    flexDirection: \"column\",\n  },\n  fieldGroupRow: {\n    flexDirection: \"row\",\n  },\n  fieldContent: {\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    lineHeight: \"1.375\",\n  },\n  label: {\n    minHeight: \"1rem\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    display: \"flex\",\n    width: \"fit-content\",\n    ...shorthands.gap(tokens.spacingElement2),\n    cursor: \"default\",\n    color: tokens.grayA12,\n    \"&[data-disabled]\": {\n      opacity: 0.5,\n    },\n  },\n  labelContent: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    transitionProperty: \"opacity\",\n    transitionDuration: \"150ms\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  labelContentHover: {\n    width: 0,\n    height: 0,\n    overflowX: \"visible\",\n    overflowY: \"visible\",\n    opacity: 0,\n    pointerEvents: \"none\",\n  },\n  description: {\n    fontSize: tokens.textXs,\n    lineHeight: \"1.5\",\n    fontWeight: tokens.fontWeightNormal,\n    ...shorthands.margin(0),\n    \"& a\": {\n      textDecorationLine: \"underline\",\n      textUnderlineOffset: \"4px\",\n    },\n  },\n  descriptionDefault: {\n    color: tokens.grayA12,\n  },\n  descriptionHelper: {\n    color: tokens.grayA11,\n  },\n  error: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n  },\n  errorList: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.margin(0),\n    paddingLeft: \"1.25rem\",\n    listStyleType: \"disc\",\n  },\n  errorListItem: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n    marginTop: \"0.25rem\",\n    marginBottom: \"0.25rem\",\n  },\n  input: {\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n    // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n    // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n    // reach it; review corrected an earlier claim that it did.\n    height: tokens.fieldInputHeight,\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  inputGroup: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"100%\",\n  },\n  textarea: {\n    width: \"100%\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  resizeNone: {\n    resize: \"none\",\n  },\n  resizeVertical: {\n    resize: \"vertical\",\n  },\n  resizeHorizontal: {\n    resize: \"horizontal\",\n  },\n  addon: {\n    color: tokens.grayA11,\n    display: \"flex\",\n    height: \"auto\",\n    cursor: \"text\",\n    whiteSpace: \"nowrap\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightNormal,\n    userSelect: \"none\",\n  },\n  addonStart: {\n    order: -1,\n  },\n  addonEnd: {\n    order: 1,\n  },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n  variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n  return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n  function Field(\n    {\n      className,\n      variant = \"default\",\n      children,\n      onFocusCapture,\n      onBlurCapture,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const inputRef = React.useRef<FieldInputRef>(null)\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n      event\n    ) => {\n      setIsFocused(true)\n      onFocusCapture?.(event)\n    }\n\n    const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n      event\n    ) => {\n      setIsFocused(false)\n      onBlurCapture?.(event)\n    }\n\n    const variantStyle =\n      variant === \"highlight\"\n        ? styles.rootHighlight\n        : variant === \"readonly\"\n          ? styles.rootReadonly\n          : variant === \"destructive\"\n            ? styles.rootDestructive\n            : styles.rootDefault\n\n    return (\n      <FieldContext.Provider value={{ inputRef }}>\n        <FieldRootBase\n          ref={ref}\n          role=\"group\"\n          data-slot=\"field\"\n          {...{ [SLOT_ATTR]: \"field\" }}\n          data-focused={isFocused ? \"true\" : \"false\"}\n          className={mergeClasses(styles.root, variantStyle, className)}\n          onFocusCapture={handleFocusCapture}\n          onBlurCapture={handleBlurCapture}\n          {...props}\n        >\n          {children}\n        </FieldRootBase>\n      </FieldContext.Provider>\n    )\n  }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n  function FieldSet({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <fieldset\n        ref={ref}\n        data-slot=\"field-set\"\n        {...{ [SLOT_ATTR]: \"field-set\" }}\n        className={mergeClasses(styles.fieldSet, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n  direction?: \"column\" | \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n  function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-group\"\n        {...{ [SLOT_ATTR]: \"field-group\" }}\n        className={mergeClasses(\n          styles.fieldGroup,\n          direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n  function FieldContent({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-content\"\n        {...{ [SLOT_ATTR]: \"field-content\" }}\n        className={mergeClasses(styles.fieldContent, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelProps = Omit<\n  React.ComponentProps<\"label\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <FieldLabelBase\n        ref={ref}\n        data-slot=\"field-label\"\n        {...{ [SLOT_ATTR]: \"field-label\" }}\n        className={mergeClasses(styles.label, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n  showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n  HTMLDivElement,\n  FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-label-content\"\n      {...{ [SLOT_ATTR]: \"field-label-content\" }}\n      className={mergeClasses(\n        styles.labelContent,\n        showOnHover && styles.labelContentHover,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type FieldDescriptionVariant = \"default\" | \"helper\"\n\nexport const fieldDescriptionVariants = ({\n  variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n  return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n  React.ComponentProps<\"p\">,\n  \"className\"\n> & {\n  className?: string\n  variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n  HTMLParagraphElement,\n  FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n  const styles = useStyles()\n\n  const variantStyle =\n    variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n  return (\n    <FieldDescriptionBase\n      ref={ref}\n      data-slot=\"field-description\"\n      {...{ [SLOT_ATTR]: \"field-description\" }}\n      className={mergeClasses(styles.description, variantStyle, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  errors?: Array<{ message?: string } | undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n  function FieldError({ className, children, errors, ...props }, ref) {\n    const styles = useStyles()\n\n    const content = React.useMemo(() => {\n      if (children) {\n        return children\n      }\n\n      if (!errors?.length) {\n        return null\n      }\n\n      const uniqueErrors = [\n        ...new Map(errors.map((error) => [error?.message, error])).values(),\n      ]\n\n      if (uniqueErrors.length === 1) {\n        return uniqueErrors[0]?.message\n      }\n\n      return (\n        <ul className={styles.errorList}>\n          {uniqueErrors.map(\n            (error, index) =>\n              error?.message && (\n                <li className={styles.errorListItem} key={index}>\n                  {error.message}\n                </li>\n              )\n          )}\n        </ul>\n      )\n    }, [children, errors, styles.errorList, styles.errorListItem])\n\n    if (!content) {\n      return null\n    }\n\n    return (\n      <FieldErrorBase\n        ref={ref}\n        role=\"alert\"\n        data-slot=\"field-error\"\n        {...{ [SLOT_ATTR]: \"field-error\" }}\n        className={mergeClasses(styles.error, className)}\n        {...props}\n      >\n        {content}\n      </FieldErrorBase>\n    )\n  }\n)\n\nexport type FieldInputProps = Omit<\n  React.ComponentProps<\"input\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n  function FieldInput({ className, ...props }, forwardedRef) {\n    const styles = useStyles()\n    const { inputRef } = useFieldContext()\n\n    return (\n      <FieldControlBase\n        ref={(el: HTMLElement | null) => {\n          inputRef.current = el as HTMLInputElement | null\n          if (typeof forwardedRef === \"function\") {\n            forwardedRef(el as HTMLInputElement)\n          } else if (forwardedRef) {\n            forwardedRef.current = el as HTMLInputElement | null\n          }\n        }}\n        data-readonly={props.readOnly}\n        data-slot=\"field-input\"\n        {...{ [SLOT_ATTR]: \"field-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-input-group\"\n      {...{ [SLOT_ATTR]: \"field-input-group\" }}\n      className={mergeClasses(styles.inputGroup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldTextareaResize = \"none\" | \"vertical\" | \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n  resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  FieldTextareaProps\n>(function FieldTextarea(\n  { className, resize = \"none\", ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  const { inputRef } = useFieldContext()\n\n  const resizeStyle =\n    resize === \"vertical\"\n      ? styles.resizeVertical\n      : resize === \"horizontal\"\n        ? styles.resizeHorizontal\n        : styles.resizeNone\n\n  return (\n    <textarea\n      {...props}\n      ref={(el: HTMLTextAreaElement | null) => {\n        inputRef.current = el\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(el)\n        } else if (forwardedRef) {\n          forwardedRef.current = el\n        }\n      }}\n      data-readonly={props.readOnly}\n      data-slot=\"field-textarea\"\n      {...{ [SLOT_ATTR]: \"field-textarea\" }}\n      data-resize={resize}\n      className={mergeClasses(styles.textarea, resizeStyle, className)}\n    />\n  )\n})\n\nexport type FieldGroupAddonAlign = \"start\" | \"end\"\n\nexport const inputGroupAddonVariants = ({\n  align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n  return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n  align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n  HTMLDivElement,\n  FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n      data-align={align}\n      className={mergeClasses(\n        styles.addon,\n        align === \"end\" ? styles.addonEnd : styles.addonStart,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","useFieldContext","context","useOptionalFieldContext","useStyles","makeZenithStyles","tokens.fieldPaddingY","tokens.fieldPaddingX","shorthands","tokens.spacingElement1","tokens.radiusLg","tokens.focusRing","tokens.errorSoft","SLOT_ATTR","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorOnSoft","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","_a","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}

package/dist/components/list/list.js

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as D } from "react/jsx-runtime";
 import * as i from "react";
 import { useSensors as Q, useSensor as j, DndContext as tt, closestCenter as et, DragOverlay as ot, KeyboardSensor as rt, PointerSensor as nt } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
 import { SortableContext as it, verticalListSortingStrategy as st, arrayMove as at, useSortable as lt } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
-import { mergeClasses as f, SLOT_ATTR as g, shorthands as p } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as f, SLOT_ATTR as m, shorthands as p } from "@epilot/zenith-runtime/v1";
 import { makeZenithStyles as ct } from "../../styles/make-styles.js";
-import { semSuccessLight as dt, semWarningLight as ut, semErrorLight as pt, spacingGroup2 as F, grayA12 as V, fontWeightSemibold as mt, leadingSm as X, textSm as $, grayA10 as gt, fontWeightMedium as ft, semAccentSolid as ht, accentA8 as xt, grayA11 as G, grayA8 as vt, leadingXs as yt, textXs as bt, listIndexPaddingX as K, listItemPaddingX as Z, listItemPaddingY as B, listIndexMinWidth as wt, grayA2 as _, radiusMd as P, semSuccessSoftHover as It, semWarningSoftHover as St, semErrorSoftHover as Lt, semAccentSoft as kt, semSuccessDefault as Ct, semSuccessSoft as Dt, semWarningDefault as Tt, semWarningSoft as Wt, semErrorDefault as Et, semErrorSoft as Nt, listItemMinHeight as At, spacingElement3 as Ot, grayA5 as Gt, spacingElement1 as Bt, spacingElement2 as Pt, listItemGap as Rt } from "../../tokens/index.js";
+import { successLight as dt, warningLight as ut, errorLight as pt, spacingGroup2 as F, grayA12 as V, fontWeightSemibold as gt, leadingSm as X, textSm as $, grayA10 as mt, fontWeightMedium as ft, accentSolid as ht, accentA8 as xt, grayA11 as G, grayA8 as vt, leadingXs as yt, textXs as bt, listIndexPaddingX as K, listItemPaddingX as Z, listItemPaddingY as B, listIndexMinWidth as wt, grayA2 as _, radiusMd as P, successSoftHover as It, warningSoftHover as St, errorSoftHover as Lt, accentSoft as kt, successDefault as Ct, successSoft as Dt, warningDefault as Tt, warningSoft as Wt, errorDefault as Nt, errorSoft as Et, listItemMinHeight as Ot, spacingElement3 as At, grayA5 as Gt, spacingElement1 as Bt, spacingElement2 as Pt, listItemGap as Rt } from "../../tokens/index.js";
 const Ht = (n) => /* @__PURE__ */ D(
   "svg",
   {
@@ -94,7 +94,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-    minHeight: At,
+    minHeight: Ot,
     ...p.gap(Rt),
     ...p.padding(B, Z),
     fontSize: $,
@@ -108,8 +108,8 @@ const Ht = (n) => /* @__PURE__ */ D(
   // Status variants
   statusDefault: {},
   statusError: {
-    backgroundColor: Nt,
-    color: Et
+    backgroundColor: Et,
+    color: Nt
   },
   statusWarning: {
     backgroundColor: Wt,
@@ -317,7 +317,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: gt,
+    color: mt,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
@@ -338,10 +338,10 @@ const Ht = (n) => /* @__PURE__ */ D(
     marginTop: F,
     display: "block",
     listStyleType: "none",
-    ...p.padding("0.375rem", Ot),
+    ...p.padding("0.375rem", At),
     fontSize: $,
     lineHeight: X,
-    fontWeight: mt,
+    fontWeight: gt,
     color: V,
     "&:first-child": {
       marginTop: 0
@@ -407,23 +407,23 @@ const Ht = (n) => /* @__PURE__ */ D(
     i.isValidElement
   ), T = I.map(
     (d, C) => d.type === U ? i.cloneElement(d, { index: C }) : d
-  ), h = I.filter((d) => d.type === U), a = h.map((d) => d.props.value).filter((d) => typeof d == "string"), [S, W] = i.useState(null), L = S ? a.indexOf(S) : -1, k = S != null ? h.find((d) => d.props.value === S) : void 0, E = Q(
+  ), h = I.filter((d) => d.type === U), a = h.map((d) => d.props.value).filter((d) => typeof d == "string"), [S, W] = i.useState(null), L = S ? a.indexOf(S) : -1, k = S != null ? h.find((d) => d.props.value === S) : void 0, N = Q(
     j(nt, { activationConstraint: { distance: 3 } }),
     j(rt)
-  ), N = (d) => {
+  ), E = (d) => {
     W(d.active.id);
-  }, O = (d) => {
+  }, A = (d) => {
     W(null);
-    const { active: C, over: m } = d;
-    if (!m || C.id === m.id) return;
-    const z = a.indexOf(C.id), M = a.indexOf(m.id);
+    const { active: C, over: g } = d;
+    if (!g || C.id === g.id) return;
+    const z = a.indexOf(C.id), M = a.indexOf(g.id);
     z === -1 || M === -1 || r == null || r(at(a, z, M));
-  }, A = /* @__PURE__ */ t(
+  }, O = /* @__PURE__ */ t(
     "ol",
     {
       ref: w,
       "data-slot": "list",
-      [g]: "list",
+      [m]: "list",
       ...u !== void 0 ? { "data-density": u } : {},
       className: f(v.list, o),
       ...b,
@@ -433,10 +433,10 @@ const Ht = (n) => /* @__PURE__ */ D(
   return /* @__PURE__ */ t(Y.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ D(
     tt,
     {
-      sensors: E,
+      sensors: N,
       collisionDetection: et,
-      onDragStart: N,
-      onDragEnd: O,
+      onDragStart: E,
+      onDragEnd: A,
       onDragCancel: () => W(null),
       children: [
         /* @__PURE__ */ t(
@@ -444,7 +444,7 @@ const Ht = (n) => /* @__PURE__ */ D(
           {
             items: a,
             strategy: st,
-            children: A
+            children: O
           }
         ),
         /* @__PURE__ */ t(ot, { children: k ? /* @__PURE__ */ t(
@@ -460,7 +460,7 @@ const Ht = (n) => /* @__PURE__ */ D(
         ) : null })
       ]
     }
-  ) : A });
+  ) : O });
 }), Vt = i.forwardRef(function({ className: o, children: l, ...e }, c) {
   const s = y();
   return /* @__PURE__ */ t(
@@ -468,7 +468,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: c,
       "data-slot": "list-item-actions",
-      [g]: "list-item-actions",
+      [m]: "list-item-actions",
       onPointerDown: (r) => r.stopPropagation(),
       className: f(s.actions, o),
       ...e,
@@ -482,7 +482,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: e,
       "data-slot": "list-item-text",
-      [g]: "list-item-text",
+      [m]: "list-item-text",
       className: f(c.text, o),
       ...l
     }
@@ -494,7 +494,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: e,
       "data-slot": "list-item-description",
-      [g]: "list-item-description",
+      [m]: "list-item-description",
       className: f(c.description, o),
       ...l
     }
@@ -515,21 +515,21 @@ const Ht = (n) => /* @__PURE__ */ D(
     attributes: I,
     ...T
   }, h) {
-    const a = y(), { striped: S, showIndex: W, sortable: L } = J(), k = L && !w, E = i.Children.toArray(s), N = E.find(
-      (m) => i.isValidElement(m) && m.type === Vt
-    ), O = E.filter((m) => m !== N), A = i.useCallback(
-      (m) => {
-        r == null || r(m), typeof h == "function" ? h(m) : h && (h.current = m);
+    const a = y(), { striped: S, showIndex: W, sortable: L } = J(), k = L && !w, N = i.Children.toArray(s), E = N.find(
+      (g) => i.isValidElement(g) && g.type === Vt
+    ), A = N.filter((g) => g !== E), O = i.useCallback(
+      (g) => {
+        r == null || r(g), typeof h == "function" ? h(g) : h && (h.current = g);
       },
       [r, h]
     ), d = e === "error" ? a.statusError : e === "warning" ? a.statusWarning : e === "success" ? a.statusSuccess : a.statusDefault, C = k ? e === "error" ? a.interactiveError : e === "warning" ? a.interactiveWarning : e === "success" ? a.interactiveSuccess : a.interactiveDefault : void 0;
     return /* @__PURE__ */ D(
       "li",
       {
-        ref: A,
+        ref: O,
         style: b,
         "data-slot": "list-item",
-        [g]: "list-item",
+        [m]: "list-item",
         "data-status": e,
         "data-value": l,
         onPointerDown: L ? u == null ? void 0 : u.onPointerDown : void 0,
@@ -548,7 +548,7 @@ const Ht = (n) => /* @__PURE__ */ D(
             "span",
             {
               "data-slot": "list-drop-indicator",
-              [g]: "list-drop-indicator",
+              [m]: "list-drop-indicator",
               "aria-hidden": "true",
               className: f(
                 a.dropIndicator,
@@ -560,7 +560,7 @@ const Ht = (n) => /* @__PURE__ */ D(
             "span",
             {
               "data-slot": "list-item-index",
-              [g]: "list-item-index",
+              [m]: "list-item-index",
               "aria-hidden": "true",
               className: a.indexBase,
               children: (c ?? 0) + 1
@@ -570,13 +570,13 @@ const Ht = (n) => /* @__PURE__ */ D(
             "span",
             {
               "data-slot": "list-item-content",
-              [g]: "list-item-content",
+              [m]: "list-item-content",
               className: a.content,
-              children: O
+              children: A
             }
           ),
           /* @__PURE__ */ t(jt, { status: e }),
-          N,
+          E,
           L && /* @__PURE__ */ t(
             "button",
             {
@@ -648,7 +648,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       {
         ref: x,
         "data-slot": "list-group",
-        [g]: "list-group",
+        [m]: "list-group",
         "data-state": u ? "open" : "closed",
         className: f(b.group, c),
         ...r,
@@ -664,7 +664,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       ref: c,
       type: "button",
       "data-slot": "list-group-trigger",
-      [g]: "list-group-trigger",
+      [m]: "list-group-trigger",
       "aria-expanded": r.open,
       "aria-controls": r.contentId,
       onClick: () => r.setOpen(!r.open),
@@ -693,7 +693,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: c,
       "data-slot": "list-group-label",
-      [g]: "list-group-label",
+      [m]: "list-group-label",
       className: f(s.standaloneGroupLabel, o),
       children: l
     }
@@ -704,7 +704,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: c,
       "data-slot": "list-group-content",
-      [g]: "list-group-content",
+      [m]: "list-group-content",
       className: f(s.list, s.groupContentList, o),
       ...e,
       children: l