@solibo/solibo-ui 0.2.7 → 0.2.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type HeaderProps = {\n  size: 1  | 2 | 3,\n  title: string,\n  subtitle?: string,\n};\n\nconst renderHeading = (size: HeaderProps['size'], title: string) => {\n  switch (size) {\n    case 1:\n      return <h1>{title}</h1>;\n    case 2:\n      return <h2>{title}</h2>;\n    case 3:\n      return <h3>{title}</h3>;\n    default:\n      return null;\n  }\n};\n\nexport const Header = ({size = 1, title = 'Header', subtitle }: HeaderProps) => {\n  return (\n    <header className={styles.header}>\n      {renderHeading(size, title)}\n      {subtitle && <p>{subtitle}</p>}\n    </header>\n  );\n};\n"],"names":["renderHeading","size","title","jsx","Header","subtitle","jsxs","styles"],"mappings":"mKAQMA,EAAgB,CAACC,EAA2BC,IAAkB,CAClE,OAAQD,EAAA,CACN,IAAK,GACH,OAAOE,EAAAA,kBAAAA,IAAC,MAAI,SAAAD,CAAA,CAAM,EACpB,IAAK,GACH,OAAOC,EAAAA,kBAAAA,IAAC,MAAI,SAAAD,CAAA,CAAM,EACpB,IAAK,GACH,OAAOC,EAAAA,kBAAAA,IAAC,MAAI,SAAAD,CAAA,CAAM,EACpB,QACE,OAAO,IAAA,CAEb,EAEaE,EAAS,CAAC,CAAC,KAAAH,EAAO,EAAG,MAAAC,EAAQ,SAAU,SAAAG,KAEhDC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAP,EAAcC,EAAMC,CAAK,EACzBG,GAAYF,EAAAA,kBAAAA,IAAC,IAAA,CAAG,SAAAE,CAAA,CAAS,CAAA,EAC5B"}

package/dist/components/header/index.js

@@ -0,0 +1,22 @@
+import { j as r } from "../../jsx-runtime-CgJvvRaT.js";
+import '../../assets/index5.css';const d = "_header_1xswd_1", a = {
+  header: d
+}, c = (s, e) => {
+  switch (s) {
+    case 1:
+      return /* @__PURE__ */ r.jsx("h1", { children: e });
+    case 2:
+      return /* @__PURE__ */ r.jsx("h2", { children: e });
+    case 3:
+      return /* @__PURE__ */ r.jsx("h3", { children: e });
+    default:
+      return null;
+  }
+}, t = ({ size: s = 1, title: e = "Header", subtitle: n }) => /* @__PURE__ */ r.jsxs("header", { className: a.header, children: [
+  c(s, e),
+  n && /* @__PURE__ */ r.jsx("p", { children: n })
+] });
+export {
+  t as Header
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type HeaderProps = {\n  size: 1  | 2 | 3,\n  title: string,\n  subtitle?: string,\n};\n\nconst renderHeading = (size: HeaderProps['size'], title: string) => {\n  switch (size) {\n    case 1:\n      return <h1>{title}</h1>;\n    case 2:\n      return <h2>{title}</h2>;\n    case 3:\n      return <h3>{title}</h3>;\n    default:\n      return null;\n  }\n};\n\nexport const Header = ({size = 1, title = 'Header', subtitle }: HeaderProps) => {\n  return (\n    <header className={styles.header}>\n      {renderHeading(size, title)}\n      {subtitle && <p>{subtitle}</p>}\n    </header>\n  );\n};\n"],"names":["renderHeading","size","title","jsx","Header","subtitle","jsxs","styles"],"mappings":";;;GAQMA,IAAgB,CAACC,GAA2BC,MAAkB;AAClE,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAOE,gBAAAA,EAAAA,IAAC,QAAI,UAAAD,EAAA,CAAM;AAAA,IACpB,KAAK;AACH,aAAOC,gBAAAA,EAAAA,IAAC,QAAI,UAAAD,EAAA,CAAM;AAAA,IACpB,KAAK;AACH,aAAOC,gBAAAA,EAAAA,IAAC,QAAI,UAAAD,EAAA,CAAM;AAAA,IACpB;AACE,aAAO;AAAA,EAAA;AAEb,GAEaE,IAAS,CAAC,EAAC,MAAAH,IAAO,GAAG,OAAAC,IAAQ,UAAU,UAAAG,QAEhDC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAP,EAAcC,GAAMC,CAAK;AAAA,EACzBG,KAAYF,gBAAAA,EAAAA,IAAC,KAAA,EAAG,UAAAE,EAAA,CAAS;AAAA,GAC5B;"}

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const s=require("../../jsx-runtime-wx6f5G-9.cjs"),i=require("classix");function c(t){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='${t}' /%3E%3C/svg%3E%0A")`}const o={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",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"},h="_icon_15h6k_1",u="_small_15h6k_8",d="_medium_15h6k_13",p="_large_15h6k_18",g="_dialog_15h6k_27",_="_wrapper_15h6k_31",e={icon:h,small:u,medium:d,large:p,default:"_default_15h6k_23",dialog:g,wrapper:_},v={medium:e.medium,large:e.large,small:e.small},x={default:e.default,dialog:e.dialog},k=({name:t="home",size:n="medium",variant:a="default"})=>{const l={maskImage:c(o[t].toString())},r=({children:m})=>a==="dialog"?s.jsxRuntimeExports.jsx("span",{className:e.wrapper,"data-testid":"wrapper",children:m}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:m});return s.jsxRuntimeExports.jsx(r,{children:s.jsxRuntimeExports.jsx("span",{className:i(v[n],e.icon,x[a]),style:l})})},j=()=>Object.keys(o);exports.Icon=k;exports.Icons=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const t=require("../../jsx-runtime-wx6f5G-9.cjs"),l=require("classix");function r(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 o={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"},h="_icon_1mjc4_1",u="_small_1mjc4_8",d="_medium_1mjc4_13",_="_large_1mjc4_18",p="_dialog_1mjc4_27",g="_white_1mjc4_31",j="_wrapper_1mjc4_35",e={icon:h,small:u,medium:d,large:_,default:"_default_1mjc4_23",dialog:p,white:g,wrapper:j},v={medium:e.medium,large:e.large,small:e.small},x={default:e.default,dialog:e.dialog,white:e.white},w=({name:s="home",size:n="medium",variant:m="default"})=>{const c={maskImage:r(o[s].toString())},i=({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(i,{children:t.jsxRuntimeExports.jsx("span",{className:l(v[n],e.icon,x[m]),style:c})})},Z=()=>Object.keys(o);exports.Icon=w;exports.Icons=Z;
 //# 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  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};\n","import cx from 'classix';\n\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};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: keyof typeof iconPaths;\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":"uJAAO,SAASA,EAASC,EAAkB,CACzC,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OAAQ,+EACV,8MCNMC,EAAQ,CACZ,OAAQC,EAAO,OACf,MAAOA,EAAO,MACd,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,QAASD,EAAO,QAChB,OAAQA,EAAO,MACjB,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,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};\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":"uJAAO,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,+EACV,0OCNMC,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,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,51 +1,54 @@
-import { j as m } from "../../jsx-runtime-CgJvvRaT.js";
-import h from "classix";
-import '../../assets/index6.css';function c(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")`;
+import { j as a } from "../../jsx-runtime-CgJvvRaT.js";
+import i from "classix";
+import '../../assets/index17.css';function r(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 = {
   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"
-}, i = "_icon_15h6k_1", d = "_small_15h6k_8", p = "_medium_15h6k_13", _ = "_large_15h6k_18", g = "_dialog_15h6k_27", u = "_wrapper_15h6k_31", a = {
-  icon: i,
+}, h = "_icon_1mjc4_1", d = "_small_1mjc4_8", _ = "_medium_1mjc4_13", p = "_large_1mjc4_18", g = "_dialog_1mjc4_27", v = "_white_1mjc4_31", u = "_wrapper_1mjc4_35", m = {
+  icon: h,
   small: d,
-  medium: p,
-  large: _,
-  default: "_default_15h6k_23",
+  medium: _,
+  large: p,
+  default: "_default_1mjc4_23",
   dialog: g,
+  white: v,
   wrapper: u
-}, v = {
-  medium: a.medium,
-  large: a.large,
-  small: a.small
-}, k = {
-  default: a.default,
-  dialog: a.dialog
-}, Z = ({ name: s = "home", size: l = "medium", variant: e = "default" }) => {
-  const n = {
-    maskImage: c(o[s].toString())
-  }, r = ({ children: t }) => e === "dialog" ? /* @__PURE__ */ m.jsx(
+}, j = {
+  medium: m.medium,
+  large: m.large,
+  small: m.small
+}, w = {
+  default: m.default,
+  dialog: m.dialog,
+  white: m.white
+}, f = ({ name: e = "home", size: c = "medium", variant: t = "default" }) => {
+  const l = {
+    maskImage: r(o[e].toString())
+  }, n = ({ children: s }) => t === "dialog" ? /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: a.wrapper,
+      className: m.wrapper,
       "data-testid": "wrapper",
-      children: t
+      children: s
     }
-  ) : /* @__PURE__ */ m.jsx(m.Fragment, { children: t });
-  return /* @__PURE__ */ m.jsx(r, { children: /* @__PURE__ */ m.jsx(
+  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: s });
+  return /* @__PURE__ */ a.jsx(n, { children: /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: h(v[l], a.icon, k[e]),
-      style: n
+      className: i(j[c], m.icon, w[t]),
+      style: l
     }
   ) });
-}, f = () => Object.keys(o);
+}, M = () => Object.keys(o);
 export {
-  Z as Icon,
-  f as Icons
+  f as Icon,
+  M 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  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};\n","import cx from 'classix';\n\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};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: keyof typeof iconPaths;\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,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AACV;;;;;;;;GCNMC,IAAQ;AAAA,EACZ,QAAQC,EAAO;AAAA,EACf,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AACjB,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};\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;AACV;;;;;;;;;GCNMC,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;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const i=require("../../jsx-runtime-wx6f5G-9.cjs"),o=require("classix"),c=require("react"),p="_input_1qkbh_1",a={input:p},l=c.forwardRef(({className:t,disabled:e=!1,placeholder:n,type:s="text",...r},u)=>i.jsxRuntimeExports.jsx("input",{ref:u,className:o(a.input,t),disabled:e,placeholder:n,type:s,...r}));exports.Input=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const i=require("../../jsx-runtime-wx6f5G-9.cjs"),o=require("classix"),c=require("react"),p="_input_1qkbh_1",a={input:p},l=c.forwardRef(({className:t,disabled:e=!1,placeholder:n,type:s="text",...r},u)=>i.jsxRuntimeExports.jsx("input",{ref:u,className:o(a.input,t),disabled:e,placeholder:n,type:s,...r}));exports.Input=l;
 //# sourceMappingURL=index.cjs.map

package/dist/components/input/index.js

@@ -1,7 +1,7 @@
 import { j as i } from "../../jsx-runtime-CgJvvRaT.js";
 import e from "classix";
 import { forwardRef as m } from "react";
-import '../../assets/index3.css';const u = "_input_1qkbh_1", f = {
+import '../../assets/index8.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(

package/dist/components/link/index.cjs

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

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

@@ -0,0 +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":"oLAWaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,IAAK,MAAAC,EAAO,GAAGC,KAE5DC,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWC,EAAGL,EAAWM,EAAO,IAAI,EACpC,KAAML,EACL,GAAGE,EAEH,YAAsBD,CAAA,CAAA"}

package/dist/components/link/index.js

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

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

@@ -0,0 +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;"}

package/dist/components/list/index.cjs

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

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

@@ -0,0 +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":"oLASaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACxBC,EAAAA,kBAAAA,IAAC,MAAG,UAAWC,EAAGF,EAAWG,EAAO,IAAI,EAAI,SAAAJ,EAAS"}

package/dist/components/list/index.js

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

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

@@ -0,0 +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;"}

package/dist/components/nav/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const a=require("../../jsx-runtime-wx6f5G-9.cjs"),r=require("classix"),s="_nav_1uwvt_1",i="_horizontal_1uwvt_11",o={nav:s,horizontal:i},c=({animation:t,children:e,horizontal:n=!1})=>a.jsxRuntimeExports.jsx("nav",{className:r(t&&t,n&&o.horizontal,o.nav),"data-orientation":n?"horizontal":"vertical",children:e});exports.Nav=c;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport styles from './styles.module.css';\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n};\n\nexport const Nav = ({ animation, children, horizontal = false }: NavProps) => {\n  return (\n    <nav\n      className={cx(animation && animation, horizontal && styles.horizontal, styles.nav)}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["Nav","animation","children","horizontal","jsx","cx","styles"],"mappings":"wNAWaA,EAAM,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAa,MAEpDC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAGJ,GAAaA,EAAWE,GAAcG,EAAO,WAAYA,EAAO,GAAG,EACjF,mBAAkBH,EAAa,aAAe,WAE7C,SAAAD,CAAA,CAAA"}

package/dist/components/nav/index.js

@@ -0,0 +1,17 @@
+import { j as r } from "../../jsx-runtime-CgJvvRaT.js";
+import s from "classix";
+import '../../assets/index2.css';const v = "_nav_1uwvt_1", e = "_horizontal_1uwvt_11", a = {
+  nav: v,
+  horizontal: e
+}, c = ({ animation: t, children: n, horizontal: o = !1 }) => /* @__PURE__ */ r.jsx(
+  "nav",
+  {
+    className: s(t && t, o && a.horizontal, a.nav),
+    "data-orientation": o ? "horizontal" : "vertical",
+    children: n
+  }
+);
+export {
+  c as Nav
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport styles from './styles.module.css';\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n};\n\nexport const Nav = ({ animation, children, horizontal = false }: NavProps) => {\n  return (\n    <nav\n      className={cx(animation && animation, horizontal && styles.horizontal, styles.nav)}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["Nav","animation","children","horizontal","jsx","cx","styles"],"mappings":";;;;;GAWaA,IAAM,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,SAEpDC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGJ,KAAaA,GAAWE,KAAcG,EAAO,YAAYA,EAAO,GAAG;AAAA,IACjF,oBAAkBH,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/banner/index.cjs"),e=require("./components/button/index.cjs"),o=require("./components/dialog/index.cjs"),t=require("./components/editor/index.cjs"),i=require("./components/icon/index.cjs"),r=require("./components/input/index.cjs");exports.Banner=n.Banner;exports.Button=e.Button;exports.Dialog=o.Dialog;exports.Editor=t.Editor;exports.Icon=i.Icon;exports.Input=r.Input;
+"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"),i=require("./components/branding/index.cjs"),r=require("./components/button/index.cjs"),t=require("./components/dialog/index.cjs"),c=require("./components/dropdown/index.cjs"),s=require("./components/editor/index.cjs"),d=require("./components/figure/index.cjs"),_=require("./components/header/index.cjs"),u=require("./components/icon/index.cjs"),p=require("./components/input/index.cjs"),a=require("./components/link/index.cjs"),m=require("./components/list/index.cjs"),q=require("./components/nav/index.cjs");exports.Accordion=n.Accordion;exports.Aside=e.Aside;exports.Banner=o.Banner;exports.Branding=i.Branding;exports.Button=r.Button;exports.Dialog=t.Dialog;exports.Dropdown=c.Dropdown;exports.Editor=s.Editor;exports.Figure=d.Figure;exports.Header=_.Header;exports.Icon=u.Icon;exports.Input=p.Input;exports.Link=a.Link;exports.List=m.List;exports.Nav=q.Nav;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -4,6 +4,27 @@ import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { RefAttributes } from 'react';
 
+export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
+
+declare type AccordionProps = {
+    children: React.ReactNode;
+    icon?: IconName;
+    label: string;
+    open?: boolean;
+};
+
+declare type AnimationName = 'stagger';
+
+export declare const Aside: ({ children, className, sticky, variant }: AsideProps) => JSX.Element;
+
+declare type AsideProps = {
+    className?: string;
+    children?: React.ReactNode;
+    open?: boolean;
+    sticky?: boolean;
+    variant?: keyof typeof variants;
+};
+
 export declare const Banner: ({ button, message, onClick, onDismiss, visible, ...props }: BannerProps) => JSX.Element;
 
 declare type BannerProps = {
@@ -14,6 +35,18 @@ declare type BannerProps = {
     visible?: boolean;
 };
 
+export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.Element;
+
+declare type BrandingProps = {
+    name: keyof typeof brandingSVG;
+    size?: number;
+    variant?: keyof typeof variants_2;
+};
+
+declare const brandingSVG: {
+    logo: string;
+};
+
 export declare const Button: ({ children, className, disabled, label, title, type, variant, ...props }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -22,7 +55,7 @@ declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     disabled?: boolean;
     label?: string;
     title?: string;
-    variant?: keyof typeof variants;
+    variant?: keyof typeof variants_3;
     type?: 'button' | 'submit' | 'reset';
 };
 
@@ -35,6 +68,12 @@ declare type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {
     title?: string;
 };
 
+export declare const Dropdown: ({ children, ...props }: DropdownProps) => JSX.Element;
+
+declare type DropdownProps = {
+    children?: React.ReactNode;
+};
+
 export declare const Editor: ({ autofocus, autolink, content, onChange }: EditorProps) => JSX.Element;
 
 declare type EditorProps = {
@@ -44,10 +83,28 @@ declare type EditorProps = {
     onChange?: (html: string) => void;
 };
 
+export declare const Figure: ({ caption, children }: FigureProps) => JSX.Element;
+
+declare type FigureProps = {
+    caption?: string;
+    children?: React.ReactNode;
+};
+
+export declare const Header: ({ size, title, subtitle }: HeaderProps) => JSX.Element;
+
+declare type HeaderProps = {
+    size: 1 | 2 | 3;
+    title: string;
+    subtitle?: string;
+};
+
 export declare const Icon: ({ name, size, variant }: IconProps) => JSX.Element;
 
+declare type IconName = keyof typeof iconPaths;
+
 declare const iconPaths: {
     bold: string;
+    chevron: string;
     home: string;
     italic: string;
     link: string;
@@ -56,8 +113,8 @@ declare const iconPaths: {
 };
 
 declare type IconProps = {
-    variant?: keyof typeof variants_2;
-    name: keyof typeof iconPaths;
+    variant?: keyof typeof variants_4;
+    name: IconName;
     size?: keyof typeof sizes;
 };
 
@@ -67,6 +124,30 @@ placeholder?: string;
 type?: "text" | "password" | "search" | "number";
 } & RefAttributes<HTMLInputElement>>;
 
+export declare const Link: ({ children, className, to, label, ...props }: LinkProps) => JSX.Element;
+
+declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    label?: string;
+    to?: string;
+};
+
+export declare const List: ({ children, className }: ListProps) => JSX.Element;
+
+declare type ListProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+
+export declare const Nav: ({ animation, children, horizontal }: NavProps) => JSX.Element;
+
+declare type NavProps = {
+    animation?: AnimationName;
+    children?: React.ReactNode;
+    horizontal?: boolean;
+};
+
 declare const sizes: {
     medium: string;
     large: string;
@@ -74,6 +155,17 @@ declare const sizes: {
 };
 
 declare const variants: {
+    default: string;
+    portal: string;
+};
+
+declare const variants_2: {
+    default: string;
+    green: string;
+    white: string;
+};
+
+declare const variants_3: {
     default: string;
     minimal: string;
     primary: string;
@@ -81,9 +173,10 @@ declare const variants: {
     white: string;
 };
 
-declare const variants_2: {
+declare const variants_4: {
     default: string;
     dialog: string;
+    white: string;
 };
 
 export { }

package/dist/index.js

@@ -1,15 +1,33 @@
-import { Banner as t } from "./components/banner/index.js";
-import { Button as p } from "./components/button/index.js";
-import { Dialog as m } from "./components/dialog/index.js";
-import { Editor as n } from "./components/editor/index.js";
-import { Icon as i } from "./components/icon/index.js";
-import { Input as B } from "./components/input/index.js";
+import { Accordion as e } from "./components/accordion/index.js";
+import { Aside as p } from "./components/aside/index.js";
+import { Banner as m } from "./components/banner/index.js";
+import { Branding as n } from "./components/branding/index.js";
+import { Button as d } from "./components/button/index.js";
+import { Dialog as c } from "./components/dialog/index.js";
+import { Dropdown as u } from "./components/dropdown/index.js";
+import { Editor as s } from "./components/editor/index.js";
+import { Figure as D } from "./components/figure/index.js";
+import { Header as L } from "./components/header/index.js";
+import { Icon as l } from "./components/icon/index.js";
+import { Input as w } from "./components/input/index.js";
+import { Link as F } from "./components/link/index.js";
+import { List as N } from "./components/list/index.js";
+import { Nav as h } from "./components/nav/index.js";
 import './assets/index.css';export {
-  t as Banner,
-  p as Button,
-  m as Dialog,
-  n as Editor,
-  i as Icon,
-  B as Input
+  e as Accordion,
+  p as Aside,
+  m as Banner,
+  n as Branding,
+  d as Button,
+  c as Dialog,
+  u as Dropdown,
+  s as Editor,
+  D as Figure,
+  L as Header,
+  l as Icon,
+  w as Input,
+  F as Link,
+  N as List,
+  h as Nav
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",