@bolerish/ui 0.12.0 → 0.15.0

package/dist/stylex.css

@@ -251,10 +251,6 @@
     margin-block: var(--x1upjba4);
   }
 
-  .xz95peq {
-    margin-inline: -1px;
-  }
-
   .xvueqy4 {
     margin-inline: auto;
   }
@@ -263,6 +259,10 @@
     margin-inline: calc(var(--x1upjba4) * -1);
   }
 
+  .x18nzy7w {
+    margin-inline: calc(var(--xx1jdaa) * -1);
+  }
+
   .x1a2a7pz {
     outline: none;
   }
@@ -423,6 +423,10 @@
     .x1w1tqly.x1w1tqly {
       border-color: canvastext;
     }
+
+    .x1mncknp.x1mncknp {
+      outline: 2px solid highlight;
+    }
   }
 
   .x8jboxv:disabled:hover {
@@ -495,8 +499,8 @@
     aspect-ratio: var(--x-aspectRatio);
   }
 
-  .x1jh03n0 {
-    backdrop-filter: blur(16px);
+  .x1t853zo {
+    backdrop-filter: none;
   }
 
   .xtwfq29 {
@@ -507,6 +511,10 @@
     background-color: #0000;
   }
 
+  .x1s4uome {
+    background-color: var(--bolerish-material-color, var(--x1v7ela7));
+  }
+
   .xezvvoc {
     background-color: var(--x11x010x);
   }
@@ -535,10 +543,6 @@
     background-color: var(--x1fkyw9e);
   }
 
-  .x1ftbxcr {
-    background-color: var(--x1htlk9h);
-  }
-
   .xh31czb {
     background-color: var(--x1mwh0lk);
   }
@@ -595,6 +599,14 @@
     background-color: var(--xzfcwl2);
   }
 
+  .x18o3ruo {
+    background-image: none;
+  }
+
+  .xiy17q3 {
+    background-repeat: no-repeat;
+  }
+
   .x1mwwwfo {
     border-collapse: collapse;
   }
@@ -611,6 +623,10 @@
     box-shadow: none;
   }
 
+  .x16ifxj2 {
+    box-shadow: var(--bolerish-material-shadow);
+  }
+
   .xms81ks {
     box-shadow: var(--x1tk9q2c);
   }
@@ -855,10 +871,6 @@
     line-height: var(--xvxs9cx);
   }
 
-  .x1hb08if {
-    margin-inline-start: -1px;
-  }
-
   .x1lziwak {
     margin-inline-start: 0;
   }
@@ -867,6 +879,10 @@
     margin-inline-start: auto;
   }
 
+  .x2yqusi {
+    margin-inline-start: calc(var(--xx1jdaa) * -1);
+  }
+
   .xl1xv1r {
     object-fit: cover;
   }
@@ -1261,12 +1277,28 @@
   }
 
   @supports (backdrop-filter: blur(1px)) and (background-color: color-mix(in srgb, white, transparent)) {
-    .x6pgpxb.x6pgpxb {
-      background-color: color-mix(in srgb,var(--x1v7ela7) 92%,transparent);
+    .x1o5bnqd.x1o5bnqd {
+      backdrop-filter: var(--bolerish-material-filter);
     }
 
-    .x1r7obb8.x1r7obb8 {
-      background-color: color-mix(in srgb,var(--x6f99ho) 94%,transparent);
+    .x1u5mdis.x1u5mdis {
+      background-color: color-mix(in srgb,var(--bolerish-material-color, var(--x1v7ela7)) var(--bolerish-material-opacity),transparent);
+    }
+  }
+
+  @supports (background-color: color-mix(in srgb, white, transparent)) {
+    .xsfo2ch.xsfo2ch {
+      background-image: linear-gradient(to bottom,color-mix(in srgb,var(--xzfcwl2) 62%,transparent),var(--xzfcwl2)),radial-gradient(ellipse at 0% 0%,var(--bolerish-gradient-accent),transparent 75%),radial-gradient(ellipse at 100% 15%,var(--bolerish-gradient-glow),transparent 80%);
+    }
+  }
+
+  @supports (backdrop-filter: blur(1px)) and (background-color: color-mix(in srgb, white, transparent)) {
+    .xxit9r9.xxit9r9 {
+      background-image: var(--bolerish-surface-sheen, none);
+    }
+
+    .xpqbwuo.xpqbwuo {
+      box-shadow: var(--bolerish-surface-reflection, 0 0 transparent),var(--bolerish-material-shadow);
     }
   }
 
@@ -1286,6 +1318,10 @@
     background-color: var(--xbs6o6w);
   }
 
+  .xm8hp6d:focus-visible {
+    box-shadow: 0 var(--xx1jdaa) 0 var(--bolerish-input-focus-color);
+  }
+
   .x5ezrf1[data-disabled] {
     cursor: not-allowed;
   }
@@ -1306,7 +1342,11 @@
     outline-color: #0000;
   }
 
-  .x1rovn1u:focus-visible, .xlfzi52:focus-within {
+  .xyz7ihz:focus-visible {
+    outline-color: var(--bolerish-input-focus-color);
+  }
+
+  .x1rovn1u:focus-visible, .x7vy0yh:is([aria-invalid="true"], :user-invalid), .xlfzi52:focus-within {
     outline-color: var(--x1wmomuh);
   }
 
@@ -1330,7 +1370,7 @@
     outline-offset: var(--xc1hqty);
   }
 
-  .x1p3hdyt:focus-visible, .x1vzskv2:focus-within {
+  .x1p3hdyt:focus-visible, .x1vzskv2:focus-within, .x4w8ylm:is([aria-invalid="true"], :user-invalid) {
     outline-offset: var(--xx1jdaa);
   }
 
@@ -1338,7 +1378,7 @@
     outline-style: none;
   }
 
-  .x14xc8xn:focus-within, .x9v5kkp:focus-visible {
+  .x14xc8xn:focus-within, .x4wip10:is([aria-invalid="true"], :user-invalid), .x9v5kkp:focus-visible {
     outline-style: solid;
   }
 
@@ -1350,6 +1390,10 @@
     outline-width: var(--xc1hqty);
   }
 
+  .x18myw3g:is([aria-invalid="true"], :user-invalid) {
+    outline-width: var(--xx1jdaa);
+  }
+
   .xjtggp9:is([data-hovering], [data-scrolling]) {
     pointer-events: auto;
   }
@@ -1470,6 +1514,10 @@
     border-start-end-radius: var(--x1odqryn);
   }
 
+  .x1pq16l0:focus-visible:is([aria-invalid="true"], :user-invalid) {
+    outline-width: var(--xc1hqty);
+  }
+
   .x1oqui1x:disabled {
     background-color: #0000;
   }
@@ -1585,12 +1633,38 @@
   }
 
   @media (prefers-reduced-transparency: reduce) {
-    .x1rxs12l.x1rxs12l {
-      background-color: var(--x1v7ela7);
+    .x1cg02ou.x1cg02ou {
+      background-color: var(--bolerish-material-color, var(--x1v7ela7));
     }
+  }
 
-    .x1psyy34.x1psyy34 {
-      background-color: var(--x6f99ho);
+  @media (forced-colors: active) {
+    .xhobzj1.xhobzj1 {
+      background-image: none;
+    }
+  }
+
+  @media (prefers-reduced-transparency: reduce) and (not (forced-colors: active)) {
+    .xzqb7ek.xzqb7ek {
+      background-image: none;
+    }
+  }
+
+  @media (prefers-reduced-transparency: reduce) {
+    .x1ile18z.x1ile18z {
+      background-image: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .xwaqzdf.xwaqzdf {
+      box-shadow: none;
+    }
+  }
+
+  @media (prefers-reduced-transparency: reduce) {
+    .x1m3y3zz.x1m3y3zz {
+      box-shadow: var(--bolerish-material-shadow);
     }
   }
 
@@ -1600,6 +1674,12 @@
     }
   }
 
+  @media (forced-colors: active) {
+    .xs9jlpd.xs9jlpd {
+      outline-offset: -2px;
+    }
+  }
+
   .x1eqo6io:disabled:hover {
     background-color: #0000;
   }
@@ -1612,7 +1692,15 @@
     .x15puxn2.x15puxn2:not(:root[data-bolerish-motion="on"] *) {
       animation-name: none;
     }
+  }
+
+  @media (forced-colors: active) {
+    .x1cg32vb.x1cg32vb:focus-visible {
+      box-shadow: none;
+    }
+  }
 
+  @media (prefers-reduced-motion: reduce) {
     .xjilbjb.xjilbjb:not(:root[data-bolerish-motion="on"] *) {
       transform: none;
     }
@@ -1792,10 +1880,6 @@
     height: var(--x12cso7g);
   }
 
-  .x15h3g2r {
-    height: var(--x12trbyd);
-  }
-
   .x1rrewj3 {
     height: var(--x1cwtg63);
   }
@@ -1876,10 +1960,6 @@
     margin-bottom: var(--x1qz0hrz);
   }
 
-  .x1y332i5 {
-    margin-top: -1px;
-  }
-
   .x14w15zt {
     margin-top: .05em;
   }
@@ -1888,6 +1968,10 @@
     margin-top: 0;
   }
 
+  .xpt9k8t {
+    margin-top: calc(var(--xx1jdaa) * -1);
+  }
+
   .x1jty973 {
     margin-top: var(--x1qz0hrz);
   }
@@ -1908,6 +1992,10 @@
     max-height: min(20rem,var(--available-height));
   }
 
+  .x1374xjt {
+    max-height: var(--available-height);
+  }
+
   .x193iq5w {
     max-width: 100%;
   }
@@ -2104,8 +2192,8 @@
     top: auto;
   }
 
-  .x1uifr22 {
-    top: calc(50% - var(--xlramn3) / 2);
+  .x11u2n0f {
+    top: calc(50% - var(--xbrfw55) / 2);
   }
 
   .x10uur0e {
@@ -2180,10 +2268,6 @@
     width: var(--positioner-width);
   }
 
-  .x1wis873 {
-    width: var(--x12trbyd);
-  }
-
   .xwuz77y {
     width: var(--x1cwtg63);
   }
@@ -2240,6 +2324,10 @@
     width: var(--xz6d21);
   }
 
+  .x5swq7u:focus-visible {
+    border-bottom-color: var(--bolerish-input-focus-color);
+  }
+
   .xnbj6on[data-expanded] {
     height: var(--toast-height);
   }
@@ -2267,6 +2355,12 @@
   .xghm9d:last-child {
     border-top-right-radius: var(--x1odqryn);
   }
+
+  @media (forced-colors: active) {
+    .x34zm41.x34zm41:focus-visible {
+      border-bottom-width: var(--xc1hqty);
+    }
+  }
 }
 
 @layer priority6 {
@@ -2418,6 +2512,16 @@
   inherits: false
 }
 
+@property --x---bolerish-gradient-accent {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x---bolerish-gradient-glow {
+  syntax: "*";
+  inherits: false
+}
+
 @property --x-aspectRatio {
   syntax: "*";
   inherits: false
@@ -2719,7 +2823,7 @@
   --xqjdewj: var(--xb8bdsr);
   --x1qcixe7: var(--x7dopks);
   --x1yzpjsa: var(--xnd9k6d);
-  --x1mwh0lk: var(--x1i7llby);
+  --x1mwh0lk: var(--xvylol5);
   --x904jhv: var(--xhyoz57);
   --x1htlk9h: var(--x6zm9ng);
   --x1n40gr: var(--xuwuzrq);
@@ -2739,7 +2843,7 @@
   --x1pr580m: var(--x12vwzb9);
 }
 
-.x1ii8lh5.x1ii8lh5, .x1ii8lh5.x1ii8lh5:root {
+.xd9p2sl.xd9p2sl, .xd9p2sl.xd9p2sl:root {
   --x11x010x: var(--xnd9k6d);
   --x1dz9nj7: var(--x1mk4mbm);
   --x1ka47bg: var(--x1juuggh);
@@ -2781,7 +2885,7 @@
   --xdoq4ml: var(--x1pmnzvq);
   --xr5vxkg: var(--x1mk4mbm);
   --x904jhv: var(--x6zm9ng);
-  --x1mwh0lk: var(--x1h8dh5j);
+  --x1mwh0lk: var(--xuvjxs);
   --x1n40gr: var(--xahu6a);
   --x1wmomuh: var(--x9kb4jc);
   --x2ewjro: var(--xvfn0wx);
@@ -2791,7 +2895,7 @@
   --x1htlk9h: var(--xhyoz57);
 }
 
-.x1dfw8dc.x1dfw8dc, .x1dfw8dc.x1dfw8dc:root {
+.x1sb35tf.x1sb35tf, .x1sb35tf.x1sb35tf:root {
   --x11x010x: var(--xnd9k6d);
   --x1dz9nj7: var(--xfkl7sq);
   --x1ka47bg: var(--x1lkhngl);
@@ -2833,7 +2937,7 @@
   --xdoq4ml: var(--xe4vl0f);
   --xr5vxkg: var(--xfkl7sq);
   --x904jhv: var(--xhyoz57);
-  --x1mwh0lk: var(--x1i7llby);
+  --x1mwh0lk: var(--xvylol5);
   --x1n40gr: var(--xuwuzrq);
   --x1wmomuh: var(--xnd9k6d);
   --x2ewjro: var(--xsij8j0);
@@ -2887,6 +2991,90 @@
   --bolerish-density: 1;
 }
 
+.x1q0bas5 {
+  --bolerish-gradient-accent: var(--x---bolerish-gradient-accent);
+}
+
+.x1hr2z7n {
+  --bolerish-gradient-glow: var(--x---bolerish-gradient-glow);
+}
+
+.xnholtd {
+  --bolerish-input-focus-color: var(--x1wmomuh);
+}
+
+.x10nrt0v {
+  --bolerish-input-focus-color: var(--x3ef5vz);
+}
+
+.x1819ggx {
+  --bolerish-material-color: var(--x1oing0p);
+}
+
+.x14zkn9l {
+  --bolerish-material-color: var(--x1v7ela7);
+}
+
+.x3m3fbl {
+  --bolerish-material-color: var(--x4kr36v);
+}
+
+.x1y5ilfp {
+  --bolerish-material-color: var(--x6f99ho);
+}
+
+.x1mpfm11 {
+  --bolerish-material-filter: var(--bolerish-control-filter, none);
+}
+
+.xunhrho {
+  --bolerish-material-filter: var(--bolerish-floating-filter, blur(16px));
+}
+
+.x1gkvbmm {
+  --bolerish-material-filter: var(--bolerish-floating-filter, none);
+}
+
+.xhu24am {
+  --bolerish-material-filter: var(--bolerish-panel-filter, blur(16px));
+}
+
+.x1n6mwez {
+  --bolerish-material-filter: var(--bolerish-panel-filter, none);
+}
+
+.xg4j6g8 {
+  --bolerish-material-opacity: var(--bolerish-control-opacity, 100%);
+}
+
+.x1nqk09 {
+  --bolerish-material-opacity: var(--bolerish-floating-opacity, 100%);
+}
+
+.x14p89z6 {
+  --bolerish-material-opacity: var(--bolerish-floating-opacity, 94%);
+}
+
+.x8fe23t {
+  --bolerish-material-opacity: var(--bolerish-panel-opacity, 100%);
+}
+
+.xoh9gux {
+  --bolerish-material-opacity: var(--bolerish-panel-opacity, 92%);
+}
+
+.xvd6nka {
+  --bolerish-material-shadow: 0 0 transparent;
+}
+
+.x1edk1m7 {
+  --bolerish-material-shadow: var(--x1tk9q2c);
+}
+
+.x8605wn {
+  --bolerish-material-shadow: var(--x4xk9rt);
+}
+
 .xfm59fq {
   --x1b09lcw: 0px;
 }
@@ -2918,3 +3106,7 @@
 .xapp0bv[data-expanded] {
   --x4bl00v: auto;
 }
+
+.x7dg23c:user-invalid {
+  --bolerish-input-focus-color: var(--x1wmomuh);
+}

package/dist/textarea.js

@@ -14,9 +14,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": "x8605wn",
+    "--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": "x1edk1m7",
+    "--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/textarea.tsx
 import { jsx } from "react/jsx-runtime";
-var styles = {
+var styles2 = {
   root: {
     kWkggS: "xcc0o6n",
     kVAM5u: "x1kqtvf4",
@@ -68,7 +147,7 @@ function Textarea({
   ...props2
 }) {
   const isInvalid = ariaInvalid === true || ariaInvalid === "true";
-  return /* @__PURE__ */ jsx("textarea", { ...props2, "aria-invalid": ariaInvalid, ...mergeStyles(stylex.props(styles.root, isInvalid && styles.invalid, xstyle), className, style) });
+  return /* @__PURE__ */ jsx("textarea", { ...props2, "aria-invalid": ariaInvalid, ...mergeStyles(stylex.props(styles2.root, !props2.disabled && surfaceStyles.control, isInvalid && styles2.invalid, xstyle), className, style) });
 }
 export {
   Textarea

package/dist/textarea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/textarea.tsx", "../src/styles/merge-styles.ts"],
-  "sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlFieldStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    kAzted: \"x1meygxz\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"xha17u1\",\n    kHenm0: \"x288g5\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kOMSMr: \"x1f9m9q7\",\n    kOJeXU: \"xafblzd\",\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    k9uboQ: \"x1yl1c4z\",\n    kqcrZL: \"x8jboxv\",\n    kHRqo9: \"x1sw6lzt\",\n    kbkt0F: \"x14wfgs2\",\n    kO0ooq: \"xdz4axu\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kOJeXU: \"x1vzo2n\",\n    kZs9gx: \"x1rovn1u\",\n    $$css: true\n  }\n};\nexport type TextareaProps = StyledProps<ComponentProps<\"textarea\">> & {\n  xstyle?: ControlFieldStyles;\n};\nexport function Textarea({\n  className,\n  style,\n  \"aria-invalid\": ariaInvalid,\n  xstyle,\n  ...props\n}: TextareaProps) {\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  return <textarea {...props} aria-invalid={ariaInvalid} {...mergeStyles(stylex.props(styles.root, isInvalid && styles.invalid, 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;;;AD0CS;AAvDT,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,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,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,QAAM,YAAY,gBAAgB,QAAQ,gBAAgB;AAC1D,SAAO,oBAAC,cAAU,GAAGA,QAAO,gBAAc,aAAc,GAAG,YAAmB,aAAM,OAAO,MAAM,aAAa,OAAO,SAAS,MAAM,GAAG,WAAW,KAAK,GAAG;AAC5J;",
-  "names": ["props"]
+  "sources": ["../src/textarea.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
+  "sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlFieldStyles } 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    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    kAzted: \"x1meygxz\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"xha17u1\",\n    kHenm0: \"x288g5\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kOMSMr: \"x1f9m9q7\",\n    kOJeXU: \"xafblzd\",\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    k9uboQ: \"x1yl1c4z\",\n    kqcrZL: \"x8jboxv\",\n    kHRqo9: \"x1sw6lzt\",\n    kbkt0F: \"x14wfgs2\",\n    kO0ooq: \"xdz4axu\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kOJeXU: \"x1vzo2n\",\n    kZs9gx: \"x1rovn1u\",\n    $$css: true\n  }\n};\nexport type TextareaProps = StyledProps<ComponentProps<\"textarea\">> & {\n  xstyle?: ControlFieldStyles;\n};\nexport function Textarea({\n  className,\n  style,\n  \"aria-invalid\": ariaInvalid,\n  xstyle,\n  ...props\n}: TextareaProps) {\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  return <textarea {...props} aria-invalid={ariaInvalid} {...mergeStyles(stylex.props(styles.root, !props.disabled && surfaceStyles.control, isInvalid && styles.invalid, 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\": \"x8605wn\",\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\": \"x1edk1m7\",\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/theme.js

@@ -1,10 +1,10 @@
 // ../tokens/src/themes.stylex.ts
 var lightColorTheme = {
-  x16kgm3k: "x1dfw8dc x16kgm3k",
+  x16kgm3k: "x1sb35tf x16kgm3k",
   $$css: true
 };
 var darkColorTheme = {
-  x16kgm3k: "x1ii8lh5 x16kgm3k",
+  x16kgm3k: "xd9p2sl x16kgm3k",
   $$css: true
 };
 var lightShadowTheme = {

package/dist/theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../tokens/src/themes.stylex.ts", "../src/theme.ts"],
-  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { colorPalette } from \"./color-palette.stylex\";\nimport { colorVars, shadowVars } from \"./semantic.stylex\";\nexport const lightColorTheme = {\n  x16kgm3k: \"x1dfw8dc x16kgm3k\",\n  $$css: true\n};\nexport const darkColorTheme = {\n  x16kgm3k: \"x1ii8lh5 x16kgm3k\",\n  $$css: true\n};\nexport const lightShadowTheme = {\n  x3m01uk: \"x1523l1u x3m01uk\",\n  $$css: true\n};\nexport const darkShadowTheme = {\n  x3m01uk: \"x7fu8ln x3m01uk\",\n  $$css: true\n};", "import { colorVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { darkColorTheme, darkShadowTheme, lightColorTheme, lightShadowTheme } from \"@bolerish/tokens/themes.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x1sigxaw\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    $$css: true\n  },\n  light: {\n    kQNsl9: \"x19aimcq\",\n    $$css: true\n  },\n  dark: {\n    kQNsl9: \"xntwwlm\",\n    $$css: true\n  }\n};\n\n/** Apply to html so portaled controls inherit the same theme. */\nexport const themeClassNames = {\n  light: stylex.props(lightColorTheme, lightShadowTheme, styles.root, styles.light).className ?? \"\",\n  dark: stylex.props(darkColorTheme, darkShadowTheme, styles.root, styles.dark).className ?? \"\"\n};"],
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { colorPalette } from \"./color-palette.stylex\";\nimport { colorVars, shadowVars } from \"./semantic.stylex\";\nexport const lightColorTheme = {\n  x16kgm3k: \"x1sb35tf x16kgm3k\",\n  $$css: true\n};\nexport const darkColorTheme = {\n  x16kgm3k: \"xd9p2sl x16kgm3k\",\n  $$css: true\n};\nexport const lightShadowTheme = {\n  x3m01uk: \"x1523l1u x3m01uk\",\n  $$css: true\n};\nexport const darkShadowTheme = {\n  x3m01uk: \"x7fu8ln x3m01uk\",\n  $$css: true\n};", "import { colorVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { darkColorTheme, darkShadowTheme, lightColorTheme, lightShadowTheme } from \"@bolerish/tokens/themes.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x1sigxaw\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    $$css: true\n  },\n  light: {\n    kQNsl9: \"x19aimcq\",\n    $$css: true\n  },\n  dark: {\n    kQNsl9: \"xntwwlm\",\n    $$css: true\n  }\n};\n\n/** Apply to html so portaled controls inherit the same theme. */\nexport const themeClassNames = {\n  light: stylex.props(lightColorTheme, lightShadowTheme, styles.root, styles.light).className ?? \"\",\n  dark: stylex.props(darkColorTheme, darkShadowTheme, styles.root, styles.dark).className ?? \"\"\n};"],
   "mappings": ";AAGO,IAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,OAAO;AACT;AACO,IAAM,iBAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AACT;AACO,IAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AACT;AACO,IAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,OAAO;AACT;;;AChBA,YAAY,YAAY;AACxB,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGO,IAAM,kBAAkB;AAAA,EAC7B,OAAc,aAAM,iBAAiB,kBAAkB,OAAO,MAAM,OAAO,KAAK,EAAE,aAAa;AAAA,EAC/F,MAAa,aAAM,gBAAgB,iBAAiB,OAAO,MAAM,OAAO,IAAI,EAAE,aAAa;AAC7F;",
   "names": []
 }

package/dist/toast.d.ts

@@ -8,7 +8,9 @@ export type ToasterProps = StyledProps<Omit<ComponentProps<typeof ToastPrimitive
     position?: ToastPosition;
     /** Content and accessible label for the action that dismisses all toasts. */
     clearAllProps?: Pick<ComponentProps<"button">, "children" | "aria-label">;
+    /** Accessible name for each dismiss button. @default "Close toast" */
+    closeLabel?: string;
     xstyle?: stylex.StyleXStyles;
 };
 export declare const toast: import("@base-ui/react").ToastManager<any>;
-export declare function Toaster({ className, style, xstyle, limit, position, clearAllProps, ...props }: ToasterProps): import("react").JSX.Element;
+export declare function Toaster({ className, style, xstyle, limit, position, clearAllProps, closeLabel, ...props }: ToasterProps): import("react").JSX.Element;