@anoki/fse-ui 1.0.0-beta1.44.10 → 1.0.0-beta1.44.12

package/dist/index.cjs64.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs239.js"),i=require("./index.cjs268.js"),x=require("./index.cjs241.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs239.js"),i=require("./index.cjs270.js"),x=require("./index.cjs241.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs64.js.map

package/dist/index.cjs69.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CheckboxFilter/CheckboxFilter.css');const e=require("./index.cjs239.js"),i=require("./index.cjs300.js");;/* empty css              */const p=require("./index.cjs251.js"),x=require("./index.cjs241.js"),c=require("./index.cjs9.js"),m=({id:t,label:s,checked:l,onChange:a,classNameText:h="fs-6 fw-bold",canMultiple:n=!0})=>{var o;const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),d=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r=new DOMParser().parseFromString(`${s}`,"text/html"),j=((o=r==null?void 0:r.body)==null?void 0:o.textContent)||"";return e.jsxRuntimeExports.jsx(c.Row,{alignItems:"center",gap:"x16",children:e.jsxRuntimeExports.jsxs(c.Row,{as:"label",gap:"x16",alignItems:"center",py:"x8",htmlFor:t,className:"cursor-pointer w-full",children:[e.jsxRuntimeExports.jsx(i.Checkbox,{id:t,checked:l,onCheckedChange:a,className:x.clsx(n?"ui-checkbox-filter-container":"ui-checkbox-filter"),"aria-label":j,children:e.jsxRuntimeExports.jsx(i.CheckboxIndicator,{children:e.jsxRuntimeExports.jsx("div",{className:"checkbox-container",children:n?e.jsxRuntimeExports.jsx(u,{}):e.jsxRuntimeExports.jsx(d,{})})})}),s&&e.jsxRuntimeExports.jsx(p.default,{as:"label",htmlFor:t,className:x.clsx(h,"text-slate-20 cursor-pointer"),children:s})]})})};exports.CheckboxFilter=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CheckboxFilter/CheckboxFilter.css');const e=require("./index.cjs239.js"),i=require("./index.cjs300.js");;/* empty css              */const p=require("./index.cjs251.js"),x=require("./index.cjs241.js"),c=require("./index.cjs9.js"),m=({id:t,label:s,checked:l,onChange:a,classNameText:h="fs-6 fw-bold",canMultiple:n=!0})=>{var o;const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),d=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r=new DOMParser().parseFromString(`${s}`,"text/html"),j=((o=r==null?void 0:r.body)==null?void 0:o.textContent)||"";return e.jsxRuntimeExports.jsx(c.Row,{alignItems:"center",gap:"x16",children:e.jsxRuntimeExports.jsxs(c.Row,{as:"label",gap:"x16",alignItems:"center",py:"x8",htmlFor:t,className:"cursor-pointer w-full",children:[e.jsxRuntimeExports.jsx(i.Root,{id:t,checked:l,onCheckedChange:a,className:x.clsx(n?"ui-checkbox-filter-container":"ui-checkbox-filter"),"aria-label":j,children:e.jsxRuntimeExports.jsx(i.Indicator,{children:e.jsxRuntimeExports.jsx("div",{className:"checkbox-container",children:n?e.jsxRuntimeExports.jsx(u,{}):e.jsxRuntimeExports.jsx(d,{})})})}),s&&e.jsxRuntimeExports.jsx(p.default,{as:"label",htmlFor:t,className:x.clsx(h,"text-slate-20 cursor-pointer"),children:s})]})})};exports.CheckboxFilter=m;
 //# sourceMappingURL=index.cjs69.js.map

package/dist/index.cjs69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n  canMultiple?: boolean;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n  canMultiple = true,\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n  const CheckIconCircle = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={clsx(\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\n          )}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              {canMultiple ? <CheckIcon /> : <CheckIconCircle />}\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","CheckIcon","jsx","CheckIconCircle","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","Balancer"],"mappings":"kRAiBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAEIC,EAAkB,IACtBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIE,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGR,CAAK,GAAI,WAAW,EACrDS,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGJ,EAAA,kBAAA,IAAAK,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASZ,EACT,UAAU,wBAEV,SAAA,CAAAO,EAAA,kBAAA,IAACO,EAAc,SAAd,CACC,GAAAd,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWY,EAAA,KACTV,EAAc,+BAAiC,oBACjD,EACA,aAAYK,EAEZ,SAACH,EAAAA,kBAAAA,IAAAS,EAAAA,kBAAA,CACC,iCAAC,MAAI,CAAA,UAAU,qBACZ,SAAAX,0BAAeC,EAAU,CAAA,CAAA,EAAMC,EAAAA,kBAAAA,IAAAC,EAAA,EAAgB,EAClD,CACF,CAAA,CAAA,CACF,EACCP,GACCM,EAAA,kBAAA,IAACU,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n  canMultiple?: boolean;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n  canMultiple = true,\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n  const CheckIconCircle = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={clsx(\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\n          )}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              {canMultiple ? <CheckIcon /> : <CheckIconCircle />}\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","CheckIcon","jsx","CheckIconCircle","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","Balancer"],"mappings":"kRAiBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAEIC,EAAkB,IACtBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIE,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGR,CAAK,GAAI,WAAW,EACrDS,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGJ,EAAA,kBAAA,IAAAK,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASZ,EACT,UAAU,wBAEV,SAAA,CAAAO,EAAA,kBAAA,IAACO,EAAc,KAAd,CACC,GAAAd,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWY,EAAA,KACTV,EAAc,+BAAiC,oBACjD,EACA,aAAYK,EAEZ,SAACH,EAAAA,kBAAAA,IAAAS,EAAAA,UAAA,CACC,iCAAC,MAAI,CAAA,UAAU,qBACZ,SAAAX,0BAAeC,EAAU,CAAA,CAAA,EAAMC,EAAAA,kBAAAA,IAAAC,EAAA,EAAgB,EAClD,CACF,CAAA,CAAA,CACF,EACCP,GACCM,EAAA,kBAAA,IAACU,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs239.js"),o=require("react"),a=require("./index.cjs241.js"),u=require("./index.cjs269.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs239.js"),o=require("react"),a=require("./index.cjs241.js"),u=require("./index.cjs268.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs239.js"),s=require("react"),x=require("./index.cjs241.js"),C=require("./index.cjs269.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs239.js"),s=require("react"),x=require("./index.cjs241.js"),C=require("./index.cjs268.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs239.js"),m=require("react"),q=require("./index.cjs241.js"),x=require("./index.cjs269.js"),j=require("./index.cjs268.js"),R=require("./index.cjs271.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs239.js"),m=require("react"),q=require("./index.cjs241.js"),x=require("./index.cjs268.js"),j=require("./index.cjs270.js"),R=require("./index.cjs271.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es239.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es241.js";
-import { createSpacingClasses as g } from "./index.es269.js";
-import { createColorClasses as j } from "./index.es268.js";
+import { createSpacingClasses as g } from "./index.es268.js";
+import { createColorClasses as j } from "./index.es270.js";
 import { createTypographyClasses as u } from "./index.es271.js";
 const M = ({
   as: o,

package/dist/index.es108.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es239.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as b } from "react";
-import { Checkbox as C, CheckboxIndicator as k } from "./index.es300.js";
+import { Root as N, Indicator as v } from "./index.es300.js";
 import { Row as l } from "./index.es9.js";
 import { Col as s } from "./index.es10.js";
 const O = ({
@@ -9,10 +9,10 @@ const O = ({
   isSelected: a,
   title: d,
   subtitle: x,
-  region: c,
+  region: o,
   relation: r,
   isMe: t = !1,
-  showRegion: o = !1,
+  showRegion: n = !1,
   setSelectedCard: h = () => {
   },
   className: p,
@@ -20,7 +20,7 @@ const O = ({
   labelRegion: m = "Regione di assistenza",
   labelRecord: j = "IL TUO FASCICOLO"
 }) => {
-  const w = b(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1), g = () => /* @__PURE__ */ e.jsx(
+  const w = b(null), u = (c) => c.charAt(0).toUpperCase() + c.slice(1), g = () => /* @__PURE__ */ e.jsx(
     "svg",
     {
       width: "14",
@@ -57,12 +57,12 @@ const O = ({
       style: { width: "100%" },
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "mt-x4", children: /* @__PURE__ */ e.jsx(
-          C,
+          N,
           {
             id: i,
             checked: a,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(g, {}) })
+            children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(g, {}) })
           }
         ) }),
         /* @__PURE__ */ e.jsx(
@@ -76,7 +76,7 @@ const O = ({
                 s,
                 {
                   gap: "x4",
-                  pb: (t || !t && !r) && !o ? void 0 : "x16",
+                  pb: (t || !t && !r) && !n ? void 0 : "x16",
                   children: [
                     /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
                     /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: x })
@@ -88,9 +88,9 @@ const O = ({
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: f }),
                   /* @__PURE__ */ e.jsx("p", { children: r })
                 ] }),
-                o && c && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
+                n && o && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: m }),
-                  /* @__PURE__ */ e.jsx("p", { children: u(c) })
+                  /* @__PURE__ */ e.jsx("p", { children: u(o) })
                 ] })
               ] }),
               t && /* @__PURE__ */ e.jsx(l, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as e } from "./index.es268.js";
+import { createColorClasses as e } from "./index.es270.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as l } from "./index.es268.js";
+import { createColorClasses as l } from "./index.es270.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as e } from "./index.es268.js";
+import { createColorClasses as e } from "./index.es270.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es239.js";
 import { clsx as s } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es239.js";
 import { clsx as M } from "./index.es241.js";
-import { createColorClasses as t } from "./index.es268.js";
+import { createColorClasses as t } from "./index.es270.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es239.js";
 import { clsx as s } from "./index.es241.js";
-import { createColorClasses as r } from "./index.es268.js";
+import { createColorClasses as r } from "./index.es270.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es239.js";
 import { clsx as c } from "./index.es241.js";
-import { createColorClasses as r } from "./index.es268.js";
+import { createColorClasses as r } from "./index.es270.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as s } from "./index.es268.js";
+import { createColorClasses as s } from "./index.es270.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es239.js";
 import { clsx as M } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as s } from "./index.es241.js";
-import { createColorClasses as f } from "./index.es268.js";
+import { createColorClasses as f } from "./index.es270.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as o } from "./index.es241.js";
-import { createColorClasses as t } from "./index.es268.js";
+import { createColorClasses as t } from "./index.es270.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const p = ({
   width: t = 24,
   height: o = 24,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as c } from "./index.es241.js";
-import { createColorClasses as h } from "./index.es268.js";
+import { createColorClasses as h } from "./index.es270.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as r } from "./index.es268.js";
+import { createColorClasses as r } from "./index.es270.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es239.js";
 import { clsx as r } from "./index.es241.js";
-import { createColorClasses as t } from "./index.es268.js";
+import { createColorClasses as t } from "./index.es270.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as m } from "./index.es241.js";
-import { createColorClasses as d } from "./index.es268.js";
+import { createColorClasses as d } from "./index.es270.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as v } from "./index.es268.js";
+import { createColorClasses as v } from "./index.es270.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as r } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es239.js";
 import { clsx as c } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const d = ({
   width: r = 40,
   height: e = 40,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as x } from "./index.es268.js";
+import { createColorClasses as x } from "./index.es270.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es270.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es204.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es239.js";
 import { clsx as m } from "./index.es241.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es270.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es239.js";
 import { clsx as l } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as a } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es268.js";
+import { createColorClasses as m } from "./index.es270.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es239.js";
 import { clsx as t } from "./index.es241.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es270.js";
 const m = ({
   width: e = 32,
   height: s = 32,

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
-import { createColorClasses as C } from "./index.es268.js";
+import { createColorClasses as C } from "./index.es270.js";
 const m = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es211.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es239.js";
-import { createColorClasses as H } from "./index.es268.js";
+import { createColorClasses as H } from "./index.es270.js";
 import { clsx as V } from "./index.es241.js";
 const c = ({
   width: r = 32,

package/dist/index.es217.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es239.js";
 import { clsx as o } from "./index.es241.js";
-import { createColorClasses as x } from "./index.es268.js";
+import { createColorClasses as x } from "./index.es270.js";
 const p = ({
   width: i = 73,
   height: s = 73,