@solibo/solibo-ui 0.2.13 → 0.2.14

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),s="_figure_b0otf_1",i={figure:s},u=({children:e,label:t})=>r.jsxRuntimeExports.jsxs("figure",{className:i.figure,children:[e&&e,t&&r.jsxRuntimeExports.jsx("figcaption",{children:t})]});exports.Figure=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const i=require("react/jsx-runtime"),t="_figure_b0otf_1",s={figure:t},u=({children:e,label:r})=>i.jsxs("figure",{className:s.figure,children:[e&&e,r&&i.jsx("figcaption",{children:r})]});exports.Figure=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":"mKAOaA,EAAS,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAE/BC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,GAAYA,EACZC,GAASG,EAAAA,kBAAAA,IAAC,aAAA,CAAY,SAAAH,CAAA,CAAM,CAAA,EAC/B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":"sJAOaA,EAAS,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAE/BC,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,GAAYA,EACZC,GAASG,EAAAA,IAAC,aAAA,CAAY,SAAAH,CAAA,CAAM,CAAA,EAC/B"}

package/dist/components/figure/index.js

@@ -1,11 +1,11 @@
-import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
-import '../../assets/index5.css';const i = "_figure_b0otf_1", t = {
-  figure: i
-}, f = ({ children: r, label: s }) => /* @__PURE__ */ e.jsxs("figure", { className: t.figure, children: [
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import '../../assets/index6.css';const t = "_figure_b0otf_1", f = {
+  figure: t
+}, g = ({ children: r, label: e }) => /* @__PURE__ */ i("figure", { className: f.figure, children: [
   r && r,
-  s && /* @__PURE__ */ e.jsx("figcaption", { children: s })
+  e && /* @__PURE__ */ s("figcaption", { children: e })
 ] });
 export {
-  f as Figure
+  g as Figure
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":";;;GAOaA,IAAS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE/BC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAH,KAAYA;AAAA,EACZC,KAASG,gBAAAA,EAAAA,IAAC,cAAA,EAAY,UAAAH,EAAA,CAAM;AAAA,GAC/B;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":";;;GAOaA,IAAS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE/B,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAH,KAAYA;AAAA,EACZC,KAAS,gBAAAG,EAAC,cAAA,EAAY,UAAAH,EAAA,CAAM;AAAA,GAC/B;"}

package/dist/components/form/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_form_13v7z_1",c="_inline_13v7z_15",s={form:l,inline:c},m=({animation:e,children:r,inline:n=!1,...o})=>t.jsx("form",{className:i.t(e&&e,n&&s.inline,s.form),...o,children:r&&r});exports.Form=m;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","jsx","cx","styles"],"mappings":"wNAWaA,EAAO,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAS,GAAO,GAAGC,KAE3DC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGL,GAAaA,EAAWE,GAAUI,EAAO,OAAQA,EAAO,IAAI,EACzE,GAAGH,EAEH,SAAAF,GAAYA,CAAA,CAAA"}

package/dist/components/form/index.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { t } from "../../classix-DG18itHa.js";
+import '../../assets/index5.css';const f = "_form_13v7z_1", i = "_inline_13v7z_15", n = {
+  form: f,
+  inline: i
+}, c = ({ animation: o, children: r, inline: m = !1, ...s }) => /* @__PURE__ */ e(
+  "form",
+  {
+    className: t(o && o, m && n.inline, n.form),
+    ...s,
+    children: r && r
+  }
+);
+export {
+  c as Form
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","jsx","cx","styles"],"mappings":";;;;;GAWaA,IAAO,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,QAAAC,IAAS,IAAO,GAAGC,QAE3D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,KAAaA,GAAWE,KAAUI,EAAO,QAAQA,EAAO,IAAI;AAAA,IACzE,GAAGH;AAAA,IAEH,UAAAF,KAAYA;AAAA,EAAA;AAAA;"}

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),n="_header_1xswd_1",o={header:n},x=({children:r,size:t=1,label:a="Header",subtitle:s})=>{const d=`h${t}`;return e.jsxRuntimeExports.jsxs("header",{className:o.header,children:[e.jsxRuntimeExports.jsx(d,{children:a}),s&&e.jsxRuntimeExports.jsx("p",{children:s}),r&&r]})};exports.Header=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("react/jsx-runtime"),n="_header_1xswd_1",c={header:n},o=({children:r,size:a=1,label:d="Header",subtitle:s})=>{const t=`h${a}`;return e.jsxs("header",{className:c.header,children:[e.jsx(t,{children:d}),s&&e.jsx("p",{children:s}),r&&r]})};exports.Header=o;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":"mKAWaA,EAAS,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,MAAAC,EAAQ,SAAU,SAAAC,KAA4B,CACzF,MAAMC,EAAY,IAAIH,CAAI,GAE1B,OACEI,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACxB,SAAA,CAAAC,EAAAA,kBAAAA,IAACH,GAAW,SAAAF,CAAA,CAAM,EACjBC,GAAYI,EAAAA,kBAAAA,IAAC,IAAA,CAAG,SAAAJ,CAAA,CAAS,EACzBH,GAAYA,CAAA,EACf,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":"sJAWaA,EAAS,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,MAAAC,EAAQ,SAAU,SAAAC,KAA4B,CACzF,MAAMC,EAAY,IAAIH,CAAI,GAE1B,OACEI,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACxB,SAAA,CAAAC,EAAAA,IAACH,GAAW,SAAAF,CAAA,CAAM,EACjBC,GAAYI,EAAAA,IAAC,IAAA,CAAG,SAAAJ,CAAA,CAAS,EACzBH,GAAYA,CAAA,EACf,CAEJ"}

package/dist/components/header/index.js

@@ -1,15 +1,15 @@
-import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
-import '../../assets/index12.css';const n = "_header_1xswd_1", o = {
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import '../../assets/index13.css';const n = "_header_1xswd_1", o = {
   header: n
-}, c = ({ children: r, size: a = 1, label: d = "Header", subtitle: s }) => {
-  const h = `h${a}`;
-  return /* @__PURE__ */ e.jsxs("header", { className: o.header, children: [
-    /* @__PURE__ */ e.jsx(h, { children: d }),
-    s && /* @__PURE__ */ e.jsx("p", { children: s }),
-    r && r
+}, x = ({ children: e, size: d = 1, label: s = "Header", subtitle: r }) => {
+  const h = `h${d}`;
+  return /* @__PURE__ */ c("header", { className: o.header, children: [
+    /* @__PURE__ */ a(h, { children: s }),
+    r && /* @__PURE__ */ a("p", { children: r }),
+    e && e
   ] });
 };
 export {
-  c as Header
+  x as Header
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":";;;GAWaA,IAAS,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,GAAG,OAAAC,IAAQ,UAAU,UAAAC,QAA4B;AACzF,QAAMC,IAAY,IAAIH,CAAI;AAE1B,SACEI,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACH,KAAW,UAAAF,EAAA,CAAM;AAAA,IACjBC,KAAYI,gBAAAA,EAAAA,IAAC,KAAA,EAAG,UAAAJ,EAAA,CAAS;AAAA,IACzBH,KAAYA;AAAA,EAAA,GACf;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":";;;GAWaA,IAAS,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,GAAG,OAAAC,IAAQ,UAAU,UAAAC,QAA4B;AACzF,QAAMC,IAAY,IAAIH,CAAI;AAE1B,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAA,gBAAAC,EAACH,KAAW,UAAAF,EAAA,CAAM;AAAA,IACjBC,KAAY,gBAAAI,EAAC,KAAA,EAAG,UAAAJ,EAAA,CAAS;AAAA,IACzBH,KAAYA;AAAA,EAAA,GACf;AAEJ;"}

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),r=require("../../classix-5H4IWnMA.cjs");function u(s){return`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${s}' /%3E%3C/svg%3E%0A")`}const i={bold:"M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",chevron:"m19.5 8.25-7.5 7.5-7.5-7.5",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",italic:"M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",link:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",list:"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",x:"M6 18 18 6M6 6l12 12"},c="_icon_u4umi_1",h="_small_u4umi_8",d="_medium_u4umi_13",_="_large_u4umi_18",p="_dialog_u4umi_27",g="_white_u4umi_31",v="_wrapper_u4umi_35",e={icon:c,small:h,medium:d,large:_,default:"_default_u4umi_23",dialog:p,white:g,wrapper:v},x={medium:e.medium,large:e.large,small:e.small},w={default:e.default,dialog:e.dialog,white:e.white},j=({name:s="home",size:o="medium",variant:m="default"})=>{const n={maskImage:u(i[s].toString())},l=({children:a})=>m==="dialog"?t.jsxRuntimeExports.jsx("span",{className:e.wrapper,"data-testid":"wrapper",children:a}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a});return t.jsxRuntimeExports.jsx(l,{children:t.jsxRuntimeExports.jsx("span",{className:r.t(x[o],e.icon,w[m]),style:n})})},M=()=>Object.keys(i);exports.Icon=j;exports.Icons=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs");function r(m){return`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${m}' /%3E%3C/svg%3E%0A")`}const i={bold:"M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",chevron:"m19.5 8.25-7.5 7.5-7.5-7.5",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",italic:"M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",link:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",list:"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",x:"M6 18 18 6M6 6l12 12"},u="_icon_u4umi_1",h="_small_u4umi_8",d="_medium_u4umi_13",_="_large_u4umi_18",g="_dialog_u4umi_27",v="_white_u4umi_31",p="_wrapper_u4umi_35",e={icon:u,small:h,medium:d,large:_,default:"_default_u4umi_23",dialog:g,white:v,wrapper:p},w={medium:e.medium,large:e.large,small:e.small},M={default:e.default,dialog:e.dialog,white:e.white},Z=({name:m="home",size:o="medium",variant:t="default"})=>{const l={maskImage:r(i[m].toString())},n=({children:s})=>t==="dialog"?a.jsx("span",{className:e.wrapper,"data-testid":"wrapper",children:s}):a.jsx(a.Fragment,{children:s});return a.jsx(n,{children:a.jsx("span",{className:c.t(w[o],e.icon,M[t]),style:l})})},x=()=>Object.keys(i);exports.Icon=Z;exports.Icons=x;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","Wrapper","children","jsx","cx","Icons"],"mappings":"0KAAO,SAASA,EAASC,EAAkB,CACzC,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,QAAS,6BACT,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OAAQ,gFACR,EAAG,sBACL,0OCPMC,EAAQ,CACZ,OAAQC,EAAO,OACf,MAAOA,EAAO,MACd,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,QAASD,EAAO,QAChB,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EAQaE,EAAO,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,SAAU,QAAAC,EAAU,aAA2B,CAC1F,MAAMC,EAAY,CAChB,UAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU,CAAA,EAG1CI,EAAU,CAAC,CAAE,SAAAC,CAAA,IACjBH,IAAY,SACVI,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWT,EAAO,QAClB,cAAY,UAEX,SAAAQ,CAAA,CAAA,wDAGA,SAAAA,EAAS,EAGhB,+BACGD,EAAA,CACC,SAAAE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGX,EAAMK,CAAI,EAAGJ,EAAO,KAAMC,EAASI,CAAO,CAAC,EACzD,MAAOC,CAAA,CAAA,EAEX,CAEJ,EAEaK,EAAQ,IACZ,OAAO,KAAKb,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","Wrapper","children","jsx","cx","Icons"],"mappings":"6JAAO,SAASA,EAASC,EAAkB,CACzC,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,QAAS,6BACT,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OAAQ,gFACR,EAAG,sBACL,0OCPMC,EAAQ,CACZ,OAAQC,EAAO,OACf,MAAOA,EAAO,MACd,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,QAASD,EAAO,QAChB,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EAQaE,EAAO,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,SAAU,QAAAC,EAAU,aAA2B,CAC1F,MAAMC,EAAY,CAChB,UAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU,CAAA,EAG1CI,EAAU,CAAC,CAAE,SAAAC,CAAA,IACjBH,IAAY,SACVI,EAAAA,IAAC,OAAA,CACC,UAAWT,EAAO,QAClB,cAAY,UAEX,SAAAQ,CAAA,CAAA,oBAGA,SAAAA,EAAS,EAGhB,aACGD,EAAA,CACC,SAAAE,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGX,EAAMK,CAAI,EAAGJ,EAAO,KAAMC,EAASI,CAAO,CAAC,EACzD,MAAOC,CAAA,CAAA,EAEX,CAEJ,EAEaK,EAAQ,IACZ,OAAO,KAAKb,CAAS"}

package/dist/components/icon/index.js

@@ -1,9 +1,9 @@
-import { j as a } from "../../jsx-runtime-CDbhiqmm.js";
+import { jsx as a, Fragment as n } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';function c(e) {
+import '../../assets/index19.css';function c(e) {
   return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${e}' /%3E%3C/svg%3E%0A")`;
 }
-const o = {
+const s = {
   bold: "M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",
   chevron: "m19.5 8.25-7.5 7.5-7.5-7.5",
   home: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",
@@ -25,31 +25,31 @@ const o = {
   medium: m.medium,
   large: m.large,
   small: m.small
-}, x = {
+}, M = {
   default: m.default,
   dialog: m.dialog,
   white: m.white
-}, f = ({ name: e = "home", size: i = "medium", variant: t = "default" }) => {
+}, H = ({ name: e = "home", size: i = "medium", variant: t = "default" }) => {
   const l = {
-    maskImage: c(o[e].toString())
-  }, n = ({ children: s }) => t === "dialog" ? /* @__PURE__ */ a.jsx(
+    maskImage: c(s[e].toString())
+  };
+  return /* @__PURE__ */ a(({ children: o }) => t === "dialog" ? /* @__PURE__ */ a(
     "span",
     {
       className: m.wrapper,
       "data-testid": "wrapper",
-      children: s
+      children: o
     }
-  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: s });
-  return /* @__PURE__ */ a.jsx(n, { children: /* @__PURE__ */ a.jsx(
+  ) : /* @__PURE__ */ a(n, { children: o }), { children: /* @__PURE__ */ a(
     "span",
     {
-      className: r(w[i], m.icon, x[t]),
+      className: r(w[i], m.icon, M[t]),
       style: l
     }
   ) });
-}, j = () => Object.keys(o);
+}, x = () => Object.keys(s);
 export {
-  f as Icon,
-  j as Icons
+  H as Icon,
+  x as Icons
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","Wrapper","children","jsx","cx","Icons"],"mappings":";;AAAO,SAASA,EAASC,GAAkB;AACzC,SAAO,mMAAmMA,CAAQ;AACpN;AAEO,MAAMC,IAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AACL;;;;;;;;;GCPMC,IAAQ;AAAA,EACZ,QAAQC,EAAO;AAAA,EACf,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAQaE,IAAO,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,UAAU,SAAAC,IAAU,gBAA2B;AAC1F,QAAMC,IAAY;AAAA,IAChB,WAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU;AAAA,EAAA,GAG1CI,IAAU,CAAC,EAAE,UAAAC,EAAA,MACjBH,MAAY,WACVI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAO;AAAA,MAClB,eAAY;AAAA,MAEX,UAAAQ;AAAA,IAAA;AAAA,EAAA,wCAGA,UAAAA,GAAS;AAGhB,+BACGD,GAAA,EACC,UAAAE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAMK,CAAI,GAAGJ,EAAO,MAAMC,EAASI,CAAO,CAAC;AAAA,MACzD,OAAOC;AAAA,IAAA;AAAA,EAAA,GAEX;AAEJ,GAEaK,IAAQ,MACZ,OAAO,KAAKb,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","children","jsx","cx","Icons"],"mappings":";;AAAO,SAASA,EAASC,GAAkB;AACzC,SAAO,mMAAmMA,CAAQ;AACpN;AAEO,MAAMC,IAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AACL;;;;;;;;;GCPMC,IAAQ;AAAA,EACZ,QAAQC,EAAO;AAAA,EACf,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAQaE,IAAO,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,UAAU,SAAAC,IAAU,gBAA2B;AAC1F,QAAMC,IAAY;AAAA,IAChB,WAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU;AAAA,EAAA;AAehD,2BAZgB,CAAC,EAAE,UAAAI,EAAA,MACjBF,MAAY,WACV,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWR,EAAO;AAAA,MAClB,eAAY;AAAA,MAEX,UAAAO;AAAA,IAAA;AAAA,EAAA,2BAGA,UAAAA,GAAS,GAIb,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGV,EAAMK,CAAI,GAAGJ,EAAO,MAAMC,EAASI,CAAO,CAAC;AAAA,MACzD,OAAOC;AAAA,IAAA;AAAA,EAAA,GAEX;AAEJ,GAEaI,IAAQ,MACZ,OAAO,KAAKZ,CAAS;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const i=require("../../jsx-runtime-BJcCX4ED.cjs"),o=require("../../classix-5H4IWnMA.cjs"),c=require("react"),p="_input_1qkbh_1",a={input:p},l=c.forwardRef(({className:t,disabled:e=!1,placeholder:s,type:n="text",...r},u)=>i.jsxRuntimeExports.jsx("input",{ref:u,className:o.t(a.input,t),disabled:e,placeholder:s,type:n,...r}));exports.Input=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("react"),p="_input_drn1u_1",d="_label_drn1u_13",s={input:p,label:d},b=o.forwardRef(({className:n,disabled:r=!1,label:t,placeholder:l,type:u="text",...i},a)=>e.jsxs("label",{children:[t&&e.jsx("span",{className:s.label,children:t}),e.jsx("input",{ref:a,className:c.t(s.input,n),disabled:r,placeholder:l,type:u,...i})]}));exports.Input=b;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  placeholder?: string;\n  type?: 'text' | 'password' | 'search' | 'number';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cx(styles.input, className)}\n        disabled={disabled}\n        placeholder={placeholder}\n        type={type}\n        {...props}\n      />\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","placeholder","type","props","ref","jsx","cx","styles"],"mappings":"4NAWaA,EAAQC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAO,YAAAC,EAAa,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EAASC,IAEpEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,EAAGC,EAAO,MAAOR,CAAS,EACrC,SAAAC,EACA,YAAAC,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CAIZ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, label, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <label>\n        {label && <span className={styles.label}>{label}</span>}\n        <input\n          ref={ref}\n          className={cx(styles.input, className)}\n          disabled={disabled}\n          placeholder={placeholder}\n          type={type}\n          {...props}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","label","placeholder","type","props","ref","jsx","styles","cx"],"mappings":"2OAYaA,EAAQC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAO,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EAASC,WAE1E,QAAA,CACE,SAAA,CAAAJ,GAASK,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,MAAQ,SAAAN,EAAM,EAChDK,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWG,EAAAA,EAAGD,EAAO,MAAOR,CAAS,EACrC,SAAAC,EACA,YAAAE,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CACN,EACF,CAGN"}

package/dist/components/input/index.js

@@ -1,22 +1,26 @@
-import { j as i } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as e } from "../../classix-DG18itHa.js";
-import { forwardRef as m } from "react";
-import '../../assets/index7.css';const u = "_input_1qkbh_1", f = {
-  input: u
-}, j = m(
-  ({ className: t, disabled: o = !1, placeholder: r, type: s = "text", ...n }, p) => /* @__PURE__ */ i.jsx(
-    "input",
-    {
-      ref: p,
-      className: e(f.input, t),
-      disabled: o,
-      placeholder: r,
-      type: s,
-      ...n
-    }
-  )
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { t as u } from "../../classix-DG18itHa.js";
+import { forwardRef as c } from "react";
+import '../../assets/index8.css';const m = "_input_drn1u_1", f = "_label_drn1u_13", r = {
+  input: m,
+  label: f
+}, x = c(
+  ({ className: s, disabled: e = !1, label: t, placeholder: l, type: o = "text", ...a }, p) => /* @__PURE__ */ i("label", { children: [
+    t && /* @__PURE__ */ n("span", { className: r.label, children: t }),
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: p,
+        className: u(r.input, s),
+        disabled: e,
+        placeholder: l,
+        type: o,
+        ...a
+      }
+    )
+  ] })
 );
 export {
-  j as Input
+  x as Input
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  placeholder?: string;\n  type?: 'text' | 'password' | 'search' | 'number';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cx(styles.input, className)}\n        disabled={disabled}\n        placeholder={placeholder}\n        type={type}\n        {...props}\n      />\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","placeholder","type","props","ref","jsx","cx","styles"],"mappings":";;;;;GAWaA,IAAQC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,UAAAC,IAAW,IAAO,aAAAC,GAAa,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAASC,MAEpEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGC,EAAO,OAAOR,CAAS;AAAA,MACrC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, label, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <label>\n        {label && <span className={styles.label}>{label}</span>}\n        <input\n          ref={ref}\n          className={cx(styles.input, className)}\n          disabled={disabled}\n          placeholder={placeholder}\n          type={type}\n          {...props}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","label","placeholder","type","props","ref","jsx","styles","cx"],"mappings":";;;;;;GAYaA,IAAQC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,UAAAC,IAAW,IAAO,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAASC,wBAE1E,SAAA,EACE,UAAA;AAAA,IAAAJ,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAAN,GAAM;AAAA,IAChD,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAWG,EAAGD,EAAO,OAAOR,CAAS;AAAA,QACrC,UAAAC;AAAA,QACA,aAAAE;AAAA,QACA,MAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAGN;"}

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),l=require("../../classix-5H4IWnMA.cjs"),o="_link_hn9kh_1",c={link:o},u=({children:e,className:n,to:s="#",label:t,...i})=>r.jsxRuntimeExports.jsx("a",{className:l.t(n,c.link),href:s,...i,children:e||t});exports.Link=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),c="_link_hn9kh_1",o={link:c},k=({children:e,className:n,to:s="#",label:t,...i})=>r.jsx("a",{className:l.t(n,o.link),href:s,...i,children:e||t});exports.Link=k;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":"uMAWaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,IAAK,MAAAC,EAAO,GAAGC,KAE5DC,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWM,EAAO,IAAI,EACpC,KAAML,EACL,GAAGE,EAEH,YAAsBD,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":"0LAWaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,IAAK,MAAAC,EAAO,GAAGC,KAE5DC,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWM,EAAO,IAAI,EACpC,KAAML,EACL,GAAGE,EAEH,YAAsBD,CAAA,CAAA"}

package/dist/components/link/index.js

@@ -1,17 +1,17 @@
-import { j as i } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index4.css';const k = "_link_hn9kh_1", l = {
-  link: k
-}, c = ({ children: n, className: s, to: t = "#", label: o, ...r }) => /* @__PURE__ */ i.jsx(
+import { jsx as i } from "react/jsx-runtime";
+import { t as k } from "../../classix-DG18itHa.js";
+import '../../assets/index4.css';const l = "_link_hn9kh_1", e = {
+  link: l
+}, a = ({ children: n, className: t, to: o = "#", label: r, ...s }) => /* @__PURE__ */ i(
   "a",
   {
-    className: e(s, l.link),
-    href: t,
-    ...r,
-    children: n || o
+    className: k(t, e.link),
+    href: o,
+    ...s,
+    children: n || r
   }
 );
 export {
-  c as Link
+  a as Link
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":";;;;GAWaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,IAAAC,IAAK,KAAK,OAAAC,GAAO,GAAGC,QAE5DC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,GAAWM,EAAO,IAAI;AAAA,IACpC,MAAML;AAAA,IACL,GAAGE;AAAA,IAEH,eAAsBD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":";;;;GAWaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,IAAAC,IAAK,KAAK,OAAAC,GAAO,GAAGC,QAE5D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,GAAWM,EAAO,IAAI;AAAA,IACpC,MAAML;AAAA,IACL,GAAGE;AAAA,IAEH,eAAsBD;AAAA,EAAA;AAAA;"}

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),i=require("../../classix-5H4IWnMA.cjs"),l="_list_1f3ya_1",r={list:l},n=({children:s,className:t})=>e.jsxRuntimeExports.jsx("ul",{className:i.t(t,r.list),children:s});exports.List=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_list_1f3ya_1",r={list:l},c=({children:s,className:t})=>e.jsx("ul",{className:i.t(t,r.list),children:s});exports.List=c;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":"uMASaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACxBC,EAAAA,kBAAAA,IAAC,MAAG,UAAWC,EAAAA,EAAGF,EAAWG,EAAO,IAAI,EAAI,SAAAJ,EAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":"0LASaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACxBC,EAAAA,IAAC,MAAG,UAAWC,EAAAA,EAAGF,EAAWG,EAAO,IAAI,EAAI,SAAAJ,EAAS"}

package/dist/components/list/index.js

@@ -1,9 +1,9 @@
-import { j as o } from "../../jsx-runtime-CDbhiqmm.js";
+import { jsx as o } from "react/jsx-runtime";
 import { t as i } from "../../classix-DG18itHa.js";
-import '../../assets/index3.css';const r = "_list_1f3ya_1", l = {
-  list: r
-}, n = ({ children: s, className: t }) => /* @__PURE__ */ o.jsx("ul", { className: i(t, l.list), children: s });
+import '../../assets/index3.css';const l = "_list_1f3ya_1", r = {
+  list: l
+}, e = ({ children: t, className: s }) => /* @__PURE__ */ o("ul", { className: i(s, r.list), children: t });
 export {
-  n as List
+  e as List
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":";;;;GASaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,QACxBC,gBAAAA,EAAAA,IAAC,QAAG,WAAWC,EAAGF,GAAWG,EAAO,IAAI,GAAI,UAAAJ,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":";;;;GASaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,QACxB,gBAAAC,EAAC,QAAG,WAAWC,EAAGF,GAAWG,EAAO,IAAI,GAAI,UAAAJ,GAAS;"}

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const o=require("../../jsx-runtime-BJcCX4ED.cjs"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_tvxly_1",r="_horizontal_tvxly_11",c="_tabs_tvxly_18",v="_pills_tvxly_38",t={nav:i,horizontal:r,tabs:c,pills:v},_={default:"",tabs:t.tabs,pills:t.pills},u=({animation:s,children:l,horizontal:a=!1,variant:n="default"})=>o.jsxRuntimeExports.jsx("nav",{className:e.t(s&&s,a&&t.horizontal,t.nav,_[n]),"data-orientation":a?"horizontal":"vertical",children:l});exports.Nav=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const o=require("react/jsx-runtime"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_tvxly_1",r="_horizontal_tvxly_11",c="_tabs_tvxly_18",v="_pills_tvxly_38",t={nav:i,horizontal:r,tabs:c,pills:v},_={default:"",tabs:t.tabs,pills:t.pills},u=({animation:s,children:l,horizontal:a=!1,variant:n="default"})=>o.jsx("nav",{className:e.t(s&&s,a&&t.horizontal,t.nav,_[n]),"data-orientation":a?"horizontal":"vertical",children:l});exports.Nav=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":"iSAKMA,EAAW,CACf,QAAS,GACT,KAAMC,EAAO,KACb,MAAOA,EAAO,KAChB,EASaC,EAAM,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAa,GAAO,QAAAC,EAAU,aAErEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EACTL,GAAaA,EACbE,GAAcJ,EAAO,WACrBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAAD,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":"oRAKMA,EAAW,CACf,QAAS,GACT,KAAMC,EAAO,KACb,MAAOA,EAAO,KAChB,EASaC,EAAM,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAa,GAAO,QAAAC,EAAU,aAErEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EACTL,GAAaA,EACbE,GAAcJ,EAAO,WACrBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAAD,CAAA,CAAA"}

package/dist/components/nav/index.js

@@ -1,25 +1,25 @@
-import { j as n } from "../../jsx-runtime-CDbhiqmm.js";
+import { jsx as n } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index2.css';const i = "_nav_tvxly_1", v = "_horizontal_tvxly_11", _ = "_tabs_tvxly_18", e = "_pills_tvxly_38", t = {
+import '../../assets/index2.css';const i = "_nav_tvxly_1", v = "_horizontal_tvxly_11", _ = "_tabs_tvxly_18", c = "_pills_tvxly_38", t = {
   nav: i,
   horizontal: v,
   tabs: _,
-  pills: e
-}, c = {
+  pills: c
+}, e = {
   default: "",
   tabs: t.tabs,
   pills: t.pills
-}, b = ({ animation: s, children: l, horizontal: a = !1, variant: o = "default" }) => /* @__PURE__ */ n.jsx(
+}, b = ({ animation: a, children: s, horizontal: l = !1, variant: o = "default" }) => /* @__PURE__ */ n(
   "nav",
   {
     className: r(
-      s && s,
-      a && t.horizontal,
+      a && a,
+      l && t.horizontal,
       t.nav,
-      c[o]
+      e[o]
     ),
-    "data-orientation": a ? "horizontal" : "vertical",
-    children: l
+    "data-orientation": l ? "horizontal" : "vertical",
+    children: s
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":";;;;;;;GAKMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAMC,EAAO;AAAA,EACb,OAAOA,EAAO;AAChB,GASaC,IAAM,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAO,SAAAC,IAAU,gBAErEC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MACTL,KAAaA;AAAA,MACbE,KAAcJ,EAAO;AAAA,MACrBA,EAAO;AAAA,MACPD,EAASM,CAAO;AAAA,IAAA;AAAA,IAElB,oBAAkBD,IAAa,eAAe;AAAA,IAE7C,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":";;;;;;;GAKMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAMC,EAAO;AAAA,EACb,OAAOA,EAAO;AAChB,GASaC,IAAM,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAO,SAAAC,IAAU,gBAErE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MACTL,KAAaA;AAAA,MACbE,KAAcJ,EAAO;AAAA,MACrBA,EAAO;AAAA,MACPD,EAASM,CAAO;AAAA,IAAA;AAAA,IAElB,oBAAkBD,IAAa,eAAe;AAAA,IAE7C,UAAAD;AAAA,EAAA;AAAA;"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/accordion/index.cjs"),e=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/dialog/index.cjs"),d=require("./components/dropdown/index.cjs"),s=require("./components/editor/index.cjs"),_=require("./components/figure/index.cjs"),u=require("./components/header/index.cjs"),p=require("./components/icon/index.cjs"),a=require("./components/input/index.cjs"),m=require("./components/link/index.cjs"),q=require("./components/list/index.cjs"),x=require("./components/nav/index.cjs");exports.Accordion=n.Accordion;exports.AccordionGroup=n.AccordionGroup;exports.Aside=e.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Dialog=c.Dialog;exports.Dropdown=d.Dropdown;exports.Editor=s.Editor;exports.Figure=_.Figure;exports.Header=u.Header;exports.Icon=p.Icon;exports.Input=a.Input;exports.Link=m.Link;exports.List=q.List;exports.Nav=x.Nav;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/accordion/index.cjs"),e=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/dialog/index.cjs"),d=require("./components/dropdown/index.cjs"),s=require("./components/editor/index.cjs"),_=require("./components/figure/index.cjs"),u=require("./components/form/index.cjs"),p=require("./components/header/index.cjs"),a=require("./components/icon/index.cjs"),m=require("./components/input/index.cjs"),q=require("./components/link/index.cjs"),x=require("./components/list/index.cjs"),g=require("./components/nav/index.cjs");exports.Accordion=n.Accordion;exports.AccordionGroup=n.AccordionGroup;exports.Aside=e.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Dialog=c.Dialog;exports.Dropdown=d.Dropdown;exports.Editor=s.Editor;exports.Figure=_.Figure;exports.Form=u.Form;exports.Header=p.Header;exports.Icon=a.Icon;exports.Input=m.Input;exports.Link=q.Link;exports.List=x.List;exports.Nav=g.Nav;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -89,18 +89,21 @@ declare type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {
     title?: string;
 };
 
-export declare const Dropdown: ({ children, ...props }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ children, label, placeholder, ...props }: DropdownProps) => JSX.Element;
 
 declare type DropdownProps = {
     children?: React.ReactNode;
+    label?: string;
+    placeholder?: string;
 };
 
-export declare const Editor: ({ autofocus, autolink, content, onChange }: EditorProps) => JSX.Element;
+export declare const Editor: ({ autofocus, autolink, content, inline, onChange, }: EditorProps) => JSX.Element;
 
 declare type EditorProps = {
     autofocus?: boolean;
     autolink?: boolean;
     content?: string;
+    inline?: boolean;
     onChange?: (html: string) => void;
 };
 
@@ -111,6 +114,14 @@ declare type FigureProps = {
     label?: string;
 };
 
+export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
+
+declare type FormProps = {
+    animation?: AnimationName;
+    children?: React.ReactNode;
+    inline?: boolean;
+};
+
 export declare const Header: ({ children, size, label, subtitle }: HeaderProps) => JSX.Element;
 
 declare type HeaderProps = {
@@ -143,8 +154,9 @@ declare type IconProps = {
 
 export declare const Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
 disabled?: boolean;
+label?: string;
 placeholder?: string;
-type?: "text" | "password" | "search" | "number";
+type?: "email" | "number" | "password" | "search" | "tel" | "text";
 } & RefAttributes<HTMLInputElement>>;
 
 export declare const Link: ({ children, className, to, label, ...props }: LinkProps) => JSX.Element;