@nuee/ui 0.3.2 → 0.4.1

package/dist/attachment.js

@@ -2,17 +2,6 @@
 import { c as _c2 } from "react/compiler-runtime";
 import * as stylex2 from "@stylexjs/stylex";
 
-// src/stylex-props.ts
-function getNativeStyleProps(stylexProps, className, style) {
-  return {
-    className: [stylexProps.className, className].filter(Boolean).join(" "),
-    style: {
-      ...stylexProps.style,
-      ...style
-    }
-  };
-}
-
 // src/button.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
@@ -140,75 +129,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"
       },
@@ -234,47 +205,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 {
-    t5 = $[20];
+    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];
   }
-  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;
+  return t6;
 }
 
 // src/attachment.tsx
@@ -413,281 +371,217 @@ var styles2 = {
   }
 };
 function Attachment(t0) {
-  const $ = _c2(20);
-  let className;
+  const $ = _c2(16);
   let props3;
-  let style;
   let t1;
   let t2;
   let t3;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
       orientation: t1,
       size: t2,
       state: t3,
-      style,
       xstyle,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = xstyle;
+    $[1] = props3;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = xstyle;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
-    t1 = $[4];
-    t2 = $[5];
-    t3 = $[6];
-    xstyle = $[7];
+    props3 = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+    xstyle = $[5];
   }
   const orientation = t1 === void 0 ? "horizontal" : t1;
   const size = t2 === void 0 ? "default" : t2;
   const state = t3 === void 0 ? "done" : t3;
   let t4;
-  if ($[8] !== className || $[9] !== orientation || $[10] !== size || $[11] !== state || $[12] !== style || $[13] !== xstyle) {
-    t4 = getNativeStyleProps(stylex2.props(styles2.root, styles2[orientation], size === "default" ? styles2.sizeDefault : styles2[size], state === "error" && styles2.error, xstyle), className, style);
-    $[8] = className;
-    $[9] = orientation;
-    $[10] = size;
-    $[11] = state;
-    $[12] = style;
-    $[13] = xstyle;
-    $[14] = t4;
+  if ($[6] !== orientation || $[7] !== size || $[8] !== state || $[9] !== xstyle) {
+    t4 = stylex2.props(styles2.root, styles2[orientation], size === "default" ? styles2.sizeDefault : styles2[size], state === "error" && styles2.error, xstyle);
+    $[6] = orientation;
+    $[7] = size;
+    $[8] = state;
+    $[9] = xstyle;
+    $[10] = t4;
   } else {
-    t4 = $[14];
+    t4 = $[10];
   }
   let t5;
-  if ($[15] !== orientation || $[16] !== props3 || $[17] !== state || $[18] !== t4) {
+  if ($[11] !== orientation || $[12] !== props3 || $[13] !== state || $[14] !== t4) {
     t5 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, "data-state": state, ...t4 });
-    $[15] = orientation;
-    $[16] = props3;
-    $[17] = state;
-    $[18] = t4;
-    $[19] = t5;
+    $[11] = orientation;
+    $[12] = props3;
+    $[13] = state;
+    $[14] = t4;
+    $[15] = t5;
   } else {
-    t5 = $[19];
+    t5 = $[15];
   }
   return t5;
 }
 function AttachmentMedia(t0) {
-  const $ = _c2(12);
-  let className;
+  const $ = _c2(8);
   let props3;
-  let style;
   let t1;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       variant: t1,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
-    $[4] = t1;
+    $[1] = props3;
+    $[2] = t1;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
-    t1 = $[4];
+    props3 = $[1];
+    t1 = $[2];
   }
   const variant = t1 === void 0 ? "icon" : t1;
   let t2;
-  if ($[5] !== className || $[6] !== style || $[7] !== variant) {
-    t2 = getNativeStyleProps(stylex2.props(styles2.media, styles2[`media${variant}`]), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = variant;
-    $[8] = t2;
+  if ($[3] !== variant) {
+    t2 = stylex2.props(styles2.media, styles2[`media${variant}`]);
+    $[3] = variant;
+    $[4] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[4];
   }
   let t3;
-  if ($[9] !== props3 || $[10] !== t2) {
+  if ($[5] !== props3 || $[6] !== t2) {
     t3 = /* @__PURE__ */ jsx2("div", { ...props3, ...t2 });
-    $[9] = props3;
-    $[10] = t2;
-    $[11] = t3;
+    $[5] = props3;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[7];
   }
   return t3;
 }
 function AttachmentContent(t0) {
-  const $ = _c2(10);
-  let className;
+  const $ = _c2(5);
   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] !== className || $[5] !== style) {
-    t1 = getNativeStyleProps({
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
       className: "x78zum5 x98rzlu xdt5ytf x1kr9b5u xeuugli x1cot6zx"
-    }, className, style);
-    $[4] = className;
-    $[5] = style;
-    $[6] = t1;
+    };
+    $[2] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[2];
   }
   let t2;
-  if ($[7] !== props3 || $[8] !== t1) {
+  if ($[3] !== props3) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[7] = props3;
-    $[8] = t1;
-    $[9] = t2;
+    $[3] = props3;
+    $[4] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[4];
   }
   return t2;
 }
 function AttachmentTitle(t0) {
-  const $ = _c2(10);
-  let className;
+  const $ = _c2(5);
   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] !== className || $[5] !== style) {
-    t1 = getNativeStyleProps({
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
       className: "x99mhxu x1v899x5 x1hfsx4t xb3r6kr xlyipyv xuxw1ft"
-    }, className, style);
-    $[4] = className;
-    $[5] = style;
-    $[6] = t1;
+    };
+    $[2] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[2];
   }
   let t2;
-  if ($[7] !== props3 || $[8] !== t1) {
+  if ($[3] !== props3) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[7] = props3;
-    $[8] = t1;
-    $[9] = t2;
+    $[3] = props3;
+    $[4] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[4];
   }
   return t2;
 }
 function AttachmentDescription(t0) {
-  const $ = _c2(10);
-  let className;
+  const $ = _c2(5);
   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] !== className || $[5] !== style) {
-    t1 = getNativeStyleProps({
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
       className: "x1ry1pnm x131ut49 xi1fz51 x1ghz6dp"
-    }, className, style);
-    $[4] = className;
-    $[5] = style;
-    $[6] = t1;
+    };
+    $[2] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[2];
   }
   let t2;
-  if ($[7] !== props3 || $[8] !== t1) {
+  if ($[3] !== props3) {
     t2 = /* @__PURE__ */ jsx2("p", { ...props3, ...t1 });
-    $[7] = props3;
-    $[8] = t1;
-    $[9] = t2;
+    $[3] = props3;
+    $[4] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[4];
   }
   return t2;
 }
 function AttachmentActions(t0) {
-  const $ = _c2(10);
-  let className;
+  const $ = _c2(5);
   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] !== className || $[5] !== style) {
-    t1 = getNativeStyleProps({
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
       className: "x6s0dn4 x78zum5 x2lah0s x1kr9b5u x1n2onr6 xhtitgo"
-    }, className, style);
-    $[4] = className;
-    $[5] = style;
-    $[6] = t1;
+    };
+    $[2] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[2];
   }
   let t2;
-  if ($[7] !== props3 || $[8] !== t1) {
+  if ($[3] !== props3) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[7] = props3;
-    $[8] = t1;
-    $[9] = t2;
+    $[3] = props3;
+    $[4] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[4];
   }
   return t2;
 }
@@ -727,92 +621,70 @@ function AttachmentAction(t0) {
   return t2;
 }
 function AttachmentTrigger(t0) {
-  const $ = _c2(12);
-  let className;
+  const $ = _c2(7);
   let props3;
-  let style;
   let t1;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       type: t1,
       ...props3
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props3;
-    $[3] = style;
-    $[4] = t1;
+    $[1] = props3;
+    $[2] = t1;
   } else {
-    className = $[1];
-    props3 = $[2];
-    style = $[3];
-    t1 = $[4];
+    props3 = $[1];
+    t1 = $[2];
   }
   const type = t1 === void 0 ? "button" : t1;
   let t2;
-  if ($[5] !== className || $[6] !== style) {
-    t2 = getNativeStyleProps({
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
       className: "xjbqb8w xc342km x1pjcqnp x1ypdohk x10a8y8t x1a2a7pz x3v310c x1wfwxd8 x7s97pk x10l6tqk x1vjfegm"
-    }, className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = t2;
+    };
+    $[3] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[3];
   }
   let t3;
-  if ($[8] !== props3 || $[9] !== t2 || $[10] !== type) {
+  if ($[4] !== props3 || $[5] !== type) {
     t3 = /* @__PURE__ */ jsx2("button", { ...props3, type, ...t2 });
-    $[8] = props3;
-    $[9] = t2;
-    $[10] = type;
-    $[11] = t3;
+    $[4] = props3;
+    $[5] = type;
+    $[6] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[6];
   }
   return t3;
 }
 function AttachmentGroup(t0) {
-  const $ = _c2(10);
-  let className;
+  const $ = _c2(5);
   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] !== className || $[5] !== style) {
-    t1 = getNativeStyleProps({
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
       className: "x78zum5 xmtacc2 xw2csxc x15cgg x1di6z1p xh8yej3"
-    }, className, style);
-    $[4] = className;
-    $[5] = style;
-    $[6] = t1;
+    };
+    $[2] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[2];
   }
   let t2;
-  if ($[7] !== props3 || $[8] !== t1) {
+  if ($[3] !== props3) {
     t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[7] = props3;
-    $[8] = t1;
-    $[9] = t2;
+    $[3] = props3;
+    $[4] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[4];
   }
   return t2;
 }