@nuee/ui 0.4.0 → 0.5.0

package/dist/attachment.js

@@ -1,243 +1,11 @@
-// src/attachment.tsx
-import { c as _c2 } from "react/compiler-runtime";
-import * as stylex2 from "@stylexjs/stylex";
+"use client";
 
-// src/button.tsx
+// src/attachment.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 { Button } from "./button.js";
 import { jsx } 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/attachment.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     kWkggS: "x8m6yc2",
@@ -283,7 +51,7 @@ var styles2 = {
   },
   error: {
     kWkggS: "x16jirg3",
-    kVAM5u: "xrv7ry5",
+    kVAM5u: "x9r1u3d",
     $$css: true
   },
   media: {
@@ -315,7 +83,8 @@ var styles2 = {
     kXwgrk: "xdt5ytf",
     kOIVth: "x1kr9b5u",
     k7Eaqz: "xeuugli",
-    kg3NbH: "x1cot6zx",
+    kwRFfy: "xqp18zy",
+    kZCmMZ: "x15x5vka",
     $$css: true
   },
   title: {
@@ -345,7 +114,6 @@ var styles2 = {
   },
   action: {
     k7Eaqz: "xneaidr",
-    kg3NbH: "x1cot6zx",
     $$css: true
   },
   trigger: {
@@ -371,8 +139,8 @@ var styles2 = {
   }
 };
 function Attachment(t0) {
-  const $ = _c2(16);
-  let props3;
+  const $ = _c(16);
+  let props2;
   let t1;
   let t2;
   let t3;
@@ -383,16 +151,16 @@ function Attachment(t0) {
       size: t2,
       state: t3,
       xstyle,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = t1;
     $[3] = t2;
     $[4] = t3;
     $[5] = xstyle;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     t1 = $[2];
     t2 = $[3];
     t3 = $[4];
@@ -403,7 +171,7 @@ function Attachment(t0) {
   const state = t3 === void 0 ? "done" : t3;
   let 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);
+    t4 = stylex.props(styles.root, styles[orientation], size === "default" ? styles.sizeDefault : styles[size], state === "error" && styles.error, xstyle);
     $[6] = orientation;
     $[7] = size;
     $[8] = state;
@@ -413,10 +181,10 @@ function Attachment(t0) {
     t4 = $[10];
   }
   let t5;
-  if ($[11] !== orientation || $[12] !== props3 || $[13] !== state || $[14] !== t4) {
-    t5 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, "data-state": state, ...t4 });
+  if ($[11] !== orientation || $[12] !== props2 || $[13] !== state || $[14] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { ...props2, "data-orientation": orientation, "data-state": state, ...t4 });
     $[11] = orientation;
-    $[12] = props3;
+    $[12] = props2;
     $[13] = state;
     $[14] = t4;
     $[15] = t5;
@@ -426,34 +194,34 @@ function Attachment(t0) {
   return t5;
 }
 function AttachmentMedia(t0) {
-  const $ = _c2(8);
-  let props3;
+  const $ = _c(8);
+  let props2;
   let t1;
   if ($[0] !== t0) {
     ({
       variant: t1,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = t1;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     t1 = $[2];
   }
   const variant = t1 === void 0 ? "icon" : t1;
   let t2;
   if ($[3] !== variant) {
-    t2 = stylex2.props(styles2.media, styles2[`media${variant}`]);
+    t2 = stylex.props(styles.media, styles[`media${variant}`]);
     $[3] = variant;
     $[4] = t2;
   } else {
     t2 = $[4];
   }
   let t3;
-  if ($[5] !== props3 || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsx2("div", { ...props3, ...t2 });
-    $[5] = props3;
+  if ($[5] !== props2 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { ...props2, ...t2 });
+    $[5] = props2;
     $[6] = t2;
     $[7] = t3;
   } else {
@@ -462,30 +230,30 @@ function AttachmentMedia(t0) {
   return t3;
 }
 function AttachmentContent(t0) {
-  const $ = _c2(5);
-  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")) {
     t1 = {
-      className: "x78zum5 x98rzlu xdt5ytf x1kr9b5u xeuugli x1cot6zx"
+      className: "x78zum5 x98rzlu xdt5ytf x1kr9b5u xeuugli xqp18zy x15x5vka"
     };
     $[2] = t1;
   } else {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props3) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[3] = props3;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[3] = props2;
     $[4] = t2;
   } else {
     t2 = $[4];
@@ -493,16 +261,16 @@ function AttachmentContent(t0) {
   return t2;
 }
 function AttachmentTitle(t0) {
-  const $ = _c2(5);
-  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")) {
@@ -514,9 +282,9 @@ function AttachmentTitle(t0) {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props3) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[3] = props3;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[3] = props2;
     $[4] = t2;
   } else {
     t2 = $[4];
@@ -524,16 +292,16 @@ function AttachmentTitle(t0) {
   return t2;
 }
 function AttachmentDescription(t0) {
-  const $ = _c2(5);
-  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")) {
@@ -545,9 +313,9 @@ function AttachmentDescription(t0) {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props3) {
-    t2 = /* @__PURE__ */ jsx2("p", { ...props3, ...t1 });
-    $[3] = props3;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx("p", { ...props2, ...t1 });
+    $[3] = props2;
     $[4] = t2;
   } else {
     t2 = $[4];
@@ -555,16 +323,16 @@ function AttachmentDescription(t0) {
   return t2;
 }
 function AttachmentActions(t0) {
-  const $ = _c2(5);
-  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")) {
@@ -576,9 +344,9 @@ function AttachmentActions(t0) {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props3) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[3] = props3;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[3] = props2;
     $[4] = t2;
   } else {
     t2 = $[4];
@@ -586,33 +354,33 @@ function AttachmentActions(t0) {
   return t2;
 }
 function AttachmentAction(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 = [styles2.action, xstyle];
+    t1 = [styles.action, xstyle];
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props3 || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx2(Button, { ...props3, size: "sm", variant: "ghost", xstyle: t1 });
-    $[5] = props3;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { ...props2, size: "sm", variant: "ghost", xstyle: t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -621,19 +389,19 @@ function AttachmentAction(t0) {
   return t2;
 }
 function AttachmentTrigger(t0) {
-  const $ = _c2(7);
-  let props3;
+  const $ = _c(7);
+  let props2;
   let t1;
   if ($[0] !== t0) {
     ({
       type: t1,
-      ...props3
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props3;
+    $[1] = props2;
     $[2] = t1;
   } else {
-    props3 = $[1];
+    props2 = $[1];
     t1 = $[2];
   }
   const type = t1 === void 0 ? "button" : t1;
@@ -647,9 +415,9 @@ function AttachmentTrigger(t0) {
     t2 = $[3];
   }
   let t3;
-  if ($[4] !== props3 || $[5] !== type) {
-    t3 = /* @__PURE__ */ jsx2("button", { ...props3, type, ...t2 });
-    $[4] = props3;
+  if ($[4] !== props2 || $[5] !== type) {
+    t3 = /* @__PURE__ */ jsx("button", { ...props2, type, ...t2 });
+    $[4] = props2;
     $[5] = type;
     $[6] = t3;
   } else {
@@ -658,16 +426,16 @@ function AttachmentTrigger(t0) {
   return t3;
 }
 function AttachmentGroup(t0) {
-  const $ = _c2(5);
-  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")) {
@@ -679,9 +447,9 @@ function AttachmentGroup(t0) {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props3) {
-    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
-    $[3] = props3;
+  if ($[3] !== props2) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[3] = props2;
     $[4] = t2;
   } else {
     t2 = $[4];