@anoki/fse-ui 1.0.0-beta1.44.21 → 1.0.0-beta1.44.22

package/dist/index.cjs590.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs590.js","sources":["../src/components/ui/card/CardRoot.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport function CardRoot({ children }: PropsWithChildren) {\n  return (\n    <article className=\"shadow rounded h-100 w-100 bg-white d-flex flex-column\">\n      {children}\n    </article>\n  );\n}\n"],"names":["CardRoot","children","jsx"],"mappings":"qHAEgB,SAAAA,EAAS,CAAE,SAAAC,GAA+B,CACxD,OACGC,EAAAA,kBAAAA,IAAA,UAAA,CAAQ,UAAU,yDAChB,SAAAD,CACH,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs590.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}

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

package/dist/index.cjs64.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs240.js"),i=require("./index.cjs269.js"),x=require("./index.cjs242.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.cjs240.js"),i=require("./index.cjs271.js"),x=require("./index.cjs242.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.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs240.js"),o=require("react"),a=require("./index.cjs242.js"),u=require("./index.cjs270.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.cjs240.js"),o=require("react"),a=require("./index.cjs242.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;
 //# 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.cjs240.js"),s=require("react"),x=require("./index.cjs242.js"),C=require("./index.cjs270.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.cjs240.js"),s=require("react"),x=require("./index.cjs242.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;
 //# 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.cjs240.js"),m=require("react"),q=require("./index.cjs242.js"),x=require("./index.cjs270.js"),j=require("./index.cjs269.js"),R=require("./index.cjs272.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.cjs240.js"),m=require("react"),q=require("./index.cjs242.js"),x=require("./index.cjs269.js"),j=require("./index.cjs271.js"),R=require("./index.cjs272.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.es240.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es242.js";
-import { createSpacingClasses as g } from "./index.es270.js";
-import { createColorClasses as j } from "./index.es269.js";
+import { createSpacingClasses as g } from "./index.es269.js";
+import { createColorClasses as j } from "./index.es271.js";
 import { createTypographyClasses as u } from "./index.es272.js";
 const M = ({
   as: o,

package/dist/index.es136.js

@@ -3,32 +3,32 @@ import { Col as n } from "./index.es10.js";
 import "./index.es.js";
 import { Divider as p } from "./index.es279.js";
 import './components/ui/CardBanner/CardBanner.css';/* empty css            */
-import { Row as s } from "./index.es9.js";
+import { Row as x } from "./index.es9.js";
 import { ArrowLink as o } from "./index.es42.js";
 import { ActionIconText as a } from "./index.es67.js";
-const w = ({
+const b = ({
   actions: r,
-  description: t,
-  title: l,
-  link: x,
+  description: l,
+  title: t,
+  link: s,
   firstStatusLabel: i,
   secondStatusLabel: d
 }) => /* @__PURE__ */ e.jsxs(n, { className: "ui-card-banner", py: "x24", children: [
-  /* @__PURE__ */ e.jsxs(s, { gap: "x16", px: "x24", children: [
+  /* @__PURE__ */ e.jsxs(x, { gap: "x16", px: "x24", children: [
     i && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-blue-15 rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: i }) }),
-    d && /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-status-muted rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: d }) })
+    d && /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-status-secondary rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: d }) })
   ] }),
   /* @__PURE__ */ e.jsxs(n, { px: "x24", gap: "x16", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "title ", children: l }),
-    /* @__PURE__ */ e.jsx("p", { className: "description", children: t }),
-    !!x && /* @__PURE__ */ e.jsx(s, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(o, { href: x.link, isExternal: x.isExternal, children: x.title }) })
+    /* @__PURE__ */ e.jsx("h3", { className: "title ", children: t }),
+    /* @__PURE__ */ e.jsx("p", { className: "description", children: l }),
+    !!s && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(o, { href: s.link, isExternal: s.isExternal, children: s.title }) })
   ] }),
   !!r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(p, { bg: "border-divider", className: "my-x24" }),
-    /* @__PURE__ */ e.jsx(s, { justifyContent: "flex-end", gap: "x16", px: "x24", children: r == null ? void 0 : r.map((m) => /* @__PURE__ */ e.jsx(a, { ...m })) })
+    /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", gap: "x16", px: "x24", children: r == null ? void 0 : r.map((m) => /* @__PURE__ */ e.jsx(a, { ...m })) })
   ] })
 ] });
 export {
-  w as CardBanner
+  b as CardBanner
 };
 //# sourceMappingURL=index.es136.js.map

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\">\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-blue-15 rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"  px-x16 py-x4 bg-status-muted rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title \">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end\">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row justifyContent=\"flex-end\" gap=\"x16\" px=\"x24\">\n            {actions?.map((action) => <ActionIconText {...action} />)}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,KAAK,OAAO,IAAG,OACjB,UAAA;AAAA,IACCJ,KAAAK,gBAAAA,EAAA,IAAC,SAAI,WAAW,oCACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEI,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,2CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAJ,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCC,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,UAAU,UAAMP,GAAA;AAAA,IAC7BO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYR,GAAA;AAAA,IACvC,CAAC,CAACE,KACAM,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,YAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMP,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECM,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,0BAC/CJ,GAAI,EAAA,gBAAe,YAAW,KAAI,OAAM,IAAG,OACzC,UAASR,KAAA,gBAAAA,EAAA,IAAI,CAACa,MAAWJ,gBAAAA,EAAA,IAACK,KAAgB,GAAGD,EAAQ,CAAA,GACxD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\">\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-blue-15 rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"  px-x16 py-x4 bg-status-secondary rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title \">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end\">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row justifyContent=\"flex-end\" gap=\"x16\" px=\"x24\">\n            {actions?.map((action) => <ActionIconText {...action} />)}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,KAAK,OAAO,IAAG,OACjB,UAAA;AAAA,IACCJ,KAAAK,gBAAAA,EAAA,IAAC,SAAI,WAAW,oCACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEI,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAJ,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCC,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,UAAU,UAAMP,GAAA;AAAA,IAC7BO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYR,GAAA;AAAA,IACvC,CAAC,CAACE,KACAM,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,YAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMP,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECM,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,0BAC/CJ,GAAI,EAAA,gBAAe,YAAW,KAAI,OAAM,IAAG,OACzC,UAASR,KAAA,gBAAAA,EAAA,IAAI,CAACa,MAAWJ,gBAAAA,EAAA,IAACK,KAAgB,GAAGD,EAAQ,CAAA,GACxD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GAEJ;"}

package/dist/index.es155.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es159.js

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

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

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

package/dist/index.es168.js

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

package/dist/index.es169.js

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

package/dist/index.es170.js

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

package/dist/index.es171.js

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

package/dist/index.es172.js

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

package/dist/index.es173.js

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

package/dist/index.es174.js

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

package/dist/index.es175.js

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

package/dist/index.es176.js

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

package/dist/index.es177.js

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

package/dist/index.es181.js

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

package/dist/index.es182.js

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

package/dist/index.es183.js

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

package/dist/index.es185.js

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

package/dist/index.es186.js

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

package/dist/index.es187.js

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

package/dist/index.es188.js

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

package/dist/index.es189.js

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

package/dist/index.es190.js

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

package/dist/index.es191.js

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

package/dist/index.es192.js

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

package/dist/index.es193.js

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

package/dist/index.es195.js

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

package/dist/index.es196.js

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

package/dist/index.es197.js

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

package/dist/index.es198.js

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

package/dist/index.es199.js

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

package/dist/index.es200.js

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

package/dist/index.es201.js

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

package/dist/index.es204.js

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

package/dist/index.es205.js

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

package/dist/index.es206.js

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

package/dist/index.es207.js

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

package/dist/index.es208.js

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

package/dist/index.es209.js

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

package/dist/index.es210.js

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

package/dist/index.es211.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es240.js";
-import { createColorClasses as H } from "./index.es269.js";
+import { createColorClasses as H } from "./index.es271.js";
 import { clsx as V } from "./index.es242.js";
 const c = ({
   width: r = 32,

package/dist/index.es217.js

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

package/dist/index.es219.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es240.js";
 import { clsx as n } from "./index.es242.js";
-import { createColorClasses as x } from "./index.es269.js";
+import { createColorClasses as x } from "./index.es271.js";
 const m = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es220.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es240.js";
-import { createColorClasses as m } from "./index.es269.js";
+import { createColorClasses as m } from "./index.es271.js";
 import { clsx as n } from "./index.es242.js";
 const x = ({
   width: o = 24,