@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/alert-dialog.js

@@ -0,0 +1,460 @@
+"use client";
+
+// src/alert-dialog.tsx
+import { c as _c } from "react/compiler-runtime";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import * as stylex from "@stylexjs/stylex";
+import { Button } from "./button.js";
+
+// 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/alert-dialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  popup: {
+    kWkggS: "xssngo0",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x9up7g5",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kGVxlE: "x1wlfqej",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xb7usi1",
+    kskxy: "x1g15ey4",
+    ks0D6T: "x1983rqf",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xysyzu8",
+    kmVPX3: "x18lnuv8",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "x1cvj37l",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1oxff63",
+    kzqmXN: "xh8yej3",
+    kdD3Bq: "x1i2unn7",
+    koVVf4: "x14doao2",
+    kQuUWH: "x1w3282i",
+    kRVfsM: "xqoz2hw",
+    kxero2: "xt8ron0",
+    kJ7s2Z: "x1mnfbwj",
+    kZj1XV: "x10uu9l5",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x136xbx3",
+    $$css: true
+  },
+  footer: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kwnvtZ: "x1a02dak",
+    kOIVth: "x136xbx3",
+    kjj79g: "x13a6bvl",
+    $$css: true
+  },
+  title: {
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "xr5nsds",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  },
+  description: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1lskvfa",
+    kLWn49: "xipl0i2",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  }
+};
+var AlertDialog = AlertDialogPrimitive.Root;
+function AlertDialogTrigger(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(xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AlertDialogContent(t0) {
+  const $ = _c(16);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      children,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  let t1;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Backdrop, { className: "xt65qkv x10a8y8t xixxii4 x1cvj37l x19991ni x1oxff63 x1ya9j91 x1llxi74 x1gqblgl x1w3282i xqoz2hw xt8ron0 x1mnfbwj" });
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xv3ig3d xixxii4 xqehhcd"
+    };
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {
+    t3 = mergeStyles(stylex.props(styles.popup, xstyle), className, style);
+    $[8] = className;
+    $[9] = style;
+    $[10] = xstyle;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== children || $[13] !== props2 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
+      t1,
+      /* @__PURE__ */ jsx(AlertDialogPrimitive.Viewport, { ...t2, children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Popup, { ...props2, ...t3, children }) })
+    ] });
+    $[12] = children;
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+function AlertDialogHeader(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.header, 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 AlertDialogFooter(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.footer, 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 AlertDialogTitle(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.title, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AlertDialogDescription(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.description, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AlertDialogCancel(t0) {
+  const $ = _c(8);
+  let children;
+  let props2;
+  if ($[0] !== t0) {
+    ({
+      children,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = props2;
+  } else {
+    children = $[1];
+    props2 = $[2];
+  }
+  let t1;
+  if ($[3] !== children) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "secondary", children });
+    $[3] = children;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Close, { ...props2, render: t1 });
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function AlertDialogAction(t0) {
+  const $ = _c(8);
+  let children;
+  let props2;
+  if ($[0] !== t0) {
+    ({
+      children,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = props2;
+  } else {
+    children = $[1];
+    props2 = $[2];
+  }
+  let t1;
+  if ($[3] !== children) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "destructive", children });
+    $[3] = children;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Close, { ...props2, render: t1 });
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/alert-dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/alert-dialog.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { Button } from \"./button\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  popup: {\n    kWkggS: \"xssngo0\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x9up7g5\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kGVxlE: \"x1wlfqej\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xb7usi1\",\n    kskxy: \"x1g15ey4\",\n    ks0D6T: \"x1983rqf\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xysyzu8\",\n    kmVPX3: \"x18lnuv8\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1cvj37l\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1oxff63\",\n    kzqmXN: \"xh8yej3\",\n    kdD3Bq: \"x1i2unn7\",\n    koVVf4: \"x14doao2\",\n    kQuUWH: \"x1w3282i\",\n    kRVfsM: \"xqoz2hw\",\n    kxero2: \"xt8ron0\",\n    kJ7s2Z: \"x1mnfbwj\",\n    kZj1XV: \"x10uu9l5\",\n    $$css: true\n  },\n  header: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  },\n  footer: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kwnvtZ: \"x1a02dak\",\n    kOIVth: \"x136xbx3\",\n    kjj79g: \"x13a6bvl\",\n    $$css: true\n  },\n  title: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"xr5nsds\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"xj9e3ow\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\nexport const AlertDialog = AlertDialogPrimitive.Root;\nexport function AlertDialogTrigger(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <AlertDialogPrimitive.Trigger {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\ntype AlertDialogContentProps = StyledProps<ComponentProps<typeof AlertDialogPrimitive.Popup>> & {\n  children: ReactNode;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function AlertDialogContent(t0) {\n  const $ = _c(16);\n  let children;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      children,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  let t1;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = <AlertDialogPrimitive.Backdrop className=\"xt65qkv x10a8y8t xixxii4 x1cvj37l x19991ni x1oxff63 x1ya9j91 x1llxi74 x1gqblgl x1w3282i xqoz2hw xt8ron0 x1mnfbwj\" />;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  let t2;\n  if ($[7] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = {\n      className: \"x6s0dn4 x78zum5 x10a8y8t xl56j7k xv3ig3d xixxii4 xqehhcd\"\n    };\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  let t3;\n  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.popup, xstyle), className, style);\n    $[8] = className;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t3;\n  } else {\n    t3 = $[11];\n  }\n  let t4;\n  if ($[12] !== children || $[13] !== props || $[14] !== t3) {\n    t4 = <AlertDialogPrimitive.Portal>{t1}<AlertDialogPrimitive.Viewport {...t2}><AlertDialogPrimitive.Popup {...props} {...t3}>{children}</AlertDialogPrimitive.Popup></AlertDialogPrimitive.Viewport></AlertDialogPrimitive.Portal>;\n    $[12] = children;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  return t4;\n}\nexport function AlertDialogHeader(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.header, 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 AlertDialogFooter(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.footer, 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 AlertDialogTitle(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.title, 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 = <AlertDialogPrimitive.Title {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function AlertDialogDescription(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.description, 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 = <AlertDialogPrimitive.Description {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\ntype AlertDialogButtonProps = StyledProps<ComponentProps<typeof AlertDialogPrimitive.Close>>;\nexport function AlertDialogCancel(t0) {\n  const $ = _c(8);\n  let children;\n  let props;\n  if ($[0] !== t0) {\n    ({\n      children,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n  } else {\n    children = $[1];\n    props = $[2];\n  }\n  let t1;\n  if ($[3] !== children) {\n    t1 = <Button variant=\"secondary\">{children}</Button>;\n    $[3] = children;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <AlertDialogPrimitive.Close {...props} render={t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function AlertDialogAction(t0) {\n  const $ = _c(8);\n  let children;\n  let props;\n  if ($[0] !== t0) {\n    ({\n      children,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n  } else {\n    children = $[1];\n    props = $[2];\n  }\n  let t1;\n  if ($[3] !== children) {\n    t1 = <Button variant=\"destructive\">{children}</Button>;\n    $[3] = children;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <AlertDialogPrimitive.Close {...props} render={t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\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/aspect-ratio.d.ts

@@ -0,0 +1,8 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export type AspectRatioProps = StyledProps<ComponentProps<"div">> & {
+    ratio?: number;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function AspectRatio({ className, style, ratio, xstyle, ...props }: AspectRatioProps): import("react").JSX.Element;

package/dist/aspect-ratio.js

@@ -0,0 +1,45 @@
+// src/aspect-ratio.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/aspect-ratio.tsx
+import { jsx } from "react/jsx-runtime";
+var _temp = {
+  kVQacm: "xb3r6kr",
+  kVAEAm: "x1n2onr6",
+  kzqmXN: "xh8yej3",
+  "$$css": true
+};
+var styles = {
+  root: (ratio) => [_temp, {
+    kOBAk4: ratio != null ? "x10y9f9r" : ratio,
+    $$css: true
+  }, {
+    "--x-aspectRatio": ratio != null ? ratio : void 0
+  }]
+};
+function AspectRatio({
+  className,
+  style,
+  ratio = 1,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.root(ratio), xstyle), className, style) });
+}
+export {
+  AspectRatio
+};
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/aspect-ratio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/aspect-ratio.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst _temp = {\n  kVQacm: \"xb3r6kr\",\n  kVAEAm: \"x1n2onr6\",\n  kzqmXN: \"xh8yej3\",\n  \"$$css\": true\n};\nconst styles = {\n  root: (ratio: number) => [_temp, {\n    kOBAk4: ratio != null ? \"x10y9f9r\" : ratio,\n    $$css: true\n  }, {\n    \"--x-aspectRatio\": ratio != null ? ratio : undefined\n  }]\n};\nexport type AspectRatioProps = StyledProps<ComponentProps<\"div\">> & {\n  ratio?: number;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function AspectRatio({\n  className,\n  style,\n  ratio = 1,\n  xstyle,\n  ...props\n}: AspectRatioProps) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.root(ratio), 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": ";AAAA,YAAY,YAAY;;;ACMjB,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;;;ADUS;AAzBT,IAAM,QAAQ;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AACA,IAAM,SAAS;AAAA,EACb,MAAM,CAAC,UAAkB,CAAC,OAAO;AAAA,IAC/B,QAAQ,SAAS,OAAO,aAAa;AAAA,IACrC,OAAO;AAAA,EACT,GAAG;AAAA,IACD,mBAAmB,SAAS,OAAO,QAAQ;AAAA,EAC7C,CAAC;AACH;AAKO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAGA;AACL,GAAqB;AACnB,SAAO,oBAAC,SAAK,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,WAAW,KAAK,GAAG;AACtG;",
+  "names": ["props"]
+}

package/dist/attachment.d.ts

@@ -0,0 +1,39 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import { type ButtonProps } from "./button";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type AttachmentState = "done" | "error" | "idle" | "processing" | "uploading";
+export type AttachmentSize = "default" | "sm" | "xs";
+export type AttachmentProps = StyledProps<Omit<ComponentProps<"div">, "title">> & {
+    orientation?: "horizontal" | "vertical";
+    size?: AttachmentSize;
+    state?: AttachmentState;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Attachment({ className, style, orientation, size, state, xstyle, ...props }: AttachmentProps): import("react").JSX.Element;
+export type AttachmentMediaProps = StyledProps<ComponentProps<"div">> & {
+    variant?: "icon" | "image";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function AttachmentMedia({ className, style, xstyle, variant, ...props }: AttachmentMediaProps): import("react").JSX.Element;
+export declare function AttachmentContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function AttachmentTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function AttachmentDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"p">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function AttachmentActions({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export type AttachmentActionProps = Omit<ButtonProps, "size" | "variant">;
+export declare function AttachmentAction({ xstyle, ...props }: AttachmentActionProps): import("react").JSX.Element;
+export declare function AttachmentTrigger({ className, style, xstyle, type, ...props }: StyledProps<ComponentProps<"button">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function AttachmentGroup({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;