@bolerish/ui 0.11.1 → 0.13.0

package/dist/stylex.css

@@ -67,10 +67,6 @@
     border-color: var(--x1dz9nj7);
   }
 
-  .x4d7q6f {
-    border-color: var(--x1htlk9h);
-  }
-
   .x1kqtvf4 {
     border-color: var(--x1mwh0lk);
   }
@@ -255,10 +251,6 @@
     margin-block: var(--x1upjba4);
   }
 
-  .xz95peq {
-    margin-inline: -1px;
-  }
-
   .xvueqy4 {
     margin-inline: auto;
   }
@@ -267,6 +259,10 @@
     margin-inline: calc(var(--x1upjba4) * -1);
   }
 
+  .x18nzy7w {
+    margin-inline: calc(var(--xx1jdaa) * -1);
+  }
+
   .x1a2a7pz {
     outline: none;
   }
@@ -367,12 +363,16 @@
     border-color: var(--x1dz9nj7);
   }
 
-  .x15yyfjw:hover:not(:disabled):not(:user-invalid):not(:focus-visible) {
-    border-color: var(--x1htlk9h);
+  .x170rh3i:hover:not(:disabled):not(:user-invalid):not(:focus-visible) {
+    border-color: var(--x1mwh0lk);
   }
 
-  .xky2k6e:hover:not(:disabled):not([aria-invalid="true"]):not(:user-invalid):not(:focus-visible) {
-    border-color: var(--x1htlk9h);
+  .x1dg55ke:hover:not(:disabled) {
+    border-color: var(--x1mwh0lk);
+  }
+
+  .x1f9m9q7:hover:not(:disabled):not([aria-invalid="true"]):not(:user-invalid):not(:focus-visible) {
+    border-color: var(--x1mwh0lk);
   }
 
   .x1vzo2n:focus-visible, .xo2tn52:focus-within {
@@ -383,14 +383,6 @@
     border-color: var(--x3ef5vz);
   }
 
-  .x8bkgza:hover:not(:disabled) {
-    border-color: var(--x904jhv);
-  }
-
-  .x1r3uhyw[data-checked] {
-    border-color: var(--xr5vxkg);
-  }
-
   .xoh8ni0:focus-visible {
     outline: var(--xc1hqty) solid var(--x3ef5vz);
   }
@@ -411,8 +403,8 @@
     border-color: #0000;
   }
 
-  .xvk50z8:hover {
-    border-color: var(--x1htlk9h);
+  .x1vy8v46:hover {
+    border-color: var(--x1mwh0lk);
   }
 
   .x1lku1pv:hover {
@@ -427,6 +419,12 @@
     border-color: var(--x1wmomuh);
   }
 
+  @media (forced-colors: active) {
+    .x1w1tqly.x1w1tqly {
+      border-color: canvastext;
+    }
+  }
+
   .x8jboxv:disabled:hover {
     border-color: var(--x1mwh0lk);
   }
@@ -453,6 +451,10 @@
     align-self: center;
   }
 
+  .xqcrz7y {
+    align-self: flex-start;
+  }
+
   .xkh2ocl {
     align-self: stretch;
   }
@@ -493,6 +495,10 @@
     aspect-ratio: var(--x-aspectRatio);
   }
 
+  .x1jh03n0 {
+    backdrop-filter: blur(16px);
+  }
+
   .xtwfq29 {
     background-color: currentColor;
   }
@@ -529,10 +535,6 @@
     background-color: var(--x1fkyw9e);
   }
 
-  .x1ftbxcr {
-    background-color: var(--x1htlk9h);
-  }
-
   .xh31czb {
     background-color: var(--x1mwh0lk);
   }
@@ -577,10 +579,6 @@
     background-color: var(--xfa487o);
   }
 
-  .xkznpjm {
-    background-color: var(--xlqzhyb);
-  }
-
   .x1ufzuav {
     background-color: var(--xqjdewj);
   }
@@ -593,16 +591,24 @@
     background-color: var(--xzfcwl2);
   }
 
+  .x18o3ruo {
+    background-image: none;
+  }
+
+  .xiy17q3 {
+    background-repeat: no-repeat;
+  }
+
   .x1mwwwfo {
     border-collapse: collapse;
   }
 
-  .x5f7bzt {
-    box-shadow: inset 0 0 0 var(--xx1jdaa) var(--x1htlk9h),var(--x8hspg3);
+  .x791ijt {
+    box-shadow: inset 0 0 0 var(--xx1jdaa) var(--x1mwh0lk),var(--x8hspg3);
   }
 
-  .x1hk4us1 {
-    box-shadow: inset 0 0 0 var(--xx1jdaa) var(--x1htlk9h);
+  .xzq8p8k {
+    box-shadow: inset 0 0 0 var(--xx1jdaa) var(--x1mwh0lk);
   }
 
   .x1gnnqk1 {
@@ -653,10 +659,6 @@
     color: var(--x189wrhy);
   }
 
-  .x1bxo5gu {
-    color: var(--x19h2kqb);
-  }
-
   .xdmzwdx {
     color: var(--x19j9y2e);
   }
@@ -725,8 +727,8 @@
     fill: var(--x11f2mpi);
   }
 
-  .xk04ve9 {
-    fill: var(--xlqzhyb);
+  .xjyu4m7 {
+    fill: var(--x6f99ho);
   }
 
   .xqedpuc {
@@ -857,10 +859,6 @@
     line-height: var(--xvxs9cx);
   }
 
-  .x1hb08if {
-    margin-inline-start: -1px;
-  }
-
   .x1lziwak {
     margin-inline-start: 0;
   }
@@ -869,6 +867,10 @@
     margin-inline-start: auto;
   }
 
+  .x2yqusi {
+    margin-inline-start: calc(var(--xx1jdaa) * -1);
+  }
+
   .xl1xv1r {
     object-fit: cover;
   }
@@ -905,6 +907,10 @@
     overflow-clip-margin: calc(var(--xc1hqty) * 2);
   }
 
+  .xj0a0fe {
+    overflow-wrap: anywhere;
+  }
+
   .x11ye2zq {
     padding-inline-end: var(--x1cyi03);
   }
@@ -1258,6 +1264,22 @@
     z-index: var(--xymghu6);
   }
 
+  @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);
+    }
+
+    .x1r7obb8.x1r7obb8 {
+      background-color: color-mix(in srgb,var(--x6f99ho) 94%,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%);
+    }
+  }
+
   .x13zvigl:is([data-disabled] *) {
     background-color: var(--x19j9y2e);
   }
@@ -1282,6 +1304,10 @@
     opacity: 0;
   }
 
+  .x1d72f0e:is([data-hovering], [data-scrolling]) {
+    opacity: 1;
+  }
+
   .x1da9bj1[data-disabled] {
     opacity: var(--x1vbezhv);
   }
@@ -1334,6 +1360,10 @@
     outline-width: var(--xc1hqty);
   }
 
+  .xjtggp9:is([data-hovering], [data-scrolling]) {
+    pointer-events: auto;
+  }
+
   .x14cldyx[data-behind]:not([data-expanded]), .xlq082z[data-limited] {
     pointer-events: none;
   }
@@ -1546,6 +1576,46 @@
     background-color: var(--x1dz9nj7);
   }
 
+  @media (forced-colors: active) {
+    .x14hm74v.x14hm74v {
+      backdrop-filter: none;
+    }
+  }
+
+  @media (prefers-reduced-transparency: reduce) {
+    .x11rvarm.x11rvarm {
+      backdrop-filter: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .x9yvj25.x9yvj25 {
+      background-color: canvas;
+    }
+  }
+
+  @media (prefers-reduced-transparency: reduce) {
+    .x1rxs12l.x1rxs12l {
+      background-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 (width <= 40rem) {
     .xrezwjf.xrezwjf {
       justify-content: center;
@@ -1700,14 +1770,14 @@
     height: 100%;
   }
 
-  .x170jfvy {
-    height: 10px;
-  }
-
   .x1pizb70 {
     height: 3rem;
   }
 
+  .xdk7pt {
+    height: 8px;
+  }
+
   .xt7dq6l {
     height: auto;
   }
@@ -1744,10 +1814,6 @@
     height: var(--x12cso7g);
   }
 
-  .x15h3g2r {
-    height: var(--x12trbyd);
-  }
-
   .x1rrewj3 {
     height: var(--x1cwtg63);
   }
@@ -1828,14 +1894,18 @@
     margin-bottom: var(--x1qz0hrz);
   }
 
-  .x1y332i5 {
-    margin-top: -1px;
+  .x14w15zt {
+    margin-top: .05em;
   }
 
   .xdj266r {
     margin-top: 0;
   }
 
+  .xpt9k8t {
+    margin-top: calc(var(--xx1jdaa) * -1);
+  }
+
   .x1jty973 {
     margin-top: var(--x1qz0hrz);
   }
@@ -1992,6 +2062,10 @@
     overflow-x: auto;
   }
 
+  .x6ikm8r {
+    overflow-x: hidden;
+  }
+
   .x1odjw0f {
     overflow-y: auto;
   }
@@ -2048,8 +2122,8 @@
     top: auto;
   }
 
-  .x1uifr22 {
-    top: calc(50% - var(--xlramn3) / 2);
+  .x10fobg2 {
+    top: calc(50% - var(--xisj2jh) / 2);
   }
 
   .x10uur0e {
@@ -2076,10 +2150,6 @@
     width: 100%;
   }
 
-  .x1fsd2vl {
-    width: 10px;
-  }
-
   .x1brf3r0 {
     width: 11rem;
   }
@@ -2100,6 +2170,10 @@
     width: 75vw;
   }
 
+  .x1xc55vz {
+    width: 8px;
+  }
+
   .x14atkfc {
     width: auto;
   }
@@ -2124,10 +2198,6 @@
     width: var(--positioner-width);
   }
 
-  .x1wis873 {
-    width: var(--x12trbyd);
-  }
-
   .xwuz77y {
     width: var(--x1cwtg63);
   }
@@ -2362,6 +2432,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
@@ -2522,6 +2602,8 @@
   --xuvjxs: #ffffff1f;
   --xe4vl0f: #fff3;
   --xmdujus: #ffffff80;
+  --x7i9wdw: #eee;
+  --x25cacq: #f5f5f5;
 }
 
 :root, .xqzxft6 {
@@ -2630,11 +2712,11 @@
 }
 
 :root, .x16kgm3k {
-  --xzfcwl2: var(--xahu6a);
+  --xzfcwl2: var(--x7i9wdw);
   --x1v7ela7: var(--x1nijpcc);
   --x8n3f78: var(--xahu6a);
   --xlqzhyb: var(--xuwuzrq);
-  --x1oing0p: var(--x1j7b4xu);
+  --x1oing0p: var(--x25cacq);
   --x6f99ho: var(--x1nijpcc);
   --x1xtf7b4: var(--xahu6a);
   --x17de95a: var(--x1j7b4xu);
@@ -2661,7 +2743,7 @@
   --xqjdewj: var(--xb8bdsr);
   --x1qcixe7: var(--x7dopks);
   --x1yzpjsa: var(--xnd9k6d);
-  --x1mwh0lk: var(--x1j7b4xu);
+  --x1mwh0lk: var(--xvylol5);
   --x904jhv: var(--xhyoz57);
   --x1htlk9h: var(--x6zm9ng);
   --x1n40gr: var(--xuwuzrq);
@@ -2681,7 +2763,7 @@
   --x1pr580m: var(--x12vwzb9);
 }
 
-.xvzfg2s.xvzfg2s, .xvzfg2s.xvzfg2s:root {
+.xd9p2sl.xd9p2sl, .xd9p2sl.xd9p2sl:root {
   --x11x010x: var(--xnd9k6d);
   --x1dz9nj7: var(--x1mk4mbm);
   --x1ka47bg: var(--x1juuggh);
@@ -2723,7 +2805,7 @@
   --xdoq4ml: var(--x1pmnzvq);
   --xr5vxkg: var(--x1mk4mbm);
   --x904jhv: var(--x6zm9ng);
-  --x1mwh0lk: var(--xl5kg6c);
+  --x1mwh0lk: var(--xuvjxs);
   --x1n40gr: var(--xahu6a);
   --x1wmomuh: var(--x9kb4jc);
   --x2ewjro: var(--xvfn0wx);
@@ -2733,11 +2815,11 @@
   --x1htlk9h: var(--xhyoz57);
 }
 
-.x6wmwcr.x6wmwcr, .x6wmwcr.x6wmwcr:root {
+.x1sb35tf.x1sb35tf, .x1sb35tf.x1sb35tf:root {
   --x11x010x: var(--xnd9k6d);
   --x1dz9nj7: var(--xfkl7sq);
   --x1ka47bg: var(--x1lkhngl);
-  --xzfcwl2: var(--xahu6a);
+  --xzfcwl2: var(--x7i9wdw);
   --x1nn23gc: var(--x1i7llby);
   --x1vgshwf: var(--x1j7b4xu);
   --x13f1ux: var(--x1e1zyfk);
@@ -2750,7 +2832,7 @@
   --x1xtf7b4: var(--xahu6a);
   --x17de95a: var(--x1j7b4xu);
   --x1awv7ek: var(--x1j7b4xu);
-  --x1oing0p: var(--x1j7b4xu);
+  --x1oing0p: var(--x25cacq);
   --x1v7ela7: var(--x1nijpcc);
   --x8n3f78: var(--xahu6a);
   --xy25sql: var(--xuwuzrq);
@@ -2775,7 +2857,7 @@
   --xdoq4ml: var(--xe4vl0f);
   --xr5vxkg: var(--xfkl7sq);
   --x904jhv: var(--xhyoz57);
-  --x1mwh0lk: var(--x1j7b4xu);
+  --x1mwh0lk: var(--xvylol5);
   --x1n40gr: var(--xuwuzrq);
   --x1wmomuh: var(--xnd9k6d);
   --x2ewjro: var(--xsij8j0);
@@ -2785,20 +2867,6 @@
   --x1htlk9h: var(--x6zm9ng);
 }
 
-.xtowe0r.xtowe0r, .xtowe0r.xtowe0r:root {
-  --x1tk9q2c: 0 0 0 1px #ffffff14, 0 8px 24px #00000085;
-  --x4xk9rt: 0 0 0 1px #ffffff1a, 0 16px 40px #000000a3;
-  --x8hspg3: 0 0 0 1px #ffffff0f, 0 1px 4px #0000005c;
-}
-
-@supports (color: lab(0% 0 0)) {
-  .xtowe0r.xtowe0r, .xtowe0r.xtowe0r:root {
-    --x1tk9q2c: 0 0 0 1px lab(100% 0 0 / .08), 0 8px 24px lab(0% 0 0 / .52);
-    --x4xk9rt: 0 0 0 1px lab(100% 0 0 / .1), 0 16px 40px lab(0% 0 0 / .64);
-    --x8hspg3: 0 0 0 1px lab(100% 0 0 / .06), 0 1px 4px lab(0% 0 0 / .36);
-  }
-}
-
 .x1523l1u.x1523l1u, .x1523l1u.x1523l1u:root {
   --x1tk9q2c: 0 2px 10px #0000001a;
   --x4xk9rt: 0 4px 16px #0000001f;
@@ -2813,6 +2881,20 @@
   }
 }
 
+.x7fu8ln.x7fu8ln, .x7fu8ln.x7fu8ln:root {
+  --x1tk9q2c: 0 8px 24px #00000085;
+  --x4xk9rt: 0 16px 40px #000000a3;
+  --x8hspg3: 0 1px 4px #0000005c;
+}
+
+@supports (color: lab(0% 0 0)) {
+  .x7fu8ln.x7fu8ln, .x7fu8ln.x7fu8ln:root {
+    --x1tk9q2c: 0 8px 24px lab(0% 0 0 / .52);
+    --x4xk9rt: 0 16px 40px lab(0% 0 0 / .64);
+    --x8hspg3: 0 1px 4px lab(0% 0 0 / .36);
+  }
+}
+
 .x1nbt2zj {
   --bolerish-carousel-basis: var(--x---bolerish-carousel-basis);
 }
@@ -2829,6 +2911,14 @@
   --bolerish-density: 1;
 }
 
+.x1q0bas5 {
+  --bolerish-gradient-accent: var(--x---bolerish-gradient-accent);
+}
+
+.x1hr2z7n {
+  --bolerish-gradient-glow: var(--x---bolerish-gradient-glow);
+}
+
 .xfm59fq {
   --x1b09lcw: 0px;
 }

package/dist/tabs.js

@@ -142,7 +142,7 @@ var indicatorVariantStyles = {
   segmented: {
     kWkggS: "x14itwj6",
     kaIpWk: "x1p5vitp",
-    kGVxlE: "x5f7bzt",
+    kGVxlE: "x791ijt",
     kZKoxP: "x1gezbiy",
     k87sOh: "x10uur0e",
     $$css: true

package/dist/tabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/tabs.tsx", "../src/styles/merge-styles.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { colorVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, type ComponentProps, useContext } 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    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  list: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    ks0D6T: \"x193iq5w\",\n    kXHlph: \"xw2csxc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kMwMTN: \"xj9e3ow\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xrkjf8i\",\n    khDVqt: \"xuxw1ft\",\n    kY2c9j: \"x1vjfegm\",\n    kDPRdz: \"x1woi373\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"xc1o3mm\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  },\n  triggerActive: {\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    kGzVvX: \"x1n5bzlp\",\n    kDPRdz: \"x1qdiwxp\",\n    $$css: true\n  },\n  indicator: {\n    kbCHJM: \"xu96u03\",\n    kVAEAm: \"x10l6tqk\",\n    k3aq6I: \"x1etwjf9\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"xh3q6i0\",\n    kAMwcw: \"x1oxff63\",\n    kzqmXN: \"xoffw1\",\n    kY2c9j: \"x1ja2u2z\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  panel: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    keoZOQ: \"x1jty973\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kzqmXN: \"xh8yej3\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  }\n};\nconst listVariantStyles = {\n  segmented: {\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kAzted: \"x116rqyj\",\n    kmVPX3: \"xzsj1fb\",\n    $$css: true\n  },\n  underline: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x116rqyj\",\n    $$css: true\n  }\n};\nconst triggerVariantStyles = {\n  segmented: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1dvwle6\",\n    kg3NbH: \"x5044ve\",\n    $$css: true\n  },\n  underline: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1f00wt4\",\n    kg3NbH: \"x1gr5eyh\",\n    kGzVvX: \"xk9i4fa\",\n    kDPRdz: \"x1woi373\",\n    $$css: true\n  }\n};\nconst indicatorVariantStyles = {\n  segmented: {\n    kWkggS: \"x14itwj6\",\n    kaIpWk: \"x1p5vitp\",\n    kGVxlE: \"x5f7bzt\",\n    kZKoxP: \"x1gezbiy\",\n    k87sOh: \"x10uur0e\",\n    $$css: true\n  },\n  underline: {\n    kWkggS: \"xd99k90\",\n    krVfgx: \"x1ey2m1c\",\n    kZKoxP: \"xi39b3k\",\n    $$css: true\n  }\n};\nexport type TabsVariant = \"segmented\" | \"underline\";\nexport type TabsProps = StyledProps<ComponentProps<typeof TabsPrimitive.Root>> & {\n  variant?: TabsVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nconst TabsVariantContext = createContext<TabsVariant>(\"segmented\");\nexport function Tabs(t0) {\n  const $ = _c(16);\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      xstyle,\n      variant: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const variant = t1 === undefined ? \"segmented\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== props || $[11] !== t2) {\n    t3 = <TabsPrimitive.Root {...props} {...t2} />;\n    $[10] = props;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== t3 || $[14] !== variant) {\n    t4 = <TabsVariantContext.Provider value={variant}>{t3}</TabsVariantContext.Provider>;\n    $[13] = t3;\n    $[14] = variant;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  return t4;\n}\nexport function TabsList(t0) {\n  const $ = _c(20);\n  let children;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      children,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.list, listVariantStyles[variant], xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = variant;\n    $[9] = xstyle;\n    $[10] = t1;\n  } else {\n    t1 = $[10];\n  }\n  let t2;\n  if ($[11] !== variant) {\n    t2 = stylex.props(styles.indicator, indicatorVariantStyles[variant]);\n    $[11] = variant;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] !== t2) {\n    t3 = <TabsPrimitive.Indicator {...t2} />;\n    $[13] = t2;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  let t4;\n  if ($[15] !== children || $[16] !== props || $[17] !== t1 || $[18] !== t3) {\n    t4 = <TabsPrimitive.List {...props} {...t1}>{children}{t3}</TabsPrimitive.List>;\n    $[15] = children;\n    $[16] = props;\n    $[17] = t1;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}\nexport function TabsTrigger(t0) {\n  const $ = _c(17);\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  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== variant || $[8] !== xstyle) {\n    t1 = function getTabStyles(state) {\n      return mergeStyles(stylex.props(styles.trigger, triggerVariantStyles[variant], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled, xstyle), className, style);\n    };\n    $[5] = className;\n    $[6] = style;\n    $[7] = variant;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const getTabStyles = t1;\n  let t2;\n  let t3;\n  if ($[10] !== getTabStyles) {\n    t2 = state_0 => getTabStyles(state_0).className;\n    t3 = state_1 => getTabStyles(state_1).style;\n    $[10] = getTabStyles;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t2 = $[11];\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== props || $[14] !== t2 || $[15] !== t3) {\n    t4 = <TabsPrimitive.Tab {...props} className={t2} style={t3} />;\n    $[13] = props;\n    $[14] = t2;\n    $[15] = t3;\n    $[16] = t4;\n  } else {\n    t4 = $[16];\n  }\n  return t4;\n}\nexport function TabsContent(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.panel, 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 = <TabsPrimitive.Panel {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { colorVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, type ComponentProps, useContext } 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    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  list: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    ks0D6T: \"x193iq5w\",\n    kXHlph: \"xw2csxc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kMwMTN: \"xj9e3ow\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xrkjf8i\",\n    khDVqt: \"xuxw1ft\",\n    kY2c9j: \"x1vjfegm\",\n    kDPRdz: \"x1woi373\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"xc1o3mm\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  },\n  triggerActive: {\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    kGzVvX: \"x1n5bzlp\",\n    kDPRdz: \"x1qdiwxp\",\n    $$css: true\n  },\n  indicator: {\n    kbCHJM: \"xu96u03\",\n    kVAEAm: \"x10l6tqk\",\n    k3aq6I: \"x1etwjf9\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"xh3q6i0\",\n    kAMwcw: \"x1oxff63\",\n    kzqmXN: \"xoffw1\",\n    kY2c9j: \"x1ja2u2z\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  panel: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    keoZOQ: \"x1jty973\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kzqmXN: \"xh8yej3\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  }\n};\nconst listVariantStyles = {\n  segmented: {\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kAzted: \"x116rqyj\",\n    kmVPX3: \"xzsj1fb\",\n    $$css: true\n  },\n  underline: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x116rqyj\",\n    $$css: true\n  }\n};\nconst triggerVariantStyles = {\n  segmented: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1dvwle6\",\n    kg3NbH: \"x5044ve\",\n    $$css: true\n  },\n  underline: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1f00wt4\",\n    kg3NbH: \"x1gr5eyh\",\n    kGzVvX: \"xk9i4fa\",\n    kDPRdz: \"x1woi373\",\n    $$css: true\n  }\n};\nconst indicatorVariantStyles = {\n  segmented: {\n    kWkggS: \"x14itwj6\",\n    kaIpWk: \"x1p5vitp\",\n    kGVxlE: \"x791ijt\",\n    kZKoxP: \"x1gezbiy\",\n    k87sOh: \"x10uur0e\",\n    $$css: true\n  },\n  underline: {\n    kWkggS: \"xd99k90\",\n    krVfgx: \"x1ey2m1c\",\n    kZKoxP: \"xi39b3k\",\n    $$css: true\n  }\n};\nexport type TabsVariant = \"segmented\" | \"underline\";\nexport type TabsProps = StyledProps<ComponentProps<typeof TabsPrimitive.Root>> & {\n  variant?: TabsVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nconst TabsVariantContext = createContext<TabsVariant>(\"segmented\");\nexport function Tabs(t0) {\n  const $ = _c(16);\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      xstyle,\n      variant: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const variant = t1 === undefined ? \"segmented\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== props || $[11] !== t2) {\n    t3 = <TabsPrimitive.Root {...props} {...t2} />;\n    $[10] = props;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== t3 || $[14] !== variant) {\n    t4 = <TabsVariantContext.Provider value={variant}>{t3}</TabsVariantContext.Provider>;\n    $[13] = t3;\n    $[14] = variant;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  return t4;\n}\nexport function TabsList(t0) {\n  const $ = _c(20);\n  let children;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      children,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.list, listVariantStyles[variant], xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = variant;\n    $[9] = xstyle;\n    $[10] = t1;\n  } else {\n    t1 = $[10];\n  }\n  let t2;\n  if ($[11] !== variant) {\n    t2 = stylex.props(styles.indicator, indicatorVariantStyles[variant]);\n    $[11] = variant;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] !== t2) {\n    t3 = <TabsPrimitive.Indicator {...t2} />;\n    $[13] = t2;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  let t4;\n  if ($[15] !== children || $[16] !== props || $[17] !== t1 || $[18] !== t3) {\n    t4 = <TabsPrimitive.List {...props} {...t1}>{children}{t3}</TabsPrimitive.List>;\n    $[15] = children;\n    $[16] = props;\n    $[17] = t1;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}\nexport function TabsTrigger(t0) {\n  const $ = _c(17);\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  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== variant || $[8] !== xstyle) {\n    t1 = function getTabStyles(state) {\n      return mergeStyles(stylex.props(styles.trigger, triggerVariantStyles[variant], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled, xstyle), className, style);\n    };\n    $[5] = className;\n    $[6] = style;\n    $[7] = variant;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const getTabStyles = t1;\n  let t2;\n  let t3;\n  if ($[10] !== getTabStyles) {\n    t2 = state_0 => getTabStyles(state_0).className;\n    t3 = state_1 => getTabStyles(state_1).style;\n    $[10] = getTabStyles;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t2 = $[11];\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== props || $[14] !== t2 || $[15] !== t3) {\n    t4 = <TabsPrimitive.Tab {...props} className={t2} style={t3} />;\n    $[13] = props;\n    $[14] = t2;\n    $[15] = t3;\n    $[16] = t4;\n  } else {\n    t4 = $[16];\n  }\n  return t4;\n}\nexport function TabsContent(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.panel, 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 = <TabsPrimitive.Panel {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
   "mappings": "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",
   "names": ["props", "getTabStyles"]
 }

package/dist/textarea.js

@@ -19,7 +19,7 @@ import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
     kWkggS: "xcc0o6n",
-    kVAM5u: "xmt3ebw",
+    kVAM5u: "x1kqtvf4",
     kaIpWk: "x1p5vitp",
     ksu8eU: "x1y0btm7",
     kMzoRj: "x1al7nqq",
@@ -36,7 +36,7 @@ var styles = {
     kAMwcw: "xrkjf8i",
     kzqmXN: "xh8yej3",
     k8Qsv1: "x15njwyp",
-    kOMSMr: "xky2k6e",
+    kOMSMr: "x1f9m9q7",
     kOJeXU: "xafblzd",
     kZs9gx: "x768paa",
     kiEn40: "x1p3hdyt",

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: \"xmt3ebw\",\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: \"xky2k6e\",\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}"],
+  "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"]
 }