@nooeh/ui 0.1.0

package/dist/input-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/input-group.tsx", "../src/button.tsx", "../src/input.tsx", "../src/textarea.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, MouseEvent } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Input, type InputProps } from \"./input\";\nimport { Textarea, type TextareaProps } from \"./textarea\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    k1xSpc: \"x78zum5\",\n    kwnvtZ: \"x1a02dak\",\n    kAzted: \"x9pjwej\",\n    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    kYcSvW: \"x1dieykx\",\n    kpj6Ty: \"xr7mcxz\",\n    kfQpEX: \"xj84xpo\",\n    kXImzq: \"x14xc8xn\",\n    krA4I7: \"x13zdrnp\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"xkkr56c\",\n    $$css: true\n  },\n  addon: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1f8jq9g\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"xkrk5hw\",\n    kOIVth: \"xor4qq5\",\n    kAzted: \"x9pjwej\",\n    $$css: true\n  },\n  \"inline-start\": {\n    kayTVb: \"x1clqncf\",\n    kZCmMZ: \"x1uaqzuq\",\n    $$css: true\n  },\n  \"inline-end\": {\n    kayTVb: \"x9ek82g\",\n    kwRFfy: \"xtqudb\",\n    $$css: true\n  },\n  \"block-start\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x1clqncf\",\n    kg3NbH: \"xk1318k\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  \"block-end\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x9ek82g\",\n    kg3NbH: \"xk1318k\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  control: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x1fzuljc\",\n    kGVxlE: \"x1gnnqk1\",\n    kUk6DE: \"x98rzlu\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kaVNsj: \"x1xfd4ba\",\n    kOJeXU: \"x7yu9wt\",\n    kZs9gx: \"xz2lg3n\",\n    kiEn40: \"xwlpgjh\",\n    k7shQP: \"xi5y0ii\",\n    kPJHz1: \"x1x65lqo\",\n    $$css: true\n  },\n  textarea: {\n    kAzted: \"x1meygxz\",\n    $$css: true\n  },\n  button: {\n    kmuXW: \"x2lah0s\",\n    kogj98: \"x1tiyf00\",\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1f8jq9g\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    kOIVth: \"xor4qq5\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  xstyle?: stylex.StyleXStyles;\n};\ntype AddonAlignment = \"block-end\" | \"block-start\" | \"inline-end\" | \"inline-start\";\nexport type InputGroupProps = ComponentProps<\"div\"> & StyleProps & {\n  invalid?: boolean;\n};\nexport function InputGroup(t0) {\n  const $ = _c(20);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      invalid: t1,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const invalid = t1 === undefined ? false : t1;\n  let t2;\n  if ($[6] !== invalid || $[7] !== xstyle) {\n    t2 = stylex.props(styles.root, invalid && styles.invalid, xstyle);\n    $[6] = invalid;\n    $[7] = xstyle;\n    $[8] = t2;\n  } else {\n    t2 = $[8];\n  }\n  const stylexProps = t2;\n  const t3 = invalid || undefined;\n  let t4;\n  if ($[9] !== className || $[10] !== stylexProps.className) {\n    t4 = [stylexProps.className, className].filter(Boolean);\n    $[9] = className;\n    $[10] = stylexProps.className;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const t5 = t4.join(\" \");\n  let t6;\n  if ($[12] !== style || $[13] !== stylexProps.style) {\n    t6 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[12] = style;\n    $[13] = stylexProps.style;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  let t7;\n  if ($[15] !== props || $[16] !== t3 || $[17] !== t5 || $[18] !== t6) {\n    t7 = <div {...props} data-invalid={t3} className={t5} style={t6} />;\n    $[15] = props;\n    $[16] = t3;\n    $[17] = t5;\n    $[18] = t6;\n    $[19] = t7;\n  } else {\n    t7 = $[19];\n  }\n  return t7;\n}\nexport function InputGroupAddon(t0) {\n  const $ = _c(24);\n  let className;\n  let onClick;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      className,\n      onClick,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = onClick;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    onClick = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    xstyle = $[6];\n  }\n  const align = t1 === undefined ? \"inline-start\" : t1;\n  let t2;\n  if ($[7] !== align || $[8] !== xstyle) {\n    t2 = stylex.props(styles.addon, styles[align], xstyle);\n    $[7] = align;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[10] !== onClick) {\n    t3 = event => {\n      onClick?.(event);\n      if (event.defaultPrevented || (event.target as HTMLElement).closest(\"button\")) {\n        return;\n      }\n      event.currentTarget.parentElement?.querySelector(\"input, textarea\")?.focus();\n    };\n    $[10] = onClick;\n    $[11] = t3;\n  } else {\n    t3 = $[11];\n  }\n  const handleClick = t3;\n  let t4;\n  if ($[12] !== className || $[13] !== stylexProps.className) {\n    t4 = [stylexProps.className, className].filter(Boolean);\n    $[12] = className;\n    $[13] = stylexProps.className;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  const t5 = t4.join(\" \");\n  let t6;\n  if ($[15] !== style || $[16] !== stylexProps.style) {\n    t6 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[15] = style;\n    $[16] = stylexProps.style;\n    $[17] = t6;\n  } else {\n    t6 = $[17];\n  }\n  let t7;\n  if ($[18] !== align || $[19] !== handleClick || $[20] !== props || $[21] !== t5 || $[22] !== t6) {\n    t7 = <div {...props} role=\"presentation\" data-align={align} onClick={handleClick} className={t5} style={t6} />;\n    $[18] = align;\n    $[19] = handleClick;\n    $[20] = props;\n    $[21] = t5;\n    $[22] = t6;\n    $[23] = t7;\n  } else {\n    t7 = $[23];\n  }\n  return t7;\n}\nexport function InputGroupInput(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = [styles.control, xstyle];\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <Input {...props} xstyle={t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function InputGroupTextarea(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = [styles.control, styles.textarea, xstyle];\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <Textarea {...props} xstyle={t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function InputGroupButton(t0) {\n  const $ = _c(12);\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      size: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    xstyle = $[4];\n  }\n  const size = t1 === undefined ? \"sm\" : t1;\n  const variant = t2 === undefined ? \"ghost\" : t2;\n  let t3;\n  if ($[5] !== xstyle) {\n    t3 = [styles.button, xstyle];\n    $[5] = xstyle;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== props || $[8] !== size || $[9] !== t3 || $[10] !== variant) {\n    t4 = <Button {...props} size={size} variant={variant} xstyle={t3} />;\n    $[7] = props;\n    $[8] = size;\n    $[9] = t3;\n    $[10] = variant;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  return t4;\n}\nexport function InputGroupText(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <span {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kOIVth: \"xor4qq5\",\n    kHBbk8: \"xc8icb0\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x7f5rko\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"x1mv6ihr\",\n    kfSwDN: \"x87ps6o\",\n    khDVqt: \"xuxw1ft\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"xe0szup\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kYPGJ8: \"x1s07b3s\",\n    kLkRvE: \"x1huvc7q\",\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"xxx281p\",\n    km8f2m: \"xkk1bqk\",\n    kEoFBp: \"x1hmns74\",\n    kxmVGU: \"x2hztxu\",\n    $$css: true\n  },\n  solidInteraction: {\n    kLkRvE: \"x1huvc7q xe1vvi1 x1h1rtsr\",\n    $$css: true\n  },\n  surfaceInteraction: {\n    kLkRvE: \"x1huvc7q x1tv8xzy x13ywbnz\",\n    $$css: true\n  },\n  content: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xor4qq5\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x1daa10s\",\n    kVAM5u: \"xfln9ii\",\n    kMwMTN: \"xa9qbaf\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"x6yzn1n\",\n    kVAM5u: \"x1txbts0\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"x1dlgrcs\",\n    kVAM5u: \"x17m395y\",\n    kMwMTN: \"x14ce1vv\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"xrzcjx\",\n    kVAM5u: \"x1bl4cbq\",\n    kMwMTN: \"x4q6dxh\",\n    $$css: true\n  },\n  disabledGhost: {\n    kWkggS: \"x6yzn1n\",\n    kVAM5u: \"x1txbts0\",\n    $$css: true\n  },\n  disabledInteraction: {\n    kLkRvE: \"x1huvc7q\",\n    $$css: true\n  },\n  sm: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xf8e5s9\",\n    kg3NbH: \"xk1318k\",\n    $$css: true\n  },\n  md: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xqg51pm\",\n    kg3NbH: \"x1bx8ds0\",\n    $$css: true\n  },\n  lg: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xoprh6g\",\n    kg3NbH: \"x110956\",\n    $$css: true\n  }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n  children: ReactNode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n  const $ = _c(30);\n  let children;\n  let className;\n  let disabled;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      className,\n      disabled,\n      size: t1,\n      style,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = disabled;\n    $[4] = props;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = t2;\n    $[8] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    disabled = $[3];\n    props = $[4];\n    style = $[5];\n    t1 = $[6];\n    t2 = $[7];\n    xstyle = $[8];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"primary\" : t2;\n  const isDisabled = Boolean(disabled);\n  const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n  let t3;\n  if ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {\n    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);\n    $[9] = hasSolidBackground;\n    $[10] = isDisabled;\n    $[11] = size;\n    $[12] = variant;\n    $[13] = xstyle;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  const stylexProps = t3;\n  let t4;\n  if ($[15] !== className || $[16] !== stylexProps.className) {\n    t4 = [stylexProps.className, className].filter(Boolean);\n    $[15] = className;\n    $[16] = stylexProps.className;\n    $[17] = t4;\n  } else {\n    t4 = $[17];\n  }\n  const mergedClassName = t4.join(\" \");\n  let t5;\n  if ($[18] !== style || $[19] !== stylexProps.style) {\n    t5 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[18] = style;\n    $[19] = stylexProps.style;\n    $[20] = t5;\n  } else {\n    t5 = $[20];\n  }\n  let t6;\n  if ($[21] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = {\n      className: \"x6s0dn4 x3nfvp2 xor4qq5 x1n2onr6 x1vjfegm\"\n    };\n    $[21] = t6;\n  } else {\n    t6 = $[21];\n  }\n  let t7;\n  if ($[22] !== children) {\n    t7 = <span {...t6}>{children}</span>;\n    $[22] = children;\n    $[23] = t7;\n  } else {\n    t7 = $[23];\n  }\n  let t8;\n  if ($[24] !== disabled || $[25] !== mergedClassName || $[26] !== props || $[27] !== t5 || $[28] !== t7) {\n    t8 = <ButtonPrimitive {...props} className={mergedClassName} disabled={disabled} style={t5}>{t7}</ButtonPrimitive>;\n    $[24] = disabled;\n    $[25] = mergedClassName;\n    $[26] = props;\n    $[27] = t5;\n    $[28] = t7;\n    $[29] = t8;\n  } else {\n    t8 = $[29];\n  }\n  return t8;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x122omjn\",\n    kGuDYH: \"xkrk5hw\",\n    kZKoxP: \"xqg51pm\",\n    kLWn49: \"x18qbr9o\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kg3NbH: \"xk1318k\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"x1mv6ihr\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"xw2r2ty\",\n    kaVNsj: \"xc8knpb\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"x1y5at3w\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kD2jPA: \"xihlrzp\",\n    kdODIN: \"x1t6ugyu\",\n    kWC4TW: \"x1iij5vl\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"x1b580vz\",\n    kHRqo9: \"xen4pgp\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"xkkr56c\",\n    $$css: true\n  }\n};\nexport type InputProps = ComponentProps<typeof InputPrimitive> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Input(t0) {\n  const $ = _c(20);\n  let ariaInvalid;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      \"aria-invalid\": ariaInvalid,\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = ariaInvalid;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    ariaInvalid = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  let t1;\n  if ($[6] !== isInvalid || $[7] !== xstyle) {\n    t1 = stylex.props(styles.root, isInvalid && styles.invalid, xstyle);\n    $[6] = isInvalid;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[9] !== className || $[10] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[9] = className;\n    $[10] = stylexProps.className;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  const mergedClassName = t2.join(\" \");\n  let t3;\n  if ($[12] !== style || $[13] !== stylexProps.style) {\n    t3 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[12] = style;\n    $[13] = stylexProps.style;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  let t4;\n  if ($[15] !== ariaInvalid || $[16] !== mergedClassName || $[17] !== props || $[18] !== t3) {\n    t4 = <InputPrimitive {...props} aria-invalid={ariaInvalid} className={mergedClassName} style={t3} />;\n    $[15] = ariaInvalid;\n    $[16] = mergedClassName;\n    $[17] = props;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x122omjn\",\n    kMv6JI: \"x1l89lse\",\n    kGuDYH: \"xkrk5hw\",\n    kLWn49: \"x18qbr9o\",\n    kAzted: \"x1meygxz\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"x1acvmkm\",\n    kHenm0: \"x288g5\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"x1mv6ihr\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"xw2r2ty\",\n    kaVNsj: \"xc8knpb\",\n    kOJeXU: \"x1flqxvx\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"x1y5at3w\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kD2jPA: \"xihlrzp\",\n    kdODIN: \"x1t6ugyu\",\n    kWC4TW: \"x1iij5vl\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"x1b580vz\",\n    kHRqo9: \"xen4pgp\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"xkkr56c\",\n    $$css: true\n  }\n};\nexport type TextareaProps = ComponentProps<\"textarea\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Textarea(t0) {\n  const $ = _c(20);\n  let ariaInvalid;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      \"aria-invalid\": ariaInvalid,\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = ariaInvalid;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    ariaInvalid = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  let t1;\n  if ($[6] !== isInvalid || $[7] !== xstyle) {\n    t1 = stylex.props(styles.root, isInvalid && styles.invalid, xstyle);\n    $[6] = isInvalid;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[9] !== className || $[10] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[9] = className;\n    $[10] = stylexProps.className;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[12] !== style || $[13] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[12] = style;\n    $[13] = stylexProps.style;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  let t5;\n  if ($[15] !== ariaInvalid || $[16] !== props || $[17] !== t3 || $[18] !== t4) {\n    t5 = <textarea {...props} aria-invalid={ariaInvalid} className={t3} style={t4} />;\n    $[15] = ariaInvalid;\n    $[16] = props;\n    $[17] = t3;\n    $[18] = t4;\n    $[19] = t5;\n  } else {\n    t5 = $[19];\n  }\n  return t5;\n}"],
+  "mappings": "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",
+  "names": ["_c", "stylex", "props", "_c", "stylex", "jsx", "styles", "props", "_c", "stylex", "jsx", "styles", "props", "jsx", "styles", "_c", "props"]
+}

package/dist/input-otp.d.ts

@@ -0,0 +1,10 @@
+import { OTPField } from "@base-ui/react/otp-field";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type InputOTPProps = ComponentProps<typeof OTPField.Root> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function InputOTP({ className, style, xstyle, ...props }: InputOTPProps): import("react").JSX.Element;
+export declare function InputOTPGroup({ className, style, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function InputOTPSlot({ className, style, ...props }: ComponentProps<typeof OTPField.Input>): import("react").JSX.Element;
+export declare function InputOTPSeparator({ className, style, ...props }: ComponentProps<"span">): import("react").JSX.Element;

package/dist/input-otp.js

@@ -0,0 +1,246 @@
+// src/input-otp.tsx
+import { c as _c } from "react/compiler-runtime";
+import { OTPField } from "@base-ui/react/otp-field";
+import * as stylex 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/input-otp.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kOIVth: "xor4qq5",
+    $$css: true
+  }
+};
+function InputOTP(t0) {
+  const $ = _c(17);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== xstyle) {
+    t1 = stylex.props(styles.root, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const resolved = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== resolved.className) {
+    t2 = (state) => [resolved.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+    $[7] = className;
+    $[8] = resolved.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== resolved.style || $[11] !== style) {
+    t3 = (state_0) => ({
+      ...resolved.style,
+      ...typeof style === "function" ? style(state_0) : style
+    });
+    $[10] = resolved.style;
+    $[11] = style;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== props2 || $[14] !== t2 || $[15] !== t3) {
+    t4 = /* @__PURE__ */ jsx(OTPField.Root, { ...props2, className: t2, style: t3 });
+    $[13] = props2;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
+}
+function InputOTPGroup(t0) {
+  const $ = _c(10);
+  let className;
+  let props2;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x78zum5"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function InputOTPSlot(t0) {
+  const $ = _c(13);
+  let className;
+  let props2;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      className: "xjyslct x11m93s7 x1bl4cbq x2u8bby x1y0btm7 xzcyats x122omjn x1l89lse xkrk5hw xoprh6g x1hb08if x1a2a7pz x2b8uid x1uff5cw xnib454 xw7x1kk x1sf226x x1sjvdnc x1pwwqoy x1f3swlq xx7w877 xzssqt x1tdmnsb x1y5at3w x9v5kkp xe0iu4d x135w3n3 x1s07b3s x19gdzeu"
+    };
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const resolved = t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = (state) => [resolved.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== style) {
+    t3 = (state_0) => ({
+      ...resolved.style,
+      ...typeof style === "function" ? style(state_0) : style
+    });
+    $[7] = style;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsx(OTPField.Input, { ...props2, className: t2, style: t3 });
+    $[9] = props2;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+function InputOTPSeparator(t0) {
+  const $ = _c(11);
+  let className;
+  let props2;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x1srvxug x80j8c6"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const t2 = props2.children ?? "\u2013";
+  let t3;
+  if ($[7] !== props2 || $[8] !== t1 || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, ...t1, children: t2 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+}
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot
+};
+//# sourceMappingURL=input-otp.js.map

package/dist/input-otp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/input-otp.tsx", "../src/stylex-props.ts"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { OTPField } from \"@base-ui/react/otp-field\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { getNativeStyleProps } from \"./stylex-props\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xor4qq5\",\n    $$css: true\n  }\n};\nexport type InputOTPProps = ComponentProps<typeof OTPField.Root> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function InputOTP(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const resolved = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== resolved.className) {\n    t2 = state => [resolved.className, typeof className === \"function\" ? className(state) : className].filter(Boolean).join(\" \");\n    $[7] = className;\n    $[8] = resolved.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== resolved.style || $[11] !== style) {\n    t3 = state_0 => ({\n      ...resolved.style,\n      ...(typeof style === \"function\" ? style(state_0) : style)\n    });\n    $[10] = resolved.style;\n    $[11] = style;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== props || $[14] !== t2 || $[15] !== t3) {\n    t4 = <OTPField.Root {...props} className={t2} style={t3} />;\n    $[13] = props;\n    $[14] = t2;\n    $[15] = t3;\n    $[16] = t4;\n  } else {\n    t4 = $[16];\n  }\n  return t4;\n}\nexport function InputOTPGroup(t0) {\n  const $ = _c(10);\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n  }\n  let t1;\n  if ($[4] !== className || $[5] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"x78zum5\"\n    }, className, style);\n    $[4] = className;\n    $[5] = style;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  let t2;\n  if ($[7] !== props || $[8] !== t1) {\n    t2 = <div {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function InputOTPSlot(t0) {\n  const $ = _c(13);\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n  }\n  let t1;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xjyslct x11m93s7 x1bl4cbq x2u8bby x1y0btm7 xzcyats x122omjn x1l89lse xkrk5hw xoprh6g x1hb08if x1a2a7pz x2b8uid x1uff5cw xnib454 xw7x1kk x1sf226x x1sjvdnc x1pwwqoy x1f3swlq xx7w877 xzssqt x1tdmnsb x1y5at3w x9v5kkp xe0iu4d x135w3n3 x1s07b3s x19gdzeu\"\n    };\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const resolved = t1;\n  let t2;\n  if ($[5] !== className) {\n    t2 = state => [resolved.className, typeof className === \"function\" ? className(state) : className].filter(Boolean).join(\" \");\n    $[5] = className;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  let t3;\n  if ($[7] !== style) {\n    t3 = state_0 => ({\n      ...resolved.style,\n      ...(typeof style === \"function\" ? style(state_0) : style)\n    });\n    $[7] = style;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== props || $[10] !== t2 || $[11] !== t3) {\n    t4 = <OTPField.Input {...props} className={t2} style={t3} />;\n    $[9] = props;\n    $[10] = t2;\n    $[11] = t3;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  return t4;\n}\nexport function InputOTPSeparator(t0) {\n  const $ = _c(11);\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n  }\n  let t1;\n  if ($[4] !== className || $[5] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"x1srvxug x80j8c6\"\n    }, className, style);\n    $[4] = className;\n    $[5] = style;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const t2 = props.children ?? \"\\u2013\";\n  let t3;\n  if ($[7] !== props || $[8] !== t1 || $[9] !== t2) {\n    t3 = <span aria-hidden=\"true\" {...props} {...t1}>{t2}</span>;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  return t3;\n}", "import * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nexport function getNativeStyleProps(stylexProps: ReturnType<typeof stylex.props>, className?: string, style?: ComponentProps<\"div\">[\"style\"]): Pick<ComponentProps<\"div\">, \"className\" | \"style\"> {\n  return {\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    }\n  };\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/input.d.ts

@@ -0,0 +1,7 @@
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type InputProps = ComponentProps<typeof InputPrimitive> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Input({ "aria-invalid": ariaInvalid, className, style, xstyle, ...props }: InputProps): import("react").JSX.Element;

package/dist/input.js

@@ -0,0 +1,121 @@
+// src/input.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kysU6D: "xjyslct",
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "x1fzuljc",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kMwMTN: "x122omjn",
+    kGuDYH: "xkrk5hw",
+    kZKoxP: "xqg51pm",
+    kLWn49: "x18qbr9o",
+    k7Eaqz: "xeuugli",
+    kI3sdo: "x1a2a7pz",
+    kg3NbH: "xk1318k",
+    kIyJzY: "x1uff5cw",
+    k1ekBW: "x13wuo2s",
+    kAMwcw: "x1mv6ihr",
+    kzqmXN: "xh8yej3",
+    k8Qsv1: "xw2r2ty",
+    kaVNsj: "xc8knpb",
+    kZs9gx: "x1tdmnsb",
+    kiEn40: "x1y5at3w",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "xe0iu4d",
+    kD2jPA: "xihlrzp",
+    kdODIN: "x1t6ugyu",
+    kWC4TW: "x1iij5vl",
+    kYPGJ8: "x1s07b3s",
+    kqcrZL: "x1b580vz",
+    kHRqo9: "xen4pgp",
+    $$css: true
+  },
+  invalid: {
+    kVAM5u: "xkkr56c",
+    $$css: true
+  }
+};
+function Input(t0) {
+  const $ = _c(20);
+  let ariaInvalid;
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      "aria-invalid": ariaInvalid,
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = ariaInvalid;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = xstyle;
+  } else {
+    ariaInvalid = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let t1;
+  if ($[6] !== isInvalid || $[7] !== xstyle) {
+    t1 = stylex.props(styles.root, isInvalid && styles.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] !== props2 || $[18] !== t3) {
+    t4 = /* @__PURE__ */ jsx(InputPrimitive, { ...props2, "aria-invalid": ariaInvalid, className: mergedClassName, style: t3 });
+    $[15] = ariaInvalid;
+    $[16] = mergedClassName;
+    $[17] = props2;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
+}
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/input.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x122omjn\",\n    kGuDYH: \"xkrk5hw\",\n    kZKoxP: \"xqg51pm\",\n    kLWn49: \"x18qbr9o\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kg3NbH: \"xk1318k\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"x1mv6ihr\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"xw2r2ty\",\n    kaVNsj: \"xc8knpb\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"x1y5at3w\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kD2jPA: \"xihlrzp\",\n    kdODIN: \"x1t6ugyu\",\n    kWC4TW: \"x1iij5vl\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"x1b580vz\",\n    kHRqo9: \"xen4pgp\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"xkkr56c\",\n    $$css: true\n  }\n};\nexport type InputProps = ComponentProps<typeof InputPrimitive> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Input(t0) {\n  const $ = _c(20);\n  let ariaInvalid;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      \"aria-invalid\": ariaInvalid,\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = ariaInvalid;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    ariaInvalid = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  let t1;\n  if ($[6] !== isInvalid || $[7] !== xstyle) {\n    t1 = stylex.props(styles.root, isInvalid && styles.invalid, xstyle);\n    $[6] = isInvalid;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[9] !== className || $[10] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[9] = className;\n    $[10] = stylexProps.className;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  const mergedClassName = t2.join(\" \");\n  let t3;\n  if ($[12] !== style || $[13] !== stylexProps.style) {\n    t3 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[12] = style;\n    $[13] = stylexProps.style;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  let t4;\n  if ($[15] !== ariaInvalid || $[16] !== mergedClassName || $[17] !== props || $[18] !== t3) {\n    t4 = <InputPrimitive {...props} aria-invalid={ariaInvalid} className={mergedClassName} style={t3} />;\n    $[15] = ariaInvalid;\n    $[16] = mergedClassName;\n    $[17] = props;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/kbd.d.ts

@@ -0,0 +1,8 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+type StyleProps = {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Kbd({ className, style, xstyle, ...props }: ComponentProps<"kbd"> & StyleProps): import("react").JSX.Element;
+export declare function KbdGroup({ className, style, xstyle, ...props }: ComponentProps<"span"> & StyleProps): import("react").JSX.Element;
+export {};