@nuee/ui 0.3.0

package/dist/input-group.js

@@ -0,0 +1,966 @@
+// src/input-group.tsx
+import { c as _c4 } from "react/compiler-runtime";
+import * as stylex4 from "@stylexjs/stylex";
+
+// src/button.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 { 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(33);
+  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;
+  } else {
+    children = $[1];
+    className = $[2];
+    disabled = $[3];
+    props5 = $[4];
+    style = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    xstyle = $[8];
+  }
+  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) {
+    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;
+  } else {
+    t3 = $[14];
+  }
+  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 = {
+      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];
+    $[18] = isDisabled;
+    $[19] = variant;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  const contentStylexProps = t5;
+  let t6;
+  if ($[21] !== style || $[22] !== stylexProps.style) {
+    t6 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[21] = style;
+    $[22] = stylexProps.style;
+    $[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;
+}
+
+// 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(20);
+  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;
+  } else {
+    ariaInvalid = $[1];
+    className = $[2];
+    props5 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let t1;
+  if ($[6] !== isInvalid || $[7] !== xstyle) {
+    t1 = stylex2.props(styles2.root, isInvalid && styles2.invalid, xstyle);
+    $[6] = isInvalid;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[9] !== className || $[10] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[9] = className;
+    $[10] = stylexProps.className;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  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;
+}
+
+// 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(20);
+  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;
+  } else {
+    ariaInvalid = $[1];
+    className = $[2];
+    props5 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let t1;
+  if ($[6] !== isInvalid || $[7] !== xstyle) {
+    t1 = stylex3.props(styles3.root, isInvalid && styles3.invalid, xstyle);
+    $[6] = isInvalid;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[9] !== className || $[10] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[9] = className;
+    $[10] = stylexProps.className;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  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;
+}
+
+// src/input-group.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var styles4 = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "x8m6yc2",
+    kVAM5u: "x13xm7is",
+    kaIpWk: "x7c24we",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzgztj1",
+    k1xSpc: "x78zum5",
+    kwnvtZ: "x1a02dak",
+    kAzted: "x1ek7y2g",
+    k7Eaqz: "xeuugli",
+    kzqmXN: "xh8yej3",
+    kYcSvW: "x1vm5zn",
+    kpj6Ty: "xeyph4s",
+    kfQpEX: "xvailqp",
+    kXImzq: "x14xc8xn",
+    krA4I7: "x16tib9l",
+    $$css: true
+  },
+  invalid: {
+    kVAM5u: "xrv7ry5",
+    $$css: true
+  },
+  addon: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x1ry1pnm",
+    kkrTdU: "x1ed109x",
+    k1xSpc: "x78zum5",
+    kmuXW: "x2lah0s",
+    kGuDYH: "x99mhxu",
+    kOIVth: "x1uj7ll3",
+    kAzted: "x1ek7y2g",
+    $$css: true
+  },
+  "inline-start": {
+    kayTVb: "x1clqncf",
+    kZCmMZ: "x1prdsy2",
+    $$css: true
+  },
+  "inline-end": {
+    kayTVb: "x9ek82g",
+    kwRFfy: "xl5cegi",
+    $$css: true
+  },
+  "block-start": {
+    kSGwAc: "xkh2ocl",
+    kjj79g: "x1nhvcw1",
+    kayTVb: "x1clqncf",
+    kg3NbH: "xdaxh69",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  "block-end": {
+    kSGwAc: "xkh2ocl",
+    kjj79g: "x1nhvcw1",
+    kayTVb: "x9ek82g",
+    kg3NbH: "xdaxh69",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  control: {
+    kysU6D: "xjyslct",
+    kWkggS: "xjbqb8w",
+    kVAM5u: "x9r1u3d",
+    ksu8eU: "xng3xce",
+    kMzoRj: "xc342km",
+    kaIpWk: "x7c24we",
+    kGVxlE: "x1gnnqk1",
+    kUk6DE: "x98rzlu",
+    k7Eaqz: "xeuugli",
+    kI3sdo: "x1a2a7pz",
+    kaVNsj: "x1xfd4ba",
+    kOJeXU: "x7yu9wt",
+    kZs9gx: "xz2lg3n",
+    kiEn40: "xwlpgjh",
+    k7shQP: "xi5y0ii",
+    kPJHz1: "x1x65lqo",
+    $$css: true
+  },
+  textarea: {
+    kAzted: "x1meygxz",
+    $$css: true
+  },
+  button: {
+    kmuXW: "x2lah0s",
+    kogj98: "x17f583r",
+    $$css: true
+  },
+  text: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x1ry1pnm",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x99mhxu",
+    kOIVth: "x1uj7ll3",
+    $$css: true
+  }
+};
+function InputGroup(t0) {
+  const $ = _c4(20);
+  let className;
+  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;
+  } else {
+    className = $[1];
+    props5 = $[2];
+    style = $[3];
+    t1 = $[4];
+    xstyle = $[5];
+  }
+  const invalid = t1 === void 0 ? false : t1;
+  let t2;
+  if ($[6] !== invalid || $[7] !== xstyle) {
+    t2 = stylex4.props(styles4.root, invalid && styles4.invalid, xstyle);
+    $[6] = invalid;
+    $[7] = xstyle;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  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;
+  } else {
+    t7 = $[19];
+  }
+  return t7;
+}
+function InputGroupAddon(t0) {
+  const $ = _c4(24);
+  let className;
+  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;
+  } else {
+    className = $[1];
+    onClick = $[2];
+    props5 = $[3];
+    style = $[4];
+    t1 = $[5];
+    xstyle = $[6];
+  }
+  const align = t1 === void 0 ? "inline-start" : t1;
+  let t2;
+  if ($[7] !== align || $[8] !== xstyle) {
+    t2 = stylex4.props(styles4.addon, styles4[align], xstyle);
+    $[7] = align;
+    $[8] = xstyle;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const stylexProps = t2;
+  let t3;
+  if ($[10] !== onClick) {
+    t3 = (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented || event.target.closest("button")) {
+        return;
+      }
+      event.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
+    };
+    $[10] = onClick;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const handleClick = t3;
+  let t4;
+  if ($[12] !== className || $[13] !== stylexProps.className) {
+    t4 = [stylexProps.className, className].filter(Boolean);
+    $[12] = className;
+    $[13] = stylexProps.className;
+    $[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;
+}
+function InputGroupInput(t0) {
+  const $ = _c4(8);
+  let props5;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      xstyle,
+      ...props5
+    } = t0);
+    $[0] = t0;
+    $[1] = props5;
+    $[2] = xstyle;
+  } else {
+    props5 = $[1];
+    xstyle = $[2];
+  }
+  let t1;
+  if ($[3] !== xstyle) {
+    t1 = [styles4.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;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function InputGroupTextarea(t0) {
+  const $ = _c4(8);
+  let props5;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      xstyle,
+      ...props5
+    } = t0);
+    $[0] = t0;
+    $[1] = props5;
+    $[2] = xstyle;
+  } else {
+    props5 = $[1];
+    xstyle = $[2];
+  }
+  let t1;
+  if ($[3] !== xstyle) {
+    t1 = [styles4.control, styles4.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;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function InputGroupButton(t0) {
+  const $ = _c4(12);
+  let props5;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      size: t1,
+      variant: t2,
+      xstyle,
+      ...props5
+    } = t0);
+    $[0] = t0;
+    $[1] = props5;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = xstyle;
+  } else {
+    props5 = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    xstyle = $[4];
+  }
+  const size = t1 === void 0 ? "sm" : t1;
+  const variant = t2 === void 0 ? "ghost" : t2;
+  let t3;
+  if ($[5] !== xstyle) {
+    t3 = [styles4.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;
+    $[8] = size;
+    $[9] = t3;
+    $[10] = variant;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+function InputGroupText(t0) {
+  const $ = _c4(17);
+  let className;
+  let props5;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props5
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props5;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props5 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== xstyle) {
+    t1 = stylex4.props(styles4.text, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  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;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+};
+//# sourceMappingURL=input-group.js.map