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

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

@@ -1,15 +1,15 @@
-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 { jsx as n, jsxs as R } 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 { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-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(
+import { makeVoltStyles as S } from "../../styles/make-styles.js";
+import { radiusMd as I, spacingElement2 as b, radiusLg as L, grayA8 as N, semFocusRing as y, accentA11 as q, spacingGroup1 as x, grayA11 as f, spacingElement1 as F, semGraySoft as P, leadingXs as T, textXs as V, fontWeightSemibold as D, leadingSm as h, textSm as C, grayA12 as u } from "../../tokens/index.js";
+import { Command as G, CommandEmpty as B, CommandGroup as k, CommandInput as A, CommandItem as E, CommandList as j, CommandLoading as H, CommandSeparator as W } from "../command/command.js";
+import { Label as z } from "../label/label.js";
+import { Popover as O, PopoverPortal as M, PopoverContent as X, PopoverTrigger as Z } from "../popover/popover.js";
+import { useOptionalFieldContext as _ } from "./field.js";
+const $ = (a) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -17,22 +17,10 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...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(
+    ...a,
+    children: /* @__PURE__ */ n("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" })
+  }
+), Q = (a) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -40,22 +28,10 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...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(
+    ...a,
+    children: /* @__PURE__ */ n("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" })
+  }
+), v = (a) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -63,41 +39,29 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...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({
+    ...a,
+    children: /* @__PURE__ */ n("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 = S({
   trigger: {
     width: "100%",
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    ...n.gap(b),
-    ...n.borderRadius(k),
+    ...s.gap(b),
+    ...s.borderRadius(L),
     backgroundColor: "transparent",
-    fontSize: N,
+    fontSize: C,
     lineHeight: h,
     whiteSpace: "nowrap",
     outlineStyle: "none",
-    ...n.border("0"),
-    ...n.padding(0),
+    ...s.border("0"),
+    ...s.padding(0),
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: C
+      outlineColor: y
     },
     ":disabled": {
       cursor: "not-allowed",
@@ -113,49 +77,49 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     "@media (prefers-reduced-motion: reduce)": {
       transitionDuration: "0.01ms"
     },
-    color: g,
+    color: f,
     "&[data-popup-open], &[data-open]": {
       transform: "rotate(180deg)"
     }
   },
   value: {
-    color: f,
+    color: u,
     width: "100%",
     textAlign: "left",
     flexWrap: "wrap",
     display: "flex",
-    ...n.gap(b),
+    ...s.gap(b),
     position: "relative",
     whiteSpace: "normal",
     marginRight: "1.25rem"
   },
   content: {
-    ...n.padding(0)
+    ...s.padding(0)
   },
   command: {
     width: "100%",
-    ...n.borderRadius(0)
+    ...s.borderRadius(0)
   },
   input: {
     width: "100%"
   },
   list: {
-    ...n.padding(b)
+    ...s.padding(b)
   },
   item: {
     paddingLeft: x,
     paddingRight: "2rem",
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    color: f,
+    color: u,
     position: "relative",
     display: "flex",
     width: "100%",
     cursor: "default",
     alignItems: "center",
-    ...n.gap(b),
-    ...n.borderRadius(E),
-    fontSize: N,
+    ...s.gap(b),
+    ...s.borderRadius(I),
+    fontSize: C,
     lineHeight: h,
     outlineStyle: "none",
     userSelect: "none"
@@ -172,40 +136,40 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
   checkSvg: {
     width: "1rem",
     height: "1rem",
-    color: f
+    color: u
   },
   empty: {
     paddingTop: "1.5rem",
     paddingBottom: "1.5rem",
     textAlign: "center",
-    color: f,
-    fontSize: N,
+    color: u,
+    fontSize: C,
     lineHeight: h
   },
   group: {
-    ...n.padding(0)
+    ...s.padding(0)
   },
   groupLabel: {
-    color: g,
-    fontWeight: I,
+    color: f,
+    fontWeight: D,
     paddingLeft: b,
     paddingRight: b,
     paddingTop: b,
     paddingBottom: b,
-    fontSize: U,
-    lineHeight: S
+    fontSize: V,
+    lineHeight: T
   },
   separator: {
-    backgroundColor: R,
+    backgroundColor: P,
     pointerEvents: "none",
-    marginLeft: `calc(-1 * ${w})`,
-    marginRight: `calc(-1 * ${w})`,
+    marginLeft: `calc(-1 * ${F})`,
+    marginRight: `calc(-1 * ${F})`,
     marginTop: b,
     marginBottom: b,
     height: "1px"
   },
   loading: {
-    color: g,
+    color: f,
     paddingLeft: x,
     paddingRight: x,
     paddingTop: b,
@@ -216,19 +180,19 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     right: "2.75rem",
     cursor: "pointer",
     minHeight: "auto",
-    ...n.padding("0.125rem"),
+    ...s.padding("0.125rem"),
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...n.borderRadius("9999px"),
+    ...s.borderRadius("9999px"),
     backgroundColor: "transparent",
-    ...n.border("0"),
-    color: F,
+    ...s.border("0"),
+    color: q,
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: C
+      outlineColor: y
     }
   },
   clearSvg: {
@@ -241,7 +205,7 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
       opacity: 0.7
     },
     color: "currentColor",
-    ...n.borderRadius("9999px"),
+    ...s.borderRadius("9999px"),
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center"
@@ -252,417 +216,261 @@ const _ = (t) => /* @__PURE__ */ r.jsxDEV(
     color: "currentColor"
   },
   placeholder: {
-    color: j
+    color: N
   }
-}), se = a.forwardRef(
-  function(l, e) {
-    return /* @__PURE__ */ r.jsxDEV(
-      z,
+}), lo = l.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ n(
+      O,
       {
         "data-slot": "combobox",
-        [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
+        [p]: "combobox",
+        ...t
+      }
     );
   }
-), 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,
+), so = l.forwardRef(function({ className: t, children: o, ...r }, e) {
+  var w;
+  const d = c(), i = ((w = _()) == null ? void 0 : w.inputRef) ?? null;
+  return /* @__PURE__ */ R(
+    Z,
     {
-      ref: V,
+      ref: (g) => {
+        i && (i.current = g), typeof e == "function" ? e(g) : e && (e.current = g);
+      },
       "data-slot": "select-trigger",
-      [u]: "select-trigger",
-      className: m(d.trigger, l),
-      ...i,
+      [p]: "select-trigger",
+      className: m(d.trigger, t),
+      ...r,
       children: [
-        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)
+        o,
+        /* @__PURE__ */ n(Q, { className: d.triggerChevron })
       ]
-    },
-    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
+    }
   );
-}), 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,
+}), mo = l.forwardRef(function({ className: t, children: o, container: r, ...e }, d) {
+  const i = c();
+  return /* @__PURE__ */ n(M, { container: r, children: /* @__PURE__ */ n(
+    X,
     {
       ref: d,
       "data-slot": "combobox-content",
-      [u]: "combobox-content",
-      className: m(s.content, l),
-      ...o,
-      children: /* @__PURE__ */ r.jsxDEV(
-        L,
+      [p]: "combobox-content",
+      className: m(i.content, t),
+      ...e,
+      children: /* @__PURE__ */ n(
+        G,
         {
           "data-slot": "combobox-command",
-          [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
+          [p]: "combobox-command",
+          className: i.command,
+          children: o
+        }
       )
-    },
-    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) {
+    }
+  ) });
+}), co = l.forwardRef(function({ className: t, children: o, ...r }, e) {
   const d = c();
-  return /* @__PURE__ */ r.jsxDEV(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
+      ref: e,
       "data-slot": "combobox-value",
-      [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
+      [p]: "combobox-value",
+      className: m(d.value, t),
+      ...r,
+      children: o
+    }
   );
-}), ce = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    T,
+}), bo = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    A,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-command-input",
-      [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
+      [p]: "combobox-command-input",
+      className: m(e.input, t),
+      ...o
+    }
   );
-}), de = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    B,
+}), po = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    j,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-command-list",
-      [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
+      [p]: "combobox-command-list",
+      className: m(e.list, t),
+      ...o
+    }
   );
-}), be = a.forwardRef(function({ className: l, children: e, ...i }, o) {
+}), uo = l.forwardRef(function({ className: t, children: o, ...r }, e) {
   const d = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    G,
+  return /* @__PURE__ */ n(
+    E,
     {
-      ref: o,
+      ref: e,
       "data-slot": "combobox-item",
-      [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
+      [p]: "combobox-item",
+      className: m(d.item, t),
+      ...r,
+      children: o
+    }
   );
-}), ue = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
+}), go = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
     "span",
     {
-      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
+      ref: r,
+      className: m(e.itemCheckIcon, t),
+      ...o,
+      children: /* @__PURE__ */ n($, { className: e.checkSvg })
+    }
   );
-}), fe = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    q,
+}), xo = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    B,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-empty",
-      [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
+      [p]: "combobox-empty",
+      className: m(e.empty, t),
+      ...o
+    }
   );
-}), pe = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    P,
+}), fo = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    k,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-group",
-      [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
+      [p]: "combobox-group",
+      className: m(e.group, t),
+      ...o
+    }
   );
-}), xe = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    W,
+}), ho = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    z,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-group-label",
-      [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
+      [p]: "combobox-group-label",
+      className: m(e.groupLabel, t),
+      ...o
+    }
   );
-}), ge = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    H,
+}), Co = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    W,
     {
-      ref: i,
+      ref: r,
       "data-slot": "select-separator",
-      [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
+      [p]: "select-separator",
+      className: m(e.separator, t),
+      ...o
+    }
   );
-}), he = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
-    A,
+}), wo = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
+    H,
     {
-      ref: i,
+      ref: r,
       "data-slot": "combobox-command-loading",
-      [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
+      [p]: "combobox-command-loading",
+      className: m(e.loading, t),
+      ...o
+    }
   );
-}), Ne = a.forwardRef(function({ className: l, onClick: e, ...i }, o) {
+}), yo = l.forwardRef(function({ className: t, onClick: o, ...r }, e) {
   const d = c();
-  return /* @__PURE__ */ r.jsxDEV(
+  return /* @__PURE__ */ n(
     "span",
     {
-      ref: o,
+      ref: e,
       role: "button",
       tabIndex: 0,
-      className: m(d.clear, l),
-      onPointerDown: (s) => {
-        s.preventDefault(), s.stopPropagation();
+      className: m(d.clear, t),
+      onPointerDown: (i) => {
+        i.preventDefault(), i.stopPropagation();
       },
-      onClick: (s) => {
-        s.preventDefault(), s.stopPropagation(), e == null || e(s);
+      onClick: (i) => {
+        i.preventDefault(), i.stopPropagation(), o == null || o(i);
       },
-      ...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
+      ...r,
+      children: /* @__PURE__ */ n(v, { className: d.clearSvg })
+    }
   );
-}), ve = a.forwardRef(function({ className: l, ...e }, i) {
-  const o = c();
-  return /* @__PURE__ */ r.jsxDEV(
+}), Fo = l.forwardRef(function({ className: t, ...o }, r) {
+  const e = c();
+  return /* @__PURE__ */ n(
     "span",
     {
-      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
+      ref: r,
+      className: m(e.placeholder, t),
+      ...o
+    }
   );
-}), Ce = a.forwardRef(function({ className: l, onClick: e, ...i }, o) {
+}), vo = l.forwardRef(function({ className: t, onClick: o, ...r }, e) {
   const d = c();
-  return /* @__PURE__ */ r.jsxDEV(
+  return /* @__PURE__ */ n(
     "span",
     {
-      ref: o,
+      ref: e,
       role: "button",
       tabIndex: 0,
-      className: m(d.clearValue, l),
-      onPointerDown: (s) => {
-        s.preventDefault(), s.stopPropagation();
+      className: m(d.clearValue, t),
+      onPointerDown: (i) => {
+        i.preventDefault(), i.stopPropagation();
       },
-      onClick: (s) => {
-        s.preventDefault(), s.stopPropagation(), e == null || e(s);
+      onClick: (i) => {
+        i.preventDefault(), i.stopPropagation(), o == null || o(i);
       },
-      ...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
+      ...r,
+      children: /* @__PURE__ */ n(v, { className: d.clearValueSvg })
+    }
   );
 });
 export {
-  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
+  lo as Combobox,
+  yo as ComboboxClear,
+  vo as ComboboxClearValue,
+  mo as ComboboxContent,
+  xo as ComboboxEmpty,
+  fo as ComboboxGroup,
+  ho as ComboboxGroupLabel,
+  bo as ComboboxInput,
+  uo as ComboboxItem,
+  go as ComboboxItemCheckIcon,
+  po as ComboboxList,
+  wo as ComboboxLoading,
+  Fo as ComboboxPlaceholder,
+  Co as ComboboxSeparator,
+  so as ComboboxTrigger,
+  co as ComboboxValue,
+  lo as FieldCombobox,
+  yo as FieldComboboxClear,
+  vo as FieldComboboxClearValue,
+  mo as FieldComboboxContent,
+  xo as FieldComboboxEmpty,
+  fo as FieldComboboxGroup,
+  ho as FieldComboboxGroupLabel,
+  bo as FieldComboboxInput,
+  uo as FieldComboboxItem,
+  go as FieldComboboxItemCheckIcon,
+  po as FieldComboboxList,
+  wo as FieldComboboxLoading,
+  Fo as FieldComboboxPlaceholder,
+  Co as FieldComboboxSeparator,
+  so as FieldComboboxTrigger,
+  co as FieldComboboxValue
 };
 //# sourceMappingURL=field-combobox.js.map