@solibo/solibo-ui 0.5.15 → 1.0.0

package/dist/components/empty-state/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index41.css');const e=require("react/jsx-runtime"),n="_header_1xjiv_9",t={"empty-state":"_empty-state_1xjiv_1",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
+//# sourceMappingURL=index.cjs.map

package/dist/components/empty-state/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/empty-state/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type EmptyStateProps = {\n  button?: React.ReactNode;\n  content: string;\n  header: string;\n};\n\nexport const EmptyState = ({ button, content, header }: EmptyStateProps) => {\n  return (\n    <div className={styles['empty-state']}>\n      <p className={styles.header}>{header}</p>\n      <p>{content}</p>\n      {button}\n    </div>\n  );\n};\n"],"names":["EmptyState","button","content","header","styles","jsx"],"mappings":"2LAQaA,EAAaA,CAAC,CAAEC,OAAAA,EAAQC,QAAAA,EAASC,OAAAA,CAAwB,WAEjE,MAAA,CAAI,UAAWC,EAAO,aAAa,EAAE,iBAAA,aACpC,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAOD,OAASA,SAAAA,EAAO,EACrCE,EAAAA,IAAC,KAAGH,SAAAA,CAAAA,CAAQ,EACXD,CAAAA,EACH"}

package/dist/components/empty-state/index.js

@@ -0,0 +1,17 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import '../../assets/index41.css';const p = "_header_1xjiv_9", t = {
+  "empty-state": "_empty-state_1xjiv_1",
+  header: p
+}, d = ({
+  button: s,
+  content: a,
+  header: r
+}) => /* @__PURE__ */ m("div", { className: t["empty-state"], "data-component": "emptystate", children: [
+  /* @__PURE__ */ e("p", { className: t.header, children: r }),
+  /* @__PURE__ */ e("p", { children: a }),
+  s
+] });
+export {
+  d as EmptyState
+};
+//# sourceMappingURL=index.js.map

package/dist/components/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/empty-state/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type EmptyStateProps = {\n  button?: React.ReactNode;\n  content: string;\n  header: string;\n};\n\nexport const EmptyState = ({ button, content, header }: EmptyStateProps) => {\n  return (\n    <div className={styles['empty-state']}>\n      <p className={styles.header}>{header}</p>\n      <p>{content}</p>\n      {button}\n    </div>\n  );\n};\n"],"names":["EmptyState","button","content","header","styles","jsx"],"mappings":";;;;GAQaA,IAAaA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,SAAAA;AAAAA,EAASC,QAAAA;AAAwB,wBAEjE,OAAA,EAAI,WAAWC,EAAO,aAAa,GAAE,kBAAA,cACpC,UAAA;AAAA,EAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWD,EAAOD,QAASA,UAAAA,GAAO;AAAA,EACrC,gBAAAE,EAAC,OAAGH,UAAAA,EAAAA,CAAQ;AAAA,EACXD;AAAAA,GACH;"}

package/dist/components/fieldset/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index42.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/fieldset/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FieldsetProps = React.ComponentPropsWithoutRef<'fieldset'>;\n\nexport const Fieldset = ({ className, ...props }: FieldsetProps) => (\n  <fieldset\n    className={cx(styles.fieldset, className)}\n    {...props}\n  />\n);\n"],"names":["Fieldset","className","props","jsx","cx","styles","fieldset"],"mappings":"kMAMaA,EAAWA,CAAC,CAAEC,UAAAA,EAAW,GAAGC,CAAqB,IAC5DC,MAAC,WAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,SAAUL,CAAS,EACxC,GAAIC,EAAM,iBAAA,UAAA,CAAA"}

package/dist/components/fieldset/index.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import '../../assets/index42.css';const f = "_fieldset_f5vpp_1", i = {
+  fieldset: f
+}, m = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s("fieldset", { className: o(i.fieldset, e), ...t, "data-component": "fieldset" });
+export {
+  m as Fieldset
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/fieldset/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FieldsetProps = React.ComponentPropsWithoutRef<'fieldset'>;\n\nexport const Fieldset = ({ className, ...props }: FieldsetProps) => (\n  <fieldset\n    className={cx(styles.fieldset, className)}\n    {...props}\n  />\n);\n"],"names":["Fieldset","className","props","jsx","cx","styles","fieldset"],"mappings":";;;;GAMaA,IAAWA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAW,GAAGC;AAAqB,MAC5D,gBAAAC,EAAC,YAAA,EACC,WAAWC,EAAGC,EAAOC,UAAUL,CAAS,GACxC,GAAIC,GAAM,kBAAA,WAAA,CAAA;"}

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),c="_figure_jy92q_1",u="_offset_jy92q_20",r={figure:c,offset:u},f=({accessibleLabel:t,children:i,className:n,offset:e})=>s.jsxs("figure",{className:o.t(r.figure,e&&r.offset,n),style:{...e&&{[`--offset-${e}`]:"calc(var(--utils-tokens-negative-unit) * 2)"}},"data-component":"figure",children:[i,t&&s.jsx("figcaption",{"data-content":"screen-reader",children:t})]});exports.Figure=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const r=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),n="_figure_spygr_1",u={figure:n},c=({accessibleLabel:e,children:t,className:i})=>r.jsxs("figure",{className:s.t(u.figure,i),"data-component":"figure",children:[t,e&&r.jsx("figcaption",{"data-content":"screen-reader",children:e})]});exports.Figure=c;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  className?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ accessibleLabel, children, className, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'calc(var(--utils-tokens-negative-unit) * 2)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {accessibleLabel && <figcaption data-content='screen-reader'>{accessibleLabel}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","accessibleLabel","children","className","offset","jsxs","cx","styles","figure","jsx"],"mappings":"4NAWaA,EAASA,CAAC,CAAEC,gBAAAA,EAAiBC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,CAAoB,IACjFC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQJ,GAAUG,EAAOH,OAAQD,CAAS,EAC/D,MACE,CACE,GAAIC,GAAU,CAAE,CAAC,YAAYA,CAAM,EAAE,EAAG,6CAAA,CAC1C,EACD,iBAAA,SAEAF,SAAAA,CAAAA,EACAD,GAAmBQ,EAAAA,IAAC,aAAA,CAAW,eAAa,gBAAiBR,SAAAA,CAAAA,CAAgB,CAAA,CAAA,CAChF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const Figure = ({ accessibleLabel, children, className }: FigureProps) => (\n  <figure className={cx(styles.figure, className)}>\n    {children}\n    {accessibleLabel && <figcaption data-content='screen-reader'>{accessibleLabel}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","accessibleLabel","children","className","jsxs","cx","styles","figure","jsx"],"mappings":"8LAUaA,EAASA,CAAC,CAAEC,gBAAAA,EAAiBC,SAAAA,EAAUC,UAAAA,CAAuB,IACzEC,OAAC,UAAO,UAAWC,EAAAA,EAAGC,EAAOC,OAAQJ,CAAS,EAAE,iBAAA,SAC7CD,SAAAA,CAAAA,EACAD,GAAmBO,EAAAA,IAAC,aAAA,CAAW,eAAa,gBAAiBP,SAAAA,CAAAA,CAAgB,CAAA,CAAA,CAChF"}

package/dist/components/figure/index.js

@@ -1,22 +1,16 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index35.css';const c = "_figure_jy92q_1", a = "_offset_jy92q_20", r = {
-  figure: c,
-  offset: a
-}, m = ({
-  accessibleLabel: e,
-  children: o,
-  className: s,
-  offset: t
-}) => /* @__PURE__ */ f("figure", { className: n(r.figure, t && r.offset, s), style: {
-  ...t && {
-    [`--offset-${t}`]: "calc(var(--utils-tokens-negative-unit) * 2)"
-  }
-}, "data-component": "figure", children: [
-  o,
-  e && /* @__PURE__ */ i("figcaption", { "data-content": "screen-reader", children: e })
+import '../../assets/index43.css';const s = "_figure_spygr_1", f = {
+  figure: s
+}, u = ({
+  accessibleLabel: r,
+  children: e,
+  className: t
+}) => /* @__PURE__ */ i("figure", { className: n(f.figure, t), "data-component": "figure", children: [
+  e,
+  r && /* @__PURE__ */ o("figcaption", { "data-content": "screen-reader", children: r })
 ] });
 export {
-  m as Figure
+  u as Figure
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  className?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ accessibleLabel, children, className, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'calc(var(--utils-tokens-negative-unit) * 2)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {accessibleLabel && <figcaption data-content='screen-reader'>{accessibleLabel}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","accessibleLabel","children","className","offset","jsxs","cx","styles","figure","jsx"],"mappings":";;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA;AAAoB,MACjF,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQJ,KAAUG,EAAOH,QAAQD,CAAS,GAC/D,OACE;AAAA,EACE,GAAIC,KAAU;AAAA,IAAE,CAAC,YAAYA,CAAM,EAAE,GAAG;AAAA,EAAA;AAC1C,GACD,kBAAA,UAEAF,UAAAA;AAAAA,EAAAA;AAAAA,EACAD,KAAmB,gBAAAQ,EAAC,cAAA,EAAW,gBAAa,iBAAiBR,UAAAA,EAAAA,CAAgB;AAAA,EAAA,CAChF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const Figure = ({ accessibleLabel, children, className }: FigureProps) => (\n  <figure className={cx(styles.figure, className)}>\n    {children}\n    {accessibleLabel && <figcaption data-content='screen-reader'>{accessibleLabel}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","accessibleLabel","children","className","jsxs","cx","styles","figure","jsx"],"mappings":";;;;GAUaA,IAASA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,UAAAA;AAAAA,EAAUC,WAAAA;AAAuB,MACzE,gBAAAC,EAAC,YAAO,WAAWC,EAAGC,EAAOC,QAAQJ,CAAS,GAAE,kBAAA,UAC7CD,UAAAA;AAAAA,EAAAA;AAAAA,EACAD,KAAmB,gBAAAO,EAAC,cAAA,EAAW,gBAAa,iBAAiBP,UAAAA,EAAAA,CAAgB;AAAA,EAAA,CAChF;"}

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),n=require("../icon/index.cjs"),d="_file_1ik2m_1",r={file:d,delete:"_delete_1ik2m_52"},m=({deleteAccessibleLabel:o,name:s,onClick:t,onDelete:i,ref:c,url:a})=>e.jsxs("div",{className:r.file,ref:c,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:l=>{l.stopPropagation(),(t||!a)&&(l.preventDefault(),t==null||t())},title:s,children:[e.jsx(n.Icon,{name:"document",size:"small",variant:"primary"}),s]}),i&&e.jsx("a",{"aria-label":o??`Delete ${s}`,className:r.delete,onClick:()=>i(),tabIndex:0,children:e.jsx(n.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),x=require("../icon/index.cjs"),f="_file_1ujkv_1",h="_details_1ujkv_54",v="_name_1ujkv_61",N="_extension_1ujkv_73",b="_subtitle_1ujkv_83",n={file:f,details:h,"name-line":"_name-line_1ujkv_61",name:v,extension:N,subtitle:b,delete:"_delete_1ujkv_92"},I={".doc":"document-doc",".docx":"document-doc",".pdf":"document-pdf",".ppt":"document-ppt",".pptx":"document-ppt",".xls":"document-xls",".xlsx":"document-xls"},g=({deleteAccessibleLabel:r,name:s,onClick:t,onDelete:i,ref:m,subtitle:o,url:a})=>{const c=s.lastIndexOf("."),d=c>0&&c<s.length-1,_=d?s.slice(0,c):s,l=d?s.slice(c):"",p=I[l.toLowerCase()]??"document";return e.jsxs("div",{className:n.file,ref:m,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:u=>{u.stopPropagation(),(t||!a)&&(u.preventDefault(),t==null||t())},title:s,children:[e.jsx(j.Figure,{children:e.jsx(x.Icon,{name:p,fill:!0})}),e.jsxs("span",{className:n.details,children:[e.jsxs("span",{className:n["name-line"],children:[e.jsx("span",{className:n.name,children:_}),l&&e.jsx("span",{className:n.extension,children:l})]}),o&&e.jsx("span",{className:n.subtitle,children:o})]})]}),i&&e.jsx("a",{"aria-label":r??`Delete ${s}`,className:n.delete,onClick:()=>i(),tabIndex:0,children:e.jsx(x.Icon,{name:"trash",size:"small",fill:!0})})]})};exports.File=g;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ deleteAccessibleLabel, name, onClick, onDelete, ref, url }: FileProps) => {\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","deleteAccessibleLabel","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAYaA,EAAOA,CAAC,CAAEC,sBAAAA,EAAuBC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,EAAKC,IAAAA,CAAe,WAEtF,MAAA,CACC,UAAWC,EAAOC,KAClB,IAAAH,EAAS,iBAAA,OAET,SAAA,CAAAI,EAAAA,KAAC,IAAA,CACC,KAAMH,EACN,QAAUI,GAAM,CACdA,EAAEC,gBAAAA,GAEER,GAAW,CAACG,KACdI,EAAEE,eAAAA,EACFT,GAAAA,MAAAA,IAEJ,EACA,MAAOD,EAEP,SAAA,CAAAW,MAACC,EAAAA,MACC,KAAM,WACN,KAAM,QACN,QAAS,UAAU,EAEpBZ,CAAAA,EACH,EACCE,GACCS,EAAAA,IAAC,IAAA,CACC,aAAYZ,GAAyB,UAAUC,CAAI,GACnD,UAAWK,EAAOQ,OAClB,QAAS,IAAMX,EAAAA,EACf,SAAU,EAEV,SAAAS,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAM,QACN,KAAM,QACN,QAAS,QAAA,CAAS,CAAA,CAEtB,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Figure>\n          <Icon\n            name={documentIconName}\n            fill\n          />\n        </Figure>\n        <span className={styles.details}>\n          <span className={styles['name-line']}>\n            <span className={styles.name}>{fileName}</span>\n            {extension && <span className={styles.extension}>{extension}</span>}\n          </span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Figure","Icon","details","delete"],"mappings":"8YAMMA,EAA8C,CAClD,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,QAAS,cACX,EAWaC,EAAOA,CAAC,CACnBC,sBAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,SAAAA,EACAC,IAAAA,CACS,IAAM,CACf,MAAMC,EAAiBN,EAAKO,YAAY,GAAG,EACrCC,EAAeF,EAAiB,GAAKA,EAAiBN,EAAKS,OAAS,EACpEC,EAAWF,EAAeR,EAAKW,MAAM,EAAGL,CAAc,EAAIN,EAC1DY,EAAYJ,EAAeR,EAAKW,MAAML,CAAc,EAAI,GACxDO,EAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,GAAK,WAEvE,cACG,MAAA,CACC,UAAWC,EAAOC,KAClB,IAAAb,EAAS,iBAAA,OAET,SAAA,CAAAc,EAAAA,KAAC,IAAA,CACC,KAAMZ,EACN,QAAUa,GAAM,CACdA,EAAEC,gBAAAA,GAEElB,GAAW,CAACI,KACda,EAAEE,eAAAA,EACFnB,GAAAA,MAAAA,IAEJ,EACA,MAAOD,EAEP,SAAA,CAAAqB,EAAAA,IAACC,EAAAA,QACC,SAAAD,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAMV,EACN,KAAI,GAAA,CAAA,CAER,EACAI,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAOS,QACtB,SAAA,CAAAP,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAO,WAAW,EACjC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOf,KAAOU,SAAAA,EAAS,EACvCE,GAAaS,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOH,UAAYA,SAAAA,CAAAA,CAAU,CAAA,EAC9D,EACCR,GAAYiB,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOX,SAAWA,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAC3D,CAAA,EACF,EACCF,GACCmB,EAAAA,IAAC,IAAA,CACC,aAAYtB,GAAyB,UAAUC,CAAI,GACnD,UAAWe,EAAOU,OAClB,QAAS,IAAMvB,EAAAA,EACf,SAAU,EAEV,SAAAmB,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,QACL,KAAK,QACL,KAAI,EAAA,CAAA,CAAA,CAER,CAAA,EAEJ,CAEJ"}

package/dist/components/file/index.js

@@ -1,25 +1,49 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Icon as m } from "../icon/index.js";
-import '../../assets/index10.css';const f = "_file_1ik2m_1", n = {
-  file: f,
-  delete: "_delete_1ik2m_52"
-}, _ = ({
-  deleteAccessibleLabel: d,
-  name: a,
-  onClick: e,
-  onDelete: i,
-  ref: o,
-  url: l
-}) => /* @__PURE__ */ s("div", { className: n.file, ref: o, "data-component": "file", children: [
-  /* @__PURE__ */ s("a", { href: l, onClick: (r) => {
-    r.stopPropagation(), (e || !l) && (r.preventDefault(), e == null || e());
-  }, title: a, children: [
-    /* @__PURE__ */ t(m, { name: "document", size: "small", variant: "primary" }),
-    a
-  ] }),
-  i && /* @__PURE__ */ t("a", { "aria-label": d ?? `Delete ${a}`, className: n.delete, onClick: () => i(), tabIndex: 0, children: /* @__PURE__ */ t(m, { name: "trash", size: "small", variant: "danger" }) })
-] });
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Figure as h } from "../figure/index.js";
+import { Icon as u } from "../icon/index.js";
+import '../../assets/index44.css';const N = "_file_1ujkv_1", j = "_details_1ujkv_54", v = "_name_1ujkv_61", I = "_extension_1ujkv_73", b = "_subtitle_1ujkv_83", n = {
+  file: N,
+  details: j,
+  "name-line": "_name-line_1ujkv_61",
+  name: v,
+  extension: I,
+  subtitle: b,
+  delete: "_delete_1ujkv_92"
+}, k = {
+  ".doc": "document-doc",
+  ".docx": "document-doc",
+  ".pdf": "document-pdf",
+  ".ppt": "document-ppt",
+  ".pptx": "document-ppt",
+  ".xls": "document-xls",
+  ".xlsx": "document-xls"
+}, y = ({
+  deleteAccessibleLabel: p,
+  name: e,
+  onClick: s,
+  onDelete: a,
+  ref: _,
+  subtitle: i,
+  url: d
+}) => {
+  const l = e.lastIndexOf("."), m = l > 0 && l < e.length - 1, x = m ? e.slice(0, l) : e, c = m ? e.slice(l) : "", f = k[c.toLowerCase()] ?? "document";
+  return /* @__PURE__ */ o("div", { className: n.file, ref: _, "data-component": "file", children: [
+    /* @__PURE__ */ o("a", { href: d, onClick: (r) => {
+      r.stopPropagation(), (s || !d) && (r.preventDefault(), s == null || s());
+    }, title: e, children: [
+      /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(u, { name: f, fill: !0 }) }),
+      /* @__PURE__ */ o("span", { className: n.details, children: [
+        /* @__PURE__ */ o("span", { className: n["name-line"], children: [
+          /* @__PURE__ */ t("span", { className: n.name, children: x }),
+          c && /* @__PURE__ */ t("span", { className: n.extension, children: c })
+        ] }),
+        i && /* @__PURE__ */ t("span", { className: n.subtitle, children: i })
+      ] })
+    ] }),
+    a && /* @__PURE__ */ t("a", { "aria-label": p ?? `Delete ${e}`, className: n.delete, onClick: () => a(), tabIndex: 0, children: /* @__PURE__ */ t(u, { name: "trash", size: "small", fill: !0 }) })
+  ] });
+};
 export {
-  _ as File
+  y as File
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ deleteAccessibleLabel, name, onClick, onDelete, ref, url }: FileProps) => {\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","deleteAccessibleLabel","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAYaA,IAAOA,CAAC;AAAA,EAAEC,uBAAAA;AAAAA,EAAuBC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAAA,EAAKC,KAAAA;AAAe,wBAEtF,OAAA,EACC,WAAWC,EAAOC,MAClB,KAAAH,GAAS,kBAAA,QAET,UAAA;AAAA,EAAA,gBAAAI,EAAC,KAAA,EACC,MAAMH,GACN,SAAUI,CAAAA,MAAM;AACdA,IAAAA,EAAEC,gBAAAA,IAEER,KAAW,CAACG,OACdI,EAAEE,eAAAA,GACFT,KAAAA,QAAAA;AAAAA,EAEJ,GACA,OAAOD,GAEP,UAAA;AAAA,IAAA,gBAAAW,EAACC,KACC,MAAM,YACN,MAAM,SACN,SAAS,WAAU;AAAA,IAEpBZ;AAAAA,EAAAA,GACH;AAAA,EACCE,KACC,gBAAAS,EAAC,KAAA,EACC,cAAYZ,KAAyB,UAAUC,CAAI,IACnD,WAAWK,EAAOQ,QAClB,SAAS,MAAMX,EAAAA,GACf,UAAU,GAEV,UAAA,gBAAAS,EAACC,GAAA,EACC,MAAM,SACN,MAAM,SACN,SAAS,SAAA,CAAS,EAAA,CAEtB;AAAA,GAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Figure>\n          <Icon\n            name={documentIconName}\n            fill\n          />\n        </Figure>\n        <span className={styles.details}>\n          <span className={styles['name-line']}>\n            <span className={styles.name}>{fileName}</span>\n            {extension && <span className={styles.extension}>{extension}</span>}\n          </span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Figure","Icon","details","delete"],"mappings":";;;;;;;;;;;GAMMA,IAA8C;AAAA,EAClD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAWaC,IAAOA,CAAC;AAAA,EACnBC,uBAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AACS,MAAM;AACf,QAAMC,IAAiBN,EAAKO,YAAY,GAAG,GACrCC,IAAeF,IAAiB,KAAKA,IAAiBN,EAAKS,SAAS,GACpEC,IAAWF,IAAeR,EAAKW,MAAM,GAAGL,CAAc,IAAIN,GAC1DY,IAAYJ,IAAeR,EAAKW,MAAML,CAAc,IAAI,IACxDO,IAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,KAAK;AAEvE,2BACG,OAAA,EACC,WAAWC,EAAOC,MAClB,KAAAb,GAAS,kBAAA,QAET,UAAA;AAAA,IAAA,gBAAAc,EAAC,KAAA,EACC,MAAMZ,GACN,SAAUa,CAAAA,MAAM;AACdA,MAAAA,EAAEC,gBAAAA,IAEElB,KAAW,CAACI,OACda,EAAEE,eAAAA,GACFnB,KAAAA,QAAAA;AAAAA,IAEJ,GACA,OAAOD,GAEP,UAAA;AAAA,MAAA,gBAAAqB,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EACC,MAAMV,GACN,MAAI,IAAA,EAAA,CAER;AAAA,MACA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAOS,SACtB,UAAA;AAAA,QAAA,gBAAAP,EAAC,QAAA,EAAK,WAAWF,EAAO,WAAW,GACjC,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWN,EAAOf,MAAOU,UAAAA,GAAS;AAAA,UACvCE,KAAa,gBAAAS,EAAC,QAAA,EAAK,WAAWN,EAAOH,WAAYA,UAAAA,EAAAA,CAAU;AAAA,QAAA,GAC9D;AAAA,QACCR,KAAY,gBAAAiB,EAAC,QAAA,EAAK,WAAWN,EAAOX,UAAWA,UAAAA,EAAAA,CAAS;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA,GACF;AAAA,IACCF,KACC,gBAAAmB,EAAC,KAAA,EACC,cAAYtB,KAAyB,UAAUC,CAAI,IACnD,WAAWe,EAAOU,QAClB,SAAS,MAAMvB,EAAAA,GACf,UAAU,GAEV,UAAA,gBAAAmB,EAACE,GAAA,EACC,MAAK,SACL,MAAK,SACL,MAAI,GAAA,CAAA,EAAA,CAER;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/footer/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const r=require("react/jsx-runtime"),n="_footer_1ktpq_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const r=require("react/jsx-runtime"),n="_footer_c518c_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/footer/index.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index9.css';const a = "_footer_1ktpq_1", n = {
+import '../../assets/index23.css';const a = "_footer_c518c_1", n = {
   footer: a
-}, f = ({
+}, c = ({
   animation: t,
   children: o,
   ...e
 }) => /* @__PURE__ */ r("footer", { className: n.footer, "data-animation": t, ...e, "data-component": "footer", children: o && o });
 export {
-  f as Footer
+  c as Footer
 };
 //# sourceMappingURL=index.js.map

package/dist/components/form/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, className, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(className, inline && styles.inline, styles.form)}\n      data-animation={animation}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","className","inline","props","cx","styles","form"],"mappings":"wNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAO,GAAGC,CAAiB,UAEtF,OAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWC,GAAUG,EAAOH,OAAQG,EAAOC,IAAI,EAC7D,iBAAgBP,EAChB,GAAII,EAAM,iBAAA,OAETH,YAAYA,EACf"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  fill?: boolean;\n};\n\nexport const Form = ({ animation, children, className, fill = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(className, fill && styles.fill, styles.form)}\n      data-animation={animation}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","className","fill","props","cx","styles","form"],"mappings":"oNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAWC,KAAAA,EAAO,GAAO,GAAGC,CAAiB,UAEpF,OAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWC,GAAQG,EAAOH,KAAMG,EAAOC,IAAI,EACzD,iBAAgBP,EAChB,GAAII,EAAM,iBAAA,OAETH,YAAYA,EACf"}

package/dist/components/form/index.js

@@ -1,15 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index36.css';const a = "_form_1xyuy_1", f = "_inline_1xyuy_25", n = {
+import '../../assets/index22.css';const a = "_form_zn9g2_1", i = "_fill_zn9g2_45", m = {
   form: a,
-  inline: f
+  fill: i
 }, _ = ({
-  animation: m,
+  animation: r,
   children: o,
-  className: r,
-  inline: t = !1,
-  ...i
-}) => /* @__PURE__ */ e("form", { className: s(r, t && n.inline, n.form), "data-animation": m, ...i, "data-component": "form", children: o && o });
+  className: t,
+  fill: f = !1,
+  ...l
+}) => /* @__PURE__ */ n("form", { className: s(t, f && m.fill, m.form), "data-animation": r, ...l, "data-component": "form", children: o && o });
 export {
   _ as Form
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, className, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(className, inline && styles.inline, styles.form)}\n      data-animation={animation}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","className","inline","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA,IAAS;AAAA,EAAO,GAAGC;AAAiB,wBAEtF,QAAA,EACC,WAAWC,EAAGH,GAAWC,KAAUG,EAAOH,QAAQG,EAAOC,IAAI,GAC7D,kBAAgBP,GAChB,GAAII,GAAM,kBAAA,QAETH,eAAYA,GACf;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  fill?: boolean;\n};\n\nexport const Form = ({ animation, children, className, fill = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(className, fill && styles.fill, styles.form)}\n      data-animation={animation}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","className","fill","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,MAAAA,IAAO;AAAA,EAAO,GAAGC;AAAiB,wBAEpF,QAAA,EACC,WAAWC,EAAGH,GAAWC,KAAQG,EAAOH,MAAMG,EAAOC,IAAI,GACzD,kBAAgBP,GAChB,GAAII,GAAM,kBAAA,QAETH,eAAYA,GACf;"}

package/dist/components/graph/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const a=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),w="_graph_1web1_11",v="_plot_1web1_20",N="_item_1web1_34",y="_column_1web1_40",f="_value_1web1_48",k="_track_1web1_58",M="_bar_1web1_65",V="_label_1web1_87",e={graph:w,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_1web1_96"},i=l=>Number.isFinite(l)?Math.max(0,l):0,S=({accessibleLabel:l,className:h,height:r,items:n=[],style:u,valueFormatter:_=t=>t.toLocaleString(),...p})=>{const t=n.reduce((s,c)=>Math.max(s,i(c.value)),0),b={...u,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:x.t(e.graph,h),style:b,...p,"data-component":"graph",children:[l&&a.jsx("figcaption",{"data-content":"screen-reader",children:l}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,c)=>{const o=i(s.value),d=t>0?o/t*100:0,m=o>0?Math.max(d,6):0,g={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":m+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:g})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const a=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),w="_graph_1web1_11",v="_plot_1web1_20",N="_item_1web1_34",y="_column_1web1_40",f="_value_1web1_48",k="_track_1web1_58",M="_bar_1web1_65",V="_label_1web1_87",e={graph:w,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_1web1_96"},i=l=>Number.isFinite(l)?Math.max(0,l):0,S=({accessibleLabel:l,className:h,height:r,items:n=[],style:u,valueFormatter:_=t=>t.toLocaleString(),...p})=>{const t=n.reduce((s,c)=>Math.max(s,i(c.value)),0),b={...u,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:x.t(e.graph,h),style:b,...p,"data-component":"graph",children:[l&&a.jsx("figcaption",{"data-content":"screen-reader",children:l}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,c)=>{const o=i(s.value),d=t>0?o/t*100:0,m=o>0?Math.max(d,6):0,g={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":m+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:g})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/graph/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { t as N } from "../../classix-DG18itHa.js";
 import { Loading as v } from "../loading/index.js";
-import '../../assets/index8.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
+import '../../assets/index21.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
   graph: f,
   plot: x,
   item: k,

package/dist/components/group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_g6ddz_1",n={group:a},p=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_1j6jh_1",n={group:a},p=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/group/index.js

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index7.css';const s = "_group_g6ddz_1", u = {
+import '../../assets/index20.css';const s = "_group_1j6jh_1", u = {
   group: s
-}, d = ({
+}, c = ({
   animation: o,
   children: r,
   className: t,
   ...p
 }) => /* @__PURE__ */ a("div", { className: n(t, u.group), "data-animation": o, "data-wrapper": !0, ...p, "data-component": "group", children: r });
 export {
-  d as Group
+  c as Group
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),s="_header_h4f5t_1",u="_jumbo_h4f5t_67",e={header:s,jumbo:u},d={default:e.default,jumbo:e.jumbo},n=({children:t,variant:a="default"})=>r.jsx("header",{className:o.t(e.header,d[a]),"data-component":"header",children:t});exports.Header=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const o=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),r="_header_ousi6_1",u="_capitalize_ousi6_85",c="_jumbo_ousi6_97",e={header:r,capitalize:u,jumbo:c},n={default:e.default,jumbo:e.jumbo},d=({capitalize:a=!1,children:t,variant:s="default"})=>o.jsx("header",{className:i.t(e.header,n[s],a&&e.capitalize),"data-component":"header",children:t});exports.Header=d;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":"0NAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAOaC,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAC3DC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGN,EAAOO,OAAQT,EAASM,CAAO,CAAC,EAAE,iBAAA,SAAED,SAAAA,CAAAA,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"gQAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}

package/dist/components/header/index.js

@@ -1,16 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index6.css';const d = "_header_h4f5t_1", m = "_jumbo_h4f5t_67", e = {
-  header: d,
-  jumbo: m
-}, s = {
+import '../../assets/index19.css';const i = "_header_ousi6_1", c = "_capitalize_ousi6_85", u = "_jumbo_ousi6_97", e = {
+  header: i,
+  capitalize: c,
+  jumbo: u
+}, d = {
   default: e.default,
   jumbo: e.jumbo
-}, h = ({
+}, n = ({
+  capitalize: a = !1,
   children: t,
   variant: o = "default"
-}) => /* @__PURE__ */ a("header", { className: r(e.header, s[o]), "data-component": "header", children: t });
+}) => /* @__PURE__ */ s("header", { className: r(e.header, d[o], a && e.capitalize), "data-component": "header", children: t });
 export {
-  h as Header
+  n as Header
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":";;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAOaC,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAC3D,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGN,EAAOO,QAAQT,EAASM,CAAO,CAAC,GAAE,kBAAA,UAAED,UAAAA,EAAAA,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":";;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAASA,CAAC;AAAA,EAAEC,YAAAA,IAAa;AAAA,EAAOC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAEpF,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGP,EAAOQ,QAAQV,EAASO,CAAO,GAAGF,KAAcH,EAAOG,UAAU,GAAE,kBAAA,UACtFC,UAAAA,GACH;"}

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),n=require("../../icons-s-lGsxio.cjs"),l="_icon_1uucz_1",_="_small_1uucz_9",m="_medium_1uucz_14",d="_large_1uucz_19",g="_danger_1uucz_24",p="_primary_1uucz_32",y="_white_1uucz_36",e={icon:l,small:_,medium:m,large:d,danger:g,default:"_default_1uucz_28",primary:p,white:y,"gap-right":"_gap-right_1uucz_40","gap-left":"_gap-left_1uucz_44"},z={large:e.large,medium:e.medium,small:e.small},f={danger:e.danger,default:e.default,primary:e.primary,white:e.white},h=({fill:a,gap:t="none",name:c,size:s="medium",variant:u="default"})=>{const i={maskImage:n.iconSVG(c,a??!1)};return r.jsx("span",{"aria-hidden":"true",className:o.t(t!=="none"&&e[`gap-${t}`],z[s],e.icon,f[u]),style:i,"data-component":"icon"})},w=()=>Object.keys(n.iconPaths);exports.Icon=h;exports.Icons=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-DYCSlAoX.cjs"),m="_icon_vhz6u_1",u="_small_vhz6u_10",_="_medium_vhz6u_15",g="_large_vhz6u_20",d="_danger_vhz6u_25",e={icon:m,small:u,medium:_,large:g,danger:d,"gap-right":"_gap-right_vhz6u_29","gap-left":"_gap-left_vhz6u_33"},h={large:e.large,medium:e.medium,small:e.small},v={danger:e.danger},z=({fill:o,gap:n="none",name:a,size:c="medium",variant:s})=>{const i={maskImage:t.iconSVG(a,o??!1)};return r.jsx("span",{"aria-hidden":"true",className:l.t(n!=="none"&&e[`gap-${n}`],h[c],e.icon,s&&v[s]),style:i,"data-component":"icon"})},p=()=>Object.keys(t.iconPaths);exports.Icon=z;exports.Icons=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName, iconSVG } from './icons';\nimport { iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({\n  fill,\n  gap = 'none',\n  name,\n  size = 'medium',\n  variant = 'default',\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":"6eAMMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,OACfC,QAASL,EAAOK,QAChBC,QAASN,EAAOM,QAChBC,MAAOP,EAAOO,KAChB,EAUaC,EAAOA,CAAC,CACnBC,KAAAA,EACAC,IAAAA,EAAM,OACNC,KAAAA,EACAC,KAAAA,EAAO,SACPC,QAAAA,EAAU,SACD,IAAM,CACf,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQL,EAAMF,GAAQ,EAAK,CAAA,EAGxC,OACEQ,MAAC,OAAA,CACC,cAAY,OACZ,UAAWC,EAAAA,EACTR,IAAQ,QAAUV,EAAO,OAAOU,CAAG,EAAE,EACrCZ,EAAMc,CAAI,EACVZ,EAAOmB,KACPhB,EAASU,CAAO,CAClB,EACA,MAAOC,EAAU,iBAAA,MAAA,CAAA,CAGvB,EAEaM,EAAQA,IACZC,OAAOC,KAAKC,WAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconPaths, iconSVG } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({ fill, gap = 'none', name, size = 'medium', variant }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":"sZAKMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,MACjB,EAUaC,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,CAAmB,IAAM,CACzF,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQL,EAAMF,GAAQ,EAAK,CAAA,EAGxC,OACEQ,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWC,IACTR,IAAQ,QAAUP,EAAO,OAAOO,CAAG,EAAE,EACrCT,EAAMW,CAAI,EACVT,EAAOgB,KACPN,GAAWP,EAASO,CAAO,CAC7B,EACA,MAAOC,EAAU,iBAAA,MAAA,CAAA,CAGvB,EAEaM,EAAQA,IACZC,OAAOC,KAAKC,WAAS"}

package/dist/components/icon/index.js

@@ -1,40 +1,34 @@
-import { jsx as i } from "react/jsx-runtime";
-import { t as o } from "../../classix-DG18itHa.js";
-import { i as u, a as m } from "../../icons-D6XjzxSX.js";
-import '../../assets/index37.css';const _ = "_icon_1uucz_1", l = "_small_1uucz_9", d = "_medium_1uucz_14", g = "_large_1uucz_19", p = "_danger_1uucz_24", f = "_primary_1uucz_32", z = "_white_1uucz_36", a = {
+import { jsx as r } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { i, a as l } from "../../icons-CKzd_L4D.js";
+import '../../assets/index45.css';const _ = "_icon_vhz6u_1", g = "_small_vhz6u_10", u = "_medium_vhz6u_15", d = "_large_vhz6u_20", h = "_danger_vhz6u_25", n = {
   icon: _,
-  small: l,
-  medium: d,
-  large: g,
-  danger: p,
-  default: "_default_1uucz_28",
-  primary: f,
-  white: z,
-  "gap-right": "_gap-right_1uucz_40",
-  "gap-left": "_gap-left_1uucz_44"
-}, h = {
-  large: a.large,
-  medium: a.medium,
-  small: a.small
-}, y = {
-  danger: a.danger,
-  default: a.default,
-  primary: a.primary,
-  white: a.white
-}, k = ({
-  fill: t,
+  small: g,
+  medium: u,
+  large: d,
+  danger: h,
+  "gap-right": "_gap-right_vhz6u_29",
+  "gap-left": "_gap-left_vhz6u_33"
+}, p = {
+  large: n.large,
+  medium: n.medium,
+  small: n.small
+}, z = {
+  danger: n.danger
+}, I = ({
+  fill: s,
   gap: e = "none",
-  name: n,
-  size: c = "medium",
-  variant: r = "default"
+  name: o,
+  size: t = "medium",
+  variant: a
 }) => {
-  const s = {
-    maskImage: u(n, t ?? !1)
+  const m = {
+    maskImage: i(o, s ?? !1)
   };
-  return /* @__PURE__ */ i("span", { "aria-hidden": "true", className: o(e !== "none" && a[`gap-${e}`], h[c], a.icon, y[r]), style: s, "data-component": "icon" });
-}, x = () => Object.keys(m);
+  return /* @__PURE__ */ r("span", { "aria-hidden": "true", className: c(e !== "none" && n[`gap-${e}`], p[t], n.icon, a && z[a]), style: m, "data-component": "icon" });
+}, j = () => Object.keys(l);
 export {
-  k as Icon,
-  x as Icons
+  I as Icon,
+  j as Icons
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName, iconSVG } from './icons';\nimport { iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({\n  fill,\n  gap = 'none',\n  name,\n  size = 'medium',\n  variant = 'default',\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":";;;;;;;;;;;;;;GAMMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AAAAA,EACfC,SAASL,EAAOK;AAAAA,EAChBC,SAASN,EAAOM;AAAAA,EAChBC,OAAOP,EAAOO;AAChB,GAUaC,IAAOA,CAAC;AAAA,EACnBC,MAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACNC,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA,IAAU;AACD,MAAM;AACf,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQL,GAAMF,KAAQ,EAAK;AAAA,EAAA;AAGxC,SACE,gBAAAQ,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTR,MAAQ,UAAUV,EAAO,OAAOU,CAAG,EAAE,GACrCZ,EAAMc,CAAI,GACVZ,EAAOmB,MACPhB,EAASU,CAAO,CAClB,GACA,OAAOC,GAAU,kBAAA,OAAA,CAAA;AAGvB,GAEaM,IAAQA,MACZC,OAAOC,KAAKC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconPaths, iconSVG } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({ fill, gap = 'none', name, size = 'medium', variant }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":";;;;;;;;;;;GAKMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AACjB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA;AAAmB,MAAM;AACzF,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQL,GAAMF,KAAQ,EAAK;AAAA,EAAA;AAGxC,SACE,gBAAAQ,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTR,MAAQ,UAAUP,EAAO,OAAOO,CAAG,EAAE,GACrCT,EAAMW,CAAI,GACVT,EAAOgB,MACPN,KAAWP,EAASO,CAAO,CAC7B,GACA,OAAOC,GAAU,kBAAA,OAAA,CAAA;AAGvB,GAEaM,IAAQA,MACZC,OAAOC,KAAKC,CAAS;"}

package/dist/components/iframe/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const s=require("react/jsx-runtime"),F=require("../../classix-5H4IWnMA.cjs"),r=require("react"),S=require("../button/index.cjs"),B=require("../dialog/index.cjs"),G="_wrapper_2h6kn_1",R="_toolbar_2h6kn_6",V="_iframe_2h6kn_16",i={wrapper:G,toolbar:R,"fullscreen-toolbar":"_fullscreen-toolbar_2h6kn_7",iframe:V,"fullscreen-dialog":"_fullscreen-dialog_2h6kn_22","fullscreen-iframe":"_fullscreen-iframe_2h6kn_39"},f=120,$=12e3,L=8,K=({accessibleLabel:h,autoResize:l=!1,className:y,closeFullscreenLabel:q="Close fullscreen",fullscreenLabel:A="View in fullscreen",hasFullscreenView:C=!0,loading:I="lazy",onLoad:_,referrerPolicy:H="no-referrer",sandbox:x="",srcDoc:g,style:E,...k})=>{const w=r.useRef(null),o=r.useRef(null),c=r.useRef(null),[O,b]=r.useState(f),[M,d]=r.useState(!1),p=r.useCallback(()=>{o.current!==null&&(window.cancelAnimationFrame(o.current),o.current=null),c.current!==null&&(window.clearTimeout(c.current),c.current=null)},[]),v=r.useCallback(()=>{if(!l)return;const e=w.current,t=e==null?void 0:e.contentDocument;if(!e||!t)return;const m=e.style.height;try{e.style.height=`${f}px`;const a=t.querySelector("[data-iframe-content]")??t.body,u=a.getBoundingClientRect(),{body:T,documentElement:j}=t,U=Math.min(Math.max(Math.ceil(Math.max(a.scrollHeight,a.offsetHeight,u.height,T.scrollHeight,T.offsetHeight,j.scrollHeight,j.offsetHeight)+L),f),$);b(U)}catch{}finally{e.style.height=m}},[l]),n=r.useCallback(()=>{!l||o.current!==null||(o.current=window.requestAnimationFrame(()=>{o.current=null,v(),c.current!==null&&window.clearTimeout(c.current),c.current=window.setTimeout(()=>{c.current=null,v()},250)}))},[l,v]),N=e=>{var m,a;n();const t=(m=w.current)==null?void 0:m.contentDocument;Array.from((t==null?void 0:t.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(a=t==null?void 0:t.fonts)==null||a.ready.then(n).catch(()=>{}),_==null||_(e)};return r.useEffect(()=>{if(l)return p(),b(f),n(),p},[l,p,n,g]),r.useEffect(()=>{var e;if(l)return window.addEventListener("resize",n),(e=window.visualViewport)==null||e.addEventListener("resize",n),()=>{var t;window.removeEventListener("resize",n),(t=window.visualViewport)==null||t.removeEventListener("resize",n)}},[l,n]),s.jsxs("div",{className:i.wrapper,"data-component":"iframe",children:[C&&s.jsx("div",{className:i.toolbar,children:s.jsx(S.Button,{"aria-expanded":M,"aria-haspopup":"dialog",onClick:()=>d(!0),variant:"tertiary",children:A})}),s.jsx("iframe",{...k,className:F.t(i.iframe,y),loading:I,onLoad:N,ref:w,referrerPolicy:H,sandbox:x,srcDoc:g,style:l?{...E,height:O,minHeight:f}:E,title:h}),M&&s.jsxs(B.Dialog,{"aria-label":`${h} fullscreen`,className:i["fullscreen-dialog"],onKeyDown:e=>{e.key==="Escape"&&d(!1)},open:!0,setOpen:d,children:[s.jsx("div",{className:i["fullscreen-toolbar"],children:s.jsx(S.Button,{autoFocus:!0,onClick:()=>d(!1),children:q})}),s.jsx("iframe",{...k,className:F.t(i.iframe,i["fullscreen-iframe"],y),loading:"eager",referrerPolicy:H,sandbox:x,srcDoc:g,title:`${h} fullscreen`})]})]})};exports.Iframe=K;
+//# sourceMappingURL=index.cjs.map