@m3-baseui/react-vanilla-extract 1.3.0 → 2.0.0

package/dist/{segmented-button.css → components/segmented-button/index.css}

@@ -1,12 +1,12 @@
-/* vanilla-extract-css-ns:src/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWwW7bMAy95yuEnhqg6uy2wwrluM8YepAl2taqSIZIJ02H_vsg2Ynt1F2dAjsZkPgo8vGR9K2DH_haZOzPijFtsLHyIJhx1jjgpYWXzYoxaU3luCHYomBIAUjV8bwGU9Uk2EPWJLvCBw2BB6lNi4LtZLjmfKs5HpBjLRvgZWvtejAVLG9eGHprNAtVcT1BKG994L6lGMt6vVm9rW67aPMUbePRkPFOsABWktnB5h85xK9g-bt0FDiCEI9_t0imPHDlHYGj8VUlG8EeuyQbqbVxFe_8C5bfdedb4_jeaKoFe-hN_Q5Caf1esNpoDS4lLtVzFXzrtGAUpMNGBnA05sR5ByM6LZR0GVGMqTagD4I13hxzaBECR7CgaHiiBw0HyZf48A3HsQ2lVP0zpXfES7k19nBWbjo0gEpa4FYWYLmVoQIe7QfgvpfPAmBnOkDRvMIiYDRMsCSGevmLI_sOD0SRwEYq46pFLihI9WxclfCp1r1eBw10vLL8e7bFqcutj7YcJEaxIUmnZdDrG3YpYtw3ojQBiavaWJ16aCKxM92Rb9LFBf3MC0_kt0tho8CsnIsrhhBiCb4Qw1LcKAhRQOkDpAhOU-DqajMZNrJAb1tKTBmHQIJl542t2hCb-mcsVWqzqBo69JZ9U3LYgSMceB9LpEewPPtSnes4eib5nEKYMkGSgCfrM6F41SLfGTSFhcWOEmrqSKo4mRd7aAIgwjSbX1qSPN48dfoYkf3BrEJQPjLTDXRpHIR-Nn464uaRH7HT5XQcpPefzemT9y6aHsh9WSYtpW0yekoblIUFfcOmdBzPn_pdOC-pxeOcfWPZ7f3j-mzv8Msc5Hfr2eCP5f8wiXl9ZCNnd8v_UBat9IjkWAfjnvu2PC6HvN_e_TLP3jfw3F5f0tTJ40XD_jQGvjTuzxpnwmSf3THZU4L5yMH9f-b8s0jP3u8oHUWHu2oul2khT_YPnbhmakfwQny4AGtNgwaTCGpDkLZ--knaB9lsVm9_AXTLxZE2CwAA */
-.ne7szb0 {
+/* vanilla-extract-css-ns:src/components/segmented-button/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWwW7bMAy95yuEnhqg6uy0AwrluM8YepAl2larSJ5IJ82G_vsg2Uns1FmdAjsZkPgo8vGR9H2F5cuvVcb-LBjTBhsr94IZZ40DXlp4Wy8Yk9ZUjhuCDQqGFIBUHc9rMFVNgj1mTbIrfNAQeJDatCjYVoZbzjea4x451rIBXrbWLk-mguXNG0NvjWahKm5HCOWtD9y3FGNZLteL98V9F22eom08GjLeCRbASjJbWP8jh_gVLP-QjgJHEOLxS4tkyj1X3hE4Gl5VshHsqUuykVobV_HOv2D5qjvfGMd3RlMt2GNv6rcQSut3gtVGa3Apcaleq-BbpwWjIB02MoCjISfOOxjQaaGk64hiTLUBfRCs8eaQQ4sQOIIFRacnetDpIPkSF99wHNtQStU_U3pHvJQbY_dn5aZ9A6ikBW5lAZZbGSrg0f4E3PXymQHsTE9QNL9hFjAaJlgSQz3_xYF9hweiSGAjlXHVLBcUpHo1rkr4VOterycNdLyy_Hu2wbHLjY-2HCRGsSFJp2XQyzt2LWLYN6I0AYmr2lidemgksTPdkW_SxRX9zAtP5DdzYYPArJyKK4YQYgm-EMNc3CAIUUDpA6QIjlPg5mY9GjayQG9bSkwZh0CCZeeNrdoQm_pHLFVqs6ga2veWfVNy2IIjPPE-lEiPYHn2pTrXcfSM8jmGMGaCJAFP1mdC8apFvjVoCguzHSXU2JFUcTLP9tAEQIRxNj-1JHm4ee70MSD7wqxCUD4y0w10aRyEfjZ-OuKmkZfY6XI6DNKHz-b00XsXTQ_kviyTltI2GTylDcrCgr5jYzoO58_9LpyW1Oxxzr6x7P7haXm2d_h1DvLVcjL4Q_kvJjGtj2zgbDX_D2XWSo9IjnUw7rVvy8NyyPvt3S_z7GMDT-31OU2dPF417I9j4Evj_qxxRkz22R2SPSaYDxw8_GfOP4v07P2O0kF0uK2mchkX8mj_2IlronYEb8RPF2CtadBgEkFtCNLWTz9JuyCb9eL9L4gh1Sk2CwAA */
+.gsfjq20 {
   display: inline-flex;
   align-items: stretch;
   height: 40px;
   border-radius: var(--md-sys-shape-full);
   border: 1px solid rgb(var(--md-sys-color-outline));
 }
-.ne7szb1 {
+.gsfjq21 {
   position: relative;
   display: inline-flex;
   flex: 1;
@@ -30,16 +30,16 @@
   letter-spacing: var(--md-sys-typescale-label-large-tracking);
   transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);
 }
-.ne7szb1:first-child {
+.gsfjq21:first-child {
   border-left: none;
   border-top-left-radius: var(--md-sys-shape-full);
   border-bottom-left-radius: var(--md-sys-shape-full);
 }
-.ne7szb1:last-child {
+.gsfjq21:last-child {
   border-top-right-radius: var(--md-sys-shape-full);
   border-bottom-right-radius: var(--md-sys-shape-full);
 }
-.ne7szb1::before {
+.gsfjq21::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -48,34 +48,34 @@
   pointer-events: none;
   transition: opacity 100ms var(--md-sys-motion-easing-standard);
 }
-.ne7szb1:hover::before {
+.gsfjq21:hover::before {
   opacity: var(--md-sys-state-hover);
 }
-.ne7szb1:focus-visible::before {
+.gsfjq21:focus-visible::before {
   opacity: var(--md-sys-state-focus);
 }
-.ne7szb1:active::before {
+.gsfjq21:active::before {
   opacity: var(--md-sys-state-pressed);
 }
-.ne7szb1[data-pressed] {
+.gsfjq21[data-pressed] {
   background: rgb(var(--md-sys-color-secondary-container));
   color: rgb(var(--md-sys-color-on-secondary-container));
 }
-.ne7szb1:focus-visible {
+.gsfjq21:focus-visible {
   outline: 3px solid rgb(var(--md-sys-color-secondary));
   outline-offset: 2px;
 }
-.ne7szb1:disabled,
-.ne7szb1[data-disabled] {
+.gsfjq21:disabled,
+.gsfjq21[data-disabled] {
   pointer-events: none;
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
   border-left-color: rgb(var(--md-sys-color-on-surface) / 0.12);
 }
-.ne7szb1:disabled::before,
-.ne7szb1[data-disabled]::before {
+.gsfjq21:disabled::before,
+.gsfjq21[data-disabled]::before {
   opacity: 0;
 }
-.ne7szb2 {
+.gsfjq22 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -87,26 +87,26 @@
   pointer-events: none;
   transition: width 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);
 }
-.ne7szb1[data-pressed] .ne7szb2 {
+.gsfjq21[data-pressed] .gsfjq22 {
   width: 18px;
   opacity: 1;
 }
-.ne7szb3 {
+.gsfjq23 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
-.ne7szb1[data-pressed] .ne7szb3 {
+.gsfjq21[data-pressed] .gsfjq23 {
   display: none;
 }
-.ne7szb3 svg {
+.gsfjq23 svg {
   width: 18px;
   height: 18px;
 }
-.ne7szb4 {
+.gsfjq24 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/*# sourceMappingURL=segmented-button.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/segmented-button/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/segmented-button/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWwW7bMAy95yuEnhqg6uy0AwrluM8YepAl2larSJ5IJ82G_vsg2Uns1FmdAjsZkPgo8vGR9H2F5cuvVcb-LBjTBhsr94IZZ40DXlp4Wy8Yk9ZUjhuCDQqGFIBUHc9rMFVNgj1mTbIrfNAQeJDatCjYVoZbzjea4x451rIBXrbWLk-mguXNG0NvjWahKm5HCOWtD9y3FGNZLteL98V9F22eom08GjLeCRbASjJbWP8jh_gVLP-QjgJHEOLxS4tkyj1X3hE4Gl5VshHsqUuykVobV_HOv2D5qjvfGMd3RlMt2GNv6rcQSut3gtVGa3Apcaleq-BbpwWjIB02MoCjISfOOxjQaaGk64hiTLUBfRCs8eaQQ4sQOIIFRacnetDpIPkSF99wHNtQStU_U3pHvJQbY_dn5aZ9A6ikBW5lAZZbGSrg0f4E3PXymQHsTE9QNL9hFjAaJlgSQz3_xYF9hweiSGAjlXHVLBcUpHo1rkr4VOterycNdLyy_Hu2wbHLjY-2HCRGsSFJp2XQyzt2LWLYN6I0AYmr2lidemgksTPdkW_SxRX9zAtP5DdzYYPArJyKK4YQYgm-EMNc3CAIUUDpA6QIjlPg5mY9GjayQG9bSkwZh0CCZeeNrdoQm_pHLFVqs6ga2veWfVNy2IIjPPE-lEiPYHn2pTrXcfSM8jmGMGaCJAFP1mdC8apFvjVoCguzHSXU2JFUcTLP9tAEQIRxNj-1JHm4ee70MSD7wqxCUD4y0w10aRyEfjZ-OuKmkZfY6XI6DNKHz-b00XsXTQ_kviyTltI2GTylDcrCgr5jYzoO58_9LpyW1Oxxzr6x7P7haXm2d_h1DvLVcjL4Q_kvJjGtj2zgbDX_D2XWSo9IjnUw7rVvy8NyyPvt3S_z7GMDT-31OU2dPF417I9j4Evj_qxxRkz22R2SPSaYDxw8_GfOP4v07P2O0kF0uK2mchkX8mj_2IlronYEb8RPF2CtadBgEkFtCNLWTz9JuyCb9eL9L4gh1Sk2CwAA"],"sourcesContent":[".gsfjq20 {\n  display: inline-flex;\n  align-items: stretch;\n  height: 40px;\n  border-radius: var(--md-sys-shape-full);\n  border: 1px solid rgb(var(--md-sys-color-outline));\n}\n.gsfjq21 {\n  position: relative;\n  display: inline-flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding-inline: 12px;\n  min-width: 48px;\n  overflow: hidden;\n  background: transparent;\n  border: none;\n  border-left: 1px solid rgb(var(--md-sys-color-outline));\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n.gsfjq21:first-child {\n  border-left: none;\n  border-top-left-radius: var(--md-sys-shape-full);\n  border-bottom-left-radius: var(--md-sys-shape-full);\n}\n.gsfjq21:last-child {\n  border-top-right-radius: var(--md-sys-shape-full);\n  border-bottom-right-radius: var(--md-sys-shape-full);\n}\n.gsfjq21::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.gsfjq21:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n.gsfjq21:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n.gsfjq21:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n.gsfjq21[data-pressed] {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n.gsfjq21:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n.gsfjq21:disabled, .gsfjq21[data-disabled] {\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  border-left-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n.gsfjq21:disabled::before, .gsfjq21[data-disabled]::before {\n  opacity: 0;\n}\n.gsfjq22 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 18px;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  transition: width 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n.gsfjq21[data-pressed] .gsfjq22 {\n  width: 18px;\n  opacity: 1;\n}\n.gsfjq23 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.gsfjq21[data-pressed] .gsfjq23 {\n  display: none;\n}\n.gsfjq23 svg {\n  width: 18px;\n  height: 18px;\n}\n.gsfjq24 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC5B;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,QAAM;AACN,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,aAAW;AACX,YAAU;AACV,cAAY;AACZ,UAAQ;AACR,eAAa,IAAI,MAAM,IAAI,IAAI;AAC/B,UAAQ;AACR,eAAa;AACb,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,iBAAiB,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AAC3F;AACA,CAxBC,OAwBO;AACN,eAAa;AACb,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AACjC;AACA,CA7BC,OA6BO;AACN,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAjCC,OAiCO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA1CC,OA0CO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CA7CC,OA6CO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CAhDC,OAgDO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CAnDC,OAmDO,CAAC;AACP,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAvDC,OAuDO;AACN,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CA3DC,OA2DO;AAAW,CA3DlB,OA2D0B,CAAC;AAC1B,kBAAgB;AAChB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,qBAAmB,IAAI,IAAI,2BAA2B,EAAE;AAC1D;AACA,CAhEC,OAgEO,SAAS;AAAU,CAhE1B,OAgEkC,CAAC,cAAc;AAChD,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,SAAO;AACP,WAAS;AACT,YAAU;AACV,kBAAgB;AAChB,cAAY,MAAM,MAAM,IAAI,gCAAgC,EAAE,QAAQ,MAAM,IAAI;AAClF;AACA,CA/EC,OA+EO,CAAC,cAAc,CAZtB;AAaC,SAAO;AACP,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACf;AACA,CAzFC,OAyFO,CAAC,cAAc,CANtB;AAOC,WAAS;AACX;AACA,CATC,QASQ;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,iBAAe;AACf,eAAa;AACf;","names":[]}

package/dist/components/segmented-button/index.js

@@ -0,0 +1,25 @@
+"use client";
+import './index.css';
+import { createSegmentedButton } from '@m3-baseui/core';
+
+// src/components/segmented-button/segmented-button.ts
+
+// src/components/segmented-button/segmented-button.css.ts
+var check = "gsfjq22";
+var icon = "gsfjq23";
+var item = "gsfjq21";
+var label = "gsfjq24";
+var root = "gsfjq20";
+
+// src/components/segmented-button/segmented-button.ts
+var SegmentedButton = createSegmentedButton({
+  root,
+  item,
+  check,
+  icon,
+  label
+});
+
+export { SegmentedButton };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/segmented-button/segmented-button.css.ts","../../../src/components/segmented-button/segmented-button.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;;;ACCX,IAAM,kBAAkB,qBAAA,CAAsB;AAAA,EACnD,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/segmented-button/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWwW7bMAy95yuEnhqg6uy0AwrluM8YepAl2larSJ5IJ82G_vsg2Uns1FmdAjsZkPgo8vGR9H2F5cuvVcb-LBjTBhsr94IZZ40DXlp4Wy8Yk9ZUjhuCDQqGFIBUHc9rMFVNgj1mTbIrfNAQeJDatCjYVoZbzjea4x451rIBXrbWLk-mguXNG0NvjWahKm5HCOWtD9y3FGNZLteL98V9F22eom08GjLeCRbASjJbWP8jh_gVLP-QjgJHEOLxS4tkyj1X3hE4Gl5VshHsqUuykVobV_HOv2D5qjvfGMd3RlMt2GNv6rcQSut3gtVGa3Apcaleq-BbpwWjIB02MoCjISfOOxjQaaGk64hiTLUBfRCs8eaQQ4sQOIIFRacnetDpIPkSF99wHNtQStU_U3pHvJQbY_dn5aZ9A6ikBW5lAZZbGSrg0f4E3PXymQHsTE9QNL9hFjAaJlgSQz3_xYF9hweiSGAjlXHVLBcUpHo1rkr4VOterycNdLyy_Hu2wbHLjY-2HCRGsSFJp2XQyzt2LWLYN6I0AYmr2lidemgksTPdkW_SxRX9zAtP5DdzYYPArJyKK4YQYgm-EMNc3CAIUUDpA6QIjlPg5mY9GjayQG9bSkwZh0CCZeeNrdoQm_pHLFVqs6ga2veWfVNy2IIjPPE-lEiPYHn2pTrXcfSM8jmGMGaCJAFP1mdC8apFvjVoCguzHSXU2JFUcTLP9tAEQIRxNj-1JHm4ee70MSD7wqxCUD4y0w10aRyEfjZ-OuKmkZfY6XI6DNKHz-b00XsXTQ_kviyTltI2GTylDcrCgr5jYzoO58_9LpyW1Oxxzr6x7P7haXm2d_h1DvLVcjL4Q_kvJjGtj2zgbDX_D2XWSo9IjnUw7rVvy8NyyPvt3S_z7GMDT-31OU2dPF417I9j4Evj_qxxRkz22R2SPSaYDxw8_GfOP4v07P2O0kF0uK2mchkX8mj_2IlronYEb8RPF2CtadBgEkFtCNLWTz9JuyCb9eL9L4gh1Sk2CwAA';\nexport var check = 'gsfjq22';\nexport var icon = 'gsfjq23';\nexport var item = 'gsfjq21';\nexport var label = 'gsfjq24';\nexport var root = 'gsfjq20';","/**\n * segmented-button.ts — wires the VE styles into the shared SegmentedButton factory.\n */\nimport { createSegmentedButton } from '@m3-baseui/core';\nimport { root, item, check, icon, label } from './segmented-button.css';\n\nexport const SegmentedButton = createSegmentedButton({\n  root,\n  item,\n  check,\n  icon,\n  label,\n});\n"]}