@anoki/fse-ui 2.2.0-3-SNAPSHOT2 → 2.2.0-3-SNAPSHOT4

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as i } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as i } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es230.js";
-import { clsx as n } from "./index.es233.js";
-import { createColorClasses as x } from "./index.es270.js";
+import { clsx as n } from "./index.es232.js";
+import { createColorClasses as x } from "./index.es263.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es230.js";
-import { clsx as p } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as p } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es230.js";
-import { clsx as c } from "./index.es233.js";
-import { createColorClasses as y } from "./index.es270.js";
+import { clsx as c } from "./index.es232.js";
+import { createColorClasses as y } from "./index.es263.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
-import { createColorClasses as t } from "./index.es270.js";
+import { clsx as i } from "./index.es232.js";
+import { createColorClasses as t } from "./index.es263.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es230.js";
-import { clsx as q } from "./index.es233.js";
-import { createColorClasses as M } from "./index.es270.js";
+import { clsx as q } from "./index.es232.js";
+import { createColorClasses as M } from "./index.es263.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es230.js";
-import { clsx as s } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as s } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
-import { createColorClasses as a } from "./index.es270.js";
+import { clsx as i } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es263.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as r } from "./index.es233.js";
-import { createColorClasses as o } from "./index.es270.js";
+import { clsx as r } from "./index.es232.js";
+import { createColorClasses as o } from "./index.es263.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es17.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es230.js";
-import { d as m } from "./index.es250.js";
+import { d as m } from "./index.es282.js";
 import { ArrowLink as N } from "./index.es25.js";
 import { Button as u } from "./index.es32.js";
 import { SvgIcon as E } from "./index.es125.js";
-import { F as v } from "./index.es251.js";
+import { F as v } from "./index.es283.js";
 import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
 import { Shape as w } from "./index.es194.js";
 import { ExternalLink as p } from "./index.es160.js";

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as z } from "./index.es233.js";
-import { createColorClasses as d } from "./index.es270.js";
+import { clsx as z } from "./index.es232.js";
+import { createColorClasses as d } from "./index.es263.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as t } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as t } from "./index.es263.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as o } from "./index.es233.js";
-import { createColorClasses as v } from "./index.es270.js";
+import { clsx as o } from "./index.es232.js";
+import { createColorClasses as v } from "./index.es263.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as t } from "./index.es233.js";
-import { createColorClasses as i } from "./index.es270.js";
+import { clsx as t } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es263.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es230.js";
-import { clsx as f } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as f } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const c = ({
   width: l = 24,
   height: t = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as v } from "./index.es233.js";
-import { createColorClasses as i } from "./index.es270.js";
+import { clsx as v } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es230.js";
-import { clsx as V } from "./index.es233.js";
-import { createColorClasses as o } from "./index.es270.js";
+import { clsx as V } from "./index.es232.js";
+import { createColorClasses as o } from "./index.es263.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es230.js";
-import { clsx as t } from "./index.es233.js";
-import { createColorClasses as i } from "./index.es270.js";
+import { clsx as t } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es230.js";
-import { clsx as c } from "./index.es233.js";
-import { createColorClasses as i } from "./index.es270.js";
+import { clsx as c } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es263.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es18.js

@@ -1,88 +1,90 @@
 import { j as t } from "./index.es230.js";
-import { clsx as N } from "./index.es233.js";
-import w, { useMemo as B } from "react";
-import { InfoPopup as n } from "./index.es101.js";
-import "./index.es253.js";
-import { Favourite as u } from "./index.es186.js";
+import { clsx as N } from "./index.es232.js";
+import u, { useMemo as B } from "react";
+import { InfoPopup as f } from "./index.es101.js";
+import "./index.es285.js";
+import { Favourite as n } from "./index.es186.js";
 import { Row as i } from "./index.es114.js";
 const S = ({
   iconColor: m,
-  icon: c = /* @__PURE__ */ t.jsx(u, { color: m }),
-  noIcon: a = !1,
-  textLabel: L = "Default text",
-  handleAction: f = () => {
+  icon: c = /* @__PURE__ */ t.jsx(n, { color: m }),
+  noIcon: l = !1,
+  textLabel: w = "Default text",
+  handleAction: h = () => {
   },
   handleIconAction: k = () => {
   },
-  classNameComponent: O = "fs-7",
-  classNameText: R = "",
+  classNameComponent: L = "fs-7",
+  classNameText: O = "",
   disablePointer: x = !1,
-  iconPosition: r = "left",
+  iconPosition: s = "left",
   popupInfo: e,
   positionPopUp: C = "right",
-  justifyContent: b = "center",
-  alignItems: h = "center",
-  children: j = void 0
+  justifyContent: R = "center",
+  alignItems: b = "center",
+  children: d = void 0
 }) => {
-  const g = (s) => {
-    !x && k && (s.stopPropagation(), e && d(!l), k());
-  }, [l, d] = w.useState(!1), v = B(() => c || /* @__PURE__ */ t.jsx(u, { color: m }), [m, c]);
+  const j = (r) => {
+    !x && k && (r.stopPropagation(), e && g(!a), k());
+  }, [a, g] = u.useState(!1), v = B(() => c || /* @__PURE__ */ t.jsx(n, { color: m }), [m, c]);
   return /* @__PURE__ */ t.jsxs(
     i,
     {
-      justifyContent: b,
-      alignItems: h,
+      justifyContent: R,
+      alignItems: b,
       gap: "x8",
       className: N(
         "position-relative",
         x ? "text-muted" : "cursor-pointer text-primary",
-        O
+        L
       ),
-      onClick: () => f && !x && f(),
+      onClick: () => h && !x && h(),
       children: [
-        !a && (r === "left" || r == null) && !e ? /* @__PURE__ */ t.jsx(i, { alignItems: "center", onClick: (s) => g(s), children: v }) : e && !a && (r === "left" || r == null) && /* @__PURE__ */ t.jsx(
-          n,
+        !l && (s === "left" || s == null) && !e ? /* @__PURE__ */ t.jsx(i, { alignItems: "center", onClick: (r) => j(r), children: v }) : e && !l && (s === "left" || s == null) && /* @__PURE__ */ t.jsx(
+          f,
           {
             title: e.title,
             description: e.description,
-            isOpen: l,
+            isOpen: a,
             positionPopUp: C,
-            onClickCloseBtn: () => d(!l),
+            onClickCloseBtn: () => g(!a),
             className: e.className,
-            ariaLabel: e.ariaLabel
+            ariaLabel: e.ariaLabel,
+            width: e.width,
+            children: e.children
           }
         ),
-        /* @__PURE__ */ t.jsx("p", { className: N("fw-bold", R), children: L }),
-        !a && r === "right" && !e ? /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("p", { className: N("fw-bold", O), children: w }),
+        !l && s === "right" && !e ? /* @__PURE__ */ t.jsxs(
           i,
           {
             gap: "x24",
             alignItems: "center",
-            onClick: (s) => g(s),
+            onClick: (r) => j(r),
             children: [
-              j,
+              d,
               c
             ]
           }
-        ) : e && !a && r === "right" && /* @__PURE__ */ t.jsx(
-          n,
+        ) : e && !l && s === "right" && /* @__PURE__ */ t.jsx(
+          f,
           {
             title: e.title,
             description: e.description,
-            isOpen: l,
+            isOpen: a,
             positionPopUp: C,
-            onClickCloseBtn: () => d(!l),
+            onClickCloseBtn: () => g(!a),
             className: e.className,
             ariaLabel: e.ariaLabel
           }
         ),
-        a && j && /* @__PURE__ */ t.jsx(
+        l && d && /* @__PURE__ */ t.jsx(
           i,
           {
             gap: "x24",
             alignItems: "center",
-            onClick: (s) => g(s),
-            children: j
+            onClick: (r) => j(r),
+            children: d
           }
         )
       ]

package/dist/index.es18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es18.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { CSSProperties, useMemo } from \"react\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\r\nimport \"./ActionIconText.scss\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type ActionIconTextProps = PropsWithChildren<{\r\n  icon?: ReactNode;\r\n  noIcon?: boolean;\r\n  textLabel?: string;\r\n  handleAction?: () => void;\r\n  handleIconAction?: () => void;\r\n  classNameComponent?: string;\r\n  classNameText?: string;\r\n  disablePointer?: boolean;\r\n  iconPosition?: \"left\" | \"right\";\r\n  popupInfo?: InfoPopupProps;\r\n  iconColor?: ColorKeys;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const ActionIconText = ({\r\n  iconColor,\r\n  icon = <Favourite color={iconColor} />,\r\n  noIcon = false,\r\n  textLabel = \"Default text\",\r\n  handleAction = () => {},\r\n  handleIconAction = () => {},\r\n  classNameComponent = \"fs-7\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\r\n  positionPopUp = \"right\",\r\n  justifyContent = \"center\",\r\n  alignItems = \"center\",\r\n  children = undefined,\r\n}: ActionIconTextProps) => {\r\n  const runIconAction = (e: React.MouseEvent) => {\r\n    if (!disablePointer && handleIconAction) {\r\n      e.stopPropagation();\r\n      if (popupInfo) {\r\n        setPopupIsOpen(!popupIsOpen);\r\n      }\r\n      handleIconAction();\r\n    }\r\n  };\r\n\r\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\r\n\r\n  const iconToRender = useMemo(() => {\r\n    return icon || <Favourite color={iconColor} />;\r\n  }, [iconColor, icon]);\r\n\r\n  return (\r\n    <Row\r\n      justifyContent={justifyContent}\r\n      alignItems={alignItems}\r\n      gap={\"x8\"}\r\n      className={clsx(\r\n        \"position-relative\",\r\n        disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\r\n        classNameComponent,\r\n      )}\r\n      onClick={() => handleAction && !disablePointer && handleAction()}\r\n    >\r\n      {!noIcon &&\r\n      (iconPosition === \"left\" || iconPosition == null) &&\r\n      !popupInfo ? (\r\n        <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n          {iconToRender}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        (iconPosition === \"left\" || iconPosition == null) && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n            ariaLabel={popupInfo.ariaLabel}\r\n          ></InfoPopup>\r\n        )\r\n      )}\r\n      <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\r\n\r\n      {!noIcon && iconPosition === \"right\" && !popupInfo ? (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n          {icon}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        iconPosition === \"right\" && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n            ariaLabel={popupInfo.ariaLabel}\r\n          ></InfoPopup>\r\n        )\r\n      )}\r\n      {noIcon && children && (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n        </Row>\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","jsxs","Row","clsx","InfoPopup"],"mappings":"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"}
+{"version":3,"file":"index.es18.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { CSSProperties, useMemo } from \"react\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\r\nimport \"./ActionIconText.scss\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type ActionIconTextProps = PropsWithChildren<{\r\n  icon?: ReactNode;\r\n  noIcon?: boolean;\r\n  textLabel?: string;\r\n  handleAction?: () => void;\r\n  handleIconAction?: () => void;\r\n  classNameComponent?: string;\r\n  classNameText?: string;\r\n  disablePointer?: boolean;\r\n  iconPosition?: \"left\" | \"right\";\r\n  popupInfo?: InfoPopupProps;\r\n  iconColor?: ColorKeys;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const ActionIconText = ({\r\n  iconColor,\r\n  icon = <Favourite color={iconColor} />,\r\n  noIcon = false,\r\n  textLabel = \"Default text\",\r\n  handleAction = () => {},\r\n  handleIconAction = () => {},\r\n  classNameComponent = \"fs-7\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\r\n  positionPopUp = \"right\",\r\n  justifyContent = \"center\",\r\n  alignItems = \"center\",\r\n  children = undefined,\r\n}: ActionIconTextProps) => {\r\n  const runIconAction = (e: React.MouseEvent) => {\r\n    if (!disablePointer && handleIconAction) {\r\n      e.stopPropagation();\r\n      if (popupInfo) {\r\n        setPopupIsOpen(!popupIsOpen);\r\n      }\r\n      handleIconAction();\r\n    }\r\n  };\r\n\r\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\r\n\r\n  const iconToRender = useMemo(() => {\r\n    return icon || <Favourite color={iconColor} />;\r\n  }, [iconColor, icon]);\r\n\r\n  return (\r\n    <Row\r\n      justifyContent={justifyContent}\r\n      alignItems={alignItems}\r\n      gap={\"x8\"}\r\n      className={clsx(\r\n        \"position-relative\",\r\n        disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\r\n        classNameComponent,\r\n      )}\r\n      onClick={() => handleAction && !disablePointer && handleAction()}\r\n    >\r\n      {!noIcon &&\r\n      (iconPosition === \"left\" || iconPosition == null) &&\r\n      !popupInfo ? (\r\n        <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n          {iconToRender}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        (iconPosition === \"left\" || iconPosition == null) && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n            ariaLabel={popupInfo.ariaLabel}\r\n            width={popupInfo.width}\r\n          >\r\n            {popupInfo.children}\r\n          </InfoPopup>\r\n        )\r\n      )}\r\n      <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\r\n\r\n      {!noIcon && iconPosition === \"right\" && !popupInfo ? (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n          {icon}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        iconPosition === \"right\" && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n            ariaLabel={popupInfo.ariaLabel}\r\n          ></InfoPopup>\r\n        )\r\n      )}\r\n      {noIcon && children && (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n        </Row>\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","jsxs","Row","clsx","InfoPopup"],"mappings":"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"}

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es230.js";
-import { clsx as v } from "./index.es233.js";
-import { createColorClasses as d } from "./index.es270.js";
+import { clsx as v } from "./index.es232.js";
+import { createColorClasses as d } from "./index.es263.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es181.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
+import { clsx as i } from "./index.es232.js";
 const m = ({
   width: o = 40,
   height: a = 40,

package/dist/index.es182.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es230.js";
-import { clsx as s } from "./index.es233.js";
+import { clsx as s } from "./index.es232.js";
 const n = ({
   width: e = 40,
   height: o = 40,

package/dist/index.es183.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es230.js";
-import { clsx as o } from "./index.es233.js";
+import { clsx as o } from "./index.es232.js";
 const n = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es230.js";
-import { clsx as h } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as h } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es230.js";
-import { clsx as i } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as i } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es230.js";
-import { clsx as n } from "./index.es233.js";
-import { createColorClasses as d } from "./index.es270.js";
+import { clsx as n } from "./index.es232.js";
+import { createColorClasses as d } from "./index.es263.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as t } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as t } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as d } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as d } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es230.js";
-import { clsx as o } from "./index.es233.js";
-import { createColorClasses as d } from "./index.es270.js";
+import { clsx as o } from "./index.es232.js";
+import { createColorClasses as d } from "./index.es263.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es230.js";
-import { clsx as r } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as r } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es230.js";
-import { clsx as a } from "./index.es233.js";
-import { createColorClasses as m } from "./index.es270.js";
+import { clsx as a } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as c } from "./index.es233.js";
-import { createColorClasses as h } from "./index.es270.js";
+import { clsx as c } from "./index.es232.js";
+import { createColorClasses as h } from "./index.es263.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es197.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es230.js";
-import { clsx as n } from "./index.es233.js";
+import { clsx as n } from "./index.es232.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as p } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as p } from "./index.es263.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es20.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es230.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es233.js";
+import { clsx as g } from "./index.es232.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as c } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es263.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es230.js";
-import { clsx as C } from "./index.es233.js";
-import { createColorClasses as f } from "./index.es270.js";
+import { clsx as C } from "./index.es232.js";
+import { createColorClasses as f } from "./index.es263.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es230.js";
-import { clsx as a } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as a } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es230.js";
-import { clsx as m } from "./index.es233.js";
-import { createColorClasses as n } from "./index.es270.js";
+import { clsx as m } from "./index.es232.js";
+import { createColorClasses as n } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: e = 24,