@nuee/ui 0.4.0 → 0.5.0

package/dist/input-group.js

@@ -1,417 +1,12 @@
-// src/input-group.tsx
-import { c as _c4 } from "react/compiler-runtime";
-import * as stylex4 from "@stylexjs/stylex";
+"use client";
 
-// src/button.tsx
+// src/input-group.tsx
 import { c as _c } from "react/compiler-runtime";
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { Input as InputPrimitive } from "@base-ui/react/input";
 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 props5;
-  let t1;
-  let t2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      children,
-      disabled,
-      size: t1,
-      variant: t2,
-      xstyle,
-      ...props5
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = disabled;
-    $[3] = props5;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = xstyle;
-  } else {
-    children = $[1];
-    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 ($[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] !== 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];
-  }
-  return t6;
-}
-
-// src/input.tsx
-import { c as _c2 } from "react/compiler-runtime";
-import { Input as InputPrimitive } from "@base-ui/react/input";
-import * as stylex2 from "@stylexjs/stylex";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var styles2 = {
-  root: {
-    kysU6D: "xjyslct",
-    kWkggS: "x8m6yc2",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x7c24we",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    kMwMTN: "x1alews2",
-    kGuDYH: "x99mhxu",
-    kZKoxP: "x1f831s2",
-    kLWn49: "xi1fz51",
-    k7Eaqz: "xeuugli",
-    kI3sdo: "x1a2a7pz",
-    kg3NbH: "xdaxh69",
-    kIyJzY: "xdshaxz",
-    k1ekBW: "x13wuo2s",
-    kAMwcw: "xscx6xn",
-    kzqmXN: "xh8yej3",
-    k8Qsv1: "xr4g7lh",
-    kaVNsj: "x17tsfxz",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    kD2jPA: "x1ukozmc",
-    kdODIN: "x1myz13v",
-    kWC4TW: "xgokf5d",
-    kYPGJ8: "x1s07b3s",
-    kqcrZL: "xakpnpt",
-    kHRqo9: "x1gb4maz",
-    $$css: true
-  },
-  invalid: {
-    kVAM5u: "xrv7ry5",
-    $$css: true
-  }
-};
-function Input(t0) {
-  const $ = _c2(11);
-  let ariaInvalid;
-  let props5;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      "aria-invalid": ariaInvalid,
-      xstyle,
-      ...props5
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaInvalid;
-    $[2] = props5;
-    $[3] = xstyle;
-  } else {
-    ariaInvalid = $[1];
-    props5 = $[2];
-    xstyle = $[3];
-  }
-  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
-  let t1;
-  if ($[4] !== isInvalid || $[5] !== xstyle) {
-    t1 = stylex2.props(styles2.root, isInvalid && styles2.invalid, xstyle);
-    $[4] = isInvalid;
-    $[5] = xstyle;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const stylexProps = t1;
-  let 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 = $[10];
-  }
-  return t2;
-}
-
-// src/textarea.tsx
-import { c as _c3 } from "react/compiler-runtime";
-import * as stylex3 from "@stylexjs/stylex";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var styles3 = {
-  root: {
-    kWkggS: "x8m6yc2",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x7c24we",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    kMwMTN: "x1alews2",
-    kMv6JI: "x14e0hi7",
-    kGuDYH: "x99mhxu",
-    kLWn49: "xi1fz51",
-    kAzted: "x1meygxz",
-    kI3sdo: "x1a2a7pz",
-    kmVPX3: "x1brvpr3",
-    kHenm0: "x288g5",
-    kIyJzY: "xdshaxz",
-    k1ekBW: "x13wuo2s",
-    kAMwcw: "xscx6xn",
-    kzqmXN: "xh8yej3",
-    k8Qsv1: "xr4g7lh",
-    kaVNsj: "x17tsfxz",
-    kOJeXU: "xlysfis",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    kD2jPA: "x1ukozmc",
-    kdODIN: "x1myz13v",
-    kWC4TW: "xgokf5d",
-    kYPGJ8: "x1s07b3s",
-    kqcrZL: "xakpnpt",
-    kHRqo9: "x1gb4maz",
-    $$css: true
-  },
-  invalid: {
-    kVAM5u: "xrv7ry5",
-    $$css: true
-  }
-};
-function Textarea(t0) {
-  const $ = _c3(11);
-  let ariaInvalid;
-  let props5;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      "aria-invalid": ariaInvalid,
-      xstyle,
-      ...props5
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaInvalid;
-    $[2] = props5;
-    $[3] = xstyle;
-  } else {
-    ariaInvalid = $[1];
-    props5 = $[2];
-    xstyle = $[3];
-  }
-  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
-  let t1;
-  if ($[4] !== isInvalid || $[5] !== xstyle) {
-    t1 = stylex3.props(styles3.root, isInvalid && styles3.invalid, xstyle);
-    $[4] = isInvalid;
-    $[5] = xstyle;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const stylexProps = t1;
-  let 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 = $[10];
-  }
-  return t2;
-}
-
-// src/input-group.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var styles4 = {
   root: {
     kGNEyG: "x6s0dn4",
     kWkggS: "x8m6yc2",
@@ -423,6 +18,9 @@ var styles4 = {
     kwnvtZ: "x1a02dak",
     kAzted: "x1ek7y2g",
     k7Eaqz: "xeuugli",
+    kIyJzY: "xdshaxz",
+    k1ekBW: "xshfolx",
+    kAMwcw: "xscx6xn",
     kzqmXN: "xh8yej3",
     kYcSvW: "x1vm5zn",
     kpj6Ty: "xeyph4s",
@@ -433,6 +31,8 @@ var styles4 = {
   },
   invalid: {
     kVAM5u: "xrv7ry5",
+    kYcSvW: "x4y33lh",
+    kpj6Ty: "xnflsuw",
     $$css: true
   },
   addon: {
@@ -495,6 +95,19 @@ var styles4 = {
     kAzted: "x1meygxz",
     $$css: true
   },
+  input: {
+    kMwMTN: "x1alews2",
+    kGuDYH: "x99mhxu",
+    kZKoxP: "x1f831s2",
+    kLWn49: "xi1fz51",
+    kg3NbH: "xdaxh69",
+    kzqmXN: "xh8yej3",
+    k8Qsv1: "xr4g7lh",
+    kD2jPA: "x1ukozmc",
+    kWC4TW: "xgokf5d",
+    kYPGJ8: "x1s07b3s",
+    $$css: true
+  },
   button: {
     kmuXW: "x2lah0s",
     kogj98: "x17f583r",
@@ -510,42 +123,41 @@ var styles4 = {
   }
 };
 function InputGroup(t0) {
-  const $ = _c4(11);
-  let props5;
+  const $ = _c(11);
+  let props2;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
       invalid: t1,
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props5;
+    $[1] = props2;
     $[2] = t1;
     $[3] = xstyle;
   } else {
-    props5 = $[1];
+    props2 = $[1];
     t1 = $[2];
     xstyle = $[3];
   }
   const invalid = t1 === void 0 ? false : t1;
-  let t2;
+  const t2 = invalid || void 0;
+  let t3;
   if ($[4] !== invalid || $[5] !== xstyle) {
-    t2 = stylex4.props(styles4.root, invalid && styles4.invalid, xstyle);
+    t3 = stylex.props(styles.root, invalid && styles.invalid, xstyle);
     $[4] = invalid;
     $[5] = xstyle;
-    $[6] = t2;
+    $[6] = t3;
   } else {
-    t2 = $[6];
+    t3 = $[6];
   }
-  const stylexProps = t2;
-  const t3 = invalid || void 0;
   let t4;
-  if ($[7] !== props5 || $[8] !== stylexProps || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsx4("div", { ...props5, "data-invalid": t3, ...stylexProps });
-    $[7] = props5;
-    $[8] = stylexProps;
+  if ($[7] !== props2 || $[8] !== t2 || $[9] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { ...props2, "data-invalid": t2, ...t3 });
+    $[7] = props2;
+    $[8] = t2;
     $[9] = t3;
     $[10] = t4;
   } else {
@@ -554,9 +166,9 @@ function InputGroup(t0) {
   return t4;
 }
 function InputGroupAddon(t0) {
-  const $ = _c4(15);
+  const $ = _c(15);
   let onClick;
-  let props5;
+  let props2;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
@@ -564,52 +176,51 @@ function InputGroupAddon(t0) {
       align: t1,
       onClick,
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
     $[1] = onClick;
-    $[2] = props5;
+    $[2] = props2;
     $[3] = t1;
     $[4] = xstyle;
   } else {
     onClick = $[1];
-    props5 = $[2];
+    props2 = $[2];
     t1 = $[3];
     xstyle = $[4];
   }
   const align = t1 === void 0 ? "inline-start" : t1;
   let t2;
-  if ($[5] !== align || $[6] !== xstyle) {
-    t2 = stylex4.props(styles4.addon, styles4[align], xstyle);
-    $[5] = align;
-    $[6] = xstyle;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const stylexProps = t2;
-  let t3;
-  if ($[8] !== onClick) {
-    t3 = (event) => {
+  if ($[5] !== onClick) {
+    t2 = (event) => {
       onClick?.(event);
       if (event.defaultPrevented || event.target.closest("button")) {
         return;
       }
       event.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
     };
-    $[8] = onClick;
+    $[5] = onClick;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const handleClick = t2;
+  let t3;
+  if ($[7] !== align || $[8] !== xstyle) {
+    t3 = stylex.props(styles.addon, styles[align], xstyle);
+    $[7] = align;
+    $[8] = xstyle;
     $[9] = t3;
   } else {
     t3 = $[9];
   }
-  const handleClick = t3;
   let t4;
-  if ($[10] !== align || $[11] !== handleClick || $[12] !== props5 || $[13] !== stylexProps) {
-    t4 = /* @__PURE__ */ jsx4("div", { ...props5, role: "presentation", "data-align": align, onClick: handleClick, ...stylexProps });
+  if ($[10] !== align || $[11] !== handleClick || $[12] !== props2 || $[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { ...props2, role: "presentation", "data-align": align, onClick: handleClick, ...t3 });
     $[10] = align;
     $[11] = handleClick;
-    $[12] = props5;
-    $[13] = stylexProps;
+    $[12] = props2;
+    $[13] = t3;
     $[14] = t4;
   } else {
     t4 = $[14];
@@ -617,33 +228,33 @@ function InputGroupAddon(t0) {
   return t4;
 }
 function InputGroupInput(t0) {
-  const $ = _c4(8);
-  let props5;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props5;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props5 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = [styles4.control, xstyle];
+    t1 = stylex.props(styles.input, styles.control, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props5 || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx4(Input, { ...props5, xstyle: t1 });
-    $[5] = props5;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(InputPrimitive, { ...props2, ...t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -652,33 +263,33 @@ function InputGroupInput(t0) {
   return t2;
 }
 function InputGroupTextarea(t0) {
-  const $ = _c4(8);
-  let props5;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props5;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props5 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = [styles4.control, styles4.textarea, xstyle];
+    t1 = stylex.props(styles.control, styles.textarea, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props5 || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx4(Textarea, { ...props5, xstyle: t1 });
-    $[5] = props5;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("textarea", { ...props2, ...t1 });
+    $[5] = props2;
     $[6] = t1;
     $[7] = t2;
   } else {
@@ -687,8 +298,8 @@ function InputGroupTextarea(t0) {
   return t2;
 }
 function InputGroupButton(t0) {
-  const $ = _c4(12);
-  let props5;
+  const $ = _c(12);
+  let props2;
   let t1;
   let t2;
   let xstyle;
@@ -697,15 +308,15 @@ function InputGroupButton(t0) {
       size: t1,
       variant: t2,
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props5;
+    $[1] = props2;
     $[2] = t1;
     $[3] = t2;
     $[4] = xstyle;
   } else {
-    props5 = $[1];
+    props2 = $[1];
     t1 = $[2];
     t2 = $[3];
     xstyle = $[4];
@@ -714,16 +325,16 @@ function InputGroupButton(t0) {
   const variant = t2 === void 0 ? "ghost" : t2;
   let t3;
   if ($[5] !== xstyle) {
-    t3 = [styles4.button, xstyle];
+    t3 = [styles.button, xstyle];
     $[5] = xstyle;
     $[6] = t3;
   } else {
     t3 = $[6];
   }
   let t4;
-  if ($[7] !== props5 || $[8] !== size || $[9] !== t3 || $[10] !== variant) {
-    t4 = /* @__PURE__ */ jsx4(Button, { ...props5, size, variant, xstyle: t3 });
-    $[7] = props5;
+  if ($[7] !== props2 || $[8] !== size || $[9] !== t3 || $[10] !== variant) {
+    t4 = /* @__PURE__ */ jsx(Button, { ...props2, size, variant, xstyle: t3 });
+    $[7] = props2;
     $[8] = size;
     $[9] = t3;
     $[10] = variant;
@@ -734,35 +345,34 @@ function InputGroupButton(t0) {
   return t4;
 }
 function InputGroupText(t0) {
-  const $ = _c4(8);
-  let props5;
+  const $ = _c(8);
+  let props2;
   let xstyle;
   if ($[0] !== t0) {
     ({
       xstyle,
-      ...props5
+      ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props5;
+    $[1] = props2;
     $[2] = xstyle;
   } else {
-    props5 = $[1];
+    props2 = $[1];
     xstyle = $[2];
   }
   let t1;
   if ($[3] !== xstyle) {
-    t1 = stylex4.props(styles4.text, xstyle);
+    t1 = stylex.props(styles.text, xstyle);
     $[3] = xstyle;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
-  const stylexProps = t1;
   let t2;
-  if ($[5] !== props5 || $[6] !== stylexProps) {
-    t2 = /* @__PURE__ */ jsx4("span", { ...props5, ...stylexProps });
-    $[5] = props5;
-    $[6] = stylexProps;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
+    $[5] = props2;
+    $[6] = t1;
     $[7] = t2;
   } else {
     t2 = $[7];