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

package/dist/components/select/select.js

@@ -1,13 +1,13 @@
-import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
-import * as n from "react";
-import { Root as E, Portal as U, Content as V, Viewport as C, Group as R, Item as q, ItemIndicator as T, ItemText as A, Label as B, ScrollDownButton as L, ScrollUpButton as $, Separator as P, Value as W, Trigger as z, Icon as X } from "../../vendor/@radix-ui/react-select/dist/index.js";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as A, Portal as D, Content as B, Viewport as L, Group as $, Item as k, ItemIndicator as P, ItemText as W, Label as z, ScrollDownButton as X, ScrollUpButton as j, Separator as E, Value as M, Trigger as U, Icon as Y } from "../../vendor/@radix-ui/react-select/dist/index.js";
 import { shorthands as c } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { SLOT_ATTR as i } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as p } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { useDensity as M } from "../density-provider/density-provider.js";
-import { makeVoltStyles as Y } from "../../styles/make-styles.js";
-import { radiusMd as N, spacingElement2 as m, radius2xl as F, selectContentGap as G, selectContentPadding as O, radiusLg as H, spacingElement1 as f, semGraySoft as Z, gray11 as _, fontWeightSemibold as Q, leadingXs as J, textXs as K, grayA11 as g, accentA3 as w, grayA12 as b, leadingSm as v, textSm as S, selectItemPaddingY as D, selectItemPaddingLeft as ee, body as te, accentA11 as y, semFocusRing as k, semAccentSoft as re, grayA8 as le } from "../../tokens/index.js";
-const oe = (s) => /* @__PURE__ */ e.jsxDEV(
+import { useDensity as F } from "../density-provider/density-provider.js";
+import { makeVoltStyles as G } from "../../styles/make-styles.js";
+import { radiusMd as S, spacingElement2 as d, radius2xl as O, selectContentGap as V, selectContentPadding as H, radiusLg as Z, spacingElement1 as g, semGraySoft as _, gray11 as Q, fontWeightSemibold as J, leadingXs as K, textXs as tt, grayA11 as f, accentA3 as y, grayA12 as b, leadingSm as v, textSm as I, selectItemPaddingY as C, selectItemPaddingLeft as et, body as ot, accentA11 as q, semFocusRing as R, semAccentSoft as rt, grayA8 as at } from "../../tokens/index.js";
+const nt = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,22 +15,10 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...s,
-    children: /* @__PURE__ */ e.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/select/select.tsx",
-      lineNumber: 20,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 12,
-    columnNumber: 3
-  },
-  void 0
-), se = (s) => /* @__PURE__ */ e.jsxDEV(
+    ...n,
+    children: /* @__PURE__ */ t("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" })
+  }
+), it = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -38,22 +26,10 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...s,
-    children: /* @__PURE__ */ e.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/select/select.tsx",
-      lineNumber: 33,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 25,
-    columnNumber: 3
-  },
-  void 0
-), ie = (s) => /* @__PURE__ */ e.jsxDEV(
+    ...n,
+    children: /* @__PURE__ */ t("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" })
+  }
+), lt = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,22 +37,10 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...s,
-    children: /* @__PURE__ */ e.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/select/select.tsx",
-      lineNumber: 46,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 38,
-    columnNumber: 3
-  },
-  void 0
-), I = (s) => /* @__PURE__ */ e.jsxDEV(
+    ...n,
+    children: /* @__PURE__ */ t("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" })
+  }
+), T = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -84,31 +48,19 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...s,
-    children: /* @__PURE__ */ e.jsxDEV("path", { d: "M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 59,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 51,
-    columnNumber: 3
-  },
-  void 0
-), d = Y({
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" })
+  }
+), u = G({
   trigger: {
     display: "flex",
     width: "100%",
     alignItems: "center",
     justifyContent: "space-between",
-    ...c.gap(m),
-    ...c.borderRadius(H),
+    ...c.gap(d),
+    ...c.borderRadius(Z),
     backgroundColor: "transparent",
-    fontSize: S,
+    fontSize: I,
     lineHeight: v,
     outlineStyle: "none",
     whiteSpace: "normal",
@@ -124,14 +76,14 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: k
+      outlineColor: R
     },
     ":disabled": {
       cursor: "not-allowed",
       opacity: 0.5
     },
     "&[data-placeholder]": {
-      color: le
+      color: at
     },
     "& svg": {
       pointerEvents: "none",
@@ -140,7 +92,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     [`& [${i}="select-value"]`]: {
       display: "flex",
       alignItems: "center",
-      ...c.gap(m),
+      ...c.gap(d),
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
@@ -169,7 +121,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
   triggerIcon: {
     width: "1.5rem",
     height: "1.5rem",
-    color: g,
+    color: f,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -188,14 +140,14 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "transparent",
-    color: y,
+    color: q,
     cursor: "pointer",
-    ...c.borderRadius(N),
+    ...c.borderRadius(S),
     ":hover": {
-      backgroundColor: re
+      backgroundColor: rt
     },
     ":focus-visible": {
-      outlineColor: k,
+      outlineColor: R,
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px"
@@ -204,23 +156,23 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
   triggerClearIcon: {
     width: "1.25rem",
     height: "1.25rem",
-    color: y
+    color: q
   },
   popup: {
-    backgroundColor: te,
+    backgroundColor: ot,
     // DENSITY-SPEC.md §2.3 — popup padding/gap only; the slide-in animation offsets a few lines
     // below deliberately keep the plain (non-density) `spacingElement2` value: they are not in the
     // approved matrix, and re-using the same primitive for two unrelated purposes doesn't make the
     // animation distance a density lever too.
-    ...c.padding(O),
-    ...c.gap(G),
+    ...c.padding(H),
+    ...c.gap(V),
     color: b,
     position: "relative",
     zIndex: 50,
     transformOrigin: "var(--radix-select-content-transform-origin)",
     overflowX: "hidden",
     overflowY: "auto",
-    ...c.borderRadius(F),
+    ...c.borderRadius(O),
     ...c.border("1px", "solid", "transparent"),
     // v1 shadow-md
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
@@ -245,7 +197,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(-${m}) scale(0.95)`
+          transform: `translateY(-${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -254,7 +206,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(${m}) scale(0.95)`
+          transform: `translateX(${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -263,7 +215,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(-${m}) scale(0.95)`
+          transform: `translateX(-${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -272,7 +224,7 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(${m}) scale(0.95)`
+          transform: `translateY(${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -289,8 +241,8 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
   viewport: {
     width: "100%",
     minWidth: "var(--radix-select-trigger-width)",
-    scrollMarginTop: f,
-    scrollMarginBottom: f
+    scrollMarginTop: g,
+    scrollMarginBottom: g
   },
   item: {
     position: "relative",
@@ -299,16 +251,16 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     cursor: "default",
     userSelect: "none",
     alignItems: "center",
-    ...c.gap(m),
-    ...c.borderRadius(N),
+    ...c.gap(d),
+    ...c.borderRadius(S),
     // DENSITY-SPEC.md §2.3 — left padding and vertical padding are density levers; right padding
     // stays a fixed 32px at every tier (reserves the check-indicator's space, not modeled in
     // density.yaml).
-    paddingLeft: ee,
+    paddingLeft: et,
     paddingRight: "2rem",
-    paddingTop: D,
-    paddingBottom: D,
-    fontSize: S,
+    paddingTop: C,
+    paddingBottom: C,
+    fontSize: I,
     lineHeight: v,
     color: b,
     outlineStyle: "none",
@@ -316,10 +268,10 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       marginTop: "0.125rem"
     },
     "&[data-highlighted]": {
-      backgroundColor: w
+      backgroundColor: y
     },
     "&[data-state='checked']": {
-      backgroundColor: w
+      backgroundColor: y
     },
     "&[data-disabled]": {
       pointerEvents: "none",
@@ -330,12 +282,12 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
       flexShrink: 0
     },
     "& svg:not([class*='text-'])": {
-      color: g
+      color: f
     }
   },
   itemIndicatorWrapper: {
     position: "absolute",
-    right: m,
+    right: d,
     display: "flex",
     width: "1rem",
     height: "1rem",
@@ -345,26 +297,26 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
   itemIndicatorIcon: {
     width: "1rem",
     height: "1rem",
-    color: g
+    color: f
   },
   label: {
-    paddingLeft: m,
-    paddingRight: m,
+    paddingLeft: d,
+    paddingRight: d,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: K,
-    lineHeight: J,
-    fontWeight: Q,
-    color: _
+    fontSize: tt,
+    lineHeight: K,
+    fontWeight: J,
+    color: Q
   },
   separator: {
     pointerEvents: "none",
-    marginLeft: `calc(-1 * ${f})`,
-    marginRight: `calc(-1 * ${f})`,
-    marginTop: f,
-    marginBottom: f,
+    marginLeft: `calc(-1 * ${g})`,
+    marginRight: `calc(-1 * ${g})`,
+    marginTop: g,
+    marginBottom: g,
     height: "1px",
-    backgroundColor: Z
+    backgroundColor: _
   },
   scrollArrow: {
     display: "flex",
@@ -373,10 +325,10 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
     justifyContent: "center"
   },
   scrollArrowUp: {
-    paddingBottom: f
+    paddingBottom: g
   },
   scrollArrowDown: {
-    paddingTop: f
+    paddingTop: g
   },
   scrollArrowIcon: {
     width: "1.5rem",
@@ -385,353 +337,205 @@ const oe = (s) => /* @__PURE__ */ e.jsxDEV(
   scrollArrowDownIcon: {
     transform: "rotate(180deg)"
   }
-}), he = n.forwardRef(function(r, t) {
-  return /* @__PURE__ */ e.jsxDEV(E, { "data-slot": "select", ...r }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 357,
-    columnNumber: 10
-  }, this);
-}), Ne = n.forwardRef(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ e.jsxDEV(
-    R,
+}), xt = s.forwardRef(function(o, e) {
+  return /* @__PURE__ */ t(A, { "data-slot": "select", ...o });
+}), St = s.forwardRef(function({ className: o, ...e }, a) {
+  return /* @__PURE__ */ t(
+    $,
     {
-      ref: o,
+      ref: a,
       "data-slot": "select-group",
       [i]: "select-group",
-      className: r,
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 369,
-      columnNumber: 5
-    },
-    this
+      className: o,
+      ...e
+    }
   );
-}), we = n.forwardRef(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ e.jsxDEV(
-    W,
+}), yt = s.forwardRef(function({ className: o, ...e }, a) {
+  return /* @__PURE__ */ t(
+    M,
     {
-      ref: o,
+      ref: a,
       "data-slot": "select-value",
       [i]: "select-value",
-      className: r,
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 388,
-      columnNumber: 5
-    },
-    this
+      className: o,
+      ...e
+    }
   );
-}), be = n.forwardRef(function({ className: r, children: t, ...o }, a) {
-  const l = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    z,
+}), bt = s.forwardRef(function({ className: o, children: e, ...a }, l) {
+  const r = u();
+  return /* @__PURE__ */ h(
+    U,
     {
-      ref: a,
+      ref: l,
       "data-slot": "select-trigger",
       [i]: "select-trigger",
-      className: p(l.trigger, r),
-      ...o,
+      className: p(r.trigger, o),
+      ...a,
       children: [
-        t,
-        /* @__PURE__ */ e.jsxDEV(
-          X,
+        e,
+        /* @__PURE__ */ t(
+          Y,
           {
             asChild: !0,
             "data-slot": "select-icon",
             [i]: "select-icon",
-            className: l.triggerIconWrapper,
-            children: /* @__PURE__ */ e.jsxDEV(ie, { className: l.triggerIcon }, void 0, !1, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-              lineNumber: 423,
-              columnNumber: 9
-            }, this)
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-            lineNumber: 417,
-            columnNumber: 7
-          },
-          this
+            className: r.triggerIconWrapper,
+            children: /* @__PURE__ */ t(lt, { className: r.triggerIcon })
+          }
         )
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 409,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), ve = n.forwardRef(function({ className: r, onClick: t, ...o }, a) {
-  const l = d();
-  return /* @__PURE__ */ e.jsxDEV(
+}), vt = s.forwardRef(function({ className: o, onClick: e, ...a }, l) {
+  const r = u();
+  return /* @__PURE__ */ t(
     "span",
     {
-      ref: a,
+      ref: l,
       role: "button",
       tabIndex: 0,
       "data-slot": "select-trigger-clear",
       [i]: "select-trigger-clear",
-      className: p(l.triggerClear, r),
-      onPointerDown: (u) => {
-        u.preventDefault(), u.stopPropagation();
+      className: p(r.triggerClear, o),
+      onPointerDown: (m) => {
+        m.preventDefault(), m.stopPropagation();
       },
-      onClick: (u) => {
-        u.preventDefault(), u.stopPropagation(), t == null || t(u);
+      onClick: (m) => {
+        m.preventDefault(), m.stopPropagation(), e == null || e(m);
       },
-      ...o,
-      children: /* @__PURE__ */ e.jsxDEV(oe, { className: l.triggerClearIcon }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-        lineNumber: 456,
-        columnNumber: 7
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 438,
-      columnNumber: 5
-    },
-    this
+      ...a,
+      children: /* @__PURE__ */ t(nt, { className: r.triggerClearIcon })
+    }
   );
-}), Se = n.forwardRef(function({
-  className: r,
-  children: t,
-  position: o = "popper",
-  align: a = "center",
-  container: l,
-  ...u
-}, j) {
-  const x = d(), h = M();
-  return /* @__PURE__ */ e.jsxDEV(U, { container: l, children: /* @__PURE__ */ e.jsxDEV(
-    V,
+}), It = s.forwardRef(function({
+  className: o,
+  children: e,
+  position: a = "popper",
+  align: l = "center",
+  container: r,
+  ...m
+}, N) {
+  const w = u(), x = F();
+  return /* @__PURE__ */ t(D, { container: r, children: /* @__PURE__ */ h(
+    B,
     {
-      ref: j,
+      ref: N,
       "data-slot": "select-content",
       [i]: "select-content",
-      ...h !== void 0 ? { "data-density": h } : {},
-      position: o,
-      align: a,
-      className: p(x.popup, r),
-      ...u,
+      ...x !== void 0 ? { "data-density": x } : {},
+      position: a,
+      align: l,
+      className: p(w.popup, o),
+      ...m,
       children: [
-        /* @__PURE__ */ e.jsxDEV(ae, {}, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 500,
-          columnNumber: 9
-        }, this),
-        /* @__PURE__ */ e.jsxDEV(
-          C,
+        /* @__PURE__ */ t(st, {}),
+        /* @__PURE__ */ t(
+          L,
           {
             "data-slot": "select-viewport",
             [i]: "select-viewport",
-            className: x.viewport,
-            children: t
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-            lineNumber: 501,
-            columnNumber: 9
-          },
-          this
+            className: w.viewport,
+            children: e
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(ne, {}, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 508,
-          columnNumber: 9
-        }, this)
+        /* @__PURE__ */ t(ct, {})
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 490,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-    lineNumber: 489,
-    columnNumber: 5
-  }, this);
-}), De = n.forwardRef(function({ className: r, ...t }, o) {
-  const a = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    B,
+    }
+  ) });
+}), Ct = s.forwardRef(function({ className: o, ...e }, a) {
+  const l = u();
+  return /* @__PURE__ */ t(
+    z,
     {
-      ref: o,
+      ref: a,
       "data-slot": "select-label",
       [i]: "select-label",
-      className: p(a.label, r),
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 525,
-      columnNumber: 5
-    },
-    this
+      className: p(l.label, o),
+      ...e
+    }
   );
-}), ye = n.forwardRef(function({ className: r, children: t, ...o }, a) {
-  const l = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    q,
+}), qt = s.forwardRef(function({ className: o, children: e, ...a }, l) {
+  const r = u();
+  return /* @__PURE__ */ h(
+    k,
     {
-      ref: a,
+      ref: l,
       "data-slot": "select-item",
       [i]: "select-item",
-      className: p(l.item, r),
-      ...o,
+      className: p(r.item, o),
+      ...a,
       children: [
-        /* @__PURE__ */ e.jsxDEV("span", { className: l.itemIndicatorWrapper, children: /* @__PURE__ */ e.jsxDEV(T, { children: /* @__PURE__ */ e.jsxDEV(se, { className: l.itemIndicatorIcon }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 553,
-          columnNumber: 11
-        }, this) }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 552,
-          columnNumber: 9
-        }, this) }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 551,
-          columnNumber: 7
-        }, this),
-        /* @__PURE__ */ e.jsxDEV(A, { children: t }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 556,
-          columnNumber: 7
-        }, this)
+        /* @__PURE__ */ t("span", { className: r.itemIndicatorWrapper, children: /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(it, { className: r.itemIndicatorIcon }) }) }),
+        /* @__PURE__ */ t(W, { children: e })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 544,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), ke = n.forwardRef(function({ className: r, ...t }, o) {
-  const a = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    P,
+}), Rt = s.forwardRef(function({ className: o, ...e }, a) {
+  const l = u();
+  return /* @__PURE__ */ t(
+    E,
     {
-      ref: o,
+      ref: a,
       "data-slot": "select-separator",
       [i]: "select-separator",
-      className: p(a.separator, r),
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 572,
-      columnNumber: 5
-    },
-    this
+      className: p(l.separator, o),
+      ...e
+    }
   );
-}), ae = n.forwardRef(function({ className: r, children: t, ...o }, a) {
-  const l = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    $,
+}), st = s.forwardRef(function({ className: o, children: e, ...a }, l) {
+  const r = u();
+  return /* @__PURE__ */ t(
+    j,
     {
-      ref: a,
+      ref: l,
       "data-slot": "select-scroll-up-button",
       [i]: "select-scroll-up-button",
       className: p(
-        l.scrollArrow,
-        l.scrollArrowUp,
-        r
+        r.scrollArrow,
+        r.scrollArrowUp,
+        o
       ),
-      ...o,
-      children: t ?? /* @__PURE__ */ e.jsxDEV(I, { className: l.scrollArrowIcon }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-        lineNumber: 604,
-        columnNumber: 20
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 593,
-      columnNumber: 5
-    },
-    this
+      ...a,
+      children: e ?? /* @__PURE__ */ t(T, { className: r.scrollArrowIcon })
+    }
   );
-}), ne = n.forwardRef(function({ className: r, children: t, ...o }, a) {
-  const l = d();
-  return /* @__PURE__ */ e.jsxDEV(
-    L,
+}), ct = s.forwardRef(function({ className: o, children: e, ...a }, l) {
+  const r = u();
+  return /* @__PURE__ */ t(
+    X,
     {
-      ref: a,
+      ref: l,
       "data-slot": "select-scroll-down-button",
       [i]: "select-scroll-down-button",
       className: p(
-        l.scrollArrow,
-        l.scrollArrowDown,
-        r
+        r.scrollArrow,
+        r.scrollArrowDown,
+        o
       ),
-      ...o,
-      children: t ?? /* @__PURE__ */ e.jsxDEV(
-        I,
+      ...a,
+      children: e ?? /* @__PURE__ */ t(
+        T,
         {
           className: p(
-            l.scrollArrowIcon,
-            l.scrollArrowDownIcon
+            r.scrollArrowIcon,
+            r.scrollArrowDownIcon
           )
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-          lineNumber: 632,
-          columnNumber: 9
-        },
-        this
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/select/select.tsx",
-      lineNumber: 620,
-      columnNumber: 5
-    },
-    this
+    }
   );
 });
 export {
-  he as Select,
-  Se as SelectContent,
-  Ne as SelectGroup,
-  ye as SelectItem,
-  De as SelectLabel,
-  ne as SelectScrollDownButton,
-  ae as SelectScrollUpButton,
-  ke as SelectSeparator,
-  be as SelectTrigger,
-  ve as SelectTriggerClear,
-  we as SelectValue
+  xt as Select,
+  It as SelectContent,
+  St as SelectGroup,
+  qt as SelectItem,
+  Ct as SelectLabel,
+  ct as SelectScrollDownButton,
+  st as SelectScrollUpButton,
+  Rt as SelectSeparator,
+  bt as SelectTrigger,
+  vt as SelectTriggerClear,
+  yt as SelectValue
 };
 //# sourceMappingURL=select.js.map