@bolerish/ui 0.0.0-stage → 0.10.0

package/dist/input-otp.js

@@ -0,0 +1,261 @@
+"use client";
+
+// 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/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/input-otp.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kOIVth: "x136xbx3",
+    $$css: true
+  },
+  group: {
+    k1xSpc: "x78zum5",
+    $$css: true
+  },
+  slot: {
+    kysU6D: "xjyslct",
+    kWkggS: "xcc0o6n",
+    kVAM5u: "xmt3ebw",
+    kaIpWk: "x2u8bby",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    kZKoxP: "x4rnblq",
+    keTefX: "x1hb08if",
+    kI3sdo: "x1a2a7pz",
+    k9WMMc: "x2b8uid",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xnib454",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "x16zkcgh",
+    kpxeVS: "x3ygczw",
+    kO7Kbt: "xqamik5",
+    kfV8uM: "x1pwwqoy",
+    k7s7n8: "xt1p7lf",
+    kh5YYg: "xghm9d",
+    kLmhY5: "x8bkgza",
+    kZs9gx: "x768paa",
+    kiEn40: "x1p3hdyt",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    k9RWNo: "x135w3n3",
+    kYPGJ8: "x1s07b3s",
+    kWCcOm: "x1qx4qp5",
+    $$css: true
+  },
+  separator: {
+    kMwMTN: "xhsft5x",
+    kg3NbH: "xblk7t1",
+    $$css: true
+  }
+};
+function InputOTP(t0) {
+  const $ = _c(12);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(OTPField.Root, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function InputOTPGroup(t0) {
+  const $ = _c(12);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.group, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function InputOTPSlot(t0) {
+  const $ = _c(12);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.slot, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(OTPField.Input, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function InputOTPSeparator(t0) {
+  const $ = _c(13);
+  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] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.separator, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const t2 = props2.children ?? "\u2013";
+  let t3;
+  if ($[9] !== props2 || $[10] !== t1 || $[11] !== t2) {
+    t3 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, ...t1, children: t2 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  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/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: \"xmt3ebw\",\n    kaIpWk: \"x2u8bby\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kZKoxP: \"x4rnblq\",\n    keTefX: \"x1hb08if\",\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: \"x8bkgza\",\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"]
+}

package/dist/input.d.ts

@@ -0,0 +1,9 @@
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import type { ComponentProps } from "react";
+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";
+};
+export declare function Input({ className, style, "aria-invalid": ariaInvalid, variant, xstyle, ...props }: InputProps): import("react").JSX.Element;

package/dist/input.js

@@ -0,0 +1,141 @@
+"use client";
+
+// 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";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/input.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kysU6D: "xjyslct",
+    kWkggS: "xcc0o6n",
+    kVAM5u: "xmt3ebw",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "x1lskvfa",
+    kMv6JI: "x1b1to7n",
+    kZKoxP: "x1f00wt4",
+    kLWn49: "xipl0i2",
+    k7Eaqz: "xeuugli",
+    kI3sdo: "x1a2a7pz",
+    kg3NbH: "x5044ve",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x13wuo2s",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "xh8yej3",
+    k8Qsv1: "x15njwyp",
+    kOMSMr: "xky2k6e",
+    kZs9gx: "x768paa",
+    kiEn40: "x1p3hdyt",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kD2jPA: "xjbuoma",
+    kdODIN: "xwaks2a",
+    kWC4TW: "x1vi5fzm",
+    kYPGJ8: "x1s07b3s",
+    kqcrZL: "x8jboxv",
+    kHRqo9: "x1sw6lzt",
+    kO0ooq: "xdz4axu",
+    $$css: true
+  },
+  inline: {
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kaIpWk: "x2u8bby",
+    kg3NbH: "xblk7t1",
+    k8WAf4: "xt970qd",
+    kGuDYH: "x1qlqyl8",
+    k63SB2: "x1pd3egz",
+    kLWn49: "x15bjb6t",
+    kMwMTN: "x1heor9g",
+    kZs9gx: "x768paa",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kiEn40: "x1p3hdyt",
+    $$css: true
+  },
+  invalid: {
+    kVAM5u: "x165btzp",
+    kZs9gx: "x1rovn1u",
+    $$css: true
+  }
+};
+function Input(t0) {
+  const $ = _c(17);
+  let ariaInvalid;
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      "aria-invalid": ariaInvalid,
+      variant: t1,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = ariaInvalid;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = xstyle;
+  } else {
+    ariaInvalid = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    t1 = $[5];
+    xstyle = $[6];
+  }
+  const variant = t1 === void 0 ? "outline" : t1;
+  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let t2;
+  if ($[7] !== className || $[8] !== isInvalid || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles.root, variant === "inline" && styles.inline, isInvalid && styles.invalid, xstyle), className, style);
+    $[7] = className;
+    $[8] = isInvalid;
+    $[9] = style;
+    $[10] = variant;
+    $[11] = xstyle;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== ariaInvalid || $[14] !== props2 || $[15] !== t2) {
+    t3 = /* @__PURE__ */ jsx(InputPrimitive, { ...props2, "aria-invalid": ariaInvalid, ...t2 });
+    $[13] = ariaInvalid;
+    $[14] = props2;
+    $[15] = t2;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  return t3;
+}
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/input.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 } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"xmt3ebw\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kMv6JI: \"x1b1to7n\",\n    kZKoxP: \"x1f00wt4\",\n    kLWn49: \"xipl0i2\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kg3NbH: \"x5044ve\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kOMSMr: \"xky2k6e\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kD2jPA: \"xjbuoma\",\n    kdODIN: \"xwaks2a\",\n    kWC4TW: \"x1vi5fzm\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"x8jboxv\",\n    kHRqo9: \"x1sw6lzt\",\n    kO0ooq: \"xdz4axu\",\n    $$css: true\n  },\n  inline: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x2u8bby\",\n    kg3NbH: \"xblk7t1\",\n    k8WAf4: \"xt970qd\",\n    kGuDYH: \"x1qlqyl8\",\n    k63SB2: \"x1pd3egz\",\n    kLWn49: \"x15bjb6t\",\n    kMwMTN: \"x1heor9g\",\n    kZs9gx: \"x768paa\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kiEn40: \"x1p3hdyt\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kZs9gx: \"x1rovn1u\",\n    $$css: true\n  }\n};\nexport type InputProps = StyledProps<ComponentProps<typeof InputPrimitive>> & {\n  xstyle?: ControlLayoutStyles;\n  variant?: \"outline\" | \"inline\";\n};\nexport function Input(t0) {\n  const $ = _c(17);\n  let ariaInvalid;\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      \"aria-invalid\": ariaInvalid,\n      variant: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = ariaInvalid;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = xstyle;\n  } else {\n    ariaInvalid = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    xstyle = $[6];\n  }\n  const variant = t1 === undefined ? \"outline\" : t1;\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  let t2;\n  if ($[7] !== className || $[8] !== isInvalid || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, variant === \"inline\" && styles.inline, isInvalid && styles.invalid, xstyle), className, style);\n    $[7] = className;\n    $[8] = isInvalid;\n    $[9] = style;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] !== ariaInvalid || $[14] !== props || $[15] !== t2) {\n    t3 = <InputPrimitive {...props} aria-invalid={ariaInvalid} {...t2} />;\n    $[13] = ariaInvalid;\n    $[14] = props;\n    $[15] = t2;\n    $[16] = t3;\n  } else {\n    t3 = $[16];\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"]
+}

package/dist/kbd.d.ts

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

package/dist/kbd.js

@@ -0,0 +1,66 @@
+// src/kbd.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/kbd.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "xj9e3ow",
+    k1xSpc: "x3nfvp2",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kjj79g: "xl56j7k",
+    kAzted: "x1oe2qec",
+    k7Eaqz: "xvwitx0",
+    kg3NbH: "xblk7t1",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  },
+  group: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "x7gjopr",
+    $$css: true
+  }
+};
+function Kbd({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("kbd", { ...props2, ...mergeStyles(stylex.props(styles.root, xstyle), className, style) });
+}
+function KbdGroup({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { ...props2, ...mergeStyles(stylex.props(styles.group, xstyle), className, style) });
+}
+export {
+  Kbd,
+  KbdGroup
+};
+//# sourceMappingURL=kbd.js.map

package/dist/kbd.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/kbd.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { 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    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x1oe2qec\",\n    k7Eaqz: \"xvwitx0\",\n    kg3NbH: \"xblk7t1\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  },\n  group: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x7gjopr\",\n    $$css: true\n  }\n};\nexport function Kbd({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"kbd\">> & {\n  xstyle?: ControlPlacementStyles;\n}) {\n  return <kbd {...props} {...mergeStyles(stylex.props(styles.root, xstyle), className, style)} />;\n}\nexport function KbdGroup({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"span\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <span {...props} {...mergeStyles(stylex.props(styles.group, xstyle), className, style)} />;\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": ";AACA,YAAY,YAAY;;;ACKjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ADsBS;AAnCT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACO,SAAS,IAAI;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAEG;AACD,SAAO,oBAAC,SAAK,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG;AAC/F;AACO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAEG;AACD,SAAO,oBAAC,UAAM,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,OAAO,MAAM,GAAG,WAAW,KAAK,GAAG;AACjG;",
+  "names": ["props"]
+}

package/dist/label.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type LabelProps = StyledProps<ComponentProps<"label">> & {
+    xstyle?: ControlPlacementStyles;
+};
+export declare function Label({ className, style, xstyle, ...props }: LabelProps): import("react").JSX.Element;

package/dist/label.js

@@ -0,0 +1,101 @@
+// src/label.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/typography.ts
+var typographyStyles = {
+  body: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x199wi4b",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  description: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  caption: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  label: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  title: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  page: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "xw8z6gz",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  section: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "xr5nsds",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  subsection: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "x199wi4b",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  }
+};
+
+// src/label.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x1t28c4i",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "x136xbx3",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  }
+};
+function Label({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("label", { ...props2, ...mergeStyles(stylex.props(typographyStyles.title, styles.root, xstyle), className, style) });
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

package/dist/label.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/label.tsx", "../src/styles/merge-styles.ts", "../src/typography.ts"],
+  "sourcesContent": ["import { colorVars, spacingVars } from \"@bolerish/tokens/semantic.stylex\";\n/* oxlint-disable jsx-a11y/label-has-associated-control -- The caller provides htmlFor or nests the control. */\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { typographyStyles } from \"./typography\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1t28c4i\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x136xbx3\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  }\n};\nexport type LabelProps = StyledProps<ComponentProps<\"label\">> & {\n  xstyle?: ControlPlacementStyles;\n};\nexport function Label({\n  className,\n  style,\n  xstyle,\n  ...props\n}: LabelProps) {\n  return <label {...props} {...mergeStyles(stylex.props(typographyStyles.title, styles.root, xstyle), className, style)} />;\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 { typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nexport const typographyStyles = {\n  body: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  description: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  caption: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  label: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  title: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  page: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xw8z6gz\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  section: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xr5nsds\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  subsection: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  }\n};"],
+  "mappings": ";AAEA,YAAY,YAAY;;;ACIjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ACjBO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;;;AF/BS;AApBT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAAe;AACb,SAAO,oBAAC,WAAO,GAAGA,QAAQ,GAAG,YAAmB,aAAM,iBAAiB,OAAO,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG;AACzH;",
+  "names": ["props"]
+}