@bolerish/ui 0.13.0 → 0.16.0

package/dist/input-group.js

@@ -19,9 +19,88 @@ function mergeStyles(base, className, style) {
   };
 }
 
+// src/styles/surface.ts
+var styles = {
+  edge: {
+    kVAM5u: "x1kqtvf4",
+    kFGkbq: "x1w1tqly",
+    $$css: true
+  },
+  material: {
+    "--bolerish-material-shadow": "xvd6nka",
+    kGVxlE: "x16ifxj2 xpqbwuo",
+    kWkggS: "x1s4uome x1u5mdis",
+    k6WDB: "x1t853zo x1o5bnqd",
+    kKwaWg: "x18o3ruo xxit9r9",
+    kTahiY: "x1cg02ou",
+    kEcs6k: "x11rvarm",
+    kWrjR8: "x1ile18z",
+    kfloDl: "x1m3y3zz",
+    kO6drA: "x9yvj25",
+    kkTUmj: "x14hm74v",
+    k11ilZ: "xhobzj1",
+    ktzNWN: "xwaqzdf",
+    $$css: true
+  },
+  panel: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "x8fe23t",
+    "--bolerish-material-filter": "x1n6mwez",
+    $$css: true
+  },
+  control: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  subtle: {
+    "--bolerish-material-color": "x1819ggx",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  outline: {
+    "--bolerish-material-color": "x3m3fbl",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  raised: {
+    "--bolerish-material-shadow": "x1l9gcvt",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x1nqk09",
+    "--bolerish-material-filter": "x1gkvbmm",
+    $$css: true
+  },
+  translucent: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xoh9gux",
+    "--bolerish-material-filter": "xhu24am",
+    $$css: true
+  },
+  floating: {
+    "--bolerish-material-shadow": "xu02b4h",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x14p89z6",
+    "--bolerish-material-filter": "xunhrho",
+    $$css: true
+  }
+};
+var surfaceStyles = {
+  edge: styles.edge,
+  panel: [styles.material, styles.panel],
+  control: [styles.material, styles.control],
+  subtle: [styles.material, styles.subtle],
+  outline: [styles.material, styles.outline],
+  raised: [styles.material, styles.raised],
+  translucent: [styles.material, styles.translucent],
+  floating: [styles.material, styles.floating]
+};
+
 // src/input-group.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     kWkggS: "xcc0o6n",
@@ -172,7 +251,7 @@ function InputGroup(t0) {
   const t2 = invalid || void 0;
   let t3;
   if ($[6] !== className || $[7] !== invalid || $[8] !== style || $[9] !== xstyle) {
-    t3 = mergeStyles(stylex.props(styles.root, invalid && styles.invalid, xstyle), className, style);
+    t3 = mergeStyles(stylex.props(styles2.root, surfaceStyles.control, invalid && styles2.invalid, xstyle), className, style);
     $[6] = className;
     $[7] = invalid;
     $[8] = style;
@@ -243,7 +322,7 @@ function InputGroupAddon(t0) {
   const handleClick = t2;
   let t3;
   if ($[9] !== align || $[10] !== className || $[11] !== style || $[12] !== xstyle) {
-    t3 = mergeStyles(stylex.props(styles.addon, alignStyles[align], xstyle), className, style);
+    t3 = mergeStyles(stylex.props(styles2.addon, alignStyles[align], xstyle), className, style);
     $[9] = align;
     $[10] = className;
     $[11] = style;
@@ -291,7 +370,7 @@ function InputGroupInput(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.input, styles.control, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.input, styles2.control, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;
@@ -336,7 +415,7 @@ function InputGroupTextarea(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.control, styles.textarea, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.control, styles2.textarea, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;
@@ -355,52 +434,40 @@ function InputGroupTextarea(t0) {
   }
   return t2;
 }
-function InputGroupButton(t0) {
-  const $ = _c(12);
-  let props2;
-  let t1;
+function InputGroupButton(props2) {
+  const $ = _c(8);
+  let t0;
+  if ($[0] !== props2) {
+    t0 = props2.size === void 0 ? {
+      ...props2,
+      size: "sm"
+    } : props2;
+    $[0] = props2;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const sizedProps = t0;
+  const t1 = props2.variant ?? "ghost";
   let t2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      size: t1,
-      variant: t2,
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = t1;
+  if ($[2] !== props2.xstyle) {
+    t2 = [styles2.button, props2.xstyle];
+    $[2] = props2.xstyle;
     $[3] = t2;
-    $[4] = xstyle;
   } else {
-    props2 = $[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 = [styles.button, xstyle];
-    $[5] = xstyle;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  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;
-    $[11] = t4;
+  if ($[4] !== sizedProps || $[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsx(Button, { ...sizedProps, variant: t1, xstyle: t2 });
+    $[4] = sizedProps;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t4 = $[11];
+    t3 = $[7];
   }
-  return t4;
+  return t3;
 }
 function InputGroupText(t0) {
   const $ = _c(12);
@@ -428,7 +495,7 @@ function InputGroupText(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.text, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.text, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;

package/dist/input-group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/input-group.tsx", "../src/styles/merge-styles.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, MouseEvent } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport type { InputProps } from \"./input\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport type { TextareaProps } from \"./textarea\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    k1xSpc: \"x78zum5\",\n    kwnvtZ: \"x1a02dak\",\n    kAzted: \"x116rqyj\",\n    k7Eaqz: \"xeuugli\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xshfolx\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    kYcSvW: \"x17uuci8\",\n    kpj6Ty: \"xyxltx7\",\n    kfQpEX: \"x1vzskv2\",\n    kXImzq: \"x14xc8xn\",\n    krA4I7: \"x1g9kpee\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kYcSvW: \"xo2tn52\",\n    kpj6Ty: \"xlfzi52\",\n    $$css: true\n  },\n  addon: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"xj9e3ow\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1lskvfa\",\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x116rqyj\",\n    $$css: true\n  },\n  control: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x1p5vitp\",\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  input: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kMv6JI: \"x1b1to7n\",\n    kZKoxP: \"x1f00wt4\",\n    kLWn49: \"xipl0i2\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kD2jPA: \"xjbuoma\",\n    kWC4TW: \"x1vi5fzm\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  button: {\n    kmuXW: \"x2lah0s\",\n    kogj98: \"xgqf4y\",\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1lskvfa\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  }\n};\nconst alignStyles = {\n  \"inline-start\": {\n    kayTVb: \"x1clqncf\",\n    kZCmMZ: \"x1i08l6l\",\n    $$css: true\n  },\n  \"inline-end\": {\n    kayTVb: \"x9ek82g\",\n    kwRFfy: \"x79n4ua\",\n    $$css: true\n  },\n  \"block-start\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x1clqncf\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  \"block-end\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x9ek82g\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\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 = StyledProps<ComponentProps<\"div\">> & StyleProps & {\n  invalid?: boolean;\n};\nexport function InputGroup(t0) {\n  const $ = _c(15);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      invalid: t1,\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  const t2 = invalid || undefined;\n  let t3;\n  if ($[6] !== className || $[7] !== invalid || $[8] !== style || $[9] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.root, invalid && styles.invalid, xstyle), className, style);\n    $[6] = className;\n    $[7] = invalid;\n    $[8] = style;\n    $[9] = xstyle;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== props || $[12] !== t2 || $[13] !== t3) {\n    t4 = <div {...props} data-invalid={t2} {...t3} />;\n    $[11] = props;\n    $[12] = t2;\n    $[13] = t3;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  return t4;\n}\nexport function InputGroupAddon(t0) {\n  const $ = _c(19);\n  let className;\n  let onClick;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      align: t1,\n      onClick,\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] !== onClick) {\n    t2 = 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    $[7] = onClick;\n    $[8] = t2;\n  } else {\n    t2 = $[8];\n  }\n  const handleClick = t2;\n  let t3;\n  if ($[9] !== align || $[10] !== className || $[11] !== style || $[12] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.addon, alignStyles[align], xstyle), className, style);\n    $[9] = align;\n    $[10] = className;\n    $[11] = style;\n    $[12] = xstyle;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  let t4;\n  if ($[14] !== align || $[15] !== handleClick || $[16] !== props || $[17] !== t3) {\n    t4 = <div {...props} role=\"presentation\" data-align={align} onClick={handleClick} {...t3} />;\n    $[14] = align;\n    $[15] = handleClick;\n    $[16] = props;\n    $[17] = t3;\n    $[18] = t4;\n  } else {\n    t4 = $[18];\n  }\n  return t4;\n}\nexport function InputGroupInput(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.input, styles.control, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <InputPrimitive {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputGroupTextarea(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.control, styles.textarea, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <textarea {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\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(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.text, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <span {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
-  "mappings": "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",
-  "names": ["props"]
+  "sources": ["../src/input-group.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, MouseEvent } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport type { InputProps } from \"./input\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nimport type { TextareaProps } from \"./textarea\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    k1xSpc: \"x78zum5\",\n    kwnvtZ: \"x1a02dak\",\n    kAzted: \"x116rqyj\",\n    k7Eaqz: \"xeuugli\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xshfolx\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    kYcSvW: \"x17uuci8\",\n    kpj6Ty: \"xyxltx7\",\n    kfQpEX: \"x1vzskv2\",\n    kXImzq: \"x14xc8xn\",\n    krA4I7: \"x1g9kpee\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kYcSvW: \"xo2tn52\",\n    kpj6Ty: \"xlfzi52\",\n    $$css: true\n  },\n  addon: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"xj9e3ow\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1lskvfa\",\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x116rqyj\",\n    $$css: true\n  },\n  control: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x1p5vitp\",\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  input: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kMv6JI: \"x1b1to7n\",\n    kZKoxP: \"x1f00wt4\",\n    kLWn49: \"xipl0i2\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kD2jPA: \"xjbuoma\",\n    kWC4TW: \"x1vi5fzm\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  button: {\n    kmuXW: \"x2lah0s\",\n    kogj98: \"xgqf4y\",\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1lskvfa\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  }\n};\nconst alignStyles = {\n  \"inline-start\": {\n    kayTVb: \"x1clqncf\",\n    kZCmMZ: \"x1i08l6l\",\n    $$css: true\n  },\n  \"inline-end\": {\n    kayTVb: \"x9ek82g\",\n    kwRFfy: \"x79n4ua\",\n    $$css: true\n  },\n  \"block-start\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x1clqncf\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  \"block-end\": {\n    kSGwAc: \"xkh2ocl\",\n    kjj79g: \"x1nhvcw1\",\n    kayTVb: \"x9ek82g\",\n    kg3NbH: \"x5044ve\",\n    kzqmXN: \"xh8yej3\",\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 = StyledProps<ComponentProps<\"div\">> & StyleProps & {\n  invalid?: boolean;\n};\nexport function InputGroup(t0) {\n  const $ = _c(15);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      invalid: t1,\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  const t2 = invalid || undefined;\n  let t3;\n  if ($[6] !== className || $[7] !== invalid || $[8] !== style || $[9] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.root, surfaceStyles.control, invalid && styles.invalid, xstyle), className, style);\n    $[6] = className;\n    $[7] = invalid;\n    $[8] = style;\n    $[9] = xstyle;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== props || $[12] !== t2 || $[13] !== t3) {\n    t4 = <div {...props} data-invalid={t2} {...t3} />;\n    $[11] = props;\n    $[12] = t2;\n    $[13] = t3;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  return t4;\n}\nexport function InputGroupAddon(t0) {\n  const $ = _c(19);\n  let className;\n  let onClick;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      align: t1,\n      onClick,\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] !== onClick) {\n    t2 = 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    $[7] = onClick;\n    $[8] = t2;\n  } else {\n    t2 = $[8];\n  }\n  const handleClick = t2;\n  let t3;\n  if ($[9] !== align || $[10] !== className || $[11] !== style || $[12] !== xstyle) {\n    t3 = mergeStyles(stylex.props(styles.addon, alignStyles[align], xstyle), className, style);\n    $[9] = align;\n    $[10] = className;\n    $[11] = style;\n    $[12] = xstyle;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  let t4;\n  if ($[14] !== align || $[15] !== handleClick || $[16] !== props || $[17] !== t3) {\n    t4 = <div {...props} role=\"presentation\" data-align={align} onClick={handleClick} {...t3} />;\n    $[14] = align;\n    $[15] = handleClick;\n    $[16] = props;\n    $[17] = t3;\n    $[18] = t4;\n  } else {\n    t4 = $[18];\n  }\n  return t4;\n}\nexport function InputGroupInput(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.input, styles.control, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <InputPrimitive {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputGroupTextarea(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.control, styles.textarea, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <textarea {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputGroupButton(props) {\n  const $ = _c(8);\n  let t0;\n  if ($[0] !== props) {\n    t0 = props.size === undefined ? {\n      ...props,\n      size: \"sm\" as const\n    } : props;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  const sizedProps = t0;\n  const t1 = props.variant ?? \"ghost\";\n  let t2;\n  if ($[2] !== props.xstyle) {\n    t2 = [styles.button, props.xstyle];\n    $[2] = props.xstyle;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  let t3;\n  if ($[4] !== sizedProps || $[5] !== t1 || $[6] !== t2) {\n    t3 = <Button {...sizedProps} variant={t1} xstyle={t2} />;\n    $[4] = sizedProps;\n    $[5] = t1;\n    $[6] = t2;\n    $[7] = t3;\n  } else {\n    t3 = $[7];\n  }\n  return t3;\n}\nexport function InputGroupText(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.text, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <span {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  edge: {\n    kVAM5u: \"x1kqtvf4\",\n    kFGkbq: \"x1w1tqly\",\n    $$css: true\n  },\n  material: {\n    \"--bolerish-material-shadow\": \"xvd6nka\",\n    kGVxlE: \"x16ifxj2 xpqbwuo\",\n    kWkggS: \"x1s4uome x1u5mdis\",\n    k6WDB: \"x1t853zo x1o5bnqd\",\n    kKwaWg: \"x18o3ruo xxit9r9\",\n    kTahiY: \"x1cg02ou\",\n    kEcs6k: \"x11rvarm\",\n    kWrjR8: \"x1ile18z\",\n    kfloDl: \"x1m3y3zz\",\n    kO6drA: \"x9yvj25\",\n    kkTUmj: \"x14hm74v\",\n    k11ilZ: \"xhobzj1\",\n    ktzNWN: \"xwaqzdf\",\n    $$css: true\n  },\n  panel: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"x8fe23t\",\n    \"--bolerish-material-filter\": \"x1n6mwez\",\n    $$css: true\n  },\n  control: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  subtle: {\n    \"--bolerish-material-color\": \"x1819ggx\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  outline: {\n    \"--bolerish-material-color\": \"x3m3fbl\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  raised: {\n    \"--bolerish-material-shadow\": \"x1l9gcvt\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x1nqk09\",\n    \"--bolerish-material-filter\": \"x1gkvbmm\",\n    $$css: true\n  },\n  translucent: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xoh9gux\",\n    \"--bolerish-material-filter\": \"xhu24am\",\n    $$css: true\n  },\n  floating: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x14p89z6\",\n    \"--bolerish-material-filter\": \"xunhrho\",\n    $$css: true\n  }\n};\nexport const surfaceStyles = {\n  edge: styles.edge,\n  panel: [styles.material, styles.panel],\n  control: [styles.material, styles.control],\n  subtle: [styles.material, styles.subtle],\n  outline: [styles.material, styles.outline],\n  raised: [styles.material, styles.raised],\n  translucent: [styles.material, styles.translucent],\n  floating: [styles.material, styles.floating]\n};"],
+  "mappings": "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",
+  "names": ["styles", "props"]
 }

package/dist/input-otp.js

@@ -18,9 +18,88 @@ function mergeStyles(base, className, style) {
   };
 }
 
+// src/styles/surface.ts
+var styles = {
+  edge: {
+    kVAM5u: "x1kqtvf4",
+    kFGkbq: "x1w1tqly",
+    $$css: true
+  },
+  material: {
+    "--bolerish-material-shadow": "xvd6nka",
+    kGVxlE: "x16ifxj2 xpqbwuo",
+    kWkggS: "x1s4uome x1u5mdis",
+    k6WDB: "x1t853zo x1o5bnqd",
+    kKwaWg: "x18o3ruo xxit9r9",
+    kTahiY: "x1cg02ou",
+    kEcs6k: "x11rvarm",
+    kWrjR8: "x1ile18z",
+    kfloDl: "x1m3y3zz",
+    kO6drA: "x9yvj25",
+    kkTUmj: "x14hm74v",
+    k11ilZ: "xhobzj1",
+    ktzNWN: "xwaqzdf",
+    $$css: true
+  },
+  panel: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "x8fe23t",
+    "--bolerish-material-filter": "x1n6mwez",
+    $$css: true
+  },
+  control: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  subtle: {
+    "--bolerish-material-color": "x1819ggx",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  outline: {
+    "--bolerish-material-color": "x3m3fbl",
+    "--bolerish-material-opacity": "xg4j6g8",
+    "--bolerish-material-filter": "x1mpfm11",
+    $$css: true
+  },
+  raised: {
+    "--bolerish-material-shadow": "x1l9gcvt",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x1nqk09",
+    "--bolerish-material-filter": "x1gkvbmm",
+    $$css: true
+  },
+  translucent: {
+    "--bolerish-material-color": "x14zkn9l",
+    "--bolerish-material-opacity": "xoh9gux",
+    "--bolerish-material-filter": "xhu24am",
+    $$css: true
+  },
+  floating: {
+    "--bolerish-material-shadow": "xu02b4h",
+    "--bolerish-material-color": "x1y5ilfp",
+    "--bolerish-material-opacity": "x14p89z6",
+    "--bolerish-material-filter": "xunhrho",
+    $$css: true
+  }
+};
+var surfaceStyles = {
+  edge: styles.edge,
+  panel: [styles.material, styles.panel],
+  control: [styles.material, styles.control],
+  subtle: [styles.material, styles.subtle],
+  outline: [styles.material, styles.outline],
+  raised: [styles.material, styles.raised],
+  translucent: [styles.material, styles.translucent],
+  floating: [styles.material, styles.floating]
+};
+
 // src/input-otp.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     k1xSpc: "x78zum5",
@@ -96,7 +175,7 @@ function InputOTP(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.root, surfaceStyles.control, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;
@@ -141,7 +220,7 @@ function InputOTPGroup(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.group, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.group, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;
@@ -186,7 +265,7 @@ function InputOTPSlot(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.slot, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.slot, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;
@@ -231,7 +310,7 @@ function InputOTPSeparator(t0) {
   }
   let t1;
   if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = mergeStyles(stylex.props(styles.separator, xstyle), className, style);
+    t1 = mergeStyles(stylex.props(styles2.separator, xstyle), className, style);
     $[5] = className;
     $[6] = style;
     $[7] = xstyle;

package/dist/input-otp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/input-otp.tsx", "../src/styles/merge-styles.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { OTPField } from \"@base-ui/react/otp-field\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  },\n  group: {\n    k1xSpc: \"x78zum5\",\n    $$css: true\n  },\n  slot: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x2u8bby\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kZKoxP: \"x4rnblq\",\n    keTefX: \"x2yqusi\",\n    kI3sdo: \"x1a2a7pz\",\n    k9WMMc: \"x2b8uid\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xnib454\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"x16zkcgh\",\n    kpxeVS: \"x3ygczw\",\n    kO7Kbt: \"xqamik5\",\n    kfV8uM: \"x1pwwqoy\",\n    k7s7n8: \"xt1p7lf\",\n    kh5YYg: \"xghm9d\",\n    kLmhY5: \"x1dg55ke\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    k9RWNo: \"x135w3n3\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"x1qx4qp5\",\n    $$css: true\n  },\n  separator: {\n    kMwMTN: \"xhsft5x\",\n    kg3NbH: \"xblk7t1\",\n    $$css: true\n  }\n};\nexport type InputOTPProps = StyledProps<ComponentProps<typeof OTPField.Root>> & {\n  xstyle?: ControlLayoutStyles;\n};\nexport function InputOTP(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <OTPField.Root {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPGroup(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.group, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPSlot(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.slot, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <OTPField.Input {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPSeparator(t0) {\n  const $ = _c(13);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.separator, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const t2 = props.children ?? \"\\u2013\";\n  let t3;\n  if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {\n    t3 = <span aria-hidden=\"true\" {...props} {...t1}>{t2}</span>;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  return t3;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
-  "mappings": "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",
-  "names": ["props"]
+  "sources": ["../src/input-otp.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { OTPField } from \"@base-ui/react/otp-field\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  },\n  group: {\n    k1xSpc: \"x78zum5\",\n    $$css: true\n  },\n  slot: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x2u8bby\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kZKoxP: \"x4rnblq\",\n    keTefX: \"x2yqusi\",\n    kI3sdo: \"x1a2a7pz\",\n    k9WMMc: \"x2b8uid\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xnib454\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"x16zkcgh\",\n    kpxeVS: \"x3ygczw\",\n    kO7Kbt: \"xqamik5\",\n    kfV8uM: \"x1pwwqoy\",\n    k7s7n8: \"xt1p7lf\",\n    kh5YYg: \"xghm9d\",\n    kLmhY5: \"x1dg55ke\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    k9RWNo: \"x135w3n3\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"x1qx4qp5\",\n    $$css: true\n  },\n  separator: {\n    kMwMTN: \"xhsft5x\",\n    kg3NbH: \"xblk7t1\",\n    $$css: true\n  }\n};\nexport type InputOTPProps = StyledProps<ComponentProps<typeof OTPField.Root>> & {\n  xstyle?: ControlLayoutStyles;\n};\nexport function InputOTP(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.root, surfaceStyles.control, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <OTPField.Root {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPGroup(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.group, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPSlot(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.slot, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <OTPField.Input {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function InputOTPSeparator(t0) {\n  const $ = _c(13);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.separator, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const t2 = props.children ?? \"\\u2013\";\n  let t3;\n  if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {\n    t3 = <span aria-hidden=\"true\" {...props} {...t1}>{t2}</span>;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  return t3;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  edge: {\n    kVAM5u: \"x1kqtvf4\",\n    kFGkbq: \"x1w1tqly\",\n    $$css: true\n  },\n  material: {\n    \"--bolerish-material-shadow\": \"xvd6nka\",\n    kGVxlE: \"x16ifxj2 xpqbwuo\",\n    kWkggS: \"x1s4uome x1u5mdis\",\n    k6WDB: \"x1t853zo x1o5bnqd\",\n    kKwaWg: \"x18o3ruo xxit9r9\",\n    kTahiY: \"x1cg02ou\",\n    kEcs6k: \"x11rvarm\",\n    kWrjR8: \"x1ile18z\",\n    kfloDl: \"x1m3y3zz\",\n    kO6drA: \"x9yvj25\",\n    kkTUmj: \"x14hm74v\",\n    k11ilZ: \"xhobzj1\",\n    ktzNWN: \"xwaqzdf\",\n    $$css: true\n  },\n  panel: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"x8fe23t\",\n    \"--bolerish-material-filter\": \"x1n6mwez\",\n    $$css: true\n  },\n  control: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  subtle: {\n    \"--bolerish-material-color\": \"x1819ggx\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  outline: {\n    \"--bolerish-material-color\": \"x3m3fbl\",\n    \"--bolerish-material-opacity\": \"xg4j6g8\",\n    \"--bolerish-material-filter\": \"x1mpfm11\",\n    $$css: true\n  },\n  raised: {\n    \"--bolerish-material-shadow\": \"x1l9gcvt\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x1nqk09\",\n    \"--bolerish-material-filter\": \"x1gkvbmm\",\n    $$css: true\n  },\n  translucent: {\n    \"--bolerish-material-color\": \"x14zkn9l\",\n    \"--bolerish-material-opacity\": \"xoh9gux\",\n    \"--bolerish-material-filter\": \"xhu24am\",\n    $$css: true\n  },\n  floating: {\n    \"--bolerish-material-shadow\": \"xu02b4h\",\n    \"--bolerish-material-color\": \"x1y5ilfp\",\n    \"--bolerish-material-opacity\": \"x14p89z6\",\n    \"--bolerish-material-filter\": \"xunhrho\",\n    $$css: true\n  }\n};\nexport const surfaceStyles = {\n  edge: styles.edge,\n  panel: [styles.material, styles.panel],\n  control: [styles.material, styles.control],\n  subtle: [styles.material, styles.subtle],\n  outline: [styles.material, styles.outline],\n  raised: [styles.material, styles.raised],\n  translucent: [styles.material, styles.translucent],\n  floating: [styles.material, styles.floating]\n};"],
+  "mappings": "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",
+  "names": ["styles", "props"]
 }

package/dist/input.d.ts

@@ -4,6 +4,6 @@ import type { ControlLayoutStyles } from "./styles/control-layout";
 import type { StyledProps } from "./styles/merge-styles";
 export type InputProps = StyledProps<ComponentProps<typeof InputPrimitive>> & {
     xstyle?: ControlLayoutStyles;
-    variant?: "outline" | "inline";
+    variant?: "outline" | "inline" | "none" | "underline";
 };
 export declare function Input({ className, style, "aria-invalid": ariaInvalid, variant, xstyle, ...props }: InputProps): import("react").JSX.Element;