@solibo/solibo-ui 0.4.12 → 0.5.3

package/dist/components/aside/index.js

@@ -1,19 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index32.css';const o = "_aside_1mnkl_1", c = "_meta_1mnkl_14", d = "_sticky_1mnkl_41", t = {
+import '../../assets/index31.css';const o = "_aside_mn1ep_1", c = "_meta_mn1ep_14", d = "_sticky_mn1ep_41", t = {
   aside: o,
   meta: c,
   sticky: d
 }, _ = {
   default: t.default,
   meta: t.meta
-}, k = ({
-  children: e,
-  className: s,
+}, f = ({
+  children: s,
+  className: e,
   sticky: a = !1,
   variant: i = "default"
-}) => /* @__PURE__ */ m("aside", { className: n(s && s, t.aside, a && t.sticky, _[i]), "data-component": "aside", children: e });
+}) => /* @__PURE__ */ m("aside", { className: n(e && e, t.aside, a && t.sticky, _[i]), "data-component": "aside", children: s });
 export {
-  k as Aside
+  f as Aside
 };
 //# sourceMappingURL=index.js.map

package/dist/components/badge/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const e=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../button/index.cjs"),s=require("../icon/index.cjs"),c="_badge_1dpmk_1",d="_primary_1dpmk_7",m="_info_1dpmk_12",n={badge:c,primary:d,info:m},u={default:n.default,info:n.info,primary:n.primary},p=({children:a,onDelete:t,variant:i="default"})=>e.jsxs("span",{className:o.t(n.badge,u[i]),"data-component":"badge",children:[a,t&&e.jsx(r.Button,{onClick:t,variant:"minimal",children:e.jsx(s.Icon,{name:"x"})})]});exports.Badge=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),s=require("../button/index.cjs"),c=require("../icon/index.cjs"),m="_badge_1kmur_1",d="_primary_1kmur_7",u="_info_1kmur_12",n={badge:m,primary:d,info:u},l={default:n.default,info:n.info,primary:n.primary},_=({children:r,deleteAccessibleLabel:t="Remove",onDelete:a,variant:i="default"})=>e.jsxs("span",{className:o.t(n.badge,l[i]),"data-component":"badge",children:[r,a&&e.jsx(s.Button,{"aria-label":t,onClick:a,variant:"minimal",children:e.jsx(c.Icon,{name:"x"})})]});exports.Badge=_;
 //# 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 { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  info: styles.info,\n  primary: styles.primary,\n};\n\nexport type BadgeProps = {\n  children?: React.ReactNode;\n  onDelete?: () => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({ children, onDelete, variant = 'default' }: BadgeProps) => {\n  return (\n    <span\n      className={cx(styles.badge, variants[variant])}\n      data-component={'badge'}\n    >\n      {children}\n      {onDelete && (\n        <Button\n          onClick={onDelete}\n          variant={'minimal'}\n        >\n          <Icon name={'x'} />\n        </Button>\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","info","primary","Badge","children","onDelete","variant","jsxs","cx","badge","jsx","Button","Icon"],"mappings":"qTAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,KAAMD,EAAOC,KACbC,QAASF,EAAOE,OAClB,EAQaC,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,QAAAA,EAAU,SAAsB,IAExEC,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGR,EAAOS,MAAOX,EAASQ,CAAO,CAAC,EAC7C,iBAAgB,QAEfF,SAAAA,CAAAA,EACAC,GACCK,EAAAA,IAACC,EAAAA,OAAA,CACC,QAASN,EACT,QAAS,UAET,SAAAK,EAAAA,IAACE,EAAAA,KAAA,CAAK,KAAM,GAAA,CAAI,CAAA,CAClB,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\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  info: styles.info,\n  primary: styles.primary,\n};\n\nexport type BadgeProps = {\n  children?: React.ReactNode;\n  deleteAccessibleLabel?: string;\n  onDelete?: () => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  children,\n  deleteAccessibleLabel = 'Remove',\n  onDelete,\n  variant = 'default',\n}: BadgeProps) => {\n  return (\n    <span\n      className={cx(styles.badge, variants[variant])}\n      data-component={'badge'}\n    >\n      {children}\n      {onDelete && (\n        <Button\n          aria-label={deleteAccessibleLabel}\n          onClick={onDelete}\n          variant={'minimal'}\n        >\n          <Icon name={'x'} />\n        </Button>\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","info","primary","Badge","children","deleteAccessibleLabel","onDelete","variant","jsxs","cx","badge","jsx","Button","Icon"],"mappings":"qTAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,KAAMD,EAAOC,KACbC,QAASF,EAAOE,OAClB,EASaC,EAAQA,CAAC,CACpBC,SAAAA,EACAC,sBAAAA,EAAwB,SACxBC,SAAAA,EACAC,QAAAA,EAAU,SACA,IAERC,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGT,EAAOU,MAAOZ,EAASS,CAAO,CAAC,EAC7C,iBAAgB,QAEfH,SAAAA,CAAAA,EACAE,GACCK,EAAAA,IAACC,EAAAA,OAAA,CACC,aAAYP,EACZ,QAASC,EACT,QAAS,UAET,SAAAK,MAACE,EAAAA,KAAA,CAAK,KAAM,IAAI,CAAA,CAClB,CAAA,EAEJ"}

package/dist/components/badge/index.js

@@ -1,24 +1,25 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import { Button as d } from "../button/index.js";
-import { Icon as p } from "../icon/index.js";
-import '../../assets/index17.css';const s = "_badge_1dpmk_1", e = "_primary_1dpmk_7", c = "_info_1dpmk_12", a = {
-  badge: s,
-  primary: e,
-  info: c
-}, f = {
-  default: a.default,
-  info: a.info,
-  primary: a.primary
-}, b = ({
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { t as e } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import { Icon as c } from "../icon/index.js";
+import '../../assets/index16.css';const d = "_badge_1kmur_1", f = "_primary_1kmur_7", p = "_info_1kmur_12", r = {
+  badge: d,
+  primary: f,
+  info: p
+}, l = {
+  default: r.default,
+  info: r.info,
+  primary: r.primary
+}, y = ({
   children: n,
-  onDelete: r,
-  variant: t = "default"
-}) => /* @__PURE__ */ i("span", { className: m(a.badge, f[t]), "data-component": "badge", children: [
+  deleteAccessibleLabel: i = "Remove",
+  onDelete: a,
+  variant: m = "default"
+}) => /* @__PURE__ */ t("span", { className: e(r.badge, l[m]), "data-component": "badge", children: [
   n,
-  r && /* @__PURE__ */ o(d, { onClick: r, variant: "minimal", children: /* @__PURE__ */ o(p, { name: "x" }) })
+  a && /* @__PURE__ */ o(s, { "aria-label": i, onClick: a, variant: "minimal", children: /* @__PURE__ */ o(c, { name: "x" }) })
 ] });
 export {
-  b as Badge
+  y as Badge
 };
 //# sourceMappingURL=index.js.map

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 { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  info: styles.info,\n  primary: styles.primary,\n};\n\nexport type BadgeProps = {\n  children?: React.ReactNode;\n  onDelete?: () => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({ children, onDelete, variant = 'default' }: BadgeProps) => {\n  return (\n    <span\n      className={cx(styles.badge, variants[variant])}\n      data-component={'badge'}\n    >\n      {children}\n      {onDelete && (\n        <Button\n          onClick={onDelete}\n          variant={'minimal'}\n        >\n          <Icon name={'x'} />\n        </Button>\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","info","primary","Badge","children","onDelete","variant","jsxs","cx","badge","jsx","Button","Icon"],"mappings":";;;;;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,MAAMD,EAAOC;AAAAA,EACbC,SAASF,EAAOE;AAClB,GAQaC,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAsB,MAExE,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGR,EAAOS,OAAOX,EAASQ,CAAO,CAAC,GAC7C,kBAAgB,SAEfF,UAAAA;AAAAA,EAAAA;AAAAA,EACAC,KACC,gBAAAK,EAACC,GAAA,EACC,SAASN,GACT,SAAS,WAET,UAAA,gBAAAK,EAACE,GAAA,EAAK,MAAM,IAAA,CAAI,EAAA,CAClB;AAAA,GAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import cx from 'classix';\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  info: styles.info,\n  primary: styles.primary,\n};\n\nexport type BadgeProps = {\n  children?: React.ReactNode;\n  deleteAccessibleLabel?: string;\n  onDelete?: () => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Badge = ({\n  children,\n  deleteAccessibleLabel = 'Remove',\n  onDelete,\n  variant = 'default',\n}: BadgeProps) => {\n  return (\n    <span\n      className={cx(styles.badge, variants[variant])}\n      data-component={'badge'}\n    >\n      {children}\n      {onDelete && (\n        <Button\n          aria-label={deleteAccessibleLabel}\n          onClick={onDelete}\n          variant={'minimal'}\n        >\n          <Icon name={'x'} />\n        </Button>\n      )}\n    </span>\n  );\n};\n"],"names":["variants","default","styles","info","primary","Badge","children","deleteAccessibleLabel","onDelete","variant","jsxs","cx","badge","jsx","Button","Icon"],"mappings":";;;;;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,MAAMD,EAAOC;AAAAA,EACbC,SAASF,EAAOE;AAClB,GASaC,IAAQA,CAAC;AAAA,EACpBC,UAAAA;AAAAA,EACAC,uBAAAA,IAAwB;AAAA,EACxBC,UAAAA;AAAAA,EACAC,SAAAA,IAAU;AACA,MAER,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGT,EAAOU,OAAOZ,EAASS,CAAO,CAAC,GAC7C,kBAAgB,SAEfH,UAAAA;AAAAA,EAAAA;AAAAA,EACAE,KACC,gBAAAK,EAACC,GAAA,EACC,cAAYP,GACZ,SAASC,GACT,SAAS,WAET,UAAA,gBAAAK,EAACE,GAAA,EAAK,MAAM,KAAI,EAAA,CAClB;AAAA,GAEJ;"}

package/dist/components/banner/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),u="_banner_vu5j6_13",o="_visible_vu5j6_34",r={banner:u,visible:o},v=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),o="_banner_14108_13",u="_visible_14108_34",r={banner:o,visible:u},d=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/banner/index.js

@@ -1,10 +1,10 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { t as c } from "../../classix-DG18itHa.js";
-import { Button as i } from "../button/index.js";
-import '../../assets/index16.css';const s = "_banner_vu5j6_13", _ = "_visible_vu5j6_34", n = {
-  banner: s,
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { t as i } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import '../../assets/index15.css';const v = "_banner_14108_13", _ = "_visible_14108_34", n = {
+  banner: v,
   visible: _
-}, j = ({
+}, m = ({
   button: t,
   message: a,
   onClick: e,
@@ -14,12 +14,12 @@ import '../../assets/index16.css';const s = "_banner_vu5j6_13", _ = "_visible_vu
   const l = () => {
     e == null || e(), r == null || r();
   };
-  return /* @__PURE__ */ v("div", { "aria-live": "assertive", className: c(n.banner, b && n.visible), "data-component": "banner", children: [
+  return /* @__PURE__ */ o("div", { "aria-live": "assertive", className: i(n.banner, b && n.visible), "data-component": "banner", children: [
     a,
-    /* @__PURE__ */ o(i, { onClick: l, children: t })
+    /* @__PURE__ */ c(s, { onClick: l, children: t })
   ] });
 };
 export {
-  j as Banner
+  m as Banner
 };
 //# sourceMappingURL=index.js.map

package/dist/components/branding/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(c){return`url("data:image/svg+xml, ${encodeURI(c)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},i="_branding_uq0pm_1",m="_white_uq0pm_11",a={branding:i,default:"_default_uq0pm_7",white:m},r={default:a.default,white:a.white},g=({name:c="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:l(v[c].toString()),width:s};return e.jsx("span",{className:h.t(a.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},g="_branding_ganjz_1",i="_white_ganjz_11",c={branding:g,default:"_default_ganjz_7",white:i},r={default:c.default,white:c.white},o=({name:a="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:l(v[a].toString()),width:s};return e.jsx("span",{className:h.t(c.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/branding/index.js

@@ -1,15 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import '../../assets/index33.css';function v(a) {
+import { jsx as h } from "react/jsx-runtime";
+import { t as v } from "../../classix-DG18itHa.js";
+import '../../assets/index32.css';function e(a) {
   return `url("data:image/svg+xml, ${encodeURI(a)}")`;
 }
-const e = {
+const l = {
   logo: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'
-}, l = "_branding_uq0pm_1", o = "_white_uq0pm_11", c = {
-  branding: l,
-  default: "_default_uq0pm_7",
-  white: o
-}, g = {
+}, m = "_branding_ganjz_1", g = "_white_ganjz_11", c = {
+  branding: m,
+  default: "_default_ganjz_7",
+  white: g
+}, o = {
   default: c.default,
   white: c.white
 }, d = ({
@@ -17,12 +17,12 @@ const e = {
   size: s = 128,
   variant: t = "default"
 }) => {
-  const h = {
+  const n = {
     height: s,
-    maskImage: v(e[a].toString()),
+    maskImage: e(l[a].toString()),
     width: s
   };
-  return /* @__PURE__ */ n("span", { className: m(c.branding, g[t]), style: h, "data-component": "branding" });
+  return /* @__PURE__ */ h("span", { className: v(c.branding, o[t]), style: n, "data-component": "branding" });
 };
 export {
   d as Branding

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),d="_button_1cw1v_1",_="_danger_1cw1v_19",p="_minimal_1cw1v_32",b="_primary_1cw1v_39",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:r,disabled:o=!1,icon:e,onClick:s,ref:m,variant:n="default",...u}){return a.jsxs("button",{className:c.t(t.button,g[n],r),disabled:o,onClick:s,ref:m,type:"button",...u,"data-component":"button",children:[e&&a.jsx(l.Icon,{gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const a=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),c=require("../icon/index.cjs"),d="_button_l8m83_1",_="_danger_l8m83_22",p="_minimal_l8m83_35",b="_primary_l8m83_42",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:r,disabled:m=!1,icon:e,onClick:o,ref:s,variant:n="default",...l}){return a.jsxs("button",{className:u.t(t.button,g[n],r),disabled:m,onClick:o,ref:s,type:"button",...l,"data-component":"button",children:[e&&a.jsx(c.Icon,{gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as u } from "react/jsx-runtime";
-import { t as c } from "../../classix-DG18itHa.js";
-import { Icon as d } from "../icon/index.js";
-import '../../assets/index34.css';const p = "_button_1cw1v_1", _ = "_danger_1cw1v_19", f = "_minimal_1cw1v_32", b = "_primary_1cw1v_39", t = {
-  button: p,
-  danger: _,
+import { t as d } from "../../classix-DG18itHa.js";
+import { Icon as p } from "../icon/index.js";
+import '../../assets/index33.css';const _ = "_button_l8m83_1", c = "_danger_l8m83_22", f = "_minimal_l8m83_35", b = "_primary_l8m83_42", t = {
+  button: _,
+  danger: c,
   minimal: f,
   primary: b
 }, g = {
@@ -12,22 +12,22 @@ import '../../assets/index34.css';const p = "_button_1cw1v_1", _ = "_danger_1cw1
   minimal: t.minimal,
   primary: t.primary
 };
-function h({
-  children: m,
+function j({
+  children: a,
   className: r,
   disabled: i = !1,
-  icon: a,
+  icon: m,
   onClick: o,
   ref: e,
   variant: n = "default",
   ...l
 }) {
-  return /* @__PURE__ */ s("button", { className: c(t.button, g[n], r), disabled: i, onClick: o, ref: e, type: "button", ...l, "data-component": "button", children: [
-    a && /* @__PURE__ */ u(d, { gap: "right", name: a, size: "small", variant: n === "minimal" || n === "default" ? "default" : "white" }),
-    m
+  return /* @__PURE__ */ s("button", { className: d(t.button, g[n], r), disabled: i, onClick: o, ref: e, type: "button", ...l, "data-component": "button", children: [
+    m && /* @__PURE__ */ u(p, { gap: "right", name: m, size: "small", variant: n === "minimal" || n === "default" ? "default" : "white" }),
+    a
   ] });
 }
 export {
-  h as Button
+  j as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.cjs

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

package/dist/components/checkbox/index.js

@@ -1,8 +1,8 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as k } from "../../icons-DfmpRbxE.js";
-import { Loading as x } from "../loading/index.js";
-import '../../assets/index14.css';const b = "_checkbox_16skt_1", m = {
-  checkbox: b
+import { i as x } from "../../icons-DfmpRbxE.js";
+import { Loading as k } from "../loading/index.js";
+import '../../assets/index13.css';const m = "_checkbox_1m1ju_1", b = {
+  checkbox: m
 }, d = ({
   checked: t,
   disabled: s,
@@ -12,10 +12,10 @@ import '../../assets/index14.css';const b = "_checkbox_16skt_1", m = {
   ...i
 }) => {
   const n = {
-    "--icon-svg": k("check")
+    "--icon-svg": x("check")
   };
-  return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
-    c && /* @__PURE__ */ e(x, { size: 24, sticky: !0 }),
+  return /* @__PURE__ */ h("label", { className: b.checkbox, "data-component": "checkbox", children: [
+    c && /* @__PURE__ */ e(k, { size: 24, sticky: !0 }),
     /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
     o && o
   ] });

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const r=require("react/jsx-runtime"),n=require("../../helpers-BD5fFZi-.cjs"),o="_controls_u02jm_15",a="_wrapper_u02jm_29",e={controls:o,wrapper:a},c=({children:s,...t})=>r.jsx(r.Fragment,{children:r.jsx("div",{className:e.wrapper,"data-wrapper":!0,children:r.jsx("div",{className:e.controls,children:r.jsx("menu",{"data-animation":"stagger",...t,children:n.wrapChildren(s)})})})});exports.Controls=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const t=require("react/jsx-runtime"),c=require("react"),l=require("../../helpers-BD5fFZi-.cjs"),i="_controls_1kzpr_15",d="_wrapper_1kzpr_33",o={controls:i,wrapper:d},p=({children:n,onSaveShortcut:r,...a})=>(c.useEffect(()=>{if(!r)return;const s=e=>{!(e.key.toLowerCase()==="s"&&(e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey)||e.defaultPrevented||e.repeat||(e.preventDefault(),r())};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[r]),t.jsx("div",{className:o.wrapper,"data-wrapper":!0,"data-component":"controls",children:t.jsx("div",{className:o.controls,children:t.jsx("menu",{"data-animation":"stagger",...a,children:l.wrapChildren(n)})})}));exports.Controls=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <>\n      <div\n        className={styles.wrapper}\n        data-wrapper\n      >\n        <div className={styles.controls}>\n          <menu\n            data-animation='stagger'\n            {...props}\n          >\n            {wrapChildren(children)}\n          </menu>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["Controls","children","props","jsx","Fragment","styles","wrapper","controls","wrapChildren"],"mappings":"mOAMaA,EAAWA,CAAC,CAAEC,SAAAA,EAAU,GAAGC,CAAqB,IAEzDC,EAAAA,IAAAC,EAAAA,SAAA,CACE,SAAAD,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAOC,QAClB,eAAY,GAEZ,SAAAH,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAOE,SACrB,SAAAJ,EAAAA,IAAC,OAAA,CACC,iBAAe,UACf,GAAID,EAEHM,wBAAaP,CAAQ,CAAA,CACxB,CAAA,CACF,CAAA,CACF,EACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {\n  onSaveShortcut?: () => void;\n};\n\nexport const Controls = ({ children, onSaveShortcut, ...props }: ControlsProps) => {\n  useEffect(() => {\n    if (!onSaveShortcut) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const isSaveShortcut =\n        event.key.toLowerCase() === 's' &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey;\n\n      if (!isSaveShortcut || event.defaultPrevented || event.repeat) {\n        return;\n      }\n\n      event.preventDefault();\n      onSaveShortcut();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onSaveShortcut]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n    >\n      <div className={styles.controls}>\n        <menu\n          data-animation='stagger'\n          {...props}\n        >\n          {wrapChildren(children)}\n        </menu>\n      </div>\n    </div>\n  );\n};\n"],"names":["Controls","children","onSaveShortcut","props","useEffect","handleKeyDown","event","key","toLowerCase","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","repeat","preventDefault","document","addEventListener","removeEventListener","jsx","styles","wrapper","controls","wrapChildren"],"mappings":"sPAUaA,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,eAAAA,EAAgB,GAAGC,CAAqB,KAC3EC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACF,EACH,OAGF,MAAMG,EAAiBC,GAAyB,CAO1C,EALFA,EAAMC,IAAIC,YAAAA,IAAkB,MAC3BF,EAAMG,SAAWH,EAAMI,UACxB,CAACJ,EAAMK,QACP,CAACL,EAAMM,WAEcN,EAAMO,kBAAoBP,EAAMQ,SAIvDR,EAAMS,eAAAA,EACNb,EAAAA,EACF,EAEAc,gBAASC,iBAAiB,UAAWZ,CAAa,EAE3C,IAAM,CACXW,SAASE,oBAAoB,UAAWb,CAAa,CACvD,CACF,EAAG,CAACH,CAAc,CAAC,EAGjBiB,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,eAAY,GAAA,iBAAA,WAEZ,SAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOE,SACrB,SAAAH,EAAAA,IAAC,OAAA,CACC,iBAAe,UACf,GAAIhB,EAEHoB,SAAAA,EAAAA,aAAatB,CAAQ,CAAA,CACxB,CAAA,CACF,CAAA,CACF"}

package/dist/components/controls/index.js

@@ -1,13 +1,24 @@
-import { jsx as r, Fragment as e } from "react/jsx-runtime";
-import { w as n } from "../../helpers-D56OHkFI.js";
-import '../../assets/index13.css';const s = "_controls_u02jm_15", c = "_wrapper_u02jm_29", o = {
-  controls: s,
-  wrapper: c
-}, i = ({
-  children: t,
-  ...a
-}) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r("div", { className: o.wrapper, "data-wrapper": !0, children: /* @__PURE__ */ r("div", { className: o.controls, children: /* @__PURE__ */ r("menu", { "data-animation": "stagger", ...a, children: n(t) }) }) }) });
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import { w as p } from "../../helpers-D56OHkFI.js";
+import '../../assets/index12.css';const d = "_controls_1kzpr_15", i = "_wrapper_1kzpr_33", s = {
+  controls: d,
+  wrapper: i
+}, f = ({
+  children: a,
+  onSaveShortcut: e,
+  ...n
+}) => (c(() => {
+  if (!e)
+    return;
+  const o = (r) => {
+    !(r.key.toLowerCase() === "s" && (r.metaKey || r.ctrlKey) && !r.altKey && !r.shiftKey) || r.defaultPrevented || r.repeat || (r.preventDefault(), e());
+  };
+  return document.addEventListener("keydown", o), () => {
+    document.removeEventListener("keydown", o);
+  };
+}, [e]), /* @__PURE__ */ t("div", { className: s.wrapper, "data-wrapper": !0, "data-component": "controls", children: /* @__PURE__ */ t("div", { className: s.controls, children: /* @__PURE__ */ t("menu", { "data-animation": "stagger", ...n, children: p(a) }) }) }));
 export {
-  i as Controls
+  f as Controls
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <>\n      <div\n        className={styles.wrapper}\n        data-wrapper\n      >\n        <div className={styles.controls}>\n          <menu\n            data-animation='stagger'\n            {...props}\n          >\n            {wrapChildren(children)}\n          </menu>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["Controls","children","props","jsx","Fragment","styles","wrapper","controls","wrapChildren"],"mappings":";;;;;GAMaA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAqB,MAEzD,gBAAAC,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAAC,OAAA,EACC,WAAWE,EAAOC,SAClB,gBAAY,IAEZ,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWE,EAAOE,UACrB,UAAA,gBAAAJ,EAAC,QAAA,EACC,kBAAe,WACf,GAAID,GAEHM,YAAaP,CAAQ,EAAA,CACxB,EAAA,CACF,EAAA,CACF,GACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {\n  onSaveShortcut?: () => void;\n};\n\nexport const Controls = ({ children, onSaveShortcut, ...props }: ControlsProps) => {\n  useEffect(() => {\n    if (!onSaveShortcut) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const isSaveShortcut =\n        event.key.toLowerCase() === 's' &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey;\n\n      if (!isSaveShortcut || event.defaultPrevented || event.repeat) {\n        return;\n      }\n\n      event.preventDefault();\n      onSaveShortcut();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onSaveShortcut]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n    >\n      <div className={styles.controls}>\n        <menu\n          data-animation='stagger'\n          {...props}\n        >\n          {wrapChildren(children)}\n        </menu>\n      </div>\n    </div>\n  );\n};\n"],"names":["Controls","children","onSaveShortcut","props","useEffect","handleKeyDown","event","key","toLowerCase","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","repeat","preventDefault","document","addEventListener","removeEventListener","jsx","styles","wrapper","controls","wrapChildren"],"mappings":";;;;;;GAUaA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,gBAAAA;AAAAA,EAAgB,GAAGC;AAAqB,OAC3EC,EAAU,MAAM;AACd,MAAI,CAACF;AACH;AAGF,QAAMG,IAAgBA,CAACC,MAAyB;AAO9C,IAAI,EALFA,EAAMC,IAAIC,YAAAA,MAAkB,QAC3BF,EAAMG,WAAWH,EAAMI,YACxB,CAACJ,EAAMK,UACP,CAACL,EAAMM,aAEcN,EAAMO,oBAAoBP,EAAMQ,WAIvDR,EAAMS,eAAAA,GACNb,EAAAA;AAAAA,EACF;AAEAc,kBAASC,iBAAiB,WAAWZ,CAAa,GAE3C,MAAM;AACXW,aAASE,oBAAoB,WAAWb,CAAa;AAAA,EACvD;AACF,GAAG,CAACH,CAAc,CAAC,GAGjB,gBAAAiB,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,gBAAY,IAAA,kBAAA,YAEZ,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAOE,UACrB,UAAA,gBAAAH,EAAC,QAAA,EACC,kBAAe,WACf,GAAIhB,GAEHoB,UAAAA,EAAatB,CAAQ,EAAA,CACxB,EAAA,CACF,EAAA,CACF;"}

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const o=require("react/jsx-runtime"),e="_dialog_1dwjg_1",d="_wrapper_1dwjg_32",r={dialog:e,wrapper:d},s=({children:i,setOpen:a,...l})=>o.jsx("div",{className:r.wrapper,"data-wrapper":!0,onClick:()=>a==null?void 0:a(!1),"data-component":"dialog",children:o.jsx("dialog",{className:r.dialog,onClick:t=>t.stopPropagation(),...l,children:i})});exports.Dialog=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),t="_dialog_sp6bs_1",e="_wrapper_sp6bs_36",r={dialog:t,wrapper:e},c=({children:i,setOpen:a,...l})=>o.jsx("div",{className:r.wrapper,"data-wrapper":!0,onClick:()=>a==null?void 0:a(!1),"data-component":"dialog",children:o.jsx("dialog",{className:r.dialog,onClick:s=>s.stopPropagation(),...l,children:i})});exports.Dialog=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index12.css';const p = "_dialog_1dwjg_1", c = "_wrapper_1dwjg_32", r = {
-  dialog: p,
+import '../../assets/index11.css';const s = "_dialog_sp6bs_1", c = "_wrapper_sp6bs_36", r = {
+  dialog: s,
   wrapper: c
 }, t = ({
   children: l,
   setOpen: a,
   ...i
-}) => /* @__PURE__ */ o("div", { className: r.wrapper, "data-wrapper": !0, onClick: () => a == null ? void 0 : a(!1), "data-component": "dialog", children: /* @__PURE__ */ o("dialog", { className: r.dialog, onClick: (d) => d.stopPropagation(), ...i, children: l }) });
+}) => /* @__PURE__ */ o("div", { className: r.wrapper, "data-wrapper": !0, onClick: () => a == null ? void 0 : a(!1), "data-component": "dialog", children: /* @__PURE__ */ o("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
 export {
   t as Dialog
 };

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const t=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),c="_figure_kkosq_1",f="_offset_kkosq_20",r={figure:c,offset:f},u=({children:o,className:i,label:s,offset:e})=>t.jsxs("figure",{className:n.t(r.figure,e&&r.offset,i),style:{...e&&{[`--offset-${e}`]:"var(--offset)"}},"data-component":"figure",children:[o,s&&t.jsx("figcaption",{"data-content":"screen-reader",children:s})]});exports.Figure=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_figure_4uwx1_1",c="_offset_4uwx1_20",r={figure:u,offset:c},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;
 //# 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  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":"4NAWaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,OAAAA,CAAoB,IACvEC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQJ,GAAUG,EAAOH,OAAQF,CAAS,EAC/D,MACE,CACE,GAAIE,GAAU,CAAE,CAAC,YAAYA,CAAM,EAAE,EAAG,eAAA,CAC1C,EACD,iBAAA,SAEAH,SAAAA,CAAAA,EACAE,GAASM,EAAAA,IAAC,aAAA,CAAW,eAAa,gBAAiBN,SAAAA,CAAAA,CAAM,CAAA,CAAA,CAC5D"}
+{"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"}

package/dist/components/figure/index.js

@@ -1,20 +1,20 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index35.css';const c = "_figure_kkosq_1", a = "_offset_kkosq_20", o = {
+import '../../assets/index34.css';const c = "_figure_4uwx1_1", u = "_offset_4uwx1_20", r = {
   figure: c,
-  offset: a
+  offset: u
 }, m = ({
-  children: s,
-  className: r,
-  label: t,
-  offset: e
-}) => /* @__PURE__ */ f("figure", { className: n(o.figure, e && o.offset, r), style: {
-  ...e && {
-    [`--offset-${e}`]: "var(--offset)"
+  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: [
-  s,
-  t && /* @__PURE__ */ i("figcaption", { "data-content": "screen-reader", children: t })
+  o,
+  e && /* @__PURE__ */ i("figcaption", { "data-content": "screen-reader", children: e })
 ] });
 export {
   m as Figure

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  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":";;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,QAAAA;AAAoB,MACvE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQJ,KAAUG,EAAOH,QAAQF,CAAS,GAC/D,OACE;AAAA,EACE,GAAIE,KAAU;AAAA,IAAE,CAAC,YAAYA,CAAM,EAAE,GAAG;AAAA,EAAA;AAC1C,GACD,kBAAA,UAEAH,UAAAA;AAAAA,EAAAA;AAAAA,EACAE,KAAS,gBAAAM,EAAC,cAAA,EAAW,gBAAa,iBAAiBN,UAAAA,EAAAA,CAAM;AAAA,EAAA,CAC5D;"}
+{"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;"}

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const e=require("react/jsx-runtime"),l=require("../icon/index.cjs"),c="_file_4fkv5_1",r={file:c,delete:"_delete_4fkv5_50"},d=({name:s,onClick:t,onDelete:a,ref:o,url:i})=>e.jsxs("div",{className:r.file,ref:o,"data-component":"file",children:[e.jsxs("a",{href:i,onClick:n=>{n.stopPropagation(),(t||!i)&&(n.preventDefault(),t==null||t())},title:s,children:[e.jsx(l.Icon,{name:"document",size:"small",variant:"primary"}),s]}),a&&e.jsx("a",{"aria-label":"delete document",className:r.delete,onClick:()=>a(),tabIndex:0,children:e.jsx(l.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),d="_file_tncrs_1",l={file:d,delete:"_delete_tncrs_52"},m=({deleteAccessibleLabel:c,name:s,onClick:t,onDelete:a,ref:o,url:i})=>e.jsxs("div",{className:l.file,ref:o,"data-component":"file",children:[e.jsxs("a",{href:i,onClick:n=>{n.stopPropagation(),(t||!i)&&(n.preventDefault(),t==null||t())},title:s,children:[e.jsx(r.Icon,{name:"document",size:"small",variant:"primary"}),s]}),a&&e.jsx("a",{"aria-label":c??`Delete ${s}`,className:l.delete,onClick:()=>a(),tabIndex:0,children:e.jsx(r.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=m;
 //# 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  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ 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={'delete document'}\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","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAWaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,EAAKC,IAAAA,CAAe,WAE/D,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,SACE,IAAA,CACC,aAAY,kBACZ,UAAWG,EAAOQ,OAClB,QAAS,IAAMX,EAAAA,EACf,SAAU,EAEV,eAACU,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 { 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"}

package/dist/components/file/index.js

@@ -1,24 +1,25 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { Icon as n } from "../icon/index.js";
-import '../../assets/index11.css';const f = "_file_4fkv5_1", d = {
-  file: f,
-  delete: "_delete_4fkv5_50"
-}, p = ({
+import '../../assets/index10.css';const c = "_file_tncrs_1", d = {
+  file: c,
+  delete: "_delete_tncrs_52"
+}, _ = ({
+  deleteAccessibleLabel: m,
   name: t,
   onClick: e,
-  onDelete: l,
-  ref: m,
-  url: r
-}) => /* @__PURE__ */ s("div", { className: d.file, ref: m, "data-component": "file", children: [
-  /* @__PURE__ */ s("a", { href: r, onClick: (i) => {
-    i.stopPropagation(), (e || !r) && (i.preventDefault(), e == null || e());
+  onDelete: r,
+  ref: o,
+  url: s
+}) => /* @__PURE__ */ i("div", { className: d.file, ref: o, "data-component": "file", children: [
+  /* @__PURE__ */ i("a", { href: s, onClick: (l) => {
+    l.stopPropagation(), (e || !s) && (l.preventDefault(), e == null || e());
   }, title: t, children: [
     /* @__PURE__ */ a(n, { name: "document", size: "small", variant: "primary" }),
     t
   ] }),
-  l && /* @__PURE__ */ a("a", { "aria-label": "delete document", className: d.delete, onClick: () => l(), tabIndex: 0, children: /* @__PURE__ */ a(n, { name: "trash", size: "small", variant: "danger" }) })
+  r && /* @__PURE__ */ a("a", { "aria-label": m ?? `Delete ${t}`, className: d.delete, onClick: () => r(), tabIndex: 0, children: /* @__PURE__ */ a(n, { name: "trash", size: "small", variant: "danger" }) })
 ] });
 export {
-  p as File
+  _ 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  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ 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={'delete document'}\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","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAAA,EAAKC,KAAAA;AAAe,wBAE/D,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,uBACE,KAAA,EACC,cAAY,mBACZ,WAAWG,EAAOQ,QAClB,SAAS,MAAMX,EAAAA,GACf,UAAU,GAEV,4BAACU,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 { 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;"}

package/dist/components/footer/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const r=require("react/jsx-runtime"),n="_footer_uv5cc_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/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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/footer/index.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index10.css';const a = "_footer_uv5cc_1", n = {
+import '../../assets/index9.css';const a = "_footer_1ktpq_1", n = {
   footer: a
-}, c = ({
+}, f = ({
   animation: t,
   children: o,
   ...e
 }) => /* @__PURE__ */ r("footer", { className: n.footer, "data-animation": t, ...e, "data-component": "footer", children: o && o });
 export {
-  c as Footer
+  f 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 i=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),m="_form_fapts_1",c="_inline_fapts_26",t={form:m,inline:c},l=({animation:e,children:n,className:o,inline:s=!1,...r})=>i.jsx("form",{className:a.t(o,s&&t.inline,t.form),"data-animation":e,...r,"data-component":"form",children:n&&n});exports.Form=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const r=require("react/jsx-runtime"),m=require("../../classix-5H4IWnMA.cjs"),a="_form_1sine_1",c="_inline_1sine_26",e={form:a,inline:c},l=({animation:o,children:n,className:t,inline:i=!1,...s})=>r.jsx("form",{className:m.t(t,i&&e.inline,e.form),"data-animation":o,...s,"data-component":"form",children:n&&n});exports.Form=l;
 //# sourceMappingURL=index.cjs.map