@anoki/fse-ui 1.0.727 → 1.0.728

package/dist/index.cjs49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs49.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Row } from \"../Row\";\nimport Balancer from \"react-wrap-balancer\";\nimport \"./Checkbox.scss\";\nimport clsx from \"clsx\";\n\ntype CheckboxProps = {\n  id: string;\n  label?: React.ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n};\n\nexport const Checkbox = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n}: CheckboxProps) => {\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\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      <CheckboxRadix.Root\n        id={id}\n        checked={checked}\n        onCheckedChange={onChange}\n        className={\"ui-checkbox\"}\n        aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      {label && (\n        <Balancer\n          as=\"label\"\n          htmlFor={id}\n          className={clsx(classNameText, \"text-slate-20\")}\n        >\n          {label}\n        </Balancer>\n      )}\n    </Row>\n  );\n};\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAeaA,EAAW,CAAC,CACvB,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAAqB,OACnB,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,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAc,SAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,cACX,aAAYK,EAEZ,iCAACK,oBAAA,CACC,SAAAP,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,eAAe,EAE7C,SAAAH,CAAA,CAAA,CACH,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs49.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Row } from \"../Row\";\nimport Balancer from \"react-wrap-balancer\";\nimport \"./Checkbox.scss\";\nimport clsx from \"clsx\";\n\ntype CheckboxProps = {\n  id: string;\n  label?: React.ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n};\n\nexport const Checkbox = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n}: CheckboxProps) => {\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\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      <CheckboxRadix.Root\n        id={id}\n        checked={checked}\n        onCheckedChange={onChange}\n        className={\"ui-checkbox\"}\n        aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      {label && (\n        <Balancer\n          as=\"label\"\n          htmlFor={id}\n          className={clsx(classNameText, \"text-slate-20\")}\n        >\n          {label}\n        </Balancer>\n      )}\n    </Row>\n  );\n};\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAeaA,EAAW,CAAC,CACvB,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAAqB,OACnB,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,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,cACX,aAAYK,EAEZ,iCAACK,YAAA,CACC,SAAAP,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,eAAe,EAE7C,SAAAH,CAAA,CAAA,CACH,EAEJ,CAEJ"}

package/dist/index.cjs57.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs212.js"),i=require("./index.cjs229.js"),x=require("./index.cjs214.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.cjs212.js"),i=require("./index.cjs227.js"),x=require("./index.cjs214.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.cjs57.js.map

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs212.js"),m=require("./index.cjs214.js"),p=require("react"),g=require("./index.cjs227.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs212.js"),m=require("./index.cjs214.js"),p=require("react"),g=require("./index.cjs228.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs62.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.cjs212.js"),i=require("./index.cjs255.js");;/* empty css              */const p=require("./index.cjs224.js"),x=require("./index.cjs214.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.cjs212.js"),i=require("./index.cjs255.js");;/* empty css              */const p=require("./index.cjs224.js"),x=require("./index.cjs214.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.cjs62.js.map

package/dist/index.cjs62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs62.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.cjs62.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.cjs64.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardExemption/CardExemption.css');const s=require("./index.cjs212.js");;/* empty css              */const r=require("./index.cjs214.js"),a=require("./index.cjs9.js"),u=require("./index.cjs131.js"),l=({information:x=[],className:i="",exemptionCode:n,isOpen:e,onToggle:o,hasBorder:c=!0,exemptionLabel:d=""})=>s.jsxRuntimeExports.jsxs("div",{className:"rounded shadow w-full",children:[s.jsxRuntimeExports.jsxs("button",{className:r.clsx(c&&"ui-has-border-bottom","ui-btn-accordion-exemption",i),type:"button",onClick:o,children:[s.jsxRuntimeExports.jsxs(a.Row,{gap:"x24",p:"x24",justifyContent:"center",alignItems:"center",children:[s.jsxRuntimeExports.jsx("h3",{className:"fw-semibold fs-5 md-fs-4 text-color-darker ",children:n}),s.jsxRuntimeExports.jsx("span",{className:"ui-divider"}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-semibold",children:d})]}),s.jsxRuntimeExports.jsx("div",{className:"p-x24",children:s.jsxRuntimeExports.jsx(u.ArrowDown,{color:"primary",className:r.clsx("ui-arrow",{"ui-expanded":e})})})]}),e&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-exemption p-x24",children:x.map(({label:t,value:m})=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-custom fw-bold text-slate-28",children:t}),s.jsxRuntimeExports.jsx("dd",{className:"fs-custom fw-regular text-slate-28",children:m})]},t))})]});exports.CardExemption=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardExemption/CardExemption.css');const s=require("./index.cjs212.js");;/* empty css              */const r=require("./index.cjs214.js"),a=require("./index.cjs9.js"),u=require("./index.cjs131.js"),l=({information:x=[],className:i="",exemptionCode:n,isOpen:e,onToggle:o,hasBorder:c=!0,exemptionLabel:d=""})=>s.jsxRuntimeExports.jsxs("div",{className:"rounded shadow w-full",children:[s.jsxRuntimeExports.jsxs("button",{className:r.clsx(c&&"ui-has-border-bottom","ui-btn-accordion-exemption",i),type:"button",onClick:o,children:[s.jsxRuntimeExports.jsxs(a.Row,{gap:"x24",p:"x24",justifyContent:"center",alignItems:"center",children:[s.jsxRuntimeExports.jsx("h3",{className:"fw-semibold fs-5 md-fs-4 text-color-darker ",children:n}),s.jsxRuntimeExports.jsx("span",{className:"ui-divider"}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-semibold",children:d})]}),s.jsxRuntimeExports.jsx("div",{className:"p-x24",children:s.jsxRuntimeExports.jsx(u.ArrowDown,{color:"primary",className:r.clsx("ui-arrow",{"ui-expanded":!e})})})]}),e&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-exemption p-x24",children:x.map(({label:t,value:m})=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-custom fw-bold text-slate-28",children:t}),s.jsxRuntimeExports.jsx("dd",{className:"fs-custom fw-regular text-slate-28",children:m})]},t))})]});exports.CardExemption=l;
 //# sourceMappingURL=index.cjs64.js.map

package/dist/index.cjs64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs64.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Row } from \"@/components\";\n\ntype CardExemptionProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  exemptionCode: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  exemptionLabel?: string;\n};\n\nexport const CardExemption = ({\n  information = [],\n  className = \"\",\n  exemptionCode,\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  exemptionLabel = \"\",\n}: CardExemptionProps) => {\n  return (\n    <div className={\"rounded shadow w-full\"}>\n      <button\n        className={clsx(\n          hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion-exemption\",\n          className,\n        )}\n        type=\"button\"\n        onClick={onToggle}\n      >\n        <Row\n          gap={\"x24\"}\n          p={\"x24\"}\n          justifyContent={\"center\"}\n          alignItems={\"center\"}\n        >\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\n            {exemptionCode}\n          </h3>\n          <span className=\"ui-divider\"></span>\n\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n            {exemptionLabel}\n          </p>\n        </Row>\n        <div className={\"p-x24\"}>\n          <ArrowDown\n            color=\"primary\"\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\n          />\n        </div>\n      </button>\n      {isOpen && (\n        <dl className=\"ui-card-exemption p-x24\">\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt className=\"fs-custom fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-custom fw-regular text-slate-28\">{value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  );\n};\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":"mPAgBaA,EAAgB,CAAC,CAC5B,YAAAC,EAAc,CAAC,EACf,UAAAC,EAAY,GACZ,cAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,eAAAC,EAAiB,EACnB,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,wBACd,SAAA,CAAAA,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTH,GAAa,uBACb,6BACAJ,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAAAG,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,IAAK,MACL,EAAG,MACH,eAAgB,SAChB,WAAY,SAEZ,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,8CACX,SACHR,EAAA,EACAQ,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,YAAa,CAAA,EAE5BA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,sCACX,SACHJ,CAAA,CAAA,CAAA,CAAA,CACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,QACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWH,EAAAA,KAAK,WAAY,CAAE,cAAeL,CAAQ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CACF,EACCA,GACCO,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,0BACX,SAAAV,EAAY,IAAI,CAAC,CAAE,MAAAY,EAAO,MAAAC,CAAM,6BAC9B,MACC,CAAA,SAAA,CAACH,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,kCAAmC,SAAME,EAAA,EACtDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMG,CAAA,CAAA,CAAA,CAFlD,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs64.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Row } from \"@/components\";\n\ntype CardExemptionProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  exemptionCode: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  exemptionLabel?: string;\n};\n\nexport const CardExemption = ({\n  information = [],\n  className = \"\",\n  exemptionCode,\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  exemptionLabel = \"\",\n}: CardExemptionProps) => {\n  return (\n    <div className={\"rounded shadow w-full\"}>\n      <button\n        className={clsx(\n          hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion-exemption\",\n          className,\n        )}\n        type=\"button\"\n        onClick={onToggle}\n      >\n        <Row\n          gap={\"x24\"}\n          p={\"x24\"}\n          justifyContent={\"center\"}\n          alignItems={\"center\"}\n        >\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\n            {exemptionCode}\n          </h3>\n          <span className=\"ui-divider\"></span>\n\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n            {exemptionLabel}\n          </p>\n        </Row>\n        <div className={\"p-x24\"}>\n          <ArrowDown\n            color=\"primary\"\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": !isOpen })}\n          />\n        </div>\n      </button>\n      {isOpen && (\n        <dl className=\"ui-card-exemption p-x24\">\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt className=\"fs-custom fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-custom fw-regular text-slate-28\">{value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  );\n};\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":"mPAgBaA,EAAgB,CAAC,CAC5B,YAAAC,EAAc,CAAC,EACf,UAAAC,EAAY,GACZ,cAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,eAAAC,EAAiB,EACnB,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,wBACd,SAAA,CAAAA,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTH,GAAa,uBACb,6BACAJ,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAAAG,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,IAAK,MACL,EAAG,MACH,eAAgB,SAChB,WAAY,SAEZ,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,8CACX,SACHR,EAAA,EACAQ,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,YAAa,CAAA,EAE5BA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,sCACX,SACHJ,CAAA,CAAA,CAAA,CAAA,CACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,QACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWH,EAAAA,KAAK,WAAY,CAAE,cAAe,CAACL,CAAQ,CAAA,CAAA,CAAA,CAE1D,CAAA,CAAA,CAAA,CACF,EACCA,GACCO,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,0BACX,SAAAV,EAAY,IAAI,CAAC,CAAE,MAAAY,EAAO,MAAAC,CAAM,6BAC9B,MACC,CAAA,SAAA,CAACH,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,kCAAmC,SAAME,EAAA,EACtDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMG,CAAA,CAAA,CAAA,CAFlD,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,EAEJ"}

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs227.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.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs228.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs227.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs228.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs227.js"),j=require("./index.cjs229.js"),R=require("./index.cjs230.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs228.js"),j=require("./index.cjs227.js"),R=require("./index.cjs230.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.es212.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es214.js";
-import { createSpacingClasses as g } from "./index.es227.js";
-import { createColorClasses as j } from "./index.es229.js";
+import { createSpacingClasses as g } from "./index.es228.js";
+import { createColorClasses as j } from "./index.es227.js";
 import { createTypographyClasses as u } from "./index.es230.js";
 const M = ({
   as: o,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Checkbox as u, CheckboxIndicator as b } from "./index.es255.js";
+import { Root as u, Indicator as g } from "./index.es255.js";
 import { Row as t } from "./index.es9.js";
 import { Col as l } from "./index.es10.js";
 const y = ({
@@ -59,7 +59,7 @@ const y = ({
             id: a,
             checked: i,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(j, {}) })
+            children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(j, {}) })
           }
         ),
         /* @__PURE__ */ e.jsxs(

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es133.js

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

package/dist/index.es134.js

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

package/dist/index.es135.js

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

package/dist/index.es136.js

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

package/dist/index.es137.js

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

package/dist/index.es138.js

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

package/dist/index.es139.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es168.js

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

package/dist/index.es170.js

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

package/dist/index.es171.js

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

package/dist/index.es172.js

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

package/dist/index.es173.js

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

package/dist/index.es174.js

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

package/dist/index.es175.js

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

package/dist/index.es176.js

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

package/dist/index.es178.js

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

package/dist/index.es179.js

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

package/dist/index.es180.js

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

package/dist/index.es181.js

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

package/dist/index.es182.js

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

package/dist/index.es183.js

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