@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.0

package/dist/components/field/field.js

@@ -1,16 +1,16 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as a from "react";
-import { shorthands as r } from "../../node_modules/@griffel/core/src/index.js";
-import { SLOT_ATTR as c } from "../../renderer/contract.js";
-import { makeVoltStyles as O } from "../../styles/make-styles.js";
-import { fontWeightNormal as x, textSm as w, grayA11 as R, grayA8 as L, grayA12 as F, textXs as v, errorA11 as N, errorA8 as G, errorA4 as V, semErrorSoft as A, accentA8 as S, grayA3 as E, accentA4 as W, accentA3 as P, grayA4 as $, spacingElement3 as k, spacingElement2 as y, spacingElement1 as z, spacingLayout2 as j, radiusLg as M } from "../../tokens/index.js";
-import { mergeClasses as f } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createContext(null), I = () => {
-  const l = a.useContext(D);
+import { shorthands as r } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as W } from "../../styles/make-styles.js";
+import { fontWeightNormal as x, leadingSm as S, textSm as w, grayA11 as L, grayA8 as N, grayA12 as F, leadingXs as z, textXs as v, errorA11 as G, errorA8 as A, errorA4 as P, semErrorSoft as E, accentA8 as D, grayA3 as k, accentA4 as X, accentA3 as $, grayA4 as j, spacingElement3 as I, spacingElement2 as y, spacingElement1 as R, spacingLayout2 as M, radiusLg as q } from "../../tokens/index.js";
+const Q = "div", U = "label", Y = "input", _ = "p", J = "div", H = a.createContext(null), T = () => {
+  const l = a.useContext(H);
   if (!l)
     throw new Error("FieldInput must be used within a Field component");
   return l;
-}, oe = () => a.useContext(D), p = O({
+}, ie = () => a.useContext(H), p = W({
   root: {
     position: "relative",
     display: "flex",
@@ -22,10 +22,10 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     // token -- it runs 0.25/0.5/0.5/1/1.5/2 -- so this is a literal by necessity.
     // `spacingGroup1` is 0.5rem and reaching for it by name (as three components did)
     // silently loses 4px per side. See STATUS: the scale gap is the root cause.
-    paddingLeft: k,
-    paddingRight: k,
-    ...r.gap(z),
-    ...r.borderRadius(M),
+    paddingLeft: I,
+    paddingRight: I,
+    ...r.gap(R),
+    ...r.borderRadius(q),
     transitionProperty: "all",
     transitionDuration: "75ms",
     outlineOffset: "2px",
@@ -35,8 +35,8 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       outlineStyle: "solid"
     },
     "&[data-invalid]": {
-      backgroundColor: A,
-      outlineColor: G
+      backgroundColor: E,
+      outlineColor: A
     },
     // Label's disabled styling, declared here because Field owns the elements these selectors are
     // rooted at. On Label they were written as "[data-disabled] &", ":disabled ~ &" and
@@ -57,42 +57,42 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     }
   },
   rootDefault: {
-    backgroundColor: E,
+    backgroundColor: k,
     ":hover": {
-      backgroundColor: $
+      backgroundColor: j
     },
     "&[data-focused='true'], &[data-focus-visible]": {
-      outlineColor: S
+      outlineColor: D
     }
   },
   rootHighlight: {
-    backgroundColor: P,
+    backgroundColor: $,
     ":hover": {
-      backgroundColor: W
+      backgroundColor: X
     },
     "&[data-focused='true'], &[data-focus-visible]": {
-      outlineColor: S
+      outlineColor: D
     }
   },
   rootReadonly: {
-    backgroundColor: E,
+    backgroundColor: k,
     "&[data-focused='true'], &[data-focus-visible]": {
-      outlineColor: S
+      outlineColor: D
     }
   },
   rootDestructive: {
-    backgroundColor: A,
+    backgroundColor: E,
     ":hover": {
-      backgroundColor: V
+      backgroundColor: P
     },
     "&[data-focused='true'], &[data-focus-visible]": {
-      outlineColor: G
+      outlineColor: A
     }
   },
   fieldSet: {
     display: "flex",
     flexDirection: "column",
-    ...r.gap(j),
+    ...r.gap(M),
     ...r.border("0"),
     ...r.padding(0),
     ...r.margin(0)
@@ -120,6 +120,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
   label: {
     minHeight: "1rem",
     fontSize: v,
+    lineHeight: z,
     display: "flex",
     width: "fit-content",
     ...r.gap(y),
@@ -132,7 +133,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
   labelContent: {
     display: "inline-flex",
     alignItems: "center",
-    ...r.gap(z),
+    ...r.gap(R),
     transitionProperty: "opacity",
     transitionDuration: "150ms"
   },
@@ -158,11 +159,12 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     color: F
   },
   descriptionHelper: {
-    color: R
+    color: L
   },
   error: {
-    color: N,
+    color: G,
     fontSize: v,
+    lineHeight: z,
     fontWeight: x
   },
   errorList: {
@@ -173,8 +175,9 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     listStyleType: "disc"
   },
   errorListItem: {
-    color: N,
+    color: G,
     fontSize: v,
+    lineHeight: z,
     fontWeight: x,
     marginTop: "0.25rem",
     marginBottom: "0.25rem"
@@ -184,12 +187,13 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     height: "1.5rem",
     outlineStyle: "none",
     fontSize: w,
+    lineHeight: S,
     color: F,
     backgroundColor: "transparent",
     ...r.border("0"),
     ...r.padding(0),
     "::placeholder": {
-      color: L
+      color: N
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -198,19 +202,20 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
   inputGroup: {
     display: "flex",
     alignItems: "center",
-    ...r.gap(z),
+    ...r.gap(R),
     width: "100%"
   },
   textarea: {
     width: "100%",
     outlineStyle: "none",
     fontSize: w,
+    lineHeight: S,
     color: F,
     backgroundColor: "transparent",
     ...r.border("0"),
     ...r.padding(0),
     "::placeholder": {
-      color: L
+      color: N
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -226,7 +231,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     resize: "horizontal"
   },
   addon: {
-    color: R,
+    color: L,
     display: "flex",
     height: "auto",
     cursor: "text",
@@ -235,6 +240,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     justifyContent: "center",
     ...r.gap(y),
     fontSize: w,
+    lineHeight: S,
     fontWeight: x,
     userSelect: "none"
   },
@@ -244,9 +250,9 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
   addonEnd: {
     order: 1
   }
-}), ne = ({
+}), le = ({
   variant: l = "default"
-} = {}) => l, ie = a.forwardRef(
+} = {}) => l, re = a.forwardRef(
   function({
     className: i,
     variant: e = "default",
@@ -255,28 +261,28 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
     onBlurCapture: n,
     ...s
   }, m) {
-    const u = p(), h = a.useRef(null), [g, b] = a.useState(!1), H = (C) => {
+    const u = p(), h = a.useRef(null), [g, b] = a.useState(!1), B = (C) => {
       b(!0), o == null || o(C);
-    }, T = (C) => {
+    }, O = (C) => {
       b(!1), n == null || n(C);
-    }, B = e === "highlight" ? u.rootHighlight : e === "readonly" ? u.rootReadonly : e === "destructive" ? u.rootDestructive : u.rootDefault;
-    return /* @__PURE__ */ d(D.Provider, { value: { inputRef: h }, children: /* @__PURE__ */ d(
-      X,
+    }, V = e === "highlight" ? u.rootHighlight : e === "readonly" ? u.rootReadonly : e === "destructive" ? u.rootDestructive : u.rootDefault;
+    return /* @__PURE__ */ d(H.Provider, { value: { inputRef: h }, children: /* @__PURE__ */ d(
+      Q,
       {
         ref: m,
         role: "group",
         "data-slot": "field",
         [c]: "field",
         "data-focused": g ? "true" : "false",
-        className: f(u.root, B, i),
-        onFocusCapture: H,
-        onBlurCapture: T,
+        className: f(u.root, V, i),
+        onFocusCapture: B,
+        onBlurCapture: O,
         ...s,
         children: t
       }
     ) });
   }
-), le = a.forwardRef(
+), ae = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
     return /* @__PURE__ */ d(
@@ -290,7 +296,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     );
   }
-), re = a.forwardRef(
+), se = a.forwardRef(
   function({ className: i, direction: e = "column", ...t }, o) {
     const n = p();
     return /* @__PURE__ */ d(
@@ -308,7 +314,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     );
   }
-), ae = a.forwardRef(
+), de = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
     return /* @__PURE__ */ d(
@@ -322,11 +328,11 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     );
   }
-), se = a.forwardRef(
+), ce = a.forwardRef(
   function({ className: i, ...e }, t) {
     const o = p();
     return /* @__PURE__ */ d(
-      q,
+      U,
       {
         ref: t,
         "data-slot": "field-label",
@@ -336,7 +342,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     );
   }
-), de = a.forwardRef(function({ className: i, showOnHover: e = !0, ...t }, o) {
+), ue = a.forwardRef(function({ className: i, showOnHover: e = !0, ...t }, o) {
   const n = p();
   return /* @__PURE__ */ d(
     "div",
@@ -352,12 +358,12 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       ...t
     }
   );
-}), ce = ({
+}), fe = ({
   variant: l = "default"
-} = {}) => l, ue = a.forwardRef(function({ className: i, variant: e = "default", ...t }, o) {
+} = {}) => l, pe = a.forwardRef(function({ className: i, variant: e = "default", ...t }, o) {
   const n = p(), s = e === "helper" ? n.descriptionHelper : n.descriptionDefault;
   return /* @__PURE__ */ d(
-    Y,
+    _,
     {
       ref: o,
       "data-slot": "field-description",
@@ -366,7 +372,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       ...t
     }
   );
-}), fe = a.forwardRef(
+}), ge = a.forwardRef(
   function({ className: i, children: e, errors: t, ...o }, n) {
     const s = p(), m = a.useMemo(() => {
       var h;
@@ -382,7 +388,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       ) });
     }, [e, t, s.errorList, s.errorListItem]);
     return m ? /* @__PURE__ */ d(
-      _,
+      J,
       {
         ref: n,
         role: "alert",
@@ -394,11 +400,11 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     ) : null;
   }
-), pe = a.forwardRef(
+), me = a.forwardRef(
   function({ className: i, ...e }, t) {
-    const o = p(), { inputRef: n } = I();
+    const o = p(), { inputRef: n } = T();
     return /* @__PURE__ */ d(
-      U,
+      Y,
       {
         ref: (s) => {
           n.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
@@ -411,7 +417,7 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       }
     );
   }
-), ge = a.forwardRef(function({ className: i, ...e }, t) {
+), ye = a.forwardRef(function({ className: i, ...e }, t) {
   const o = p();
   return /* @__PURE__ */ d(
     "div",
@@ -423,8 +429,8 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       ...e
     }
   );
-}), me = a.forwardRef(function({ className: i, resize: e = "none", ...t }, o) {
-  const n = p(), { inputRef: s } = I(), m = e === "vertical" ? n.resizeVertical : e === "horizontal" ? n.resizeHorizontal : n.resizeNone;
+}), he = a.forwardRef(function({ className: i, resize: e = "none", ...t }, o) {
+  const n = p(), { inputRef: s } = T(), m = e === "vertical" ? n.resizeVertical : e === "horizontal" ? n.resizeHorizontal : n.resizeNone;
   return /* @__PURE__ */ d(
     "textarea",
     {
@@ -439,9 +445,9 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
       className: f(n.textarea, m, i)
     }
   );
-}), ye = ({
+}), be = ({
   align: l = "start"
-} = {}) => l, he = a.forwardRef(function({ className: i, align: e = "start", ...t }, o) {
+} = {}) => l, xe = a.forwardRef(function({ className: i, align: e = "start", ...t }, o) {
   const n = p();
   return /* @__PURE__ */ d(
     "div",
@@ -461,22 +467,22 @@ const X = "div", q = "label", U = "input", Y = "p", _ = "div", D = a.createConte
   );
 });
 export {
-  ie as Field,
-  ae as FieldContent,
-  ue as FieldDescription,
-  fe as FieldError,
-  re as FieldGroup,
-  he as FieldGroupAddon,
-  pe as FieldInput,
-  ge as FieldInputGroup,
-  se as FieldLabel,
-  de as FieldLabelContent,
-  le as FieldSet,
-  me as FieldTextarea,
-  ce as fieldDescriptionVariants,
-  ne as fieldVariants,
-  ye as inputGroupAddonVariants,
-  I as useFieldContext,
-  oe as useOptionalFieldContext
+  re as Field,
+  de as FieldContent,
+  pe as FieldDescription,
+  ge as FieldError,
+  se as FieldGroup,
+  xe as FieldGroupAddon,
+  me as FieldInput,
+  ye as FieldInputGroup,
+  ce as FieldLabel,
+  ue as FieldLabelContent,
+  ae as FieldSet,
+  he as FieldTextarea,
+  fe as fieldDescriptionVariants,
+  le as fieldVariants,
+  be as inputGroupAddonVariants,
+  T as useFieldContext,
+  ie 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 \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive.\n *\n * v1's Field uses no Radix primitive at all — it is a custom implementation with its own context,\n * and v2 already had the same context (`FieldContext`, carrying `inputRef`). Base UI's Field parts\n * were only supplying the elements, and these are the elements they rendered: Root a div, Label a\n * label, Control an input, Description a p, Error a div. Substituting them is element-identical, so\n * nothing moves visually.\n *\n * **What is genuinely lost:** Base UI's Field also wired label-to-control association and\n * `aria-describedby` automatically. v1 does not do that either — its context carries only `inputRef`\n * — so this matches production rather than regressing against it, but it is a real accessibility\n * affordance that Base UI gave for free and is worth revisiting on its own terms.\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 a\n * Field.\n *\n * `useFieldContext` throws by design, which is right for FieldInput (it is meaningless on its own)\n * and wrong for SelectTrigger and the combobox trigger, which are legitimate standalone components\n * that merely pick up field wiring when nested. Those were calling the throwing hook inside a\n * try/catch, i.e. using an exception for control flow on every render of a perfectly valid tree.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\nconst useStyles = makeVoltStyles({\n  root: {\n    position: \"relative\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n    // v1 uses Tailwind's `px-3` = 0.75rem here. The semantic spacing scale has NO 0.75rem\n    // token -- it runs 0.25/0.5/0.5/1/1.5/2 -- so this is a literal by necessity.\n    // `spacingGroup1` is 0.5rem and reaching for it by name (as three components did)\n    // silently loses 4px per side. See STATUS: the scale gap is the root cause.\n    paddingLeft: tokens.spacingElement3,\n    paddingRight: tokens.spacingElement3,\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    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.semErrorSoft,\n      outlineColor: tokens.errorA8,\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    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootDestructive: {\n    backgroundColor: tokens.semErrorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.errorA8,\n    },\n  },\n  fieldSet: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingLayout2),\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    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  },\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.errorA11,\n    fontSize: tokens.textXs,\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.errorA11,\n    fontSize: tokens.textXs,\n    fontWeight: tokens.fontWeightNormal,\n    marginTop: \"0.25rem\",\n    marginBottom: \"0.25rem\",\n  },\n  input: {\n    width: \"100%\",\n    height: \"1.5rem\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\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    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    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","makeVoltStyles","tokens.spacingElement2","tokens.spacingElement3","shorthands","tokens.spacingElement1","tokens.radiusLg","tokens.semErrorSoft","tokens.errorA8","SLOT_ATTR","tokens.grayA3","tokens.grayA4","tokens.accentA8","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.spacingLayout2","tokens.textXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorA11","tokens.textSm","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/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive.\n *\n * v1's Field uses no Radix primitive at all — it is a custom implementation with its own context,\n * and v2 already had the same context (`FieldContext`, carrying `inputRef`). Base UI's Field parts\n * were only supplying the elements, and these are the elements they rendered: Root a div, Label a\n * label, Control an input, Description a p, Error a div. Substituting them is element-identical, so\n * nothing moves visually.\n *\n * **What is genuinely lost:** Base UI's Field also wired label-to-control association and\n * `aria-describedby` automatically. v1 does not do that either — its context carries only `inputRef`\n * — so this matches production rather than regressing against it, but it is a real accessibility\n * affordance that Base UI gave for free and is worth revisiting on its own terms.\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 a\n * Field.\n *\n * `useFieldContext` throws by design, which is right for FieldInput (it is meaningless on its own)\n * and wrong for SelectTrigger and the combobox trigger, which are legitimate standalone components\n * that merely pick up field wiring when nested. Those were calling the throwing hook inside a\n * try/catch, i.e. using an exception for control flow on every render of a perfectly valid tree.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\nconst useStyles = makeVoltStyles({\n  root: {\n    position: \"relative\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n    // v1 uses Tailwind's `px-3` = 0.75rem here. The semantic spacing scale has NO 0.75rem\n    // token -- it runs 0.25/0.5/0.5/1/1.5/2 -- so this is a literal by necessity.\n    // `spacingGroup1` is 0.5rem and reaching for it by name (as three components did)\n    // silently loses 4px per side. See STATUS: the scale gap is the root cause.\n    paddingLeft: tokens.spacingElement3,\n    paddingRight: tokens.spacingElement3,\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    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.semErrorSoft,\n      outlineColor: tokens.errorA8,\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    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.accentA8,\n    },\n  },\n  rootDestructive: {\n    backgroundColor: tokens.semErrorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineColor: tokens.errorA8,\n    },\n  },\n  fieldSet: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingLayout2),\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  },\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.errorA11,\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.errorA11,\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    height: \"1.5rem\",\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","makeVoltStyles","tokens.spacingElement2","tokens.spacingElement3","shorthands","tokens.spacingElement1","tokens.radiusLg","tokens.semErrorSoft","tokens.errorA8","SLOT_ATTR","tokens.grayA3","tokens.grayA4","tokens.accentA8","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.spacingLayout2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorA11","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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"}