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

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

@@ -1,15 +1,15 @@
-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 { 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 { 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 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(
+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(
   null
-), p = tt({
+), p = K({
   // Group layouts
   group: {
     // The GROUP only lays out. v1's group base class is literally "" -- every border, padding and
@@ -17,7 +17,7 @@ const mt = "grid", gt = "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(ot)
+    ...s.gap(ee)
   },
   // v1: grid-cols-[repeat(auto-fit,minmax(200px,1fr))]
   grid: {
@@ -36,17 +36,17 @@ const mt = "grid", gt = "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(P),
+    ...s.gap(T),
     overflow: "hidden",
-    ...s.borderRadius(G),
+    ...s.borderRadius(U),
     ...s.border("1px", "solid", "currentColor"),
-    ...s.paddingInline(P),
+    ...s.paddingInline(T),
     ...s.paddingBlock("0.375rem"),
     textAlign: "left",
-    fontSize: ht,
-    lineHeight: ut,
-    fontWeight: W,
-    color: pt,
+    fontSize: me,
+    lineHeight: pe,
+    fontWeight: A,
+    color: de,
     backgroundColor: "transparent",
     transitionProperty: "color, background-color, border-color, box-shadow",
     transitionDuration: "150ms",
@@ -59,31 +59,31 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: D
+      outlineColor: O
     },
     ":disabled, &[data-disabled]": {
       pointerEvents: "none",
       opacity: 0.5
     },
     "&[data-state='on']": {
-      backgroundColor: C,
-      ...s.borderColor(D)
+      backgroundColor: x,
+      ...s.borderColor(O)
     },
     [`&[data-state='on'] [${r}="option-card-radio-outer"]`]: {
-      ...s.borderColor(f)
+      ...s.borderColor(h)
     },
     [`&[data-state='on'] [${r}="option-card-radio-dot"]`]: {
       opacity: 1
     },
     [`&[data-state='on'] [${r}="option-card-checkbox-outer"]`]: {
       ...s.borderColor("transparent"),
-      backgroundColor: f
+      backgroundColor: h
     },
     [`&[data-state='on'] [${r}="option-card-checkbox-check"]`]: {
       opacity: 1
     },
     [`&[data-state='on'] [${r}="option-card-switch-track"]`]: {
-      backgroundColor: f
+      backgroundColor: h
     },
     [`&[data-state='on'] [${r}="option-card-switch-thumb"]`]: {
       transform: "translateX(calc(100% - 1px))"
@@ -99,9 +99,9 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     height: "2.5rem",
     placeContent: "center",
     alignSelf: "start",
-    ...s.borderRadius(G),
-    backgroundColor: C,
-    color: lt,
+    ...s.borderRadius(U),
+    backgroundColor: x,
+    color: ce,
     "& svg": {
       width: "1.25rem",
       height: "1.25rem"
@@ -135,9 +135,9 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     flexBasis: "0%",
     gridAutoRows: "min-content",
     alignItems: "center",
-    columnGap: dt,
-    paddingTop: E,
-    paddingBottom: E,
+    columnGap: le,
+    paddingTop: I,
+    paddingBottom: I,
     [`&:has([${r}="option-card-control"])`]: {
       gridTemplateColumns: "1fr auto"
     }
@@ -151,7 +151,7 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontWeight: ct
+    fontWeight: se
   },
   // Description
   description: {
@@ -159,10 +159,10 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     gridRowStart: 2,
     minWidth: 0,
     overflowWrap: "break-word",
-    fontSize: st,
-    lineHeight: at,
-    fontWeight: W,
-    color: it
+    fontSize: ae,
+    lineHeight: ne,
+    fontWeight: A,
+    color: ie
   },
   // Control
   control: {
@@ -179,8 +179,8 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     flexShrink: 0,
     placeContent: "center",
     borderRadius: "9999px",
-    ...s.border("1px", "solid", I),
-    backgroundColor: C,
+    ...s.border("1px", "solid", R),
+    backgroundColor: x,
     transitionProperty: "border-color",
     transitionDuration: "150ms"
   },
@@ -188,7 +188,7 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     width: "0.5rem",
     height: "0.5rem",
     borderRadius: "9999px",
-    backgroundColor: f,
+    backgroundColor: h,
     opacity: 0,
     transitionProperty: "opacity",
     transitionDuration: "150ms"
@@ -201,9 +201,9 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     flexShrink: 0,
     placeContent: "center",
     ...s.borderRadius("4px"),
-    ...s.border("1px", "solid", I),
-    backgroundColor: C,
-    color: nt,
+    ...s.border("1px", "solid", R),
+    backgroundColor: x,
+    color: te,
     transitionProperty: "background-color, border-color",
     transitionDuration: "150ms"
   },
@@ -223,7 +223,7 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     alignItems: "center",
     borderRadius: "9999px",
     ...s.border("1px", "solid", "transparent"),
-    backgroundColor: et,
+    backgroundColor: re,
     transitionProperty: "background-color",
     transitionDuration: "150ms"
   },
@@ -233,13 +233,13 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     height: "1rem",
     transform: "translateX(1px)",
     borderRadius: "9999px",
-    backgroundColor: rt,
+    backgroundColor: oe,
     // v1 shadow-xs; no shadow tokens in this package.
     boxShadow: "0 1px 2px 0 #0000000d",
     transitionProperty: "transform",
     transitionDuration: "150ms"
   }
-}), ft = (o) => /* @__PURE__ */ t(
+}), ge = (o) => /* @__PURE__ */ e.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -247,210 +247,374 @@ const mt = "grid", gt = "OptionCard: a card inside an OptionCardGroup is missing
     fill: "currentColor",
     "aria-hidden": "true",
     ...o,
-    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 = () => {
+    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 = () => {
   const o = p();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
       className: o.radioOuter,
       [r]: "option-card-radio-outer",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e.jsxDEV(
         "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
   );
-}, bt = () => {
+}, xe = () => {
   const o = p();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
       className: o.checkboxOuter,
       [r]: "option-card-checkbox-outer",
-      children: /* @__PURE__ */ t(
-        ft,
+      children: /* @__PURE__ */ e.jsxDEV(
+        ge,
         {
           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
   );
-}, xt = () => {
+}, be = () => {
   const o = p();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
       className: o.switchTrack,
       [r]: "option-card-switch-track",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e.jsxDEV(
         "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
   );
-}, 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,
+}, 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,
     {
-      ref: c,
+      ref: l,
       "data-slot": "option-card-group",
       [r]: "option-card-group",
-      "data-layout": e,
+      "data-layout": t,
       ...a.type === "single" ? { role: "radiogroup" } : {},
-      className: h(d.group, d[e], i),
+      className: u(c.group, c[t], n),
       ...a
-    }
-  ) });
-}), 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(
+    },
+    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(
     "span",
     {
-      ref: c,
+      ref: l,
       "aria-hidden": "true",
       "data-slot": "option-card-control",
       [r]: "option-card-control",
-      className: h(d.control, i),
+      className: u(c.control, n),
       ...a,
-      children: g === "radio" ? /* @__PURE__ */ t(Ct, {}) : g === "switch" ? /* @__PURE__ */ t(xt, {}) : /* @__PURE__ */ t(bt, {})
-    }
+      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
   );
-}), L = n.forwardRef(function({ className: i, variant: e = "icon", ...a }, c) {
-  const d = p();
-  return /* @__PURE__ */ t(
+}), G = i.forwardRef(function({ className: n, variant: t = "icon", ...a }, l) {
+  const c = p();
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
-      ref: c,
+      ref: l,
       "aria-hidden": "true",
       "data-slot": "option-card-media",
       [r]: "option-card-media",
-      "data-variant": e,
-      className: h(
-        d.mediaRoot,
-        e === "illustration" ? d.mediaIllustration : d.mediaIcon,
-        i
+      "data-variant": t,
+      className: u(
+        c.mediaRoot,
+        t === "illustration" ? c.mediaIllustration : c.mediaIcon,
+        n
       ),
       ...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
   );
-}), yt = n.forwardRef(function({ className: i, ...e }, a) {
-  const c = p();
-  return /* @__PURE__ */ t(
+}), Ne = i.forwardRef(function({ className: n, ...t }, a) {
+  const l = p();
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
       ref: a,
       "data-slot": "option-card-title",
       [r]: "option-card-title",
-      className: h(c.title, i),
-      ...e
-    }
+      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
   );
-}), Dt = n.forwardRef(function({ className: i, ...e }, a) {
-  const c = p();
-  return /* @__PURE__ */ t(
+}), Re = i.forwardRef(function({ className: n, ...t }, a) {
+  const l = p();
+  return /* @__PURE__ */ e.jsxDEV(
     "span",
     {
       ref: a,
       "data-slot": "option-card-description",
       [r]: "option-card-description",
-      className: h(c.description, i),
-      ...e
-    }
+      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
   );
-}), 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(
+}), 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(
     "span",
     {
-      ref: c,
+      ref: l,
       "data-slot": "option-card-content",
       [r]: "option-card-content",
-      className: h(d.content, i),
+      className: u(c.content, n),
       ...a,
       children: [
-        e,
-        !wt(e) && /* @__PURE__ */ t(V, {})
+        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)
       ]
-    }
+    },
+    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, ...i) => n.isValidElement(o) && i.includes(o.type), Pt = n.forwardRef(
+}), w = (o, ...n) => i.isValidElement(o) && n.includes(o.type), Ue = i.forwardRef(
   function({
-    className: i,
-    children: e,
+    className: n,
+    children: t,
     value: a,
-    pressed: c,
-    defaultPressed: d,
-    onPressedChange: l,
-    ...m
+    pressed: l,
+    defaultPressed: c,
+    onPressedChange: d,
+    ...f
   }, g) {
-    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 }) })
-    ] });
+    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);
     if (b)
-      return /* @__PURE__ */ t(k.Provider, { value: T, children: /* @__PURE__ */ t(
-        J,
+      return /* @__PURE__ */ e.jsxDEV(k.Provider, { value: S, children: /* @__PURE__ */ e.jsxDEV(
+        Z,
         {
           ref: g,
           "data-slot": "option-card",
           [r]: "option-card",
-          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,
+          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,
       {
         ref: g,
         "data-slot": "option-card",
         [r]: "option-card",
-        pressed: O,
-        onPressedChange: M,
+        pressed: E,
+        onPressedChange: _,
         role: Q,
-        "aria-checked": O,
+        "aria-checked": E,
         "aria-pressed": void 0,
-        className: h(S.card, i),
-        ...m,
-        children: N
-      }
-    ) });
+        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);
   }
 );
 export {
-  Pt as OptionCard,
-  $ as OptionCardContent,
-  V as OptionCardControl,
-  Dt as OptionCardDescription,
-  Gt as OptionCardGroup,
-  L as OptionCardMedia,
-  yt as OptionCardTitle
+  Ue as OptionCard,
+  P as OptionCardContent,
+  L as OptionCardControl,
+  Re as OptionCardDescription,
+  je as OptionCardGroup,
+  G as OptionCardMedia,
+  Ne as OptionCardTitle
 };
 //# sourceMappingURL=option-card.js.map