@nuee/ui 0.4.0 → 0.5.0

package/dist/bubble.d.ts

@@ -1,8 +1,10 @@
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type BubbleProps = ComponentProps<"div"> & {
-    side?: "incoming" | "outgoing";
-    variant?: "default" | "outline";
+export type BubbleAlign = "start" | "end";
+export type BubbleVariant = "default" | "primary" | "outline";
+export type BubbleProps = Omit<ComponentProps<"div">, "className" | "style"> & {
+    align?: BubbleAlign;
+    variant?: BubbleVariant;
     xstyle?: stylex.StyleXStyles;
 };
-export declare function Bubble({ side, variant, xstyle, ...props }: BubbleProps): import("react").JSX.Element;
+export declare function Bubble({ align, variant, xstyle, ...props }: BubbleProps): import("react").JSX.Element;

package/dist/bubble.js

@@ -1,91 +1,53 @@
 // src/bubble.tsx
-import { c as _c } from "react/compiler-runtime";
 import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
     kGuDYH: "x99mhxu",
     kLWn49: "xi1fz51",
-    ks0D6T: "x1bht2vh",
+    ks0D6T: "x1ihlfi",
     k8WAf4: "x172mi11",
     kg3NbH: "x19pklni",
     khDVqt: "x126k92a",
     $$css: true
   },
-  incoming: {
+  alignStart: {
     kSGwAc: "xqcrz7y",
     kqGeR4: "x4cpyzu",
     kaIpWk: "x7c24we",
     $$css: true
   },
-  outgoing: {
+  alignEnd: {
     kSGwAc: "xpvyfi4",
     kYm2EN: "x62l8f0",
     kaIpWk: "x7c24we",
     $$css: true
   },
-  variantDefault: {
+  default: {
     kWkggS: "x13hkpcx",
     kMwMTN: "x1alews2",
     $$css: true
   },
+  primary: {
+    kWkggS: "x1fu17qy",
+    kMwMTN: "xrbreni",
+    $$css: true
+  },
   outline: {
-    kWkggS: "x8m6yc2",
     kVAM5u: "x13xm7is",
     ksu8eU: "x1y0btm7",
-    kMzoRj: "xmkeg23",
+    kMzoRj: "xzgztj1",
     kMwMTN: "x1alews2",
     $$css: true
   }
 };
-function Bubble(t0) {
-  const $ = _c(13);
-  let props2;
-  let t1;
-  let t2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      side: t1,
-      variant: t2,
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = xstyle;
-  } else {
-    props2 = $[1];
-    t1 = $[2];
-    t2 = $[3];
-    xstyle = $[4];
-  }
-  const side = t1 === void 0 ? "incoming" : t1;
-  const variant = t2 === void 0 ? "default" : t2;
-  let t3;
-  if ($[5] !== side || $[6] !== variant || $[7] !== xstyle) {
-    t3 = stylex.props(styles.root, styles[side], variant === "default" ? styles.variantDefault : styles[variant], xstyle);
-    $[5] = side;
-    $[6] = variant;
-    $[7] = xstyle;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  const resolved = t3;
-  let t4;
-  if ($[9] !== props2 || $[10] !== resolved || $[11] !== side) {
-    t4 = /* @__PURE__ */ jsx("div", { ...props2, ...resolved, "data-side": side });
-    $[9] = props2;
-    $[10] = resolved;
-    $[11] = side;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
+function Bubble({
+  align = "start",
+  variant = "default",
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, "data-align": align, "data-variant": variant, ...stylex.props(styles.root, align === "start" ? styles.alignStart : styles.alignEnd, styles[variant], xstyle) });
 }
 export {
   Bubble

package/dist/bubble.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/bubble.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1bht2vh\",\n    k8WAf4: \"x172mi11\",\n    kg3NbH: \"x19pklni\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  incoming: {\n    kSGwAc: \"xqcrz7y\",\n    kqGeR4: \"x4cpyzu\",\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  outgoing: {\n    kSGwAc: \"xpvyfi4\",\n    kYm2EN: \"x62l8f0\",\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  variantDefault: {\n    kWkggS: \"x13hkpcx\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  }\n};\nexport type BubbleProps = ComponentProps<\"div\"> & {\n  side?: \"incoming\" | \"outgoing\";\n  variant?: \"default\" | \"outline\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Bubble(t0) {\n  const $ = _c(13);\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      side: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    xstyle = $[4];\n  }\n  const side = t1 === undefined ? \"incoming\" : t1;\n  const variant = t2 === undefined ? \"default\" : t2;\n  let t3;\n  if ($[5] !== side || $[6] !== variant || $[7] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[side], variant === \"default\" ? styles.variantDefault : styles[variant], xstyle);\n    $[5] = side;\n    $[6] = variant;\n    $[7] = xstyle;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  const resolved = t3;\n  let t4;\n  if ($[9] !== props || $[10] !== resolved || $[11] !== side) {\n    t4 = <div {...props} {...resolved} data-side={side} />;\n    $[9] = props;\n    $[10] = resolved;\n    $[11] = side;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  return t4;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AAmFf;AAhFT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,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,OAAO;AAAA,EACT;AACF;AAMO,SAAS,OAAO,IAAI;AACzB,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,OAAO,OAAO,SAAY,aAAa;AAC7C,QAAM,UAAU,OAAO,SAAY,YAAY;AAC/C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ,EAAE,CAAC,MAAM,WAAW,EAAE,CAAC,MAAM,QAAQ;AACxD,SAAY,aAAM,OAAO,MAAM,OAAO,IAAI,GAAG,YAAY,YAAY,OAAO,iBAAiB,OAAO,OAAO,GAAG,MAAM;AACpH,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,WAAW;AACjB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAMA,UAAS,EAAE,EAAE,MAAM,YAAY,EAAE,EAAE,MAAM,MAAM;AAC1D,SAAK,oBAAC,SAAK,GAAGA,QAAQ,GAAG,UAAU,aAAW,MAAM;AACpD,MAAE,CAAC,IAAIA;AACP,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  root: {\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1ihlfi\",\n    k8WAf4: \"x172mi11\",\n    kg3NbH: \"x19pklni\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  alignStart: {\n    kSGwAc: \"xqcrz7y\",\n    kqGeR4: \"x4cpyzu\",\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  alignEnd: {\n    kSGwAc: \"xpvyfi4\",\n    kYm2EN: \"x62l8f0\",\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  default: {\n    kWkggS: \"x13hkpcx\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x1fu17qy\",\n    kMwMTN: \"xrbreni\",\n    $$css: true\n  },\n  outline: {\n    kVAM5u: \"x13xm7is\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  }\n};\nexport type BubbleAlign = \"start\" | \"end\";\nexport type BubbleVariant = \"default\" | \"primary\" | \"outline\";\nexport type BubbleProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & {\n  align?: BubbleAlign;\n  variant?: BubbleVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Bubble({\n  align = \"start\",\n  variant = \"default\",\n  xstyle,\n  ...props\n}: BubbleProps) {\n  return <div {...props} data-align={align} data-variant={variant} {...stylex.props(styles.root, align === \"start\" ? styles.alignStart : styles.alignEnd, styles[variant], xstyle)} />;\n}"],
+  "mappings": ";AACA,YAAY,YAAY;AAuDf;AArDT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;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,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,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,OAAO;AAAA,EACT;AACF;AAQO,SAAS,OAAO;AAAA,EACrB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAgB;AACd,SAAO,oBAAC,SAAK,GAAGA,QAAO,cAAY,OAAO,gBAAc,SAAU,GAAU,aAAM,OAAO,MAAM,UAAU,UAAU,OAAO,aAAa,OAAO,UAAU,OAAO,OAAO,GAAG,MAAM,GAAG;AACpL;",
   "names": ["props"]
 }

package/dist/button-group.d.ts

@@ -1,14 +1,14 @@
 import * as stylex from "@stylexjs/stylex";
-import { type ComponentProps, type CSSProperties } from "react";
+import { type ComponentProps } from "react";
 import { Separator } from "./separator";
 type StyleProps = {
-    style?: CSSProperties;
     xstyle?: stylex.StyleXStyles;
 };
-export type ButtonGroupProps = ComponentProps<"div"> & StyleProps & {
+/** Direct children must be Nuee buttons or components that forward xstyle. Fragments and native elements are not styled as group items. */
+export type ButtonGroupProps = Omit<ComponentProps<"div">, "className" | "style"> & StyleProps & {
     orientation?: "horizontal" | "vertical";
 };
 export declare function ButtonGroup({ children, orientation, role, xstyle, ...props }: ButtonGroupProps): import("react").JSX.Element;
-export declare function ButtonGroupText({ xstyle, ...props }: ComponentProps<"span"> & StyleProps): import("react").JSX.Element;
-export declare function ButtonGroupSeparator({ orientation, xstyle, ...props }: ComponentProps<typeof Separator> & StyleProps): import("react").JSX.Element;
+export declare function ButtonGroupText({ xstyle, ...props }: Omit<ComponentProps<"span">, "className" | "style"> & StyleProps): import("react").JSX.Element;
+export declare function ButtonGroupSeparator({ orientation, xstyle, ...props }: Omit<ComponentProps<typeof Separator>, "className" | "style"> & StyleProps): import("react").JSX.Element;
 export {};

package/dist/button-group.js

@@ -1,88 +1,12 @@
-// src/button-group.tsx
-import { c as _c2 } from "react/compiler-runtime";
-import * as stylex2 from "@stylexjs/stylex";
-import { Children, cloneElement, isValidElement } from "react";
+"use client";
 
-// src/separator.tsx
+// src/button-group.tsx
 import { c as _c } from "react/compiler-runtime";
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 import * as stylex from "@stylexjs/stylex";
+import { Children, Fragment, cloneElement, isValidElement } from "react";
+import { Separator } from "./separator.js";
 import { jsx } from "react/jsx-runtime";
 var styles = {
-  root: {
-    kWkggS: "xoec9bc",
-    kmuXW: "x2lah0s",
-    $$css: true
-  },
-  horizontal: {
-    kZKoxP: "x1c2adg6",
-    kzqmXN: "xh8yej3",
-    $$css: true
-  },
-  vertical: {
-    kSGwAc: "xkh2ocl",
-    kAzted: "x43ag4r",
-    kzqmXN: "x1l4o4rh",
-    $$css: true
-  }
-};
-function Separator(t0) {
-  const $ = _c(14);
-  let props3;
-  let t1;
-  let t2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      decorative: t1,
-      orientation: t2,
-      xstyle,
-      ...props3
-    } = t0);
-    $[0] = t0;
-    $[1] = props3;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = xstyle;
-  } else {
-    props3 = $[1];
-    t1 = $[2];
-    t2 = $[3];
-    xstyle = $[4];
-  }
-  const decorative = t1 === void 0 ? true : t1;
-  const orientation = t2 === void 0 ? "horizontal" : t2;
-  let t3;
-  if ($[5] !== orientation || $[6] !== xstyle) {
-    t3 = stylex.props(styles.root, styles[orientation], xstyle);
-    $[5] = orientation;
-    $[6] = xstyle;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  const stylexProps = t3;
-  const t4 = decorative || void 0;
-  const t5 = decorative ? "presentation" : void 0;
-  let t6;
-  if ($[8] !== orientation || $[9] !== props3 || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props3, "aria-hidden": t4, orientation, role: t5, ...stylexProps });
-    $[8] = orientation;
-    $[9] = props3;
-    $[10] = stylexProps;
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  return t6;
-}
-
-// src/button-group.tsx
-import { radiusVars } from "@nuee/tokens/semantic.stylex";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var styles2 = {
   root: {
     kGNEyG: "x1qjc9v5",
     k1xSpc: "x3nfvp2",
@@ -112,7 +36,26 @@ var styles2 = {
     keTefX: "x1lziwak",
     $$css: true
   },
+  horizontalOnlyItem: {
+    kaIpWk: "x7c24we",
+    $$css: true
+  },
+  horizontalFirstItemRadius: {
+    kqGeR4: "x4cpyzu",
+    kYm2EN: "xjppbhk",
+    kIxVMA: "x1nema14",
+    ksF3WI: "x1a2w583",
+    $$css: true
+  },
+  horizontalMiddleItem: {
+    kaIpWk: "x2u8bby",
+    $$css: true
+  },
   horizontalLastItem: {
+    kqGeR4: "xfrllxf",
+    kYm2EN: "x62l8f0",
+    kIxVMA: "x1ia1hqs",
+    ksF3WI: "x1qb8ewl",
     $$css: true
   },
   verticalItem: {
@@ -123,7 +66,26 @@ var styles2 = {
     keoZOQ: "xdj266r",
     $$css: true
   },
+  verticalOnlyItem: {
+    kaIpWk: "x7c24we",
+    $$css: true
+  },
+  verticalFirstItemRadius: {
+    kqGeR4: "xfrllxf",
+    kYm2EN: "xjppbhk",
+    kIxVMA: "x1nema14",
+    ksF3WI: "x1qb8ewl",
+    $$css: true
+  },
+  verticalMiddleItem: {
+    kaIpWk: "x2u8bby",
+    $$css: true
+  },
   verticalLastItem: {
+    kqGeR4: "x4cpyzu",
+    kYm2EN: "x62l8f0",
+    kIxVMA: "x1ia1hqs",
+    ksF3WI: "x1a2w583",
     $$css: true
   },
   text: {
@@ -150,30 +112,24 @@ var styles2 = {
   }
 };
 function isGroupItem(child) {
-  return isValidElement(child) && child.type !== ButtonGroupSeparator;
+  return isValidElement(child) && typeof child.type !== "string" && child.type !== Fragment && child.type !== ButtonGroupSeparator;
 }
-function getItemBorderRadius(orientation, position, length) {
-  const isFirst = position === 0;
-  const isLast = position === length - 1;
+function getItemPositionStyle(orientation, isFirst, isLast) {
   if (orientation === "horizontal") {
-    return {
-      borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,
-      borderBottomRightRadius: isLast ? radiusVars.sm : 0,
-      borderTopLeftRadius: isFirst ? radiusVars.sm : 0,
-      borderTopRightRadius: isLast ? radiusVars.sm : 0
-    };
+    if (isFirst && isLast) return styles.horizontalOnlyItem;
+    if (isFirst) return styles.horizontalFirstItemRadius;
+    if (isLast) return styles.horizontalLastItem;
+    return styles.horizontalMiddleItem;
   }
-  return {
-    borderBottomLeftRadius: isLast ? radiusVars.sm : 0,
-    borderBottomRightRadius: isLast ? radiusVars.sm : 0,
-    borderTopLeftRadius: isFirst ? radiusVars.sm : 0,
-    borderTopRightRadius: isFirst ? radiusVars.sm : 0
-  };
+  if (isFirst && isLast) return styles.verticalOnlyItem;
+  if (isFirst) return styles.verticalFirstItemRadius;
+  if (isLast) return styles.verticalLastItem;
+  return styles.verticalMiddleItem;
 }
 function ButtonGroup(t0) {
-  const $ = _c2(18);
+  const $ = _c(18);
   let children;
-  let props3;
+  let props2;
   let role;
   let t1;
   let xstyle;
@@ -183,103 +139,101 @@ function ButtonGroup(t0) {
       orientation: t1,
       role,
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = props3;
+    $[2] = props2;
     $[3] = role;
     $[4] = t1;
     $[5] = xstyle;
   } else {
     children = $[1];
-    props3 = $[2];
+    props2 = $[2];
     role = $[3];
     t1 = $[4];
     xstyle = $[5];
   }
   const orientation = t1 === void 0 ? "horizontal" : t1;
-  let t2;
-  if ($[6] !== orientation || $[7] !== xstyle) {
-    t2 = stylex2.props(styles2.root, styles2[orientation], xstyle);
-    $[6] = orientation;
-    $[7] = xstyle;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const stylexProps = t2;
-  let t3;
-  if ($[9] !== children || $[10] !== orientation) {
+  let content;
+  if ($[6] !== children || $[7] !== orientation) {
     const childItems = Children.toArray(children);
     const groupItems = childItems.filter(isGroupItem);
-    t3 = childItems.map((child, childIndex) => {
+    let position = -1;
+    content = [];
+    for (const child of childItems) {
       if (!isGroupItem(child)) {
-        return child;
+        content.push(child);
+        continue;
       }
-      const position = childItems.slice(0, childIndex).filter(isGroupItem).length;
-      const groupItem = child;
-      const itemStyles = [styles2.item, styles2[`${orientation}Item`], position === 0 && styles2[`${orientation}FirstItem`], position === groupItems.length - 1 && styles2[`${orientation}LastItem`]];
-      return cloneElement(groupItem, {
-        style: {
-          ...groupItem.props.style,
-          ...getItemBorderRadius(orientation, position, groupItems.length)
-        },
-        xstyle: [...itemStyles, groupItem.props.xstyle]
-      });
-    });
-    $[9] = children;
-    $[10] = orientation;
+      position = position + 1;
+      const isFirst = position === 0;
+      const isLast = position === groupItems.length - 1;
+      const positionStyle = getItemPositionStyle(orientation, isFirst, isLast);
+      const itemStyles = [styles.item, styles[`${orientation}Item`], isFirst && styles[`${orientation}FirstItem`], positionStyle];
+      content.push(cloneElement(child, {
+        xstyle: [...itemStyles, child.props.xstyle]
+      }));
+    }
+    $[6] = children;
+    $[7] = orientation;
+    $[8] = content;
+  } else {
+    content = $[8];
+  }
+  const t2 = role ?? "group";
+  let t3;
+  if ($[9] !== orientation || $[10] !== xstyle) {
+    t3 = stylex.props(styles.root, styles[orientation], xstyle);
+    $[9] = orientation;
+    $[10] = xstyle;
     $[11] = t3;
   } else {
     t3 = $[11];
   }
-  const content = t3;
-  const t4 = role ?? "group";
-  let t5;
-  if ($[12] !== content || $[13] !== orientation || $[14] !== props3 || $[15] !== stylexProps || $[16] !== t4) {
-    t5 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, role: t4, ...stylexProps, children: content });
+  let t4;
+  if ($[12] !== content || $[13] !== orientation || $[14] !== props2 || $[15] !== t2 || $[16] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { ...props2, "data-orientation": orientation, role: t2, ...t3, children: content });
     $[12] = content;
     $[13] = orientation;
-    $[14] = props3;
-    $[15] = stylexProps;
-    $[16] = t4;
-    $[17] = t5;
+    $[14] = props2;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
   } else {
-    t5 = $[17];
+    t4 = $[17];
   }
-  return t5;
+  return t4;
 }
 function ButtonGroupText(t0) {
-  const $ = _c2(8);
-  let props3;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = stylex2.props(styles2.text, xstyle);
+    t1 = stylex.props(styles.text, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
-  const stylexProps = t1;
   let t2;
-  if ($[5] !== props3 || $[6] !== stylexProps) {
-    t2 = /* @__PURE__ */ jsx2("span", { ...props3, ...stylexProps });
-    $[5] = props3;
-    $[6] = stylexProps;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
+    $[5] = props2;
+    $[6] = t1;
     $[7] = t2;
   } else {
     t2 = $[7];
@@ -287,39 +241,39 @@ function ButtonGroupText(t0) {
   return t2;
 }
 function ButtonGroupSeparator(t0) {
-  const $ = _c2(10);
-  let props3;
+  const $ = _c(10);
+  let props2;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
       orientation: t1,
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = t1;
     $[3] = xstyle;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     t1 = $[2];
     xstyle = $[3];
   }
   const orientation = t1 === void 0 ? "vertical" : t1;
   let t2;
   if ($[4] !== xstyle) {
-    t2 = [styles2.separator, xstyle];
+    t2 = [styles.separator, xstyle];
     $[4] = xstyle;
     $[5] = t2;
   } else {
     t2 = $[5];
   }
   let t3;
-  if ($[6] !== orientation || $[7] !== props3 || $[8] !== t2) {
-    t3 = /* @__PURE__ */ jsx2(Separator, { ...props3, orientation, xstyle: t2 });
+  if ($[6] !== orientation || $[7] !== props2 || $[8] !== t2) {
+    t3 = /* @__PURE__ */ jsx(Separator, { ...props2, orientation, xstyle: t2 });
     $[6] = orientation;
-    $[7] = props3;
+    $[7] = props2;
     $[8] = t2;
     $[9] = t3;
   } else {

package/dist/button-group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/button-group.tsx", "../src/separator.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, cloneElement, isValidElement, type ComponentProps, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nimport { radiusVars } from \"@nuee/tokens/semantic.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xxhr3t\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"x1q0g3np\",\n    $$css: true\n  },\n  vertical: {\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  },\n  item: {\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    k9RWNo: \"x135w3n3\",\n    $$css: true\n  },\n  horizontalItem: {\n    keTefX: \"x1hb08if\",\n    $$css: true\n  },\n  horizontalFirstItem: {\n    keTefX: \"x1lziwak\",\n    $$css: true\n  },\n  horizontalLastItem: {\n    $$css: true\n  },\n  verticalItem: {\n    keoZOQ: \"x1y332i5\",\n    $$css: true\n  },\n  verticalFirstItem: {\n    keoZOQ: \"xdj266r\",\n    $$css: true\n  },\n  verticalLastItem: {\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kMwMTN: \"x1ry1pnm\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x1ek7y2g\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  separator: {\n    kSGwAc: \"xkh2ocl\",\n    kZKoxP: \"xt7dq6l\",\n    kUOVxO: \"xz95peq\",\n    kAzted: \"x65nank\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  style?: CSSProperties;\n  xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n  return isValidElement(child) && child.type !== ButtonGroupSeparator;\n}\nfunction getItemBorderRadius(orientation: \"horizontal\" | \"vertical\", position: number, length: number): CSSProperties {\n  const isFirst = position === 0;\n  const isLast = position === length - 1;\n  if (orientation === \"horizontal\") {\n    return {\n      borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n      borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderTopRightRadius: isLast ? radiusVars.sm : 0\n    };\n  }\n  return {\n    borderBottomLeftRadius: isLast ? radiusVars.sm : 0,\n    borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n    borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n    borderTopRightRadius: isFirst ? radiusVars.sm : 0\n  };\n}\nexport type ButtonGroupProps = ComponentProps<\"div\"> & StyleProps & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n  const $ = _c(18);\n  let children;\n  let props;\n  let role;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      orientation: t1,\n      role,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = role;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    role = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const orientation = t1 === undefined ? \"horizontal\" : t1;\n  let t2;\n  if ($[6] !== orientation || $[7] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[6] = orientation;\n    $[7] = xstyle;\n    $[8] = t2;\n  } else {\n    t2 = $[8];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[9] !== children || $[10] !== orientation) {\n    const childItems = Children.toArray(children);\n    const groupItems = childItems.filter(isGroupItem);\n    t3 = childItems.map((child, childIndex) => {\n      if (!isGroupItem(child)) {\n        return child;\n      }\n      const position = childItems.slice(0, childIndex).filter(isGroupItem).length;\n      const groupItem = child;\n      const itemStyles = [styles.item, styles[`${orientation}Item`], position === 0 && styles[`${orientation}FirstItem`], position === groupItems.length - 1 && styles[`${orientation}LastItem`]];\n      return cloneElement(groupItem, {\n        style: {\n          ...groupItem.props.style,\n          ...getItemBorderRadius(orientation, position, groupItems.length)\n        },\n        xstyle: [...itemStyles, groupItem.props.xstyle]\n      });\n    });\n    $[9] = children;\n    $[10] = orientation;\n    $[11] = t3;\n  } else {\n    t3 = $[11];\n  }\n  const content = t3;\n  const t4 = role ?? \"group\";\n  let t5;\n  if ($[12] !== content || $[13] !== orientation || $[14] !== props || $[15] !== stylexProps || $[16] !== t4) {\n    t5 = <div {...props} data-orientation={orientation} role={t4} {...stylexProps}>{content}</div>;\n    $[12] = content;\n    $[13] = orientation;\n    $[14] = props;\n    $[15] = stylexProps;\n    $[16] = t4;\n    $[17] = t5;\n  } else {\n    t5 = $[17];\n  }\n  return t5;\n}\nexport function ButtonGroupText(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== props || $[6] !== stylexProps) {\n    t2 = <span {...props} {...stylexProps} />;\n    $[5] = props;\n    $[6] = stylexProps;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function ButtonGroupSeparator(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      orientation: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    xstyle = $[3];\n  }\n  const orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.separator, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n    t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n    $[6] = orientation;\n    $[7] = props;\n    $[8] = t2;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"xoec9bc\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"x1c2adg6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"x43ag4r\",\n    kzqmXN: \"x1l4o4rh\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(14);\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      decorative: t1,\n      orientation: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    xstyle = $[4];\n  }\n  const decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  let t3;\n  if ($[5] !== orientation || $[6] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[5] = orientation;\n    $[6] = xstyle;\n    $[7] = t3;\n  } else {\n    t3 = $[7];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[8] !== orientation || $[9] !== props || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {\n    t6 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} {...stylexProps} />;\n    $[8] = orientation;\n    $[9] = props;\n    $[10] = stylexProps;\n    $[11] = t4;\n    $[12] = t5;\n    $[13] = t6;\n  } else {\n    t6 = $[13];\n  }\n  return t6;\n}"],
-  "mappings": "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",
-  "names": ["_c", "stylex", "props", "jsx", "styles", "_c", "props"]
+  "sources": ["../src/button-group.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, Fragment, cloneElement, isValidElement, type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nconst styles = {\n  root: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xxhr3t\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"x1q0g3np\",\n    $$css: true\n  },\n  vertical: {\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  },\n  item: {\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    k9RWNo: \"x135w3n3\",\n    $$css: true\n  },\n  horizontalItem: {\n    keTefX: \"x1hb08if\",\n    $$css: true\n  },\n  horizontalFirstItem: {\n    keTefX: \"x1lziwak\",\n    $$css: true\n  },\n  horizontalOnlyItem: {\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  horizontalFirstItemRadius: {\n    kqGeR4: \"x4cpyzu\",\n    kYm2EN: \"xjppbhk\",\n    kIxVMA: \"x1nema14\",\n    ksF3WI: \"x1a2w583\",\n    $$css: true\n  },\n  horizontalMiddleItem: {\n    kaIpWk: \"x2u8bby\",\n    $$css: true\n  },\n  horizontalLastItem: {\n    kqGeR4: \"xfrllxf\",\n    kYm2EN: \"x62l8f0\",\n    kIxVMA: \"x1ia1hqs\",\n    ksF3WI: \"x1qb8ewl\",\n    $$css: true\n  },\n  verticalItem: {\n    keoZOQ: \"x1y332i5\",\n    $$css: true\n  },\n  verticalFirstItem: {\n    keoZOQ: \"xdj266r\",\n    $$css: true\n  },\n  verticalOnlyItem: {\n    kaIpWk: \"x7c24we\",\n    $$css: true\n  },\n  verticalFirstItemRadius: {\n    kqGeR4: \"xfrllxf\",\n    kYm2EN: \"xjppbhk\",\n    kIxVMA: \"x1nema14\",\n    ksF3WI: \"x1qb8ewl\",\n    $$css: true\n  },\n  verticalMiddleItem: {\n    kaIpWk: \"x2u8bby\",\n    $$css: true\n  },\n  verticalLastItem: {\n    kqGeR4: \"x4cpyzu\",\n    kYm2EN: \"x62l8f0\",\n    kIxVMA: \"x1ia1hqs\",\n    ksF3WI: \"x1a2w583\",\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kMwMTN: \"x1ry1pnm\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x1ek7y2g\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  separator: {\n    kSGwAc: \"xkh2ocl\",\n    kZKoxP: \"xt7dq6l\",\n    kUOVxO: \"xz95peq\",\n    kAzted: \"x65nank\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n  return isValidElement(child) && typeof child.type !== \"string\" && child.type !== Fragment && child.type !== ButtonGroupSeparator;\n}\nfunction getItemPositionStyle(orientation: \"horizontal\" | \"vertical\", isFirst: boolean, isLast: boolean) {\n  if (orientation === \"horizontal\") {\n    if (isFirst && isLast) return styles.horizontalOnlyItem;\n    if (isFirst) return styles.horizontalFirstItemRadius;\n    if (isLast) return styles.horizontalLastItem;\n    return styles.horizontalMiddleItem;\n  }\n  if (isFirst && isLast) return styles.verticalOnlyItem;\n  if (isFirst) return styles.verticalFirstItemRadius;\n  if (isLast) return styles.verticalLastItem;\n  return styles.verticalMiddleItem;\n}\n\n/** Direct children must be Nuee buttons or components that forward xstyle. Fragments and native elements are not styled as group items. */\nexport type ButtonGroupProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & StyleProps & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n  const $ = _c(18);\n  let children;\n  let props;\n  let role;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      orientation: t1,\n      role,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = role;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    role = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const orientation = t1 === undefined ? \"horizontal\" : t1;\n  let content;\n  if ($[6] !== children || $[7] !== orientation) {\n    const childItems = Children.toArray(children);\n    const groupItems = childItems.filter(isGroupItem);\n    let position = -1;\n    content = [];\n    for (const child of childItems) {\n      if (!isGroupItem(child)) {\n        content.push(child);\n        continue;\n      }\n      position = position + 1;\n      const isFirst = position === 0;\n      const isLast = position === groupItems.length - 1;\n      const positionStyle = getItemPositionStyle(orientation, isFirst, isLast);\n      const itemStyles = [styles.item, styles[`${orientation}Item`], isFirst && styles[`${orientation}FirstItem`], positionStyle];\n      content.push(cloneElement(child, {\n        xstyle: [...itemStyles, child.props.xstyle]\n      }));\n    }\n    $[6] = children;\n    $[7] = orientation;\n    $[8] = content;\n  } else {\n    content = $[8];\n  }\n  const t2 = role ?? \"group\";\n  let t3;\n  if ($[9] !== orientation || $[10] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[9] = orientation;\n    $[10] = xstyle;\n    $[11] = t3;\n  } else {\n    t3 = $[11];\n  }\n  let t4;\n  if ($[12] !== content || $[13] !== orientation || $[14] !== props || $[15] !== t2 || $[16] !== t3) {\n    t4 = <div {...props} data-orientation={orientation} role={t2} {...t3}>{content}</div>;\n    $[12] = content;\n    $[13] = orientation;\n    $[14] = props;\n    $[15] = t2;\n    $[16] = t3;\n    $[17] = t4;\n  } else {\n    t4 = $[17];\n  }\n  return t4;\n}\nexport function ButtonGroupText(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <span {...props} {...t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function ButtonGroupSeparator(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      orientation: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    xstyle = $[3];\n  }\n  const orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.separator, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n    t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n    $[6] = orientation;\n    $[7] = props;\n    $[8] = t2;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AAExB,YAAY,YAAY;AACxB,SAAS,UAAU,UAAU,cAAc,sBAA8E;AACzH,SAAS,iBAAiB;AAqMjB;AApMT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,qBAAqB;AAAA,IACnB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,2BAA2B;AAAA,IACzB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,sBAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,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,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKA,SAAS,YAAY,OAAsC;AACzD,SAAO,eAAe,KAAK,KAAK,OAAO,MAAM,SAAS,YAAY,MAAM,SAAS,YAAY,MAAM,SAAS;AAC9G;AACA,SAAS,qBAAqB,aAAwC,SAAkB,QAAiB;AACvG,MAAI,gBAAgB,cAAc;AAChC,QAAI,WAAW,OAAQ,QAAO,OAAO;AACrC,QAAI,QAAS,QAAO,OAAO;AAC3B,QAAI,OAAQ,QAAO,OAAO;AAC1B,WAAO,OAAO;AAAA,EAChB;AACA,MAAI,WAAW,OAAQ,QAAO,OAAO;AACrC,MAAI,QAAS,QAAO,OAAO;AAC3B,MAAI,OAAQ,QAAO,OAAO;AAC1B,SAAO,OAAO;AAChB;AAMO,SAAS,YAAY,IAAI;AAC9B,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;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;AAAA,EACT,OAAO;AACL,eAAW,EAAE,CAAC;AACd,IAAAA,SAAQ,EAAE,CAAC;AACX,WAAO,EAAE,CAAC;AACV,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,cAAc,OAAO,SAAY,eAAe;AACtD,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,YAAY,EAAE,CAAC,MAAM,aAAa;AAC7C,UAAM,aAAa,SAAS,QAAQ,QAAQ;AAC5C,UAAM,aAAa,WAAW,OAAO,WAAW;AAChD,QAAI,WAAW;AACf,cAAU,CAAC;AACX,eAAW,SAAS,YAAY;AAC9B,UAAI,CAAC,YAAY,KAAK,GAAG;AACvB,gBAAQ,KAAK,KAAK;AAClB;AAAA,MACF;AACA,iBAAW,WAAW;AACtB,YAAM,UAAU,aAAa;AAC7B,YAAM,SAAS,aAAa,WAAW,SAAS;AAChD,YAAM,gBAAgB,qBAAqB,aAAa,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,OAAO,MAAM,OAAO,GAAG,WAAW,MAAM,GAAG,WAAW,OAAO,GAAG,WAAW,WAAW,GAAG,aAAa;AAC1H,cAAQ,KAAK,aAAa,OAAO;AAAA,QAC/B,QAAQ,CAAC,GAAG,YAAY,MAAM,MAAM,MAAM;AAAA,MAC5C,CAAC,CAAC;AAAA,IACJ;AACA,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,cAAU,EAAE,CAAC;AAAA,EACf;AACA,QAAM,KAAK,QAAQ;AACnB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,EAAE,MAAM,QAAQ;AAC5C,SAAY,aAAM,OAAO,MAAM,OAAO,WAAW,GAAG,MAAM;AAC1D,MAAE,CAAC,IAAI;AACP,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,WAAW,EAAE,EAAE,MAAM,eAAe,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACjG,SAAK,oBAAC,SAAK,GAAGA,QAAO,oBAAkB,aAAa,MAAM,IAAK,GAAG,IAAK,mBAAQ;AAC/E,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,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;AACO,SAAS,gBAAgB,IAAI;AAClC,QAAM,IAAI,GAAG,CAAC;AACd,MAAIA;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,IAAI;AACjC,SAAK,oBAAC,UAAM,GAAGA,QAAQ,GAAG,IAAI;AAC9B,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;AACO,SAAS,qBAAqB,IAAI;AACvC,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,cAAc,OAAO,SAAY,aAAa;AACpD,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAK,CAAC,OAAO,WAAW,MAAM;AAC9B,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,IAAI;AACzD,SAAK,oBAAC,aAAW,GAAGA,QAAO,aAA0B,QAAQ,IAAI;AACjE,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;",
+  "names": ["props"]
 }