@e1011/es-kit 1.1.46 → 1.1.48

package/dist/hooks/index.css

@@ -1,11 +1,32 @@
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
 }
 
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  width: var(--width) !important;
+  height: var(--height) !important;
+  line-height: 1px !important;
+  background-color: var(--icon-color);
+  color: var(--icon-content-color);
+  background-repeat: no-repeat;
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
+.icon-module_icon-base__S0tHf svg {
+  fill: var(--icon-content-color);
+  width: var(--height);
+  height: var(--width);
 }
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
@@ -40,55 +61,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.icon-module_icon-base-parent__nOMvW {
-  line-height: 1px !important;
-}
-
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  width: var(--width) !important;
-  height: var(--height) !important;
-  line-height: 1px !important;
-  background-color: var(--icon-color);
-  color: var(--icon-content-color);
-  background-repeat: no-repeat;
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
-}
-.icon-module_icon-base__S0tHf svg {
-  fill: var(--icon-content-color);
-  width: var(--height);
-  height: var(--width);
-}
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .field-module_field__UfKm3 {
   opacity: 1;
   pointer-events: auto;
@@ -163,6 +135,34 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;
@@ -432,97 +432,115 @@
   --divider-line: #4a4b4b;
 }
 
-.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
+.tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
   overflow: hidden !important;
 }
 
-.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
+.tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
   white-space: nowrap !important;
 }
 
-.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
+.tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
   text-overflow: ellipsis !important;
 }
 
-.popup-module_popup-container__PJ0oQ {
-  --popup-width: 60vw;
-  --popup-height: 50vh;
+.tooltip-module_popover-tooltip__sAhKa {
   position: fixed;
-  width: var(--popup-width);
-  height: var(--popup-height);
-  --slideXFrom: 0;
-  --slideYFrom: 0;
+  z-index: 999;
   will-change: opacity;
-  transition: opacity 300ms ease-in-out;
+  transition: opacity 450ms ease;
   opacity: 0;
   visibility: hidden;
-  pointer-events: none;
+  border-radius: 4px;
+  background-color: #1B1D1D;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
-  position: relative;
-  flex-direction: column;
-  align-items: start;
+.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
+  margin: 0;
+  padding: 0;
+}
+.tooltip-module_popover-tooltip__sAhKa p {
+  display: -webkit-box;
+  -webkit-line-clamp: 4; /* number of lines to show */
+  line-clamp: 4;
+  -webkit-box-orient: vertical;
+  margin: 0;
   width: 100%;
-  height: 100%;
-  overflow-x: clip;
-  background-color: #090A0A;
-  border-radius: 4px;
-  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
-  transition: transform 350ms ease-out;
-  will-change: transform;
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+  white-space: normal;
+  overflow: auto;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
-  margin-bottom: 0;
+.tooltip-module_popover-tooltip__sAhKa[data-show] {
+  opacity: 1;
+  visibility: visible;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+.tooltip-module_popover-tooltip__sAhKa[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
+  bottom: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(0deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
+  top: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(180deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
+  right: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(-90deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
+  left: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(90deg);
+}
+.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
+  position: absolute;
+}
+.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  content: "";
+  border-width: 8px;
+  border-style: solid;
+  border-color: #1B1D1D transparent transparent transparent;
+}
+
+.tooltip-module_close-button__o8OBN {
   cursor: pointer;
   line-height: 1px;
   background-color: rgba(255, 255, 255, 0);
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
+.tooltip-module_close-button__o8OBN .icon-base {
   background-color: #FDDA0D;
   width: 9px !important;
   height: 9px !important;
   line-height: 1px !important;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
+.tooltip-module_close-button__o8OBN:hover .icon-base {
   background-color: #FFEA00;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
-  width: 100%;
-  height: 100%;
-  padding: 24px;
-  overflow-y: auto;
-  display: flex;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
-  overflow-y: auto;
-}
-.popup-module_popup-container__PJ0oQ[data-show] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: all;
-}
-.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(0) translateY(0);
+
+.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
+  background-color: #1B1D1D;
+  color: #F4F4F4;
 }
-.popup-module_popup-container__PJ0oQ[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
+.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
+  border-color: #1B1D1D transparent transparent transparent;
 }
-.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+.cui-theme-light {
+  color: #1B1D1D;
 }
-
-.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
+.cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
+  background-color: #515757;
 }
-.cui-theme-light .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
+.cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
+  border-color: #515757 transparent transparent transparent;
 }
 :root {
   --divider-line: #4a4b4b;
@@ -715,115 +733,97 @@
   --divider-line: #4a4b4b;
 }
 
-.tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
+.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
   overflow: hidden !important;
 }
 
-.tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
+.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
   white-space: nowrap !important;
 }
 
-.tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
+.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
   text-overflow: ellipsis !important;
 }
 
-.tooltip-module_popover-tooltip__sAhKa {
+.popup-module_popup-container__PJ0oQ {
+  --popup-width: 60vw;
+  --popup-height: 50vh;
   position: fixed;
-  z-index: 999;
+  width: var(--popup-width);
+  height: var(--popup-height);
+  --slideXFrom: 0;
+  --slideYFrom: 0;
   will-change: opacity;
-  transition: opacity 450ms ease;
+  transition: opacity 300ms ease-in-out;
   opacity: 0;
   visibility: hidden;
-  border-radius: 4px;
-  background-color: #1B1D1D;
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
-}
-.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
-  margin: 0;
-  padding: 0;
+  pointer-events: none;
 }
-.tooltip-module_popover-tooltip__sAhKa p {
-  display: -webkit-box;
-  -webkit-line-clamp: 4; /* number of lines to show */
-  line-clamp: 4;
-  -webkit-box-orient: vertical;
-  margin: 0;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+  position: relative;
+  flex-direction: column;
+  align-items: start;
   width: 100%;
-  white-space: normal;
-  overflow: auto;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
-  bottom: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(0deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
-  top: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(180deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
-  right: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(-90deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
-  left: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(90deg);
-}
-.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
-  position: absolute;
+  height: 100%;
+  overflow-x: clip;
+  background-color: #090A0A;
+  border-radius: 4px;
+  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 350ms ease-out;
+  will-change: transform;
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
 }
-.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  content: "";
-  border-width: 8px;
-  border-style: solid;
-  border-color: #1B1D1D transparent transparent transparent;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
+  margin-bottom: 0;
 }
-
-.tooltip-module_close-button__o8OBN {
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
   cursor: pointer;
   line-height: 1px;
   background-color: rgba(255, 255, 255, 0);
 }
-.tooltip-module_close-button__o8OBN .icon-base {
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
   background-color: #FDDA0D;
   width: 9px !important;
   height: 9px !important;
   line-height: 1px !important;
 }
-.tooltip-module_close-button__o8OBN:hover .icon-base {
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
   background-color: #FFEA00;
 }
-
-.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
-  background-color: #1B1D1D;
-  color: #F4F4F4;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
+  width: 100%;
+  height: 100%;
+  padding: 24px;
+  overflow-y: auto;
+  display: flex;
 }
-.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
-  border-color: #1B1D1D transparent transparent transparent;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
+  overflow-y: auto;
 }
-.cui-theme-light {
-  color: #1B1D1D;
+.popup-module_popup-container__PJ0oQ[data-show] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
 }
-.cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
-  background-color: #515757;
+.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(0) translateY(0);
 }
-.cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
-  border-color: #515757 transparent transparent transparent;
+.popup-module_popup-container__PJ0oQ[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+
+.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.cui-theme-light .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
 }
 :root {
   --divider-line: #4a4b4b;

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),i=require("./icon.module.scss.js"),r=require("./unifyIconUrl.js");const n=o.memo((n=>{let{iconUrl:t,minWidth:c,minHeight:s,size:l,fontSize:u,width:a,height:m,color:h="currentColor",className:d="",children:p,style:b,onClick:f,...g}=n;const y=t&&r.unifyIconUrl(t),I=o.useMemo((()=>({"--min-width":c||l||a||"auto","--min-height":s||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...u?{fontSize:u}:{},...y?{"--icon-url":`url(${y})`}:{},...y?{"--icon-color":h}:{"--icon-content-color":h},...f?{cursor:"pointer"}:{},...b})),[c,l,a,s,m,u,y,h,f,b]),q=o.useMemo((()=>f?{onClick:f,role:"button",tabIndex:-1}:{}),[f]);return React.createElement("span",e.extends({},g,q,{className:`${i.default["icon-base"]} icon-base ${d}`,style:I}),!y&&p&&p)}));n.displayName="IconBase",exports.IconBase=n;
+"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),i=require("./icon.module.scss.js"),n=require("./unifyIconUrl.js");const r=o.memo((r=>{let{iconUrl:t,minWidth:c,minHeight:s,size:l,fontSize:u,width:a,height:m,color:h="currentColor",className:d="",children:p,icon:b,style:f,onClick:g,...y}=r;const I=t&&n.unifyIconUrl(t),q=o.useMemo((()=>({"--min-width":c||l||a||"auto","--min-height":s||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...u?{fontSize:u}:{},...I?{"--icon-url":`url(${I})`}:{},...I?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...f})),[c,l,a,s,m,u,I,h,g,f]),j=o.useMemo((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",e.extends({},y,j,{className:`${i.default["icon-base"]} icon-base ${d}`,style:q}),!I&&p&&p,!I&&b&&b)}));r.displayName="IconBase",exports.IconBase=r;
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAqBaA,EAA8BC,EAAIA,MAAgBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GAChFb,EACd,MAAMc,EAAiBb,GAAWc,EAAYA,aAACd,GAEzCe,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAC,QACMZ,CAAAA,EAAAA,EACAM,EAAY,CAChBV,UAAW,GAAGiB,EAAOC,QAAC,0BAA0BlB,IAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS8B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAsBaA,EAA8BC,EAAIA,MAAgBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAYA,aAACf,GAEzCgB,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAC,QACMZ,CAAAA,EAAAA,EACAM,EAAY,CAChBX,UAAW,GAAGkB,EAAOC,QAAC,0BAA0BnB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS+B,YAAc"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./peregrineMQ.js");const r=new e.PeregrineMQ;exports.PeregrineMQ=e.PeregrineMQ,exports.PeregrineMQClearError=e.PeregrineMQClearError,exports.default=r,exports.peregrineMQInstance=r;
+"use strict";var e=require("./peregrineMQ.js");const r=new e.PeregrineMQ;exports.PeregrineMQ=e.PeregrineMQ,exports.PeregrineMQClearError=e.PeregrineMQClearError,exports.peregrineMQInstance=r;
 //# sourceMappingURL=index.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport default peregrineMQInstance\n\n\nexport type * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"4GAIaA,EAAsB,IAAIC,EAAWA"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport type * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"qDAIaA,EAAsB,IAAIC,EAAWA"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.usePeregrineMQ=(r,s,u)=>{const t=e.useCallback(u,[u]),c=e.useRef();return e.useEffect((()=>(c.current=r.subscribe(s,t),()=>{c?.current?.()})),[t,s,r]),[c,r.publish]};
+"use strict";var e=require("react");exports.usePeregrineMQ=(r,u,s)=>{const t=e.useCallback(s,[s]),c=e.useRef();return e.useEffect((()=>(c.current=r.subscribe(u,t),()=>{c?.current?.()})),[t,u,r]),[c.current,r.publish]};
 //# sourceMappingURL=usePeregrineMQ.react.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  { current?: () => boolean },\n  <T>(channel: string, data?: T) => boolean\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","current","subscribe","publish"],"mappings":"2DAU8BA,CAC5BC,EAAgCC,EAAiBC,KAEjD,MAAMC,EAAcC,EAAWA,YAACF,EAAU,CAACA,IAErCG,EAAiBC,EAAAA,SAUvB,OARAC,EAAAA,WAAU,KACRF,EAAeG,QAAUR,EAAkBS,UAAUR,EAASE,GAEvD,KACLE,GAAgBG,WAAW,IAE5B,CAACL,EAAaF,EAASD,IAEnB,CAACK,EAAgBL,EAAkBU,QAAQ"}
+{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  (() => boolean) | undefined,\n  <T>(channel: string, data?: T) => boolean\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","current","subscribe","publish"],"mappings":"2DAU8BA,CAC5BC,EAAgCC,EAAiBC,KAEjD,MAAMC,EAAcC,EAAWA,YAACF,EAAU,CAACA,IAErCG,EAAiBC,EAAAA,SAUvB,OARAC,EAAAA,WAAU,KACRF,EAAeG,QAAUR,EAAkBS,UAAUR,EAASE,GAEvD,KACLE,GAAgBG,WAAW,IAE5B,CAACL,EAAaF,EAASD,IAEnB,CAACK,EAAeG,QAASR,EAAkBU,QAAQ"}

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("../../helpers/other.js");exports.createStore=(t,n,o)=>{let s=t;const l=new Set,c=()=>s,u=function(){var r=e.asyncToGenerator((function*(e){s=e;for(const e of l){const r=e?.selector,t=r?r(s):s;void 0!==e.previousValue&&e.previousValue===t||(e.previousValue=t,yield e(t))}return s}));return function(e){return r.apply(this,arguments)}}(),i={getState:c,setState:u,subscribe:(e,r)=>{if(r&&e.selector&&e.selector!==r)throw new Error("Error, mismatch selector, listener.selector !== selector.");return r&&!e.selector&&(e.selector=r),e.selector&&(e.previousValue=e.selector(c())),l.add(e),()=>l.delete(e)},unsubscribe:e=>{l.delete(e)}},a=n?Object.entries(n)?.reduce(((t,n)=>{let[s,l]=n;return{...t,[s]:e.asyncToGenerator((function*(){const e=r.isFunctionAsync(l);e&&u({...c(),[`${s}Error`]:null,[`${s}Pending`]:!0});try{for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const r=yield l(c,u,...n);return o&&u(o(c(),s,...n)),e&&u({...c(),[`${s}Pending`]:!1}),r}catch(r){throw e&&u({...c(),[`${s}Pending`]:!1,[`${s}Error`]:r}),r}}))}}),{}):null,d={...i,...a?{actions:{...a}}:{}};return d};
+"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("../../helpers/other.js");exports.createStore=(t,n,o)=>{let s=t;const l=new Set,c=()=>s,u=function(){var r=e.asyncToGenerator((function*(e){s=e;for(const e of l){const r=e?.selector,t=r?r(s):s;void 0!==e.previousValue&&e.previousValue===t||(e.previousValue=t,yield e(t))}return s}));return function(e){return r.apply(this,arguments)}}(),i={getState:c,setState:u,subscribe:(e,r)=>{if(r&&e.selector&&e.selector!==r)throw new Error("Error, mismatch selector, listener.selector !== selector.");return r&&!e.selector&&(e.selector=r),e.selector&&(e.previousValue=e.selector(c())),l.add(e),()=>l.delete(e)},unsubscribe:e=>{l.delete(e)}},a=n?Object.entries(n)?.reduce(((t,n)=>{let[s,l]=n;return t[s]=e.asyncToGenerator((function*(){const e=r.isFunctionAsync(l);e&&u({...c(),[`${s}Error`]:null,[`${s}Pending`]:!0});try{for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const r=yield l(c,u,...n);return o&&u(o(c(),s,...n)),e&&u({...c(),[`${s}Pending`]:!1}),r}catch(r){throw e&&u({...c(),[`${s}Pending`]:!1,[`${s}Error`]:r}),r}})),t}),{}):null,d={...i,...a?{actions:{...a}}:{}};return d};
 //# sourceMappingURL=store.vanillajs.js.map

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\nimport { isFunctionAsync } from '../../helpers'\n\n/**\n * Represents the callback function for a store listener.\n */\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/**\n * Represents a selector function that transforms the store state.\n */\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> | Partial<keyof T>\n| string | number | boolean | undefined | string[] | number[] | boolean[] | undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/**\n * Represents a listener for the store.\n */\nexport type Listener<T> = {\n  selector?: Selector<T>\n  previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/**\n * Represents a store.\n */\nexport type Store<T> = {\n  /**\n   * Get the current state of the store.\n   * @returns The current state of the store.\n   */\n  getState: () => Partial<T>\n  /**\n   * Set the state of the store.\n   * @param state - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  setState: (state: Partial<T>) => Promise<Partial<T>>\n  /**\n   * Subscribe a listener to the store.\n   * @param listener - The listener function to be subscribed.\n   * @param selector - Optional selector function to transform the store state.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n  /**\n   * Unubscribe a listener from the store.\n   * @param listener - The listener function to be unsubscribed.\n   */\n  unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n// TODO infer actionNames from createStore arguments\n/**\n * Represents a store with additional actions.\n */\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n/**\n * Represents an action handler function.\n */\nexport type ActionHandler<T> = (\n  getState: Store<T>['getState'], // Function to get the current state of the store\n  setState: Store<T>['setState'], // Function to set the state of the store\n  ...rest: unknown[]\n) => void | Partial<T> | Promise<void | Partial<T>>\n\n/**\n * Represents an reducer function.\n */\nexport type Reducer<T> = (\n  state: Partial<T>,\n  action: string,\n  ...rest: unknown[]\n) => Partial<T>\n\n\n/**\n * Represents a function that calls an action handler.\n */\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void | Partial<T> | Promise<void | Partial<T>>\n\n\ntype Actions<T> = { [key: string]: ActionHandler<T>}\n/**\n * Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n */\nexport const createStore = <T>(\n  initialState: Partial<T>,\n  actions?: Actions<T>,\n  reducer?: Reducer<T>,\n): Store<T> | StoreWithActions<T> => {\n  let currentState: Partial<T> = initialState\n  const listeners = new Set<Listener<T>>()\n\n  /**\n   * Gets the current state of the store.\n   * @returns The current state of the store.\n   */\n  const getState = (): Partial<T> => currentState\n\n  // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n  /**\n   * Sets the state of the store.\n   * @param newState - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  const setState = async (newState: Partial<T>): Promise<Partial<T>> => {\n    currentState = newState\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const listener of listeners) {\n      // has Listener selector?\n      const selector: Selector<T> | undefined = listener?.selector\n\n      // TODO compare selected value to the previous values of that listener/selector pair\n      // if listener.previousValue === selector(currentState) no call\n      // else listener.previousValue = selector(currentState) and call\n      // l1 cache, weak references?\n      const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n      // TODO plugin equality\n      if (listener.previousValue === undefined || listener.previousValue !== newValue) {\n        listener.previousValue = newValue\n        // eslint-disable-next-line no-await-in-loop\n        await listener(newValue as Partial<T>)\n      }\n    }\n    return currentState\n  }\n\n  /**\n   * Represents the basic API of the store.\n   */\n  const storeBaseicApi: Store<T> = {\n    /**\n     * Get the current state of the store.\n     * @returns The current state of the store.\n     */\n    getState,\n    /**\n     * Set the state of the store.\n     * @param state - The new state to set.\n     * @returns A promise that resolves to the new state.\n     */\n    setState,\n    /**\n     * Subscribe a listener to the store.\n     * @param listener - The listener function to be subscribed.\n     * @returns A function to unsubscribe the listener.\n     */\n    subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n      if (selector && listener.selector && listener.selector !== selector) {\n        throw new Error('Error, mismatch selector, listener.selector !== selector.')\n      }\n      if (selector && !listener.selector) {\n        // eslint-disable-next-line no-param-reassign\n        listener.selector = selector\n      }\n\n      if (listener.selector) {\n        // setting the previousValue for the next cache/equality check\n        // eslint-disable-next-line no-param-reassign\n        listener.previousValue = listener.selector(getState())\n      }\n\n      listeners.add(listener)\n      return () => listeners.delete(listener)\n    },\n    /**\n     * Unsubscribe a listener from the store.\n     * @param listener - The listener function to be unsubscribed.\n     */\n    unsubscribe: (listener: Listener<T>) => {\n      listeners.delete(listener)\n    },\n  }\n\n  /**\n   * Resolves the actions and creates action handlers.\n   */\n  const resolvedActions: Actions<T> | null | undefined\n    = actions ? Object.entries(actions)?.reduce(\n      (\n        aggregator: Record<string, ActionHandlerCaller<T>>,\n        [actionName, actionHandler]: [string, ActionHandler<T>],\n      ) => ({\n        ...aggregator,\n        [actionName]: async(...rest: unknown[]): Promise<void | Partial<T>> => {\n          // TODO try to not call subscriber too many times becuase of Error and Pending values\n          const isAsync = isFunctionAsync(actionHandler as () => unknown)\n\n          if (isAsync) {\n            setState({\n              ...getState(),\n              [`${actionName}Error`]: null,\n              [`${actionName}Pending`]: true,\n            })\n          }\n\n          try {\n            const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n            // TODO try to mutate state only once with the results, that means pass custom setState to action,\n            // so that it would matk pending and error already inside action\n            if (reducer) {\n              setState(reducer(getState(), actionName, ...rest))\n            }\n\n            if (isAsync) {\n              setState({ ...getState(), [`${actionName}Pending`]: false })\n            }\n\n            return resultOfAction\n          } catch (error) {\n            if (isAsync) {\n              setState({\n                ...getState(),\n                [`${actionName}Pending`]: false,\n                [`${actionName}Error`]: error,\n              })\n            }\n            throw error\n          }\n        },\n      }),\n      {},\n    ) : null\n\n  /**\n   * Represents the store combined with actions.\n   */\n  const storeCombinedWithActions = {\n    ...storeBaseicApi,\n    ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n  }\n\n  return resolvedActions\n    ? storeCombinedWithActions as StoreWithActions<T>\n    : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","isAsync","isFunctionAsync","_len","length","rest","Array","_key","resultOfAction","error","storeCombinedWithActions"],"mappings":"2IA+F2BA,CACzBC,EACAC,EACAC,KAEA,IAAIC,EAA2BH,EAC/B,MAAMI,EAAY,IAAIC,IAMhBC,EAAWA,IAAkBH,EAQ7BI,EAAQ,WAAA,IAAAC,EAAAC,oBAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,GAAUC,SAM9CC,EAAiCD,EAAWA,EAAST,GAAgBA,OAG5CW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAWA,CAACV,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,IAAIU,MAAM,6DAclB,OAZIV,IAAaD,EAASC,WAExBD,EAASC,SAAWA,GAGlBD,EAASC,WAGXD,EAASI,cAAgBJ,EAASC,SAASN,MAG7CF,EAAUmB,IAAIZ,GACP,IAAMP,EAAUoB,OAAOb,EAAS,EAMzCc,YAAcd,IACZP,EAAUoB,OAAOb,EAAS,GAOxBe,EACFzB,EAAU0B,OAAOC,QAAQ3B,IAAU4B,QACnC,CACEC,EAAkDC,KAAA,IACjDC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAUvB,EAAAA,kBAAG,YAEZ,MAAMyB,EAAUC,kBAAgBF,GAE5BC,GACF3B,EAAS,IACJD,IACH,CAAC,GAAG0B,UAAoB,KACxB,CAAC,GAAGA,aAAsB,IAI9B,IAAI,IAAA,IAAAI,EAAAjB,UAAAkB,OAZiBC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAArB,UAAAqB,GAavB,MAAMC,QAAuBR,EAAc3B,EAAUC,KAAa+B,GAYlE,OARIpC,GACFK,EAASL,EAAQI,IAAY0B,KAAeM,IAG1CJ,GACF3B,EAAS,IAAKD,IAAY,CAAC,GAAG0B,aAAsB,IAG/CS,CACR,CAAC,MAAOC,GAQP,MAPIR,GACF3B,EAAS,IACJD,IACH,CAAC,GAAG0B,aAAsB,EAC1B,CAAC,GAAGA,UAAoBU,IAGtBA,CACR,KAEH,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BvB,KACCM,EAAkB,CAAEzB,QAAS,IAAKyB,IAAsB,IAG9D,OACIiB,CACoC"}
+{"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\nimport { isFunctionAsync } from '../../helpers'\n\n/**\n * Represents the callback function for a store listener.\n */\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/**\n * Represents a selector function that transforms the store state.\n */\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> | Partial<keyof T>\n| string | number | boolean | undefined | string[] | number[] | boolean[] | undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/**\n * Represents a listener for the store.\n */\nexport type Listener<T> = {\n  selector?: Selector<T>\n  previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/**\n * Represents a store.\n */\nexport type Store<T> = {\n  /**\n   * Get the current state of the store.\n   * @returns The current state of the store.\n   */\n  getState: () => Partial<T>\n  /**\n   * Set the state of the store.\n   * @param state - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  setState: (state: Partial<T>) => Promise<Partial<T>>\n  /**\n   * Subscribe a listener to the store.\n   * @param listener - The listener function to be subscribed.\n   * @param selector - Optional selector function to transform the store state.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n  /**\n   * Unubscribe a listener from the store.\n   * @param listener - The listener function to be unsubscribed.\n   */\n  unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n// TODO infer actionNames from createStore arguments\n/**\n * Represents a store with additional actions.\n */\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n// export type PendingAction<A> = `${A}Pending`\n// export type ErrorAction<A> = `${A}Error`\n// export type ActionName<A> = `${A}`\n\n// export type ActionsReturnType<A, TActionHandler> = Record<ActionName<A>, TActionHandler>\n\n// export type ActionsStateReturnType<A>\n//   = Partial<Record<PendingAction<A>, boolean>> & Partial<Record<ErrorAction<A>, boolean>>\n\n\n// function invert<T, ActionName extends string>(\n//   arr: ActionName[], state: Partial<T>, actionHandler: ActionHandlerCaller<T>,\n// ): Partial<T> & ActionsStateReturnType<ActionName> {\n//   arr.forEach((x) => {\n//     state[`${x}Error`] = true\n//     state[`${x}Pending`] = true\n//   })\n\n//   return state as (Partial<T> & ActionsStateReturnType<ActionName>)\n// }\n\n// function invert2<T, A extends string>(\n//   arr: A[], actions: ActionsReturnType<A>, actionHandler: ActionHandlerCaller<T>,\n// ): ActionsReturnType<A, ActionHandlerCaller<T>> {\n//   arr.forEach((x) => {\n//     actions[`${x}`] = actionHandler\n//   })\n\n//   return actions as ActionsReturnType<A>\n// }\n\n// function invert3<T, A extends string>(\n//   arr: A[], actions: ActionsReturnType<A>, state: Partial<T>, actionHandler: ActionHandlerCaller<T>,\n// ): [Partial<T> & ActionsStateReturnType<A>, ActionsReturnType<A, ActionHandlerCaller<T>>] {\n//   arr.forEach((x) => {\n//     state[`${x}Error`] = actionHandler\n//     state[`${x}Pending`] = actionHandler\n//     actions[`${x}`] = actionHandler\n//   })\n\n//   return [state, actions] as [Partial<T> & ActionsStateReturnType<A>, ActionsReturnType<A, ActionHandlerCaller<T>>]\n// }\n\n// const example = invert(['foo', 'bar', 'baz'], {}, () => {})\n// const example2 = invert2(['foo', 'bar', 'baz'], {}, () => {})\n// const example3 = invert3(['foo', 'bar', 'baz'], {}, () => {})\n\n\n\n/**\n * Represents an action handler function.\n */\nexport type ActionHandler<T> = (\n  getState: Store<T>['getState'], // Function to get the current state of the store\n  setState: Store<T>['setState'], // Function to set the state of the store\n  ...rest: unknown[]\n) => void | Partial<T> | Promise<void | Partial<T>>\n\n/**\n * Represents an reducer function.\n */\nexport type Reducer<T> = (\n  state: Partial<T>,\n  action: string,\n  ...rest: unknown[]\n) => Partial<T>\n\n\n/**\n * Represents a function that calls an action handler.\n */\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void | Partial<T> | Promise<void | Partial<T>>\n\n\ntype Actions<T> = { [key: string]: ActionHandler<T>}\n/**\n * Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n */\nexport const createStore = <T>(\n  initialState: Partial<T>,\n  actions?: Actions<T>,\n  reducer?: Reducer<T>,\n): Store<T> | StoreWithActions<T> => {\n  let currentState: Partial<T> = initialState\n  const listeners = new Set<Listener<T>>()\n\n  /**\n   * Gets the current state of the store.\n   * @returns The current state of the store.\n   */\n  const getState = (): Partial<T> => currentState\n\n  // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n  /**\n   * Sets the state of the store.\n   * @param newState - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  const setState = async (newState: Partial<T>): Promise<Partial<T>> => {\n    currentState = newState\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const listener of listeners) {\n      // has Listener selector?\n      const selector: Selector<T> | undefined = listener?.selector\n\n      // TODO compare selected value to the previous values of that listener/selector pair\n      // if listener.previousValue === selector(currentState) no call\n      // else listener.previousValue = selector(currentState) and call\n      // l1 cache, weak references?\n      const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n      // TODO plugin equality\n      if (listener.previousValue === undefined || listener.previousValue !== newValue) {\n        listener.previousValue = newValue\n        // eslint-disable-next-line no-await-in-loop\n        await listener(newValue as Partial<T>)\n      }\n    }\n    return currentState\n  }\n\n  /**\n   * Represents the basic API of the store.\n   */\n  const storeBaseicApi: Store<T> = {\n    /**\n     * Get the current state of the store.\n     * @returns The current state of the store.\n     */\n    getState,\n    /**\n     * Set the state of the store.\n     * @param state - The new state to set.\n     * @returns A promise that resolves to the new state.\n     */\n    setState,\n    /**\n     * Subscribe a listener to the store.\n     * @param listener - The listener function to be subscribed.\n     * @returns A function to unsubscribe the listener.\n     */\n    subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n      if (selector && listener.selector && listener.selector !== selector) {\n        throw new Error('Error, mismatch selector, listener.selector !== selector.')\n      }\n      if (selector && !listener.selector) {\n        // eslint-disable-next-line no-param-reassign\n        listener.selector = selector\n      }\n\n      if (listener.selector) {\n        // setting the previousValue for the next cache/equality check\n        // eslint-disable-next-line no-param-reassign\n        listener.previousValue = listener.selector(getState())\n      }\n\n      listeners.add(listener)\n      return () => listeners.delete(listener)\n    },\n    /**\n     * Unsubscribe a listener from the store.\n     * @param listener - The listener function to be unsubscribed.\n     */\n    unsubscribe: (listener: Listener<T>) => {\n      listeners.delete(listener)\n    },\n  }\n\n  /**\n   * Resolves the actions and creates action handlers.\n   */\n  const resolvedActions: Actions<T> | null | undefined\n    = actions ? Object.entries(actions)?.reduce(\n      (\n        aggregator: Record<string, ActionHandlerCaller<T>>,\n        [actionName, actionHandler]: [string, ActionHandler<T>],\n      ) => {\n        // eslint-disable-next-line no-param-reassign\n        aggregator[actionName] = async(...rest: unknown[]): Promise<void | Partial<T>> => {\n          // TODO try to not call subscriber too many times becuase of Error and Pending values\n          const isAsync = isFunctionAsync(actionHandler as () => unknown)\n\n          if (isAsync) {\n            setState({\n              ...getState(),\n              [`${actionName}Error`]: null,\n              [`${actionName}Pending`]: true,\n            })\n          }\n\n          try {\n            const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n            // TODO try to mutate state only once with the results, that means pass custom setState to action,\n            // so that it would matk pending and error already inside action\n            if (reducer) {\n              setState(reducer(getState(), actionName, ...rest))\n            }\n\n            if (isAsync) {\n              setState({ ...getState(), [`${actionName}Pending`]: false })\n            }\n\n            return resultOfAction\n          } catch (error) {\n            if (isAsync) {\n              setState({\n                ...getState(),\n                [`${actionName}Pending`]: false,\n                [`${actionName}Error`]: error,\n              })\n            }\n            throw error\n          }\n        }\n\n        return aggregator\n      },\n      {},\n    ) : null\n\n  /**\n   * Represents the store combined with actions.\n   */\n  const storeCombinedWithActions = {\n    ...storeBaseicApi,\n    ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n  }\n\n  return resolvedActions\n    ? storeCombinedWithActions as StoreWithActions<T>\n    // ? storeCombinedWithActions as StoreWithActions<T> & ActionsStateReturnType<A>\n    : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","isAsync","isFunctionAsync","_len","length","rest","Array","_key","resultOfAction","error","storeCombinedWithActions"],"mappings":"2IAgJ2BA,CACzBC,EACAC,EACAC,KAEA,IAAIC,EAA2BH,EAC/B,MAAMI,EAAY,IAAIC,IAMhBC,EAAWA,IAAkBH,EAQ7BI,EAAQ,WAAA,IAAAC,EAAAC,oBAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,GAAUC,SAM9CC,EAAiCD,EAAWA,EAAST,GAAgBA,OAG5CW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAWA,CAACV,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,IAAIU,MAAM,6DAclB,OAZIV,IAAaD,EAASC,WAExBD,EAASC,SAAWA,GAGlBD,EAASC,WAGXD,EAASI,cAAgBJ,EAASC,SAASN,MAG7CF,EAAUmB,IAAIZ,GACP,IAAMP,EAAUoB,OAAOb,EAAS,EAMzCc,YAAcd,IACZP,EAAUoB,OAAOb,EAAS,GAOxBe,EACFzB,EAAU0B,OAAOC,QAAQ3B,IAAU4B,QACnC,CACEC,EAAkDC,KAE/C,IADFC,EAAYC,GAA0CF,EAyCvD,OAtCAD,EAAWE,GAAWvB,EAAAA,kBAAG,YAEvB,MAAMyB,EAAUC,kBAAgBF,GAE5BC,GACF3B,EAAS,IACJD,IACH,CAAC,GAAG0B,UAAoB,KACxB,CAAC,GAAGA,aAAsB,IAI9B,IAAI,IAAA,IAAAI,EAAAjB,UAAAkB,OAZ4BC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAArB,UAAAqB,GAalC,MAAMC,QAAuBR,EAAc3B,EAAUC,KAAa+B,GAYlE,OARIpC,GACFK,EAASL,EAAQI,IAAY0B,KAAeM,IAG1CJ,GACF3B,EAAS,IAAKD,IAAY,CAAC,GAAG0B,aAAsB,IAG/CS,CACR,CAAC,MAAOC,GAQP,MAPIR,GACF3B,EAAS,IACJD,IACH,CAAC,GAAG0B,aAAsB,EAC1B,CAAC,GAAGA,UAAoBU,IAGtBA,CACR,KAGKZ,CAAU,GAEnB,CAAA,GACE,KAKAa,EAA2B,IAC5BvB,KACCM,EAAkB,CAAEzB,QAAS,IAAKyB,IAAsB,IAG9D,OACIiB,CAEoC"}

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";import{unifyIconUrl as r}from"./unifyIconUrl.js";const n=e((e=>{let{iconUrl:n,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,style:f,onClick:b,...g}=e;const y=n&&r(n),j=t((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...y?{"--icon-url":`url(${y})`}:{},...y?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...f})),[c,s,m,l,u,a,y,h,b,f]),w=t((()=>b?{onClick:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},g,w,{className:`${i["icon-base"]} icon-base ${p}`,style:j}),!y&&d&&d)}));n.displayName="IconBase";export{n as IconBase};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";import{unifyIconUrl as n}from"./unifyIconUrl.js";const r=e((e=>{let{iconUrl:r,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,icon:f,style:b,onClick:g,...y}=e;const j=r&&n(r),w=t((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...j?{"--icon-url":`url(${j})`}:{},...j?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...b})),[c,s,m,l,u,a,j,h,g,b]),x=t((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",o({},y,x,{className:`${i["icon-base"]} icon-base ${p}`,style:w}),!j&&d&&d,!j&&f&&f)}));r.displayName="IconBase";export{r as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAqBaA,EAA8BC,GAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GAChFb,EACd,MAAMc,EAAiBb,GAAWc,EAAad,GAEzCe,EAASC,GAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFQ,EAAeF,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAM,EAAY,CAChBV,UAAW,GAAGgB,EAAQ,0BAA0BhB,IAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS4B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAsBaA,EAA8BC,GAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAaf,GAEzCgB,EAASC,GAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAQ,0BAA0BjB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS6B,YAAc"}