@solibo/solibo-ui 0.5.16 → 1.0.0

package/dist/components/branding/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n  return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n  logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  white: styles.white,\n};\n\nexport type BrandingProps = {\n  name: keyof typeof brandingSVG;\n  size?: number | string;\n  variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n  const brandingStyle = {\n    height: size,\n    maskImage: embedSVG(brandingSVG[name].toString()),\n    width: size,\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(styles.branding, variants[variant])}\n      style={brandingStyle}\n    />\n  );\n};\n"],"names":["embedSVG","svg","encodeURI","brandingSVG","logo","variants","default","styles","white","Branding","name","size","variant","brandingStyle","height","maskImage","toString","width","jsx","cx","branding"],"mappings":"6JAAO,SAASA,EAASC,EAAa,CACpC,MAAO,4BAA4BC,UAAUD,CAAG,CAAC,IACnD,CAEO,MAAME,EAAc,CACzBC,KAAM,swFACR,8FCDMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAAWA,CAAC,CAAEC,KAAAA,EAAO,OAAQC,KAAAA,EAAO,IAAKC,QAAAA,EAAU,SAAyB,IAAM,CAC7F,MAAMC,EAAgB,CACpBC,OAAQH,EACRI,UAAWf,EAASG,EAAYO,CAAI,EAAEM,UAAU,EAChDC,MAAON,CAAAA,EAGT,OACEO,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGZ,EAAOa,SAAUf,EAASO,CAAO,CAAC,EAChD,MAAOC,EAAc,iBAAA,UAAA,CAAA,CAG3B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/branding/svg.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n  return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n  logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport styles from './styles.module.css';\nimport { brandingSVG, embedSVG } from './svg';\n\nconst variants = {\n  default: styles.default,\n  white: styles.white,\n};\n\nexport type BrandingProps = {\n  name: keyof typeof brandingSVG;\n  size?: number | string;\n  variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n  const brandingStyle = {\n    height: size,\n    maskImage: embedSVG(brandingSVG[name].toString()),\n    width: size,\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(styles.branding, variants[variant])}\n      style={brandingStyle}\n    />\n  );\n};\n"],"names":["embedSVG","svg","encodeURI","brandingSVG","logo","variants","default","styles","white","Branding","name","size","variant","brandingStyle","height","maskImage","toString","width","jsx","cx","branding"],"mappings":"yPAAO,SAASA,EAASC,EAAa,CACpC,MAAO,4BAA4BC,UAAUD,CAAG,CAAC,IACnD,CAEO,MAAME,EAAc,CACzBC,KAAM,swFACR,ECDMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAAWA,CAAC,CAAEC,KAAAA,EAAO,OAAQC,KAAAA,EAAO,IAAKC,QAAAA,EAAU,SAAyB,IAAM,CAC7F,MAAMC,EAAgB,CACpBC,OAAQH,EACRI,UAAWf,EAASG,EAAYO,CAAI,EAAEM,UAAU,EAChDC,MAAON,CAAAA,EAGT,OACEO,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGZ,EAAOa,SAAUf,EAASO,CAAO,CAAC,EAChD,MAAOC,EAAc,iBAAA,UAAA,CAAA,CAG3B"}

package/dist/components/branding/index.js

@@ -1,14 +1,15 @@
 import { jsx as h } from "react/jsx-runtime";
 import { t as v } from "../../classix-DG18itHa.js";
-import '../../assets/index32.css';function e(a) {
+import '../../assets/index29.css';const e = "_branding_ganjz_1", l = "_white_ganjz_11", c = {
+  branding: e,
+  default: "_default_ganjz_7",
+  white: l
+};
+function m(a) {
   return `url("data:image/svg+xml, ${encodeURI(a)}")`;
 }
-const l = {
+const g = {
   logo: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'
-}, m = "_branding_ganjz_1", g = "_white_ganjz_11", c = {
-  branding: m,
-  default: "_default_ganjz_7",
-  white: g
 }, o = {
   default: c.default,
   white: c.white
@@ -19,7 +20,7 @@ const l = {
 }) => {
   const n = {
     height: s,
-    maskImage: e(l[a].toString()),
+    maskImage: m(g[a].toString()),
     width: s
   };
   return /* @__PURE__ */ h("span", { className: v(c.branding, o[t]), style: n, "data-component": "branding" });

package/dist/components/branding/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n  return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n  logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  white: styles.white,\n};\n\nexport type BrandingProps = {\n  name: keyof typeof brandingSVG;\n  size?: number | string;\n  variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n  const brandingStyle = {\n    height: size,\n    maskImage: embedSVG(brandingSVG[name].toString()),\n    width: size,\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(styles.branding, variants[variant])}\n      style={brandingStyle}\n    />\n  );\n};\n"],"names":["embedSVG","svg","encodeURI","brandingSVG","logo","variants","default","styles","white","Branding","name","size","variant","brandingStyle","height","maskImage","toString","width","jsx","cx","branding"],"mappings":";;AAAO,SAASA,EAASC,GAAa;AACpC,SAAO,4BAA4BC,UAAUD,CAAG,CAAC;AACnD;AAEO,MAAME,IAAc;AAAA,EACzBC,MAAM;AACR;;;;GCDMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAAWA,CAAC;AAAA,EAAEC,MAAAA,IAAO;AAAA,EAAQC,MAAAA,IAAO;AAAA,EAAKC,SAAAA,IAAU;AAAyB,MAAM;AAC7F,QAAMC,IAAgB;AAAA,IACpBC,QAAQH;AAAAA,IACRI,WAAWf,EAASG,EAAYO,CAAI,EAAEM,UAAU;AAAA,IAChDC,OAAON;AAAAA,EAAAA;AAGT,SACE,gBAAAO,EAAC,QAAA,EACC,WAAWC,EAAGZ,EAAOa,UAAUf,EAASO,CAAO,CAAC,GAChD,OAAOC,GAAc,kBAAA,WAAA,CAAA;AAG3B;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/branding/svg.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n  return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n  logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport styles from './styles.module.css';\nimport { brandingSVG, embedSVG } from './svg';\n\nconst variants = {\n  default: styles.default,\n  white: styles.white,\n};\n\nexport type BrandingProps = {\n  name: keyof typeof brandingSVG;\n  size?: number | string;\n  variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n  const brandingStyle = {\n    height: size,\n    maskImage: embedSVG(brandingSVG[name].toString()),\n    width: size,\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(styles.branding, variants[variant])}\n      style={brandingStyle}\n    />\n  );\n};\n"],"names":["embedSVG","svg","encodeURI","brandingSVG","logo","variants","default","styles","white","Branding","name","size","variant","brandingStyle","height","maskImage","toString","width","jsx","cx","branding"],"mappings":";;;;;;;AAAO,SAASA,EAASC,GAAa;AACpC,SAAO,4BAA4BC,UAAUD,CAAG,CAAC;AACnD;AAEO,MAAME,IAAc;AAAA,EACzBC,MAAM;AACR,GCDMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAAWA,CAAC;AAAA,EAAEC,MAAAA,IAAO;AAAA,EAAQC,MAAAA,IAAO;AAAA,EAAKC,SAAAA,IAAU;AAAyB,MAAM;AAC7F,QAAMC,IAAgB;AAAA,IACpBC,QAAQH;AAAAA,IACRI,WAAWf,EAASG,EAAYO,CAAI,EAAEM,UAAU;AAAA,IAChDC,OAAON;AAAAA,EAAAA;AAGT,SACE,gBAAAO,EAAC,QAAA,EACC,WAAWC,EAAGZ,EAAOa,UAAUf,EAASO,CAAO,CAAC,GAChD,OAAOC,GAAc,kBAAA,WAAA,CAAA;AAG3B;"}

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),c=require("../icon/index.cjs"),d="_button_18vba_1",_="_danger_18vba_23",b="_minimal_18vba_36",p="_primary_18vba_43",t={button:d,danger:_,minimal:b,primary:p},f={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function g({children:i,className:r,disabled:o=!1,icon:e,onClick:s,ref:m,variant:n="default",...u}){return a.jsxs("button",{className:l.t(t.button,f[n],r),disabled:o,onClick:s,ref:m,type:"button",...u,"data-component":"button",children:[e&&a.jsx(c.Icon,{fill:!0,gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),_=require("../badge/index.cjs"),g=require("../icon/index.cjs"),l="_button_54xfv_1",m="_danger_54xfv_28",x="_tertiary_54xfv_41",p="_primary_54xfv_48",b="_secondary_54xfv_57",t={button:l,danger:m,tertiary:x,primary:p,secondary:b},f={danger:t.danger,primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};function v({badge:o,children:r,className:a,disabled:s=!1,icon:e,onClick:i,ref:c,variant:d="secondary",...u}){return n.jsxs("button",{className:y.t(t.button,f[d],a),disabled:s,onClick:i,ref:c,type:"button",...u,"data-component":"button",children:[e&&n.jsx(g.Icon,{fill:!0,gap:r?"right":void 0,name:e,size:"small"}),r,n.jsx(_.Badge,{variant:"highlight",children:o})]})}exports.Button=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'default',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' || variant === 'default' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","ref","variant","props","cx","button","Icon"],"mappings":"2TAMMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAWO,SAASC,EAAO,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGb,EAAOc,OAAQhB,EAASa,CAAO,EAAGL,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETJ,SAAAA,CAAAA,SACEO,EAAAA,KAAA,CACC,KAAI,GACJ,IAAI,QACJ,KAAMP,EACN,KAAK,QACL,QAASG,IAAY,WAAaA,IAAY,UAAY,UAAY,QAAQ,EAGjFN,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size='small'\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","tertiary","Button","badge","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"iYAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,SAAUH,EAAOG,QACnB,EAYO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGd,EAAOe,OAAQjB,EAASc,CAAO,EAAGL,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETJ,SAAAA,CAAAA,GACCO,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAKX,EAAW,QAAUY,OAC1B,KAAMT,EACN,KAAK,OAAA,CAAO,EAGfH,EACDU,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAad,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}

package/dist/components/button/index.js

@@ -1,33 +1,37 @@
-import { jsxs as s, jsx as u } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
-import { Icon as p } from "../icon/index.js";
-import '../../assets/index33.css';const _ = "_button_18vba_1", b = "_danger_18vba_23", f = "_minimal_18vba_36", c = "_primary_18vba_43", t = {
-  button: _,
-  danger: b,
-  minimal: f,
-  primary: c
-}, g = {
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import { Badge as p } from "../badge/index.js";
+import { Icon as f } from "../icon/index.js";
+import '../../assets/index30.css';const u = "_button_54xfv_1", g = "_danger_54xfv_28", l = "_tertiary_54xfv_41", v = "_primary_54xfv_48", x = "_secondary_54xfv_57", t = {
+  button: u,
+  danger: g,
+  tertiary: l,
+  primary: v,
+  secondary: x
+}, b = {
   danger: t.danger,
-  default: t.default,
-  minimal: t.minimal,
-  primary: t.primary
+  primary: t.primary,
+  secondary: t.secondary,
+  tertiary: t.tertiary
 };
-function x({
-  children: m,
-  className: r,
-  disabled: i = !1,
+function I({
+  badge: o,
+  children: r,
+  className: e,
+  disabled: s = !1,
   icon: n,
-  onClick: o,
-  ref: e,
-  variant: a = "default",
-  ...l
+  onClick: i,
+  ref: y,
+  variant: c = "secondary",
+  ...m
 }) {
-  return /* @__PURE__ */ s("button", { className: d(t.button, g[a], r), disabled: i, onClick: o, ref: e, type: "button", ...l, "data-component": "button", children: [
-    n && /* @__PURE__ */ u(p, { fill: !0, gap: "right", name: n, size: "small", variant: a === "minimal" || a === "default" ? "default" : "white" }),
-    m
+  return /* @__PURE__ */ d("button", { className: _(t.button, b[c], e), disabled: s, onClick: i, ref: y, type: "button", ...m, "data-component": "button", children: [
+    n && /* @__PURE__ */ a(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: "small" }),
+    r,
+    /* @__PURE__ */ a(p, { variant: "highlight", children: o })
   ] });
 }
 export {
-  x as Button
+  I as Button
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'default',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' || variant === 'default' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","ref","variant","props","cx","button","Icon"],"mappings":";;;;;;;;GAMMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB;AAWO,SAASC,EAAO;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGb,EAAOc,QAAQhB,EAASa,CAAO,GAAGL,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETJ,UAAAA;AAAAA,IAAAA,uBACEO,GAAA,EACC,MAAI,IACJ,KAAI,SACJ,MAAMP,GACN,MAAK,SACL,SAASG,MAAY,aAAaA,MAAY,YAAY,YAAY,SAAQ;AAAA,IAGjFN;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size='small'\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","tertiary","Button","badge","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,UAAUH,EAAOG;AACnB;AAYO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGd,EAAOe,QAAQjB,EAASc,CAAO,GAAGL,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETJ,UAAAA;AAAAA,IAAAA,KACC,gBAAAO,EAACC,GAAA,EACC,MAAI,IACJ,KAAKX,IAAW,UAAUY,QAC1B,MAAMT,GACN,MAAK,QAAA,CAAO;AAAA,IAGfH;AAAAA,IACD,gBAAAU,EAACG,GAAA,EAAM,SAAQ,aAAad,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}

package/dist/components/card/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),k=require("../icon/index.cjs"),f="_card_1ckti_1",q="_head_1ckti_27",y="_center_1ckti_39",h="_content_1ckti_51",N="_margin_1ckti_57",b="_clickable_1ckti_93",T="_muted_1ckti_108",D="_selected_1ckti_113",t={card:f,head:q,center:y,content:h,margin:N,clickable:b,muted:T,selected:D,"image-top":"_image-top_1ckti_118","image-left":"_image-left_1ckti_129"},E=({actions:g,badge:l,checkbox:n,children:m,emphasis:_="default",header:o,icon:u,image:i,imagePosition:r="top",onClick:a,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,_==="muted"&&t.muted,a&&t.clickable,(n==null?void 0:n.checked)&&t.selected),"data-emphasis":_,"data-minimal":s==="minimal",onClick:a,onKeyDown:c=>{a&&c.currentTarget===document.activeElement&&(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[i&&s!=="minimal"&&r==="top"&&e.jsx(p.Figure,{className:t[`image-${r}`],children:i}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[n&&e.jsx("span",{onClick:c=>c.stopPropagation(),children:e.jsx(j.Checkbox,{...n})}),i&&s!=="minimal"&&r==="left"&&e.jsx(p.Figure,{className:t[`image-${r}`],children:i}),o,l&&e.jsx(x.Badge,{...l}),u&&e.jsx(k.Icon,{name:u,size:"medium"}),g]}),m&&s!=="minimal"&&e.jsx("div",{className:d.t(t.content,!!o&&t.margin),children:m})]})]});exports.Card=E;
+//# sourceMappingURL=index.cjs.map

package/dist/components/card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  actions?: React.ReactNode;\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  emphasis?: 'default' | 'muted';\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  actions,\n  badge,\n  checkbox,\n  children,\n  emphasis = 'default',\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        emphasis === 'muted' && styles.muted,\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-emphasis={emphasis}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (!onClick) return;\n\n        if (e.currentTarget !== document.activeElement) {\n          return;\n        }\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && imagePosition === 'top' && (\n        <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n      )}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {image && variant !== 'minimal' && imagePosition === 'left' && (\n            <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n          {actions}\n        </div>\n        {children && variant !== 'minimal' && (\n          <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n        )}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin"],"mappings":"+lBAqCaA,EAAOA,CAAC,CACnBC,QAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EAAW,UACXC,OAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,cAAAA,EAAgB,MAChBC,QAAAA,EACAC,QAAAA,EAAU,SACD,IAEPC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EACTC,EAAOC,KACPV,IAAa,SAAWS,EAAOE,MAC/BN,GAAWI,EAAOG,WAClBd,GAAAA,YAAAA,EAAUe,UAAWJ,EAAOK,QAC9B,EACA,gBAAed,EACf,eAAcM,IAAY,UAC1B,QAAAD,EACA,UAAYU,GAAM,CACXV,GAEDU,EAAEC,gBAAkBC,SAASC,gBAI7BH,EAAEI,MAAQ,SAAWJ,EAAEI,MAAQ,OACjCJ,EAAEK,eAAAA,EACFL,EAAEC,cAAcK,MAAAA,EAEpB,EACA,SAAUhB,EAAU,EAAI,GAAG,iBAAA,OAE1BF,SAAAA,CAAAA,GAASG,IAAY,WAAaF,IAAkB,OACnDkB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASL,CAAa,EAAE,EAAID,SAAAA,EAAM,SAE7D,UAAA,CACC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOe,KAAMlB,IAAY,WAAaG,EAAOgB,MAAM,EACnE3B,SAAAA,CAAAA,GACCwB,EAAAA,IAAC,OAAA,CAAK,QAAUP,GAAMA,EAAEW,gBAAAA,EACtB,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAS,GAAI7B,CAAAA,CAAS,EACzB,EAEDK,GAASG,IAAY,WAAaF,IAAkB,QACnDkB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASL,CAAa,EAAE,EAAID,SAAAA,EAAM,EAE7DF,EACAJ,GAASyB,EAAAA,IAACM,EAAAA,MAAA,CAAM,GAAI/B,CAAAA,CAAM,EAC1BK,GACCoB,EAAAA,IAACO,OAAA,CACC,KAAM3B,EACN,KAAK,SAAQ,EAGhBN,CAAAA,EACH,EACCG,GAAYO,IAAY,WACvBgB,EAAAA,IAAC,OAAI,UAAWd,EAAAA,EAAGC,EAAOqB,QAAS,CAAC,CAAC7B,GAAUQ,EAAOsB,MAAM,EAAIhC,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAE7E,CAAA,EACF"}

package/dist/components/card/index.js

@@ -0,0 +1,49 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { t as d } from "../../classix-DG18itHa.js";
+import { Badge as g } from "../badge/index.js";
+import { Checkbox as N } from "../checkbox/index.js";
+import { Figure as f } from "../figure/index.js";
+import { Icon as h } from "../icon/index.js";
+import '../../assets/index31.css';const y = "_card_1ckti_1", j = "_head_1ckti_27", D = "_center_1ckti_39", E = "_content_1ckti_51", I = "_margin_1ckti_57", T = "_clickable_1ckti_93", $ = "_muted_1ckti_108", w = "_selected_1ckti_113", t = {
+  card: y,
+  head: j,
+  center: D,
+  content: E,
+  margin: I,
+  clickable: T,
+  muted: $,
+  selected: w,
+  "image-top": "_image-top_1ckti_118",
+  "image-left": "_image-left_1ckti_129"
+}, A = ({
+  actions: k,
+  badge: s,
+  checkbox: n,
+  children: _,
+  emphasis: o = "default",
+  header: p,
+  icon: u,
+  image: r,
+  imagePosition: a = "top",
+  onClick: i,
+  variant: m = "default"
+}) => /* @__PURE__ */ l("article", { className: d(t.card, o === "muted" && t.muted, i && t.clickable, (n == null ? void 0 : n.checked) && t.selected), "data-emphasis": o, "data-minimal": m === "minimal", onClick: i, onKeyDown: (e) => {
+  i && e.currentTarget === document.activeElement && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+}, tabIndex: i ? 0 : -1, "data-component": "card", children: [
+  r && m !== "minimal" && a === "top" && /* @__PURE__ */ c(f, { className: t[`image-${a}`], children: r }),
+  /* @__PURE__ */ l("section", { children: [
+    /* @__PURE__ */ l("div", { className: d(t.head, m === "minimal" && t.center), children: [
+      n && /* @__PURE__ */ c("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(N, { ...n }) }),
+      r && m !== "minimal" && a === "left" && /* @__PURE__ */ c(f, { className: t[`image-${a}`], children: r }),
+      p,
+      s && /* @__PURE__ */ c(g, { ...s }),
+      u && /* @__PURE__ */ c(h, { name: u, size: "medium" }),
+      k
+    ] }),
+    _ && m !== "minimal" && /* @__PURE__ */ c("div", { className: d(t.content, !!p && t.margin), children: _ })
+  ] })
+] });
+export {
+  A as Card
+};
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  actions?: React.ReactNode;\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  emphasis?: 'default' | 'muted';\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  actions,\n  badge,\n  checkbox,\n  children,\n  emphasis = 'default',\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        emphasis === 'muted' && styles.muted,\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-emphasis={emphasis}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (!onClick) return;\n\n        if (e.currentTarget !== document.activeElement) {\n          return;\n        }\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && imagePosition === 'top' && (\n        <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n      )}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {image && variant !== 'minimal' && imagePosition === 'left' && (\n            <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n          {actions}\n        </div>\n        {children && variant !== 'minimal' && (\n          <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n        )}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin"],"mappings":";;;;;;;;;;;;;;;;;GAqCaA,IAAOA,CAAC;AAAA,EACnBC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAEP,gBAAAC,EAAC,WAAA,EACC,WAAWC,EACTC,EAAOC,MACPV,MAAa,WAAWS,EAAOE,OAC/BN,KAAWI,EAAOG,YAClBd,KAAAA,gBAAAA,EAAUe,YAAWJ,EAAOK,QAC9B,GACA,iBAAed,GACf,gBAAcM,MAAY,WAC1B,SAAAD,GACA,WAAYU,CAAAA,MAAM;AAChB,EAAKV,KAEDU,EAAEC,kBAAkBC,SAASC,kBAI7BH,EAAEI,QAAQ,WAAWJ,EAAEI,QAAQ,SACjCJ,EAAEK,eAAAA,GACFL,EAAEC,cAAcK,MAAAA;AAEpB,GACA,UAAUhB,IAAU,IAAI,IAAG,kBAAA,QAE1BF,UAAAA;AAAAA,EAAAA,KAASG,MAAY,aAAaF,MAAkB,SACnD,gBAAAkB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASL,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,oBAE7D,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOe,MAAMlB,MAAY,aAAaG,EAAOgB,MAAM,GACnE3B,UAAAA;AAAAA,MAAAA,KACC,gBAAAwB,EAAC,QAAA,EAAK,SAAUP,CAAAA,MAAMA,EAAEW,gBAAAA,GACtB,UAAA,gBAAAJ,EAACK,GAAA,EAAS,GAAI7B,EAAAA,CAAS,GACzB;AAAA,MAEDK,KAASG,MAAY,aAAaF,MAAkB,UACnD,gBAAAkB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASL,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,MAE7DF;AAAAA,MACAJ,KAAS,gBAAAyB,EAACM,GAAA,EAAM,GAAI/B,EAAAA,CAAM;AAAA,MAC1BK,KACC,gBAAAoB,EAACO,GAAA,EACC,MAAM3B,GACN,MAAK,UAAQ;AAAA,MAGhBN;AAAAA,IAAAA,GACH;AAAA,IACCG,KAAYO,MAAY,aACvB,gBAAAgB,EAAC,SAAI,WAAWd,EAAGC,EAAOqB,SAAS,CAAC,CAAC7B,KAAUQ,EAAOsB,MAAM,GAAIhC,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CAE7E;AAAA,GACF;"}

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),x=require("../../icons-s-lGsxio.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1e5vl_1",k={checkbox:h},l=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),x=require("../../icons-DYCSlAoX.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
 //# sourceMappingURL=index.cjs.map

package/dist/components/checkbox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      {isLoading && (\n        <Loading\n          size={24}\n          sticky\n        />\n      )}\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAC/BP,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,GACN,OAAM,GAAA,EAGVD,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXF,GAASA,CAAAA,EACZ,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={16}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAChC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXH,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,GACN,OAAM,GAAA,EAGTR,GAASA,CAAAA,EACZ,CAEJ"}

package/dist/components/checkbox/index.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as x } from "../../icons-D6XjzxSX.js";
+import { i as x } from "../../icons-CKzd_L4D.js";
 import { Loading as k } from "../loading/index.js";
-import '../../assets/index34.css';const b = "_checkbox_1e5vl_1", m = {
+import '../../assets/index32.css';const b = "_checkbox_1glqu_3", m = {
   checkbox: b
 }, d = ({
   checked: t,
@@ -15,8 +15,8 @@ import '../../assets/index34.css';const b = "_checkbox_1e5vl_1", m = {
     "--icon-svg": x("check")
   };
   return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
-    c && /* @__PURE__ */ e(k, { size: 24, sticky: !0 }),
     /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
+    c && /* @__PURE__ */ e(k, { size: 16, sticky: !0 }),
     o && o
   ] });
 };

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      {isLoading && (\n        <Loading\n          size={24}\n          sticky\n        />\n      )}\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAC/BP,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGV,gBAAAD,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXF,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={16}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXH,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGTR,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}

package/dist/components/chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const n=require("react/jsx-runtime"),r=require("../icon/index.cjs"),c="_chip_1nmzv_1",o={chip:c},p=({accessibleLabel:s,label:a,onClick:e,...i})=>n.jsxs("a",{"aria-label":s,className:o.chip,onClick:t=>{t.stopPropagation(),e==null||e(t)},tabIndex:0,...i,"data-component":"chip",children:[a,n.jsx(r.Icon,{name:"x",size:"small",variant:"primary"})]});exports.Chip=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const s=require("react/jsx-runtime"),a=require("../icon/index.cjs"),c="_chip_13ohh_3",r={chip:c},p=({accessibleLabel:n,label:i,onClick:e,...o})=>s.jsxs("a",{"aria-label":n,className:r.chip,onClick:t=>{t.stopPropagation(),e==null||e(t)},tabIndex:0,...o,"data-component":"chip",children:[i,s.jsx(a.Icon,{name:"x",size:"small"})]});exports.Chip=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/chip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'onClick' | 'tabIndex'> & {\n  accessibleLabel?: string;\n  label: string;\n  onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n  return (\n    <a\n      aria-label={accessibleLabel}\n      className={styles.chip}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      tabIndex={0}\n      {...props}\n    >\n      {label}\n      <Icon\n        name='x'\n        size='small'\n        variant='primary'\n      />\n    </a>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","Icon"],"mappings":"iLAWaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,QAAAA,EAAS,GAAGC,CAAiB,IAExEC,OAAC,KACC,aAAYJ,EACZ,UAAWK,EAAOC,KAClB,QAAUC,GAAM,CACdA,EAAEC,gBAAAA,EACFN,GAAAA,MAAAA,EAAUK,EACZ,EACA,SAAU,EACV,GAAIJ,EAAM,iBAAA,OAETF,SAAAA,CAAAA,QACAQ,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,QACL,QAAQ,SAAA,CAAS,CAAA,EAErB"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick' | 'tabIndex'> & {\n  accessibleLabel?: string;\n  label: string;\n  onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n  return (\n    <a\n      aria-label={accessibleLabel}\n      className={styles.chip}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      tabIndex={0}\n      {...props}\n    >\n      {label}\n      <Icon\n        name='x'\n        size='small'\n      />\n    </a>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","jsx","Icon"],"mappings":"iLAWaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,QAAAA,EAAS,GAAGC,CAAiB,IAExEC,OAAC,KACC,aAAYJ,EACZ,UAAWK,EAAOC,KAClB,QAAUC,GAAM,CACdA,EAAEC,gBAAAA,EACFN,GAAAA,MAAAA,EAAUK,EACZ,EACA,SAAU,EACV,GAAIJ,EAAM,iBAAA,OAETF,SAAAA,CAAAA,EACDQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,EAEhB"}

package/dist/components/chip/index.js

@@ -1,17 +1,17 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { Icon as m } from "../icon/index.js";
-import '../../assets/index13.css';const n = "_chip_1nmzv_1", c = {
-  chip: n
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { Icon as e } from "../icon/index.js";
+import '../../assets/index33.css';const h = "_chip_13ohh_3", i = {
+  chip: h
 }, x = ({
-  accessibleLabel: p,
-  label: r,
+  accessibleLabel: t,
+  label: o,
   onClick: a,
-  ...s
-}) => /* @__PURE__ */ i("a", { "aria-label": p, className: c.chip, onClick: (t) => {
-  t.stopPropagation(), a == null || a(t);
-}, tabIndex: 0, ...s, "data-component": "chip", children: [
-  r,
-  /* @__PURE__ */ o(m, { name: "x", size: "small", variant: "primary" })
+  ...p
+}) => /* @__PURE__ */ r("a", { "aria-label": t, className: i.chip, onClick: (s) => {
+  s.stopPropagation(), a == null || a(s);
+}, tabIndex: 0, ...p, "data-component": "chip", children: [
+  o,
+  /* @__PURE__ */ c(e, { name: "x", size: "small" })
 ] });
 export {
   x as Chip

package/dist/components/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'onClick' | 'tabIndex'> & {\n  accessibleLabel?: string;\n  label: string;\n  onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n  return (\n    <a\n      aria-label={accessibleLabel}\n      className={styles.chip}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      tabIndex={0}\n      {...props}\n    >\n      {label}\n      <Icon\n        name='x'\n        size='small'\n        variant='primary'\n      />\n    </a>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","Icon"],"mappings":";;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAAS,GAAGC;AAAiB,MAExE,gBAAAC,EAAC,OACC,cAAYJ,GACZ,WAAWK,EAAOC,MAClB,SAAUC,CAAAA,MAAM;AACdA,EAAAA,EAAEC,gBAAAA,GACFN,KAAAA,QAAAA,EAAUK;AACZ,GACA,UAAU,GACV,GAAIJ,GAAM,kBAAA,QAETF,UAAAA;AAAAA,EAAAA;AAAAA,oBACAQ,GAAA,EACC,MAAK,KACL,MAAK,SACL,SAAQ,UAAA,CAAS;AAAA,GAErB;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick' | 'tabIndex'> & {\n  accessibleLabel?: string;\n  label: string;\n  onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n  return (\n    <a\n      aria-label={accessibleLabel}\n      className={styles.chip}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      tabIndex={0}\n      {...props}\n    >\n      {label}\n      <Icon\n        name='x'\n        size='small'\n      />\n    </a>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","jsx","Icon"],"mappings":";;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAAS,GAAGC;AAAiB,MAExE,gBAAAC,EAAC,OACC,cAAYJ,GACZ,WAAWK,EAAOC,MAClB,SAAUC,CAAAA,MAAM;AACdA,EAAAA,EAAEC,gBAAAA,GACFN,KAAAA,QAAAA,EAAUK;AACZ,GACA,UAAU,GACV,GAAIJ,GAAM,kBAAA,QAETF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAQ,EAACC,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,GAEhB;"}

package/dist/components/collapsible/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const t=require("react/jsx-runtime"),p=require("../icon/index.cjs"),u="_collapsible_471bm_6",b="_content_471bm_17",y="_indicator_471bm_21",s={collapsible:u,content:b,indicator:y};let e;const _=({children:c,disabled:i,open:r,summary:d})=>{const m=l=>{const n=l.currentTarget.closest("details");if(!n||!document.startViewTransition)return;l.preventDefault(),e==null||e.details.style.removeProperty("view-transition-name"),n.style.viewTransitionName="details-expand";const o=document.startViewTransition(()=>n.open=!n.open);e={details:n,transition:o},o.ready.catch(()=>{});const a=()=>{(e==null?void 0:e.transition)===o&&(n.style.removeProperty("view-transition-name"),e=void 0)};o.finished.then(a,a)};return t.jsxs("details",{className:s.collapsible,open:i||r||void 0,"data-component":"collapsible",children:[t.jsxs("summary",{onClick:m,children:[t.jsx("span",{className:s.content,"data-content":"collapsible-summary",children:d}),!i&&t.jsx("span",{className:s.indicator,"data-content":"collapsible-indicator",children:t.jsx(p.Icon,{name:"chevron",size:"small"})})]}),c]})};exports.Collapsible=_;
+//# sourceMappingURL=index.cjs.map

package/dist/components/collapsible/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nlet activeTransition:\n  | { details: HTMLDetailsElement; transition: ViewTransition }\n  | undefined;\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  const handleSummaryClick: MouseEventHandler<HTMLElement> = (event) => {\n    const details = event.currentTarget.closest('details') as HTMLDetailsElement | null;\n    if (!details || !document.startViewTransition) return;\n\n    event.preventDefault();\n\n    activeTransition?.details.style.removeProperty('view-transition-name');\n    details.style.viewTransitionName = 'details-expand';\n\n    const transition = document.startViewTransition(() => (details.open = !details.open));\n    activeTransition = { details, transition };\n\n    void transition.ready.catch(() => undefined);\n    const cleanupTransition = () => {\n      if (activeTransition?.transition !== transition) return;\n\n      details.style.removeProperty('view-transition-name');\n      activeTransition = undefined;\n    };\n    void transition.finished.then(cleanupTransition, cleanupTransition);\n  };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='small'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["activeTransition","Collapsible","children","disabled","open","summary","handleSummaryClick","event","details","currentTarget","closest","document","startViewTransition","preventDefault","style","removeProperty","viewTransitionName","transition","ready","catch","cleanupTransition","undefined","finished","then","jsxs","styles","collapsible","jsx","content","indicator","Icon"],"mappings":"mQAaA,IAAIA,EAIG,MAAMC,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAA0B,IAAM,CACtF,MAAMC,EAAsDC,GAAU,CACpE,MAAMC,EAAUD,EAAME,cAAcC,QAAQ,SAAS,EACrD,GAAI,CAACF,GAAW,CAACG,SAASC,oBAAqB,OAE/CL,EAAMM,eAAAA,EAENb,GAAAA,MAAAA,EAAkBQ,QAAQM,MAAMC,eAAe,wBAC/CP,EAAQM,MAAME,mBAAqB,iBAEnC,MAAMC,EAAaN,SAASC,oBAAoB,IAAOJ,EAAQJ,KAAO,CAACI,EAAQJ,IAAK,EACpFJ,EAAmB,CAAEQ,QAAAA,EAASS,WAAAA,CAAAA,EAEzBA,EAAWC,MAAMC,MAAM,IAAA,EAAe,EAC3C,MAAMC,EAAoBA,IAAM,EAC1BpB,GAAAA,YAAAA,EAAkBiB,cAAeA,IAErCT,EAAQM,MAAMC,eAAe,sBAAsB,EACnDf,EAAmBqB,OACrB,EACKJ,EAAWK,SAASC,KAAKH,EAAmBA,CAAiB,CACpE,EAEA,OACEI,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAOC,YAClB,KAAMvB,GAAYC,GAAQiB,OAAU,iBAAA,cAEpC,SAAA,CAAAG,EAAAA,KAAC,UAAA,CAAQ,QAASlB,EAChB,SAAA,CAAAqB,MAAC,QACC,UAAWF,EAAOG,QAClB,eAAa,sBAEZvB,SAAAA,EACH,EACC,CAACF,GACAwB,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAOI,UAClB,eAAa,wBAEb,eAACC,EAAAA,KAAA,CACC,KAAK,UACL,KAAK,QAAO,CAAA,CAEhB,CAAA,EAEJ,EAEC5B,CAAAA,EACH,CAEJ"}

package/dist/components/collapsible/index.js

@@ -0,0 +1,41 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { Icon as u } from "../icon/index.js";
+import '../../assets/index34.css';const b = "_collapsible_471bm_6", y = "_content_471bm_17", h = "_indicator_471bm_21", i = {
+  collapsible: b,
+  content: y,
+  indicator: h
+};
+let t;
+const f = ({
+  children: r,
+  disabled: s,
+  open: d,
+  summary: m
+}) => {
+  const p = (a) => {
+    const e = a.currentTarget.closest("details");
+    if (!e || !document.startViewTransition) return;
+    a.preventDefault(), t == null || t.details.style.removeProperty("view-transition-name"), e.style.viewTransitionName = "details-expand";
+    const n = document.startViewTransition(() => e.open = !e.open);
+    t = {
+      details: e,
+      transition: n
+    }, n.ready.catch(() => {
+    });
+    const l = () => {
+      (t == null ? void 0 : t.transition) === n && (e.style.removeProperty("view-transition-name"), t = void 0);
+    };
+    n.finished.then(l, l);
+  };
+  return /* @__PURE__ */ c("details", { className: i.collapsible, open: s || d || void 0, "data-component": "collapsible", children: [
+    /* @__PURE__ */ c("summary", { onClick: p, children: [
+      /* @__PURE__ */ o("span", { className: i.content, "data-content": "collapsible-summary", children: m }),
+      !s && /* @__PURE__ */ o("span", { className: i.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ o(u, { name: "chevron", size: "small" }) })
+    ] }),
+    r
+  ] });
+};
+export {
+  f as Collapsible
+};
+//# sourceMappingURL=index.js.map

package/dist/components/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nlet activeTransition:\n  | { details: HTMLDetailsElement; transition: ViewTransition }\n  | undefined;\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  const handleSummaryClick: MouseEventHandler<HTMLElement> = (event) => {\n    const details = event.currentTarget.closest('details') as HTMLDetailsElement | null;\n    if (!details || !document.startViewTransition) return;\n\n    event.preventDefault();\n\n    activeTransition?.details.style.removeProperty('view-transition-name');\n    details.style.viewTransitionName = 'details-expand';\n\n    const transition = document.startViewTransition(() => (details.open = !details.open));\n    activeTransition = { details, transition };\n\n    void transition.ready.catch(() => undefined);\n    const cleanupTransition = () => {\n      if (activeTransition?.transition !== transition) return;\n\n      details.style.removeProperty('view-transition-name');\n      activeTransition = undefined;\n    };\n    void transition.finished.then(cleanupTransition, cleanupTransition);\n  };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='small'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["activeTransition","Collapsible","children","disabled","open","summary","handleSummaryClick","event","details","currentTarget","closest","document","startViewTransition","preventDefault","style","removeProperty","viewTransitionName","transition","ready","catch","cleanupTransition","undefined","finished","then","jsxs","styles","collapsible","jsx","content","indicator","Icon"],"mappings":";;;;;;;AAaA,IAAIA;AAIG,MAAMC,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAA0B,MAAM;AACtF,QAAMC,IAAsDC,CAAAA,MAAU;AACpE,UAAMC,IAAUD,EAAME,cAAcC,QAAQ,SAAS;AACrD,QAAI,CAACF,KAAW,CAACG,SAASC,oBAAqB;AAE/CL,IAAAA,EAAMM,eAAAA,GAENb,KAAAA,QAAAA,EAAkBQ,QAAQM,MAAMC,eAAe,yBAC/CP,EAAQM,MAAME,qBAAqB;AAEnC,UAAMC,IAAaN,SAASC,oBAAoB,MAAOJ,EAAQJ,OAAO,CAACI,EAAQJ,IAAK;AACpFJ,IAAAA,IAAmB;AAAA,MAAEQ,SAAAA;AAAAA,MAASS,YAAAA;AAAAA,IAAAA,GAEzBA,EAAWC,MAAMC,MAAM,MAAA;AAAA,KAAe;AAC3C,UAAMC,IAAoBA,MAAM;AAC9B,OAAIpB,KAAAA,gBAAAA,EAAkBiB,gBAAeA,MAErCT,EAAQM,MAAMC,eAAe,sBAAsB,GACnDf,IAAmBqB;AAAAA,IACrB;AACA,IAAKJ,EAAWK,SAASC,KAAKH,GAAmBA,CAAiB;AAAA,EACpE;AAEA,SACE,gBAAAI,EAAC,WAAA,EACC,WAAWC,EAAOC,aAClB,MAAMvB,KAAYC,KAAQiB,QAAU,kBAAA,eAEpC,UAAA;AAAA,IAAA,gBAAAG,EAAC,WAAA,EAAQ,SAASlB,GAChB,UAAA;AAAA,MAAA,gBAAAqB,EAAC,UACC,WAAWF,EAAOG,SAClB,gBAAa,uBAEZvB,UAAAA,GACH;AAAA,MACC,CAACF,KACA,gBAAAwB,EAAC,QAAA,EACC,WAAWF,EAAOI,WAClB,gBAAa,yBAEb,4BAACC,GAAA,EACC,MAAK,WACL,MAAK,SAAO,EAAA,CAEhB;AAAA,IAAA,GAEJ;AAAA,IAEC5B;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const f=require("react/jsx-runtime"),m=require("../../classix-5H4IWnMA.cjs"),o=require("react"),p=require("../button/index.cjs"),x="_controls_1kztc_13",_="_fixed_1kztc_34",s={controls:x,default:"_default_1kztc_20",fixed:_},k={primary:3,danger:2,default:1,minimal:0},y={default:s.default,fixed:s.fixed},g=e=>k[e.props.variant??"default"],h=({children:e,className:l,variant:i="default",...u})=>{const r=o.Children.toArray(e),a=[],c=[];r.forEach(t=>{o.isValidElement(t)&&t.type===p.Button?a.push(t):c.push(t)});const d=a.map((t,n)=>({button:t,index:n,rank:g(t)})).sort((t,n)=>t.rank-n.rank||t.index-n.index).map(({button:t,index:n})=>o.cloneElement(t,{key:t.key??n}));return r.length===0?null:f.jsxs("div",{className:m.t(s.controls,y[i],l),...u,"data-component":"controls",children:[c,d]})};exports.Controls=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const c=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_nwzp9_13",y="_inline_nwzp9_34",m="_fixed_nwzp9_39",e={controls:x,default:"_default_nwzp9_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:l,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return i.length===0?null:c.jsxs("div",{className:f.t(e.controls,g[d],l),...u,"data-component":"controls",children:[s&&c.jsx("span",{children:s}),p]})};exports.Controls=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/controls/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n  primary: 3,\n  danger: 2,\n  default: 1,\n  minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n  default: styles.default,\n  fixed: styles.fixed,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  buttonVariantOrder[button.props.variant ?? 'default'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n  const childArray = Children.toArray(children);\n  const buttons: React.ReactElement<ButtonProps>[] = [];\n  const nonButtons: React.ReactNode[] = [];\n\n  childArray.forEach((child) => {\n    if (isValidElement<ButtonProps>(child) && child.type === Button) {\n      buttons.push(child);\n    } else {\n      nonButtons.push(child);\n    }\n  });\n\n  const sortedButtons = buttons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(styles.controls, variants[variant], className)}\n      {...props}\n    >\n      {nonButtons}\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["buttonVariantOrder","primary","danger","default","minimal","variants","styles","fixed","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls"],"mappings":"+SAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,QAAS,EACTC,QAAS,CACX,EAEMC,EAAW,CACfF,QAASG,EAAOH,QAChBI,MAAOD,EAAOC,KAChB,EAOMC,EAAiBC,GACrBT,EAAmBS,EAAOC,MAAMC,SAAW,SAAS,EAEzCC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAG/B,EAAOgC,SAAUjC,EAASM,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,EACAO,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n  primary: 3,\n  danger: 2,\n  secondary: 1,\n  tertiary: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n  default: styles.default,\n  fixed: styles.fixed,\n  inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n  const childArray = Children.toArray(children);\n  const buttons: React.ReactElement<ButtonProps>[] = [];\n  const nonButtons: React.ReactNode[] = [];\n\n  childArray.forEach((child) => {\n    if (isValidElement<ButtonProps>(child) && child.type === Button) {\n      buttons.push(child);\n    } else {\n      nonButtons.push(child);\n    }\n  });\n\n  const sortedButtons = buttons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(styles.controls, variants[variant], className)}\n      {...props}\n    >\n      {nonButtons && <span>{nonButtons}</span>}\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,CACZ,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBX,EAAmBW,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}

package/dist/components/controls/index.js

@@ -1,41 +1,43 @@
-import { jsxs as f } from "react/jsx-runtime";
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
 import { t as m } from "../../classix-DG18itHa.js";
-import { Children as u, isValidElement as p, cloneElement as k } from "react";
-import { Button as x } from "../button/index.js";
-import '../../assets/index12.css';const _ = "_controls_1kztc_13", y = "_fixed_1kztc_34", r = {
-  controls: _,
-  default: "_default_1kztc_20",
-  fixed: y
-}, h = {
+import { Children as u, isValidElement as _, cloneElement as x } from "react";
+import { Button as y } from "../button/index.js";
+import '../../assets/index35.css';const k = "_controls_nwzp9_13", h = "_inline_nwzp9_34", w = "_fixed_nwzp9_39", o = {
+  controls: k,
+  default: "_default_nwzp9_20",
+  inline: h,
+  fixed: w
+}, z = {
   primary: 3,
   danger: 2,
-  default: 1,
-  minimal: 0
+  secondary: 1,
+  tertiary: 0
 }, B = {
-  default: r.default,
-  fixed: r.fixed
-}, g = (o) => h[o.props.variant ?? "default"], C = ({
-  children: o,
-  className: l,
-  variant: c = "default",
-  ...i
+  default: o.default,
+  fixed: o.fixed,
+  inline: o.inline
+}, g = (r) => z[r.props.variant ?? "secondary"], C = ({
+  children: r,
+  className: a,
+  variant: l = "default",
+  ...c
 }) => {
-  const e = u.toArray(o), s = [], a = [];
-  e.forEach((t) => {
-    p(t) && t.type === x ? s.push(t) : a.push(t);
+  const s = u.toArray(r), i = [], e = [];
+  s.forEach((n) => {
+    _(n) && n.type === y ? i.push(n) : e.push(n);
   });
-  const d = s.map((t, n) => ({
-    button: t,
-    index: n,
-    rank: g(t)
-  })).sort((t, n) => t.rank - n.rank || t.index - n.index).map(({
-    button: t,
-    index: n
-  }) => k(t, {
-    key: t.key ?? n
+  const d = i.map((n, t) => ({
+    button: n,
+    index: t,
+    rank: g(n)
+  })).sort((n, t) => n.rank - t.rank || n.index - t.index).map(({
+    button: n,
+    index: t
+  }) => x(n, {
+    key: n.key ?? t
   }));
-  return e.length === 0 ? null : /* @__PURE__ */ f("div", { className: m(r.controls, B[c], l), ...i, "data-component": "controls", children: [
-    a,
+  return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls, B[l], a), ...c, "data-component": "controls", children: [
+    e && /* @__PURE__ */ f("span", { children: e }),
     d
   ] });
 };