@bolerish/ui 0.0.0-stage → 0.10.0

package/dist/toast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/toast.tsx", "../src/styles/merge-styles.ts", "../src/toast.stylex.ts", "../src/typography.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, XIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { useEffect, useLayoutEffect, useRef, useState, type ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { toastViewportVars } from \"./toast.stylex\";\nimport { typographyStyles } from \"./typography\";\nconst spin = \"x1fy8ia8-B\";\nconst _temp3 = {\n  krVfgx: \"x1ey2m1c\",\n  k1C7PZ: \"x135c27o\",\n  kbCHJM: \"xu96u03\",\n  kfzvcC: \"x19gcdlt\",\n  kVAEAm: \"x10l6tqk\",\n  kCIrl2: \"x3m8u43\",\n  \"$$css\": true\n};\nconst styles = {\n  viewport: {\n    ks0D6T: \"xx2ukoz\",\n    kI3sdo: \"x1a2a7pz\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"xixxii4\",\n    kzqmXN: \"x1jjrdmz\",\n    kY2c9j: \"x1p9f38c\",\n    \"--x1jg9r7c\": \"xubdx0t x4v2x3q\",\n    \"--x1b09lcw\": \"xfm59fq x1o7wwc1\",\n    \"--x1vywji9\": \"x195h665 xakxg0y\",\n    \"--x4bl00v\": \"x1yudz8v xapp0bv\",\n    $$css: true\n  },\n  stack: (height: number | string) => [_temp3, {\n    kZKoxP: height != null ? \"x16ye13r\" : height,\n    $$css: true\n  }, {\n    \"--x-height\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(height)\n  }],\n  stackTop: {\n    krVfgx: \"xdd4er5\",\n    k87sOh: \"x13vifvy\",\n    $$css: true\n  },\n  title: {\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"xj9e3ow\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\nconst verticalPositionStyles = {\n  top: {\n    k87sOh: \"x1rfcczn\",\n    $$css: true\n  },\n  bottom: {\n    krVfgx: \"x1tfherw\",\n    $$css: true\n  }\n};\nconst horizontalPositionStyles = {\n  left: {\n    kbCHJM: \"x1vitsko\",\n    $$css: true\n  },\n  center: {\n    kbCHJM: \"x1nrll8i\",\n    k3aq6I: \"xuuh30\",\n    $$css: true\n  },\n  right: {\n    kCIrl2: \"x1pyr0o\",\n    $$css: true\n  }\n};\nexport type ToastPosition = \"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"top-left\" | \"top-right\";\nexport type ToasterProps = StyledProps<Omit<ComponentProps<typeof ToastPrimitive.Provider>, \"children\" | \"toastManager\">> & {\n  /** Toast viewport position. @default \"bottom-right\" */\n  position?: ToastPosition;\n  /** Content and accessible label for the action that dismisses all toasts. */\n  clearAllProps?: Pick<ComponentProps<\"button\">, \"children\" | \"aria-label\">;\n  xstyle?: stylex.StyleXStyles;\n};\nexport const toast = ToastPrimitive.createToastManager();\nconst toastIcons = {\n  success: CheckCircleIcon,\n  info: InfoIcon,\n  warning: WarningIcon,\n  error: XCircleIcon\n};\nfunction ToastStatusIcon(t0) {\n  const $ = _c(4);\n  const {\n    type\n  } = t0;\n  if (!type || type === \"default\") {\n    return null;\n  }\n  if (type === \"loading\") {\n    let t1;\n    if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n      t1 = <span aria-hidden=\"true\" className=\"xoi2r2e x6s0dn4 x3nfvp2 x2lah0s x1b1to7n x1lskvfa xoop9yj x15rnifv xl56j7k x1ts0t7r x12vebyb\"><span className=\"x12dvent xa4qsjk xpedhrg x1esw782 x1kqtvf4 xwhwt5f x1y0btm7 xqvd2ze x2lah0s x1oo1j9p x1ts0t7r x15wt99x\" /></span>;\n      $[0] = t1;\n    } else {\n      t1 = $[0];\n    }\n    return t1;\n  }\n  const IconComponent = toastIcons[type as keyof typeof toastIcons];\n  if (!IconComponent) {\n    return null;\n  }\n  let t1;\n  if ($[1] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xoi2r2e x6s0dn4 x3nfvp2 x2lah0s x1b1to7n x1lskvfa xoop9yj x15rnifv xl56j7k x1ts0t7r x12vebyb\"\n    };\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  let t2;\n  if ($[2] !== IconComponent) {\n    t2 = <span aria-hidden=\"true\" {...t1}><IconComponent /></span>;\n    $[2] = IconComponent;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  return t2;\n}\nfunction ToastStack(t0) {\n  const $ = _c(11);\n  const {\n    position,\n    clearAllProps\n  } = t0;\n  const {\n    toasts\n  } = ToastPrimitive.useToastManager();\n  const stackRef = useRef(null);\n  let t1;\n  if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = new Set();\n    $[0] = t1;\n  } else {\n    t1 = $[0];\n  }\n  const dismissedIds = useRef(t1);\n  const [height, setHeight] = useState(0);\n  const isTop = position.startsWith(\"top\");\n  const hasClearAction = toasts.length > 1;\n  const stackHeight = hasClearAction ? `calc(${height}px + ${toastViewportVars.clearActionOffset})` : height;\n  let t2;\n  let t3;\n  if ($[1] !== toasts) {\n    t2 = () => {\n      const stack = stackRef.current;\n      if (!stack) {\n        return;\n      }\n      const document = stack.ownerDocument;\n      const currentIds = new Set(toasts.map(_temp));\n      for (const id of dismissedIds.current) {\n        if (!currentIds.has(id)) {\n          dismissedIds.current.delete(id);\n        }\n      }\n      const handleEscape = event => {\n        if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) {\n          return;\n        }\n        const latest = toasts.find(item_0 => item_0.transitionStatus !== \"ending\" && !dismissedIds.current.has(item_0.id));\n        if (!latest) {\n          return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        if (event.repeat) {\n          return;\n        }\n        dismissedIds.current.add(latest.id);\n        toast.close(latest.id);\n      };\n      stack.addEventListener(\"keydown\", handleEscape, true);\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        stack.removeEventListener(\"keydown\", handleEscape, true);\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    };\n    t3 = [toasts];\n    $[1] = toasts;\n    $[2] = t2;\n    $[3] = t3;\n  } else {\n    t2 = $[2];\n    t3 = $[3];\n  }\n  useEffect(t2, t3);\n  let t4;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = () => {\n      const stack_0 = stackRef.current;\n      if (!stack_0) {\n        return;\n      }\n      const updateHeight = () => {\n        const rootList = Array.from(stack_0.querySelectorAll(\"[data-nuee-toast-root]:not([data-limited])\"));\n        const toastGap = Number.parseFloat(getComputedStyle(stack_0).columnGap) || 0;\n        let nextHeight = 0;\n        for (const root of rootList) {\n          const rootStyles = getComputedStyle(root);\n          const offset = Number.parseFloat(rootStyles.getPropertyValue(\"--toast-offset-y\")) || 0;\n          const index = Number.parseFloat(rootStyles.getPropertyValue(\"--toast-index\")) || 0;\n          const rootHeight = Number.parseFloat(rootStyles.getPropertyValue(\"--toast-height\")) || root.offsetHeight;\n          nextHeight = Math.max(nextHeight, offset + index * toastGap + rootHeight);\n        }\n        setHeight(nextHeight);\n      };\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      const rootList_0 = stack_0.querySelectorAll(\"[data-nuee-toast-root]\");\n      rootList_0.forEach(root_0 => resizeObserver.observe(root_0));\n      window.addEventListener(\"resize\", updateHeight);\n      return () => {\n        resizeObserver.disconnect();\n        window.removeEventListener(\"resize\", updateHeight);\n      };\n    };\n    $[4] = t4;\n  } else {\n    t4 = $[4];\n  }\n  let t5;\n  if ($[5] !== toasts) {\n    t5 = [toasts];\n    $[5] = toasts;\n    $[6] = t5;\n  } else {\n    t5 = $[6];\n  }\n  useLayoutEffect(t4, t5);\n  const t6 = stylex.props(styles.stack(stackHeight), isTop && styles.stackTop);\n  const t7 = toasts.map(item_1 => <ToastPrimitive.Root key={item_1.id} toast={item_1} data-nuee-toast-root=\"\" {...{\n    0: {\n      className: \"xssngo0 x1kqtvf4 x1p5vitp x1y0btm7 x1al7nqq x1ey2m1c x1wlfqej x1t28c4i x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk x1c0vqr xxvvz4p x11u84u xm4efwp x5oyd77 x87ps6o x14atkfc x1l48cz2 x1s928wv x1kk1a3e x17cx49 x1j6awrg x1srwf7z x4eaejv x768paa x1p3hdyt x9v5kkp x1k4h2j2 xnbj6on x1p2l3ex x83jlts x1pn4af4 x1tsqv5g x1a042xe xlq082z xm69ghq x1llxi74 x1i389j4 x1gqblgl x1yzz94r xkjqs5f x17lkgwk xnikld8 x4efaqc x17zq6mc xn496p3 xro372\"\n    },\n    1: {\n      className: \"xssngo0 x1kqtvf4 x1p5vitp x1y0btm7 x1al7nqq x1wlfqej x1t28c4i x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk x1c0vqr xxvvz4p x5oyd77 x87ps6o x14atkfc x1l48cz2 x1s928wv x1kk1a3e x17cx49 x1j6awrg x1srwf7z x4eaejv x768paa x1p3hdyt x9v5kkp x1k4h2j2 xnbj6on x1p2l3ex x83jlts x1pn4af4 x1a042xe xlq082z xm69ghq x1llxi74 x1gqblgl xkjqs5f x17lkgwk x17zq6mc xdd4er5 x13vifvy xhvwxil xtj8gnn x11k6b27 xv51xxh x18p6d6d xde6doo xf2eeoe xnmzb52 x25jpy4\"\n    }\n  }[!!isTop << 0]}><ToastPrimitive.Content className=\"x6s0dn4 x78zum5 x6tv65x x5yr21d x1m7qoog xb3r6kr xv3ig3d x1n2onr6 x1vrxc1k x19991ni xrkjf8i x14vjn7q x14cldyx\"><ToastStatusIcon type={item_1.type} /><div className=\"xoi2r2e x78zum5 x98rzlu xdt5ytf x7gjopr xeuugli\"><ToastPrimitive.Title {...stylex.props(typographyStyles.title, styles.title)} /><ToastPrimitive.Description {...stylex.props(typographyStyles.description, styles.description)} /></div>{item_1.actionProps ? <ToastPrimitive.Action className=\"xoi2r2e x6s0dn4 xjyslct xjbqb8w x1p5vitp xng3xce xc342km x1t28c4i x1ypdohk x3nfvp2 x2lah0s x1b1to7n x1gag4p9 xoop9yj x15rnifv x1nb8khz xl56j7k x1a2a7pz x5044ve xznvecg xt3l3uh xrkjf8i xt0b8zv x768paa x1p3hdyt x9v5kkp x1k4h2j2\" /> : null}<ToastPrimitive.Close aria-label=\"Close toast\" className=\"xoi2r2e x6s0dn4 xjyslct xjbqb8w x9r1u3d x1p5vitp x1y0btm7 x1al7nqq xj9e3ow x1ypdohk x3nfvp2 x2lah0s x1b1to7n x1lskvfa xoop9yj x15rnifv x1nb8khz xl56j7k x1a2a7pz xznvecg xs2xxs2 xrkjf8i xcasm8m x12vebyb xk9i4fa x1woi373 x768paa x1p3hdyt x9v5kkp x1k4h2j2\"><XIcon aria-hidden=\"true\" /></ToastPrimitive.Close></ToastPrimitive.Content></ToastPrimitive.Root>);\n  const t8 = hasClearAction ? <button {...clearAllProps} type=\"button\" onClick={_temp2} {...{\n    0: {\n      className: \"xjyslct xssngo0 x1kqtvf4 x1y0btm7 x1p5vitp x1al7nqq xj9e3ow x1ypdohk x1b1to7n x1gag4p9 xoop9yj x1dvwle6 x1a2a7pz x1mmca2r x1gr5eyh x1o036j4 xcmrzjo x10l6tqk x3m8u43 x13vifvy xznvecg x7h6xqb xrkjf8i x1bkdxzg xc0dknh x1woi373 x768paa x1p3hdyt x9v5kkp x1k4h2j2\"\n    },\n    1: {\n      className: \"xjyslct xssngo0 x1kqtvf4 x1y0btm7 x1p5vitp x1al7nqq xj9e3ow x1ypdohk x1b1to7n x1gag4p9 xoop9yj x1dvwle6 x1a2a7pz x1mmca2r x1gr5eyh x1o036j4 xcmrzjo x10l6tqk x3m8u43 xznvecg x7h6xqb xrkjf8i x1bkdxzg xc0dknh x1woi373 x768paa x1p3hdyt x9v5kkp x1k4h2j2 x1ey2m1c x80663w\"\n    }\n  }[!!isTop << 0]}>{clearAllProps?.children ?? \"Clear all\"}</button> : null;\n  let t9;\n  if ($[7] !== t6 || $[8] !== t7 || $[9] !== t8) {\n    t9 = <div ref={stackRef} {...t6}>{t7}{t8}</div>;\n    $[7] = t6;\n    $[8] = t7;\n    $[9] = t8;\n    $[10] = t9;\n  } else {\n    t9 = $[10];\n  }\n  return t9;\n}\nfunction _temp2() {\n  return toast.close();\n}\nfunction _temp(item) {\n  return item.id;\n}\nexport function Toaster(t0) {\n  const $ = _c(26);\n  let className;\n  let clearAllProps;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      limit: t1,\n      position: t2,\n      clearAllProps,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = clearAllProps;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = t2;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    clearAllProps = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    t2 = $[6];\n    xstyle = $[7];\n  }\n  const limit = t1 === undefined ? 3 : t1;\n  const position = t2 === undefined ? \"bottom-right\" : t2;\n  let t3;\n  if ($[8] !== position) {\n    t3 = position.split(\"-\");\n    $[8] = position;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  const [verticalPosition, horizontalPosition] = t3 as [\"bottom\" | \"top\", \"center\" | \"left\" | \"right\"];\n  let t4;\n  if ($[10] !== className || $[11] !== horizontalPosition || $[12] !== style || $[13] !== verticalPosition || $[14] !== xstyle) {\n    t4 = mergeStyles(stylex.props(styles.viewport, verticalPositionStyles[verticalPosition], horizontalPositionStyles[horizontalPosition], xstyle), className, style);\n    $[10] = className;\n    $[11] = horizontalPosition;\n    $[12] = style;\n    $[13] = verticalPosition;\n    $[14] = xstyle;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  let t5;\n  if ($[16] !== clearAllProps || $[17] !== position) {\n    t5 = <ToastStack position={position} clearAllProps={clearAllProps} />;\n    $[16] = clearAllProps;\n    $[17] = position;\n    $[18] = t5;\n  } else {\n    t5 = $[18];\n  }\n  let t6;\n  if ($[19] !== t4 || $[20] !== t5) {\n    t6 = <ToastPrimitive.Portal><ToastPrimitive.Viewport {...t4}>{t5}</ToastPrimitive.Viewport></ToastPrimitive.Portal>;\n    $[19] = t4;\n    $[20] = t5;\n    $[21] = t6;\n  } else {\n    t6 = $[21];\n  }\n  let t7;\n  if ($[22] !== limit || $[23] !== props || $[24] !== t6) {\n    t7 = <ToastPrimitive.Provider {...props} limit={limit} toastManager={toast}>{t6}</ToastPrimitive.Provider>;\n    $[22] = limit;\n    $[23] = props;\n    $[24] = t6;\n    $[25] = t7;\n  } else {\n    t7 = $[25];\n  }\n  return t7;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}", "import * as stylex from \"@stylexjs/stylex\";\nexport const toastViewportVars = {\n  contentMinHeight: \"var(--x1jisfxj)\",\n  clearActionOffset: \"var(--x1b09lcw)\",\n  clearActionOpacity: \"var(--x1vywji9)\",\n  clearActionPointerEvents: \"var(--x4bl00v)\",\n  stackPointerEvents: \"var(--x1jg9r7c)\",\n  __varGroupHash__: \"x1da2mid\"\n};", "import { typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nexport const typographyStyles = {\n  body: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  description: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  caption: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  label: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  title: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  page: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xw8z6gz\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  section: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xr5nsds\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  subsection: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  }\n};"],
+  "mappings": "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",
+  "names": ["t1", "props"]
+}

package/dist/toast.stylex.d.ts

@@ -0,0 +1,8 @@
+import * as stylex from "@stylexjs/stylex";
+export declare const toastViewportVars: stylex.VarGroup<Readonly<{
+    contentMinHeight: string;
+    clearActionOffset: string;
+    clearActionOpacity: string;
+    clearActionPointerEvents: string;
+    stackPointerEvents: string;
+}>, symbol>;

package/dist/toggle-group.d.ts

@@ -0,0 +1,19 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { type ComponentProps, type ReactNode } from "react";
+import type { ControlLayoutStyles, ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+import type { ToggleSize, ToggleVariant } from "./toggle";
+export type ToggleGroupProps = StyledProps<ComponentProps<typeof ToggleGroupPrimitive>> & {
+    children: ReactNode;
+    size?: ToggleSize;
+    variant?: ToggleVariant;
+    xstyle?: ControlLayoutStyles;
+};
+export declare function ToggleGroup({ className, style, children, size, variant, xstyle, ...props }: ToggleGroupProps): import("react").JSX.Element;
+export type ToggleGroupItemProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {
+    size?: ToggleSize;
+    variant?: ToggleVariant;
+    xstyle?: ControlPlacementStyles;
+};
+export declare function ToggleGroupItem({ className, style, size, variant, xstyle, ...props }: ToggleGroupItemProps): import("react").JSX.Element;

package/dist/toggle-group.js

@@ -0,0 +1,324 @@
+"use client";
+
+// src/toggle-group.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import * as stylex from "@stylexjs/stylex";
+import { createContext, useContext } from "react";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/toggle-group.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kzqmXN: "xeq5yr9",
+    $$css: true
+  },
+  outlineItem: {
+    kVAM5u: "x9r1u3d",
+    kaIpWk: "x2u8bby",
+    keTefX: "x1hb08if",
+    kiQ9C1: "x15hlyvw",
+    kWfW7Y: "x6kgtcc",
+    k2IYYg: "x1xzjtzd",
+    k1boJ8: "xopb9it",
+    $$css: true
+  },
+  item: {
+    kGNEyG: "x6s0dn4",
+    kVAM5u: "x9r1u3d",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kOIVth: "x7gjopr",
+    kjj79g: "xl56j7k",
+    kHBbk8: "xc8icb0",
+    kI3sdo: "x1a2a7pz",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x1qsmvhx",
+    kAMwcw: "xrkjf8i",
+    ks3ayO: "x17ctvpv xb90rde xn0w0t3",
+    kUfP38: "x1k48kgn",
+    k5JduY: "x1s928wv",
+    kv0HGH: "xarstr8",
+    kloYau: "x2q1x1w",
+    kwXMNM: "x1j6awrg",
+    kPNhGg: "x1byudbu",
+    kRicXK: "x1ywzrc5",
+    kA8PQs: "xe2lpi4",
+    kDVEDD: "xi4xitw",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kYPGJ8: "x1s07b3s",
+    $$css: true
+  },
+  softPressed: {
+    kWkggS: "x14itwj6",
+    kGVxlE: "x1hk4us1",
+    $$css: true
+  },
+  itemPressed: {
+    kWkggS: "xi3myl",
+    kMwMTN: "x1t28c4i",
+    kGVxlE: "x1hk4us1",
+    $$css: true
+  },
+  unavailable: {
+    kWkggS: "xx34gk8",
+    $$css: true
+  },
+  itemDisabled: {
+    kVAM5u: "x1kqtvf4",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};
+var variantStyles = {
+  default: {
+    kOIVth: "x7gjopr",
+    $$css: true
+  },
+  soft: {
+    kOIVth: "x6bpos",
+    kmVPX3: "xzsj1fb",
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x1kqtvf4",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kaIpWk: "x1p5vitp",
+    $$css: true
+  },
+  outline: {
+    kWkggS: "xcc0o6n",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kOIVth: "xxhr3t",
+    $$css: true
+  }
+};
+var itemSizeStyles = {
+  sm: {
+    kZKoxP: "x1dvwle6",
+    k7Eaqz: "xbl05st",
+    kg3NbH: "x1gr5eyh",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "x1f00wt4",
+    k7Eaqz: "x1gxa3zx",
+    kg3NbH: "x5044ve",
+    $$css: true
+  },
+  lg: {
+    kZKoxP: "x4rnblq",
+    k7Eaqz: "x1msgxsh",
+    kg3NbH: "x9eqyeb",
+    $$css: true
+  }
+};
+var itemVariantStyles = {
+  default: {
+    kWkggS: "xjbqb8w",
+    $$css: true
+  },
+  soft: {
+    kWkggS: "xjbqb8w",
+    $$css: true
+  },
+  outline: {
+    kWkggS: "xcc0o6n",
+    kVAM5u: "x1kqtvf4",
+    $$css: true
+  }
+};
+var ToggleGroupContext = createContext({
+  size: "md",
+  variant: "default"
+});
+function ToggleGroup(t0) {
+  const $ = _c(23);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      children,
+      size: t1,
+      variant: t2,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    xstyle = $[7];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  const variant = t2 === void 0 ? "default" : t2;
+  let t3;
+  if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {
+    t3 = mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style);
+    $[8] = className;
+    $[9] = style;
+    $[10] = variant;
+    $[11] = xstyle;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== size || $[14] !== variant) {
+    t4 = {
+      size,
+      variant
+    };
+    $[13] = size;
+    $[14] = variant;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== children || $[17] !== t4) {
+    t5 = /* @__PURE__ */ jsx(ToggleGroupContext, { value: t4, children });
+    $[16] = children;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  let t6;
+  if ($[19] !== props2 || $[20] !== t3 || $[21] !== t5) {
+    t6 = /* @__PURE__ */ jsx(ToggleGroupPrimitive, { ...props2, ...t3, children: t5 });
+    $[19] = props2;
+    $[20] = t3;
+    $[21] = t5;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  return t6;
+}
+function ToggleGroupItem(t0) {
+  const $ = _c(20);
+  let className;
+  let props2;
+  let size;
+  let style;
+  let variant;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      size,
+      variant,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = size;
+    $[4] = style;
+    $[5] = variant;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    size = $[3];
+    style = $[4];
+    variant = $[5];
+    xstyle = $[6];
+  }
+  const context = useContext(ToggleGroupContext);
+  const finalSize = size ?? context.size;
+  const finalVariant = variant ?? context.variant;
+  let t1;
+  if ($[7] !== className || $[8] !== finalSize || $[9] !== finalVariant || $[10] !== style || $[11] !== xstyle) {
+    t1 = function getToggleStyles2(state) {
+      return mergeStyles(stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state.pressed && styles.itemPressed, state.pressed && finalVariant === "soft" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.itemDisabled, finalVariant === "outline" && styles.outlineItem, xstyle), className, style);
+    };
+    $[7] = className;
+    $[8] = finalSize;
+    $[9] = finalVariant;
+    $[10] = style;
+    $[11] = xstyle;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const getToggleStyles = t1;
+  let t2;
+  let t3;
+  if ($[13] !== getToggleStyles) {
+    t2 = (state_0) => getToggleStyles(state_0).className;
+    t3 = (state_1) => getToggleStyles(state_1).style;
+    $[13] = getToggleStyles;
+    $[14] = t2;
+    $[15] = t3;
+  } else {
+    t2 = $[14];
+    t3 = $[15];
+  }
+  let t4;
+  if ($[16] !== props2 || $[17] !== t2 || $[18] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TogglePrimitive, { ...props2, className: t2, style: t3 });
+    $[16] = props2;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
+}
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};
+//# sourceMappingURL=toggle-group.js.map

package/dist/toggle-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/toggle-group.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, useContext, type ComponentProps, type ReactNode } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport type { ToggleSize, ToggleVariant } from \"./toggle\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  outlineItem: {\n    kVAM5u: \"x9r1u3d\",\n    kaIpWk: \"x2u8bby\",\n    keTefX: \"x1hb08if\",\n    kiQ9C1: \"x15hlyvw\",\n    kWfW7Y: \"x6kgtcc\",\n    k2IYYg: \"x1xzjtzd\",\n    k1boJ8: \"xopb9it\",\n    $$css: true\n  },\n  item: {\n    kGNEyG: \"x6s0dn4\",\n    kVAM5u: \"x9r1u3d\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kOIVth: \"x7gjopr\",\n    kjj79g: \"xl56j7k\",\n    kHBbk8: \"xc8icb0\",\n    kI3sdo: \"x1a2a7pz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"xrkjf8i\",\n    ks3ayO: \"x17ctvpv xb90rde xn0w0t3\",\n    kUfP38: \"x1k48kgn\",\n    k5JduY: \"x1s928wv\",\n    kv0HGH: \"xarstr8\",\n    kloYau: \"x2q1x1w\",\n    kwXMNM: \"x1j6awrg\",\n    kPNhGg: \"x1byudbu\",\n    kRicXK: \"x1ywzrc5\",\n    kA8PQs: \"xe2lpi4\",\n    kDVEDD: \"xi4xitw\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  softPressed: {\n    kWkggS: \"x14itwj6\",\n    kGVxlE: \"x1hk4us1\",\n    $$css: true\n  },\n  itemPressed: {\n    kWkggS: \"xi3myl\",\n    kMwMTN: \"x1t28c4i\",\n    kGVxlE: \"x1hk4us1\",\n    $$css: true\n  },\n  unavailable: {\n    kWkggS: \"xx34gk8\",\n    $$css: true\n  },\n  itemDisabled: {\n    kVAM5u: \"x1kqtvf4\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  }\n};\nconst variantStyles = {\n  default: {\n    kOIVth: \"x7gjopr\",\n    $$css: true\n  },\n  soft: {\n    kOIVth: \"x6bpos\",\n    kmVPX3: \"xzsj1fb\",\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1kqtvf4\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kaIpWk: \"x1p5vitp\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kOIVth: \"xxhr3t\",\n    $$css: true\n  }\n};\nconst itemSizeStyles = {\n  sm: {\n    kZKoxP: \"x1dvwle6\",\n    k7Eaqz: \"xbl05st\",\n    kg3NbH: \"x1gr5eyh\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1f00wt4\",\n    k7Eaqz: \"x1gxa3zx\",\n    kg3NbH: \"x5044ve\",\n    $$css: true\n  },\n  lg: {\n    kZKoxP: \"x4rnblq\",\n    k7Eaqz: \"x1msgxsh\",\n    kg3NbH: \"x9eqyeb\",\n    $$css: true\n  }\n};\nconst itemVariantStyles = {\n  default: {\n    kWkggS: \"xjbqb8w\",\n    $$css: true\n  },\n  soft: {\n    kWkggS: \"xjbqb8w\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    $$css: true\n  }\n};\ntype ToggleGroupContextValue = {\n  size: ToggleSize;\n  variant: ToggleVariant;\n};\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: \"md\",\n  variant: \"default\"\n});\nexport type ToggleGroupProps = StyledProps<ComponentProps<typeof ToggleGroupPrimitive>> & {\n  children: ReactNode;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n  xstyle?: ControlLayoutStyles;\n};\nexport function ToggleGroup(t0) {\n  const $ = _c(23);\n  let children;\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      children,\n      size: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = t2;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    t2 = $[6];\n    xstyle = $[7];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"default\" : t2;\n  let t3;\n  if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style);\n    $[8] = className;\n    $[9] = style;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== size || $[14] !== variant) {\n    t4 = {\n      size,\n      variant\n    };\n    $[13] = size;\n    $[14] = variant;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  let t5;\n  if ($[16] !== children || $[17] !== t4) {\n    t5 = <ToggleGroupContext value={t4}>{children}</ToggleGroupContext>;\n    $[16] = children;\n    $[17] = t4;\n    $[18] = t5;\n  } else {\n    t5 = $[18];\n  }\n  let t6;\n  if ($[19] !== props || $[20] !== t3 || $[21] !== t5) {\n    t6 = <ToggleGroupPrimitive {...props} {...t3}>{t5}</ToggleGroupPrimitive>;\n    $[19] = props;\n    $[20] = t3;\n    $[21] = t5;\n    $[22] = t6;\n  } else {\n    t6 = $[22];\n  }\n  return t6;\n}\nexport type ToggleGroupItemProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n  xstyle?: ControlPlacementStyles;\n};\nexport function ToggleGroupItem(t0) {\n  const $ = _c(20);\n  let className;\n  let props;\n  let size;\n  let style;\n  let variant;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      size,\n      variant,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = size;\n    $[4] = style;\n    $[5] = variant;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    size = $[3];\n    style = $[4];\n    variant = $[5];\n    xstyle = $[6];\n  }\n  const context = useContext(ToggleGroupContext);\n  const finalSize = size ?? context.size;\n  const finalVariant = variant ?? context.variant;\n  let t1;\n  if ($[7] !== className || $[8] !== finalSize || $[9] !== finalVariant || $[10] !== style || $[11] !== xstyle) {\n    t1 = function getToggleStyles(state) {\n      return mergeStyles(stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state.pressed && styles.itemPressed, state.pressed && finalVariant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.itemDisabled, finalVariant === \"outline\" && styles.outlineItem, xstyle), className, style);\n    };\n    $[7] = className;\n    $[8] = finalSize;\n    $[9] = finalVariant;\n    $[10] = style;\n    $[11] = xstyle;\n    $[12] = t1;\n  } else {\n    t1 = $[12];\n  }\n  const getToggleStyles = t1;\n  let t2;\n  let t3;\n  if ($[13] !== getToggleStyles) {\n    t2 = state_0 => getToggleStyles(state_0).className;\n    t3 = state_1 => getToggleStyles(state_1).style;\n    $[13] = getToggleStyles;\n    $[14] = t2;\n    $[15] = t3;\n  } else {\n    t2 = $[14];\n    t3 = $[15];\n  }\n  let t4;\n  if ($[16] !== props || $[17] !== t2 || $[18] !== t3) {\n    t4 = <TogglePrimitive {...props} className={t2} style={t3} />;\n    $[16] = props;\n    $[17] = t2;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": "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",
+  "names": ["props", "getToggleStyles"]
+}

package/dist/toggle.d.ts

@@ -0,0 +1,12 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import type { ComponentProps } from "react";
+import type { ControlLayoutStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type ToggleSize = "lg" | "md" | "sm";
+export type ToggleVariant = "default" | "outline" | "soft";
+export type ToggleProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {
+    size?: ToggleSize;
+    variant?: ToggleVariant;
+    xstyle?: ControlLayoutStyles;
+};
+export declare function Toggle({ className, style, size, variant, xstyle, ...props }: ToggleProps): import("react").JSX.Element;

package/dist/toggle.js

@@ -0,0 +1,192 @@
+"use client";
+
+// src/toggle.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/toggle.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kVAM5u: "x9r1u3d",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kOIVth: "x7gjopr",
+    kjj79g: "xl56j7k",
+    kHBbk8: "xc8icb0",
+    kI3sdo: "x1a2a7pz",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x1qsmvhx",
+    kAMwcw: "xrkjf8i",
+    ks3ayO: "x17ctvpv xb90rde xn0w0t3",
+    kUfP38: "x1k48kgn",
+    k5JduY: "x1s928wv",
+    kv0HGH: "xarstr8",
+    kloYau: "x2q1x1w",
+    kwXMNM: "x1j6awrg",
+    kPNhGg: "x1byudbu",
+    kRicXK: "x1ywzrc5",
+    kA8PQs: "xe2lpi4",
+    kDVEDD: "xi4xitw",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kYPGJ8: "x1s07b3s",
+    $$css: true
+  },
+  softPressed: {
+    kWkggS: "xi3myl",
+    $$css: true
+  },
+  pressed: {
+    kWkggS: "xi3myl",
+    kMwMTN: "x1t28c4i",
+    kGVxlE: "x1hk4us1",
+    $$css: true
+  },
+  unavailable: {
+    kWkggS: "xx34gk8",
+    $$css: true
+  },
+  disabled: {
+    kVAM5u: "x1kqtvf4",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};
+var sizeStyles = {
+  sm: {
+    kZKoxP: "x1dvwle6",
+    k7Eaqz: "xbl05st",
+    kg3NbH: "x1gr5eyh",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "x1f00wt4",
+    k7Eaqz: "x1gxa3zx",
+    kg3NbH: "x5044ve",
+    $$css: true
+  },
+  lg: {
+    kZKoxP: "x4rnblq",
+    k7Eaqz: "x1msgxsh",
+    kg3NbH: "x9eqyeb",
+    $$css: true
+  }
+};
+var variantStyles = {
+  default: {
+    kWkggS: "xjbqb8w",
+    $$css: true
+  },
+  soft: {
+    kWkggS: "xjbqb8w",
+    $$css: true
+  },
+  outline: {
+    kWkggS: "xcc0o6n",
+    kVAM5u: "x1kqtvf4",
+    $$css: true
+  }
+};
+function Toggle(t0) {
+  const $ = _c(20);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      size: t1,
+      variant: t2,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    xstyle = $[6];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  const variant = t2 === void 0 ? "default" : t2;
+  let t3;
+  if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {
+    t3 = function getToggleStyles2(state) {
+      return mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], state.pressed && styles.pressed, state.pressed && variant === "soft" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);
+    };
+    $[7] = className;
+    $[8] = size;
+    $[9] = style;
+    $[10] = variant;
+    $[11] = xstyle;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const getToggleStyles = t3;
+  let t4;
+  let t5;
+  if ($[13] !== getToggleStyles) {
+    t4 = (state_0) => getToggleStyles(state_0).className;
+    t5 = (state_1) => getToggleStyles(state_1).style;
+    $[13] = getToggleStyles;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t4 = $[14];
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== props2 || $[17] !== t4 || $[18] !== t5) {
+    t6 = /* @__PURE__ */ jsx(TogglePrimitive, { ...props2, className: t4, style: t5 });
+    $[16] = props2;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
+}
+export {
+  Toggle
+};
+//# sourceMappingURL=toggle.js.map