@solibo/solibo-ui 0.2.14 → 0.2.15

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":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string): 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  buildings:\n    'M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z',\n  card: 'M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  clipboard:\n    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75',\n  gear: 'M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1',\n  document:\n    'M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z',\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  pencil:\n    'M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z',\n  people:\n    'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',\n  phone:\n    'M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z',\n  plus: 'M12 4.5v15m7.5-7.5h-15',\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  toDocument:\n    'M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25',\n  upload:\n    'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5',\n  user: 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  clickable: styles.clickable,\n  default: styles.default,\n  deletable: styles.deletable,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({\n  name = 'home',\n  size = 'medium',\n  variant = 'default',\n  loading = false,\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(sizes[size], styles.icon, loading ? loadingStyles.spinner : variants[variant])}\n      style={loading ? {} : iconStyle}\n    />\n  );\n\n  return variant === 'dialog' ? (\n    <span\n      className={styles.wrapper}\n      data-testid='wrapper'\n    >\n      {iconElement}\n    </span>\n  ) : (\n    iconElement\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","loading","iconStyle","iconElement","jsx","cx","loadingStyles","Icons"],"mappings":"2MAAO,SAASA,EAASC,EAA0B,CACjD,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,UACE,6SACF,KAAM,+TACN,QAAS,6BACT,UACE,iiBACF,KAAM,2eACN,SACE,uUACF,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OACE,2PACF,OACE,4XACF,MACE,oWACF,KAAM,yBACN,OAAQ,gFACR,WACE,uIACF,OACE,6GACF,KAAM,0JACN,EAAG,sBACL,kTC1BMC,EAAQ,CACZ,MAAOC,EAAO,MACd,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,UAAWD,EAAO,UAClB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EASaE,EAAO,CAAC,CACnB,KAAAC,EAAO,OACP,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,QAAAC,EAAU,EACZ,IAAiB,CACf,MAAMC,EAAY,CAChB,UAAWX,EAASE,EAAUK,CAAI,EAAE,UAAU,CAAA,EAG1CK,EACJC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGX,EAAMK,CAAI,EAAGJ,EAAO,KAAMM,EAAUK,EAAAA,cAAc,QAAUV,EAASI,CAAO,CAAC,EAC3F,MAAOC,EAAU,GAAKC,CAAA,CAAA,EAI1B,OAAOF,IAAY,SACjBI,EAAAA,IAAC,OAAA,CACC,UAAWT,EAAO,QAClB,cAAY,UAEX,SAAAQ,CAAA,CAAA,EAGHA,CAEJ,EAEaI,EAAQ,IACZ,OAAO,KAAKd,CAAS"}

package/dist/components/icon/index.js

@@ -1,55 +1,77 @@
-import { jsx as a, Fragment as n } from "react/jsx-runtime";
-import { t as r } from "../../classix-DG18itHa.js";
-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")`;
+import { jsx as h } from "react/jsx-runtime";
+import { t as M } from "../../classix-DG18itHa.js";
+import { l as i } from "../../styles.module-BhmNqlYd.js";
+import '../../assets/index27.css';function n(a) {
+  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='${a}' /%3E%3C/svg%3E%0A")`;
 }
-const s = {
+const t = {
   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",
+  buildings: "M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z",
+  card: "M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z",
   chevron: "m19.5 8.25-7.5 7.5-7.5-7.5",
+  clipboard: "M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75",
+  gear: "M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1",
+  document: "M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z",
   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",
+  pencil: "M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z",
+  people: "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z",
+  phone: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z",
+  plus: "M12 4.5v15m7.5-7.5h-15",
   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",
+  toDocument: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",
+  upload: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5",
+  user: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z",
   x: "M6 18 18 6M6 6l12 12"
-}, h = "_icon_u4umi_1", u = "_small_u4umi_8", d = "_medium_u4umi_13", _ = "_large_u4umi_18", p = "_dialog_u4umi_27", g = "_white_u4umi_31", v = "_wrapper_u4umi_35", m = {
-  icon: h,
-  small: u,
-  medium: d,
+}, d = "_icon_d115m_1", r = "_small_d115m_8", v = "_medium_d115m_13", _ = "_large_d115m_18", p = "_clickable_d115m_27", L = "_deletable_d115m_31", Z = "_dialog_d115m_35", u = "_white_d115m_39", A = "_wrapper_d115m_43", m = {
+  icon: d,
+  small: r,
+  medium: v,
   large: _,
-  default: "_default_u4umi_23",
-  dialog: p,
-  white: g,
-  wrapper: v
-}, w = {
-  medium: m.medium,
+  default: "_default_d115m_23",
+  clickable: p,
+  deletable: L,
+  dialog: Z,
+  white: u,
+  wrapper: A
+}, g = {
   large: m.large,
+  medium: m.medium,
   small: m.small
-}, M = {
+}, H = {
+  clickable: m.clickable,
   default: m.default,
+  deletable: m.deletable,
   dialog: m.dialog,
   white: m.white
-}, H = ({ name: e = "home", size: i = "medium", variant: t = "default" }) => {
-  const l = {
-    maskImage: c(s[e].toString())
-  };
-  return /* @__PURE__ */ a(({ children: o }) => t === "dialog" ? /* @__PURE__ */ a(
+}, k = ({
+  name: a = "home",
+  size: o = "medium",
+  variant: e = "default",
+  loading: l = !1
+}) => {
+  const s = {
+    maskImage: n(t[a].toString())
+  }, c = /* @__PURE__ */ h(
     "span",
     {
-      className: m.wrapper,
-      "data-testid": "wrapper",
-      children: o
+      className: M(g[o], m.icon, l ? i.spinner : H[e]),
+      style: l ? {} : s
     }
-  ) : /* @__PURE__ */ a(n, { children: o }), { children: /* @__PURE__ */ a(
+  );
+  return e === "dialog" ? /* @__PURE__ */ h(
     "span",
     {
-      className: r(w[i], m.icon, M[t]),
-      style: l
+      className: m.wrapper,
+      "data-testid": "wrapper",
+      children: c
     }
-  ) });
-}, x = () => Object.keys(s);
+  ) : c;
+}, f = () => Object.keys(t);
 export {
-  H as Icon,
-  x as Icons
+  k as Icon,
+  f 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","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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string): 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  buildings:\n    'M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z',\n  card: 'M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  clipboard:\n    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75',\n  gear: 'M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1',\n  document:\n    'M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z',\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  pencil:\n    'M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z',\n  people:\n    'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',\n  phone:\n    'M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z',\n  plus: 'M12 4.5v15m7.5-7.5h-15',\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  toDocument:\n    'M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25',\n  upload:\n    'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5',\n  user: 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  clickable: styles.clickable,\n  default: styles.default,\n  deletable: styles.deletable,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({\n  name = 'home',\n  size = 'medium',\n  variant = 'default',\n  loading = false,\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(sizes[size], styles.icon, loading ? loadingStyles.spinner : variants[variant])}\n      style={loading ? {} : iconStyle}\n    />\n  );\n\n  return variant === 'dialog' ? (\n    <span\n      className={styles.wrapper}\n      data-testid='wrapper'\n    >\n      {iconElement}\n    </span>\n  ) : (\n    iconElement\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","loading","iconStyle","iconElement","jsx","cx","loadingStyles","Icons"],"mappings":";;;AAAO,SAASA,EAASC,GAA0B;AACjD,SAAO,mMAAmMA,CAAQ;AACpN;AAEO,MAAMC,IAAY;AAAA,EACvB,MAAM;AAAA,EACN,WACE;AAAA,EACF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WACE;AAAA,EACF,MAAM;AAAA,EACN,UACE;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QACE;AAAA,EACF,QACE;AAAA,EACF,OACE;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,GAAG;AACL;;;;;;;;;;;GC1BMC,IAAQ;AAAA,EACZ,OAAOC,EAAO;AAAA,EACd,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,WAAWD,EAAO;AAAA,EAClB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GASaE,IAAO,CAAC;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AACZ,MAAiB;AACf,QAAMC,IAAY;AAAA,IAChB,WAAWX,EAASE,EAAUK,CAAI,EAAE,UAAU;AAAA,EAAA,GAG1CK,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAMK,CAAI,GAAGJ,EAAO,MAAMM,IAAUK,EAAc,UAAUV,EAASI,CAAO,CAAC;AAAA,MAC3F,OAAOC,IAAU,KAAKC;AAAA,IAAA;AAAA,EAAA;AAI1B,SAAOF,MAAY,WACjB,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAO;AAAA,MAClB,eAAY;AAAA,MAEX,UAAAQ;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaI,IAAQ,MACZ,OAAO,KAAKd,CAAS;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("react"),p="_input_1r1le_1",b="_label_1r1le_33",s={input:p,label:b},x=o.forwardRef(({className:n,disabled:l=!1,label:t,placeholder:r,type:i="text",...u},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:l,placeholder:r,type:i,...u})]}));exports.Input=x;
 //# 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  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"}
+{"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?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | '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,19 +1,19 @@
-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,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { forwardRef as m } from "react";
+import '../../assets/index13.css';const u = "_input_1r1le_1", f = "_label_1r1le_33", l = {
+  input: u,
   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(
+}, d = m(
+  ({ className: r, disabled: s = !1, label: t, placeholder: n, type: o = "text", ...a }, p) => /* @__PURE__ */ i("label", { children: [
+    t && /* @__PURE__ */ e("span", { className: l.label, children: t }),
+    /* @__PURE__ */ e(
       "input",
       {
         ref: p,
-        className: u(r.input, s),
-        disabled: e,
-        placeholder: l,
+        className: c(l.input, r),
+        disabled: s,
+        placeholder: n,
         type: o,
         ...a
       }
@@ -21,6 +21,6 @@ import '../../assets/index8.css';const m = "_input_drn1u_1", f = "_label_drn1u_1
   ] })
 );
 export {
-  x as Input
+  d 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  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;"}
+{"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?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | '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/layout/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const u=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),n="_layout_b6ho7_1",c="_home_b6ho7_2",o={layout:n,home:c},l=({children:t,feature:e="home",...s})=>u.jsx("main",{className:a.t(o.layout,o[e]),...s,children:t});exports.Layout=l;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles"],"mappings":"uNAMaA,EAAS,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAU,OAAQ,GAAGC,KAEpDC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,OAAQA,EAAOJ,CAAO,CAAC,EAC3C,GAAGC,EAEH,SAAAF,CAAA,CAAA"}

package/dist/components/layout/index.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { t as e } from "../../classix-DG18itHa.js";
+import '../../assets/index7.css';const r = "_layout_b6ho7_1", h = "_home_b6ho7_2", o = {
+  layout: r,
+  home: h
+}, u = ({ children: t, feature: m = "home", ...s }) => /* @__PURE__ */ a(
+  "main",
+  {
+    className: e(o.layout, o[m]),
+    ...s,
+    children: t
+  }
+);
+export {
+  u as Layout
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles"],"mappings":";;;;;GAMaA,IAAS,CAAC,EAAE,UAAAC,GAAU,SAAAC,IAAU,QAAQ,GAAGC,QAEpD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,EAAO,QAAQA,EAAOJ,CAAO,CAAC;AAAA,IAC3C,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}

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("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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const r=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),l="_link_ci6no_1",o={link:l},u=({children:e,className:n,to:s="#",label:t,...i})=>r.jsx("a",{className:c.t(n,o.link),href:s,...i,children:e||t});exports.Link=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/link/index.js

@@ -1,14 +1,14 @@
-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(
+import { jsx as s } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import '../../assets/index6.css';const c = "_link_ci6no_1", e = {
+  link: c
+}, a = ({ children: n, className: o, to: t = "#", label: i, ...r }) => /* @__PURE__ */ s(
   "a",
   {
-    className: k(t, e.link),
-    href: o,
-    ...s,
-    children: n || r
+    className: l(o, e.link),
+    href: t,
+    ...r,
+    children: n || i
   }
 );
 export {

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("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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_list_9ltl4_1",r={list:l},c=({children:t,className:s})=>e.jsx("ul",{className:i.t(s,r.list),children:t});exports.List=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/list/index.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-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 });
+import { jsx as l } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import '../../assets/index5.css';const i = "_list_9ltl4_1", r = {
+  list: i
+}, e = ({ children: t, className: s }) => /* @__PURE__ */ l("ul", { className: o(s, r.list), children: t });
 export {
   e as List
 };

package/dist/components/loading/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=({size:s=200})=>e.jsxs("svg",{width:s,viewBox:"0 0 135 125",role:"img","aria-label":"Loading",children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"grad",x1:"0",x2:135,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-primary)",stopOpacity:"0.1"}),e.jsx("stop",{offset:"50%",stopColor:"var(--color-primary)",stopOpacity:"1"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-primary)",stopOpacity:"0.1"}),e.jsx("animateTransform",{attributeName:"gradientTransform",type:"translate",values:"-135 0; 135 0; -135 0",keyTimes:"0; 0.5; 1",dur:"4s",repeatCount:"indefinite",calcMode:"spline",keySplines:"0.4 0 0.2 1; 0.4 0 0.2 1"})]}),e.jsx("mask",{id:"mask",maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse",x:"0",y:"0",width:135,height:125,children:e.jsxs("g",{fill:"#fff",children:[e.jsx("circle",{cx:"64",cy:"48",r:"13"}),e.jsx("path",{d:"M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z"}),e.jsx("path",{d:"M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z"})]})})]}),e.jsx("rect",{width:135,height:125,fill:"url(#grad)",mask:"url(#mask)"})]});exports.PageLoader=a;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["export type PageLoaderProps = {\n  size?: number;\n};\n\nexport const PageLoader = ({ size = 200 }: PageLoaderProps) => {\n  const VB_W = 135;\n  const VB_H = 125;\n\n  return (\n    <svg\n      width={size}\n      viewBox={`0 0 ${VB_W} ${VB_H}`}\n      role='img'\n      aria-label='Loading'\n    >\n      <defs>\n        <linearGradient\n          id={'grad'}\n          x1='0'\n          x2={VB_W}\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop\n            offset='0%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <stop\n            offset='50%'\n            stopColor='var(--color-primary)'\n            stopOpacity='1'\n          />\n          <stop\n            offset='100%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <animateTransform\n            attributeName='gradientTransform'\n            type='translate'\n            values={`${-VB_W} 0; ${VB_W} 0; ${-VB_W} 0`}\n            keyTimes='0; 0.5; 1'\n            dur='4s'\n            repeatCount='indefinite'\n            calcMode='spline'\n            keySplines='0.4 0 0.2 1; 0.4 0 0.2 1'\n          />\n        </linearGradient>\n        <mask\n          id={'mask'}\n          maskUnits='userSpaceOnUse'\n          maskContentUnits='userSpaceOnUse'\n          x='0'\n          y='0'\n          width={VB_W}\n          height={VB_H}\n        >\n          <g fill='#fff'>\n            <circle\n              cx='64'\n              cy='48'\n              r='13'\n            />\n            <path d='M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z' />\n            <path d='M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z' />\n          </g>\n        </mask>\n      </defs>\n      <rect\n        width={VB_W}\n        height={VB_H}\n        fill={`url(#grad)`}\n        mask={`url(#mask)`}\n      />\n    </svg>\n  );\n};\n"],"names":["PageLoader","size","jsxs","jsx"],"mappings":"qHAIaA,EAAa,CAAC,CAAE,KAAAC,EAAO,OAKhCC,EAAAA,KAAC,MAAA,CACC,MAAOD,EACP,QAAS,cACT,KAAK,MACL,aAAW,UAEX,SAAA,CAAAC,OAAC,OAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,iBAAA,CACC,GAAI,OACJ,GAAG,IACH,GAAI,IACJ,cAAc,iBAEd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,OAAO,KACP,UAAU,uBACV,YAAY,KAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,OAAO,MACP,UAAU,uBACV,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,OAAO,OACP,UAAU,uBACV,YAAY,KAAA,CAAA,EAEdA,EAAAA,IAAC,mBAAA,CACC,cAAc,oBACd,KAAK,YACL,OAAQ,wBACR,SAAS,YACT,IAAI,KACJ,YAAY,aACZ,SAAS,SACT,WAAW,0BAAA,CAAA,CACb,CAAA,CAAA,EAEFA,EAAAA,IAAC,OAAA,CACC,GAAI,OACJ,UAAU,iBACV,iBAAiB,iBACjB,EAAE,IACF,EAAE,IACF,MAAO,IACP,OAAQ,IAER,SAAAD,EAAAA,KAAC,IAAA,CAAE,KAAK,OACN,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,GAAG,KACH,GAAG,KACH,EAAE,IAAA,CAAA,EAEJA,EAAAA,IAAC,OAAA,CAAK,EAAE,4CAAA,CAA6C,EACrDA,EAAAA,IAAC,OAAA,CAAK,EAAE,yWAAA,CAA0W,CAAA,CAAA,CACpX,CAAA,CAAA,CACF,EACF,EACAA,EAAAA,IAAC,OAAA,CACC,MAAO,IACP,OAAQ,IACR,KAAM,aACN,KAAM,YAAA,CAAA,CACR,CAAA,CAAA"}

package/dist/components/loading/index.js

@@ -0,0 +1,99 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+const o = ({ size: r = 200 }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: r,
+    viewBox: "0 0 135 125",
+    role: "img",
+    "aria-label": "Loading",
+    children: [
+      /* @__PURE__ */ e("defs", { children: [
+        /* @__PURE__ */ e(
+          "linearGradient",
+          {
+            id: "grad",
+            x1: "0",
+            x2: 135,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "0%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "0.1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "50%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "100%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "0.1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "animateTransform",
+                {
+                  attributeName: "gradientTransform",
+                  type: "translate",
+                  values: "-135 0; 135 0; -135 0",
+                  keyTimes: "0; 0.5; 1",
+                  dur: "4s",
+                  repeatCount: "indefinite",
+                  calcMode: "spline",
+                  keySplines: "0.4 0 0.2 1; 0.4 0 0.2 1"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "mask",
+          {
+            id: "mask",
+            maskUnits: "userSpaceOnUse",
+            maskContentUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: 135,
+            height: 125,
+            children: /* @__PURE__ */ e("g", { fill: "#fff", children: [
+              /* @__PURE__ */ a(
+                "circle",
+                {
+                  cx: "64",
+                  cy: "48",
+                  r: "13"
+                }
+              ),
+              /* @__PURE__ */ a("path", { d: "M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z" }),
+              /* @__PURE__ */ a("path", { d: "M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z" })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "rect",
+        {
+          width: 135,
+          height: 125,
+          fill: "url(#grad)",
+          mask: "url(#mask)"
+        }
+      )
+    ]
+  }
+);
+export {
+  o as PageLoader
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["export type PageLoaderProps = {\n  size?: number;\n};\n\nexport const PageLoader = ({ size = 200 }: PageLoaderProps) => {\n  const VB_W = 135;\n  const VB_H = 125;\n\n  return (\n    <svg\n      width={size}\n      viewBox={`0 0 ${VB_W} ${VB_H}`}\n      role='img'\n      aria-label='Loading'\n    >\n      <defs>\n        <linearGradient\n          id={'grad'}\n          x1='0'\n          x2={VB_W}\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop\n            offset='0%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <stop\n            offset='50%'\n            stopColor='var(--color-primary)'\n            stopOpacity='1'\n          />\n          <stop\n            offset='100%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <animateTransform\n            attributeName='gradientTransform'\n            type='translate'\n            values={`${-VB_W} 0; ${VB_W} 0; ${-VB_W} 0`}\n            keyTimes='0; 0.5; 1'\n            dur='4s'\n            repeatCount='indefinite'\n            calcMode='spline'\n            keySplines='0.4 0 0.2 1; 0.4 0 0.2 1'\n          />\n        </linearGradient>\n        <mask\n          id={'mask'}\n          maskUnits='userSpaceOnUse'\n          maskContentUnits='userSpaceOnUse'\n          x='0'\n          y='0'\n          width={VB_W}\n          height={VB_H}\n        >\n          <g fill='#fff'>\n            <circle\n              cx='64'\n              cy='48'\n              r='13'\n            />\n            <path d='M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z' />\n            <path d='M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z' />\n          </g>\n        </mask>\n      </defs>\n      <rect\n        width={VB_W}\n        height={VB_H}\n        fill={`url(#grad)`}\n        mask={`url(#mask)`}\n      />\n    </svg>\n  );\n};\n"],"names":["PageLoader","size","jsxs","jsx"],"mappings":";AAIO,MAAMA,IAAa,CAAC,EAAE,MAAAC,IAAO,UAKhC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOD;AAAA,IACP,SAAS;AAAA,IACT,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EACC,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,IAAG;AAAA,YACH,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,MAAK;AAAA,kBACL,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,KAAI;AAAA,kBACJ,aAAY;AAAA,kBACZ,UAAS;AAAA,kBACT,YAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YACV,kBAAiB;AAAA,YACjB,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YAER,UAAA,gBAAAD,EAAC,KAAA,EAAE,MAAK,QACN,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEJ,gBAAAA,EAAC,QAAA,EAAK,GAAE,6CAAA,CAA6C;AAAA,cACrD,gBAAAA,EAAC,QAAA,EAAK,GAAE,0WAAA,CAA0W;AAAA,YAAA,EAAA,CACpX;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAAA;"}

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("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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const s=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),m=require("react"),v=require("../button/index.cjs"),d=require("../icon/index.cjs"),g=require("../input/index.cjs"),j="_nav_1es7u_1",S="_horizontal_1es7u_11",q="_tabs_1es7u_18",y="_pills_1es7u_39",p="_searching_1es7u_119",z="_search_1es7u_119",n={nav:j,horizontal:S,tabs:q,pills:y,searching:p,search:z},I={default:"",pills:n.pills,tabs:n.tabs},N=({animation:l,children:b,horizontal:o=!1,variant:u="default",...t})=>{const a=m.useRef(null),[c,r]=m.useState(t.isResultsPage??!1),x=t.isSearchable&&u==="pills";return s.jsxs("nav",{className:f.t(l&&l,o&&n.horizontal,c&&n.searching,n.nav,I[u]),"data-orientation":o?"horizontal":"vertical",children:[b,x&&s.jsxs("form",{onSubmit:e=>{var h,_;e.preventDefault();const i=((h=a.current)==null?void 0:h.value)??"";(_=t.onSearchSubmit)==null||_.call(t,i)},children:[s.jsx(g.Input,{ref:a,onKeyDown:e=>{e.key==="Escape"&&(r(!1),a.current&&(a.current.value=""))}}),c&&s.jsx(v.Button,{variant:"minimal",onClick:()=>r(!1),children:s.jsx(d.Icon,{name:"x"})}),s.jsx(v.Button,{className:f.t(n.search),onClick:e=>{var i;c||(e==null||e.preventDefault(),r(!0),(i=a.current)==null||i.focus())},type:"submit",variant:"minimal",children:s.jsx(d.Icon,{name:"search",size:"medium",variant:c?"white":"default"})})]})]})};exports.Nav=N;
 //# 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":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { Input } from '@/components/input';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  pills: styles.pills,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  isResultsPage?: boolean;\n  isSearchable?: boolean;\n  onSearchSubmit?: (value: string) => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({\n  animation,\n  children,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [searching, setSearching] = useState(props.isResultsPage ?? false);\n  const isSearchable = props.isSearchable && variant === 'pills';\n\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        searching && styles.searching,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n\n      {isSearchable && (\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            const value = searchInputRef.current?.value ?? '';\n            props.onSearchSubmit?.(value);\n          }}\n        >\n          <Input\n            ref={searchInputRef}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setSearching(false);\n\n                if (searchInputRef.current) searchInputRef.current.value = '';\n              }\n            }}\n          />\n\n          {searching && (\n            <Button\n              variant={'minimal'}\n              onClick={() => setSearching(false)}\n            >\n              <Icon name={'x'} />\n            </Button>\n          )}\n\n          <Button\n            className={cx(styles.search)}\n            onClick={(e) => {\n              if (searching) {\n                return;\n              } else {\n                e?.preventDefault();\n                setSearching(true);\n                searchInputRef.current?.focus();\n              }\n            }}\n            type={'submit'}\n            variant={'minimal'}\n          >\n            <Icon\n              name={'search'}\n              size={'medium'}\n              variant={searching ? 'white' : 'default'}\n            />\n          </Button>\n        </form>\n      )}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","props","searchInputRef","useRef","searching","setSearching","useState","isSearchable","jsxs","cx","value","_a","_b","jsx","Input","Button","Icon"],"mappings":"2cAUMA,EAAW,CACf,QAAS,GACT,MAAOC,EAAO,MACd,KAAMA,EAAO,IACf,EAYaC,EAAM,CAAC,CAClB,UAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,QAAAC,EAAU,UACV,GAAGC,CACL,IAAgB,CACd,MAAMC,EAAiBC,EAAAA,OAAyB,IAAI,EAC9C,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAASL,EAAM,eAAiB,EAAK,EACjEM,EAAeN,EAAM,cAAgBD,IAAY,QAEvD,OACEQ,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EACTZ,GAAaA,EACbE,GAAcJ,EAAO,WACrBS,GAAaT,EAAO,UACpBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAA,CAAAD,EAEAS,GACCC,EAAAA,KAAC,OAAA,CACC,SAAW,GAAM,SACf,EAAE,eAAA,EACF,MAAME,IAAQC,EAAAT,EAAe,UAAf,YAAAS,EAAwB,QAAS,IAC/CC,EAAAX,EAAM,iBAAN,MAAAW,EAAA,KAAAX,EAAuBS,EACzB,EAEA,SAAA,CAAAG,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAKZ,EACL,UAAY,GAAM,CACZ,EAAE,MAAQ,WACZG,EAAa,EAAK,EAEdH,EAAe,UAASA,EAAe,QAAQ,MAAQ,IAE/D,CAAA,CAAA,EAGDE,GACCS,EAAAA,IAACE,EAAAA,OAAA,CACC,QAAS,UACT,QAAS,IAAMV,EAAa,EAAK,EAEjC,SAAAQ,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAM,GAAA,CAAK,CAAA,CAAA,EAIrBH,EAAAA,IAACE,EAAAA,OAAA,CACC,UAAWN,EAAAA,EAAGd,EAAO,MAAM,EAC3B,QAAU,GAAM,OACVS,IAGF,WAAG,iBACHC,EAAa,EAAI,GACjBM,EAAAT,EAAe,UAAf,MAAAS,EAAwB,QAE5B,EACA,KAAM,SACN,QAAS,UAET,SAAAE,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAM,SACN,KAAM,SACN,QAASZ,EAAY,QAAU,SAAA,CAAA,CACjC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}