@nooeh/ui 0.1.0

package/dist/alert-dialog.js

@@ -0,0 +1,699 @@
+// src/alert-dialog.tsx
+import { c as _c2 } from "react/compiler-runtime";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import * as stylex2 from "@stylexjs/stylex";
+
+// src/button.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kOIVth: "xor4qq5",
+    kHBbk8: "xc8icb0",
+    kjj79g: "xl56j7k",
+    kLWn49: "x7f5rko",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xb3r6kr",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "x1uff5cw",
+    k1ekBW: "x1qsmvhx",
+    kAMwcw: "x1mv6ihr",
+    kfSwDN: "x87ps6o",
+    khDVqt: "xuxw1ft",
+    kZs9gx: "x1tdmnsb",
+    kiEn40: "xe0szup",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "xe0iu4d",
+    kYPGJ8: "x1s07b3s",
+    kLkRvE: "x1huvc7q",
+    kgeoSG: "x1cpjm7i",
+    kFcpXp: "xxx281p",
+    km8f2m: "xkk1bqk",
+    kEoFBp: "x1hmns74",
+    kxmVGU: "x2hztxu",
+    $$css: true
+  },
+  solidInteraction: {
+    kLkRvE: "x1huvc7q xe1vvi1 x1h1rtsr",
+    $$css: true
+  },
+  surfaceInteraction: {
+    kLkRvE: "x1huvc7q x1tv8xzy x13ywbnz",
+    $$css: true
+  },
+  content: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "xor4qq5",
+    kVAEAm: "x1n2onr6",
+    kY2c9j: "x1vjfegm",
+    $$css: true
+  },
+  primary: {
+    kWkggS: "x1daa10s",
+    kVAM5u: "xfln9ii",
+    kMwMTN: "xa9qbaf",
+    $$css: true
+  },
+  secondary: {
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    kMwMTN: "x122omjn",
+    $$css: true
+  },
+  ghost: {
+    kWkggS: "x6yzn1n",
+    kVAM5u: "x1txbts0",
+    kMwMTN: "x122omjn",
+    $$css: true
+  },
+  destructive: {
+    kWkggS: "x1dlgrcs",
+    kVAM5u: "x17m395y",
+    kMwMTN: "x14ce1vv",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: "xrzcjx",
+    kVAM5u: "x1bl4cbq",
+    kMwMTN: "x4q6dxh",
+    $$css: true
+  },
+  disabledGhost: {
+    kWkggS: "x6yzn1n",
+    kVAM5u: "x1txbts0",
+    $$css: true
+  },
+  disabledInteraction: {
+    kLkRvE: "x1huvc7q",
+    $$css: true
+  },
+  sm: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xf8e5s9",
+    kg3NbH: "xk1318k",
+    $$css: true
+  },
+  md: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xqg51pm",
+    kg3NbH: "x1bx8ds0",
+    $$css: true
+  },
+  lg: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xoprh6g",
+    kg3NbH: "x110956",
+    $$css: true
+  }
+};
+function Button(t0) {
+  const $ = _c(30);
+  let children;
+  let className;
+  let disabled;
+  let props3;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      disabled,
+      size: t1,
+      style,
+      variant: t2,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = disabled;
+    $[4] = props3;
+    $[5] = style;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    disabled = $[3];
+    props3 = $[4];
+    style = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    xstyle = $[8];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  const variant = t2 === void 0 ? "primary" : t2;
+  const isDisabled = Boolean(disabled);
+  const hasSolidBackground = variant === "primary" || variant === "destructive";
+  let t3;
+  if ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {
+    t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
+    $[9] = hasSolidBackground;
+    $[10] = isDisabled;
+    $[11] = size;
+    $[12] = variant;
+    $[13] = xstyle;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const stylexProps = t3;
+  let t4;
+  if ($[15] !== className || $[16] !== stylexProps.className) {
+    t4 = [stylexProps.className, className].filter(Boolean);
+    $[15] = className;
+    $[16] = stylexProps.className;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  const mergedClassName = t4.join(" ");
+  let t5;
+  if ($[18] !== style || $[19] !== stylexProps.style) {
+    t5 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[18] = style;
+    $[19] = stylexProps.style;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  let t6;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      className: "x6s0dn4 x3nfvp2 xor4qq5 x1n2onr6 x1vjfegm"
+    };
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== children) {
+    t7 = /* @__PURE__ */ jsx("span", { ...t6, children });
+    $[22] = children;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  let t8;
+  if ($[24] !== disabled || $[25] !== mergedClassName || $[26] !== props3 || $[27] !== t5 || $[28] !== t7) {
+    t8 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props3, className: mergedClassName, disabled, style: t5, children: t7 });
+    $[24] = disabled;
+    $[25] = mergedClassName;
+    $[26] = props3;
+    $[27] = t5;
+    $[28] = t7;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  return t8;
+}
+
+// src/stylex-props.ts
+function getNativeStyleProps(stylexProps, className, style) {
+  return {
+    className: [stylexProps.className, className].filter(Boolean).join(" "),
+    style: {
+      ...stylexProps.style,
+      ...style
+    }
+  };
+}
+
+// src/alert-dialog.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var styles2 = {
+  popup: {
+    kWkggS: "xgywsvm",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "x1fzuljc",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kGVxlE: "x1t8xxqr",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xk4z1a3",
+    kskxy: "x1g15ey4",
+    ks0D6T: "x1983rqf",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xysyzu8",
+    kmVPX3: "x1m46ag3",
+    kVAEAm: "x1n2onr6",
+    k3aq6I: "xvvkyix",
+    kIyJzY: "x12epxh",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1r47arm",
+    kzqmXN: "xh8yej3",
+    kdUZ5K: "xuupxpy",
+    k6CgDc: "xsagj69",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xor4qq5",
+    $$css: true
+  },
+  footer: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kwnvtZ: "x1a02dak",
+    kOIVth: "xor4qq5",
+    kjj79g: "x13a6bvl",
+    $$css: true
+  }
+};
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+function AlertDialogContent({
+  children,
+  className,
+  style,
+  xstyle,
+  ...props3
+}) {
+  const stylexProps = stylex2.props(styles2.popup, xstyle);
+  return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx2(AlertDialogPrimitive.Backdrop, { className: (state) => ({
+      0: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69"
+      },
+      4: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      2: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      6: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      1: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 x1bqxu3r x1r7bce2"
+      },
+      5: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      },
+      3: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      },
+      7: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      }
+    })[!!(state.transitionStatus === "starting") << 2 | !!(state.transitionStatus === "ending") << 1 | !!(state.transitionStatus === "ending") << 0].className ?? "", style: (state_0) => ({
+      0: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69"
+      },
+      4: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      2: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      6: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x12epxh x19991ni x1r47arm xa9119d xsagj69 xg01cxk"
+      },
+      1: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 x1bqxu3r x1r7bce2"
+      },
+      5: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      },
+      3: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      },
+      7: {
+        className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 x19991ni xa9119d xsagj69 xg01cxk x1bqxu3r x1r7bce2"
+      }
+    })[!!(state_0.transitionStatus === "starting") << 2 | !!(state_0.transitionStatus === "ending") << 1 | !!(state_0.transitionStatus === "ending") << 0].style }),
+    /* @__PURE__ */ jsx2(AlertDialogPrimitive.Viewport, { className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xjuqgxd xixxii4 xfa8aoj", children: /* @__PURE__ */ jsx2(AlertDialogPrimitive.Popup, { ...props3, className: (state_1) => {
+      const motionStylexProps = {
+        0: {},
+        4: {
+          className: "xg01cxk xt5070g"
+        },
+        2: {
+          className: "xg01cxk xt5070g"
+        },
+        6: {
+          className: "xg01cxk xt5070g"
+        },
+        1: {
+          className: "x1bqxu3r x1r7bce2"
+        },
+        5: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        },
+        3: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        },
+        7: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        }
+      }[!!(state_1.transitionStatus === "starting") << 2 | !!(state_1.transitionStatus === "ending") << 1 | !!(state_1.transitionStatus === "ending") << 0];
+      return [stylexProps.className, motionStylexProps.className, typeof className === "function" ? className(state_1) : className].filter(Boolean).join(" ");
+    }, style: (state_2) => {
+      const motionStylexProps_0 = {
+        0: {},
+        4: {
+          className: "xg01cxk xt5070g"
+        },
+        2: {
+          className: "xg01cxk xt5070g"
+        },
+        6: {
+          className: "xg01cxk xt5070g"
+        },
+        1: {
+          className: "x1bqxu3r x1r7bce2"
+        },
+        5: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        },
+        3: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        },
+        7: {
+          className: "xg01cxk xt5070g x1bqxu3r x1r7bce2"
+        }
+      }[!!(state_2.transitionStatus === "starting") << 2 | !!(state_2.transitionStatus === "ending") << 1 | !!(state_2.transitionStatus === "ending") << 0];
+      return {
+        ...stylexProps.style,
+        ...motionStylexProps_0.style,
+        ...typeof style === "function" ? style(state_2) : style
+      };
+    }, children }) })
+  ] });
+}
+function AlertDialogHeader(t0) {
+  const $ = _c2(12);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = getNativeStyleProps(stylex2.props(styles2.header, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props3 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[9] = props3;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AlertDialogFooter(t0) {
+  const $ = _c2(12);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = getNativeStyleProps(stylex2.props(styles2.footer, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props3 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[9] = props3;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function AlertDialogTitle(t0) {
+  const $ = _c2(13);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      className: "x122omjn xu4cvhr x5xj88b x7f5rko x1ghz6dp"
+    };
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = (state) => [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== style) {
+    t3 = (state_0) => ({
+      ...stylexProps.style,
+      ...typeof style === "function" ? style(state_0) : style
+    });
+    $[7] = style;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props3 || $[10] !== t2 || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Title, { ...props3, className: t2, style: t3 });
+    $[9] = props3;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+function AlertDialogDescription(t0) {
+  const $ = _c2(13);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      className: "x1f8jq9g xkrk5hw x18qbr9o x1ghz6dp"
+    };
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = (state) => [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== style) {
+    t3 = (state_0) => ({
+      ...stylexProps.style,
+      ...typeof style === "function" ? style(state_0) : style
+    });
+    $[7] = style;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props3 || $[10] !== t2 || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Description, { ...props3, className: t2, style: t3 });
+    $[9] = props3;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+function AlertDialogCancel(t0) {
+  const $ = _c2(8);
+  let children;
+  let props3;
+  if ($[0] !== t0) {
+    ({
+      children,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = props3;
+  } else {
+    children = $[1];
+    props3 = $[2];
+  }
+  let t1;
+  if ($[3] !== children) {
+    t1 = /* @__PURE__ */ jsx2(Button, { variant: "secondary", children });
+    $[3] = children;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props3 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Close, { ...props3, render: t1 });
+    $[5] = props3;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function AlertDialogAction(t0) {
+  const $ = _c2(8);
+  let children;
+  let props3;
+  if ($[0] !== t0) {
+    ({
+      children,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = props3;
+  } else {
+    children = $[1];
+    props3 = $[2];
+  }
+  let t1;
+  if ($[3] !== children) {
+    t1 = /* @__PURE__ */ jsx2(Button, { variant: "destructive", children });
+    $[3] = children;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props3 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Close, { ...props3, render: t1 });
+    $[5] = props3;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map