@solibo/solibo-ui 1.0.29 → 1.1.0

package/dist/assets/index15.css

@@ -1 +1 @@
-._attachments_pb8yr_1{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_pb8yr_11{align-items:flex-start;display:flex;flex-direction:column}._message-group_pb8yr_11[data-message-type=default]>._attachments_pb8yr_1{margin-left:var(--scale-16)}._message-group_pb8yr_11>div:first-child{margin-left:var(--scale-16)}._message-group_pb8yr_11>time{color:var(--colors-semantic-content-tertiary);margin-left:var(--scale-20);margin-right:var(--scale-16)}._message-group_pb8yr_11[data-message-type=system],._message-group_pb8yr_11:has([data-component=collapsible]){padding:0 var(--shape-spacing-md);margin-left:20%;margin-right:5%}._message-group_pb8yr_11[data-message-type=system]>div:first-child,._message-group_pb8yr_11:has([data-component=collapsible])>div:first-child{margin-left:0}._message-group_pb8yr_11:has([data-component=collapsible]) [data-message-type=system]{margin-left:0;max-width:100%;padding-inline:0}._message-group_pb8yr_11[data-message-type=user]{align-items:flex-end}._message-group_pb8yr_11[data-message-type=user]>._attachments_pb8yr_1{align-items:flex-end;margin-right:var(--scale-16)}._message_pb8yr_11{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_pb8yr_11:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_pb8yr_11[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_pb8yr_11:is([data-type=minimal],[data-type=system]){border:none}._message_pb8yr_11[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_pb8yr_11[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_pb8yr_11[data-type=user][data-appearance=file] ul{text-align:right}._message_pb8yr_11[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-label-sm);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_pb8yr_11[data-type=system] [data-component=icon]:first-of-type{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_pb8yr_11[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_pb8yr_11[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._message_pb8yr_11 p:first-child{margin-top:0}._message_pb8yr_11 p:last-child{margin-bottom:0}._message_pb8yr_11 [data-component=collapsible] p{font-size:var(--typography-font-sizes-label-sm)}._timestamp_pb8yr_138{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._preview_pb8yr_143{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis}@media (width < 1024px){._message-group_pb8yr_11[data-message-type=system],._message-group_pb8yr_11:has([data-component=collapsible]){margin-left:10%;margin-right:5%}}@media (width < 480px){._message-group_pb8yr_11[data-message-type=system],._message-group_pb8yr_11:has([data-component=collapsible]){margin-inline:0}}
+._attachments_1yja9_1{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_1yja9_11{align-items:flex-start;display:flex;flex-direction:column}._message-group_1yja9_11[data-message-type=default]>._attachments_1yja9_1{margin-left:var(--scale-16)}._message-group_1yja9_11>div:first-child{margin-left:var(--scale-16)}._message-group_1yja9_11>time{color:var(--colors-semantic-content-tertiary);margin-left:var(--scale-20);margin-right:var(--scale-16)}._message-group_1yja9_11[data-message-type=system],._message-group_1yja9_11:has([data-component=collapsible]){padding:0 var(--shape-spacing-md);margin-left:20%;margin-right:5%}._message-group_1yja9_11[data-message-type=system]>div:first-child,._message-group_1yja9_11:has([data-component=collapsible])>div:first-child{margin-left:0}._message-group_1yja9_11:has([data-component=collapsible]) [data-message-type=system]{margin-left:0;max-width:100%;padding-inline:0}._message-group_1yja9_11[data-message-type=user]{align-items:flex-end}._message-group_1yja9_11[data-message-type=user]>._attachments_1yja9_1{align-items:flex-end;margin-right:var(--scale-16)}._message_1yja9_11{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_1yja9_11:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1yja9_11[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_1yja9_11:is([data-type=minimal],[data-type=system]){border:none}._message_1yja9_11[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_1yja9_11[data-appearance=file] ul{margin:0}._message_1yja9_11[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_1yja9_11[data-type=user][data-appearance=file] ul{text-align:right}._message_1yja9_11[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-label-sm);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_1yja9_11[data-type=system] [data-component=icon]:first-of-type{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_1yja9_11[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_1yja9_11[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._message_1yja9_11 p:first-child{margin-top:0}._message_1yja9_11 p:last-child{margin-bottom:0}._message_1yja9_11 [data-component=collapsible] p{font-size:var(--typography-font-sizes-label-sm)}._timestamp_1yja9_142{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._preview_1yja9_147{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis}@media (width < 1024px){._message-group_1yja9_11[data-message-type=system],._message-group_1yja9_11:has([data-component=collapsible]){margin-left:10%;margin-right:5%}}@media (width < 480px){._message-group_1yja9_11[data-message-type=system],._message-group_1yja9_11:has([data-component=collapsible]){margin-inline:0}}

package/dist/assets/index18.css

@@ -1 +1 @@
-._header_o4nix_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:1fr;margin:var(--shape-spacing-md) 0;position:relative}._header_o4nix_1>*{grid-column:1;min-width:0}._header_o4nix_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_o4nix_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_o4nix_1 h2,._header_o4nix_1 sup{font-size:var(--typography-font-sizes-h2)}._header_o4nix_1 h3{font-size:var(--typography-font-sizes-h3)}._header_o4nix_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_o4nix_1:has(h4,h5,h6) p{font-size:var(--typography-font-sizes-body-sm)}._header_o4nix_1 sub{font-weight:var(--font-font-weight-regular)}._header_o4nix_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_o4nix_1 sub,._header_o4nix_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_o4nix_1 ._controls_o4nix_62{display:grid;grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);flex:1 0 auto;gap:var(--shape-spacing-xs);justify-content:space-between;max-width:100%}._header_o4nix_1 ._controls_o4nix_62 h1,._header_o4nix_1 ._controls_o4nix_62 h2,._header_o4nix_1 ._controls_o4nix_62 h3,._header_o4nix_1 ._controls_o4nix_62 h4,._header_o4nix_1 ._controls_o4nix_62 h5,._header_o4nix_1 ._controls_o4nix_62 h6,._header_o4nix_1 ._controls_o4nix_62 sub,._header_o4nix_1 ._controls_o4nix_62 sup{grid-column:1}._header_o4nix_1 ._controls_o4nix_62 [data-component=controls]{align-self:center;grid-column:2;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:0}._header_o4nix_1 ._cta_o4nix_89{display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs);justify-content:space-between}._header_o4nix_1 ._cta_o4nix_89 [data-component=button]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}._header_o4nix_1 ._header-content_o4nix_101{display:flex;flex-direction:column;gap:var(--shape-spacing-3xs)}._header_o4nix_1 ._header-content_o4nix_101>a{color:inherit;font-size:var(--typography-font-sizes-label-lg);text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (width < 480px){._header_o4nix_1 ._cta_o4nix_89{flex-direction:column}._header_o4nix_1 ._cta_o4nix_89 [data-component=button]{width:100%}._header_o4nix_1 ._controls_o4nix_62:not(:has([data-adaptive=true])){grid-template-columns:1fr;gap:var(--shape-spacing-3xs)}._header_o4nix_1 ._controls_o4nix_62:not(:has([data-adaptive=true])) [data-component=controls]{grid-column:1;margin-top:var(--shape-spacing-md)}}@media (width >= 960px){._jumbo_o4nix_138{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_o4nix_138 h1{font-size:var(--typography-font-sizes-display-sm)}}
+._header_1gfvy_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:1fr;margin:var(--shape-spacing-md) 0;position:relative}._header_1gfvy_1>*{grid-column:1;min-width:0}._header_1gfvy_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_1gfvy_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_1gfvy_1 h2,._header_1gfvy_1 sup{font-size:var(--typography-font-sizes-h2)}._header_1gfvy_1 h3{font-size:var(--typography-font-sizes-h3)}._header_1gfvy_1 p{display:inline-block;font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_1gfvy_1:has(h4,h5,h6) p{font-size:var(--typography-font-sizes-body-sm)}._header_1gfvy_1 sub{font-weight:var(--font-font-weight-regular)}._header_1gfvy_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_1gfvy_1 [data-component=badge]{float:right;margin-top:var(--shape-spacing-xs)}._header_1gfvy_1 sub,._header_1gfvy_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_1gfvy_1 ._controls_1gfvy_68{display:grid;grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);flex:1 0 auto;gap:var(--shape-spacing-xs);justify-content:space-between;max-width:100%}._header_1gfvy_1 ._controls_1gfvy_68 h1,._header_1gfvy_1 ._controls_1gfvy_68 h2,._header_1gfvy_1 ._controls_1gfvy_68 h3,._header_1gfvy_1 ._controls_1gfvy_68 h4,._header_1gfvy_1 ._controls_1gfvy_68 h5,._header_1gfvy_1 ._controls_1gfvy_68 h6,._header_1gfvy_1 ._controls_1gfvy_68 sub,._header_1gfvy_1 ._controls_1gfvy_68 sup{grid-column:1}._header_1gfvy_1 ._controls_1gfvy_68 [data-component=controls]{align-self:center;grid-column:2;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:0}._header_1gfvy_1 ._cta_1gfvy_95{display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs);justify-content:space-between}._header_1gfvy_1 ._cta_1gfvy_95 [data-component=button]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}._header_1gfvy_1 ._header-content_1gfvy_107{display:flex;flex-direction:column;gap:var(--shape-spacing-3xs)}._header_1gfvy_1 ._header-content_1gfvy_107>a{color:inherit;font-size:var(--typography-font-sizes-label-lg);text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (width < 480px){._header_1gfvy_1 ._cta_1gfvy_95{flex-direction:column}._header_1gfvy_1 ._cta_1gfvy_95 [data-component=button]{width:100%}._header_1gfvy_1 ._controls_1gfvy_68:not(:has([data-adaptive=true])){grid-template-columns:1fr;gap:var(--shape-spacing-3xs)}._header_1gfvy_1 ._controls_1gfvy_68:not(:has([data-adaptive=true])) [data-component=controls]{grid-column:1;margin-top:var(--shape-spacing-md)}}@media (width >= 960px){._jumbo_1gfvy_144{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_1gfvy_144 h1{font-size:var(--typography-font-sizes-display-sm)}}

package/dist/assets/index47.css

@@ -1 +1 @@
-._controls_n79gr_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_n79gr_6{display:block}._horizontal_n79gr_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_n79gr_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_n79gr_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_n79gr_17 li>li,._list_n79gr_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_n79gr_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_n79gr_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_n79gr_17 li>section:last-of-type{border-bottom:none}._list_n79gr_17 li:has([data-span=all]){grid-column:1 / -1}._list_n79gr_17 li:last-child{margin-bottom:0}._list_n79gr_17._columns_n79gr_57{display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr));-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}._list_n79gr_17._columns_n79gr_57 li{display:grid}._list_n79gr_17._columns_n79gr_57 li:last-child{margin-bottom:var(--shape-spacing-md)}._compact_n79gr_72 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 1024px){._columns_n79gr_57{grid-template-columns:1fr!important}}
+._controls_1ywr2_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_1ywr2_6{display:block}._horizontal_1ywr2_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_1ywr2_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_1ywr2_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_1ywr2_17 li>li,._list_1ywr2_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_1ywr2_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1ywr2_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1ywr2_17 li>section:last-of-type{border-bottom:none}._list_1ywr2_17 li:has([data-span=all]){grid-column:1 / -1}._list_1ywr2_17._columns_1ywr2_53{display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr));-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}._list_1ywr2_17._columns_1ywr2_53 li{display:grid}._list_1ywr2_17:not(._columns_1ywr2_53) li:last-child{margin-bottom:0}._compact_1ywr2_70 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 1024px){._columns_1ywr2_53{grid-template-columns:1fr!important}}

package/dist/components/aside/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),p=require("../button/index.cjs"),b=require("../icon/index.cjs"),f="_aside_1u3pz_3",x="_sidebar_1u3pz_9",y="_open_1u3pz_62",k="_sticky_1u3pz_78",e={aside:f,sidebar:x,open:y,sticky:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:i="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:l.t(n&&n,t&&e.open,e.aside,d&&e.sticky,m[i]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[i==="sidebar"&&s.jsx(p.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(b.Icon,{name:t?"x":"menu"})}),c]})};exports.Aside=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),p=require("../button/index.cjs"),b=require("../icon/index.cjs"),f="_aside_1u3pz_3",y="_sidebar_1u3pz_9",k="_open_1u3pz_62",x="_sticky_1u3pz_78",e={aside:f,sidebar:y,open:k,sticky:x},g={default:e.default,sidebar:e.sidebar},m=({children:c,className:i,sticky:d=!1,variant:n="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:l.t(i&&i,t&&e.open,e.aside,d&&e.sticky,g[n]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[n==="sidebar"&&s.jsx(p.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(b.Icon,{name:t?"X":"List"})}),c]})};exports.Aside=m;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  sidebar: styles.sidebar,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <aside\n      className={cx(\n        className && className,\n        open && styles.open,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n      onClick={(event) => {\n        const link = (event.target as HTMLElement).closest('a[href]');\n\n        if (link && !link.getAttribute('href')?.startsWith('#')) {\n          setOpen(false);\n        }\n      }}\n    >\n      {variant === 'sidebar' && (\n        <Button\n          data-sidebar-toggle='true'\n          onClick={() => setOpen(!open)}\n          variant='tertiary'\n        >\n          <Icon name={open ? 'x' : 'menu'} />\n        </Button>\n      )}\n\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","sidebar","Aside","children","className","sticky","variant","open","setOpen","useState","cx","aside","event","link","target","closest","getAttribute","startsWith","jsx","Button","Icon"],"mappings":"sWAQMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,QAASD,EAAOC,OAClB,EASaC,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAOC,QAAAA,EAAU,SAAsB,IAAM,CACjG,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtC,cACG,QAAA,CACC,UAAWC,EAAAA,EACTN,GAAaA,EACbG,GAAQP,EAAOO,KACfP,EAAOW,MACPN,GAAUL,EAAOK,OACjBP,EAASQ,CAAO,CAClB,EACA,QAAUM,GAAU,OAClB,MAAMC,EAAQD,EAAME,OAAuBC,QAAQ,SAAS,EAExDF,GAAQ,GAACA,EAAAA,EAAKG,aAAa,MAAM,IAAxBH,MAAAA,EAA2BI,WAAW,OACjDT,EAAQ,EAAK,CAEjB,EAAE,iBAAA,QAEDF,SAAAA,CAAAA,IAAY,WACXY,EAAAA,IAACC,SAAA,CACC,sBAAoB,OACpB,QAAS,IAAMX,EAAQ,CAACD,CAAI,EAC5B,QAAQ,WAER,SAAAW,EAAAA,IAACE,OAAA,CAAK,KAAMb,EAAO,IAAM,OAAO,EAClC,EAGDJ,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  sidebar: styles.sidebar,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <aside\n      className={cx(\n        className && className,\n        open && styles.open,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n      onClick={(event) => {\n        const link = (event.target as HTMLElement).closest('a[href]');\n\n        if (link && !link.getAttribute('href')?.startsWith('#')) {\n          setOpen(false);\n        }\n      }}\n    >\n      {variant === 'sidebar' && (\n        <Button\n          data-sidebar-toggle='true'\n          onClick={() => setOpen(!open)}\n          variant='tertiary'\n        >\n          <Icon name={open ? 'X' : 'List'} />\n        </Button>\n      )}\n\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","sidebar","Aside","children","className","sticky","variant","open","setOpen","useState","cx","aside","event","link","target","closest","getAttribute","startsWith","jsx","Button","Icon"],"mappings":"sWAQMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,QAASD,EAAOC,OAClB,EASaC,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAOC,QAAAA,EAAU,SAAsB,IAAM,CACjG,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtC,cACG,QAAA,CACC,UAAWC,EAAAA,EACTN,GAAaA,EACbG,GAAQP,EAAOO,KACfP,EAAOW,MACPN,GAAUL,EAAOK,OACjBP,EAASQ,CAAO,CAClB,EACA,QAAUM,GAAU,OAClB,MAAMC,EAAQD,EAAME,OAAuBC,QAAQ,SAAS,EAExDF,GAAQ,GAACA,EAAAA,EAAKG,aAAa,MAAM,IAAxBH,MAAAA,EAA2BI,WAAW,OACjDT,EAAQ,EAAK,CAEjB,EAAE,iBAAA,QAEDF,SAAAA,CAAAA,IAAY,WACXY,EAAAA,IAACC,SAAA,CACC,sBAAoB,OACpB,QAAS,IAAMX,EAAQ,CAACD,CAAI,EAC5B,QAAQ,WAER,SAAAW,EAAAA,IAACE,OAAA,CAAK,KAAMb,EAAO,IAAM,OAAO,EAClC,EAGDJ,CAAAA,EACH,CAEJ"}

package/dist/components/aside/index.js

@@ -23,7 +23,7 @@ import '../../assets/index24.css';const b = "_aside_1u3pz_3", k = "_sidebar_1u3p
     const a = p.target.closest("a[href]");
     a && !((r = a.getAttribute("href")) != null && r.startsWith("#")) && o(!1);
   }, "data-component": "aside", children: [
-    i === "sidebar" && /* @__PURE__ */ n(u, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(_, { name: e ? "x" : "menu" }) }),
+    i === "sidebar" && /* @__PURE__ */ n(u, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(_, { name: e ? "X" : "List" }) }),
     d
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  sidebar: styles.sidebar,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <aside\n      className={cx(\n        className && className,\n        open && styles.open,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n      onClick={(event) => {\n        const link = (event.target as HTMLElement).closest('a[href]');\n\n        if (link && !link.getAttribute('href')?.startsWith('#')) {\n          setOpen(false);\n        }\n      }}\n    >\n      {variant === 'sidebar' && (\n        <Button\n          data-sidebar-toggle='true'\n          onClick={() => setOpen(!open)}\n          variant='tertiary'\n        >\n          <Icon name={open ? 'x' : 'menu'} />\n        </Button>\n      )}\n\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","sidebar","Aside","children","className","sticky","variant","open","setOpen","useState","cx","aside","event","link","target","closest","getAttribute","startsWith","jsx","Button","Icon"],"mappings":";;;;;;;;;;GAQMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,SAASD,EAAOC;AAClB,GASaC,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA,IAAS;AAAA,EAAOC,SAAAA,IAAU;AAAsB,MAAM;AACjG,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,2BACG,SAAA,EACC,WAAWC,EACTN,KAAaA,GACbG,KAAQP,EAAOO,MACfP,EAAOW,OACPN,KAAUL,EAAOK,QACjBP,EAASQ,CAAO,CAClB,GACA,SAAUM,CAAAA,MAAU;;AAClB,UAAMC,IAAQD,EAAME,OAAuBC,QAAQ,SAAS;AAE5D,IAAIF,KAAQ,GAACA,IAAAA,EAAKG,aAAa,MAAM,MAAxBH,QAAAA,EAA2BI,WAAW,SACjDT,EAAQ,EAAK;AAAA,EAEjB,GAAE,kBAAA,SAEDF,UAAAA;AAAAA,IAAAA,MAAY,aACX,gBAAAY,EAACC,GAAA,EACC,uBAAoB,QACpB,SAAS,MAAMX,EAAQ,CAACD,CAAI,GAC5B,SAAQ,YAER,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAMb,IAAO,MAAM,QAAO,GAClC;AAAA,IAGDJ;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  sidebar: styles.sidebar,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <aside\n      className={cx(\n        className && className,\n        open && styles.open,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n      onClick={(event) => {\n        const link = (event.target as HTMLElement).closest('a[href]');\n\n        if (link && !link.getAttribute('href')?.startsWith('#')) {\n          setOpen(false);\n        }\n      }}\n    >\n      {variant === 'sidebar' && (\n        <Button\n          data-sidebar-toggle='true'\n          onClick={() => setOpen(!open)}\n          variant='tertiary'\n        >\n          <Icon name={open ? 'X' : 'List'} />\n        </Button>\n      )}\n\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","sidebar","Aside","children","className","sticky","variant","open","setOpen","useState","cx","aside","event","link","target","closest","getAttribute","startsWith","jsx","Button","Icon"],"mappings":";;;;;;;;;;GAQMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,SAASD,EAAOC;AAClB,GASaC,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA,IAAS;AAAA,EAAOC,SAAAA,IAAU;AAAsB,MAAM;AACjG,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,2BACG,SAAA,EACC,WAAWC,EACTN,KAAaA,GACbG,KAAQP,EAAOO,MACfP,EAAOW,OACPN,KAAUL,EAAOK,QACjBP,EAASQ,CAAO,CAClB,GACA,SAAUM,CAAAA,MAAU;;AAClB,UAAMC,IAAQD,EAAME,OAAuBC,QAAQ,SAAS;AAE5D,IAAIF,KAAQ,GAACA,IAAAA,EAAKG,aAAa,MAAM,MAAxBH,QAAAA,EAA2BI,WAAW,SACjDT,EAAQ,EAAK;AAAA,EAEjB,GAAE,kBAAA,SAEDF,UAAAA;AAAAA,IAAAA,MAAY,aACX,gBAAAY,EAACC,GAAA,EACC,uBAAoB,QACpB,SAAS,MAAMX,EAAQ,CAACD,CAAI,GAC5B,SAAQ,YAER,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAMb,IAAO,MAAM,QAAO,GAClC;AAAA,IAGDJ;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),z=require("../figure/index.cjs"),q=require("../icon/index.cjs"),j=require("../link/index.cjs"),g="_avatar_12qzb_1",p="_media_12qzb_10",h="_role_12qzb_10",v="_details_12qzb_59",N="_secondary_12qzb_71",y="_text_12qzb_79",f="_initials_12qzb_103",k="_small_12qzb_107",A="_medium_12qzb_115",I="_large_12qzb_127",L="_link_12qzb_147",a={avatar:g,"color-1":"_color-1_12qzb_10","color-solibo":"_color-solibo_12qzb_10",media:p,role:h,"color-2":"_color-2_12qzb_15","color-board":"_color-board_12qzb_15","color-3":"_color-3_12qzb_20","color-owner":"_color-owner_12qzb_20","color-4":"_color-4_12qzb_25","color-renter":"_color-renter_12qzb_25","color-5":"_color-5_12qzb_30","color-external":"_color-external_12qzb_30",details:v,secondary:N,text:y,"role-name":"_role-name_12qzb_87",initials:f,small:k,medium:A,large:I,link:L},S={large:a.large,medium:a.medium,small:a.small},u={large:"large",medium:"medium",small:"medium"},$=i=>{const l=i.trim().split(/\s+/).filter(Boolean),c=Array.from(l[0]??"")[0]??"",t=l.length>1?Array.from(l[l.length-1])[0]:"";return`${c}${t}`.toLocaleUpperCase()},w=({accessibleLabel:i,color:l,icon:c,imageUrl:t,link:_,name:n,role:e,size:r="small",text:o})=>{const m=i||n||"User Avatar",d=n?$(n):"",b=s.jsxs("div",{className:x.t(a.avatar,S[r],l&&a[`color-${l}`]),"data-color":l,"data-size":r,children:[s.jsx("span",{className:a.media,children:s.jsx(z.Figure,{accessibleLabel:m,children:c?s.jsx(q.Icon,{name:c,size:u[r]}):t?s.jsx("img",{src:t,alt:m}):d?s.jsx("span",{"aria-hidden":"true",className:a.initials,children:d}):s.jsx(q.Icon,{name:"user",size:u[r]})})}),(n||e||o)&&s.jsxs("span",{className:a.details,children:[n&&s.jsx("strong",{children:n}),r==="small"&&(o||e)&&s.jsxs("span",{className:a.text,children:[o,o&&e&&" | ",e&&s.jsx("span",{className:a["role-name"],children:e})]}),r==="medium"&&s.jsxs("span",{className:a.secondary,children:[o&&s.jsx("span",{className:a.text,children:o}),e&&s.jsx("span",{className:a.role,children:e})]}),r==="large"&&e&&s.jsx("span",{className:a.role,children:e}),r==="large"&&o&&s.jsx("span",{className:a.text,children:o})]})]});return _?s.jsx(j.Link,{className:a.link,to:_,"data-component":"avatar",children:b}):b};exports.Avatar=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),z=require("../figure/index.cjs"),q=require("../icon/index.cjs"),j=require("../link/index.cjs"),g="_avatar_12qzb_1",p="_media_12qzb_10",h="_role_12qzb_10",v="_details_12qzb_59",N="_secondary_12qzb_71",y="_text_12qzb_79",f="_initials_12qzb_103",k="_small_12qzb_107",A="_medium_12qzb_115",I="_large_12qzb_127",L="_link_12qzb_147",a={avatar:g,"color-1":"_color-1_12qzb_10","color-solibo":"_color-solibo_12qzb_10",media:p,role:h,"color-2":"_color-2_12qzb_15","color-board":"_color-board_12qzb_15","color-3":"_color-3_12qzb_20","color-owner":"_color-owner_12qzb_20","color-4":"_color-4_12qzb_25","color-renter":"_color-renter_12qzb_25","color-5":"_color-5_12qzb_30","color-external":"_color-external_12qzb_30",details:v,secondary:N,text:y,"role-name":"_role-name_12qzb_87",initials:f,small:k,medium:A,large:I,link:L},S={large:a.large,medium:a.medium,small:a.small},u={large:"large",medium:"medium",small:"medium"},$=i=>{const l=i.trim().split(/\s+/).filter(Boolean),c=Array.from(l[0]??"")[0]??"",t=l.length>1?Array.from(l[l.length-1])[0]:"";return`${c}${t}`.toLocaleUpperCase()},w=({accessibleLabel:i,color:l,icon:c,imageUrl:t,link:_,name:n,role:e,size:r="small",text:o})=>{const m=i||n||"User Avatar",d=n?$(n):"",b=s.jsxs("div",{className:x.t(a.avatar,S[r],l&&a[`color-${l}`]),"data-color":l,"data-size":r,children:[s.jsx("span",{className:a.media,children:s.jsx(z.Figure,{accessibleLabel:m,children:c?s.jsx(q.Icon,{name:c,size:u[r]}):t?s.jsx("img",{src:t,alt:m}):d?s.jsx("span",{"aria-hidden":"true",className:a.initials,children:d}):s.jsx(q.Icon,{name:"User",size:u[r]})})}),(n||e||o)&&s.jsxs("span",{className:a.details,children:[n&&s.jsx("strong",{children:n}),r==="small"&&(o||e)&&s.jsxs("span",{className:a.text,children:[o,o&&e&&" | ",e&&s.jsx("span",{className:a["role-name"],children:e})]}),r==="medium"&&s.jsxs("span",{className:a.secondary,children:[o&&s.jsx("span",{className:a.text,children:o}),e&&s.jsx("span",{className:a.role,children:e})]}),r==="large"&&e&&s.jsx("span",{className:a.role,children:e}),r==="large"&&o&&s.jsx("span",{className:a.text,children:o})]})]});return _?s.jsx(j.Link,{className:a.link,to:_,"data-component":"avatar",children:b}):b};exports.Avatar=w;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":"w8BAkCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAgE,CACpEJ,MAAO,QACPE,OAAQ,SACRC,MAAO,QACT,EAEME,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAjB,KAAAA,EACAkB,KAAAA,EACAC,KAAAA,EAAO,QACPC,KAAAA,CACW,IAAM,CACjB,MAAMC,EAAcR,GAAmBb,GAAQ,cACzCsB,EAAWtB,EAAOD,EAAYC,CAAI,EAAI,GAEtCuB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG7B,EAAO8B,OAAQhC,EAAM0B,CAAI,EAAGL,GAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWK,EAEX,SAAA,CAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOgC,MACtB,eAACC,EAAAA,OAAA,CAAO,gBAAiBP,EACtBN,SAAAA,EACCW,EAAAA,IAACG,QACC,KAAMd,EACN,KAAMjB,EAAUqB,CAAI,EAAE,EAEtBH,QACD,MAAA,CACC,IAAKA,EACL,IAAKK,EAAY,EAEjBC,EACFI,EAAAA,IAAC,QACC,cAAY,OACZ,UAAW/B,EAAO2B,SAEjBA,WACH,EAEAI,EAAAA,IAACG,EAAAA,MACC,KAAK,OACL,KAAM/B,EAAUqB,CAAI,EAAE,CAAA,CAG5B,CAAA,CACF,GACEnB,GAAQkB,GAAQE,WACf,OAAA,CAAK,UAAWzB,EAAOmC,QACrB9B,SAAAA,CAAAA,GAAQ0B,EAAAA,IAAC,UAAQ1B,SAAAA,CAAAA,CAAK,EACtBmB,IAAS,UAAYC,GAAQF,WAC3B,OAAA,CAAK,UAAWvB,EAAOyB,KACrBA,SAAAA,CAAAA,EACAA,GAAQF,GAAQ,MAChBA,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAO,WAAW,EAAIuB,SAAAA,CAAAA,CAAK,CAAA,EACvD,EAEDC,IAAS,UACRY,EAAAA,KAAC,OAAA,CAAK,UAAWpC,EAAOqC,UACrBZ,SAAAA,CAAAA,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,EAAK,EAC5CF,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,EAC/C,EAEDC,IAAS,SAAWD,GAAQQ,EAAAA,IAAC,QAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,EAChEC,IAAS,SAAWC,GAAQM,EAAAA,IAAC,QAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACnE,CAAA,EAEJ,EAGF,OAAOH,EACLS,EAAAA,IAACO,EAAAA,KAAA,CACC,UAAWtC,EAAOsB,KAClB,GAAIA,EAAK,iBAAA,SAERM,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='User'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":"w8BAkCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAgE,CACpEJ,MAAO,QACPE,OAAQ,SACRC,MAAO,QACT,EAEME,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAjB,KAAAA,EACAkB,KAAAA,EACAC,KAAAA,EAAO,QACPC,KAAAA,CACW,IAAM,CACjB,MAAMC,EAAcR,GAAmBb,GAAQ,cACzCsB,EAAWtB,EAAOD,EAAYC,CAAI,EAAI,GAEtCuB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG7B,EAAO8B,OAAQhC,EAAM0B,CAAI,EAAGL,GAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWK,EAEX,SAAA,CAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOgC,MACtB,eAACC,EAAAA,OAAA,CAAO,gBAAiBP,EACtBN,SAAAA,EACCW,EAAAA,IAACG,QACC,KAAMd,EACN,KAAMjB,EAAUqB,CAAI,EAAE,EAEtBH,QACD,MAAA,CACC,IAAKA,EACL,IAAKK,EAAY,EAEjBC,EACFI,EAAAA,IAAC,QACC,cAAY,OACZ,UAAW/B,EAAO2B,SAEjBA,WACH,EAEAI,EAAAA,IAACG,EAAAA,MACC,KAAK,OACL,KAAM/B,EAAUqB,CAAI,EAAE,CAAA,CAG5B,CAAA,CACF,GACEnB,GAAQkB,GAAQE,WACf,OAAA,CAAK,UAAWzB,EAAOmC,QACrB9B,SAAAA,CAAAA,GAAQ0B,EAAAA,IAAC,UAAQ1B,SAAAA,CAAAA,CAAK,EACtBmB,IAAS,UAAYC,GAAQF,WAC3B,OAAA,CAAK,UAAWvB,EAAOyB,KACrBA,SAAAA,CAAAA,EACAA,GAAQF,GAAQ,MAChBA,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAO,WAAW,EAAIuB,SAAAA,CAAAA,CAAK,CAAA,EACvD,EAEDC,IAAS,UACRY,EAAAA,KAAC,OAAA,CAAK,UAAWpC,EAAOqC,UACrBZ,SAAAA,CAAAA,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,EAAK,EAC5CF,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,EAC/C,EAEDC,IAAS,SAAWD,GAAQQ,EAAAA,IAAC,QAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,EAChEC,IAAS,SAAWC,GAAQM,EAAAA,IAAC,QAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACnE,CAAA,EAEJ,EAGF,OAAOH,EACLS,EAAAA,IAACO,EAAAA,KAAA,CACC,UAAWtC,EAAOsB,KAClB,GAAIA,EAAK,iBAAA,SAERM,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}

package/dist/components/avatar/index.js

@@ -49,7 +49,7 @@ import '../../assets/index25.css';const N = "_avatar_12qzb_1", v = "_media_12qzb
   text: e
 }) => {
   const d = _ || n || "User Avatar", b = n ? F(n) : "", q = /* @__PURE__ */ i("div", { className: h(a.avatar, w[s], o && a[`color-${o}`]), "data-color": o, "data-size": s, children: [
-    /* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(g, { accessibleLabel: d, children: c ? /* @__PURE__ */ l(p, { name: c, size: z[s] }) : t ? /* @__PURE__ */ l("img", { src: t, alt: d }) : b ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: a.initials, children: b }) : /* @__PURE__ */ l(p, { name: "user", size: z[s] }) }) }),
+    /* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(g, { accessibleLabel: d, children: c ? /* @__PURE__ */ l(p, { name: c, size: z[s] }) : t ? /* @__PURE__ */ l("img", { src: t, alt: d }) : b ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: a.initials, children: b }) : /* @__PURE__ */ l(p, { name: "User", size: z[s] }) }) }),
     (n || r || e) && /* @__PURE__ */ i("span", { className: a.details, children: [
       n && /* @__PURE__ */ l("strong", { children: n }),
       s === "small" && (e || r) && /* @__PURE__ */ i("span", { className: a.text, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCMA,IAAoC;AAAA,EACxCC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAgE;AAAA,EACpEJ,OAAO;AAAA,EACPE,QAAQ;AAAA,EACRC,OAAO;AACT,GAEME,IAAcA,CAACC,MAAiB;AACpC,QAAMC,IAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,GACnDC,IAAeC,MAAMC,KAAKP,EAAU,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IACpDQ,IAAcR,EAAUS,SAAS,IAAIH,MAAMC,KAAKP,EAAUA,EAAUS,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI;AAE5F,SAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA;AACzC,GAEaC,IAASA,CAAC;AAAA,EACrBC,iBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAjB,MAAAA;AAAAA,EACAkB,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AACW,MAAM;AACjB,QAAMC,IAAcR,KAAmBb,KAAQ,eACzCsB,IAAWtB,IAAOD,EAAYC,CAAI,IAAI,IAEtCuB,sBACH,OAAA,EACC,WAAWC,EAAG7B,EAAO8B,QAAQhC,EAAM0B,CAAI,GAAGL,KAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,GAC3E,cAAYA,GACZ,aAAWK,GAEX,UAAA;AAAA,IAAA,gBAAAO,EAAC,QAAA,EAAK,WAAW/B,EAAOgC,OACtB,4BAACC,GAAA,EAAO,iBAAiBP,GACtBN,UAAAA,IACC,gBAAAW,EAACG,KACC,MAAMd,GACN,MAAMjB,EAAUqB,CAAI,GAAE,IAEtBH,sBACD,OAAA,EACC,KAAKA,GACL,KAAKK,GAAY,IAEjBC,IACF,gBAAAI,EAAC,UACC,eAAY,QACZ,WAAW/B,EAAO2B,UAEjBA,aACH,IAEA,gBAAAI,EAACG,KACC,MAAK,QACL,MAAM/B,EAAUqB,CAAI,GAAE,EAAA,CAG5B,EAAA,CACF;AAAA,KACEnB,KAAQkB,KAAQE,wBACf,QAAA,EAAK,WAAWzB,EAAOmC,SACrB9B,UAAAA;AAAAA,MAAAA,KAAQ,gBAAA0B,EAAC,YAAQ1B,UAAAA,EAAAA,CAAK;AAAA,MACtBmB,MAAS,YAAYC,KAAQF,wBAC3B,QAAA,EAAK,WAAWvB,EAAOyB,MACrBA,UAAAA;AAAAA,QAAAA;AAAAA,QACAA,KAAQF,KAAQ;AAAA,QAChBA,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAO,WAAW,GAAIuB,UAAAA,EAAAA,CAAK;AAAA,MAAA,GACvD;AAAA,MAEDC,MAAS,YACR,gBAAAY,EAAC,QAAA,EAAK,WAAWpC,EAAOqC,WACrBZ,UAAAA;AAAAA,QAAAA,KAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,GAAK;AAAA,QAC5CF,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAAA,GAC/C;AAAA,MAEDC,MAAS,WAAWD,KAAQ,gBAAAQ,EAAC,UAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAChEC,MAAS,WAAWC,KAAQ,gBAAAM,EAAC,UAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,IAAA,EAAA,CACnE;AAAA,EAAA,GAEJ;AAGF,SAAOH,IACL,gBAAAS,EAACO,GAAA,EACC,WAAWtC,EAAOsB,MAClB,IAAIA,GAAK,kBAAA,UAERM,UAAAA,EAAAA,CACH,IAEAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='User'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCMA,IAAoC;AAAA,EACxCC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAgE;AAAA,EACpEJ,OAAO;AAAA,EACPE,QAAQ;AAAA,EACRC,OAAO;AACT,GAEME,IAAcA,CAACC,MAAiB;AACpC,QAAMC,IAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,GACnDC,IAAeC,MAAMC,KAAKP,EAAU,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IACpDQ,IAAcR,EAAUS,SAAS,IAAIH,MAAMC,KAAKP,EAAUA,EAAUS,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI;AAE5F,SAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA;AACzC,GAEaC,IAASA,CAAC;AAAA,EACrBC,iBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAjB,MAAAA;AAAAA,EACAkB,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AACW,MAAM;AACjB,QAAMC,IAAcR,KAAmBb,KAAQ,eACzCsB,IAAWtB,IAAOD,EAAYC,CAAI,IAAI,IAEtCuB,sBACH,OAAA,EACC,WAAWC,EAAG7B,EAAO8B,QAAQhC,EAAM0B,CAAI,GAAGL,KAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,GAC3E,cAAYA,GACZ,aAAWK,GAEX,UAAA;AAAA,IAAA,gBAAAO,EAAC,QAAA,EAAK,WAAW/B,EAAOgC,OACtB,4BAACC,GAAA,EAAO,iBAAiBP,GACtBN,UAAAA,IACC,gBAAAW,EAACG,KACC,MAAMd,GACN,MAAMjB,EAAUqB,CAAI,GAAE,IAEtBH,sBACD,OAAA,EACC,KAAKA,GACL,KAAKK,GAAY,IAEjBC,IACF,gBAAAI,EAAC,UACC,eAAY,QACZ,WAAW/B,EAAO2B,UAEjBA,aACH,IAEA,gBAAAI,EAACG,KACC,MAAK,QACL,MAAM/B,EAAUqB,CAAI,GAAE,EAAA,CAG5B,EAAA,CACF;AAAA,KACEnB,KAAQkB,KAAQE,wBACf,QAAA,EAAK,WAAWzB,EAAOmC,SACrB9B,UAAAA;AAAAA,MAAAA,KAAQ,gBAAA0B,EAAC,YAAQ1B,UAAAA,EAAAA,CAAK;AAAA,MACtBmB,MAAS,YAAYC,KAAQF,wBAC3B,QAAA,EAAK,WAAWvB,EAAOyB,MACrBA,UAAAA;AAAAA,QAAAA;AAAAA,QACAA,KAAQF,KAAQ;AAAA,QAChBA,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAO,WAAW,GAAIuB,UAAAA,EAAAA,CAAK;AAAA,MAAA,GACvD;AAAA,MAEDC,MAAS,YACR,gBAAAY,EAAC,QAAA,EAAK,WAAWpC,EAAOqC,WACrBZ,UAAAA;AAAAA,QAAAA,KAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,GAAK;AAAA,QAC5CF,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAAA,GAC/C;AAAA,MAEDC,MAAS,WAAWD,KAAQ,gBAAAQ,EAAC,UAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAChEC,MAAS,WAAWC,KAAQ,gBAAAM,EAAC,UAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,IAAA,EAAA,CACnE;AAAA,EAAA,GAEJ;AAGF,SAAOH,IACL,gBAAAS,EAACO,GAAA,EACC,WAAWtC,EAAOsB,MAClB,IAAIA,GAAK,kBAAA,UAERM,UAAAA,EAAAA,CACH,IAEAA;AAEJ;"}

package/dist/components/badge/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const l=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../icon/index.cjs"),t="_badge_1r0jb_1",i="_highlight_1r0jb_19",g="_info_1r0jb_25",b="_primary_1r0jb_30",j="_success_1r0jb_35",u="_warning_1r0jb_40",r={badge:t,highlight:i,info:g,primary:b,success:j,warning:u,"color-1":"_color-1_1r0jb_45","color-2":"_color-2_1r0jb_50","color-yellow":"_color-yellow_1r0jb_51","color-3":"_color-3_1r0jb_56","color-peach":"_color-peach_1r0jb_57","color-4":"_color-4_1r0jb_62","color-magenta":"_color-magenta_1r0jb_63","color-5":"_color-5_1r0jb_68","color-purple":"_color-purple_1r0jb_69","color-6":"_color-6_1r0jb_74","color-blue":"_color-blue_1r0jb_75","color-7":"_color-7_1r0jb_80","color-green":"_color-green_1r0jb_81"},h={default:r.default,highlight:r.highlight,info:r.info,primary:r.primary,success:r.success,warning:r.warning},m=({color:e,children:_,icon:o,position:c="left",variant:n="default"})=>_===0||_==null?null:l.jsxs("span",{className:a.t(r.badge,h[n],e&&r[`color-${e}`]),"data-component":"badge",children:[o&&c=="left"&&l.jsx(s.Icon,{fill:!0,name:o,size:"small"}),l.jsx("span",{children:_}),o&&c=="right"&&l.jsx(s.Icon,{fill:!0,name:o,size:"small"})]});exports.Badge=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const _=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../icon/index.cjs"),t="_badge_1r0jb_1",i="_highlight_1r0jb_19",g="_info_1r0jb_25",b="_primary_1r0jb_30",j="_success_1r0jb_35",u="_warning_1r0jb_40",r={badge:t,highlight:i,info:g,primary:b,success:j,warning:u,"color-1":"_color-1_1r0jb_45","color-2":"_color-2_1r0jb_50","color-yellow":"_color-yellow_1r0jb_51","color-3":"_color-3_1r0jb_56","color-peach":"_color-peach_1r0jb_57","color-4":"_color-4_1r0jb_62","color-magenta":"_color-magenta_1r0jb_63","color-5":"_color-5_1r0jb_68","color-purple":"_color-purple_1r0jb_69","color-6":"_color-6_1r0jb_74","color-blue":"_color-blue_1r0jb_75","color-7":"_color-7_1r0jb_80","color-green":"_color-green_1r0jb_81"},h={default:r.default,highlight:r.highlight,info:r.info,primary:r.primary,success:r.success,warning:r.warning},m=({color:c,children:l,icon:o,position:e="left",variant:n="default"})=>l===0||l==null?null:_.jsxs("span",{className:a.t(r.badge,h[n],c&&r[`color-${c}`]),"data-component":"badge",children:[o&&e=="left"&&_.jsx(s.Icon,{name:o,size:"small"}),_.jsx("span",{children:l}),o&&e=="right"&&_.jsx(s.Icon,{name:o,size:"small"})]});exports.Badge=m;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\n\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  highlight: styles.highlight,\n  info: styles.info,\n  primary: styles.primary,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nexport type BadgeColor =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | 'blue'\n  | 'green'\n  | 'magenta'\n  | 'peach'\n  | 'purple'\n  | 'yellow';\n\nexport type BadgeProps = {\n  color?: BadgeColor;\n  children?: React.ReactNode;\n  icon?: IconName;\n  position?: 'left' | 'right';\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  color,\n  children,\n  icon,\n  position = 'left',\n  variant = 'default',\n}: BadgeProps) => {\n  if (children === 0 || children == null) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cx(styles.badge, variants[variant], color && styles[`color-${color}`])}\n      data-component='badge'\n    >\n      {icon && position == 'left' && (\n        <Icon\n          fill\n          name={icon}\n          size='small'\n        />\n      )}\n      <span>{children}</span>\n      {icon && position == 'right' && (\n        <Icon\n          fill\n          name={icon}\n          size='small'\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","highlight","info","primary","success","warning","Badge","color","children","icon","position","variant","cx","badge","jsx","Icon"],"mappings":"qzBAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,UAAWD,EAAOC,UAClBC,KAAMF,EAAOE,KACbC,QAASH,EAAOG,QAChBC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,OAClB,EAyBaC,EAAQA,CAAC,CACpBC,MAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,SAAAA,EAAW,OACXC,QAAAA,EAAU,SACA,IACNH,IAAa,GAAKA,GAAY,KACzB,YAIN,OAAA,CACC,UAAWI,EAAAA,EAAGZ,EAAOa,MAAOf,EAASa,CAAO,EAAGJ,GAASP,EAAO,SAASO,CAAK,EAAE,CAAC,EAChF,iBAAe,QAEdE,SAAAA,CAAAA,GAAQC,GAAY,QACnBI,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,KAAMN,EACN,KAAK,OAAA,CAAO,EAGhBK,MAAC,QAAMN,SAAAA,EAAS,EACfC,GAAQC,GAAY,SACnBI,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,KAAMN,EACN,KAAK,OAAA,CAAO,CAAA,EAGlB"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon, type IconName } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  highlight: styles.highlight,\n  info: styles.info,\n  primary: styles.primary,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nexport type BadgeColor =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | 'blue'\n  | 'green'\n  | 'magenta'\n  | 'peach'\n  | 'purple'\n  | 'yellow';\n\nexport type BadgeProps = {\n  color?: BadgeColor;\n  children?: React.ReactNode;\n  icon?: IconName;\n  position?: 'left' | 'right';\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  color,\n  children,\n  icon,\n  position = 'left',\n  variant = 'default',\n}: BadgeProps) => {\n  if (children === 0 || children == null) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cx(styles.badge, variants[variant], color && styles[`color-${color}`])}\n      data-component='badge'\n    >\n      {icon && position == 'left' && (\n        <Icon\n          name={icon}\n          size='small'\n        />\n      )}\n      <span>{children}</span>\n      {icon && position == 'right' && (\n        <Icon\n          name={icon}\n          size='small'\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","highlight","info","primary","success","warning","Badge","color","children","icon","position","variant","cx","badge","jsx","Icon"],"mappings":"qzBAMMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,UAAWD,EAAOC,UAClBC,KAAMF,EAAOE,KACbC,QAASH,EAAOG,QAChBC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,OAClB,EAyBaC,EAAQA,CAAC,CACpBC,MAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,SAAAA,EAAW,OACXC,QAAAA,EAAU,SACA,IACNH,IAAa,GAAKA,GAAY,KACzB,YAIN,OAAA,CACC,UAAWI,EAAAA,EAAGZ,EAAOa,MAAOf,EAASa,CAAO,EAAGJ,GAASP,EAAO,SAASO,CAAK,EAAE,CAAC,EAChF,iBAAe,QAEdE,SAAAA,CAAAA,GAAQC,GAAY,QACnBI,MAACC,EAAAA,MACC,KAAMN,EACN,KAAK,QAAO,EAGhBK,MAAC,QAAMN,SAAAA,EAAS,EACfC,GAAQC,GAAY,SACnBI,MAACC,EAAAA,MACC,KAAMN,EACN,KAAK,OAAA,CAAO,CAAA,EAGlB"}

package/dist/components/badge/index.js

@@ -1,13 +1,13 @@
-import { jsxs as n, jsx as _ } from "react/jsx-runtime";
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import { t } from "../../classix-DG18itHa.js";
 import { Icon as a } from "../icon/index.js";
-import '../../assets/index26.css';const i = "_badge_1r0jb_1", b = "_highlight_1r0jb_19", g = "_info_1r0jb_25", j = "_primary_1r0jb_30", m = "_success_1r0jb_35", u = "_warning_1r0jb_40", r = {
+import '../../assets/index26.css';const i = "_badge_1r0jb_1", b = "_highlight_1r0jb_19", g = "_info_1r0jb_25", j = "_primary_1r0jb_30", m = "_success_1r0jb_35", h = "_warning_1r0jb_40", r = {
   badge: i,
   highlight: b,
   info: g,
   primary: j,
   success: m,
-  warning: u,
+  warning: h,
   "color-1": "_color-1_1r0jb_45",
   "color-2": "_color-2_1r0jb_50",
   "color-yellow": "_color-yellow_1r0jb_51",
@@ -21,7 +21,7 @@ import '../../assets/index26.css';const i = "_badge_1r0jb_1", b = "_highlight_1r
   "color-blue": "_color-blue_1r0jb_75",
   "color-7": "_color-7_1r0jb_80",
   "color-green": "_color-green_1r0jb_81"
-}, h = {
+}, p = {
   default: r.default,
   highlight: r.highlight,
   info: r.info,
@@ -30,14 +30,14 @@ import '../../assets/index26.css';const i = "_badge_1r0jb_1", b = "_highlight_1r
   warning: r.warning
 }, y = ({
   color: c,
-  children: l,
+  children: _,
   icon: o,
   position: e = "left",
   variant: s = "default"
-}) => l === 0 || l == null ? null : /* @__PURE__ */ n("span", { className: t(r.badge, h[s], c && r[`color-${c}`]), "data-component": "badge", children: [
-  o && e == "left" && /* @__PURE__ */ _(a, { fill: !0, name: o, size: "small" }),
-  /* @__PURE__ */ _("span", { children: l }),
-  o && e == "right" && /* @__PURE__ */ _(a, { fill: !0, name: o, size: "small" })
+}) => _ === 0 || _ == null ? null : /* @__PURE__ */ n("span", { className: t(r.badge, p[s], c && r[`color-${c}`]), "data-component": "badge", children: [
+  o && e == "left" && /* @__PURE__ */ l(a, { name: o, size: "small" }),
+  /* @__PURE__ */ l("span", { children: _ }),
+  o && e == "right" && /* @__PURE__ */ l(a, { name: o, size: "small" })
 ] });
 export {
   y as Badge

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\n\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  highlight: styles.highlight,\n  info: styles.info,\n  primary: styles.primary,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nexport type BadgeColor =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | 'blue'\n  | 'green'\n  | 'magenta'\n  | 'peach'\n  | 'purple'\n  | 'yellow';\n\nexport type BadgeProps = {\n  color?: BadgeColor;\n  children?: React.ReactNode;\n  icon?: IconName;\n  position?: 'left' | 'right';\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  color,\n  children,\n  icon,\n  position = 'left',\n  variant = 'default',\n}: BadgeProps) => {\n  if (children === 0 || children == null) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cx(styles.badge, variants[variant], color && styles[`color-${color}`])}\n      data-component='badge'\n    >\n      {icon && position == 'left' && (\n        <Icon\n          fill\n          name={icon}\n          size='small'\n        />\n      )}\n      <span>{children}</span>\n      {icon && position == 'right' && (\n        <Icon\n          fill\n          name={icon}\n          size='small'\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","highlight","info","primary","success","warning","Badge","color","children","icon","position","variant","cx","badge","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,WAAWD,EAAOC;AAAAA,EAClBC,MAAMF,EAAOE;AAAAA,EACbC,SAASH,EAAOG;AAAAA,EAChBC,SAASJ,EAAOI;AAAAA,EAChBC,SAASL,EAAOK;AAClB,GAyBaC,IAAQA,CAAC;AAAA,EACpBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AACA,MACNH,MAAa,KAAKA,KAAY,OACzB,yBAIN,QAAA,EACC,WAAWI,EAAGZ,EAAOa,OAAOf,EAASa,CAAO,GAAGJ,KAASP,EAAO,SAASO,CAAK,EAAE,CAAC,GAChF,kBAAe,SAEdE,UAAAA;AAAAA,EAAAA,KAAQC,KAAY,UACnB,gBAAAI,EAACC,GAAA,EACC,MAAI,IACJ,MAAMN,GACN,MAAK,QAAA,CAAO;AAAA,EAGhB,gBAAAK,EAAC,UAAMN,UAAAA,GAAS;AAAA,EACfC,KAAQC,KAAY,WACnB,gBAAAI,EAACC,GAAA,EACC,MAAI,IACJ,MAAMN,GACN,MAAK,QAAA,CAAO;AAAA,GAGlB;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon, type IconName } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  highlight: styles.highlight,\n  info: styles.info,\n  primary: styles.primary,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nexport type BadgeColor =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | 'blue'\n  | 'green'\n  | 'magenta'\n  | 'peach'\n  | 'purple'\n  | 'yellow';\n\nexport type BadgeProps = {\n  color?: BadgeColor;\n  children?: React.ReactNode;\n  icon?: IconName;\n  position?: 'left' | 'right';\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  color,\n  children,\n  icon,\n  position = 'left',\n  variant = 'default',\n}: BadgeProps) => {\n  if (children === 0 || children == null) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cx(styles.badge, variants[variant], color && styles[`color-${color}`])}\n      data-component='badge'\n    >\n      {icon && position == 'left' && (\n        <Icon\n          name={icon}\n          size='small'\n        />\n      )}\n      <span>{children}</span>\n      {icon && position == 'right' && (\n        <Icon\n          name={icon}\n          size='small'\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","highlight","info","primary","success","warning","Badge","color","children","icon","position","variant","cx","badge","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;GAMMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,WAAWD,EAAOC;AAAAA,EAClBC,MAAMF,EAAOE;AAAAA,EACbC,SAASH,EAAOG;AAAAA,EAChBC,SAASJ,EAAOI;AAAAA,EAChBC,SAASL,EAAOK;AAClB,GAyBaC,IAAQA,CAAC;AAAA,EACpBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AACA,MACNH,MAAa,KAAKA,KAAY,OACzB,yBAIN,QAAA,EACC,WAAWI,EAAGZ,EAAOa,OAAOf,EAASa,CAAO,GAAGJ,KAASP,EAAO,SAASO,CAAK,EAAE,CAAC,GAChF,kBAAe,SAEdE,UAAAA;AAAAA,EAAAA,KAAQC,KAAY,UACnB,gBAAAI,EAACC,KACC,MAAMN,GACN,MAAK,SAAO;AAAA,EAGhB,gBAAAK,EAAC,UAAMN,UAAAA,GAAS;AAAA,EACfC,KAAQC,KAAY,WACnB,gBAAAI,EAACC,KACC,MAAMN,GACN,MAAK,QAAA,CAAO;AAAA,GAGlB;"}

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_y6cfv_1",g="_simple_y6cfv_29",b="_danger_y6cfv_38",f="_tertiary_y6cfv_47",v="_primary_y6cfv_54",x="_secondary_y6cfv_63",t={button:p,simple:g,danger:b,tertiary:f,primary:v,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:y,variant:_="secondary",...d}){return e.jsxs("button",{className:u.t(t.button,h[_],o),disabled:a,onClick:c,ref:y,type:"button",...d,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),m=require("../badge/index.cjs"),l=require("../icon/index.cjs"),p="_button_y6cfv_1",g="_simple_y6cfv_29",b="_danger_y6cfv_38",v="_tertiary_y6cfv_47",f="_primary_y6cfv_54",x="_secondary_y6cfv_63",t={button:p,simple:g,danger:b,tertiary:v,primary:f,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:y,variant:_="secondary",...d}){return e.jsxs("button",{className:u.t(t.button,h[_],o),disabled:a,onClick:c,ref:y,type:"button",...d,"data-component":"button",children:[r&&e.jsx(l.Icon,{gap:n?"right":void 0,name:r,size:i}),n,e.jsx(m.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"+ZAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,OAAQH,EAAOG,OACfC,SAAUJ,EAAOI,QACnB,EAaO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,SAAAA,EAAW,QACXC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGhB,EAAOiB,OAAQnB,EAASgB,CAAO,EAAGN,CAAS,EACzD,SAAAC,EACA,QAAAG,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAKZ,EAAW,QAAUa,OAC1B,KAAMV,EACN,KAAMC,CAAAA,CAAS,EAGlBJ,EACDW,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAaf,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName, type IconProps } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"+ZAMMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,OAAQH,EAAOG,OACfC,SAAUJ,EAAOI,QACnB,EAaO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,SAAAA,EAAW,QACXC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGhB,EAAOiB,OAAQnB,EAASgB,CAAO,EAAGN,CAAS,EACzD,SAAAC,EACA,QAAAG,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,QACC,IAAKZ,EAAW,QAAUa,OAC1B,KAAMV,EACN,KAAMC,CAAAA,CAAS,EAGlBJ,EACDW,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAaf,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}

package/dist/components/button/index.js

@@ -1,10 +1,10 @@
 import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
-import { Badge as l } from "../badge/index.js";
-import { Icon as f } from "../icon/index.js";
-import '../../assets/index29.css';const u = "_button_y6cfv_1", g = "_simple_y6cfv_29", v = "_danger_y6cfv_38", b = "_tertiary_y6cfv_47", h = "_primary_y6cfv_54", x = "_secondary_y6cfv_63", t = {
-  button: u,
-  simple: g,
+import { Badge as f } from "../badge/index.js";
+import { Icon as l } from "../icon/index.js";
+import '../../assets/index29.css';const g = "_button_y6cfv_1", u = "_simple_y6cfv_29", v = "_danger_y6cfv_38", b = "_tertiary_y6cfv_47", h = "_primary_y6cfv_54", x = "_secondary_y6cfv_63", t = {
+  button: g,
+  simple: u,
   danger: v,
   tertiary: b,
   primary: h,
@@ -29,9 +29,9 @@ function k({
   ...p
 }) {
   return /* @__PURE__ */ _("button", { className: d(t.button, j[m], e), disabled: s, onClick: c, ref: y, type: "button", ...p, "data-component": "button", children: [
-    n && /* @__PURE__ */ o(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: i }),
+    n && /* @__PURE__ */ o(l, { gap: r ? "right" : void 0, name: n, size: i }),
     r,
-    /* @__PURE__ */ o(l, { variant: "highlight", children: a })
+    /* @__PURE__ */ o(f, { variant: "highlight", children: a })
   ] });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          fill\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,QAAQH,EAAOG;AAAAA,EACfC,UAAUJ,EAAOI;AACnB;AAaO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGhB,EAAOiB,QAAQnB,EAASgB,CAAO,GAAGN,CAAS,GACzD,UAAAC,GACA,SAAAG,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAI,IACJ,KAAKZ,IAAW,UAAUa,QAC1B,MAAMV,GACN,MAAMC,EAAAA,CAAS;AAAA,IAGlBJ;AAAAA,IACD,gBAAAW,EAACG,GAAA,EAAM,SAAQ,aAAaf,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName, type IconProps } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;;GAMMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,QAAQH,EAAOG;AAAAA,EACfC,UAAUJ,EAAOI;AACnB;AAaO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGhB,EAAOiB,QAAQnB,EAASgB,CAAO,GAAGN,CAAS,GACzD,UAAAC,GACA,SAAAG,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,KACC,KAAKZ,IAAW,UAAUa,QAC1B,MAAMV,GACN,MAAMC,EAAAA,CAAS;AAAA,IAGlBJ;AAAAA,IACD,gBAAAW,EAACG,GAAA,EAAM,SAAQ,aAAaf,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}

package/dist/components/checkbox/index.cjs

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

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

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

package/dist/components/checkbox/index.js

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as k } from "../../icons-BkaMeh-J.js";
+import { i as k } from "../../icons-Dm2kyF0g.js";
 import { Loading as x } from "../loading/index.js";
 import '../../assets/index31.css';const b = "_checkbox_fv4yk_3", m = {
   checkbox: b
@@ -12,7 +12,7 @@ import '../../assets/index31.css';const b = "_checkbox_fv4yk_3", m = {
   ...i
 }) => {
   const n = {
-    "--icon-svg": k("check")
+    "--icon-svg": k("Check")
   };
   return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
     /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),

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

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

package/dist/components/chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),p=require("../icon/index.cjs"),d=require("../button/index.cjs"),_=require("../link/index.cjs"),u="_chip_1apyw_3",k="_clickable_1apyw_24",x="_divider_1apyw_45",m="_link_1apyw_53",i={chip:u,clickable:k,delete:"_delete_1apyw_41",divider:x,link:m},h=({accessibleLabel:s,className:o,label:t,link:a,onDelete:l,...r})=>e.jsx(e.Fragment,{children:a?e.jsxs("span",{className:c.t(i.chip,o),...r,children:[e.jsx(_.Link,{className:c.t(i.link,i.clickable),onClick:n=>n.stopPropagation(),to:a,children:t}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(d.Button,{"aria-label":s??`Delete ${t}`,className:c.t(i.delete,i.clickable),icon:"x",onClick:n=>{n.stopPropagation(),l()},variant:"simple"})]}):e.jsxs("button",{...r,"aria-label":s??`Delete ${t}`,className:c.t(i.chip,i.clickable,o),onClick:n=>{n.stopPropagation(),l()},type:"button",children:[t,e.jsx(p.Icon,{name:"x",size:"small"})]})});exports.Chip=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),p=require("../icon/index.cjs"),d=require("../button/index.cjs"),_=require("../link/index.cjs"),u="_chip_1apyw_3",k="_clickable_1apyw_24",m="_divider_1apyw_45",h="_link_1apyw_53",i={chip:u,clickable:k,delete:"_delete_1apyw_41",divider:m,link:h},x=({accessibleLabel:s,className:o,label:t,link:a,onDelete:l,...r})=>e.jsx(e.Fragment,{children:a?e.jsxs("span",{className:c.t(i.chip,o),...r,children:[e.jsx(_.Link,{className:c.t(i.link,i.clickable),onClick:n=>n.stopPropagation(),to:a,children:t}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(d.Button,{"aria-label":s??`Delete ${t}`,className:c.t(i.delete,i.clickable),icon:"X",onClick:n=>{n.stopPropagation(),l()},variant:"simple"})]}):e.jsxs("button",{...r,"aria-label":s??`Delete ${t}`,className:c.t(i.chip,i.clickable,o),onClick:n=>{n.stopPropagation(),l()},type:"button",children:[t,e.jsx(p.Icon,{name:"X",size:"small"})]})});exports.Chip=x;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZA6BaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,UAAAA,EAAWC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE1FC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,SAAAA,EACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMV,CAAS,EACpC,GAAII,EAEJ,SAAA,CAAAC,MAACM,EAAAA,KAAA,CACC,UAAWH,EAAAA,EAAGC,EAAOP,KAAMO,EAAOG,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWQ,EAAOM,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYjB,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOQ,OAAQR,EAAOG,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,OAAC,SAAA,IACMH,EACL,aAAYL,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOC,KAAMD,EAAOG,UAAWZ,CAAS,EACtD,QAAUa,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,KAAK,SAEJF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZA6BaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,UAAAA,EAAWC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE1FC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,SAAAA,EACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMV,CAAS,EACpC,GAAII,EAEJ,SAAA,CAAAC,MAACM,EAAAA,KAAA,CACC,UAAWH,EAAAA,EAAGC,EAAOP,KAAMO,EAAOG,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWQ,EAAOM,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYjB,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOQ,OAAQR,EAAOG,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,OAAC,SAAA,IACMH,EACL,aAAYL,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOC,KAAMD,EAAOG,UAAWZ,CAAS,EACtD,QAAUa,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,KAAK,SAEJF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}

package/dist/components/chip/index.js

@@ -9,7 +9,7 @@ import '../../assets/index32.css';const h = "_chip_1apyw_3", y = "_clickable_1ap
   delete: "_delete_1apyw_41",
   divider: b,
   link: f
-}, C = ({
+}, N = ({
   accessibleLabel: o,
   className: n,
   label: a,
@@ -19,16 +19,16 @@ import '../../assets/index32.css';const h = "_chip_1apyw_3", y = "_clickable_1ap
 }) => /* @__PURE__ */ t(m, { children: l ? /* @__PURE__ */ s("span", { className: c(i.chip, n), ...p, children: [
   /* @__PURE__ */ t(k, { className: c(i.link, i.clickable), onClick: (e) => e.stopPropagation(), to: l, children: a }),
   /* @__PURE__ */ t("span", { "aria-hidden": "true", className: i.divider }),
-  /* @__PURE__ */ t(_, { "aria-label": o ?? `Delete ${a}`, className: c(i.delete, i.clickable), icon: "x", onClick: (e) => {
+  /* @__PURE__ */ t(_, { "aria-label": o ?? `Delete ${a}`, className: c(i.delete, i.clickable), icon: "X", onClick: (e) => {
     e.stopPropagation(), r();
   }, variant: "simple" })
 ] }) : /* @__PURE__ */ s("button", { ...p, "aria-label": o ?? `Delete ${a}`, className: c(i.chip, i.clickable, n), onClick: (e) => {
   e.stopPropagation(), r();
 }, type: "button", children: [
   a,
-  /* @__PURE__ */ t(d, { name: "x", size: "small" })
+  /* @__PURE__ */ t(d, { name: "X", size: "small" })
 ] }) });
 export {
-  C as Chip
+  N as Chip
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GA6BaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE1F,gBAAAC,EAAAC,GAAA,EACGJ,UAAAA,IACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMV,CAAS,GACpC,GAAII,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EACC,WAAWH,EAAGC,EAAOP,MAAMO,EAAOG,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWQ,EAAOM,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYjB,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOQ,QAAQR,EAAOG,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,UAAA,KACMH,GACL,cAAYL,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOC,MAAMD,EAAOG,WAAWZ,CAAS,GACtD,SAAUa,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,MAAK,UAEJF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GA6BaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE1F,gBAAAC,EAAAC,GAAA,EACGJ,UAAAA,IACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMV,CAAS,GACpC,GAAII,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EACC,WAAWH,EAAGC,EAAOP,MAAMO,EAAOG,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWQ,EAAOM,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYjB,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOQ,QAAQR,EAAOG,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,UAAA,KACMH,GACL,cAAYL,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOC,MAAMD,EAAOG,WAAWZ,CAAS,GACtD,SAAUa,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,MAAK,UAEJF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}

package/dist/components/collapsible/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const n=require("react/jsx-runtime"),l=require("../icon/index.cjs"),i="_collapsible_1nzgt_1",a="_content_1nzgt_12",r="_indicator_1nzgt_16",e={collapsible:i,content:a,indicator:r},d=({children:o,disabled:t,open:s,summary:c})=>n.jsxs("details",{className:e.collapsible,open:t||s||void 0,"data-component":"collapsible",children:[n.jsxs("summary",{children:[n.jsx("span",{className:e.content,"data-content":"collapsible-summary",children:c}),!t&&n.jsx("span",{className:e.indicator,"data-content":"collapsible-indicator",children:n.jsx(l.Icon,{name:"chevron",size:"medium"})})]}),o]});exports.Collapsible=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const n=require("react/jsx-runtime"),l=require("../icon/index.cjs"),a="_collapsible_1nzgt_1",i="_content_1nzgt_12",r="_indicator_1nzgt_16",e={collapsible:a,content:i,indicator:r},d=({children:o,disabled:t,open:s,summary:c})=>n.jsxs("details",{className:e.collapsible,open:t||s||void 0,"data-component":"collapsible",children:[n.jsxs("summary",{children:[n.jsx("span",{className:e.content,"data-content":"collapsible-summary",children:c}),!t&&n.jsx("span",{className:e.indicator,"data-content":"collapsible-indicator",children:n.jsx(l.Icon,{name:"CaretDown",size:"medium"})})]}),o]});exports.Collapsible=d;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":"mQAaaA,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAA0B,IAE9EC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAOC,YAClB,KAAML,GAAYC,GAAQK,OAAU,iBAAA,cAEpC,SAAA,CAAAH,OAAC,UAAA,CACC,SAAA,CAAAI,MAAC,QACC,UAAWH,EAAOI,QAClB,eAAa,sBAEZN,SAAAA,EACH,EACC,CAACF,GACAO,EAAAA,IAAC,OAAA,CACC,UAAWH,EAAOK,UAClB,eAAa,wBAEb,eAACC,EAAAA,KAAA,CACC,KAAK,UACL,KAAK,SAAQ,CAAA,CAEjB,CAAA,EAEJ,EAECX,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='CaretDown'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":"mQAaaA,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAA0B,IAE9EC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAOC,YAClB,KAAML,GAAYC,GAAQK,OAAU,iBAAA,cAEpC,SAAA,CAAAH,OAAC,UAAA,CACC,SAAA,CAAAI,MAAC,QACC,UAAWH,EAAOI,QAClB,eAAa,sBAEZN,SAAAA,EACH,EACC,CAACF,GACAO,EAAAA,IAAC,OAAA,CACC,UAAWH,EAAOK,UAClB,eAAa,wBAEb,eAACC,EAAAA,KAAA,CACC,KAAK,YACL,KAAK,SAAQ,CAAA,CAEjB,CAAA,EAEJ,EAECX,CAAAA,EACH"}

package/dist/components/collapsible/index.js

@@ -1,18 +1,18 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { Icon as s } from "../icon/index.js";
-import '../../assets/index33.css';const i = "_collapsible_1nzgt_1", r = "_content_1nzgt_12", m = "_indicator_1nzgt_16", o = {
+import '../../assets/index33.css';const i = "_collapsible_1nzgt_1", r = "_content_1nzgt_12", m = "_indicator_1nzgt_16", t = {
   collapsible: i,
   content: r,
   indicator: m
 }, _ = ({
   children: l,
-  disabled: t,
+  disabled: o,
   open: a,
   summary: e
-}) => /* @__PURE__ */ c("details", { className: o.collapsible, open: t || a || void 0, "data-component": "collapsible", children: [
+}) => /* @__PURE__ */ c("details", { className: t.collapsible, open: o || a || void 0, "data-component": "collapsible", children: [
   /* @__PURE__ */ c("summary", { children: [
-    /* @__PURE__ */ n("span", { className: o.content, "data-content": "collapsible-summary", children: e }),
-    !t && /* @__PURE__ */ n("span", { className: o.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ n(s, { name: "chevron", size: "medium" }) })
+    /* @__PURE__ */ n("span", { className: t.content, "data-content": "collapsible-summary", children: e }),
+    !o && /* @__PURE__ */ n("span", { className: t.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ n(s, { name: "CaretDown", size: "medium" }) })
   ] }),
   l
 ] });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":";;;;;;GAaaA,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAA0B,MAE9E,gBAAAC,EAAC,WAAA,EACC,WAAWC,EAAOC,aAClB,MAAML,KAAYC,KAAQK,QAAU,kBAAA,eAEpC,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,UACC,WAAWH,EAAOI,SAClB,gBAAa,uBAEZN,UAAAA,GACH;AAAA,IACC,CAACF,KACA,gBAAAO,EAAC,QAAA,EACC,WAAWH,EAAOK,WAClB,gBAAa,yBAEb,4BAACC,GAAA,EACC,MAAK,WACL,MAAK,UAAQ,EAAA,CAEjB;AAAA,EAAA,GAEJ;AAAA,EAECX;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='CaretDown'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":";;;;;;GAaaA,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAA0B,MAE9E,gBAAAC,EAAC,WAAA,EACC,WAAWC,EAAOC,aAClB,MAAML,KAAYC,KAAQK,QAAU,kBAAA,eAEpC,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,UACC,WAAWH,EAAOI,SAClB,gBAAa,uBAEZN,UAAAA,GACH;AAAA,IACC,CAACF,KACA,gBAAAO,EAAC,QAAA,EACC,WAAWH,EAAOK,WAClB,gBAAa,yBAEb,4BAACC,GAAA,EACC,MAAK,aACL,MAAK,UAAQ,EAAA,CAEjB;AAAA,EAAA,GAEJ;AAAA,EAECX;AAAAA,GACH;"}