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

package/dist/components/option-card/option-card.js

@@ -1,15 +1,15 @@
-import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
-import * as i from "react";
-import { Root as Y } from "../../vendor/@radix-ui/react-toggle/dist/index.js";
-import { Item as Z, Root as J } from "../../vendor/@radix-ui/react-toggle-group/dist/index.js";
+import { jsx as t, jsxs as q, Fragment as Y } from "react/jsx-runtime";
+import * as n from "react";
+import { Root as Z } from "../../vendor/@radix-ui/react-toggle/dist/index.js";
+import { Item as J, Root as K } from "../../vendor/@radix-ui/react-toggle-group/dist/index.js";
 import { shorthands as s } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { SLOT_ATTR as r } 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 K } from "../../styles/make-styles.js";
-import { accentA7 as R, radiusLg as U, semAccentSolid as h, accentA8 as O, spacingElement3 as T, spacingGroup1 as ee, grayContrast as oe, grayA3 as re, accentContrast as te, semAccentSoft as x, grayA11 as ie, fontWeightNormal as A, leadingXs as ne, textXs as ae, fontWeightSemibold as se, spacingElement1 as I, spacingElement2 as le, semAccentLight as ce, grayA12 as de, leadingSm as pe, textSm as me } from "../../tokens/index.js";
-const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing a `value`. Give each card a unique `value` so it can be selected and controlled.", W = i.createContext(null), k = i.createContext(
+import { mergeClasses as h } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as tt } from "../../styles/make-styles.js";
+import { accentA7 as I, radiusLg as G, semAccentSolid as f, accentA8 as D, spacingElement3 as P, spacingGroup1 as ot, grayContrast as rt, grayA3 as et, accentContrast as nt, semAccentSoft as C, grayA11 as it, fontWeightNormal as W, leadingXs as at, textXs as st, fontWeightSemibold as ct, spacingElement1 as E, spacingElement2 as dt, semAccentLight as lt, grayA12 as pt, leadingSm as ut, textSm as ht } from "../../tokens/index.js";
+const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing a `value`. Give each card a unique `value` so it can be selected and controlled.", F = n.createContext(null), k = n.createContext(
   null
-), p = K({
+), p = tt({
   // Group layouts
   group: {
     // The GROUP only lays out. v1's group base class is literally "" -- every border, padding and
@@ -17,7 +17,7 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     // while `styles.card` and `styles[layout]` were read but never declared. See make-styles.ts for
     // why tsc accepted that for as long as it did.
     display: "grid",
-    ...s.gap(ee)
+    ...s.gap(ot)
   },
   // v1: grid-cols-[repeat(auto-fit,minmax(200px,1fr))]
   grid: {
@@ -36,17 +36,17 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     display: "flex",
     alignItems: "center",
     // v1 gap-3 = 0.75rem. No token: the semantic scale has no 0.75rem step.
-    ...s.gap(T),
+    ...s.gap(P),
     overflow: "hidden",
-    ...s.borderRadius(U),
+    ...s.borderRadius(G),
     ...s.border("1px", "solid", "currentColor"),
-    ...s.paddingInline(T),
+    ...s.paddingInline(P),
     ...s.paddingBlock("0.375rem"),
     textAlign: "left",
-    fontSize: me,
-    lineHeight: pe,
-    fontWeight: A,
-    color: de,
+    fontSize: ht,
+    lineHeight: ut,
+    fontWeight: W,
+    color: pt,
     backgroundColor: "transparent",
     transitionProperty: "color, background-color, border-color, box-shadow",
     transitionDuration: "150ms",
@@ -59,31 +59,31 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: O
+      outlineColor: D
     },
     ":disabled, &[data-disabled]": {
       pointerEvents: "none",
       opacity: 0.5
     },
     "&[data-state='on']": {
-      backgroundColor: x,
-      ...s.borderColor(O)
+      backgroundColor: C,
+      ...s.borderColor(D)
     },
     [`&[data-state='on'] [${r}="option-card-radio-outer"]`]: {
-      ...s.borderColor(h)
+      ...s.borderColor(f)
     },
     [`&[data-state='on'] [${r}="option-card-radio-dot"]`]: {
       opacity: 1
     },
     [`&[data-state='on'] [${r}="option-card-checkbox-outer"]`]: {
       ...s.borderColor("transparent"),
-      backgroundColor: h
+      backgroundColor: f
     },
     [`&[data-state='on'] [${r}="option-card-checkbox-check"]`]: {
       opacity: 1
     },
     [`&[data-state='on'] [${r}="option-card-switch-track"]`]: {
-      backgroundColor: h
+      backgroundColor: f
     },
     [`&[data-state='on'] [${r}="option-card-switch-thumb"]`]: {
       transform: "translateX(calc(100% - 1px))"
@@ -99,9 +99,9 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     height: "2.5rem",
     placeContent: "center",
     alignSelf: "start",
-    ...s.borderRadius(U),
-    backgroundColor: x,
-    color: ce,
+    ...s.borderRadius(G),
+    backgroundColor: C,
+    color: lt,
     "& svg": {
       width: "1.25rem",
       height: "1.25rem"
@@ -135,9 +135,9 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     flexBasis: "0%",
     gridAutoRows: "min-content",
     alignItems: "center",
-    columnGap: le,
-    paddingTop: I,
-    paddingBottom: I,
+    columnGap: dt,
+    paddingTop: E,
+    paddingBottom: E,
     [`&:has([${r}="option-card-control"])`]: {
       gridTemplateColumns: "1fr auto"
     }
@@ -151,7 +151,7 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontWeight: se
+    fontWeight: ct
   },
   // Description
   description: {
@@ -159,10 +159,10 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     gridRowStart: 2,
     minWidth: 0,
     overflowWrap: "break-word",
-    fontSize: ae,
-    lineHeight: ne,
-    fontWeight: A,
-    color: ie
+    fontSize: st,
+    lineHeight: at,
+    fontWeight: W,
+    color: it
   },
   // Control
   control: {
@@ -179,8 +179,8 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     flexShrink: 0,
     placeContent: "center",
     borderRadius: "9999px",
-    ...s.border("1px", "solid", R),
-    backgroundColor: x,
+    ...s.border("1px", "solid", I),
+    backgroundColor: C,
     transitionProperty: "border-color",
     transitionDuration: "150ms"
   },
@@ -188,7 +188,7 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     width: "0.5rem",
     height: "0.5rem",
     borderRadius: "9999px",
-    backgroundColor: h,
+    backgroundColor: f,
     opacity: 0,
     transitionProperty: "opacity",
     transitionDuration: "150ms"
@@ -201,9 +201,9 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     flexShrink: 0,
     placeContent: "center",
     ...s.borderRadius("4px"),
-    ...s.border("1px", "solid", R),
-    backgroundColor: x,
-    color: te,
+    ...s.border("1px", "solid", I),
+    backgroundColor: C,
+    color: nt,
     transitionProperty: "background-color, border-color",
     transitionDuration: "150ms"
   },
@@ -223,7 +223,7 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     alignItems: "center",
     borderRadius: "9999px",
     ...s.border("1px", "solid", "transparent"),
-    backgroundColor: re,
+    backgroundColor: et,
     transitionProperty: "background-color",
     transitionDuration: "150ms"
   },
@@ -233,13 +233,13 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     height: "1rem",
     transform: "translateX(1px)",
     borderRadius: "9999px",
-    backgroundColor: oe,
+    backgroundColor: rt,
     // v1 shadow-xs; no shadow tokens in this package.
     boxShadow: "0 1px 2px 0 #0000000d",
     transitionProperty: "transform",
     transitionDuration: "150ms"
   }
-}), ge = (o) => /* @__PURE__ */ e.jsxDEV(
+}), ft = (o) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -247,374 +247,210 @@ const ue = "grid", fe = "OptionCard: a card inside an OptionCardGroup is missing
     fill: "currentColor",
     "aria-hidden": "true",
     ...o,
-    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/option-card/option-card.tsx",
-      lineNumber: 292,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-    lineNumber: 285,
-    columnNumber: 3
-  },
-  void 0
-), he = () => {
+    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" })
+  }
+), Ct = () => {
   const o = p();
-  return /* @__PURE__ */ e.jsxDEV(
+  return /* @__PURE__ */ t(
     "span",
     {
       className: o.radioOuter,
       [r]: "option-card-radio-outer",
-      children: /* @__PURE__ */ e.jsxDEV(
+      children: /* @__PURE__ */ t(
         "span",
         {
           className: o.radioDot,
           [r]: "option-card-radio-dot"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-          lineNumber: 303,
-          columnNumber: 7
-        },
-        void 0
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 299,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, xe = () => {
+}, bt = () => {
   const o = p();
-  return /* @__PURE__ */ e.jsxDEV(
+  return /* @__PURE__ */ t(
     "span",
     {
       className: o.checkboxOuter,
       [r]: "option-card-checkbox-outer",
-      children: /* @__PURE__ */ e.jsxDEV(
-        ge,
+      children: /* @__PURE__ */ t(
+        ft,
         {
           className: o.checkboxCheck,
           [r]: "option-card-checkbox-check"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-          lineNumber: 318,
-          columnNumber: 7
-        },
-        void 0
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 314,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, be = () => {
+}, xt = () => {
   const o = p();
-  return /* @__PURE__ */ e.jsxDEV(
+  return /* @__PURE__ */ t(
     "span",
     {
       className: o.switchTrack,
       [r]: "option-card-switch-track",
-      children: /* @__PURE__ */ e.jsxDEV(
+      children: /* @__PURE__ */ t(
         "span",
         {
           className: o.switchThumb,
           [r]: "option-card-switch-thumb"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-          lineNumber: 333,
-          columnNumber: 7
-        },
-        void 0
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 329,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, je = i.forwardRef(function({ className: n, layout: t = ue, ...a }, l) {
-  const c = p();
-  return /* @__PURE__ */ e.jsxDEV(W.Provider, { value: { type: a.type, layout: t }, children: /* @__PURE__ */ e.jsxDEV(
-    J,
+}, Gt = n.forwardRef(function({ className: i, layout: e = mt, ...a }, c) {
+  const d = p();
+  return /* @__PURE__ */ t(F.Provider, { value: { type: a.type, layout: e }, children: /* @__PURE__ */ t(
+    K,
     {
-      ref: l,
+      ref: c,
       "data-slot": "option-card-group",
       [r]: "option-card-group",
-      "data-layout": t,
+      "data-layout": e,
       ...a.type === "single" ? { role: "radiogroup" } : {},
-      className: u(c.group, c[t], n),
+      className: h(d.group, d[e], i),
       ...a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 360,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-    lineNumber: 359,
-    columnNumber: 5
-  }, this);
-}), L = i.forwardRef(function({ className: n, type: t, ...a }, l) {
-  const c = p(), d = i.useContext(k), f = d == null ? void 0 : d.registerType;
-  i.useEffect(() => {
-    t && f && f(t);
-  }, [t, f]);
-  const g = t ?? (d == null ? void 0 : d.controlType) ?? "checkbox";
-  return g === "none" ? null : /* @__PURE__ */ e.jsxDEV(
+    }
+  ) });
+}), V = n.forwardRef(function({ className: i, type: e, ...a }, c) {
+  const d = p(), l = n.useContext(k), m = l == null ? void 0 : l.registerType;
+  n.useEffect(() => {
+    e && m && m(e);
+  }, [e, m]);
+  const g = e ?? (l == null ? void 0 : l.controlType) ?? "checkbox";
+  return g === "none" ? null : /* @__PURE__ */ t(
     "span",
     {
-      ref: l,
+      ref: c,
       "aria-hidden": "true",
       "data-slot": "option-card-control",
       [r]: "option-card-control",
-      className: u(c.control, n),
+      className: h(d.control, i),
       ...a,
-      children: g === "radio" ? /* @__PURE__ */ e.jsxDEV(he, {}, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-        lineNumber: 404,
-        columnNumber: 9
-      }, this) : g === "switch" ? /* @__PURE__ */ e.jsxDEV(be, {}, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-        lineNumber: 406,
-        columnNumber: 9
-      }, this) : /* @__PURE__ */ e.jsxDEV(xe, {}, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-        lineNumber: 408,
-        columnNumber: 9
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 395,
-      columnNumber: 5
-    },
-    this
+      children: g === "radio" ? /* @__PURE__ */ t(Ct, {}) : g === "switch" ? /* @__PURE__ */ t(xt, {}) : /* @__PURE__ */ t(bt, {})
+    }
   );
-}), G = i.forwardRef(function({ className: n, variant: t = "icon", ...a }, l) {
-  const c = p();
-  return /* @__PURE__ */ e.jsxDEV(
+}), L = n.forwardRef(function({ className: i, variant: e = "icon", ...a }, c) {
+  const d = p();
+  return /* @__PURE__ */ t(
     "span",
     {
-      ref: l,
+      ref: c,
       "aria-hidden": "true",
       "data-slot": "option-card-media",
       [r]: "option-card-media",
-      "data-variant": t,
-      className: u(
-        c.mediaRoot,
-        t === "illustration" ? c.mediaIllustration : c.mediaIcon,
-        n
+      "data-variant": e,
+      className: h(
+        d.mediaRoot,
+        e === "illustration" ? d.mediaIllustration : d.mediaIcon,
+        i
       ),
       ...a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 429,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), Ne = i.forwardRef(function({ className: n, ...t }, a) {
-  const l = p();
-  return /* @__PURE__ */ e.jsxDEV(
+}), yt = n.forwardRef(function({ className: i, ...e }, a) {
+  const c = p();
+  return /* @__PURE__ */ t(
     "span",
     {
       ref: a,
       "data-slot": "option-card-title",
       [r]: "option-card-title",
-      className: u(l.title, n),
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 458,
-      columnNumber: 5
-    },
-    this
+      className: h(c.title, i),
+      ...e
+    }
   );
-}), Re = i.forwardRef(function({ className: n, ...t }, a) {
-  const l = p();
-  return /* @__PURE__ */ e.jsxDEV(
+}), Dt = n.forwardRef(function({ className: i, ...e }, a) {
+  const c = p();
+  return /* @__PURE__ */ t(
     "span",
     {
       ref: a,
       "data-slot": "option-card-description",
       [r]: "option-card-description",
-      className: u(l.description, n),
-      ...t
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 479,
-      columnNumber: 5
-    },
-    this
+      className: h(c.description, i),
+      ...e
+    }
   );
-}), ve = (o) => i.Children.toArray(o).some(
-  (n) => i.isValidElement(n) && n.type === L
-), P = i.forwardRef(function({ className: n, children: t, ...a }, l) {
-  const c = p();
-  return /* @__PURE__ */ e.jsxDEV(
+}), wt = (o) => n.Children.toArray(o).some(
+  (i) => n.isValidElement(i) && i.type === V
+), $ = n.forwardRef(function({ className: i, children: e, ...a }, c) {
+  const d = p();
+  return /* @__PURE__ */ q(
     "span",
     {
-      ref: l,
+      ref: c,
       "data-slot": "option-card-content",
       [r]: "option-card-content",
-      className: u(c.content, n),
+      className: h(d.content, i),
       ...a,
       children: [
-        t,
-        !ve(t) && /* @__PURE__ */ e.jsxDEV(L, {}, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-          lineNumber: 513,
-          columnNumber: 33
-        }, this)
+        e,
+        !wt(e) && /* @__PURE__ */ t(V, {})
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 505,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), w = (o, ...n) => i.isValidElement(o) && n.includes(o.type), Ue = i.forwardRef(
+}), w = (o, ...i) => n.isValidElement(o) && i.includes(o.type), Pt = n.forwardRef(
   function({
-    className: n,
-    children: t,
+    className: i,
+    children: e,
     value: a,
-    pressed: l,
-    defaultPressed: c,
-    onPressedChange: d,
-    ...f
+    pressed: c,
+    defaultPressed: d,
+    onPressedChange: l,
+    ...m
   }, g) {
-    const C = p(), y = i.useContext(W), b = y !== null, $ = i.useId();
-    process.env.NODE_ENV !== "production" && b && a === void 0 && console.warn(fe);
-    const [q, F] = i.useState(
-      c ?? !1
-    ), D = l !== void 0, E = D ? l : q, _ = (m) => {
-      D || F(m), d == null || d(m);
-    }, B = b ? y.type === "multiple" ? "checkbox" : "radio" : "checkbox", [N, M] = i.useState(B), S = i.useMemo(
-      () => ({ controlType: N, registerType: M }),
-      [N]
-    ), v = i.Children.toArray(t), X = v.some((m) => w(m, P)), z = v.filter((m) => w(m, G)), V = v.filter((m) => !w(m, G)), H = X ? V : /* @__PURE__ */ e.jsxDEV(P, { children: /* @__PURE__ */ e.jsxDEV(Ne, { children: V }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 593,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 592,
-      columnNumber: 7
-    }, this), j = /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-      z,
-      H
-    ] }, void 0, !0, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 598,
-      columnNumber: 7
-    }, this);
+    const S = p(), R = n.useContext(F), b = R !== null, _ = n.useId();
+    process.env.NODE_ENV !== "production" && b && a === void 0 && console.warn(gt);
+    const [j, B] = n.useState(
+      d ?? !1
+    ), v = c !== void 0, O = v ? c : j, M = (u) => {
+      v || B(u), l == null || l(u);
+    }, X = b ? R.type === "multiple" ? "checkbox" : "radio" : "checkbox", [x, z] = n.useState(X), T = n.useMemo(
+      () => ({ controlType: x, registerType: z }),
+      [x]
+    ), y = n.Children.toArray(e), U = y.some((u) => w(u, $)), H = y.filter((u) => w(u, L)), A = y.filter((u) => !w(u, L)), N = /* @__PURE__ */ q(Y, { children: [
+      H,
+      U ? A : /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(yt, { children: A }) })
+    ] });
     if (b)
-      return /* @__PURE__ */ e.jsxDEV(k.Provider, { value: S, children: /* @__PURE__ */ e.jsxDEV(
-        Z,
+      return /* @__PURE__ */ t(k.Provider, { value: T, children: /* @__PURE__ */ t(
+        J,
         {
           ref: g,
           "data-slot": "option-card",
           [r]: "option-card",
-          value: a ?? $,
-          className: u(C.card, n),
-          ...f,
-          children: j
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-          lineNumber: 607,
-          columnNumber: 11
-        },
-        this
-      ) }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-        lineNumber: 606,
-        columnNumber: 9
-      }, this);
-    const Q = N === "switch" ? "switch" : "checkbox";
-    return /* @__PURE__ */ e.jsxDEV(k.Provider, { value: S, children: /* @__PURE__ */ e.jsxDEV(
-      Y,
+          value: a ?? _,
+          className: h(S.card, i),
+          ...m,
+          children: N
+        }
+      ) });
+    const Q = x === "switch" ? "switch" : "checkbox";
+    return /* @__PURE__ */ t(k.Provider, { value: T, children: /* @__PURE__ */ t(
+      Z,
       {
         ref: g,
         "data-slot": "option-card",
         [r]: "option-card",
-        pressed: E,
-        onPressedChange: _,
+        pressed: O,
+        onPressedChange: M,
         role: Q,
-        "aria-checked": E,
+        "aria-checked": O,
         "aria-pressed": void 0,
-        className: u(C.card, n),
-        ...f,
-        children: j
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-        lineNumber: 625,
-        columnNumber: 9
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/option-card/option-card.tsx",
-      lineNumber: 624,
-      columnNumber: 7
-    }, this);
+        className: h(S.card, i),
+        ...m,
+        children: N
+      }
+    ) });
   }
 );
 export {
-  Ue as OptionCard,
-  P as OptionCardContent,
-  L as OptionCardControl,
-  Re as OptionCardDescription,
-  je as OptionCardGroup,
-  G as OptionCardMedia,
-  Ne as OptionCardTitle
+  Pt as OptionCard,
+  $ as OptionCardContent,
+  V as OptionCardControl,
+  Dt as OptionCardDescription,
+  Gt as OptionCardGroup,
+  L as OptionCardMedia,
+  yt as OptionCardTitle
 };
 //# sourceMappingURL=option-card.js.map