@anoki/fse-ui 2.3.0-12-SNAPSHOT2 → 2.3.0-12-SNAPSHOT3

package/dist/index.es11.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es248.js";
-import { Container as u } from "./index.es66.js";
+import { Container as f } from "./index.es66.js";
 import { clsx as i } from "./index.es250.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as j } from "./index.es118.js";
@@ -7,23 +7,25 @@ const w = ({
   as: a = "div",
   className: o,
   containerClassName: c = "bg-slate-20",
-  hasContainer: x = !0,
-  display: t,
-  justifyContent: e,
+  hasContainer: p = !0,
+  display: e,
+  justifyContent: t,
   alignItems: n,
   flexWrap: m,
-  children: s
+  children: s,
+  variant: x = "default"
 }) => {
-  const p = a, l = () => x ? /* @__PURE__ */ r.jsx(
-    u,
+  const l = a, u = () => p ? /* @__PURE__ */ r.jsx(
+    f,
     {
       containerClass: "ui-container",
       className: i(
         "min-h-x48 base-row align-items-center py-x12",
-        o
+        o,
+        x === "operator" && "ui-hslim-menu--operator"
       ),
-      display: t,
-      justifyContent: e,
+      display: e,
+      justifyContent: t,
       alignItems: n,
       flexWrap: m,
       children: s
@@ -35,15 +37,15 @@ const w = ({
       py: "x12",
       className: i("min-h-x48 ", o),
       style: {
-        display: t,
-        justifyContent: e,
+        display: e,
+        justifyContent: t,
         alignItems: n,
         flexWrap: m
       },
       children: s
     }
   );
-  return /* @__PURE__ */ r.jsx(p, { className: c, children: l() });
+  return /* @__PURE__ */ r.jsx(l, { className: c, children: u() });
 };
 export {
   w as HeaderSlim

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/navigations/HeaderSlim/index.tsx"],"sourcesContent":["import { Container } from \"@/components/ui/Container\";\r\nimport { SpacingProps } from \"@/theme/spacing\";\r\nimport { CSSProperties } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\nimport \"./HeaderSlim.scss\";\r\n\r\ntype HeaderSlimProps = {\r\n  as?: \"div\" | \"header\";\r\n  className?: string;\r\n  containerClassName?: string;\r\n  hasContainer?: boolean;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n  children: React.ReactNode;\r\n} & SpacingProps;\r\n\r\nexport const HeaderSlim = ({\r\n  as = \"div\",\r\n  className,\r\n  containerClassName = \"bg-slate-20\",\r\n  hasContainer = true,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  children,\r\n}: HeaderSlimProps) => {\r\n  const Component = as;\r\n  const containerComponent = () => {\r\n    if (hasContainer) {\r\n      return (\r\n        <Container\r\n          containerClass={\"ui-container\"}\r\n          className={clsx(\r\n            \"min-h-x48 base-row align-items-center py-x12\",\r\n            className,\r\n          )}\r\n          display={display}\r\n          justifyContent={justifyContent}\r\n          alignItems={alignItems}\r\n          flexWrap={flexWrap}\r\n        >\r\n          {children}\r\n        </Container>\r\n      );\r\n    }\r\n    return (\r\n      <Row\r\n        alignItems={\"center\"}\r\n        py={\"x12\"}\r\n        className={clsx(\"min-h-x48 \", className)}\r\n        style={{\r\n          display,\r\n          justifyContent,\r\n          alignItems,\r\n          flexWrap,\r\n        }}\r\n      >\r\n        {children}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  return <Component className={containerClassName}>{containerComponent()}</Component>;\r\n};\r\n"],"names":["HeaderSlim","as","className","containerClassName","hasContainer","display","justifyContent","alignItems","flexWrap","children","Component","containerComponent","jsx","Container","clsx","Row"],"mappings":";;;;;AAmBO,MAAMA,IAAa,CAAC;AAAA,EACzB,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAMC,IAAYT,GACZU,IAAqB,MACrBP,IAEAQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAWC;AAAA,QACT;AAAA,QACAZ;AAAA,MAAA;AAAA,MAEF,SAAAG;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA,IAKLG,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,WAAWD,EAAK,cAAcZ,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,SAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAKP,SAAOG,gBAAAA,EAAAA,IAACF,GAAA,EAAU,WAAWP,GAAqB,eAAqB;AACzE;"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/navigations/HeaderSlim/index.tsx"],"sourcesContent":["import { Container } from \"@/components/ui/Container\";\r\nimport { SpacingProps } from \"@/theme/spacing\";\r\nimport { CSSProperties } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\nimport \"./HeaderSlim.scss\";\r\nimport { WithVariant } from \"@/types/variant\";\r\n\r\ntype HeaderSlimProps = {\r\n  as?: \"div\" | \"header\";\r\n  className?: string;\r\n  containerClassName?: string;\r\n  hasContainer?: boolean;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n  children: React.ReactNode;\r\n} & SpacingProps;\r\n\r\nexport const HeaderSlim = ({\r\n  as = \"div\",\r\n  className,\r\n  containerClassName = \"bg-slate-20\",\r\n  hasContainer = true,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  children,\r\n  variant = \"default\"\r\n}: WithVariant<HeaderSlimProps>) => {\r\n  const Component = as;\r\n  const containerComponent = () => {\r\n    if (hasContainer) {\r\n      return (\r\n        <Container\r\n          containerClass={\"ui-container\"}\r\n          className={clsx(\r\n            \"min-h-x48 base-row align-items-center py-x12\",\r\n            className,\r\n            variant === 'operator' && \"ui-hslim-menu--operator\"\r\n          )}\r\n          display={display}\r\n          justifyContent={justifyContent}\r\n          alignItems={alignItems}\r\n          flexWrap={flexWrap}\r\n        >\r\n          {children}\r\n        </Container>\r\n      );\r\n    }\r\n    return (\r\n      <Row\r\n        alignItems={\"center\"}\r\n        py={\"x12\"}\r\n        className={clsx(\"min-h-x48 \", className)}\r\n        style={{\r\n          display,\r\n          justifyContent,\r\n          alignItems,\r\n          flexWrap,\r\n        }}\r\n      >\r\n        {children}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  return <Component className={containerClassName}>{containerComponent()}</Component>;\r\n};\r\n"],"names":["HeaderSlim","as","className","containerClassName","hasContainer","display","justifyContent","alignItems","flexWrap","children","variant","Component","containerComponent","jsx","Container","clsx","Row"],"mappings":";;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAoC;AAClC,QAAMC,IAAYV,GACZW,IAAqB,MACrBR,IAEAS,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAWC;AAAA,QACT;AAAA,QACAb;AAAA,QACAQ,MAAY,cAAc;AAAA,MAAA;AAAA,MAE5B,SAAAL;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA,IAKLI,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,WAAWD,EAAK,cAAcb,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,SAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAKP,SAAOI,gBAAAA,EAAAA,IAACF,GAAA,EAAU,WAAWR,GAAqB,eAAqB;AACzE;"}

package/dist/index.es118.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es248.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es250.js";
 import { createSpacingClasses as j } from "./index.es368.js";
-import { createColorClasses as u } from "./index.es321.js";
+import { createColorClasses as u } from "./index.es284.js";
 import { createTypographyClasses as h } from "./index.es369.js";
 const E = ({
   as: o,

package/dist/index.es121.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es248.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es250.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es291.js";
+import { useMediaQuery as Q } from "./index.es292.js";
 import { Close as S } from "./index.es185.js";
 import { Col as A } from "./index.es62.js";
 import { Button as D } from "./index.es32.js";

package/dist/index.es123.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es248.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es250.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es291.js";
+import { useMediaQuery as N } from "./index.es292.js";
 import { Close as I } from "./index.es185.js";
 import { Col as y } from "./index.es62.js";
 import { Button as L } from "./index.es32.js";

package/dist/index.es133.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es248.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es291.js";
+import { useMediaQueryV2 as T } from "./index.es292.js";
 import { clsx as u } from "./index.es250.js";
 import { Row as C } from "./index.es118.js";
 import { ArrowDown as H } from "./index.es170.js";

package/dist/index.es139.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es248.js";
-import { d as l } from "./index.es302.js";
+import { d as l } from "./index.es303.js";
 import { DateTime as m } from "./index.es3.js";
 import { ArrowLink as h } from "./index.es25.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es248.js";
 import { useState as p } from "react";
-import { StepItem as S } from "./index.es297.js";
+import { StepItem as S } from "./index.es298.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import f from "./index.es299.js";
+import f from "./index.es300.js";
 import { SectionHeading as j } from "./index.es125.js";
 const b = ({
   steps: s,

package/dist/index.es16.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es300.js";
+import { StepItemGenericAccordion as m } from "./index.es301.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es125.js";
 const S = ({

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as d } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es17.js

@@ -1,10 +1,10 @@
 import { j as r } from "./index.es248.js";
-import { d as p } from "./index.es302.js";
+import { d as p } from "./index.es303.js";
 import { useId as g } from "react";
 import { ArrowLink as k } from "./index.es25.js";
 import { Button as h } from "./index.es32.js";
 import { SvgIcon as A } from "./index.es129.js";
-import { F as I } from "./index.es303.js";
+import { F as I } from "./index.es304.js";
 import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
 import { Shape as T } from "./index.es230.js";
 import { ExternalLink as x } from "./index.es203.js";

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const c = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as f } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as p } from "./index.es321.js";
+import { createColorClasses as p } from "./index.es284.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es174.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es248.js";
-import { createColorClasses as a } from "./index.es321.js";
+import { createColorClasses as a } from "./index.es284.js";
 import { clsx as V } from "./index.es250.js";
 const d = ({
   width: e = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as V } from "./index.es250.js";
-import { createColorClasses as o } from "./index.es321.js";
+import { createColorClasses as o } from "./index.es284.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es177.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es248.js";
-import { createColorClasses as H } from "./index.es321.js";
+import { createColorClasses as H } from "./index.es284.js";
 import { clsx as V } from "./index.es250.js";
 const c = ({
   width: o = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es321.js";
+import { createColorClasses as c } from "./index.es284.js";
 const h = ({
   width: s = 36,
   height: l = 36,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as c } from "./index.es250.js";
-import { createColorClasses as t } from "./index.es321.js";
+import { createColorClasses as t } from "./index.es284.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es18.js

@@ -2,7 +2,7 @@ import { j as t } from "./index.es248.js";
 import { clsx as C } from "./index.es250.js";
 import u, { useMemo as B } from "react";
 import { InfoPopup as N } from "./index.es104.js";
-import "./index.es305.js";
+import "./index.es306.js";
 import { Favourite as n } from "./index.es204.js";
 import { Row as i } from "./index.es118.js";
 const S = ({

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { clsx as l } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es321.js";
+import { createColorClasses as c } from "./index.es284.js";
 const x = ({
   width: e = 14,
   height: r = 14,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es321.js";
+import { createColorClasses as c } from "./index.es284.js";
 const d = ({
   width: s = 14,
   height: r = 14,

package/dist/index.es182.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es248.js";
-import { createColorClasses as c } from "./index.es321.js";
+import { createColorClasses as c } from "./index.es284.js";
 import { clsx as f } from "./index.es250.js";
 const p = ({
   width: r = 24,

package/dist/index.es183.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es248.js";
-import { createColorClasses as C } from "./index.es321.js";
+import { createColorClasses as C } from "./index.es284.js";
 import { clsx as c } from "./index.es250.js";
 const p = ({
   width: l = 24,

package/dist/index.es184.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es248.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 import { clsx as c } from "./index.es250.js";
 const f = ({
   width: o = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { clsx as n } from "./index.es250.js";
-import { createColorClasses as x } from "./index.es321.js";
+import { createColorClasses as x } from "./index.es284.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as l } from "./index.es321.js";
+import { createColorClasses as l } from "./index.es284.js";
 const C = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es189.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es248.js";
-import { createColorClasses as a } from "./index.es321.js";
+import { createColorClasses as a } from "./index.es284.js";
 import { clsx as d } from "./index.es250.js";
 const m = ({
   width: o = 27,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as t } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as c } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as t } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as o } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es321.js";
+import { createColorClasses as d } from "./index.es284.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es196.js

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

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { clsx as p } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es248.js";
 import { clsx as c } from "./index.es250.js";
-import { createColorClasses as y } from "./index.es321.js";
+import { createColorClasses as y } from "./index.es284.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as t } from "./index.es321.js";
+import { createColorClasses as t } from "./index.es284.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as v } from "./index.es321.js";
+import { createColorClasses as v } from "./index.es284.js";
 const x = ({
   width: r = 18,
   height: i = 18,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es204.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es248.js";
 import { clsx as n } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es321.js";
+import { createColorClasses as d } from "./index.es284.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as e } from "./index.es250.js";
-import { createColorClasses as x } from "./index.es321.js";
+import { createColorClasses as x } from "./index.es284.js";
 const n = ({
   width: t = 44,
   height: a = 44,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as t } from "./index.es250.js";
-import { createColorClasses as M } from "./index.es321.js";
+import { createColorClasses as M } from "./index.es284.js";
 const o = ({
   width: v = 263,
   height: m = 40,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es248.js";
 import { clsx as t } from "./index.es250.js";
-import { createColorClasses as s } from "./index.es321.js";
+import { createColorClasses as s } from "./index.es284.js";
 const f = ({
   width: h = 137,
   height: V = 40,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as a } from "./index.es321.js";
+import { createColorClasses as a } from "./index.es284.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es21.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es248.js";
 import { BaseModal as i } from "./index.es30.js";
 import { clsx as s } from "./index.es250.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es309.js";
-import { AddNewModalContent as p } from "./index.es310.js";
-import { AddNewModalFooter as n } from "./index.es311.js";
+import { AddNewModalHeader as l } from "./index.es310.js";
+import { AddNewModalContent as p } from "./index.es311.js";
+import { AddNewModalFooter as n } from "./index.es312.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as z } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es321.js";
+import { createColorClasses as d } from "./index.es284.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es248.js";
 import { clsx as v } from "./index.es250.js";
-import { createColorClasses as t } from "./index.es321.js";
+import { createColorClasses as t } from "./index.es284.js";
 const d = ({
   width: h = 181,
   height: V = 40,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as v } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es214.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as C } from "./index.es250.js";
-import { createColorClasses as f } from "./index.es321.js";
+import { createColorClasses as f } from "./index.es284.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es215.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as o } from "./index.es250.js";
-import { createColorClasses as v } from "./index.es321.js";
+import { createColorClasses as v } from "./index.es284.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es218.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as t } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es219.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as r } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es221.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as v } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es321.js";
+import { createColorClasses as d } from "./index.es284.js";
 const M = ({
   width: e = 32,
   height: a = 32,