@bolerish/ui 0.13.0 → 0.15.0

package/dist/stylex.css

@@ -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);
   }
@@ -615,6 +623,10 @@
     box-shadow: none;
   }
 
+  .x16ifxj2 {
+    box-shadow: var(--bolerish-material-shadow);
+  }
+
   .xms81ks {
     box-shadow: var(--x1tk9q2c);
   }
@@ -1265,12 +1277,12 @@
   }
 
   @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);
     }
   }
 
@@ -1280,6 +1292,16 @@
     }
   }
 
+  @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);
+    }
+  }
+
   .x13zvigl:is([data-disabled] *) {
     background-color: var(--x19j9y2e);
   }
@@ -1296,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;
   }
@@ -1316,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);
   }
 
@@ -1340,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);
   }
 
@@ -1348,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;
   }
 
@@ -1360,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;
   }
@@ -1480,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;
   }
@@ -1595,12 +1633,8 @@
   }
 
   @media (prefers-reduced-transparency: reduce) {
-    .x1rxs12l.x1rxs12l {
-      background-color: var(--x1v7ela7);
-    }
-
-    .x1psyy34.x1psyy34 {
-      background-color: var(--x6f99ho);
+    .x1cg02ou.x1cg02ou {
+      background-color: var(--bolerish-material-color, var(--x1v7ela7));
     }
   }
 
@@ -1616,12 +1650,36 @@
     }
   }
 
+  @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);
+    }
+  }
+
   @media (width <= 40rem) {
     .xrezwjf.xrezwjf {
       justify-content: center;
     }
   }
 
+  @media (forced-colors: active) {
+    .xs9jlpd.xs9jlpd {
+      outline-offset: -2px;
+    }
+  }
+
   .x1eqo6io:disabled:hover {
     background-color: #0000;
   }
@@ -1634,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;
     }
@@ -1926,6 +1992,10 @@
     max-height: min(20rem,var(--available-height));
   }
 
+  .x1374xjt {
+    max-height: var(--available-height);
+  }
+
   .x193iq5w {
     max-width: 100%;
   }
@@ -2122,8 +2192,8 @@
     top: auto;
   }
 
-  .x10fobg2 {
-    top: calc(50% - var(--xisj2jh) / 2);
+  .x11u2n0f {
+    top: calc(50% - var(--xbrfw55) / 2);
   }
 
   .x10uur0e {
@@ -2254,6 +2324,10 @@
     width: var(--xz6d21);
   }
 
+  .x5swq7u:focus-visible {
+    border-bottom-color: var(--bolerish-input-focus-color);
+  }
+
   .xnbj6on[data-expanded] {
     height: var(--toast-height);
   }
@@ -2281,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 {
@@ -2919,6 +2999,82 @@
   --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;
 }
@@ -2950,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/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;