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

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          >\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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"}
+{"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,

package/dist/index.es204.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 w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es205.js

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

package/dist/index.es206.js

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

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as a } 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: o = 24,
   height: r = 24,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as a } 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: r = 24,
   height: e = 24,

package/dist/index.es209.js

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

package/dist/index.es21.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es230.js";
 import { BaseModal as i } from "./index.es30.js";
-import { clsx as s } from "./index.es233.js";
+import { clsx as s } from "./index.es232.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es257.js";
-import { AddNewModalContent as p } from "./index.es258.js";
-import { AddNewModalFooter as n } from "./index.es259.js";
+import { AddNewModalHeader as l } from "./index.es289.js";
+import { AddNewModalContent as p } from "./index.es290.js";
+import { AddNewModalFooter as n } from "./index.es291.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as c } 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 f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es211.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 v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as e } 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: l = 32,
   height: s = 32,

package/dist/index.es213.js

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

package/dist/index.es214.js

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

package/dist/index.es215.js

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

package/dist/index.es216.js

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

package/dist/index.es22.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es230.js";
-import { clsx as o } from "./index.es233.js";
+import { clsx as o } from "./index.es232.js";
 import { Col as c } from "./index.es59.js";
 import { Row as e } from "./index.es114.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es222.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es230.js";
-import { clsx as d } from "./index.es233.js";
-import { createColorClasses as h } from "./index.es270.js";
+import { clsx as d } from "./index.es232.js";
+import { createColorClasses as h } from "./index.es263.js";
 import { useId as x } from "react";
 const w = ({
   width: e = 73,

package/dist/index.es224.js

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

package/dist/index.es225.js

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

package/dist/index.es226.js

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

package/dist/index.es227.js

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

package/dist/index.es228.js

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

package/dist/index.es229.js

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

package/dist/index.es232.js

@@ -1,25 +1,18 @@
-import { j as m } from "./index.es230.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es233.js";
-const i = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "span",
-    {
-      className: n("ui-breadcrumb-item", {
-        "active text-slate-20 fw-semibold": t,
-        "text-slate-28": !t
-      }),
-      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
-    }
-  );
-};
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  i as BreadcrumbItem
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=index.es232.js.map

package/dist/index.es232.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es232.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es232.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es233.js

@@ -1,18 +1,6 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import { __require as r } from "./index.es444.js";
+var a = r();
 export {
-  i as clsx,
-  i as default
+  a as l
 };
 //# sourceMappingURL=index.es233.js.map

package/dist/index.es233.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es233.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es233.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es24.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es230.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es262.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es294.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es205.js";
 import { CheckCircle as u } from "./index.es213.js";

package/dist/index.es241.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./index.es445.js";
+import { __require as o } from "./index.es447.js";
+var e = o();
+const a = /* @__PURE__ */ r(e);
+export {
+  a as default
+};
+//# sourceMappingURL=index.es241.js.map

package/dist/index.es241.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es241.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}