@solibo/solibo-ui 0.2.15 → 0.2.16

package/dist/components/icon/index.js

@@ -1,17 +1,16 @@
-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) {
+import { jsx as l } from "react/jsx-runtime";
+import { t } from "../../classix-DG18itHa.js";
+import '../../assets/index24.css';function s(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 t = {
+const h = {
   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",
+  document: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z",
   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",
@@ -25,53 +24,36 @@ const t = {
   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"
-}, 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_d115m_23",
-  clickable: p,
-  deletable: L,
-  dialog: Z,
-  white: u,
-  wrapper: A
-}, g = {
+}, o = "_icon_1swff_1", n = "_small_1swff_8", i = "_medium_1swff_13", v = "_large_1swff_18", r = "_primary_1swff_27", L = "_white_1swff_31", m = {
+  icon: o,
+  small: n,
+  medium: i,
+  large: v,
+  default: "_default_1swff_23",
+  primary: r,
+  white: L
+}, Z = {
   large: m.large,
   medium: m.medium,
   small: m.small
-}, H = {
-  clickable: m.clickable,
+}, u = {
   default: m.default,
-  deletable: m.deletable,
-  dialog: m.dialog,
+  primary: m.primary,
   white: m.white
-}, k = ({
-  name: a = "home",
-  size: o = "medium",
-  variant: e = "default",
-  loading: l = !1
-}) => {
-  const s = {
-    maskImage: n(t[a].toString())
-  }, c = /* @__PURE__ */ h(
+}, p = ({ name: a = "home", size: c = "medium", variant: e = "default" }) => {
+  const M = {
+    maskImage: s(h[a].toString())
+  };
+  return /* @__PURE__ */ l(
     "span",
     {
-      className: M(g[o], m.icon, l ? i.spinner : H[e]),
-      style: l ? {} : s
+      className: t(Z[c], m.icon, u[e]),
+      style: M
     }
   );
-  return e === "dialog" ? /* @__PURE__ */ h(
-    "span",
-    {
-      className: m.wrapper,
-      "data-testid": "wrapper",
-      children: c
-    }
-  ) : c;
-}, f = () => Object.keys(t);
+}, w = () => Object.keys(h);
 export {
-  k as Icon,
-  f as Icons
+  p as Icon,
+  w 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): 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;"}
+{"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    'M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z',\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 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  default: styles.default,\n  primary: styles.primary,\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 = ({ name = 'home', size = 'medium', variant = 'default' }: 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, variants[variant])}\n      style={iconStyle}\n    />\n  );\n\n  return iconElement;\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","jsx","cx","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;;;;;;;;GC3BMC,IAAQ;AAAA,EACZ,OAAOC,EAAO;AAAA,EACd,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,SAASD,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,OAAOA,EAAO;AAChB,GASaE,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;AAUhD,SANE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGT,EAAMK,CAAI,GAAGJ,EAAO,MAAMC,EAASI,CAAO,CAAC;AAAA,MACzD,OAAOC;AAAA,IAAA;AAAA,EAAA;AAKb,GAEaG,IAAQ,MACZ,OAAO,KAAKX,CAAS;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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_13pnj_1",j="_label_13pnj_33",s={input:p,label:j},b=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=b;
 //# sourceMappingURL=index.cjs.map

package/dist/components/input/index.js

@@ -1,26 +1,26 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as n } 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 = {
+import '../../assets/index13.css';const u = "_input_13pnj_1", f = "_label_13pnj_33", s = {
   input: u,
   label: f
-}, 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(
+}, x = m(
+  ({ className: e, disabled: l = !1, label: t, placeholder: p, type: r = "text", ...o }, a) => /* @__PURE__ */ i("label", { children: [
+    t && /* @__PURE__ */ n("span", { className: s.label, children: t }),
+    /* @__PURE__ */ n(
       "input",
       {
-        ref: p,
-        className: c(l.input, r),
-        disabled: s,
-        placeholder: n,
-        type: o,
-        ...a
+        ref: a,
+        className: c(s.input, e),
+        disabled: l,
+        placeholder: p,
+        type: r,
+        ...o
       }
     )
   ] })
 );
 export {
-  d as Input
+  x as Input
 };
 //# sourceMappingURL=index.js.map

package/dist/components/layout/index.cjs

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.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.js

@@ -1,6 +1,6 @@
 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 = {
+import '../../assets/index6.css';const r = "_layout_b6ho7_1", h = "_home_b6ho7_2", o = {
   layout: r,
   home: h
 }, u = ({ children: t, feature: m = "home", ...s }) => /* @__PURE__ */ a(

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.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,6 +1,6 @@
 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 = {
+import '../../assets/index5.css';const c = "_link_ci6no_1", e = {
   link: c
 }, a = ({ children: n, className: o, to: t = "#", label: i, ...r }) => /* @__PURE__ */ s(
   "a",

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.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,6 +1,6 @@
 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 = {
+import '../../assets/index4.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 {

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const n=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),m=require("react"),v=require("../button/index.cjs"),g=require("../icon/index.cjs"),x=require("../input/index.cjs"),q="_nav_agq5y_1",y="_horizontal_agq5y_11",j="_tabs_agq5y_18",S="_pills_agq5y_39",p="_searching_agq5y_122",z="_search_agq5y_122",t={nav:q,horizontal:y,tabs:j,pills:S,searching:p,search:z},I={default:"",pills:t.pills,tabs:t.tabs},N=({animation:l,children:d,horizontal:o=!1,variant:u="default",...s})=>{const a=m.useRef(null),[c,r]=m.useState(s.isResultsPage??!1),b=s.isSearchable&&u==="pills";return n.jsxs("nav",{className:f.t(l&&l,o&&t.horizontal,c&&t.searching,t.nav,I[u]),"data-orientation":o?"horizontal":"vertical",children:[d,b&&n.jsxs("form",{onSubmit:e=>{var h,_;e.preventDefault();const i=((h=a.current)==null?void 0:h.value)??"";(_=s.onSearchSubmit)==null||_.call(s,i)},children:[n.jsx(x.Input,{ref:a,onKeyDown:e=>{e.key==="Escape"&&(r(!1),a.current&&(a.current.value=""))}}),c&&n.jsx(v.Button,{variant:"minimal",onClick:()=>r(!1),children:n.jsx(g.Icon,{name:"x"})}),n.jsx(v.Button,{className:f.t(t.search),onClick:e=>{var i;c||(e==null||e.preventDefault(),r(!0),(i=a.current)==null||i.focus())},type:"submit",variant:"minimal",children:n.jsx(g.Icon,{name:"search",size:"medium",variant:c?"white":"default"})})]})]})};exports.Nav=N;
 //# sourceMappingURL=index.cjs.map

package/dist/components/nav/index.js

@@ -1,80 +1,80 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import { useRef as p, useState as S } from "react";
+import { useRef as d, useState as p } from "react";
 import { Button as v } from "../button/index.js";
-import { Icon as b } from "../icon/index.js";
-import { Input as z } from "../input/index.js";
-import '../../assets/index4.css';const x = "_nav_1es7u_1", y = "_horizontal_1es7u_11", k = "_tabs_1es7u_18", D = "_pills_1es7u_39", I = "_searching_1es7u_119", N = "_search_1es7u_119", t = {
-  nav: x,
-  horizontal: y,
-  tabs: k,
-  pills: D,
-  searching: I,
-  search: N
-}, R = {
+import { Icon as g } from "../icon/index.js";
+import { Input as S } from "../input/index.js";
+import '../../assets/index3.css';const q = "_nav_agq5y_1", z = "_horizontal_agq5y_11", x = "_tabs_agq5y_18", k = "_pills_agq5y_39", D = "_searching_agq5y_122", I = "_search_agq5y_122", e = {
+  nav: q,
+  horizontal: z,
+  tabs: x,
+  pills: k,
+  searching: D,
+  search: I
+}, N = {
   default: "",
-  pills: t.pills,
-  tabs: t.tabs
-}, P = ({
+  pills: e.pills,
+  tabs: e.tabs
+}, K = ({
   animation: c,
-  children: d,
+  children: b,
   horizontal: o = !1,
   variant: u = "default",
-  ...a
+  ...t
 }) => {
-  const s = p(null), [r, l] = S(a.isResultsPage ?? !1), g = a.isSearchable && u === "pills";
+  const n = d(null), [r, l] = p(t.isResultsPage ?? !1), y = t.isSearchable && u === "pills";
   return /* @__PURE__ */ f(
     "nav",
     {
       className: _(
         c && c,
-        o && t.horizontal,
-        r && t.searching,
-        t.nav,
-        R[u]
+        o && e.horizontal,
+        r && e.searching,
+        e.nav,
+        N[u]
       ),
       "data-orientation": o ? "horizontal" : "vertical",
       children: [
-        d,
-        g && /* @__PURE__ */ f(
+        b,
+        y && /* @__PURE__ */ f(
           "form",
           {
-            onSubmit: (e) => {
+            onSubmit: (a) => {
               var m, h;
-              e.preventDefault();
-              const i = ((m = s.current) == null ? void 0 : m.value) ?? "";
-              (h = a.onSearchSubmit) == null || h.call(a, i);
+              a.preventDefault();
+              const i = ((m = n.current) == null ? void 0 : m.value) ?? "";
+              (h = t.onSearchSubmit) == null || h.call(t, i);
             },
             children: [
-              /* @__PURE__ */ n(
-                z,
+              /* @__PURE__ */ s(
+                S,
                 {
-                  ref: s,
-                  onKeyDown: (e) => {
-                    e.key === "Escape" && (l(!1), s.current && (s.current.value = ""));
+                  ref: n,
+                  onKeyDown: (a) => {
+                    a.key === "Escape" && (l(!1), n.current && (n.current.value = ""));
                   }
                 }
               ),
-              r && /* @__PURE__ */ n(
+              r && /* @__PURE__ */ s(
                 v,
                 {
                   variant: "minimal",
                   onClick: () => l(!1),
-                  children: /* @__PURE__ */ n(b, { name: "x" })
+                  children: /* @__PURE__ */ s(g, { name: "x" })
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ s(
                 v,
                 {
-                  className: _(t.search),
-                  onClick: (e) => {
+                  className: _(e.search),
+                  onClick: (a) => {
                     var i;
-                    r || (e == null || e.preventDefault(), l(!0), (i = s.current) == null || i.focus());
+                    r || (a == null || a.preventDefault(), l(!0), (i = n.current) == null || i.focus());
                   },
                   type: "submit",
                   variant: "minimal",
-                  children: /* @__PURE__ */ n(
-                    b,
+                  children: /* @__PURE__ */ s(
+                    g,
                     {
                       name: "search",
                       size: "medium",
@@ -91,6 +91,6 @@ import '../../assets/index4.css';const x = "_nav_1es7u_1", y = "_horizontal_1es7
   );
 };
 export {
-  P as Nav
+  K as Nav
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\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":";;;;;;;;;;;;;GAUMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAOC,EAAO;AAAA,EACd,MAAMA,EAAO;AACf,GAYaC,IAAM,CAAC;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAgB;AACd,QAAMC,IAAiBC,EAAyB,IAAI,GAC9C,CAACC,GAAWC,CAAY,IAAIC,EAASL,EAAM,iBAAiB,EAAK,GACjEM,IAAeN,EAAM,gBAAgBD,MAAY;AAEvD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QACTZ,KAAaA;AAAA,QACbE,KAAcJ,EAAO;AAAA,QACrBS,KAAaT,EAAO;AAAA,QACpBA,EAAO;AAAA,QACPD,EAASM,CAAO;AAAA,MAAA;AAAA,MAElB,oBAAkBD,IAAa,eAAe;AAAA,MAE7C,UAAA;AAAA,QAAAD;AAAA,QAEAS,KACC,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC,MAAM;;AACf,gBAAE,eAAA;AACF,oBAAME,MAAQC,IAAAT,EAAe,YAAf,gBAAAS,EAAwB,UAAS;AAC/C,eAAAC,IAAAX,EAAM,mBAAN,QAAAW,EAAA,KAAAX,GAAuBS;AAAA,YACzB;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKZ;AAAA,kBACL,WAAW,CAAC,MAAM;AAChB,oBAAI,EAAE,QAAQ,aACZG,EAAa,EAAK,GAEdH,EAAe,YAASA,EAAe,QAAQ,QAAQ;AAAA,kBAE/D;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGDE,KACC,gBAAAS;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,SAAS,MAAMV,EAAa,EAAK;AAAA,kBAEjC,UAAA,gBAAAQ,EAACG,GAAA,EAAK,MAAM,IAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIrB,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWN,EAAGd,EAAO,MAAM;AAAA,kBAC3B,SAAS,CAAC,MAAM;;AACd,oBAAIS,MAGF,eAAG,kBACHC,EAAa,EAAI,IACjBM,IAAAT,EAAe,YAAf,QAAAS,EAAwB;AAAA,kBAE5B;AAAA,kBACA,MAAM;AAAA,kBACN,SAAS;AAAA,kBAET,UAAA,gBAAAE;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,MAAM;AAAA,sBACN,MAAM;AAAA,sBACN,SAASZ,IAAY,UAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","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","e","value","_a","_b","jsx","Input","Button","Icon"],"mappings":";;;;;;;;;;;;;GAUMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAOC,EAAO;AAAA,EACd,MAAMA,EAAO;AACf,GAYaC,IAAM,CAAC;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAgB;AACd,QAAMC,IAAiBC,EAAyB,IAAI,GAC9C,CAACC,GAAWC,CAAY,IAAIC,EAASL,EAAM,iBAAiB,EAAK,GACjEM,IAAeN,EAAM,gBAAgBD,MAAY;AAEvD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QACTZ,KAAaA;AAAA,QACbE,KAAcJ,EAAO;AAAA,QACrBS,KAAaT,EAAO;AAAA,QACpBA,EAAO;AAAA,QACPD,EAASM,CAAO;AAAA,MAAA;AAAA,MAElB,oBAAkBD,IAAa,eAAe;AAAA,MAE7C,UAAA;AAAA,QAAAD;AAAA,QAEAS,KACC,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAACE,MAAM;;AACf,cAAAA,EAAE,eAAA;AACF,oBAAMC,MAAQC,IAAAV,EAAe,YAAf,gBAAAU,EAAwB,UAAS;AAC/C,eAAAC,IAAAZ,EAAM,mBAAN,QAAAY,EAAA,KAAAZ,GAAuBU;AAAA,YACzB;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKb;AAAA,kBACL,WAAW,CAACQ,MAAM;AAChB,oBAAIA,EAAE,QAAQ,aACZL,EAAa,EAAK,GAEdH,EAAe,YAASA,EAAe,QAAQ,QAAQ;AAAA,kBAE/D;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGDE,KACC,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,SAAS,MAAMX,EAAa,EAAK;AAAA,kBAEjC,UAAA,gBAAAS,EAACG,GAAA,EAAK,MAAM,IAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIrB,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWP,EAAGd,EAAO,MAAM;AAAA,kBAC3B,SAAS,CAACe,MAAM;;AACd,oBAAIN,MAGFM,KAAA,QAAAA,EAAG,kBACHL,EAAa,EAAI,IACjBO,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAAA,kBAE5B;AAAA,kBACA,MAAM;AAAA,kBACN,SAAS;AAAA,kBAET,UAAA,gBAAAE;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,MAAM;AAAA,sBACN,MAAM;AAAA,sBACN,SAASb,IAAY,UAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),d=require("../../styles.module-B_pXIacc.cjs"),g="_toggle_12y8y_1",i="_track_12y8y_15",u="_dot_12y8y_24",t={toggle:g,track:i,dot:u},y=({isChecked:c,isDefaultChecked:l,isDisabled:o,isLoading:s,label:a,onChange:n})=>e.jsxs("label",{className:t.toggle,children:[e.jsx("input",{checked:c,defaultChecked:l,disabled:o||s,onChange:n,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:e.jsx("span",{className:r.t(t.dot,s&&d.loadingStyles.spinner)})}),e.jsx("span",{className:"toggle",children:a})]});exports.Toggle=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),r="_toggle_1l1p3_1",g="_track_1l1p3_15",d="_dot_1l1p3_24",t={toggle:r,track:g,dot:d},i=({checked:l,disabled:c,isLoading:s,label:o,onChange:a})=>e.jsxs("label",{className:t.toggle,children:[e.jsx("input",{checked:l,disabled:c||s,onChange:a,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:e.jsx("span",{className:n.t(t.dot,s&&"loading")})}),e.jsx("span",{className:"toggle",children:o})]});exports.Toggle=i;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  isChecked?: boolean;\n  isDefaultChecked?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isLoading,\n  label,\n  onChange,\n}: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={isChecked}\n        defaultChecked={isDefaultChecked}\n        disabled={isDisabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && loadingStyles.spinner)}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","isChecked","isDefaultChecked","isDisabled","isLoading","label","onChange","jsxs","styles","jsx","cx","loadingStyles"],"mappings":"gSAcaA,EAAS,CAAC,CACrB,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAO,OACvB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAASR,EACT,eAAgBC,EAChB,SAAUC,GAAcC,EACxB,SAAAE,EACA,KAAK,UAAA,CAAA,EAEPG,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWD,EAAO,MAElB,SAAAC,EAAAA,IAAC,QAAK,UAAWC,EAAAA,EAAGF,EAAO,IAAKJ,GAAaO,EAAAA,cAAc,OAAO,CAAA,CAAG,CAAA,CAAA,EAEvEF,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAU,SAAAJ,CAAA,CAAM,CAAA,EAClC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","jsx","cx"],"mappings":"kPAYaA,EAAS,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,SAAAC,KAE1DC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAO,OACvB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,UAAA,CAAA,EAEPG,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWD,EAAO,MAElB,SAAAC,EAAAA,IAAC,QAAK,UAAWC,IAAGF,EAAO,IAAKJ,GAAa,SAAS,CAAA,CAAG,CAAA,CAAA,EAE3DK,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAU,SAAAJ,CAAA,CAAM,CAAA,EAClC"}

package/dist/components/toggle/index.js

@@ -1,25 +1,16 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
-import { l as g } from "../../styles.module-BhmNqlYd.js";
-import '../../assets/index2.css';const i = "_toggle_12y8y_1", m = "_track_12y8y_15", p = "_dot_12y8y_24", e = {
-  toggle: i,
-  track: m,
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { t as n } from "../../classix-DG18itHa.js";
+import '../../assets/index2.css';const g = "_toggle_1l1p3_1", d = "_track_1l1p3_15", p = "_dot_1l1p3_24", e = {
+  toggle: g,
+  track: d,
   dot: p
-}, k = ({
-  isChecked: o,
-  isDefaultChecked: a,
-  isDisabled: c,
-  isLoading: s,
-  label: l,
-  onChange: r
-}) => /* @__PURE__ */ n("label", { className: e.toggle, children: [
+}, m = ({ checked: o, disabled: s, isLoading: l, label: a, onChange: c }) => /* @__PURE__ */ r("label", { className: e.toggle, children: [
   /* @__PURE__ */ t(
     "input",
     {
       checked: o,
-      defaultChecked: a,
-      disabled: c || s,
-      onChange: r,
+      disabled: s || l,
+      onChange: c,
       type: "checkbox"
     }
   ),
@@ -28,12 +19,12 @@ import '../../assets/index2.css';const i = "_toggle_12y8y_1", m = "_track_12y8y_
     {
       "aria-hidden": "true",
       className: e.track,
-      children: /* @__PURE__ */ t("span", { className: d(e.dot, s && g.spinner) })
+      children: /* @__PURE__ */ t("span", { className: n(e.dot, l && "loading") })
     }
   ),
-  /* @__PURE__ */ t("span", { className: "toggle", children: l })
+  /* @__PURE__ */ t("span", { className: "toggle", children: a })
 ] });
 export {
-  k as Toggle
+  m as Toggle
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  isChecked?: boolean;\n  isDefaultChecked?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isLoading,\n  label,\n  onChange,\n}: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={isChecked}\n        defaultChecked={isDefaultChecked}\n        disabled={isDisabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && loadingStyles.spinner)}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","isChecked","isDefaultChecked","isDisabled","isLoading","label","onChange","jsxs","styles","jsx","cx","loadingStyles"],"mappings":";;;;;;;GAcaA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASR;AAAA,MACT,gBAAgBC;AAAA,MAChB,UAAUC,KAAcC;AAAA,MACxB,UAAAE;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWD,EAAO;AAAA,MAElB,UAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAGF,EAAO,KAAKJ,KAAaO,EAAc,OAAO,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAAA,EAEvE,gBAAAF,EAAC,QAAA,EAAK,WAAU,UAAU,UAAAJ,EAAA,CAAM;AAAA,GAClC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","jsx","cx"],"mappings":";;;;;;GAYaA,IAAS,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,UAAAC,QAE1D,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,UAAUC,KAAYC;AAAA,MACtB,UAAAE;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWD,EAAO;AAAA,MAElB,UAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAGF,EAAO,KAAKJ,KAAa,SAAS,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAAA,EAE3D,gBAAAK,EAAC,QAAA,EAAK,WAAU,UAAU,UAAAJ,EAAA,CAAM;AAAA,GAClC;"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/accordion/index.cjs"),n=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/checkbox/index.cjs"),d=require("./components/dialog/index.cjs"),s=require("./components/document/index.cjs"),_=require("./components/dropdown/index.cjs"),u=require("./components/dropzone/index.cjs"),p=require("./components/editor/index.cjs"),m=require("./components/figure/index.cjs"),a=require("./components/footer/index.cjs"),x=require("./components/form/index.cjs"),q=require("./components/grid/index.cjs"),g=require("./components/header/index.cjs"),l=require("./components/icon/index.cjs"),b=require("./components/input/index.cjs"),D=require("./components/layout/index.cjs"),L=require("./components/link/index.cjs"),k=require("./components/list/index.cjs"),A=require("./components/nav/index.cjs"),B=require("./components/loading/index.cjs"),F=require("./components/picture/index.cjs"),y=require("./components/toggle/index.cjs");exports.Accordion=e.Accordion;exports.AccordionGroup=e.AccordionGroup;exports.Aside=n.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Checkbox=c.Checkbox;exports.Dialog=d.Dialog;exports.Document=s.Document;exports.Dropdown=_.Dropdown;exports.Dropzone=u.Dropzone;exports.Editor=p.Editor;exports.Figure=m.Figure;exports.Footer=a.Footer;exports.Form=x.Form;exports.Grid=q.Grid;exports.Header=g.Header;exports.Icon=l.Icon;exports.Input=b.Input;exports.Layout=D.Layout;exports.Link=L.Link;exports.List=k.List;exports.Nav=A.Nav;exports.PageLoader=B.PageLoader;exports.Picture=F.Picture;exports.Toggle=y.Toggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/accordion/index.cjs"),n=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/checkbox/index.cjs"),s=require("./components/dialog/index.cjs"),d=require("./components/dropdown/index.cjs"),_=require("./components/dropzone/index.cjs"),u=require("./components/editor/index.cjs"),p=require("./components/figure/index.cjs"),m=require("./components/file/index.cjs"),x=require("./components/footer/index.cjs"),a=require("./components/form/index.cjs"),q=require("./components/header/index.cjs"),g=require("./components/icon/index.cjs"),l=require("./components/input/index.cjs"),b=require("./components/layout/index.cjs"),F=require("./components/link/index.cjs"),k=require("./components/list/index.cjs"),A=require("./components/nav/index.cjs"),B=require("./components/toggle/index.cjs");exports.Accordion=e.Accordion;exports.AccordionGroup=e.AccordionGroup;exports.Aside=n.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Checkbox=c.Checkbox;exports.Dialog=s.Dialog;exports.Dropdown=d.Dropdown;exports.Dropzone=_.Dropzone;exports.Editor=u.Editor;exports.Figure=p.Figure;exports.File=m.File;exports.Footer=x.Footer;exports.Form=a.Form;exports.Header=q.Header;exports.Icon=g.Icon;exports.Input=l.Input;exports.Layout=b.Layout;exports.Link=F.Link;exports.List=k.List;exports.Nav=A.Nav;exports.Toggle=B.Toggle;
 //# sourceMappingURL=index.cjs.map