@nooeh/ui 0.1.0

package/dist/button-group.js

@@ -0,0 +1,428 @@
+// src/button-group.tsx
+import { c as _c2 } from "react/compiler-runtime";
+import * as stylex2 from "@stylexjs/stylex";
+import { Children, cloneElement, isValidElement } from "react";
+
+// src/separator.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 { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kWkggS: "x19is5ri",
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
+  horizontal: {
+    kZKoxP: "xywv30c",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  vertical: {
+    kSGwAc: "xkh2ocl",
+    kAzted: "xssxnvu",
+    kzqmXN: "x5v7ak9",
+    $$css: true
+  }
+};
+function Separator(t0) {
+  const $ = _c(23);
+  let className;
+  let props3;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      decorative: t1,
+      orientation: t2,
+      style,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    xstyle = $[6];
+  }
+  const decorative = t1 === void 0 ? true : t1;
+  const orientation = t2 === void 0 ? "horizontal" : t2;
+  let t3;
+  if ($[7] !== orientation || $[8] !== xstyle) {
+    t3 = stylex.props(styles.root, styles[orientation], xstyle);
+    $[7] = orientation;
+    $[8] = xstyle;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const stylexProps = t3;
+  const t4 = decorative || void 0;
+  const t5 = decorative ? "presentation" : void 0;
+  let t6;
+  if ($[10] !== className || $[11] !== stylexProps.className) {
+    t6 = [stylexProps.className, className].filter(Boolean);
+    $[10] = className;
+    $[11] = stylexProps.className;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const t7 = t6.join(" ");
+  let t8;
+  if ($[13] !== style || $[14] !== stylexProps.style) {
+    t8 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[13] = style;
+    $[14] = stylexProps.style;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== orientation || $[17] !== props3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {
+    t9 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props3, "aria-hidden": t4, orientation, role: t5, className: t7, style: t8 });
+    $[16] = orientation;
+    $[17] = props3;
+    $[18] = t4;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  return t9;
+}
+
+// src/button-group.tsx
+import { radiusVars } from "@nooeh/tokens/tokens.stylex";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var styles2 = {
+  root: {
+    kGNEyG: "x1qjc9v5",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "xxhr3t",
+    kzqmXN: "xeq5yr9",
+    $$css: true
+  },
+  horizontal: {
+    kXwgrk: "x1q0g3np",
+    $$css: true
+  },
+  vertical: {
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  item: {
+    k7Eaqz: "xeuugli",
+    kVAEAm: "x1n2onr6",
+    k9RWNo: "x135w3n3",
+    $$css: true
+  },
+  horizontalItem: {
+    keTefX: "x1hb08if",
+    $$css: true
+  },
+  horizontalFirstItem: {
+    keTefX: "x1lziwak",
+    $$css: true
+  },
+  horizontalLastItem: {
+    $$css: true
+  },
+  verticalItem: {
+    keoZOQ: "x1y332i5",
+    $$css: true
+  },
+  verticalFirstItem: {
+    keoZOQ: "xdj266r",
+    $$css: true
+  },
+  verticalLastItem: {
+    $$css: true
+  },
+  text: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kMwMTN: "x1f8jq9g",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kjj79g: "xl56j7k",
+    kAzted: "x9pjwej",
+    kg3NbH: "xk1318k",
+    $$css: true
+  },
+  separator: {
+    kSGwAc: "xkh2ocl",
+    kZKoxP: "xt7dq6l",
+    kUOVxO: "xz95peq",
+    kAzted: "x65nank",
+    $$css: true
+  }
+};
+function isGroupItem(child) {
+  return isValidElement(child) && child.type !== ButtonGroupSeparator;
+}
+function getItemBorderRadius(orientation, position, length) {
+  const isFirst = position === 0;
+  const isLast = position === length - 1;
+  if (orientation === "horizontal") {
+    return {
+      borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,
+      borderBottomRightRadius: isLast ? radiusVars.sm : 0,
+      borderTopLeftRadius: isFirst ? radiusVars.sm : 0,
+      borderTopRightRadius: isLast ? radiusVars.sm : 0
+    };
+  }
+  return {
+    borderBottomLeftRadius: isLast ? radiusVars.sm : 0,
+    borderBottomRightRadius: isLast ? radiusVars.sm : 0,
+    borderTopLeftRadius: isFirst ? radiusVars.sm : 0,
+    borderTopRightRadius: isFirst ? radiusVars.sm : 0
+  };
+}
+function ButtonGroup(t0) {
+  const $ = _c2(27);
+  let children;
+  let className;
+  let props3;
+  let role;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      orientation: t1,
+      role,
+      style,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props3;
+    $[4] = role;
+    $[5] = style;
+    $[6] = t1;
+    $[7] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props3 = $[3];
+    role = $[4];
+    style = $[5];
+    t1 = $[6];
+    xstyle = $[7];
+  }
+  const orientation = t1 === void 0 ? "horizontal" : t1;
+  let t2;
+  if ($[8] !== orientation || $[9] !== xstyle) {
+    t2 = stylex2.props(styles2.root, styles2[orientation], xstyle);
+    $[8] = orientation;
+    $[9] = xstyle;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const stylexProps = t2;
+  let t3;
+  if ($[11] !== children || $[12] !== orientation) {
+    const childItems = Children.toArray(children);
+    const groupItems = childItems.filter(isGroupItem);
+    t3 = childItems.map((child, childIndex) => {
+      if (!isGroupItem(child)) {
+        return child;
+      }
+      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]
+      });
+    });
+    $[11] = children;
+    $[12] = orientation;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const content = t3;
+  const t4 = role ?? "group";
+  let t5;
+  if ($[14] !== className || $[15] !== stylexProps.className) {
+    t5 = [stylexProps.className, className].filter(Boolean);
+    $[14] = className;
+    $[15] = stylexProps.className;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[17] !== style || $[18] !== stylexProps.style) {
+    t7 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[17] = style;
+    $[18] = stylexProps.style;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== content || $[21] !== orientation || $[22] !== props3 || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {
+    t8 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, role: t4, className: t6, style: t7, children: content });
+    $[20] = content;
+    $[21] = orientation;
+    $[22] = props3;
+    $[23] = t4;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  return t8;
+}
+function ButtonGroupText(t0) {
+  const $ = _c2(17);
+  let className;
+  let props3;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== xstyle) {
+    t1 = stylex2.props(styles2.text, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[7] = className;
+    $[8] = stylexProps.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[10] !== style || $[11] !== stylexProps.style) {
+    t4 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[10] = style;
+    $[11] = stylexProps.style;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props3 || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx2("span", { ...props3, className: t3, style: t4 });
+    $[13] = props3;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+function ButtonGroupSeparator(t0) {
+  const $ = _c2(10);
+  let props3;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      orientation: t1,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = props3;
+    $[2] = t1;
+    $[3] = xstyle;
+  } else {
+    props3 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
+  }
+  const orientation = t1 === void 0 ? "vertical" : t1;
+  let t2;
+  if ($[4] !== xstyle) {
+    t2 = [styles2.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 });
+    $[6] = orientation;
+    $[7] = props3;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+}
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText
+};
+//# sourceMappingURL=button-group.js.map

package/dist/button-group.js.map

@@ -0,0 +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 \"@nooeh/tokens/tokens.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.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: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x1f8jq9g\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x9pjwej\",\n    kg3NbH: \"xk1318k\",\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(27);\n  let children;\n  let className;\n  let props;\n  let role;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      children,\n      orientation: t1,\n      role,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = role;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    role = $[4];\n    style = $[5];\n    t1 = $[6];\n    xstyle = $[7];\n  }\n  const orientation = t1 === undefined ? \"horizontal\" : t1;\n  let t2;\n  if ($[8] !== orientation || $[9] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[8] = orientation;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[11] !== children || $[12] !== 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    $[11] = children;\n    $[12] = orientation;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  const content = t3;\n  const t4 = role ?? \"group\";\n  let t5;\n  if ($[14] !== className || $[15] !== stylexProps.className) {\n    t5 = [stylexProps.className, className].filter(Boolean);\n    $[14] = className;\n    $[15] = stylexProps.className;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  const t6 = t5.join(\" \");\n  let t7;\n  if ($[17] !== style || $[18] !== stylexProps.style) {\n    t7 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[17] = style;\n    $[18] = stylexProps.style;\n    $[19] = t7;\n  } else {\n    t7 = $[19];\n  }\n  let t8;\n  if ($[20] !== content || $[21] !== orientation || $[22] !== props || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {\n    t8 = <div {...props} data-orientation={orientation} role={t4} className={t6} style={t7}>{content}</div>;\n    $[20] = content;\n    $[21] = orientation;\n    $[22] = props;\n    $[23] = t4;\n    $[24] = t6;\n    $[25] = t7;\n    $[26] = t8;\n  } else {\n    t8 = $[26];\n  }\n  return t8;\n}\nexport function ButtonGroupText(t0) {\n  const $ = _c(17);\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] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <span {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\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 \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x19is5ri\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"xywv30c\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"xssxnvu\",\n    kzqmXN: \"x5v7ak9\",\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(23);\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      decorative: t1,\n      orientation: t2,\n      style,\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 decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  let t3;\n  if ($[7] !== orientation || $[8] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[7] = orientation;\n    $[8] = xstyle;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[10] !== className || $[11] !== stylexProps.className) {\n    t6 = [stylexProps.className, className].filter(Boolean);\n    $[10] = className;\n    $[11] = stylexProps.className;\n    $[12] = t6;\n  } else {\n    t6 = $[12];\n  }\n  const t7 = t6.join(\" \");\n  let t8;\n  if ($[13] !== style || $[14] !== stylexProps.style) {\n    t8 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[13] = style;\n    $[14] = stylexProps.style;\n    $[15] = t8;\n  } else {\n    t8 = $[15];\n  }\n  let t9;\n  if ($[16] !== orientation || $[17] !== props || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {\n    t9 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} className={t7} style={t8} />;\n    $[16] = orientation;\n    $[17] = props;\n    $[18] = t4;\n    $[19] = t5;\n    $[20] = t7;\n    $[21] = t8;\n    $[22] = t9;\n  } else {\n    t9 = $[22];\n  }\n  return t9;\n}"],
+  "mappings": "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",
+  "names": ["_c", "stylex", "props", "jsx", "styles", "_c", "props"]
+}

package/dist/button.d.ts

@@ -0,0 +1,13 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps, ReactNode } from "react";
+type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
+type ButtonSize = "sm" | "md" | "lg";
+export type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Button({ children, className, disabled, size, style, variant, xstyle, ...props }: ButtonProps): import("react").JSX.Element;
+export {};