@nuee/ui 0.3.2 → 0.4.0

package/dist/alert-dialog.js

@@ -130,75 +130,57 @@ var styles = {
   }
 };
 function Button(t0) {
-  const $ = _c(33);
+  const $ = _c(24);
   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;
+    $[2] = disabled;
+    $[3] = props3;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
   } else {
     children = $[1];
-    className = $[2];
-    disabled = $[3];
-    props3 = $[4];
-    style = $[5];
-    t1 = $[6];
-    t2 = $[7];
-    xstyle = $[8];
+    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 ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {
+  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);
-    $[9] = hasSolidBackground;
-    $[10] = isDisabled;
-    $[11] = size;
-    $[12] = variant;
-    $[13] = xstyle;
-    $[14] = t3;
+    $[7] = hasSolidBackground;
+    $[8] = isDisabled;
+    $[9] = size;
+    $[10] = variant;
+    $[11] = xstyle;
+    $[12] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[12];
   }
   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] !== isDisabled || $[19] !== variant) {
-    t5 = {
+  if ($[13] !== isDisabled || $[14] !== variant) {
+    t4 = {
       0: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm"
       },
@@ -224,58 +206,34 @@ function Button(t0) {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
       }
     }[!!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
-    $[18] = isDisabled;
-    $[19] = variant;
-    $[20] = t5;
+    $[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 = $[20];
+    t5 = $[18];
   }
-  const contentStylexProps = t5;
   let t6;
-  if ($[21] !== style || $[22] !== stylexProps.style) {
-    t6 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[21] = style;
-    $[22] = stylexProps.style;
+  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];
   }
-  let t7;
-  if ($[24] !== children || $[25] !== contentStylexProps) {
-    t7 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
-    $[24] = children;
-    $[25] = contentStylexProps;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  let t8;
-  if ($[27] !== disabled || $[28] !== mergedClassName || $[29] !== props3 || $[30] !== t6 || $[31] !== t7) {
-    t8 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props3, className: mergedClassName, disabled, style: t6, children: t7 });
-    $[27] = disabled;
-    $[28] = mergedClassName;
-    $[29] = props3;
-    $[30] = t6;
-    $[31] = t7;
-    $[32] = t8;
-  } else {
-    t8 = $[32];
-  }
-  return t8;
-}
-
-// src/stylex-props.ts
-function getNativeStyleProps(stylexProps, className, style) {
-  return {
-    className: [stylexProps.className, className].filter(Boolean).join(" "),
-    style: {
-      ...stylexProps.style,
-      ...style
-    }
-  };
+  return t6;
 }
 
 // src/alert-dialog.tsx
@@ -327,304 +285,235 @@ var styles2 = {
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 function AlertDialogContent(t0) {
-  const $ = _c2(21);
+  const $ = _c2(17);
   let children;
-  let className;
   let props3;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
       children,
-      className,
-      style,
       xstyle,
       ...props3
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = className;
-    $[3] = props3;
-    $[4] = style;
-    $[5] = xstyle;
+    $[2] = props3;
+    $[3] = xstyle;
   } else {
     children = $[1];
-    className = $[2];
-    props3 = $[3];
-    style = $[4];
-    xstyle = $[5];
+    props3 = $[2];
+    xstyle = $[3];
   }
   let t1;
-  if ($[6] !== xstyle) {
+  if ($[4] !== xstyle) {
     t1 = stylex2.props(styles2.popup, xstyle);
-    $[6] = xstyle;
-    $[7] = t1;
+    $[4] = xstyle;
+    $[5] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[5];
   }
   const stylexProps = t1;
   let t2;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  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" });
-    $[8] = t2;
+    $[6] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[6];
   }
   let t3;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = {
       className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xkm8lt0 xixxii4 xfa8aoj"
     };
-    $[9] = t3;
+    $[7] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[7];
   }
   let t4;
-  if ($[10] !== className || $[11] !== stylexProps.className) {
-    t4 = (state) => [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
-    $[10] = className;
-    $[11] = stylexProps.className;
-    $[12] = t4;
+  if ($[8] !== stylexProps.className) {
+    t4 = () => stylexProps.className;
+    $[8] = stylexProps.className;
+    $[9] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[9];
   }
   let t5;
-  if ($[13] !== style || $[14] !== stylexProps.style) {
-    t5 = (state_0) => ({
-      ...stylexProps.style,
-      ...typeof style === "function" ? style(state_0) : style
-    });
-    $[13] = style;
-    $[14] = stylexProps.style;
-    $[15] = t5;
+  if ($[10] !== stylexProps.style) {
+    t5 = () => stylexProps.style;
+    $[10] = stylexProps.style;
+    $[11] = t5;
   } else {
-    t5 = $[15];
+    t5 = $[11];
   }
   let t6;
-  if ($[16] !== children || $[17] !== props3 || $[18] !== t4 || $[19] !== t5) {
+  if ($[12] !== children || $[13] !== props3 || $[14] !== t4 || $[15] !== t5) {
     t6 = /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
       t2,
       /* @__PURE__ */ jsx2(AlertDialogPrimitive.Viewport, { ...t3, children: /* @__PURE__ */ jsx2(AlertDialogPrimitive.Popup, { ...props3, className: t4, style: t5, children }) })
     ] });
-    $[16] = children;
-    $[17] = props3;
-    $[18] = t4;
-    $[19] = t5;
-    $[20] = t6;
+    $[12] = children;
+    $[13] = props3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
   } else {
-    t6 = $[20];
+    t6 = $[16];
   }
   return t6;
 }
 function AlertDialogHeader(t0) {
-  const $ = _c2(12);
-  let className;
+  const $ = _c2(8);
   let props3;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props3;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props3 = $[1];
+    xstyle = $[2];
   }
   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;
+  if ($[3] !== xstyle) {
+    t1 = stylex2.props(styles2.header, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props3 || $[10] !== t1) {
+  if ($[5] !== props3 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[9] = props3;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props3;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function AlertDialogFooter(t0) {
-  const $ = _c2(12);
-  let className;
+  const $ = _c2(8);
   let props3;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props3;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props3 = $[1];
+    xstyle = $[2];
   }
   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;
+  if ($[3] !== xstyle) {
+    t1 = stylex2.props(styles2.footer, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props3 || $[10] !== t1) {
+  if ($[5] !== props3 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[9] = props3;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props3;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function AlertDialogTitle(t0) {
-  const $ = _c2(13);
-  let className;
+  const $ = _c2(7);
   let props3;
-  let style;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
+    $[1] = props3;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
+    props3 = $[1];
   }
   let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
       className: "x1alews2 x1owaoya xq1ytqg x1hfsx4t x1ghz6dp"
     };
-    $[4] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[2];
   }
   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;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => stylexProps.className;
+    t3 = () => stylexProps.style;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t3 = $[8];
+    t2 = $[3];
+    t3 = $[4];
   }
   let t4;
-  if ($[9] !== props3 || $[10] !== t2 || $[11] !== t3) {
+  if ($[5] !== props3) {
     t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Title, { ...props3, className: t2, style: t3 });
-    $[9] = props3;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
+    $[5] = props3;
+    $[6] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[6];
   }
   return t4;
 }
 function AlertDialogDescription(t0) {
-  const $ = _c2(13);
-  let className;
+  const $ = _c2(7);
   let props3;
-  let style;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
+    $[1] = props3;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
+    props3 = $[1];
   }
   let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
       className: "x1ry1pnm x99mhxu xi1fz51 x1ghz6dp"
     };
-    $[4] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[2];
   }
   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;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => stylexProps.className;
+    t3 = () => stylexProps.style;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t3 = $[8];
+    t2 = $[3];
+    t3 = $[4];
   }
   let t4;
-  if ($[9] !== props3 || $[10] !== t2 || $[11] !== t3) {
+  if ($[5] !== props3) {
     t4 = /* @__PURE__ */ jsx2(AlertDialogPrimitive.Description, { ...props3, className: t2, style: t3 });
-    $[9] = props3;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
+    $[5] = props3;
+    $[6] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[6];
   }
   return t4;
 }