@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/avatar.js

@@ -0,0 +1,393 @@
+"use client";
+
+// src/avatar.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/avatar.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x1mjwp4b",
+    kaIpWk: "xwhwt5f",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "xj9e3ow",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    kVQacm: "x1rea2x4",
+    kVAEAm: "x1n2onr6",
+    $$css: true
+  },
+  image: {
+    kaIpWk: "x1pjcqnp",
+    kZKoxP: "x5yr21d",
+    kVIFPx: "xl1xv1r",
+    kVQacm: "xb3r6kr",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  fallback: {
+    kGNEyG: "x6s0dn4",
+    kaIpWk: "x1pjcqnp",
+    k1xSpc: "x78zum5",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "xoop9yj",
+    kZKoxP: "x5yr21d",
+    kjj79g: "xl56j7k",
+    kVQacm: "xb3r6kr",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  badge: {
+    kWkggS: "x1ufzuav",
+    kVAM5u: "x1mjwp4b",
+    kaIpWk: "xwhwt5f",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1l16gh9",
+    krVfgx: "xoblnwt",
+    kZKoxP: "xvle69y",
+    kVAEAm: "x10l6tqk",
+    kCIrl2: "x1busagz",
+    kzqmXN: "x1jw3ynk",
+    $$css: true
+  },
+  group: {
+    k1xSpc: "x78zum5",
+    kOIVth: "x7gjopr",
+    $$css: true
+  },
+  groupCount: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x1mjwp4b",
+    kaIpWk: "xwhwt5f",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1l16gh9",
+    kMwMTN: "xj9e3ow",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "xoop9yj",
+    kZKoxP: "x1f00wt4",
+    kjj79g: "xl56j7k",
+    kzqmXN: "x18pndxb",
+    $$css: true
+  }
+};
+var sizeStyles = {
+  sm: {
+    kZKoxP: "x1dvwle6",
+    kzqmXN: "x1g37zm5",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "x1f00wt4",
+    kzqmXN: "x18pndxb",
+    $$css: true
+  },
+  lg: {
+    kZKoxP: "x4rnblq",
+    kzqmXN: "x16zkcgh",
+    $$css: true
+  }
+};
+function Avatar(t0) {
+  const $ = _c(14);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      size: t1,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    xstyle = $[5];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  let t2;
+  if ($[6] !== className || $[7] !== size || $[8] !== style || $[9] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles.root, sizeStyles[size], xstyle), className, style);
+    $[6] = className;
+    $[7] = size;
+    $[8] = style;
+    $[9] = xstyle;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== props2 || $[12] !== t2) {
+    t3 = /* @__PURE__ */ jsx(AvatarPrimitive.Root, { ...props2, ...t2 });
+    $[11] = props2;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
+}
+function AvatarImage(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.image, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AvatarFallback(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.fallback, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AvatarBadge(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.badge, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AvatarGroup(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.group, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AvatarGroupCount(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.groupCount, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+export {
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/avatar.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1mjwp4b\",\n    kaIpWk: \"xwhwt5f\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kVQacm: \"x1rea2x4\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  image: {\n    kaIpWk: \"x1pjcqnp\",\n    kZKoxP: \"x5yr21d\",\n    kVIFPx: \"xl1xv1r\",\n    kVQacm: \"xb3r6kr\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  fallback: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x1pjcqnp\",\n    k1xSpc: \"x78zum5\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"xoop9yj\",\n    kZKoxP: \"x5yr21d\",\n    kjj79g: \"xl56j7k\",\n    kVQacm: \"xb3r6kr\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  badge: {\n    kWkggS: \"x1ufzuav\",\n    kVAM5u: \"x1mjwp4b\",\n    kaIpWk: \"xwhwt5f\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1l16gh9\",\n    krVfgx: \"xoblnwt\",\n    kZKoxP: \"xvle69y\",\n    kVAEAm: \"x10l6tqk\",\n    kCIrl2: \"x1busagz\",\n    kzqmXN: \"x1jw3ynk\",\n    $$css: true\n  },\n  group: {\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x7gjopr\",\n    $$css: true\n  },\n  groupCount: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1mjwp4b\",\n    kaIpWk: \"xwhwt5f\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1l16gh9\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"xoop9yj\",\n    kZKoxP: \"x1f00wt4\",\n    kjj79g: \"xl56j7k\",\n    kzqmXN: \"x18pndxb\",\n    $$css: true\n  }\n};\nconst sizeStyles = {\n  sm: {\n    kZKoxP: \"x1dvwle6\",\n    kzqmXN: \"x1g37zm5\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1f00wt4\",\n    kzqmXN: \"x18pndxb\",\n    $$css: true\n  },\n  lg: {\n    kZKoxP: \"x4rnblq\",\n    kzqmXN: \"x16zkcgh\",\n    $$css: true\n  }\n};\nexport type AvatarSize = \"lg\" | \"md\" | \"sm\";\nexport type AvatarProps = StyledProps<ComponentProps<typeof AvatarPrimitive.Root>> & {\n  size?: AvatarSize;\n  xstyle?: ControlPlacementStyles;\n};\nexport function Avatar(t0) {\n  const $ = _c(14);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      size: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== size || $[8] !== style || $[9] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, sizeStyles[size], xstyle), className, style);\n    $[6] = className;\n    $[7] = size;\n    $[8] = style;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  let t3;\n  if ($[11] !== props || $[12] !== t2) {\n    t3 = <AvatarPrimitive.Root {...props} {...t2} />;\n    $[11] = props;\n    $[12] = t2;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  return t3;\n}\nexport function AvatarImage(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(styles.image, 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 = <AvatarPrimitive.Image {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function AvatarFallback(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(styles.fallback, 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 = <AvatarPrimitive.Fallback {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function AvatarBadge(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(styles.badge, 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 = <span {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function AvatarGroup(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(styles.group, 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 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function AvatarGroupCount(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(styles.groupCount, 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 = <span {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\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"]
+}

package/dist/badge.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+type BadgeVariant = "primary" | "secondary" | "destructive" | "outline" | "ghost";
+export type BadgeProps = StyledProps<ComponentProps<"span">> & {
+    variant?: BadgeVariant;
+    xstyle?: ControlPlacementStyles;
+};
+export declare function Badge({ className, style, xstyle, variant, ...props }: BadgeProps): import("react").JSX.Element;
+export {};

package/dist/badge.js

@@ -0,0 +1,82 @@
+// src/badge.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/badge.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kaIpWk: "xwhwt5f",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "xoop9yj",
+    kOIVth: "x7gjopr",
+    kjj79g: "xl56j7k",
+    kLWn49: "x15rnifv",
+    kAzted: "x11qd5kb",
+    k8WAf4: "x1mmca2r",
+    kg3NbH: "x1gr5eyh",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  }
+};
+var variantStyles = {
+  primary: {
+    kWkggS: "x1k98rc1",
+    kVAM5u: "x1wg7n30",
+    kMwMTN: "x8p6z4r",
+    $$css: true
+  },
+  secondary: {
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x61m5pt",
+    kMwMTN: "x1t28c4i",
+    $$css: true
+  },
+  ghost: {
+    kWkggS: "x1ail9j1",
+    kVAM5u: "x1p2lc83",
+    kMwMTN: "x1t28c4i",
+    $$css: true
+  },
+  destructive: {
+    kWkggS: "x1joc7g2",
+    kVAM5u: "x9r1u3d",
+    kMwMTN: "xat8mfl",
+    $$css: true
+  },
+  outline: {
+    kWkggS: "x1ail9j1",
+    kVAM5u: "x1kqtvf4",
+    kMwMTN: "x1t28c4i",
+    $$css: true
+  }
+};
+function Badge({
+  className,
+  style,
+  xstyle,
+  variant = "primary",
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { ...props2, ...mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style) });
+}
+export {
+  Badge
+};
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/badge.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } 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    kaIpWk: \"xwhwt5f\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"xoop9yj\",\n    kOIVth: \"x7gjopr\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x15rnifv\",\n    kAzted: \"x11qd5kb\",\n    k8WAf4: \"x1mmca2r\",\n    kg3NbH: \"x1gr5eyh\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\nconst variantStyles = {\n  primary: {\n    kWkggS: \"x1k98rc1\",\n    kVAM5u: \"x1wg7n30\",\n    kMwMTN: \"x8p6z4r\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x61m5pt\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"x1ail9j1\",\n    kVAM5u: \"x1p2lc83\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"x1joc7g2\",\n    kVAM5u: \"x9r1u3d\",\n    kMwMTN: \"xat8mfl\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"x1ail9j1\",\n    kVAM5u: \"x1kqtvf4\",\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  }\n};\ntype BadgeVariant = \"primary\" | \"secondary\" | \"destructive\" | \"outline\" | \"ghost\";\nexport type BadgeProps = StyledProps<ComponentProps<\"span\">> & {\n  variant?: BadgeVariant;\n  xstyle?: ControlPlacementStyles;\n};\nexport function Badge({\n  className,\n  style,\n  xstyle,\n  variant = \"primary\",\n  ...props\n}: BadgeProps) {\n  return <span {...props} {...mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style)} />;\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": ";AACA,YAAY,YAAY;;;ACKjB,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;;;ADkDS;AA/DT,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,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;AACF;AACA,IAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,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,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,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,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAMO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAGA;AACL,GAAe;AACb,SAAO,oBAAC,UAAM,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,cAAc,OAAO,GAAG,MAAM,GAAG,WAAW,KAAK,GAAG;AACxH;",
+  "names": ["props"]
+}

package/dist/banner.d.ts

@@ -0,0 +1,19 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export type BannerSize = "md" | "sm";
+export type BannerAnnounce = "assertive" | "polite";
+type StyleProps = {
+    xstyle?: stylex.StyleXStyles;
+};
+export type BannerProps = StyledProps<Omit<ComponentProps<"div">, "title">> & StyleProps & {
+    /** Announces a Banner that is added or updated after the initial page render. */
+    announce?: BannerAnnounce;
+    size?: BannerSize;
+};
+export declare function Banner({ className, style, announce, children, role, size, xstyle, ...props }: BannerProps): import("react").JSX.Element;
+export declare function BannerTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & StyleProps): import("react").JSX.Element;
+export declare function BannerDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & StyleProps): import("react").JSX.Element;
+export declare function BannerContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & StyleProps): import("react").JSX.Element;
+export declare function BannerActions({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & StyleProps): import("react").JSX.Element;
+export {};

package/dist/banner.js

@@ -0,0 +1,127 @@
+// src/banner.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/banner.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kWkggS: "xmqg8ag",
+    kaIpWk: "x1p5vitp",
+    kMwMTN: "x1t28c4i",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "xrvj5dj",
+    kOIVth: "x7gjopr",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  action: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kOIVth: "x136xbx3",
+    $$css: true
+  },
+  title: {
+    kGuDYH: "x1lskvfa",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  description: {
+    kMwMTN: "x15rks2t",
+    kGuDYH: "x1lskvfa",
+    kLWn49: "xipl0i2",
+    kSiTet: "x19s9pn4",
+    $$css: true
+  }
+};
+var sizeStyles = {
+  sm: {
+    kaIpWk: "x1p5vitp",
+    kOIVth: "x7gjopr",
+    k8WAf4: "x1fdd5fa",
+    kg3NbH: "x5044ve",
+    $$css: true
+  },
+  md: {
+    kOIVth: "x136xbx3",
+    k8WAf4: "xp765e7",
+    kg3NbH: "x9eqyeb",
+    $$css: true
+  }
+};
+function Banner({
+  className,
+  style,
+  announce,
+  children,
+  role,
+  size = "md",
+  xstyle,
+  ...props2
+}) {
+  let liveRole;
+  if (announce === "assertive") {
+    liveRole = "alert";
+  } else if (announce === "polite") {
+    liveRole = "status";
+  }
+  return /* @__PURE__ */ jsx("div", { ...props2, role: role ?? liveRole, ...mergeStyles(stylex.props(styles.root, sizeStyles[size], xstyle), className, style), children });
+}
+function BannerTitle({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.title, xstyle), className, style) });
+}
+function BannerDescription({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.description, xstyle), className, style) });
+}
+function BannerContent({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.content, xstyle), className, style) });
+}
+function BannerActions({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.action, xstyle), className, style) });
+}
+export {
+  Banner,
+  BannerActions,
+  BannerContent,
+  BannerDescription,
+  BannerTitle
+};
+//# sourceMappingURL=banner.js.map