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

package/dist/components/field/field-combobox.js

@@ -1,15 +1,15 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import * as l from "react";
-import { shorthands as s } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as p } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { j as r } from "../../vendor/react/jsx-dev-runtime.js";
+import * as a from "react";
+import { shorthands as n } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as u } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as R } from "../../styles/make-styles.js";
-import { radiusMd as S, spacingElement2 as b, radiusLg as I, grayA8 as L, accentA11 as N, spacingGroup1 as x, grayA11 as f, spacingElement1 as y, semGraySoft as q, leadingXs as P, textXs as T, fontWeightSemibold as V, leadingSm as h, textSm as C, grayA12 as g } from "../../tokens/index.js";
-import { Command as G, CommandEmpty as B, CommandGroup as D, CommandInput as k, CommandItem as A, CommandList as E, CommandLoading as j, CommandSeparator as H } from "../command/command.js";
-import { Label as z } from "../label/label.js";
-import { Popover as M, PopoverPortal as W, PopoverContent as X, PopoverTrigger as Z } from "../popover/popover.js";
-import { useOptionalFieldContext as O } from "./field.js";
-const _ = (n) => /* @__PURE__ */ a(
+import { makeVoltStyles as D } from "../../styles/make-styles.js";
+import { radiusMd as E, spacingElement2 as b, radiusLg as k, grayA8 as j, semFocusRing as C, accentA11 as F, spacingGroup1 as x, grayA11 as g, spacingElement1 as w, semGraySoft as R, leadingXs as S, textXs as U, fontWeightSemibold as I, leadingSm as h, textSm as N, grayA12 as f } from "../../tokens/index.js";
+import { Command as L, CommandEmpty as q, CommandGroup as P, CommandInput as T, CommandItem as G, CommandList as B, CommandLoading as A, CommandSeparator as H } from "../command/command.js";
+import { Label as W } from "../label/label.js";
+import { Popover as z, PopoverPortal as O, PopoverContent as M, PopoverTrigger as X } from "../popover/popover.js";
+import { useOptionalFieldContext as Z } from "./field.js";
+const _ = (t) => /* @__PURE__ */ r.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -17,10 +17,22 @@ const _ = (n) => /* @__PURE__ */ a(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...n,
-    children: /* @__PURE__ */ a("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
-  }
-), $ = (n) => /* @__PURE__ */ a(
+    ...t,
+    children: /* @__PURE__ */ r.jsxDEV("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 47,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+    lineNumber: 39,
+    columnNumber: 3
+  },
+  void 0
+), $ = (t) => /* @__PURE__ */ r.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -28,10 +40,22 @@ const _ = (n) => /* @__PURE__ */ a(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...n,
-    children: /* @__PURE__ */ a("path", { d: "M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z" })
-  }
-), F = (n) => /* @__PURE__ */ a(
+    ...t,
+    children: /* @__PURE__ */ r.jsxDEV("path", { d: "M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 60,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+    lineNumber: 52,
+    columnNumber: 3
+  },
+  void 0
+), y = (t) => /* @__PURE__ */ r.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -39,24 +63,42 @@ const _ = (n) => /* @__PURE__ */ a(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...n,
-    children: /* @__PURE__ */ a("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
-  }
-), c = R({
+    ...t,
+    children: /* @__PURE__ */ r.jsxDEV("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 73,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+    lineNumber: 65,
+    columnNumber: 3
+  },
+  void 0
+), c = D({
   trigger: {
     width: "100%",
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    ...s.gap(b),
-    ...s.borderRadius(I),
+    ...n.gap(b),
+    ...n.borderRadius(k),
     backgroundColor: "transparent",
-    fontSize: C,
+    fontSize: N,
     lineHeight: h,
     whiteSpace: "nowrap",
     outlineStyle: "none",
-    ...s.border("0"),
-    ...s.padding(0),
+    ...n.border("0"),
+    ...n.padding(0),
+    ":focus-visible": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineOffset: "2px",
+      outlineColor: C
+    },
     ":disabled": {
       cursor: "not-allowed",
       opacity: 0.5
@@ -68,49 +110,52 @@ const _ = (n) => /* @__PURE__ */ a(
     flexShrink: 0,
     transitionProperty: "transform",
     transitionDuration: "150ms",
-    color: f,
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms"
+    },
+    color: g,
     "&[data-popup-open], &[data-open]": {
       transform: "rotate(180deg)"
     }
   },
   value: {
-    color: g,
+    color: f,
     width: "100%",
     textAlign: "left",
     flexWrap: "wrap",
     display: "flex",
-    ...s.gap(b),
+    ...n.gap(b),
     position: "relative",
     whiteSpace: "normal",
     marginRight: "1.25rem"
   },
   content: {
-    ...s.padding(0)
+    ...n.padding(0)
   },
   command: {
     width: "100%",
-    ...s.borderRadius(0)
+    ...n.borderRadius(0)
   },
   input: {
     width: "100%"
   },
   list: {
-    ...s.padding(b)
+    ...n.padding(b)
   },
   item: {
     paddingLeft: x,
     paddingRight: "2rem",
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    color: g,
+    color: f,
     position: "relative",
     display: "flex",
     width: "100%",
     cursor: "default",
     alignItems: "center",
-    ...s.gap(b),
-    ...s.borderRadius(S),
-    fontSize: C,
+    ...n.gap(b),
+    ...n.borderRadius(E),
+    fontSize: N,
     lineHeight: h,
     outlineStyle: "none",
     userSelect: "none"
@@ -127,40 +172,40 @@ const _ = (n) => /* @__PURE__ */ a(
   checkSvg: {
     width: "1rem",
     height: "1rem",
-    color: g
+    color: f
   },
   empty: {
     paddingTop: "1.5rem",
     paddingBottom: "1.5rem",
     textAlign: "center",
-    color: g,
-    fontSize: C,
+    color: f,
+    fontSize: N,
     lineHeight: h
   },
   group: {
-    ...s.padding(0)
+    ...n.padding(0)
   },
   groupLabel: {
-    color: f,
-    fontWeight: V,
+    color: g,
+    fontWeight: I,
     paddingLeft: b,
     paddingRight: b,
     paddingTop: b,
     paddingBottom: b,
-    fontSize: T,
-    lineHeight: P
+    fontSize: U,
+    lineHeight: S
   },
   separator: {
-    backgroundColor: q,
+    backgroundColor: R,
     pointerEvents: "none",
-    marginLeft: `calc(-1 * ${y})`,
-    marginRight: `calc(-1 * ${y})`,
+    marginLeft: `calc(-1 * ${w})`,
+    marginRight: `calc(-1 * ${w})`,
     marginTop: b,
     marginBottom: b,
     height: "1px"
   },
   loading: {
-    color: f,
+    color: g,
     paddingLeft: x,
     paddingRight: x,
     paddingTop: b,
@@ -171,14 +216,20 @@ const _ = (n) => /* @__PURE__ */ a(
     right: "2.75rem",
     cursor: "pointer",
     minHeight: "auto",
-    ...s.padding("0.125rem"),
+    ...n.padding("0.125rem"),
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...s.borderRadius("9999px"),
+    ...n.borderRadius("9999px"),
     backgroundColor: "transparent",
-    ...s.border("0"),
-    color: N
+    ...n.border("0"),
+    color: F,
+    ":focus-visible": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineOffset: "2px",
+      outlineColor: C
+    }
   },
   clearSvg: {
     width: "1.25rem",
@@ -190,7 +241,7 @@ const _ = (n) => /* @__PURE__ */ a(
       opacity: 0.7
     },
     color: "currentColor",
-    ...s.borderRadius("9999px"),
+    ...n.borderRadius("9999px"),
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center"
@@ -201,261 +252,417 @@ const _ = (n) => /* @__PURE__ */ a(
     color: "currentColor"
   },
   placeholder: {
-    color: L
+    color: j
   }
-}), io = l.forwardRef(
-  function(t, o) {
-    return /* @__PURE__ */ a(
-      M,
+}), se = a.forwardRef(
+  function(l, e) {
+    return /* @__PURE__ */ r.jsxDEV(
+      z,
       {
         "data-slot": "combobox",
-        [p]: "combobox",
-        ...t
-      }
+        [u]: "combobox",
+        ...l
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+        lineNumber: 260,
+        columnNumber: 7
+      },
+      this
     );
   }
-), lo = l.forwardRef(function({ className: t, children: o, ...r }, e) {
-  var w;
-  const d = c(), i = ((w = O()) == null ? void 0 : w.inputRef) ?? null;
-  return /* @__PURE__ */ v(
-    Z,
+), ae = a.forwardRef(function({ className: l, children: e, ...i }, o) {
+  var v;
+  const d = c(), s = ((v = Z()) == null ? void 0 : v.inputRef) ?? null, V = (p) => {
+    s && (s.current = p), typeof o == "function" ? o(p) : o && (o.current = p);
+  };
+  return /* @__PURE__ */ r.jsxDEV(
+    X,
     {
-      ref: (u) => {
-        i && (i.current = u), typeof e == "function" ? e(u) : e && (e.current = u);
-      },
+      ref: V,
       "data-slot": "select-trigger",
-      [p]: "select-trigger",
-      className: m(d.trigger, t),
-      ...r,
+      [u]: "select-trigger",
+      className: m(d.trigger, l),
+      ...i,
       children: [
-        o,
-        /* @__PURE__ */ a($, { className: d.triggerChevron })
+        e,
+        /* @__PURE__ */ r.jsxDEV($, { className: d.triggerChevron }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+          lineNumber: 303,
+          columnNumber: 7
+        }, this)
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 295,
+      columnNumber: 5
+    },
+    this
   );
-}), so = l.forwardRef(function({ className: t, children: o, container: r, ...e }, d) {
-  const i = c();
-  return /* @__PURE__ */ a(W, { container: r, children: /* @__PURE__ */ a(
-    X,
+}), ne = a.forwardRef(function({ className: l, children: e, container: i, ...o }, d) {
+  const s = c();
+  return /* @__PURE__ */ r.jsxDEV(O, { container: i, children: /* @__PURE__ */ r.jsxDEV(
+    M,
     {
       ref: d,
       "data-slot": "combobox-content",
-      [p]: "combobox-content",
-      className: m(i.content, t),
-      ...e,
-      children: /* @__PURE__ */ a(
-        G,
+      [u]: "combobox-content",
+      className: m(s.content, l),
+      ...o,
+      children: /* @__PURE__ */ r.jsxDEV(
+        L,
         {
           "data-slot": "combobox-command",
-          [p]: "combobox-command",
-          className: i.command,
-          children: o
-        }
+          [u]: "combobox-command",
+          className: s.command,
+          children: e
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+          lineNumber: 330,
+          columnNumber: 9
+        },
+        this
       )
-    }
-  ) });
-}), mo = l.forwardRef(function({ className: t, children: o, ...r }, e) {
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 323,
+      columnNumber: 7
+    },
+    this
+  ) }, void 0, !1, {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+    lineNumber: 322,
+    columnNumber: 5
+  }, this);
+}), me = a.forwardRef(function({ className: l, children: e, ...i }, o) {
   const d = c();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r.jsxDEV(
     "div",
     {
-      ref: e,
+      ref: o,
       "data-slot": "combobox-value",
-      [p]: "combobox-value",
-      className: m(d.value, t),
-      ...r,
-      children: o
-    }
+      [u]: "combobox-value",
+      className: m(d.value, l),
+      ...i,
+      children: e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 351,
+      columnNumber: 5
+    },
+    this
   );
-}), co = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    k,
+}), ce = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    T,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-command-input",
-      [p]: "combobox-command-input",
-      className: m(e.input, t),
-      ...o
-    }
+      [u]: "combobox-command-input",
+      className: m(o.input, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 372,
+      columnNumber: 5
+    },
+    this
   );
-}), bo = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    E,
+}), de = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    B,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-command-list",
-      [p]: "combobox-command-list",
-      className: m(e.list, t),
-      ...o
-    }
+      [u]: "combobox-command-list",
+      className: m(o.list, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 391,
+      columnNumber: 5
+    },
+    this
   );
-}), po = l.forwardRef(function({ className: t, children: o, ...r }, e) {
+}), be = a.forwardRef(function({ className: l, children: e, ...i }, o) {
   const d = c();
-  return /* @__PURE__ */ a(
-    A,
+  return /* @__PURE__ */ r.jsxDEV(
+    G,
     {
-      ref: e,
+      ref: o,
       "data-slot": "combobox-item",
-      [p]: "combobox-item",
-      className: m(d.item, t),
-      ...r,
-      children: o
-    }
+      [u]: "combobox-item",
+      className: m(d.item, l),
+      ...i,
+      children: e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 410,
+      columnNumber: 5
+    },
+    this
   );
-}), go = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
+}), ue = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
     "span",
     {
-      ref: r,
-      className: m(e.itemCheckIcon, t),
-      ...o,
-      children: /* @__PURE__ */ a(_, { className: e.checkSvg })
-    }
+      ref: i,
+      className: m(o.itemCheckIcon, l),
+      ...e,
+      children: /* @__PURE__ */ r.jsxDEV(_, { className: o.checkSvg }, void 0, !1, {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+        lineNumber: 436,
+        columnNumber: 7
+      }, this)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 431,
+      columnNumber: 5
+    },
+    this
   );
-}), uo = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    B,
+}), fe = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    q,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-empty",
-      [p]: "combobox-empty",
-      className: m(e.empty, t),
-      ...o
-    }
+      [u]: "combobox-empty",
+      className: m(o.empty, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 450,
+      columnNumber: 5
+    },
+    this
   );
-}), xo = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    D,
+}), pe = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    P,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-group",
-      [p]: "combobox-group",
-      className: m(e.group, t),
-      ...o
-    }
+      [u]: "combobox-group",
+      className: m(o.group, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 469,
+      columnNumber: 5
+    },
+    this
   );
-}), fo = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    z,
+}), xe = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    W,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-group-label",
-      [p]: "combobox-group-label",
-      className: m(e.groupLabel, t),
-      ...o
-    }
+      [u]: "combobox-group-label",
+      className: m(o.groupLabel, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 488,
+      columnNumber: 5
+    },
+    this
   );
-}), ho = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
+}), ge = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
     H,
     {
-      ref: r,
+      ref: i,
       "data-slot": "select-separator",
-      [p]: "select-separator",
-      className: m(e.separator, t),
-      ...o
-    }
+      [u]: "select-separator",
+      className: m(o.separator, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 507,
+      columnNumber: 5
+    },
+    this
   );
-}), Co = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
-    j,
+}), he = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
+    A,
     {
-      ref: r,
+      ref: i,
       "data-slot": "combobox-command-loading",
-      [p]: "combobox-command-loading",
-      className: m(e.loading, t),
-      ...o
-    }
+      [u]: "combobox-command-loading",
+      className: m(o.loading, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 526,
+      columnNumber: 5
+    },
+    this
   );
-}), wo = l.forwardRef(function({ className: t, onClick: o, ...r }, e) {
+}), Ne = a.forwardRef(function({ className: l, onClick: e, ...i }, o) {
   const d = c();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r.jsxDEV(
     "span",
     {
-      ref: e,
+      ref: o,
       role: "button",
       tabIndex: 0,
-      className: m(d.clear, t),
-      onPointerDown: (i) => {
-        i.preventDefault(), i.stopPropagation();
+      className: m(d.clear, l),
+      onPointerDown: (s) => {
+        s.preventDefault(), s.stopPropagation();
       },
-      onClick: (i) => {
-        i.preventDefault(), i.stopPropagation(), o == null || o(i);
+      onClick: (s) => {
+        s.preventDefault(), s.stopPropagation(), e == null || e(s);
       },
-      ...r,
-      children: /* @__PURE__ */ a(F, { className: d.clearSvg })
-    }
+      ...i,
+      children: /* @__PURE__ */ r.jsxDEV(y, { className: d.clearSvg }, void 0, !1, {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+        lineNumber: 561,
+        columnNumber: 7
+      }, this)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 545,
+      columnNumber: 5
+    },
+    this
   );
-}), yo = l.forwardRef(function({ className: t, ...o }, r) {
-  const e = c();
-  return /* @__PURE__ */ a(
+}), ve = a.forwardRef(function({ className: l, ...e }, i) {
+  const o = c();
+  return /* @__PURE__ */ r.jsxDEV(
     "span",
     {
-      ref: r,
-      className: m(e.placeholder, t),
-      ...o
-    }
+      ref: i,
+      className: m(o.placeholder, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 575,
+      columnNumber: 5
+    },
+    this
   );
-}), Fo = l.forwardRef(function({ className: t, onClick: o, ...r }, e) {
+}), Ce = a.forwardRef(function({ className: l, onClick: e, ...i }, o) {
   const d = c();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r.jsxDEV(
     "span",
     {
-      ref: e,
+      ref: o,
       role: "button",
       tabIndex: 0,
-      className: m(d.clearValue, t),
-      onPointerDown: (i) => {
-        i.preventDefault(), i.stopPropagation();
+      className: m(d.clearValue, l),
+      onPointerDown: (s) => {
+        s.preventDefault(), s.stopPropagation();
       },
-      onClick: (i) => {
-        i.preventDefault(), i.stopPropagation(), o == null || o(i);
+      onClick: (s) => {
+        s.preventDefault(), s.stopPropagation(), e == null || e(s);
       },
-      ...r,
-      children: /* @__PURE__ */ a(F, { className: d.clearValueSvg })
-    }
+      ...i,
+      children: /* @__PURE__ */ r.jsxDEV(y, { className: d.clearValueSvg }, void 0, !1, {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+        lineNumber: 608,
+        columnNumber: 7
+      }, this)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/field/field-combobox.tsx",
+      lineNumber: 592,
+      columnNumber: 5
+    },
+    this
   );
 });
 export {
-  io as Combobox,
-  wo as ComboboxClear,
-  Fo as ComboboxClearValue,
-  so as ComboboxContent,
-  uo as ComboboxEmpty,
-  xo as ComboboxGroup,
-  fo as ComboboxGroupLabel,
-  co as ComboboxInput,
-  po as ComboboxItem,
-  go as ComboboxItemCheckIcon,
-  bo as ComboboxList,
-  Co as ComboboxLoading,
-  yo as ComboboxPlaceholder,
-  ho as ComboboxSeparator,
-  lo as ComboboxTrigger,
-  mo as ComboboxValue,
-  io as FieldCombobox,
-  wo as FieldComboboxClear,
-  Fo as FieldComboboxClearValue,
-  so as FieldComboboxContent,
-  uo as FieldComboboxEmpty,
-  xo as FieldComboboxGroup,
-  fo as FieldComboboxGroupLabel,
-  co as FieldComboboxInput,
-  po as FieldComboboxItem,
-  go as FieldComboboxItemCheckIcon,
-  bo as FieldComboboxList,
-  Co as FieldComboboxLoading,
-  yo as FieldComboboxPlaceholder,
-  ho as FieldComboboxSeparator,
-  lo as FieldComboboxTrigger,
-  mo as FieldComboboxValue
+  se as Combobox,
+  Ne as ComboboxClear,
+  Ce as ComboboxClearValue,
+  ne as ComboboxContent,
+  fe as ComboboxEmpty,
+  pe as ComboboxGroup,
+  xe as ComboboxGroupLabel,
+  ce as ComboboxInput,
+  be as ComboboxItem,
+  ue as ComboboxItemCheckIcon,
+  de as ComboboxList,
+  he as ComboboxLoading,
+  ve as ComboboxPlaceholder,
+  ge as ComboboxSeparator,
+  ae as ComboboxTrigger,
+  me as ComboboxValue,
+  se as FieldCombobox,
+  Ne as FieldComboboxClear,
+  Ce as FieldComboboxClearValue,
+  ne as FieldComboboxContent,
+  fe as FieldComboboxEmpty,
+  pe as FieldComboboxGroup,
+  xe as FieldComboboxGroupLabel,
+  ce as FieldComboboxInput,
+  be as FieldComboboxItem,
+  ue as FieldComboboxItemCheckIcon,
+  de as FieldComboboxList,
+  he as FieldComboboxLoading,
+  ve as FieldComboboxPlaceholder,
+  ge as FieldComboboxSeparator,
+  ae as FieldComboboxTrigger,
+  me as FieldComboboxValue
 };
 //# sourceMappingURL=field-combobox.js.map