@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.5

package/dist/components/toggle/toggle.js

@@ -1,20 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as l from "react";
-import { Root as d } from "../../vendor/.bun/@radix-ui_react-toggle@1.1.10_2b23df507bdda662/vendor/@radix-ui/react-toggle/dist/index.js";
-import { mergeClasses as c, SLOT_ATTR as g, shorthands as o } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as m } from "../../styles/make-styles.js";
-import { nativeControl as u } from "../../styles/host-reset.js";
-import { errorA4 as h, errorOnSoft as f, errorA3 as p, errorSoft as b, errorLight as v, accentA4 as C, accentOnSoft as S, accentA3 as k, accentSoft as y, accentLight as x, focusRing as R, fontWeightSemibold as T, radius2xl as W, spacingElement2 as A, radiusXl as w, radiusLg as E, spacingElement1 as I } from "../../tokens/index.js";
-const L = m({
+import { jsx as m } from "react/jsx-runtime";
+import * as i from "react";
+import { Toggle as u } from "../../_virtual/_zenith-runtime-family_toggle.js";
+import { mergeClasses as f, SLOT_ATTR as h, shorthands as o } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as p } from "../../styles/make-styles.js";
+import { nativeControl as b } from "../../styles/host-reset.js";
+import { errorA4 as y, errorOnSoft as S, errorA3 as v, errorSoft as C, errorLight as T, accentA4 as k, accentOnSoft as x, accentA3 as R, accentSoft as W, accentLight as A, focusRing as E, fontWeightSemibold as I, radius2xl as w, spacingElement2 as L, radiusXl as O, radiusLg as P, spacingElement1 as D } from "../../tokens/index.js";
+const j = p({
   root: {
-    ...u,
+    ...b,
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...o.gap(I),
+    ...o.gap(D),
     flexShrink: 0,
     cursor: "pointer",
-    fontWeight: T,
+    fontWeight: I,
     transitionProperty: "all",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -27,7 +27,7 @@ const L = m({
       outlineWidth: "2px",
       outlineOffset: "2px",
       outlineStyle: "solid",
-      outlineColor: R
+      outlineColor: E
     },
     ":disabled, &[data-disabled]": {
       pointerEvents: "none",
@@ -42,37 +42,37 @@ const L = m({
   // Variants
   default: {
     backgroundColor: "transparent",
-    color: x,
+    color: A,
     ":hover": {
-      backgroundColor: y
+      backgroundColor: W
     },
-    "&[data-state='on']": {
-      backgroundColor: k,
-      color: S
+    "&[data-pressed]": {
+      backgroundColor: R,
+      color: x
     },
-    "&[data-state='on']:hover": {
-      backgroundColor: C
+    "&[data-pressed]:hover": {
+      backgroundColor: k
     }
   },
   destructive: {
     backgroundColor: "transparent",
-    color: v,
+    color: T,
     ":hover": {
-      backgroundColor: b
+      backgroundColor: C
     },
-    "&[data-state='on']": {
-      backgroundColor: p,
-      color: f
+    "&[data-pressed]": {
+      backgroundColor: v,
+      color: S
     },
-    "&[data-state='on']:hover": {
-      backgroundColor: h
+    "&[data-pressed]:hover": {
+      backgroundColor: y
     }
   },
   // Sizes
   sm: {
     height: "1.5rem",
     minWidth: "1.5rem",
-    ...o.borderRadius(E),
+    ...o.borderRadius(P),
     ...o.paddingInline("0.375rem"),
     "& svg": {
       width: "0.875rem",
@@ -82,8 +82,8 @@ const L = m({
   base: {
     height: "2rem",
     minWidth: "2rem",
-    ...o.borderRadius(w),
-    ...o.paddingInline(A),
+    ...o.borderRadius(O),
+    ...o.paddingInline(L),
     "& svg": {
       width: "1rem",
       height: "1rem"
@@ -92,33 +92,66 @@ const L = m({
   lg: {
     height: "2.5rem",
     minWidth: "2.5rem",
-    ...o.borderRadius(W),
+    ...o.borderRadius(w),
     ...o.paddingInline("0.625rem"),
     "& svg": {
       width: "1.25rem",
       height: "1.25rem"
     }
   }
-}), X = l.forwardRef(function({ className: e, variant: t = "default", size: n = "base", ...i }, a) {
-  const r = L();
-  return /* @__PURE__ */ s(
-    d,
-    {
-      ref: a,
-      "data-slot": "toggle",
-      [g]: "toggle",
-      className: c(
-        r.root,
-        r[t],
-        r[n],
-        e
-      ),
-      ...i
-    }
-  );
 });
+function B(t) {
+  const e = i.Children.toArray(t).filter(i.isValidElement);
+  return e.length === 1 ? e[0] : void 0;
+}
+function z(t, e) {
+  const r = t ? B(e) : void 0;
+  return r ? {
+    render: r,
+    nativeButton: typeof r.type != "string" || r.type === "button"
+  } : { children: e };
+}
+function F(t) {
+  return (e) => {
+    var r;
+    t == null || t(e), e.defaultPrevented && ((r = e.preventBaseUIHandler) == null || r.call(e));
+  };
+}
+const _ = i.forwardRef(
+  function({
+    className: e,
+    variant: r = "default",
+    size: a = "base",
+    asChild: s = !1,
+    children: d,
+    onClick: l,
+    ...g
+  }, c) {
+    const n = j();
+    return /* @__PURE__ */ m(
+      u,
+      {
+        ref: c,
+        "data-slot": "toggle",
+        [h]: "toggle",
+        className: f(
+          n.root,
+          n[r],
+          n[a],
+          e
+        ),
+        ...g,
+        onClick: F(l),
+        ...z(s, d)
+      }
+    );
+  }
+);
 export {
-  X as Toggle,
-  L as useToggleStyles
+  _ as Toggle,
+  z as buttonSlotProps,
+  B as onlySlotChild,
+  F as respectDefaultPrevented,
+  j as useToggleStyles
 };
 //# sourceMappingURL=toggle.js.map

package/dist/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeZenithStyles({\n  root: {\n    ...nativeControl,\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.accentLight,\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.accentA3,\n      color: tokens.accentOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.errorLight,\n    \":hover\": {\n      backgroundColor: tokens.errorSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.errorA3,\n      color: tokens.errorOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: ToggleVariant\n  size?: ToggleSize\n}\n\nexport const Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(function Toggle(\n  { className, variant = \"default\", size = \"base\", ...props },\n  ref\n) {\n  const styles = useToggleStyles()\n\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      {...{ [SLOT_ATTR]: \"toggle\" }}\n      className={mergeClasses(\n        styles.root,\n        styles[variant],\n        styles[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useToggleStyles","makeZenithStyles","nativeControl","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.focusRing","tokens.accentLight","tokens.accentSoft","tokens.accentA3","tokens.accentOnSoft","tokens.accentA4","tokens.errorLight","tokens.errorSoft","tokens.errorA3","tokens.errorOnSoft","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","Toggle","React","className","variant","size","props","ref","styles","jsx","TogglePrimitive.Root","SLOT_ATTR","mergeClasses"],"mappings":";;;;;;;AAYO,MAAMA,IAAkBC,EAAiB;AAAA,EAC9C,MAAM;AAAA,IACJ,GAAGC;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAYC;AAAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,GAAGF,EAAW,YAAY,MAAM;AAAA,IAChC,GAAGA,EAAW,YAAY,CAAC;AAAA,IAC3B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAcG;AAAAA,IAAO;AAAA,IAEvB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,aAAa;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAGF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGb,EAAW,aAAac,CAAe;AAAA,IAC1C,GAAGd,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGA,EAAW,aAAae,CAAe;AAAA,IAC1C,GAAGf,EAAW,cAAcgB,CAAsB;AAAA,IAClD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGhB,EAAW,aAAaiB,CAAgB;AAAA,IAC3C,GAAGjB,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAOYkB,IAASC,EAAM,WAG1B,SACA,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpDC,GACA;AACA,QAAMC,IAAS5B,EAAA;AAEf,SACE,gBAAA6B;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAWC;AAAA,QACTJ,EAAO;AAAA,QACPA,EAAOJ,CAAO;AAAA,QACdI,EAAOH,CAAI;AAAA,QACXF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeZenithStyles({\n  root: {\n    ...nativeControl,\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.accentLight,\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n    \"&[data-pressed]\": {\n      backgroundColor: tokens.accentA3,\n      color: tokens.accentOnSoft,\n    },\n    \"&[data-pressed]:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.errorLight,\n    \":hover\": {\n      backgroundColor: tokens.errorSoft,\n    },\n    \"&[data-pressed]\": {\n      backgroundColor: tokens.errorA3,\n      color: tokens.errorOnSoft,\n    },\n    \"&[data-pressed]:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\n/**\n * What `onPressedChange` receives as its second argument: Base UI's change details, declared in\n * Zenith so that none of Base UI's internals reach the published declarations, where TypeScript 4\n * cannot parse them.\n */\nexport type ToggleChangeDetails = {\n  /** A toggle only changes through a person's click or key press, which Base UI calls `none`. */\n  reason: \"none\"\n  /** The native event behind the change. */\n  event: Event\n  /** Keeps the current state. */\n  cancel: () => void\n  /** Lets the event propagate where the toggle would otherwise stop it. */\n  allowPropagation: () => void\n  isCanceled: boolean\n  isPropagationAllowed: boolean\n  /** The element that caused the change, if any. */\n  trigger: Element | undefined\n}\n\n/**\n * A single child can arrive wrapped in a one-element array depending on the JSX runtime (MDX call\n * sites do this). Radix's Slot normalised that, so the `asChild` shim has to as well.\n */\nexport function onlySlotChild(children: React.ReactNode) {\n  const elements = React.Children.toArray(children).filter(React.isValidElement)\n  return elements.length === 1 ? elements[0] : undefined\n}\n\n/**\n * Base UI's `render` in place of Radix's `asChild` on a button part: the single child element\n * becomes the part and keeps its own children. A component child counts as a native button, like\n * TabsTrigger, so Base UI stamps `type=\"button\"` and `disabled`; only a child that is another\n * intrinsic element is told otherwise, since Base UI would warn that a native button was expected.\n */\nexport function buttonSlotProps(asChild: boolean, children: React.ReactNode) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  return child\n    ? {\n        render: child,\n        nativeButton: typeof child.type !== \"string\" || child.type === \"button\",\n      }\n    : { children }\n}\n\n/**\n * Radix skipped its own handling when the caller's `onClick` prevented default; Base UI runs the\n * caller's handler first and then its own unless told not to.\n */\nexport function respectDefaultPrevented<E extends React.MouseEvent>(\n  onClick: ((event: E) => void) | undefined\n) {\n  return (event: E) => {\n    onClick?.(event)\n    if (event.defaultPrevented)\n      (\n        event as E & { preventBaseUIHandler?: () => void }\n      ).preventBaseUIHandler?.()\n  }\n}\n\n/** The toggle's own props, declared in Zenith rather than taken from Base UI. */\ntype ToggleOwnProps = {\n  /** Whether the toggle is pressed, when it is controlled. */\n  pressed?: boolean\n  /** Whether the toggle is pressed at first, when it is uncontrolled. */\n  defaultPressed?: boolean\n  /**\n   * Called with the new pressed state and Base UI's change details.\n   * `eventDetails.cancel()` keeps the current state.\n   */\n  onPressedChange?: (\n    pressed: boolean,\n    eventDetails: ToggleChangeDetails\n  ) => void\n  /** Renders the single child element as the toggle, merging its props and behaviour onto it. */\n  asChild?: boolean\n}\n\nexport type ToggleProps = Omit<\n  React.ComponentPropsWithRef<\"button\">,\n  keyof ToggleOwnProps\n> &\n  ToggleOwnProps & {\n    variant?: ToggleVariant\n    size?: ToggleSize\n  }\n\nexport const Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n  function Toggle(\n    {\n      className,\n      variant = \"default\",\n      size = \"base\",\n      asChild = false,\n      children,\n      onClick,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useToggleStyles()\n\n    return (\n      <TogglePrimitive\n        ref={ref}\n        data-slot=\"toggle\"\n        {...{ [SLOT_ATTR]: \"toggle\" }}\n        className={mergeClasses(\n          styles.root,\n          styles[variant],\n          styles[size],\n          className\n        )}\n        // Base UI types the handlers with its own event wrapper; the element is the same <button>,\n        // so the caller's button-typed handlers receive exactly the events they declare.\n        {...(props as TogglePrimitive.Props)}\n        onClick={respectDefaultPrevented(onClick)}\n        {...buttonSlotProps(asChild, children)}\n      />\n    )\n  }\n)\n"],"names":["useToggleStyles","makeZenithStyles","nativeControl","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.focusRing","tokens.accentLight","tokens.accentSoft","tokens.accentA3","tokens.accentOnSoft","tokens.accentA4","tokens.errorLight","tokens.errorSoft","tokens.errorA3","tokens.errorOnSoft","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","onlySlotChild","children","elements","React","buttonSlotProps","asChild","child","respectDefaultPrevented","onClick","event","_a","Toggle","className","variant","size","props","ref","styles","jsx","TogglePrimitive","SLOT_ATTR","mergeClasses"],"mappings":"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"}