@bolerish/ui 0.13.0 → 0.16.0

package/dist/toggle-group.js

@@ -20,9 +20,88 @@ function mergeStyles(base, className, style) {
   };
 }
 
+// src/styles/surface.ts
+var styles = {
+  edge: {
+    kVAM5u: "x1kqtvf4",
+    kFGkbq: "x1w1tqly",
+    $$css: true
+  },
+  material: {
+    "--bolerish-material-shadow": "xvd6nka",
+    kGVxlE: "x16ifxj2 xpqbwuo",
+    kWkggS: "x1s4uome x1u5mdis",
+    k6WDB: "x1t853zo x1o5bnqd",
+    kKwaWg: "x18o3ruo xxit9r9",
+    kTahiY: "x1cg02ou",
+    kEcs6k: "x11rvarm",
+    kWrjR8: "x1ile18z",
+    kfloDl: "x1m3y3zz",
+    kO6drA: "x9yvj25",
+    kkTUmj: "x14hm74v",
+    k11ilZ: "xhobzj1",
+    ktzNWN: "xwaqzdf",
+    $$css: true
+  },
+  panel: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "x8fe23t",
+    "--bolerish-material-filter": "x1n6mwez",
+    $$css: true
+  },
+  control: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  subtle: {
+    "--bolerish-material-color": "x1819ggx",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  outline: {
+    "--bolerish-material-color": "x3m3fbl",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  raised: {
+    "--bolerish-material-shadow": "x1l9gcvt",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x1nqk09",
+    "--bolerish-material-filter": "x1gkvbmm",
+    $$css: true
+  },
+  translucent: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xoh9gux",
+    "--bolerish-material-filter": "xhu24am",
+    $$css: true
+  },
+  floating: {
+    "--bolerish-material-shadow": "xu02b4h",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x14p89z6",
+    "--bolerish-material-filter": "xunhrho",
+    $$css: true
+  }
+};
+var surfaceStyles = {
+  edge: styles.edge,
+  panel: [styles.material, styles.panel],
+  control: [styles.material, styles.control],
+  subtle: [styles.material, styles.subtle],
+  outline: [styles.material, styles.outline],
+  raised: [styles.material, styles.raised],
+  translucent: [styles.material, styles.translucent],
+  floating: [styles.material, styles.floating]
+};
+
 // src/toggle-group.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     k1xSpc: "x3nfvp2",
@@ -202,7 +281,7 @@ function ToggleGroup(t0) {
   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);
+    t3 = mergeStyles(stylex.props(styles2.root, variantStyles[variant], variant === "outline" && surfaceStyles.control, xstyle), className, style);
     $[8] = className;
     $[9] = style;
     $[10] = variant;
@@ -282,7 +361,7 @@ function ToggleGroupItem(t0) {
   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 === "outline" && styles.outlinePressed, state.pressed && finalVariant === "soft" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.itemDisabled, finalVariant === "outline" && styles.outlineItem, xstyle), className, style);
+      return mergeStyles(stylex.props(styles2.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], finalVariant === "outline" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles2.itemPressed, state.pressed && finalVariant === "outline" && styles2.outlinePressed, state.pressed && finalVariant === "soft" && styles2.softPressed, state.disabled && !state.pressed && styles2.unavailable, state.disabled && styles2.itemDisabled, finalVariant === "outline" && styles2.outlineItem, xstyle), className, style);
     };
     $[7] = className;
     $[8] = finalSize;

package/dist/toggle-group.js.map

@@ -1,7 +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: \"x2yqusi\",\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    $$css: true\n  },\n  itemPressed: {\n    kWkggS: \"xi3myl\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  outlinePressed: {\n    kGVxlE: \"xzq8p8k\",\n    $$css: true\n  },\n  unavailable: {\n    kWkggS: \"xx34gk8\",\n    $$css: true\n  },\n  itemDisabled: {\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 === \"outline\" && styles.outlinePressed, 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"]
+  "sources": ["../src/toggle-group.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.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 { surfaceStyles } from \"./styles/surface\";\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: \"x2yqusi\",\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    $$css: true\n  },\n  itemPressed: {\n    kWkggS: \"xi3myl\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  outlinePressed: {\n    kGVxlE: \"xzq8p8k\",\n    $$css: true\n  },\n  unavailable: {\n    kWkggS: \"xx34gk8\",\n    $$css: true\n  },\n  itemDisabled: {\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], variant === \"outline\" && surfaceStyles.control, 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], finalVariant === \"outline\" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles.itemPressed, state.pressed && finalVariant === \"outline\" && styles.outlinePressed, 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}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  edge: {\n    kVAM5u: \"x1kqtvf4\",\n    kFGkbq: \"x1w1tqly\",\n    $$css: true\n  },\n  material: {\n    \"--bolerish-material-shadow\": \"xvd6nka\",\n    kGVxlE: \"x16ifxj2 xpqbwuo\",\n    kWkggS: \"x1s4uome x1u5mdis\",\n    k6WDB: \"x1t853zo x1o5bnqd\",\n    kKwaWg: \"x18o3ruo xxit9r9\",\n    kTahiY: \"x1cg02ou\",\n    kEcs6k: \"x11rvarm\",\n    kWrjR8: \"x1ile18z\",\n    kfloDl: \"x1m3y3zz\",\n    kO6drA: \"x9yvj25\",\n    kkTUmj: \"x14hm74v\",\n    k11ilZ: \"xhobzj1\",\n    ktzNWN: \"xwaqzdf\",\n    $$css: true\n  },\n  panel: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"x8fe23t\",\n    \"--bolerish-material-filter\": \"x1n6mwez\",\n    $$css: true\n  },\n  control: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  subtle: {\n    \"--bolerish-material-color\": \"x1819ggx\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  outline: {\n    \"--bolerish-material-color\": \"x3m3fbl\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  raised: {\n    \"--bolerish-material-shadow\": \"x1l9gcvt\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x1nqk09\",\n    \"--bolerish-material-filter\": \"x1gkvbmm\",\n    $$css: true\n  },\n  translucent: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xoh9gux\",\n    \"--bolerish-material-filter\": \"xhu24am\",\n    $$css: true\n  },\n  floating: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x14p89z6\",\n    \"--bolerish-material-filter\": \"xunhrho\",\n    $$css: true\n  }\n};\nexport const surfaceStyles = {\n  edge: styles.edge,\n  panel: [styles.material, styles.panel],\n  control: [styles.material, styles.control],\n  subtle: [styles.material, styles.subtle],\n  outline: [styles.material, styles.outline],\n  raised: [styles.material, styles.raised],\n  translucent: [styles.material, styles.translucent],\n  floating: [styles.material, styles.floating]\n};"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,4BAA4B;AAEpD,YAAY,YAAY;AACxB,SAAS,eAAe,kBAAuD;;;ACDxE,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ACjBA,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,8BAA8B;AAAA,IAC9B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,8BAA8B;AAAA,IAC9B,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,8BAA8B;AAAA,IAC9B,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,8BAA8B;AAAA,IAC9B,OAAO;AAAA,EACT;AACF;AACO,IAAM,gBAAgB;AAAA,EAC3B,MAAM,OAAO;AAAA,EACb,OAAO,CAAC,OAAO,UAAU,OAAO,KAAK;AAAA,EACrC,SAAS,CAAC,OAAO,UAAU,OAAO,OAAO;AAAA,EACzC,QAAQ,CAAC,OAAO,UAAU,OAAO,MAAM;AAAA,EACvC,SAAS,CAAC,OAAO,UAAU,OAAO,OAAO;AAAA,EACzC,QAAQ,CAAC,OAAO,UAAU,OAAO,MAAM;AAAA,EACvC,aAAa,CAAC,OAAO,UAAU,OAAO,WAAW;AAAA,EACjD,UAAU,CAAC,OAAO,UAAU,OAAO,QAAQ;AAC7C;;;AFoJS;AArNT,IAAMA,UAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACA,IAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACA,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACA,IAAM,oBAAoB;AAAA,EACxB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKA,IAAM,qBAAqB,cAAuC;AAAA,EAChE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAOM,SAAS,YAAY,IAAI;AAC9B,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAI;AACJ,MAAIC;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,eAAW,EAAE,CAAC;AACd,gBAAY,EAAE,CAAC;AACf,IAAAA,SAAQ,EAAE,CAAC;AACX,YAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,OAAO,OAAO,SAAY,OAAO;AACvC,QAAM,UAAU,OAAO,SAAY,YAAY;AAC/C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,SAAS,EAAE,EAAE,MAAM,WAAW,EAAE,EAAE,MAAM,QAAQ;AACjF,SAAK,YAAmB,aAAMD,QAAO,MAAM,cAAc,OAAO,GAAG,YAAY,aAAa,cAAc,SAAS,MAAM,GAAG,WAAW,KAAK;AAC5I,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,QAAQ,EAAE,EAAE,MAAM,SAAS;AACvC,SAAK;AAAA,MACH;AAAA,MACA;AAAA,IACF;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,YAAY,EAAE,EAAE,MAAM,IAAI;AACtC,SAAK,oBAAC,sBAAmB,OAAO,IAAK,UAAS;AAC9C,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMC,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,wBAAsB,GAAGA,QAAQ,GAAG,IAAK,cAAG;AAClD,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAMO,SAAS,gBAAgB,IAAI;AAClC,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,gBAAY,EAAE,CAAC;AACf,IAAAA,SAAQ,EAAE,CAAC;AACX,WAAO,EAAE,CAAC;AACV,YAAQ,EAAE,CAAC;AACX,cAAU,EAAE,CAAC;AACb,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,UAAU,WAAW,kBAAkB;AAC7C,QAAM,YAAY,QAAQ,QAAQ;AAClC,QAAM,eAAe,WAAW,QAAQ;AACxC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,gBAAgB,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,QAAQ;AAC5G,SAAK,SAASC,iBAAgB,OAAO;AACnC,aAAO,YAAmB,aAAMF,QAAO,MAAM,eAAe,SAAS,GAAG,kBAAkB,YAAY,GAAG,iBAAiB,aAAa,CAAC,MAAM,WAAW,CAAC,MAAM,YAAY,cAAc,SAAS,MAAM,WAAWA,QAAO,aAAa,MAAM,WAAW,iBAAiB,aAAaA,QAAO,gBAAgB,MAAM,WAAW,iBAAiB,UAAUA,QAAO,aAAa,MAAM,YAAY,CAAC,MAAM,WAAWA,QAAO,aAAa,MAAM,YAAYA,QAAO,cAAc,iBAAiB,aAAaA,QAAO,aAAa,MAAM,GAAG,WAAW,KAAK;AAAA,IAC1hB;AACA,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,QAAM,kBAAkB;AACxB,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,iBAAiB;AAC7B,SAAK,aAAW,gBAAgB,OAAO,EAAE;AACzC,SAAK,aAAW,gBAAgB,OAAO,EAAE;AACzC,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AACT,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMC,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,mBAAiB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAI;AAC3D,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
+  "names": ["styles", "props", "getToggleStyles"]
 }

package/dist/toggle.js

@@ -18,9 +18,88 @@ function mergeStyles(base, className, style) {
   };
 }
 
+// src/styles/surface.ts
+var styles = {
+  edge: {
+    kVAM5u: "x1kqtvf4",
+    kFGkbq: "x1w1tqly",
+    $$css: true
+  },
+  material: {
+    "--bolerish-material-shadow": "xvd6nka",
+    kGVxlE: "x16ifxj2 xpqbwuo",
+    kWkggS: "x1s4uome x1u5mdis",
+    k6WDB: "x1t853zo x1o5bnqd",
+    kKwaWg: "x18o3ruo xxit9r9",
+    kTahiY: "x1cg02ou",
+    kEcs6k: "x11rvarm",
+    kWrjR8: "x1ile18z",
+    kfloDl: "x1m3y3zz",
+    kO6drA: "x9yvj25",
+    kkTUmj: "x14hm74v",
+    k11ilZ: "xhobzj1",
+    ktzNWN: "xwaqzdf",
+    $$css: true
+  },
+  panel: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "x8fe23t",
+    "--bolerish-material-filter": "x1n6mwez",
+    $$css: true
+  },
+  control: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  subtle: {
+    "--bolerish-material-color": "x1819ggx",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  outline: {
+    "--bolerish-material-color": "x3m3fbl",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  raised: {
+    "--bolerish-material-shadow": "x1l9gcvt",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x1nqk09",
+    "--bolerish-material-filter": "x1gkvbmm",
+    $$css: true
+  },
+  translucent: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xoh9gux",
+    "--bolerish-material-filter": "xhu24am",
+    $$css: true
+  },
+  floating: {
+    "--bolerish-material-shadow": "xu02b4h",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x14p89z6",
+    "--bolerish-material-filter": "xunhrho",
+    $$css: true
+  }
+};
+var surfaceStyles = {
+  edge: styles.edge,
+  panel: [styles.material, styles.panel],
+  control: [styles.material, styles.control],
+  subtle: [styles.material, styles.subtle],
+  outline: [styles.material, styles.outline],
+  raised: [styles.material, styles.raised],
+  translucent: [styles.material, styles.translucent],
+  floating: [styles.material, styles.floating]
+};
+
 // src/toggle.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     kVAM5u: "x9r1u3d",
@@ -152,7 +231,7 @@ function Toggle(t0) {
   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 === "outline" && styles.outlinePressed, state.pressed && variant === "soft" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);
+      return mergeStyles(stylex.props(styles2.root, sizeStyles[size], variantStyles[variant], variant === "outline" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles2.pressed, state.pressed && variant === "outline" && styles2.outlinePressed, state.pressed && variant === "soft" && styles2.softPressed, state.disabled && !state.pressed && styles2.unavailable, state.disabled && styles2.disabled, xstyle), className, style);
     };
     $[7] = className;
     $[8] = size;

package/dist/toggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/toggle.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 { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\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: \"xi3myl\",\n    $$css: true\n  },\n  pressed: {\n    kWkggS: \"xi3myl\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  outlinePressed: {\n    kGVxlE: \"xzq8p8k\",\n    $$css: true\n  },\n  unavailable: {\n    kWkggS: \"xx34gk8\",\n    $$css: true\n  },\n  disabled: {\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  }\n};\nconst sizeStyles = {\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 variantStyles = {\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};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\" | \"soft\";\nexport type ToggleProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n  xstyle?: ControlLayoutStyles;\n};\nexport function Toggle(t0) {\n  const $ = _c(20);\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      size: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    xstyle = $[6];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"default\" : t2;\n  let t3;\n  if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n    t3 = function getToggleStyles(state) {\n      return mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], state.pressed && styles.pressed, state.pressed && variant === \"outline\" && styles.outlinePressed, state.pressed && variant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);\n    };\n    $[7] = className;\n    $[8] = size;\n    $[9] = style;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  const getToggleStyles = t3;\n  let t4;\n  let t5;\n  if ($[13] !== getToggleStyles) {\n    t4 = state_0 => getToggleStyles(state_0).className;\n    t5 = state_1 => getToggleStyles(state_1).style;\n    $[13] = getToggleStyles;\n    $[14] = t4;\n    $[15] = t5;\n  } else {\n    t4 = $[14];\n    t5 = $[15];\n  }\n  let t6;\n  if ($[16] !== props || $[17] !== t4 || $[18] !== t5) {\n    t6 = <TogglePrimitive {...props} className={t4} style={t5} />;\n    $[16] = props;\n    $[17] = t4;\n    $[18] = t5;\n    $[19] = t6;\n  } else {\n    t6 = $[19];\n  }\n  return t6;\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"]
+  "sources": ["../src/toggle.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nconst styles = {\n  root: {\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: \"xi3myl\",\n    $$css: true\n  },\n  pressed: {\n    kWkggS: \"xi3myl\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  outlinePressed: {\n    kGVxlE: \"xzq8p8k\",\n    $$css: true\n  },\n  unavailable: {\n    kWkggS: \"xx34gk8\",\n    $$css: true\n  },\n  disabled: {\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  }\n};\nconst sizeStyles = {\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 variantStyles = {\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};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\" | \"soft\";\nexport type ToggleProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n  xstyle?: ControlLayoutStyles;\n};\nexport function Toggle(t0) {\n  const $ = _c(20);\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      size: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    xstyle = $[6];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"default\" : t2;\n  let t3;\n  if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n    t3 = function getToggleStyles(state) {\n      return mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], variant === \"outline\" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles.pressed, state.pressed && variant === \"outline\" && styles.outlinePressed, state.pressed && variant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);\n    };\n    $[7] = className;\n    $[8] = size;\n    $[9] = style;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  const getToggleStyles = t3;\n  let t4;\n  let t5;\n  if ($[13] !== getToggleStyles) {\n    t4 = state_0 => getToggleStyles(state_0).className;\n    t5 = state_1 => getToggleStyles(state_1).style;\n    $[13] = getToggleStyles;\n    $[14] = t4;\n    $[15] = t5;\n  } else {\n    t4 = $[14];\n    t5 = $[15];\n  }\n  let t6;\n  if ($[16] !== props || $[17] !== t4 || $[18] !== t5) {\n    t6 = <TogglePrimitive {...props} className={t4} style={t5} />;\n    $[16] = props;\n    $[17] = t4;\n    $[18] = t5;\n    $[19] = t6;\n  } else {\n    t6 = $[19];\n  }\n  return t6;\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 { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  edge: {\n    kVAM5u: \"x1kqtvf4\",\n    kFGkbq: \"x1w1tqly\",\n    $$css: true\n  },\n  material: {\n    \"--bolerish-material-shadow\": \"xvd6nka\",\n    kGVxlE: \"x16ifxj2 xpqbwuo\",\n    kWkggS: \"x1s4uome x1u5mdis\",\n    k6WDB: \"x1t853zo x1o5bnqd\",\n    kKwaWg: \"x18o3ruo xxit9r9\",\n    kTahiY: \"x1cg02ou\",\n    kEcs6k: \"x11rvarm\",\n    kWrjR8: \"x1ile18z\",\n    kfloDl: \"x1m3y3zz\",\n    kO6drA: \"x9yvj25\",\n    kkTUmj: \"x14hm74v\",\n    k11ilZ: \"xhobzj1\",\n    ktzNWN: \"xwaqzdf\",\n    $$css: true\n  },\n  panel: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"x8fe23t\",\n    \"--bolerish-material-filter\": \"x1n6mwez\",\n    $$css: true\n  },\n  control: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  subtle: {\n    \"--bolerish-material-color\": \"x1819ggx\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  outline: {\n    \"--bolerish-material-color\": \"x3m3fbl\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  raised: {\n    \"--bolerish-material-shadow\": \"x1l9gcvt\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x1nqk09\",\n    \"--bolerish-material-filter\": \"x1gkvbmm\",\n    $$css: true\n  },\n  translucent: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xoh9gux\",\n    \"--bolerish-material-filter\": \"xhu24am\",\n    $$css: true\n  },\n  floating: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x14p89z6\",\n    \"--bolerish-material-filter\": \"xunhrho\",\n    $$css: true\n  }\n};\nexport const surfaceStyles = {\n  edge: styles.edge,\n  panel: [styles.material, styles.panel],\n  control: [styles.material, styles.control],\n  subtle: [styles.material, styles.subtle],\n  outline: [styles.material, styles.outline],\n  raised: [styles.material, styles.raised],\n  translucent: [styles.material, styles.translucent],\n  floating: [styles.material, styles.floating]\n};"],
+  "mappings": "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",
+  "names": ["styles", "props", "getToggleStyles"]
 }

package/dist/tooltip.d.ts

@@ -2,7 +2,7 @@ import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
 import type { StyledProps } from "./styles/merge-styles";
-export declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
+export declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => React.JSX.Element;
 export declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
 export declare function TooltipTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof TooltipPrimitive.Trigger>> & {
     xstyle?: stylex.StyleXStyles;

package/dist/tooltip.js

@@ -18,9 +18,92 @@ function mergeStyles(base, className, style) {
   };
 }
 
+// src/styles/surface.ts
+var styles = {
+  edge: {
+    kVAM5u: "x1kqtvf4",
+    kFGkbq: "x1w1tqly",
+    $$css: true
+  },
+  material: {
+    "--bolerish-material-shadow": "xvd6nka",
+    kGVxlE: "x16ifxj2 xpqbwuo",
+    kWkggS: "x1s4uome x1u5mdis",
+    k6WDB: "x1t853zo x1o5bnqd",
+    kKwaWg: "x18o3ruo xxit9r9",
+    kTahiY: "x1cg02ou",
+    kEcs6k: "x11rvarm",
+    kWrjR8: "x1ile18z",
+    kfloDl: "x1m3y3zz",
+    kO6drA: "x9yvj25",
+    kkTUmj: "x14hm74v",
+    k11ilZ: "xhobzj1",
+    ktzNWN: "xwaqzdf",
+    $$css: true
+  },
+  panel: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "x8fe23t",
+    "--bolerish-material-filter": "x1n6mwez",
+    $$css: true
+  },
+  control: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  subtle: {
+    "--bolerish-material-color": "x1819ggx",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  outline: {
+    "--bolerish-material-color": "x3m3fbl",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  raised: {
+    "--bolerish-material-shadow": "x1l9gcvt",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x1nqk09",
+    "--bolerish-material-filter": "x1gkvbmm",
+    $$css: true
+  },
+  translucent: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xoh9gux",
+    "--bolerish-material-filter": "xhu24am",
+    $$css: true
+  },
+  floating: {
+    "--bolerish-material-shadow": "xu02b4h",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x14p89z6",
+    "--bolerish-material-filter": "xunhrho",
+    $$css: true
+  }
+};
+var surfaceStyles = {
+  edge: styles.edge,
+  panel: [styles.material, styles.panel],
+  control: [styles.material, styles.control],
+  subtle: [styles.material, styles.subtle],
+  outline: [styles.material, styles.outline],
+  raised: [styles.material, styles.raised],
+  translucent: [styles.material, styles.translucent],
+  floating: [styles.material, styles.floating]
+};
+
 // src/tooltip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
+  elevation: {
+    "--bolerish-material-shadow": "xu02b4h",
+    $$css: true
+  },
   popup: {
     kWkggS: "xssngo0",
     kVAM5u: "x1kqtvf4",
@@ -144,7 +227,7 @@ function TooltipContent(t0) {
   let t4;
   if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {
     t4 = function getPopupStyles2(state) {
-      return mergeStyles(stylex.props(styles.popup, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupEnding, xstyle), className, style);
+      return mergeStyles(stylex.props(styles2.popup, surfaceStyles.raised, styles2.elevation, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles2.popupTransitioning, state.transitionStatus === "ending" && styles2.popupEnding, xstyle), className, style);
     };
     $[8] = className;
     $[9] = style;

package/dist/tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/tooltip.tsx", "../src/styles/merge-styles.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  popup: {\n    kWkggS: \"xssngo0\",\n    kVAM5u: \"x1kqtvf4\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kaIpWk: \"x1p5vitp\",\n    kGVxlE: \"xms81ks\",\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1gag4p9\",\n    kLWn49: \"xipl0i2\",\n    ks0D6T: \"x1as4rcc\",\n    k8WAf4: \"x1mmca2r\",\n    kg3NbH: \"x5044ve\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1oxff63\",\n    kehFko: \"xjilbjb\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"xznvecg\",\n    kAMwcw: \"xitywxs\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport function TooltipTrigger(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <TooltipPrimitive.Trigger {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\ntype TooltipContentProps = StyledProps<ComponentProps<typeof TooltipPrimitive.Popup>> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(26);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      align: t1,\n      side: t2,\n      sideOffset: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = t3;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    t3 = $[6];\n    xstyle = $[7];\n  }\n  const align = t1 === undefined ? \"center\" : t1;\n  const side = t2 === undefined ? \"top\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n    t4 = function getPopupStyles(state) {\n      return mergeStyles(stylex.props(styles.popup, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle), className, style);\n    };\n    $[8] = className;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const getPopupStyles = t4;\n  let t5;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x1p9f38c\"\n    };\n    $[12] = t5;\n  } else {\n    t5 = $[12];\n  }\n  let t6;\n  let t7;\n  if ($[13] !== getPopupStyles) {\n    t6 = state_0 => getPopupStyles(state_0).className;\n    t7 = state_1 => getPopupStyles(state_1).style;\n    $[13] = getPopupStyles;\n    $[14] = t6;\n    $[15] = t7;\n  } else {\n    t6 = $[14];\n    t7 = $[15];\n  }\n  let t8;\n  if ($[16] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t8 = <TooltipPrimitive.Arrow className=\"xjyu4m7 x1cblnce x1xfbi0z\" />;\n    $[16] = t8;\n  } else {\n    t8 = $[16];\n  }\n  let t9;\n  if ($[17] !== props || $[18] !== t6 || $[19] !== t7) {\n    t9 = <TooltipPrimitive.Popup {...props} className={t6} style={t7}>{props.children}{t8}</TooltipPrimitive.Popup>;\n    $[17] = props;\n    $[18] = t6;\n    $[19] = t7;\n    $[20] = t9;\n  } else {\n    t9 = $[20];\n  }\n  let t10;\n  if ($[21] !== align || $[22] !== side || $[23] !== sideOffset || $[24] !== t9) {\n    t10 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t5}>{t9}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[21] = align;\n    $[22] = side;\n    $[23] = sideOffset;\n    $[24] = t9;\n    $[25] = t10;\n  } else {\n    t10 = $[25];\n  }\n  return t10;\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", "getPopupStyles"]
+  "sources": ["../src/tooltip.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nconst styles = {\n  elevation: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    $$css: true\n  },\n  popup: {\n    kWkggS: \"xssngo0\",\n    kVAM5u: \"x1kqtvf4\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kaIpWk: \"x1p5vitp\",\n    kGVxlE: \"xms81ks\",\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1gag4p9\",\n    kLWn49: \"xipl0i2\",\n    ks0D6T: \"x1as4rcc\",\n    k8WAf4: \"x1mmca2r\",\n    kg3NbH: \"x5044ve\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1oxff63\",\n    kehFko: \"xjilbjb\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"xznvecg\",\n    kAMwcw: \"xitywxs\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport function TooltipTrigger(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <TooltipPrimitive.Trigger {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\ntype TooltipContentProps = StyledProps<ComponentProps<typeof TooltipPrimitive.Popup>> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(26);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      align: t1,\n      side: t2,\n      sideOffset: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = t3;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    t3 = $[6];\n    xstyle = $[7];\n  }\n  const align = t1 === undefined ? \"center\" : t1;\n  const side = t2 === undefined ? \"top\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n    t4 = function getPopupStyles(state) {\n      return mergeStyles(stylex.props(styles.popup, surfaceStyles.raised, styles.elevation, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle), className, style);\n    };\n    $[8] = className;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const getPopupStyles = t4;\n  let t5;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x1p9f38c\"\n    };\n    $[12] = t5;\n  } else {\n    t5 = $[12];\n  }\n  let t6;\n  let t7;\n  if ($[13] !== getPopupStyles) {\n    t6 = state_0 => getPopupStyles(state_0).className;\n    t7 = state_1 => getPopupStyles(state_1).style;\n    $[13] = getPopupStyles;\n    $[14] = t6;\n    $[15] = t7;\n  } else {\n    t6 = $[14];\n    t7 = $[15];\n  }\n  let t8;\n  if ($[16] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t8 = <TooltipPrimitive.Arrow className=\"xjyu4m7 x1cblnce x1xfbi0z\" />;\n    $[16] = t8;\n  } else {\n    t8 = $[16];\n  }\n  let t9;\n  if ($[17] !== props || $[18] !== t6 || $[19] !== t7) {\n    t9 = <TooltipPrimitive.Popup {...props} className={t6} style={t7}>{props.children}{t8}</TooltipPrimitive.Popup>;\n    $[17] = props;\n    $[18] = t6;\n    $[19] = t7;\n    $[20] = t9;\n  } else {\n    t9 = $[20];\n  }\n  let t10;\n  if ($[21] !== align || $[22] !== side || $[23] !== sideOffset || $[24] !== t9) {\n    t10 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t5}>{t9}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[21] = align;\n    $[22] = side;\n    $[23] = sideOffset;\n    $[24] = t9;\n    $[25] = t10;\n  } else {\n    t10 = $[25];\n  }\n  return t10;\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 { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  edge: {\n    kVAM5u: \"x1kqtvf4\",\n    kFGkbq: \"x1w1tqly\",\n    $$css: true\n  },\n  material: {\n    \"--bolerish-material-shadow\": \"xvd6nka\",\n    kGVxlE: \"x16ifxj2 xpqbwuo\",\n    kWkggS: \"x1s4uome x1u5mdis\",\n    k6WDB: \"x1t853zo x1o5bnqd\",\n    kKwaWg: \"x18o3ruo xxit9r9\",\n    kTahiY: \"x1cg02ou\",\n    kEcs6k: \"x11rvarm\",\n    kWrjR8: \"x1ile18z\",\n    kfloDl: \"x1m3y3zz\",\n    kO6drA: \"x9yvj25\",\n    kkTUmj: \"x14hm74v\",\n    k11ilZ: \"xhobzj1\",\n    ktzNWN: \"xwaqzdf\",\n    $$css: true\n  },\n  panel: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"x8fe23t\",\n    \"--bolerish-material-filter\": \"x1n6mwez\",\n    $$css: true\n  },\n  control: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  subtle: {\n    \"--bolerish-material-color\": \"x1819ggx\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  outline: {\n    \"--bolerish-material-color\": \"x3m3fbl\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  raised: {\n    \"--bolerish-material-shadow\": \"x1l9gcvt\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x1nqk09\",\n    \"--bolerish-material-filter\": \"x1gkvbmm\",\n    $$css: true\n  },\n  translucent: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xoh9gux\",\n    \"--bolerish-material-filter\": \"xhu24am\",\n    $$css: true\n  },\n  floating: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x14p89z6\",\n    \"--bolerish-material-filter\": \"xunhrho\",\n    $$css: true\n  }\n};\nexport const surfaceStyles = {\n  edge: styles.edge,\n  panel: [styles.material, styles.panel],\n  control: [styles.material, styles.control],\n  subtle: [styles.material, styles.subtle],\n  outline: [styles.material, styles.outline],\n  raised: [styles.material, styles.raised],\n  translucent: [styles.material, styles.translucent],\n  floating: [styles.material, styles.floating]\n};"],
+  "mappings": "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",
+  "names": ["styles", "props", "getPopupStyles"]
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@bolerish/ui",
-  "version": "0.13.0",
+  "version": "0.16.0",
   "private": false,
   "repository": {
     "type": "git",
-    "url": "https://github.com/myjeong19/ui.git"
+    "url": "git+https://github.com/myjeong19/bolerish-ui.git"
   },
   "files": [
     "dist"
@@ -44,13 +44,15 @@
     "./field": "./dist/field.js",
     "./hover-card": "./dist/hover-card.js",
     "./gradient": "./dist/gradient.js",
+    "./surface": "./dist/surface.js",
+    "./liquid": "./dist/liquid.js",
     "./global.css": "./dist/global.css",
     "./primitives": "./dist/primitives.js",
     "./reset.css": "./dist/reset.css",
     "./input": "./dist/input.js",
     "./input-group": "./dist/input-group.js",
     "./input-otp": "./dist/input-otp.js",
-    "./content-row": "./dist/content-row.js",
+    "./item": "./dist/item.js",
     "./kbd": "./dist/kbd.js",
     "./label": "./dist/label.js",
     "./link": "./dist/link.js",
@@ -86,14 +88,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@base-ui/react": "^1.7.0",
-    "@bolerish/tokens": "0.13.0",
+    "@base-ui/react": "^1.9.0",
+    "@bolerish/tokens": "0.16.0",
     "@daypicker/react": "^10.0.1",
     "@phosphor-icons/react": "^2.1.10",
     "@stylexjs/stylex": "^0.19.0",
     "embla-carousel-react": "^8.6.0"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.14.0",
+    "@playwright/test": "1.63.0",
     "@stylexjs/unplugin": "0.19.0",
     "@types/node": "26.4.1",
     "@types/react": "19.2.18",
@@ -112,6 +116,7 @@
   "scripts": {
     "build": "node --experimental-strip-types scripts/build.ts",
     "test": "pnpm build && node --experimental-strip-types --test src/*.test.ts src/styles/*.test.ts package.test.ts",
+    "test:browser": "pnpm build && playwright test",
     "typecheck": "tsc --noEmit && pnpm build && tsc -p tsconfig.test.json"
   }
 }