@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

package/dist/components/field/field.js

@@ -1,16 +1,16 @@
-import { j as d } from "../../vendor/react/jsx-dev-runtime.js";
-import * as s from "react";
+import { jsx as d } from "react/jsx-runtime";
+import * as a from "react";
 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 u } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as T } from "../../styles/make-styles.js";
-import { spacingElement2 as h, spacingElement1 as D, fieldSetGap as O, radiusLg as B, fontWeightNormal as N, leadingSm as F, textSm as S, grayA11 as k, grayA8 as R, grayA12 as v, fieldInputHeight as W, leadingXs as E, textXs as y, semErrorOnSoft as V, errorA4 as P, semErrorSoft as z, grayA3 as j, accentA4 as X, accentA3 as $, grayA4 as M, semFocusRing as Y, fieldPaddingX as H, fieldPaddingY as G } from "../../tokens/index.js";
-const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createContext(null), L = () => {
-  const n = s.useContext(C);
-  if (!n)
+import { mergeClasses as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as V } from "../../styles/make-styles.js";
+import { spacingElement2 as b, spacingElement1 as v, fieldSetGap as W, radiusLg as P, fontWeightNormal as x, leadingSm as C, textSm as D, grayA11 as H, grayA8 as G, grayA12 as F, fieldInputHeight as X, leadingXs as z, textXs as S, semErrorOnSoft as N, errorA4 as $, semErrorSoft as L, grayA3 as E, accentA4 as j, accentA3 as M, grayA4 as Y, semFocusRing as q, fieldPaddingX as I, fieldPaddingY as k } from "../../tokens/index.js";
+const Q = "div", U = "label", _ = "input", J = "p", K = "div", R = a.createContext(null), A = () => {
+  const l = a.useContext(R);
+  if (!l)
     throw new Error("FieldInput must be used within a Field component");
-  return n;
-}, ne = () => s.useContext(C), m = T({
+  return l;
+}, le = () => a.useContext(R), p = V({
   root: {
     position: "relative",
     display: "flex",
@@ -21,12 +21,12 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.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: G,
-    paddingBottom: G,
-    paddingLeft: H,
-    paddingRight: H,
-    ...r.gap(D),
-    ...r.borderRadius(B),
+    paddingTop: k,
+    paddingBottom: k,
+    paddingLeft: I,
+    paddingRight: I,
+    ...r.gap(v),
+    ...r.borderRadius(P),
     transitionProperty: "all",
     transitionDuration: "75ms",
     outlineOffset: "2px",
@@ -37,10 +37,10 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     },
     "&[data-focused='true'], &[data-focus-visible]": {
       outlineStyle: "solid",
-      outlineColor: Y
+      outlineColor: q
     },
     "&[data-invalid]": {
-      backgroundColor: z
+      backgroundColor: L
     },
     // 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
@@ -61,24 +61,24 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     }
   },
   rootDefault: {
-    backgroundColor: j,
+    backgroundColor: E,
     ":hover": {
-      backgroundColor: M
+      backgroundColor: Y
     }
   },
   rootHighlight: {
-    backgroundColor: $,
+    backgroundColor: M,
     ":hover": {
-      backgroundColor: X
+      backgroundColor: j
     }
   },
   rootReadonly: {
-    backgroundColor: j
+    backgroundColor: E
   },
   rootDestructive: {
-    backgroundColor: z,
+    backgroundColor: L,
     ":hover": {
-      backgroundColor: P
+      backgroundColor: $
     }
   },
   fieldSet: {
@@ -86,7 +86,7 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     flexDirection: "column",
     // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)
     // this used before binding.
-    ...r.gap(O),
+    ...r.gap(W),
     ...r.border("0"),
     ...r.padding(0),
     ...r.margin(0)
@@ -94,7 +94,7 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
   fieldGroup: {
     display: "flex",
     width: "100%",
-    ...r.gap(h)
+    ...r.gap(b)
   },
   fieldGroupColumn: {
     flexDirection: "column"
@@ -108,18 +108,18 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     flexShrink: 1,
     flexBasis: "0%",
     flexDirection: "column",
-    ...r.gap(h),
+    ...r.gap(b),
     lineHeight: "1.375"
   },
   label: {
     minHeight: "1rem",
-    fontSize: y,
-    lineHeight: E,
+    fontSize: S,
+    lineHeight: z,
     display: "flex",
     width: "fit-content",
-    ...r.gap(h),
+    ...r.gap(b),
     cursor: "default",
-    color: v,
+    color: F,
     "&[data-disabled]": {
       opacity: 0.5
     }
@@ -127,7 +127,7 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
   labelContent: {
     display: "inline-flex",
     alignItems: "center",
-    ...r.gap(D),
+    ...r.gap(v),
     transitionProperty: "opacity",
     transitionDuration: "150ms",
     "@media (prefers-reduced-motion: reduce)": {
@@ -143,9 +143,9 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     pointerEvents: "none"
   },
   description: {
-    fontSize: y,
+    fontSize: S,
     lineHeight: "1.5",
-    fontWeight: N,
+    fontWeight: x,
     ...r.margin(0),
     "& a": {
       textDecorationLine: "underline",
@@ -153,16 +153,16 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     }
   },
   descriptionDefault: {
-    color: v
+    color: F
   },
   descriptionHelper: {
-    color: k
+    color: H
   },
   error: {
-    color: V,
-    fontSize: y,
-    lineHeight: E,
-    fontWeight: N
+    color: N,
+    fontSize: S,
+    lineHeight: z,
+    fontWeight: x
   },
   errorList: {
     display: "flex",
@@ -172,10 +172,10 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     listStyleType: "disc"
   },
   errorListItem: {
-    color: V,
-    fontSize: y,
-    lineHeight: E,
-    fontWeight: N,
+    color: N,
+    fontSize: S,
+    lineHeight: z,
+    fontWeight: x,
     marginTop: "0.25rem",
     marginBottom: "0.25rem"
   },
@@ -185,16 +185,16 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeVoltStyles call
     // and its own unrelated "input" key (width: "100%" only, no height) — this binding does not
     // reach it; CALIPER-WP9B2A-REVIEW-1.md corrected an earlier claim that it did.
-    height: W,
+    height: X,
     outlineStyle: "none",
-    fontSize: S,
-    lineHeight: F,
-    color: v,
+    fontSize: D,
+    lineHeight: C,
+    color: F,
     backgroundColor: "transparent",
     ...r.border("0"),
     ...r.padding(0),
     "::placeholder": {
-      color: R
+      color: G
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -203,20 +203,20 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
   inputGroup: {
     display: "flex",
     alignItems: "center",
-    ...r.gap(D),
+    ...r.gap(v),
     width: "100%"
   },
   textarea: {
     width: "100%",
     outlineStyle: "none",
-    fontSize: S,
-    lineHeight: F,
-    color: v,
+    fontSize: D,
+    lineHeight: C,
+    color: F,
     backgroundColor: "transparent",
     ...r.border("0"),
     ...r.padding(0),
     "::placeholder": {
-      color: R
+      color: G
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -232,17 +232,17 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     resize: "horizontal"
   },
   addon: {
-    color: k,
+    color: H,
     display: "flex",
     height: "auto",
     cursor: "text",
     whiteSpace: "nowrap",
     alignItems: "center",
     justifyContent: "center",
-    ...r.gap(h),
-    fontSize: S,
-    lineHeight: F,
-    fontWeight: N,
+    ...r.gap(b),
+    fontSize: D,
+    lineHeight: C,
+    fontWeight: x,
     userSelect: "none"
   },
   addonStart: {
@@ -252,346 +252,238 @@ const q = "div", Q = "label", _ = "input", J = "p", K = "div", C = s.createConte
     order: 1
   }
 }), re = ({
-  variant: n = "default"
-} = {}) => n, se = s.forwardRef(
+  variant: l = "default"
+} = {}) => l, ae = a.forwardRef(
   function({
-    className: o,
+    className: i,
     variant: e = "default",
     children: t,
-    onFocusCapture: i,
-    onBlurCapture: l,
-    ...a
-  }, g) {
-    const f = m(), x = s.useRef(null), [p, b] = s.useState(!1), U = (w) => {
-      b(!0), i == null || i(w);
-    }, I = (w) => {
-      b(!1), l == null || l(w);
-    }, A = e === "highlight" ? f.rootHighlight : e === "readonly" ? f.rootReadonly : e === "destructive" ? f.rootDestructive : f.rootDefault;
-    return /* @__PURE__ */ d.jsxDEV(C.Provider, { value: { inputRef: x }, children: /* @__PURE__ */ d.jsxDEV(
-      q,
+    onFocusCapture: o,
+    onBlurCapture: n,
+    ...s
+  }, 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(
+      Q,
       {
-        ref: g,
+        ref: m,
         role: "group",
         "data-slot": "field",
         [c]: "field",
-        "data-focused": p ? "true" : "false",
-        className: u(f.root, A, o),
-        onFocusCapture: U,
-        onBlurCapture: I,
-        ...a,
+        "data-focused": g ? "true" : "false",
+        className: f(u.root, B, i),
+        onFocusCapture: T,
+        onBlurCapture: O,
+        ...s,
         children: t
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 361,
-        columnNumber: 9
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 360,
-      columnNumber: 7
-    }, this);
+      }
+    ) });
   }
-), ae = s.forwardRef(
-  function({ className: o, ...e }, t) {
-    const i = m();
-    return /* @__PURE__ */ d.jsxDEV(
+), se = a.forwardRef(
+  function({ className: i, ...e }, t) {
+    const o = p();
+    return /* @__PURE__ */ d(
       "fieldset",
       {
         ref: t,
         "data-slot": "field-set",
         [c]: "field-set",
-        className: u(i.fieldSet, o),
+        className: f(o.fieldSet, i),
         ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 386,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), de = s.forwardRef(
-  function({ className: o, direction: e = "column", ...t }, i) {
-    const l = m();
-    return /* @__PURE__ */ d.jsxDEV(
+), de = a.forwardRef(
+  function({ className: i, direction: e = "column", ...t }, o) {
+    const n = p();
+    return /* @__PURE__ */ d(
       "div",
       {
-        ref: i,
+        ref: o,
         "data-slot": "field-group",
         [c]: "field-group",
-        className: u(
-          l.fieldGroup,
-          e === "row" ? l.fieldGroupRow : l.fieldGroupColumn,
-          o
+        className: f(
+          n.fieldGroup,
+          e === "row" ? n.fieldGroupRow : n.fieldGroupColumn,
+          i
         ),
         ...t
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 406,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), ce = s.forwardRef(
-  function({ className: o, ...e }, t) {
-    const i = m();
-    return /* @__PURE__ */ d.jsxDEV(
+), ce = a.forwardRef(
+  function({ className: i, ...e }, t) {
+    const o = p();
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: t,
         "data-slot": "field-content",
         [c]: "field-content",
-        className: u(i.fieldContent, o),
+        className: f(o.fieldContent, i),
         ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 428,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), fe = s.forwardRef(
-  function({ className: o, ...e }, t) {
-    const i = m();
-    return /* @__PURE__ */ d.jsxDEV(
-      Q,
+), ue = a.forwardRef(
+  function({ className: i, ...e }, t) {
+    const o = p();
+    return /* @__PURE__ */ d(
+      U,
       {
         ref: t,
         "data-slot": "field-label",
         [c]: "field-label",
-        className: u(i.label, o),
+        className: f(o.label, i),
         ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 451,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), ue = s.forwardRef(function({ className: o, showOnHover: e = !0, ...t }, i) {
-  const l = m();
-  return /* @__PURE__ */ d.jsxDEV(
+), fe = a.forwardRef(function({ className: i, showOnHover: e = !0, ...t }, o) {
+  const n = p();
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: i,
+      ref: o,
       "data-slot": "field-label-content",
       [c]: "field-label-content",
-      className: u(
-        l.labelContent,
-        e && l.labelContentHover,
-        o
+      className: f(
+        n.labelContent,
+        e && n.labelContentHover,
+        i
       ),
       ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 473,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), me = ({
-  variant: n = "default"
-} = {}) => n, pe = s.forwardRef(function({ className: o, variant: e = "default", ...t }, i) {
-  const l = m(), a = e === "helper" ? l.descriptionHelper : l.descriptionDefault;
-  return /* @__PURE__ */ d.jsxDEV(
+}), pe = ({
+  variant: l = "default"
+} = {}) => l, ge = a.forwardRef(function({ className: i, variant: e = "default", ...t }, o) {
+  const n = p(), s = e === "helper" ? n.descriptionHelper : n.descriptionDefault;
+  return /* @__PURE__ */ d(
     J,
     {
-      ref: i,
+      ref: o,
       "data-slot": "field-description",
       [c]: "field-description",
-      className: u(l.description, a, o),
+      className: f(n.description, s, i),
       ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 513,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), ge = s.forwardRef(
-  function({ className: o, children: e, errors: t, ...i }, l) {
-    const a = m(), g = s.useMemo(() => {
-      var x;
+}), me = a.forwardRef(
+  function({ className: i, children: e, errors: t, ...o }, n) {
+    const s = p(), m = a.useMemo(() => {
+      var h;
       if (e)
         return e;
       if (!(t != null && t.length))
         return null;
-      const f = [
-        ...new Map(t.map((p) => [p == null ? void 0 : p.message, p])).values()
+      const u = [
+        ...new Map(t.map((g) => [g == null ? void 0 : g.message, g])).values()
       ];
-      return f.length === 1 ? (x = f[0]) == null ? void 0 : x.message : /* @__PURE__ */ d.jsxDEV("ul", { className: a.errorList, children: f.map(
-        (p, b) => (p == null ? void 0 : p.message) && /* @__PURE__ */ d.jsxDEV("li", { className: a.errorListItem, children: p.message }, b, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-          lineNumber: 554,
-          columnNumber: 17
-        }, this)
-      ) }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 550,
-        columnNumber: 9
-      }, this);
-    }, [e, t, a.errorList, a.errorListItem]);
-    return g ? /* @__PURE__ */ d.jsxDEV(
+      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)
+      ) });
+    }, [e, t, s.errorList, s.errorListItem]);
+    return m ? /* @__PURE__ */ d(
       K,
       {
-        ref: l,
+        ref: n,
         role: "alert",
         "data-slot": "field-error",
         [c]: "field-error",
-        className: u(a.error, o),
-        ...i,
-        children: g
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 568,
-        columnNumber: 7
-      },
-      this
+        className: f(s.error, i),
+        ...o,
+        children: m
+      }
     ) : null;
   }
-), xe = s.forwardRef(
-  function({ className: o, ...e }, t) {
-    const i = m(), { inputRef: l } = L();
-    return /* @__PURE__ */ d.jsxDEV(
+), he = a.forwardRef(
+  function({ className: i, ...e }, t) {
+    const o = p(), { inputRef: n } = A();
+    return /* @__PURE__ */ d(
       _,
       {
-        ref: (a) => {
-          l.current = a, typeof t == "function" ? t(a) : t && (t.current = a);
+        ref: (s) => {
+          n.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
         },
         "data-readonly": e.readOnly,
         "data-slot": "field-input",
         [c]: "field-input",
-        className: u(i.input, o),
+        className: f(o.input, i),
         ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-        lineNumber: 595,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), be = s.forwardRef(function({ className: o, ...e }, t) {
-  const i = m();
-  return /* @__PURE__ */ d.jsxDEV(
+), ye = a.forwardRef(function({ className: i, ...e }, t) {
+  const o = p();
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: t,
       "data-slot": "field-input-group",
       [c]: "field-input-group",
-      className: u(i.inputGroup, o),
+      className: f(o.inputGroup, i),
       ...e
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 623,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), he = s.forwardRef(function({ className: o, resize: e = "none", ...t }, i) {
-  const l = m(), { inputRef: a } = L(), g = e === "vertical" ? l.resizeVertical : e === "horizontal" ? l.resizeHorizontal : l.resizeNone;
-  return /* @__PURE__ */ d.jsxDEV(
+}), be = 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(
     "textarea",
     {
       ...t,
-      ref: (f) => {
-        a.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
+      ref: (u) => {
+        s.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
       },
       "data-readonly": t.readOnly,
       "data-slot": "field-textarea",
       [c]: "field-textarea",
       "data-resize": e,
-      className: u(l.textarea, g, o)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 657,
-      columnNumber: 5
-    },
-    this
+      className: f(n.textarea, m, i)
+    }
   );
-}), Ne = ({
-  align: n = "start"
-} = {}) => n, ve = s.forwardRef(function({ className: o, align: e = "start", ...t }, i) {
-  const l = m();
-  return /* @__PURE__ */ d.jsxDEV(
+}), xe = ({
+  align: l = "start"
+} = {}) => l, Fe = a.forwardRef(function({ className: i, align: e = "start", ...t }, o) {
+  const n = p();
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: i,
+      ref: o,
       role: "group",
       "data-slot": "input-group-addon",
       [c]: "input-group-addon",
       "data-align": e,
-      className: u(
-        l.addon,
-        e === "end" ? l.addonEnd : l.addonStart,
-        o
+      className: f(
+        n.addon,
+        e === "end" ? n.addonEnd : n.addonStart,
+        i
       ),
       ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field.tsx",
-      lineNumber: 695,
-      columnNumber: 5
-    },
-    this
+    }
   );
 });
 export {
-  se as Field,
+  ae as Field,
   ce as FieldContent,
-  pe as FieldDescription,
-  ge as FieldError,
+  ge as FieldDescription,
+  me as FieldError,
   de as FieldGroup,
-  ve as FieldGroupAddon,
-  xe as FieldInput,
-  be as FieldInputGroup,
-  fe as FieldLabel,
-  ue as FieldLabelContent,
-  ae as FieldSet,
-  he as FieldTextarea,
-  me as fieldDescriptionVariants,
+  Fe as FieldGroupAddon,
+  he as FieldInput,
+  ye as FieldInputGroup,
+  ue as FieldLabel,
+  fe as FieldLabelContent,
+  se as FieldSet,
+  be as FieldTextarea,
+  pe as fieldDescriptionVariants,
   re as fieldVariants,
-  Ne as inputGroupAddonVariants,
-  L as useFieldContext,
-  ne as useOptionalFieldContext
+  xe as inputGroupAddonVariants,
+  A as useFieldContext,
+  le as useOptionalFieldContext
 };
 //# sourceMappingURL=field.js.map