@bolerish/ui 0.13.0 → 0.16.0

package/dist/input.js

@@ -18,10 +18,90 @@ 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.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
+    "--bolerish-input-focus-color": "x10nrt0v",
     kysU6D: "xjyslct",
     kWkggS: "xcc0o6n",
     kVAM5u: "x1kqtvf4",
@@ -42,7 +122,7 @@ var styles = {
     kzqmXN: "xh8yej3",
     k8Qsv1: "x15njwyp",
     kOMSMr: "x1f9m9q7",
-    kZs9gx: "x768paa",
+    kZs9gx: "xyz7ihz",
     kiEn40: "x1p3hdyt",
     k7shQP: "x9v5kkp",
     kPJHz1: "x1k4h2j2",
@@ -51,6 +131,7 @@ var styles = {
     kWC4TW: "x1vi5fzm",
     kYPGJ8: "x1s07b3s",
     kqcrZL: "x8jboxv",
+    kSAT4u: "x7dg23c",
     kHRqo9: "x1sw6lzt",
     kO0ooq: "xdz4axu",
     $$css: true
@@ -65,20 +146,43 @@ var styles = {
     k63SB2: "x1pd3egz",
     kLWn49: "x15bjb6t",
     kMwMTN: "x1heor9g",
-    kZs9gx: "x768paa",
+    kZs9gx: "xyz7ihz",
     k7shQP: "x9v5kkp",
     kPJHz1: "x1k4h2j2",
     kiEn40: "x1p3hdyt",
     $$css: true
   },
+  none: {
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kpYc8J: "x7vy0yh",
+    k5HO7O: "x4w8ylm",
+    kGKRwq: "x4wip10",
+    kQgVTF: "x18myw3g",
+    kYLY2K: "x1pq16l0",
+    $$css: true
+  },
+  underline: {
+    kWkggS: "xjbqb8w",
+    kaIpWk: "x2u8bby",
+    kMzoRj: "xc342km",
+    kt9PQ7: "x1ue9prv",
+    kYO7Su: "x5swq7u",
+    kEtg5x: "xm8hp6d",
+    k7shQP: "xi5y0ii",
+    kM27pR: "x34zm41",
+    kWHsjt: "x1cg32vb",
+    $$css: true
+  },
   invalid: {
+    "--bolerish-input-focus-color": "xnholtd",
     kVAM5u: "x165btzp",
     kZs9gx: "x1rovn1u",
     $$css: true
   }
 };
 function Input(t0) {
-  const $ = _c(17);
+  const $ = _c(18);
   let ariaInvalid;
   let className;
   let props2;
@@ -112,26 +216,27 @@ function Input(t0) {
   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);
+  if ($[7] !== className || $[8] !== isInvalid || $[9] !== props2 || $[10] !== style || $[11] !== variant || $[12] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles2.root, variant === "outline" && !props2.disabled && surfaceStyles.control, variant === "inline" && styles2.inline, variant === "none" && styles2.none, variant === "underline" && styles2.underline, isInvalid && styles2.invalid, xstyle), className, style);
     $[7] = className;
     $[8] = isInvalid;
-    $[9] = style;
-    $[10] = variant;
-    $[11] = xstyle;
-    $[12] = t2;
+    $[9] = props2;
+    $[10] = style;
+    $[11] = variant;
+    $[12] = xstyle;
+    $[13] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[13];
   }
   let t3;
-  if ($[13] !== ariaInvalid || $[14] !== props2 || $[15] !== t2) {
+  if ($[14] !== ariaInvalid || $[15] !== props2 || $[16] !== t2) {
     t3 = /* @__PURE__ */ jsx(InputPrimitive, { ...props2, "aria-invalid": ariaInvalid, ...t2 });
-    $[13] = ariaInvalid;
-    $[14] = props2;
-    $[15] = t2;
-    $[16] = t3;
+    $[14] = ariaInvalid;
+    $[15] = props2;
+    $[16] = t2;
+    $[17] = t3;
   } else {
-    t3 = $[16];
+    t3 = $[17];
   }
   return t3;
 }

package/dist/input.js.map

@@ -1,7 +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: \"x1kqtvf4\",\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: \"x1f9m9q7\",\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"]
+  "sources": ["../src/input.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 } from \"react\";\nimport type { ControlLayoutStyles } 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    \"--bolerish-input-focus-color\": \"x10nrt0v\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\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: \"x1f9m9q7\",\n    kZs9gx: \"xyz7ihz\",\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    kSAT4u: \"x7dg23c\",\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: \"xyz7ihz\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kiEn40: \"x1p3hdyt\",\n    $$css: true\n  },\n  none: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kpYc8J: \"x7vy0yh\",\n    k5HO7O: \"x4w8ylm\",\n    kGKRwq: \"x4wip10\",\n    kQgVTF: \"x18myw3g\",\n    kYLY2K: \"x1pq16l0\",\n    $$css: true\n  },\n  underline: {\n    kWkggS: \"xjbqb8w\",\n    kaIpWk: \"x2u8bby\",\n    kMzoRj: \"xc342km\",\n    kt9PQ7: \"x1ue9prv\",\n    kYO7Su: \"x5swq7u\",\n    kEtg5x: \"xm8hp6d\",\n    k7shQP: \"xi5y0ii\",\n    kM27pR: \"x34zm41\",\n    kWHsjt: \"x1cg32vb\",\n    $$css: true\n  },\n  invalid: {\n    \"--bolerish-input-focus-color\": \"xnholtd\",\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\" | \"none\" | \"underline\";\n};\nexport function Input(t0) {\n  const $ = _c(18);\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] !== props || $[10] !== style || $[11] !== variant || $[12] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, variant === \"outline\" && !props.disabled && surfaceStyles.control, variant === \"inline\" && styles.inline, variant === \"none\" && styles.none, variant === \"underline\" && styles.underline, isInvalid && styles.invalid, xstyle), className, style);\n    $[7] = className;\n    $[8] = isInvalid;\n    $[9] = props;\n    $[10] = style;\n    $[11] = variant;\n    $[12] = xstyle;\n    $[13] = t2;\n  } else {\n    t2 = $[13];\n  }\n  let t3;\n  if ($[14] !== ariaInvalid || $[15] !== props || $[16] !== t2) {\n    t3 = <InputPrimitive {...props} aria-invalid={ariaInvalid} {...t2} />;\n    $[14] = ariaInvalid;\n    $[15] = props;\n    $[16] = t2;\n    $[17] = t3;\n  } else {\n    t3 = $[17];\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/item.d.ts

@@ -0,0 +1,32 @@
+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 type ItemSize = "default" | "sm" | "xs";
+export type ItemVariant = "default" | "muted" | "outline";
+export type ItemProps = StyledProps<ComponentProps<"div">> & {
+    size?: ItemSize;
+    variant?: ItemVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Item({ className, style, size, variant, xstyle, ...props }: ItemProps): import("react").JSX.Element;
+export declare function ItemGroup({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export type ItemMediaProps = StyledProps<ComponentProps<"div">> & {
+    variant?: "avatar" | "icon" | "image";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function ItemMedia({ className, style, xstyle, variant, ...props }: ItemMediaProps): import("react").JSX.Element;
+export declare function ItemContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function ItemTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function ItemDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"p">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function ItemActions({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;

package/dist/{content-row.js → item.js}

@@ -1,4 +1,4 @@
-// src/content-row.tsx
+// src/item.tsx
 import * as stylex from "@stylexjs/stylex";
 
 // src/styles/merge-styles.ts
@@ -14,6 +14,85 @@ 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/typography.ts
 var typographyStyles = {
   body: {
@@ -74,9 +153,9 @@ var typographyStyles = {
   }
 };
 
-// src/content-row.tsx
+// src/item.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kGNEyG: "x6s0dn4",
     kVAM5u: "x9r1u3d",
@@ -182,7 +261,7 @@ var variantStyles = {
     $$css: true
   }
 };
-function ContentRow({
+function Item({
   className,
   style,
   size = "default",
@@ -190,34 +269,34 @@ function ContentRow({
   xstyle,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], xstyle), className, style) });
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles2.root, sizeStyles[size], variantStyles[variant], variant === "outline" && surfaceStyles.panel, variant === "muted" && surfaceStyles.subtle, xstyle), className, style) });
 }
-function ContentRowGroup({
+function ItemGroup({
   className,
   style,
   xstyle,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.group, xstyle), className, style) });
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles2.group, xstyle), className, style) });
 }
-function ContentRowMedia({
+function ItemMedia({
   className,
   style,
   xstyle,
   variant = "icon",
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.media, mediaVariantStyles[variant], xstyle), className, style) });
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles2.media, mediaVariantStyles[variant], xstyle), className, style) });
 }
-function ContentRowContent({
+function ItemContent({
   className,
   style,
   xstyle,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.content, xstyle), className, style) });
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles2.content, xstyle), className, style) });
 }
-function ContentRowTitle({
+function ItemTitle({
   className,
   style,
   xstyle,
@@ -225,29 +304,29 @@ function ContentRowTitle({
 }) {
   return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(typographyStyles.title, xstyle), className, style) });
 }
-function ContentRowDescription({
+function ItemDescription({
   className,
   style,
   xstyle,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("p", { ...props2, ...mergeStyles(stylex.props(typographyStyles.description, styles.description, xstyle), className, style) });
+  return /* @__PURE__ */ jsx("p", { ...props2, ...mergeStyles(stylex.props(typographyStyles.description, styles2.description, xstyle), className, style) });
 }
-function ContentRowActions({
+function ItemActions({
   className,
   style,
   xstyle,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.actions, xstyle), className, style) });
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles2.actions, xstyle), className, style) });
 }
 export {
-  ContentRow,
-  ContentRowActions,
-  ContentRowContent,
-  ContentRowDescription,
-  ContentRowGroup,
-  ContentRowMedia,
-  ContentRowTitle
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemGroup,
+  ItemMedia,
+  ItemTitle
 };
-//# sourceMappingURL=content-row.js.map
+//# sourceMappingURL=item.js.map

package/dist/item.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/item.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts", "../src/typography.ts"],
+  "sourcesContent": ["import { colorVars, radiusVars, sizeVars, spacingVars } 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\";\nimport { surfaceStyles } from \"./styles/surface\";\nimport { typographyStyles } from \"./typography\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kVAM5u: \"x9r1u3d\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    k1xSpc: \"x78zum5\",\n    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  group: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x136xbx3\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  media: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kjj79g: \"xl56j7k\",\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  },\n  content: {\n    kSGwAc: \"xoi2r2e\",\n    k1xSpc: \"x78zum5\",\n    kUk6DE: \"x98rzlu\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x7gjopr\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"xj9e3ow\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  actions: {\n    kGNEyG: \"x1pha0wt\",\n    kSGwAc: \"xoi2r2e\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  }\n};\nconst mediaVariantStyles = {\n  icon: {\n    kWkggS: \"xmqg8ag\",\n    kaIpWk: \"x1p5vitp\",\n    kMwMTN: \"xj9e3ow\",\n    kZKoxP: \"x1f00wt4\",\n    kzqmXN: \"x18pndxb\",\n    $$css: true\n  },\n  avatar: {\n    kaIpWk: \"xwhwt5f\",\n    $$css: true\n  },\n  image: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1rrewj3\",\n    kzqmXN: \"xwuz77y\",\n    $$css: true\n  }\n};\nconst sizeStyles = {\n  default: {\n    kOIVth: \"x6tv65x\",\n    kAzted: \"xd4eqea\",\n    kmVPX3: \"xv3ig3d\",\n    $$css: true\n  },\n  sm: {\n    kOIVth: \"x6tv65x\",\n    kAzted: \"x154sxmd\",\n    kmVPX3: \"xha17u1\",\n    $$css: true\n  },\n  xs: {\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x1rwmkbm\",\n    kmVPX3: \"xvoq6nx\",\n    $$css: true\n  }\n};\nconst variantStyles = {\n  default: {\n    kWkggS: \"xjbqb8w\",\n    $$css: true\n  },\n  muted: {\n    kWkggS: \"xmqg8ag\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    $$css: true\n  }\n};\nexport type ItemSize = \"default\" | \"sm\" | \"xs\";\nexport type ItemVariant = \"default\" | \"muted\" | \"outline\";\nexport type ItemProps = StyledProps<ComponentProps<\"div\">> & {\n  size?: ItemSize;\n  variant?: ItemVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Item({\n  className,\n  style,\n  size = \"default\",\n  variant = \"default\",\n  xstyle,\n  ...props\n}: ItemProps) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], variant === \"outline\" && surfaceStyles.panel, variant === \"muted\" && surfaceStyles.subtle, xstyle), className, style)} />;\n}\nexport function ItemGroup({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.group, xstyle), className, style)} />;\n}\nexport type ItemMediaProps = StyledProps<ComponentProps<\"div\">> & {\n  variant?: \"avatar\" | \"icon\" | \"image\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function ItemMedia({\n  className,\n  style,\n  xstyle,\n  variant = \"icon\",\n  ...props\n}: ItemMediaProps) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.media, mediaVariantStyles[variant], xstyle), className, style)} />;\n}\nexport function ItemContent({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.content, xstyle), className, style)} />;\n}\nexport function ItemTitle({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: ControlPlacementStyles;\n}) {\n  return <div {...props} {...mergeStyles(stylex.props(typographyStyles.title, xstyle), className, style)} />;\n}\nexport function ItemDescription({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"p\">> & {\n  xstyle?: ControlPlacementStyles;\n}) {\n  return <p {...props} {...mergeStyles(stylex.props(typographyStyles.description, styles.description, xstyle), className, style)} />;\n}\nexport function ItemActions({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.actions, 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 { 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};", "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": "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",
+  "names": ["styles", "props"]
+}

package/dist/liquid-refraction.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- A fixed, gentle map generated by createLiquidMap(256, 128, 16). -->
+  <filter id="bolerish-refraction" x="0" y="0" width="100%" height="100%" color-interpolation-filters="sRGB">
+    <feImage href="data:image/png;base64,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" x="0" y="0" width="100%" height="100%" preserveAspectRatio="none" result="map"/>
+    <feDisplacementMap in="SourceGraphic" in2="map" scale="6" xChannelSelector="R" yChannelSelector="G"/>
+  </filter>
+</svg>

package/dist/liquid.d.ts

@@ -0,0 +1,10 @@
+import * as stylex from "@stylexjs/stylex";
+import { type ComponentProps, type ReactNode } from "react";
+import { type StyledProps } from "./styles/merge-styles";
+export type LiquidProps = StyledProps<ComponentProps<"div">> & {
+    /** A decorative background owned by this liquid, not a snapshot of the page. */
+    background: ReactNode;
+    xstyle?: stylex.StyleXStyles;
+};
+/** Refracts an explicit decorative background while foreground controls remain sharp. */
+export declare function Liquid({ background, children, className, style, xstyle, ...props }: LiquidProps): import("react").JSX.Element;