@nuee/ui 0.4.0 → 0.5.0

package/dist/alert-dialog.js

@@ -1,244 +1,12 @@
-// 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";
+"use client";
 
-// src/button.tsx
+// src/alert-dialog.tsx
 import { c as _c } from "react/compiler-runtime";
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 import * as stylex from "@stylexjs/stylex";
-import { jsx } from "react/jsx-runtime";
+import { Button } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 var styles = {
-  root: {
-    kGNEyG: "x6s0dn4",
-    kysU6D: "xjyslct",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    kkrTdU: "x1ypdohk",
-    k1xSpc: "x3nfvp2",
-    kGuDYH: "x99mhxu",
-    k63SB2: "x1v899x5",
-    kOIVth: "x1uj7ll3",
-    kHBbk8: "xc8icb0",
-    kjj79g: "xl56j7k",
-    kLWn49: "x1hfsx4t",
-    kI3sdo: "x1a2a7pz",
-    kVQacm: "xb3r6kr",
-    kVAEAm: "x1n2onr6",
-    kIyJzY: "xdshaxz",
-    k1ekBW: "x1qsmvhx",
-    kAMwcw: "xscx6xn",
-    kfSwDN: "x87ps6o",
-    khDVqt: "xuxw1ft",
-    kZs9gx: "x7yqiub",
-    kiEn40: "xzvmsi2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    kYPGJ8: "x1s07b3s",
-    kLkRvE: "xqhzmhv",
-    kgeoSG: "x1cpjm7i",
-    kFcpXp: "xxx281p",
-    km8f2m: "xkk1bqk",
-    kEoFBp: "x1hmns74",
-    kxmVGU: "x2hztxu",
-    $$css: true
-  },
-  solidInteraction: {
-    kLkRvE: "xqhzmhv x1v9rfms x1c9ljbx",
-    $$css: true
-  },
-  surfaceInteraction: {
-    kLkRvE: "xqhzmhv x10nvyxg x1kux2mm",
-    $$css: true
-  },
-  content: {
-    kGNEyG: "x6s0dn4",
-    k1xSpc: "x3nfvp2",
-    kOIVth: "x1uj7ll3",
-    kVAEAm: "x1n2onr6",
-    kY2c9j: "x1vjfegm",
-    $$css: true
-  },
-  primaryContent: {
-    kMwMTN: "x1mij46l",
-    $$css: true
-  },
-  destructiveContent: {
-    kMwMTN: "xte0b6o",
-    $$css: true
-  },
-  disabledContent: {
-    kMwMTN: "x2rig74",
-    $$css: true
-  },
-  primary: {
-    kWkggS: "x92qhq",
-    kVAM5u: "x1nbx55b",
-    kMwMTN: "x1mij46l",
-    $$css: true
-  },
-  secondary: {
-    kWkggS: "x8m6yc2",
-    kVAM5u: "x13xm7is",
-    kMwMTN: "x1alews2",
-    $$css: true
-  },
-  ghost: {
-    kWkggS: "xnar5hm",
-    kVAM5u: "x38l7vw",
-    kMwMTN: "x1alews2",
-    $$css: true
-  },
-  destructive: {
-    kWkggS: "xstylu5",
-    kVAM5u: "xg020jo",
-    kMwMTN: "xte0b6o",
-    $$css: true
-  },
-  disabled: {
-    kWkggS: "x1fdj243",
-    kVAM5u: "x13xm7is",
-    kMwMTN: "x2rig74",
-    $$css: true
-  },
-  disabledGhost: {
-    kWkggS: "xnar5hm",
-    kVAM5u: "x38l7vw",
-    $$css: true
-  },
-  disabledInteraction: {
-    kLkRvE: "xqhzmhv",
-    $$css: true
-  },
-  sm: {
-    kaIpWk: "x7c24we",
-    kZKoxP: "x5vhmdc",
-    kg3NbH: "xdaxh69",
-    $$css: true
-  },
-  md: {
-    kaIpWk: "x7c24we",
-    kZKoxP: "x1f831s2",
-    kg3NbH: "x19pklni",
-    $$css: true
-  },
-  lg: {
-    kaIpWk: "x7c24we",
-    kZKoxP: "xbdy5jr",
-    kg3NbH: "xo72ft4",
-    $$css: true
-  }
-};
-function Button(t0) {
-  const $ = _c(24);
-  let children;
-  let disabled;
-  let props3;
-  let t1;
-  let t2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      children,
-      disabled,
-      size: t1,
-      variant: t2,
-      xstyle,
-      ...props3
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = disabled;
-    $[3] = props3;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = xstyle;
-  } else {
-    children = $[1];
-    disabled = $[2];
-    props3 = $[3];
-    t1 = $[4];
-    t2 = $[5];
-    xstyle = $[6];
-  }
-  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 ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== 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);
-    $[7] = hasSolidBackground;
-    $[8] = isDisabled;
-    $[9] = size;
-    $[10] = variant;
-    $[11] = xstyle;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  const stylexProps = t3;
-  let t4;
-  if ($[13] !== isDisabled || $[14] !== variant) {
-    t4 = {
-      0: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm"
-      },
-      4: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l"
-      },
-      2: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
-      },
-      6: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
-      },
-      1: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
-      },
-      5: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
-      },
-      3: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
-      },
-      7: {
-        className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
-      }
-    }[!!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
-    $[13] = isDisabled;
-    $[14] = variant;
-    $[15] = t4;
-  } else {
-    t4 = $[15];
-  }
-  const contentStylexProps = t4;
-  let t5;
-  if ($[16] !== children || $[17] !== contentStylexProps) {
-    t5 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
-    $[16] = children;
-    $[17] = contentStylexProps;
-    $[18] = t5;
-  } else {
-    t5 = $[18];
-  }
-  let t6;
-  if ($[19] !== disabled || $[20] !== props3 || $[21] !== stylexProps || $[22] !== t5) {
-    t6 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props3, disabled, ...stylexProps, children: t5 });
-    $[19] = disabled;
-    $[20] = props3;
-    $[21] = stylexProps;
-    $[22] = t5;
-    $[23] = t6;
-  } else {
-    t6 = $[23];
-  }
-  return t6;
-}
-
-// src/alert-dialog.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var styles2 = {
   popup: {
     kWkggS: "x1sgh50o",
     kVAM5u: "x13xm7is",
@@ -263,7 +31,8 @@ var styles2 = {
     koVVf4: "x14doao2",
     kQuUWH: "x6rr8qh",
     kRVfsM: "x1wueb8x",
-    k6CgDc: "x1yjfzay",
+    k6CgDc: "x1ho1d5x",
+    kUsAcO: "xyi9dcw",
     kTOR3a: "xq3v19y",
     $$css: true
   },
@@ -285,28 +54,28 @@ var styles2 = {
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 function AlertDialogContent(t0) {
-  const $ = _c2(17);
+  const $ = _c(13);
   let children;
-  let props3;
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       children,
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = props3;
+    $[2] = props2;
     $[3] = xstyle;
   } else {
     children = $[1];
-    props3 = $[2];
+    props2 = $[2];
     xstyle = $[3];
   }
   let t1;
   if ($[4] !== xstyle) {
-    t1 = stylex2.props(styles2.popup, xstyle);
+    t1 = stylex.props(styles.popup, xstyle);
     $[4] = xstyle;
     $[5] = t1;
   } else {
@@ -315,7 +84,7 @@ function AlertDialogContent(t0) {
   const stylexProps = t1;
   let t2;
   if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Backdrop, { className: "xpivpjv x1unu5m3 x10a8y8t xixxii4 xrqf7vh x19991ni xctuv9u xa9119d x1llxi74 x1gqblgl x6rr8qh x1wueb8x" });
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Backdrop, { className: "xpivpjv x1hrizaq x10a8y8t xixxii4 xrqf7vh x19991ni xctuv9u x83lckf x1llxi74 x1gqblgl x6rr8qh x1wueb8x x1ho1d5x xyi9dcw" });
     $[6] = t2;
   } else {
     t2 = $[6];
@@ -323,72 +92,56 @@ function AlertDialogContent(t0) {
   let t3;
   if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = {
-      className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xkm8lt0 xixxii4 xfa8aoj"
+      className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xkm8lt0 xixxii4 xy6ekaq"
     };
     $[7] = t3;
   } else {
     t3 = $[7];
   }
   let t4;
-  if ($[8] !== stylexProps.className) {
-    t4 = () => stylexProps.className;
-    $[8] = stylexProps.className;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== stylexProps.style) {
-    t5 = () => stylexProps.style;
-    $[10] = stylexProps.style;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== children || $[13] !== props3 || $[14] !== t4 || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
+  if ($[8] !== children || $[9] !== props2 || $[10] !== stylexProps.className || $[11] !== stylexProps.style) {
+    t4 = /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
       t2,
-      /* @__PURE__ */ jsx2(AlertDialogPrimitive.Viewport, { ...t3, children: /* @__PURE__ */ jsx2(AlertDialogPrimitive.Popup, { ...props3, className: t4, style: t5, children }) })
+      /* @__PURE__ */ jsx(AlertDialogPrimitive.Viewport, { ...t3, children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Popup, { ...props2, className: stylexProps.className, style: stylexProps.style, children }) })
     ] });
-    $[12] = children;
-    $[13] = props3;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
+    $[8] = children;
+    $[9] = props2;
+    $[10] = stylexProps.className;
+    $[11] = stylexProps.style;
+    $[12] = t4;
   } else {
-    t6 = $[16];
+    t4 = $[12];
   }
-  return t6;
+  return t4;
 }
 function AlertDialogHeader(t0) {
-  const $ = _c2(8);
-  let props3;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = stylex2.props(styles2.header, xstyle);
+    t1 = stylex.props(styles.header, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props3 || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[5] = props3;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -397,33 +150,33 @@ function AlertDialogHeader(t0) {
   return t2;
 }
 function AlertDialogFooter(t0) {
-  const $ = _c2(8);
-  let props3;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = stylex2.props(styles2.footer, xstyle);
+    t1 = stylex.props(styles.footer, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props3 || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[5] = props3;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -432,16 +185,16 @@ function AlertDialogFooter(t0) {
   return t2;
 }
 function AlertDialogTitle(t0) {
-  const $ = _c2(7);
-  let props3;
+  const $ = _c(5);
+  let props2;
   if ($[0] !== t0) {
     ({
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
   } else {
-    props3 = $[1];
+    props2 = $[1];
   }
   let t1;
   if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -454,37 +207,26 @@ function AlertDialogTitle(t0) {
   }
   const stylexProps = t1;
   let t2;
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => stylexProps.className;
-    t3 = () => stylexProps.style;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t2 = $[3];
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== props3) {
-    t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Title, { ...props3, className: t2, style: t3 });
-    $[5] = props3;
-    $[6] = t4;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ...props2, className: stylexProps.className, style: stylexProps.style });
+    $[3] = props2;
+    $[4] = t2;
   } else {
-    t4 = $[6];
+    t2 = $[4];
   }
-  return t4;
+  return t2;
 }
 function AlertDialogDescription(t0) {
-  const $ = _c2(7);
-  let props3;
+  const $ = _c(5);
+  let props2;
   if ($[0] !== t0) {
     ({
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
   } else {
-    props3 = $[1];
+    props2 = $[1];
   }
   let t1;
   if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -497,54 +239,43 @@ function AlertDialogDescription(t0) {
   }
   const stylexProps = t1;
   let t2;
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => stylexProps.className;
-    t3 = () => stylexProps.style;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t2 = $[3];
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== props3) {
-    t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Description, { ...props3, className: t2, style: t3 });
-    $[5] = props3;
-    $[6] = t4;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ...props2, className: stylexProps.className, style: stylexProps.style });
+    $[3] = props2;
+    $[4] = t2;
   } else {
-    t4 = $[6];
+    t2 = $[4];
   }
-  return t4;
+  return t2;
 }
 function AlertDialogCancel(t0) {
-  const $ = _c2(8);
+  const $ = _c(8);
   let children;
-  let props3;
+  let props2;
   if ($[0] !== t0) {
     ({
       children,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = props3;
+    $[2] = props2;
   } else {
     children = $[1];
-    props3 = $[2];
+    props2 = $[2];
   }
   let t1;
   if ($[3] !== children) {
-    t1 = /* @__PURE__ */ jsx2(Button, { variant: "secondary", children });
+    t1 = /* @__PURE__ */ jsx(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;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Close, { ...props2, render: t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -553,33 +284,33 @@ function AlertDialogCancel(t0) {
   return t2;
 }
 function AlertDialogAction(t0) {
-  const $ = _c2(8);
+  const $ = _c(8);
   let children;
-  let props3;
+  let props2;
   if ($[0] !== t0) {
     ({
       children,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = props3;
+    $[2] = props2;
   } else {
     children = $[1];
-    props3 = $[2];
+    props2 = $[2];
   }
   let t1;
   if ($[3] !== children) {
-    t1 = /* @__PURE__ */ jsx2(Button, { variant: "destructive", children });
+    t1 = /* @__PURE__ */ jsx(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;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(AlertDialogPrimitive.Close, { ...props2, render: t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {