@nuee/ui 0.3.0 → 0.4.0

package/dist/input-group.d.ts

@@ -10,12 +10,12 @@ type AddonAlignment = "block-end" | "block-start" | "inline-end" | "inline-start
 export type InputGroupProps = ComponentProps<"div"> & StyleProps & {
     invalid?: boolean;
 };
-export declare function InputGroup({ className, invalid, style, xstyle, ...props }: InputGroupProps): import("react").JSX.Element;
-export declare function InputGroupAddon({ align, className, onClick, style, xstyle, ...props }: ComponentProps<"div"> & StyleProps & {
+export declare function InputGroup({ invalid, xstyle, ...props }: InputGroupProps): import("react").JSX.Element;
+export declare function InputGroupAddon({ align, onClick, xstyle, ...props }: ComponentProps<"div"> & StyleProps & {
     align?: AddonAlignment;
 }): import("react").JSX.Element;
 export declare function InputGroupInput({ xstyle, ...props }: InputProps): import("react").JSX.Element;
 export declare function InputGroupTextarea({ xstyle, ...props }: TextareaProps): import("react").JSX.Element;
 export declare function InputGroupButton({ size, variant, xstyle, ...props }: ButtonProps): import("react").JSX.Element;
-export declare function InputGroupText({ className, style, xstyle, ...props }: ComponentProps<"span"> & StyleProps): import("react").JSX.Element;
+export declare function InputGroupText({ xstyle, ...props }: ComponentProps<"span"> & StyleProps): import("react").JSX.Element;
 export {};

package/dist/input-group.js

@@ -129,75 +129,57 @@ var styles = {
   }
 };
 function Button(t0) {
-  const $ = _c(33);
+  const $ = _c(24);
   let children;
-  let className;
   let disabled;
   let props5;
-  let style;
   let t1;
   let t2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       children,
-      className,
       disabled,
       size: t1,
-      style,
       variant: t2,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = className;
-    $[3] = disabled;
-    $[4] = props5;
-    $[5] = style;
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = xstyle;
+    $[2] = disabled;
+    $[3] = props5;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
   } else {
     children = $[1];
-    className = $[2];
-    disabled = $[3];
-    props5 = $[4];
-    style = $[5];
-    t1 = $[6];
-    t2 = $[7];
-    xstyle = $[8];
+    disabled = $[2];
+    props5 = $[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"
       },
@@ -223,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 {
+    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] !== props5 || $[21] !== stylexProps || $[22] !== t5) {
+    t6 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props5, disabled, ...stylexProps, children: t5 });
+    $[19] = disabled;
+    $[20] = props5;
+    $[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] !== props5 || $[30] !== t6 || $[31] !== t7) {
-    t8 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props5, className: mergedClassName, disabled, style: t6, children: t7 });
-    $[27] = disabled;
-    $[28] = mergedClassName;
-    $[29] = props5;
-    $[30] = t6;
-    $[31] = t7;
-    $[32] = t8;
-  } else {
-    t8 = $[32];
-  }
-  return t8;
+  return t6;
 }
 
 // src/input.tsx
@@ -310,78 +279,47 @@ var styles2 = {
   }
 };
 function Input(t0) {
-  const $ = _c2(20);
+  const $ = _c2(11);
   let ariaInvalid;
-  let className;
   let props5;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
       "aria-invalid": ariaInvalid,
-      className,
-      style,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
     $[1] = ariaInvalid;
-    $[2] = className;
-    $[3] = props5;
-    $[4] = style;
-    $[5] = xstyle;
+    $[2] = props5;
+    $[3] = xstyle;
   } else {
     ariaInvalid = $[1];
-    className = $[2];
-    props5 = $[3];
-    style = $[4];
-    xstyle = $[5];
+    props5 = $[2];
+    xstyle = $[3];
   }
   const isInvalid = ariaInvalid === true || ariaInvalid === "true";
   let t1;
-  if ($[6] !== isInvalid || $[7] !== xstyle) {
+  if ($[4] !== isInvalid || $[5] !== xstyle) {
     t1 = stylex2.props(styles2.root, isInvalid && styles2.invalid, xstyle);
-    $[6] = isInvalid;
-    $[7] = xstyle;
-    $[8] = t1;
+    $[4] = isInvalid;
+    $[5] = xstyle;
+    $[6] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[6];
   }
   const stylexProps = t1;
   let t2;
-  if ($[9] !== className || $[10] !== stylexProps.className) {
-    t2 = [stylexProps.className, className].filter(Boolean);
-    $[9] = className;
-    $[10] = stylexProps.className;
-    $[11] = t2;
+  if ($[7] !== ariaInvalid || $[8] !== props5 || $[9] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx2(InputPrimitive, { ...props5, "aria-invalid": ariaInvalid, ...stylexProps });
+    $[7] = ariaInvalid;
+    $[8] = props5;
+    $[9] = stylexProps;
+    $[10] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[10];
   }
-  const mergedClassName = t2.join(" ");
-  let t3;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t3 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t3;
-  } else {
-    t3 = $[14];
-  }
-  let t4;
-  if ($[15] !== ariaInvalid || $[16] !== mergedClassName || $[17] !== props5 || $[18] !== t3) {
-    t4 = /* @__PURE__ */ jsx2(InputPrimitive, { ...props5, "aria-invalid": ariaInvalid, className: mergedClassName, style: t3 });
-    $[15] = ariaInvalid;
-    $[16] = mergedClassName;
-    $[17] = props5;
-    $[18] = t3;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  return t4;
+  return t2;
 }
 
 // src/textarea.tsx
@@ -428,78 +366,47 @@ var styles3 = {
   }
 };
 function Textarea(t0) {
-  const $ = _c3(20);
+  const $ = _c3(11);
   let ariaInvalid;
-  let className;
   let props5;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
       "aria-invalid": ariaInvalid,
-      className,
-      style,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
     $[1] = ariaInvalid;
-    $[2] = className;
-    $[3] = props5;
-    $[4] = style;
-    $[5] = xstyle;
+    $[2] = props5;
+    $[3] = xstyle;
   } else {
     ariaInvalid = $[1];
-    className = $[2];
-    props5 = $[3];
-    style = $[4];
-    xstyle = $[5];
+    props5 = $[2];
+    xstyle = $[3];
   }
   const isInvalid = ariaInvalid === true || ariaInvalid === "true";
   let t1;
-  if ($[6] !== isInvalid || $[7] !== xstyle) {
+  if ($[4] !== isInvalid || $[5] !== xstyle) {
     t1 = stylex3.props(styles3.root, isInvalid && styles3.invalid, xstyle);
-    $[6] = isInvalid;
-    $[7] = xstyle;
-    $[8] = t1;
+    $[4] = isInvalid;
+    $[5] = xstyle;
+    $[6] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[6];
   }
   const stylexProps = t1;
   let t2;
-  if ($[9] !== className || $[10] !== stylexProps.className) {
-    t2 = [stylexProps.className, className].filter(Boolean);
-    $[9] = className;
-    $[10] = stylexProps.className;
-    $[11] = t2;
+  if ($[7] !== ariaInvalid || $[8] !== props5 || $[9] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx3("textarea", { ...props5, "aria-invalid": ariaInvalid, ...stylexProps });
+    $[7] = ariaInvalid;
+    $[8] = props5;
+    $[9] = stylexProps;
+    $[10] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[10];
   }
-  const t3 = t2.join(" ");
-  let t4;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t4 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== ariaInvalid || $[16] !== props5 || $[17] !== t3 || $[18] !== t4) {
-    t5 = /* @__PURE__ */ jsx3("textarea", { ...props5, "aria-invalid": ariaInvalid, className: t3, style: t4 });
-    $[15] = ariaInvalid;
-    $[16] = props5;
-    $[17] = t3;
-    $[18] = t4;
-    $[19] = t5;
-  } else {
-    t5 = $[19];
-  }
-  return t5;
+  return t2;
 }
 
 // src/input-group.tsx
@@ -603,125 +510,86 @@ var styles4 = {
   }
 };
 function InputGroup(t0) {
-  const $ = _c4(20);
-  let className;
+  const $ = _c4(11);
   let props5;
-  let style;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
       invalid: t1,
-      style,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props5;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = xstyle;
+    $[1] = props5;
+    $[2] = t1;
+    $[3] = xstyle;
   } else {
-    className = $[1];
-    props5 = $[2];
-    style = $[3];
-    t1 = $[4];
-    xstyle = $[5];
+    props5 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
   }
   const invalid = t1 === void 0 ? false : t1;
   let t2;
-  if ($[6] !== invalid || $[7] !== xstyle) {
+  if ($[4] !== invalid || $[5] !== xstyle) {
     t2 = stylex4.props(styles4.root, invalid && styles4.invalid, xstyle);
-    $[6] = invalid;
-    $[7] = xstyle;
-    $[8] = t2;
+    $[4] = invalid;
+    $[5] = xstyle;
+    $[6] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[6];
   }
   const stylexProps = t2;
   const t3 = invalid || void 0;
   let t4;
-  if ($[9] !== className || $[10] !== stylexProps.className) {
-    t4 = [stylexProps.className, className].filter(Boolean);
-    $[9] = className;
-    $[10] = stylexProps.className;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t6 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  let t7;
-  if ($[15] !== props5 || $[16] !== t3 || $[17] !== t5 || $[18] !== t6) {
-    t7 = /* @__PURE__ */ jsx4("div", { ...props5, "data-invalid": t3, className: t5, style: t6 });
-    $[15] = props5;
-    $[16] = t3;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = t7;
+  if ($[7] !== props5 || $[8] !== stylexProps || $[9] !== t3) {
+    t4 = /* @__PURE__ */ jsx4("div", { ...props5, "data-invalid": t3, ...stylexProps });
+    $[7] = props5;
+    $[8] = stylexProps;
+    $[9] = t3;
+    $[10] = t4;
   } else {
-    t7 = $[19];
+    t4 = $[10];
   }
-  return t7;
+  return t4;
 }
 function InputGroupAddon(t0) {
-  const $ = _c4(24);
-  let className;
+  const $ = _c4(15);
   let onClick;
   let props5;
-  let style;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
       align: t1,
-      className,
       onClick,
-      style,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = onClick;
-    $[3] = props5;
-    $[4] = style;
-    $[5] = t1;
-    $[6] = xstyle;
+    $[1] = onClick;
+    $[2] = props5;
+    $[3] = t1;
+    $[4] = xstyle;
   } else {
-    className = $[1];
-    onClick = $[2];
-    props5 = $[3];
-    style = $[4];
-    t1 = $[5];
-    xstyle = $[6];
+    onClick = $[1];
+    props5 = $[2];
+    t1 = $[3];
+    xstyle = $[4];
   }
   const align = t1 === void 0 ? "inline-start" : t1;
   let t2;
-  if ($[7] !== align || $[8] !== xstyle) {
+  if ($[5] !== align || $[6] !== xstyle) {
     t2 = stylex4.props(styles4.addon, styles4[align], xstyle);
-    $[7] = align;
-    $[8] = xstyle;
-    $[9] = t2;
+    $[5] = align;
+    $[6] = xstyle;
+    $[7] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[7];
   }
   const stylexProps = t2;
   let t3;
-  if ($[10] !== onClick) {
+  if ($[8] !== onClick) {
     t3 = (event) => {
       onClick?.(event);
       if (event.defaultPrevented || event.target.closest("button")) {
@@ -729,47 +597,24 @@ function InputGroupAddon(t0) {
       }
       event.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
     };
-    $[10] = onClick;
-    $[11] = t3;
+    $[8] = onClick;
+    $[9] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[9];
   }
   const handleClick = t3;
   let t4;
-  if ($[12] !== className || $[13] !== stylexProps.className) {
-    t4 = [stylexProps.className, className].filter(Boolean);
-    $[12] = className;
-    $[13] = stylexProps.className;
+  if ($[10] !== align || $[11] !== handleClick || $[12] !== props5 || $[13] !== stylexProps) {
+    t4 = /* @__PURE__ */ jsx4("div", { ...props5, role: "presentation", "data-align": align, onClick: handleClick, ...stylexProps });
+    $[10] = align;
+    $[11] = handleClick;
+    $[12] = props5;
+    $[13] = stylexProps;
     $[14] = t4;
   } else {
     t4 = $[14];
   }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[15] !== style || $[16] !== stylexProps.style) {
-    t6 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[15] = style;
-    $[16] = stylexProps.style;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  let t7;
-  if ($[18] !== align || $[19] !== handleClick || $[20] !== props5 || $[21] !== t5 || $[22] !== t6) {
-    t7 = /* @__PURE__ */ jsx4("div", { ...props5, role: "presentation", "data-align": align, onClick: handleClick, className: t5, style: t6 });
-    $[18] = align;
-    $[19] = handleClick;
-    $[20] = props5;
-    $[21] = t5;
-    $[22] = t6;
-    $[23] = t7;
-  } else {
-    t7 = $[23];
-  }
-  return t7;
+  return t4;
 }
 function InputGroupInput(t0) {
   const $ = _c4(8);
@@ -889,71 +734,40 @@ function InputGroupButton(t0) {
   return t4;
 }
 function InputGroupText(t0) {
-  const $ = _c4(17);
-  let className;
+  const $ = _c4(8);
   let props5;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props5
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props5;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props5;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props5 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props5 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== xstyle) {
+  if ($[3] !== xstyle) {
     t1 = stylex4.props(styles4.text, xstyle);
-    $[5] = xstyle;
-    $[6] = t1;
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[4];
   }
   const stylexProps = t1;
   let t2;
-  if ($[7] !== className || $[8] !== stylexProps.className) {
-    t2 = [stylexProps.className, className].filter(Boolean);
-    $[7] = className;
-    $[8] = stylexProps.className;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  const t3 = t2.join(" ");
-  let t4;
-  if ($[10] !== style || $[11] !== stylexProps.style) {
-    t4 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[10] = style;
-    $[11] = stylexProps.style;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== props5 || $[14] !== t3 || $[15] !== t4) {
-    t5 = /* @__PURE__ */ jsx4("span", { ...props5, className: t3, style: t4 });
-    $[13] = props5;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
+  if ($[5] !== props5 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx4("span", { ...props5, ...stylexProps });
+    $[5] = props5;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t5 = $[16];
+    t2 = $[7];
   }
-  return t5;
+  return t2;
 }
 export {
   InputGroup,