@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.module.scss.js

@@ -1,2 +1,14 @@
-var l={"collapsible-container":"CollapsibleContainer-module_collapsible-container__u0Jmm",vertical:"CollapsibleContainer-module_vertical__w7MVN",collapsed:"CollapsibleContainer-module_collapsed__q8fs8",expanded:"CollapsibleContainer-module_expanded__O6Vh8",horizontal:"CollapsibleContainer-module_horizontal__QJWI-"};export{l as default};
+const a = "_vertical_h8vq7_6", e = "_collapsed_h8vq7_10", o = "_expanded_h8vq7_15", l = "_horizontal_h8vq7_20", t = {
+  vertical: a,
+  collapsed: e,
+  expanded: o,
+  horizontal: l
+};
+export {
+  e as collapsed,
+  t as default,
+  o as expanded,
+  l as horizontal,
+  a as vertical
+};
 //# sourceMappingURL=CollapsibleContainer.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CollapsibleContainer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,59 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t}from"react";import{useResize as i}from"../../../hooks/useResize.js";import{LayoutBox as n}from"./layoutBox/LayoutBox.js";const o={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},r=t((t=>{let{children:r,debounceDelay:a=250,...h}=t;const[l,s]=i(a);return React.createElement(n,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},h),React.createElement(n,{style:o.main,width:"100%",height:"100%",ref:l}),!r&&React.createElement(n,{width:`${Math.max(s?.width||200,200)||200}px`,height:`${Math.max(s?.height||200,200)||200}px`,style:o.empty}),r&&r?.({height:`${s?.height||200}px`,width:`${s?.width||200}px`,measured:!!s?.height}))}));r.displayName="ResizableContainer";export{r as ResizableContainer};
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { useResize as f } from "../../../hooks/useResize.js";
+import { LayoutBox as s } from "./layoutBox/LayoutBox.js";
+const o = {
+  main: {
+    position: "absolute",
+    zIndex: 1,
+    left: 0,
+    pointerEvents: "none"
+  },
+  empty: {
+    pointerEvents: "none"
+  }
+}, g = a(
+  ({ children: e, debounceDelay: h = 250, ...p }) => {
+    const [i, t] = f(h);
+    return /* @__PURE__ */ x(
+      s,
+      {
+        width: "100%",
+        height: "100%",
+        justify: "center",
+        align: "center",
+        direction: "column",
+        ...p,
+        children: [
+          /* @__PURE__ */ m(
+            s,
+            {
+              style: o.main,
+              width: "100%",
+              height: "100%",
+              ref: i
+            }
+          ),
+          !e && /* @__PURE__ */ m(
+            s,
+            {
+              width: `${Math.max((t == null ? void 0 : t.width) || 200, 200) || 200}px`,
+              height: `${Math.max((t == null ? void 0 : t.height) || 200, 200) || 200}px`,
+              style: o.empty
+            }
+          ),
+          e && (e == null ? void 0 : e({
+            height: `${(t == null ? void 0 : t.height) || 200}px`,
+            width: `${(t == null ? void 0 : t.width) || 200}px`,
+            measured: !!(t != null && t.height)
+          }))
+        ]
+      }
+    );
+  }
+);
+g.displayName = "ResizableContainer";
+export {
+  g as ResizableContainer
+};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC, CSSProperties } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main as CSSProperties}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty as CSSProperties}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"yNAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,MAAAC,cAACC,EAAS,CACRE,MAAO,GAAGO,KAAKC,IAAId,GAAeM,OAAS,IAAK,MAAQ,QACxDC,OAAQ,GAAGM,KAAKC,IAAId,GAAeO,QAAU,IAAK,MAAQ,QAC1DI,MAAOzB,EAAOM,QAGfI,GAAYA,IAAW,CACtBW,OAAQ,GAAGP,GAAeO,QAAU,QACpCD,MAAO,GAAGN,GAAeM,OAAS,QAClCS,WAAYf,GAAeO,SAEnB,IAKlBd,EAAmBuB,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC, CSSProperties } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main as CSSProperties}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty as CSSProperties}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","ResizableContainer","memo","children","debounceDelay","props","containerRef","containerSize","useResize","jsxs","LayoutBox","jsx"],"mappings":";;;;AAmBA,MAAMA,IAAS;AAAA,EACb,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB,OAAO;AAAA,IACL,eAAe;AAAA,EAAA;AAEnB,GAEaC,IAAkDC;AAAA,EAC7D,CAAC,EAAE,UAAAC,GAAU,eAAAC,IAAgB,KAAK,GAAGC,QAAqC;AACxE,UAAM,CAACC,GAAcC,CAAa,IAAIC,EAAUJ,CAAa;AAE7D,WACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACT,GAAGL;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,OAAOV,EAAO;AAAA,cACd,OAAM;AAAA,cACN,QAAO;AAAA,cACP,KAAKM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,CAACH,KACF,gBAAAQ;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,OAAO,GAAG,KAAK,KAAIH,KAAA,gBAAAA,EAAe,UAAS,KAAK,GAAG,KAAK,GAAG;AAAA,cAC3D,QAAQ,GAAG,KAAK,KAAIA,KAAA,gBAAAA,EAAe,WAAU,KAAK,GAAG,KAAK,GAAG;AAAA,cAC7D,OAAOP,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGfG,MAAYA,KAAA,gBAAAA,EAAW;AAAA,YACtB,QAAQ,IAAGI,KAAA,gBAAAA,EAAe,WAAU,GAAG;AAAA,YACvC,OAAO,IAAGA,KAAA,gBAAAA,EAAe,UAAS,GAAG;AAAA,YACrC,UAAU,CAAC,EAACA,KAAA,QAAAA,EAAe;AAAA,UAAA;AAAA,QACK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxC;AACF;AAEAN,EAAmB,cAAc;"}

package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js

@@ -1,2 +1,77 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as o,useMemo as s}from"react";import{useParseProps as i}from"../../../../hooks/useParseProps.js";import{classNames as r}from"../../../../utils/helpers/ui.js";import a from"./layoutBox.module.scss.js";import{LayoutDirection as l}from"./layoutBox.types.js";const d={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&d[e]||e,u=o(((t,o)=>{let{id:d,style:u,children:f,tabIndex:m,className:p="",column:x,asGrid:c=!1,wFull:y=!1,hFull:h=!1,centered:g=!1,flex:b,width:j,height:v,debug:B=!1,background:N,...w}=t;const{dataProps:I,restProps:P}=i(w),L=s((()=>void 0!==x&&!0===x?l.COLUMN:null),[x]),k=s((()=>{const e={...P};return(P.direction||L)&&(e.flexDirection=P.direction||L),g?(e.alignItems="center",e.justifyContent="center"):(P.align&&(e.alignItems=n(P.align)),P.justify&&(e.justifyContent=n(P.justify))),e.display=c?"grid":"flex",y?e.width="100%":void 0!==j&&(e.width="number"==typeof j?`${j}px`:j),h?e.height="100%":void 0!==v&&(e.height="number"==typeof v?`${v}px`:v),void 0!==b&&(e.flex=!0===b?1:b),void 0!==N&&(e.background=N),B&&(e.outline="1px solid red"),{...e,...u}}),[c,N,g,B,b,h,v,L,P,u,y,j]);return React.createElement("div",e({},d?{id:`${d}`}:{},{ref:o,tabIndex:m,className:r(a["layout-box"],p),style:k},I,{"data-testid":I.dataTestId||I["data-testid"]||d}),f)}));u.displayName="LayoutBoxRefForwarded";const f=t(u),m=t(u);f.displayName="LayoutBox",m.displayName="BoxLayout";export{m as BoxLayout,f as LayoutBox};
+import { jsx as M } from "react/jsx-runtime";
+import { memo as N, forwardRef as R, useMemo as L } from "react";
+import { useParseProps as $ } from "../../../../hooks/useParseProps.js";
+import { classNames as D } from "../../../../utils/helpers/ui.js";
+import g from "./layoutBox.module.scss.js";
+import { LayoutDirection as F } from "./layoutBox.types.js";
+const O = {
+  start: "flex-start",
+  "flex-start": "flex-start",
+  end: "flex-end",
+  "flex-end": "flex-end"
+}, B = (t) => t && (O[t] || t), d = R(({
+  id: t,
+  style: m,
+  children: j,
+  tabIndex: v,
+  className: P = "",
+  column: a,
+  asGrid: p = !1,
+  wFull: y = !1,
+  hFull: x = !1,
+  centered: u = !1,
+  flex: s,
+  width: i,
+  height: r,
+  debug: c = !1,
+  background: f,
+  ...C
+}, b) => {
+  const { dataProps: l, restProps: o } = $(C), n = L(() => a !== void 0 && a === !0 ? F.COLUMN : null, [a]), I = L(() => {
+    const e = {
+      ...o
+    };
+    return (o.direction || n) && (e.flexDirection = o.direction || n), u ? (e.alignItems = "center", e.justifyContent = "center") : (o.align && (e.alignItems = B(o.align)), o.justify && (e.justifyContent = B(o.justify))), p ? e.display = "grid" : e.display = "flex", y ? e.width = "100%" : i !== void 0 && (e.width = typeof i == "number" ? `${i}px` : i), x ? e.height = "100%" : r !== void 0 && (e.height = typeof r == "number" ? `${r}px` : r), s !== void 0 && (s === !0 ? e.flex = 1 : e.flex = s), f !== void 0 && (e.background = f), c && (e.outline = "1px solid red"), {
+      ...e,
+      ...m
+    };
+  }, [
+    p,
+    f,
+    u,
+    c,
+    s,
+    x,
+    r,
+    n,
+    o,
+    m,
+    y,
+    i
+  ]);
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      ...t ? { id: `${t}` } : {},
+      ref: b,
+      tabIndex: v,
+      className: D(
+        g["layout-box"],
+        P
+      ),
+      style: I,
+      ...l,
+      "data-testid": l.dataTestId || l["data-testid"] || t,
+      children: j
+    }
+  );
+});
+d.displayName = "LayoutBoxRefForwarded";
+const S = N(d), T = N(d);
+S.displayName = "LayoutBox";
+T.displayName = "BoxLayout";
+export {
+  T as BoxLayout,
+  S as LayoutBox
+};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id,\n  style,\n  children,\n  tabIndex,\n  className = '',\n  column,\n  asGrid = false,\n  wFull = false,\n  hFull = false,\n  centered = false,\n  flex,\n  width,\n  height,\n  debug = false,\n  background,\n  ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n  * Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n  * @type {CSSProperties}\n  */\n  const styles = useMemo(() => {\n    const baseStyles: CSSProperties = {\n      ...(restProps as CSSProperties),\n    }\n\n    // Resolve direction (supports column helper)\n    if (restProps.direction || resolvedColumn) {\n      baseStyles.flexDirection = (restProps.direction || resolvedColumn) as CSSProperties['flexDirection']\n    }\n\n    // Resolve alignment and justification\n    if (centered) {\n      baseStyles.alignItems = 'center'\n      baseStyles.justifyContent = 'center'\n    } else {\n      if (restProps.align) {\n        baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n      }\n      if (restProps.justify) {\n        baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n      }\n    }\n\n    // Flex or grid display\n    if (asGrid) {\n      baseStyles.display = 'grid'\n    } else {\n      baseStyles.display = 'flex'\n    }\n\n    // Width / height helpers\n    if (wFull) {\n      baseStyles.width = '100%'\n    } else if (width !== undefined) {\n      baseStyles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (hFull) {\n      baseStyles.height = '100%'\n    } else if (height !== undefined) {\n      baseStyles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    // Flex helper\n    if (flex !== undefined) {\n      if (flex === true) {\n        baseStyles.flex = 1\n      } else if (typeof flex === 'number') {\n        baseStyles.flex = flex\n      } else {\n        baseStyles.flex = flex as string\n      }\n    }\n\n    // Background helper\n    if (background !== undefined) {\n      baseStyles.background = background\n    }\n\n    // Debug outline helper\n    if (debug) {\n      baseStyles.outline = '1px solid red'\n    }\n\n    // User provided style wins last\n    return {\n      ...baseStyles,\n      ...style,\n    }\n  }, [\n    asGrid,\n    background,\n    centered,\n    debug,\n    flex,\n    hFull,\n    height,\n    resolvedColumn,\n    restProps,\n    style,\n    wFull,\n    width,\n  ])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","dataProps","restProps","useParseProps","resolvedColumn","useMemo","undefined","LayoutDirection","COLUMN","styles","baseStyles","direction","flexDirection","alignItems","justifyContent","align","justify","display","outline","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"6WAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAiBtBC,KAAsD,IAjB/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,OACdA,EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,KACGC,GACYjB,EACf,MAAMkB,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAMzCI,EAAiBC,GAAQ,SAClBC,IAAXhB,IAAmC,IAAXA,EACtBiB,EAAgBC,OAChB,MAAO,CAAClB,IAMNmB,EAASJ,GAAQ,KACrB,MAAMK,EAA4B,IAC5BR,GA+DN,OA3DIA,EAAUS,WAAaP,KACzBM,EAAWE,cAAiBV,EAAUS,WAAaP,GAIjDV,GACFgB,EAAWG,WAAa,SACxBH,EAAWI,eAAiB,WAExBZ,EAAUa,QACZL,EAAWG,WAAalC,EAAiBuB,EAAUa,QAEjDb,EAAUc,UACZN,EAAWI,eAAiBnC,EAAiBuB,EAAUc,WAMzDN,EAAWO,QADT1B,EACmB,OAEA,OAInBC,EACFkB,EAAWd,MAAQ,YACAU,IAAVV,IACTc,EAAWd,MAAyB,iBAAVA,EAAqB,GAAGA,MAAYA,GAG5DH,EACFiB,EAAWb,OAAS,YACAS,IAAXT,IACTa,EAAWb,OAA2B,iBAAXA,EAAsB,GAAGA,MAAaA,QAItDS,IAATX,IAEAe,EAAWf,MADA,IAATA,EACgB,EAEAA,QAOHW,IAAfP,IACFW,EAAWX,WAAaA,GAItBD,IACFY,EAAWQ,QAAU,iBAIhB,IACFR,KACAxB,EACJ,GACA,CACDK,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAO,EACAF,EACAhB,EACAM,EACAI,IAGF,OACEuB,MAAAC,oBAAAC,EAAA,CAAA,EACOpC,EAAK,CAAEA,GAAI,GAAGA,KAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWiC,EACTC,EAAQ,cACRlC,GAEFH,MAAOuB,GACHR,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBhB,IAEhEE,EACG,IAIVN,EAAsB4C,YAAc,8BAMvBC,EAAgCC,EAAqB9C,GAErD+C,EAAgCD,EAAqB9C,GAElE6C,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id,\n  style,\n  children,\n  tabIndex,\n  className = '',\n  column,\n  asGrid = false,\n  wFull = false,\n  hFull = false,\n  centered = false,\n  flex,\n  width,\n  height,\n  debug = false,\n  background,\n  ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n  * Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n  * @type {CSSProperties}\n  */\n  const styles = useMemo(() => {\n    const baseStyles: CSSProperties = {\n      ...(restProps as CSSProperties),\n    }\n\n    // Resolve direction (supports column helper)\n    if (restProps.direction || resolvedColumn) {\n      baseStyles.flexDirection = (restProps.direction || resolvedColumn) as CSSProperties['flexDirection']\n    }\n\n    // Resolve alignment and justification\n    if (centered) {\n      baseStyles.alignItems = 'center'\n      baseStyles.justifyContent = 'center'\n    } else {\n      if (restProps.align) {\n        baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n      }\n      if (restProps.justify) {\n        baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n      }\n    }\n\n    // Flex or grid display\n    if (asGrid) {\n      baseStyles.display = 'grid'\n    } else {\n      baseStyles.display = 'flex'\n    }\n\n    // Width / height helpers\n    if (wFull) {\n      baseStyles.width = '100%'\n    } else if (width !== undefined) {\n      baseStyles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (hFull) {\n      baseStyles.height = '100%'\n    } else if (height !== undefined) {\n      baseStyles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    // Flex helper\n    if (flex !== undefined) {\n      if (flex === true) {\n        baseStyles.flex = 1\n      } else if (typeof flex === 'number') {\n        baseStyles.flex = flex\n      } else {\n        baseStyles.flex = flex as string\n      }\n    }\n\n    // Background helper\n    if (background !== undefined) {\n      baseStyles.background = background\n    }\n\n    // Debug outline helper\n    if (debug) {\n      baseStyles.outline = '1px solid red'\n    }\n\n    // User provided style wins last\n    return {\n      ...baseStyles,\n      ...style,\n    }\n  }, [\n    asGrid,\n    background,\n    centered,\n    debug,\n    flex,\n    hFull,\n    height,\n    resolvedColumn,\n    restProps,\n    style,\n    wFull,\n    width,\n  ])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","ref","dataProps","restProps","useParseProps","resolvedColumn","useMemo","LayoutDirection","styles","baseStyles","jsx","classNames","classes","LayoutBox","memo","BoxLayout"],"mappings":";;;;;;AAYA,MAAMA,IAAuC;AAAA,EAC3C,OAAO;AAAA,EACP,cAAc;AAAA,EACd,KAAK;AAAA,EACL,YAAY;AACd,GAOMC,IAAmB,CAACC,MAAwCA,MAASF,EAAaE,CAAK,KAAKA,IAQ5FC,IAAwBC,EAAW,CAAC;AAAA,EACxC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC;AAAA,EACA,GAAGC;AACL,GAAmBC,MAAsD;AACvE,QAAM,EAAE,WAAAC,GAAW,WAAAC,MAAcC,EAAcJ,CAAK,GAM9CK,IAAiBC,EAAQ,MAC7BhB,MAAW,UAAaA,MAAW,KACjCiB,EAAgB,SAChB,MAAO,CAACjB,CAAM,CAAC,GAMbkB,IAASF,EAAQ,MAAM;AAC3B,UAAMG,IAA4B;AAAA,MAChC,GAAIN;AAAA,IAAA;AAIN,YAAIA,EAAU,aAAaE,OACzBI,EAAW,gBAAiBN,EAAU,aAAaE,IAIjDX,KACFe,EAAW,aAAa,UACxBA,EAAW,iBAAiB,aAExBN,EAAU,UACZM,EAAW,aAAa5B,EAAiBsB,EAAU,KAAe,IAEhEA,EAAU,YACZM,EAAW,iBAAiB5B,EAAiBsB,EAAU,OAAiB,KAKxEZ,IACFkB,EAAW,UAAU,SAErBA,EAAW,UAAU,QAInBjB,IACFiB,EAAW,QAAQ,SACVb,MAAU,WACnBa,EAAW,QAAQ,OAAOb,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAG5DH,IACFgB,EAAW,SAAS,SACXZ,MAAW,WACpBY,EAAW,SAAS,OAAOZ,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAI/DF,MAAS,WACPA,MAAS,KACXc,EAAW,OAAO,IAElBA,EAAW,OAAOd,IAOlBI,MAAe,WACjBU,EAAW,aAAaV,IAItBD,MACFW,EAAW,UAAU,kBAIhB;AAAA,MACL,GAAGA;AAAA,MACH,GAAGvB;AAAA,IAAA;AAAA,EAEP,GAAG;AAAA,IACDK;AAAA,IACAQ;AAAA,IACAL;AAAA,IACAI;AAAA,IACAH;AAAA,IACAF;AAAA,IACAI;AAAA,IACAQ;AAAA,IACAF;AAAA,IACAjB;AAAA,IACAM;AAAA,IACAI;AAAA,EAAA,CACD;AAED,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAIzB,IAAK,EAAE,IAAI,GAAGA,CAAE,GAAA,IAAO,CAAA;AAAA,MAC5B,KAAAgB;AAAA,MACA,UAAAb;AAAA,MACA,WAAWuB;AAAA,QACTC,EAAQ,YAAY;AAAA,QACpBvB;AAAA,MAAA;AAAA,MAEF,OAAOmB;AAAA,MACN,GAAGN;AAAA,MACJ,eAAaA,EAAU,cAAcA,EAAU,aAAa,KAAKjB;AAAA,MAEhE,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDJ,EAAsB,cAAc;AAM7B,MAAM8B,IAAgCC,EAAqB/B,CAAqB,GAE1EgC,IAAgCD,EAAqB/B,CAAqB;AAEvF8B,EAAU,cAAc;AAExBE,EAAU,cAAc;"}

package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.module.scss.js

@@ -1,2 +1,5 @@
-var o={"layout-box":"layoutBox-module_layout-box__ZIID8"};export{o as default};
+const s = {};
+export {
+  s as default
+};
 //# sourceMappingURL=layoutBox.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutBox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"layoutBox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js

@@ -1,2 +1,5 @@
-let n=function(n){return n.ROW="row",n.COLUMN="column",n}({});export{n as LayoutDirection};
+var O = /* @__PURE__ */ ((r) => (r.ROW = "row", r.COLUMN = "column", r))(O || {});
+export {
+  O as LayoutDirection
+};
 //# sourceMappingURL=layoutBox.types.js.map

package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, HTMLAttributes } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\n// TODO replace with & React.DIVHtmlAttributes<HTMLDivElement>\nexport type LayoutBoxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown'> & {\n  /** CSS flex property. Can be string, boolean (true = flex-1), or number. */\n  flex?: string | boolean | number\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. Can be string or number (converted to px). */\n  width?: string | number\n  /** CSS height property. Can be string or number (converted to px). */\n  height?: string | number\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** CSS background property. */\n  background?: string\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n  /** If true, uses CSS Grid instead of Flexbox. */\n  asGrid?: boolean\n  /** If true, sets width to 100%. */\n  wFull?: boolean\n  /** If true, sets height to 100%. */\n  hFull?: boolean\n  /** If true, centers content in both axes. */\n  centered?: boolean\n  /** If true, adds an outline to help debug layout issues. */\n  debug?: boolean\n} & Omit<CSSProperties, 'direction' | 'flex'>;\n"],"names":["LayoutDirection"],"mappings":"AAKA,IAAYA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA,CAAA"}
+{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, HTMLAttributes } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\n// TODO replace with & React.DIVHtmlAttributes<HTMLDivElement>\nexport type LayoutBoxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown'> & {\n  /** CSS flex property. Can be string, boolean (true = flex-1), or number. */\n  flex?: string | boolean | number\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. Can be string or number (converted to px). */\n  width?: string | number\n  /** CSS height property. Can be string or number (converted to px). */\n  height?: string | number\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** CSS background property. */\n  background?: string\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n  /** If true, uses CSS Grid instead of Flexbox. */\n  asGrid?: boolean\n  /** If true, sets width to 100%. */\n  wFull?: boolean\n  /** If true, sets height to 100%. */\n  hFull?: boolean\n  /** If true, centers content in both axes. */\n  centered?: boolean\n  /** If true, adds an outline to help debug layout issues. */\n  debug?: boolean\n} & Omit<CSSProperties, 'direction' | 'flex'>;\n"],"names":["LayoutDirection"],"mappings":"AAKO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js

@@ -1,2 +1,60 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,Suspense as r,useRef as n,useMemo as a,lazy as c}from"react";import{ErrorBoundary as o}from"../../error/ErrorBoundary.js";import l from"./lazyComponent.module.scss.js";const s={},i=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},m=t((e=>{let{children:t,Component:n,LoaderJSX:a,...c}=e;return React.createElement(o,null,React.createElement(r,{fallback:a||React.createElement("div",{className:l.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},n&&React.createElement(n,c),t&&t))}));m.displayName="LazyComponent";const d=t((e=>{let{pendingPromise:t,promise:r,fallback:c,children:o}=e;const l=n(t||r&&i(r)),s=a((()=>e=>{let{children:t}=e;const r=l.current?.read?.();return r?.then?null:t}),[]);return React.createElement(m,{LoaderJSX:c},React.createElement(s,null,o))}));d.displayName="PendingBoundary";const p=function(r,n){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!s[n]){const o=c(r);s[n]=t((t=>React.createElement(m,e({Component:o},a,t)))),s[n].displayName=n}return s[n]},u=(r,n,a)=>o=>{if(!s[n]){const l=c((()=>r(o)));s[n]=t((t=>React.createElement(m,e({Component:l},a,t)))),s[n].displayName=n}return s[n]};export{m as LazyComponent,d as PendingBoundary,p as createLazyModule,u as createLazyModuleWithStore,i as wrapPromise};
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { memo as a, Suspense as g, useRef as y, useMemo as L, lazy as m } from "react";
+import { ErrorBoundary as w } from "../../error/ErrorBoundary.js";
+import x from "./lazyComponent.module.scss.js";
+const c = {}, z = (n) => {
+  let e = "pending", r;
+  const o = (typeof n == "function" ? n() : n).then(
+    (t) => {
+      e = "success", r = t;
+    },
+    (t) => {
+      e = "error", r = t;
+    }
+  );
+  return {
+    // eslint-disable-next-line consistent-return
+    read() {
+      if (e === "pending")
+        throw o;
+      if (e === "error")
+        throw r;
+      if (e === "success")
+        return r;
+    }
+  };
+}, B = () => /* @__PURE__ */ s("div", { className: x.loader, children: /* @__PURE__ */ s("svg", { className: "spinner", viewBox: "0 0 50 50", children: /* @__PURE__ */ s("circle", { className: "path", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }) }) }), l = a(({ children: n, Component: e, LoaderJSX: r, ...o }) => /* @__PURE__ */ s(w, { children: /* @__PURE__ */ h(g, { fallback: r || B(), children: [
+  e && /* @__PURE__ */ s(e, { ...o }),
+  n && n
+] }) }));
+l.displayName = "LazyComponent";
+const C = a(({ pendingPromise: n, promise: e, fallback: r, children: o }) => {
+  const t = y(n || e && z(e)), d = L(() => ({ children: p }) => {
+    var u, f;
+    const i = (f = (u = t.current) == null ? void 0 : u.read) == null ? void 0 : f.call(u);
+    return i != null && i.then ? null : p;
+  }, []);
+  return /* @__PURE__ */ s(l, { LoaderJSX: r, children: /* @__PURE__ */ s(d, { children: o }) });
+});
+C.displayName = "PendingBoundary";
+const j = (n, e, r = {}) => {
+  if (!c[e]) {
+    const o = m(n);
+    c[e] = a((t) => /* @__PURE__ */ s(l, { Component: o, ...r, ...t })), c[e].displayName = e;
+  }
+  return c[e];
+}, k = (n, e, r) => (o) => {
+  if (!c[e]) {
+    const t = m(() => n(o));
+    c[e] = a((d) => /* @__PURE__ */ s(l, { Component: t, ...r, ...d })), c[e].displayName = e;
+  }
+  return c[e];
+};
+export {
+  l as LazyComponent,
+  C as PendingBoundary,
+  j as createLazyModule,
+  k as createLazyModuleWithStore,
+  z as wrapPromise
+};
 //# sourceMappingURL=LazyComponent.js.map

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","innerPromise","current","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"2QAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,GAAyBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAAA,OAC1FK,MAAAC,cAACC,OACCF,MAAAC,cAACE,EAAQ,CAACC,SAAUN,GAVtBE,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvEhB,GAAaG,MAAAC,cAACJ,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcqB,YAAc,sBAQfC,EACXrB,GAA2BsB,IAA2E,IAA1EC,eAAEA,EAAchC,QAAEA,EAAOmB,SAAEA,EAAQR,SAAEA,GAAgCoB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBhC,GAAWD,EAAYC,IAErEmC,EAA6CC,GAAQ,IAAMC,IAA0C,IAAzC1B,SAAEA,GAAkC0B,EACpG,MAAMC,EAAeL,EAAkBM,SAAShC,SAEhD,OAAO+B,GAAclC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEI,MAAAC,cAACR,EAAa,CAACK,UAAWM,GACxBJ,MAAAC,cAACmB,EAAc,KAAExB,GACH,IAIpBmB,EAAgBD,YAAc,kBAGvB,MAAMW,EAAmB,SAC9BC,EACAZ,GAEgB,IADhBa,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK7C,EAAI+B,GAAc,CACrB,MAAMjB,EAAYkC,EAAKL,GAGvB3C,EAAI+B,GAAepB,GAAMK,GAAWC,MAAAC,cAACR,EAAauC,EAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EACb,EAGamB,EAA4BA,CACvCP,EACAZ,EACAa,IACqCO,IACnC,IAAKnD,EAAI+B,GAAc,CACrB,MAAMjB,EAAYkC,GAAK,IAAML,EAAaQ,KAG1CnD,EAAI+B,GAAepB,GAAMK,GAAWC,MAAAC,cAACR,EAAauC,EAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EAAY"}
+{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","status","result","suspend","res","err","getDefaultLoader","jsx","classes","LazyComponent","memo","children","Component","LoaderJSX","props","ErrorBoundary","jsxs","Suspense","PendingBoundary","pendingPromise","fallback","wrappedPromiseRef","useRef","InnerComponent","useMemo","innerPromise","_b","_a","createLazyModule","lazyResolver","displayName","defaultProps","lazy","createLazyModuleWithStore","store"],"mappings":";;;;AAUA,MAAMA,IAA+B,CAAA,GAaxBC,IAA+B,CAACC,MAAiD;AAC5F,MAAIC,IAAS,WACTC;AACJ,QAAMC,KAAW,OAAOH,KAAY,aAAaA,EAAA,IAAYA,GAAS;AAAA,IACpE,CAACI,MAAQ;AACP,MAAAH,IAAS,WACTC,IAASE;AAAA,IACX;AAAA,IACA,CAACC,MAAQ;AACP,MAAAJ,IAAS,SACTC,IAASG;AAAA,IACX;AAAA,EAAA;AAGF,SAAO;AAAA;AAAA,IAEL,OAAY;AACV,UAAIJ,MAAW;AACb,cAAME;AACR,UAAWF,MAAW;AACpB,cAAMC;AACR,UAAWD,MAAW;AACpB,eAAOC;AAAA,IAEX;AAAA,EAAA;AAEJ,GAEMI,IAAmB,MACvB,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACtB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAC/B,UAAA,gBAAAA,EAAC,UAAA,EAAO,WAAU,QAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,IAAA,CAAI,EAAA,CAC9E,GACF,GAGWE,IACXC,EAAyB,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,GAAGC,EAAA,wBAC9DC,GAAA,EACC,UAAA,gBAAAC,EAACC,KAAS,UAAUJ,KAAaP,KAC9B,UAAA;AAAA,EAAAM,KAAa,gBAAAL,EAACK,GAAA,EAAW,GAAGE,EAAA,CAAO;AAAA,EACnCH,KAAYA;AAAA,EAAA,CACf,GACF,CACD;AAEDF,EAAc,cAAc;AAQrB,MAAMS,IACXR,EAA2B,CAAC,EAAE,gBAAAS,GAAgB,SAAAnB,GAAS,UAAAoB,GAAU,UAAAT,QAAqC;AACtG,QAAMU,IAAoBC,EAAOH,KAAmBnB,KAAWD,EAAYC,CAAO,CAAE,GAE9EuB,IAA6CC,EAAQ,MAAM,CAAC,EAAE,UAAAb,QAAuC;;AACzG,UAAMc,KAAeC,KAAAC,IAAAN,EAAkB,YAAlB,gBAAAM,EAA2B,SAA3B,gBAAAD,EAAA,KAAAC;AAErB,WAAOF,KAAA,QAAAA,EAAc,OAAO,OAAOd;AAAAA,EACrC,GAAG,CAAA,CAAE;AAEL,2BACGF,GAAA,EAAc,WAAWW,GACxB,UAAA,gBAAAb,EAACgB,GAAA,EAAgB,UAAAZ,GAAS,EAAA,CAC5B;AAEJ,CAAC;AAEDO,EAAgB,cAAc;AAGvB,MAAMU,IAAmB,CAC9BC,GACAC,GACAC,IAAwC,CAAA,MACxB;AAChB,MAAI,CAACjC,EAAIgC,CAAW,GAAG;AACrB,UAAMlB,IAAYoB,EAAKH,CAAY;AAGnC,IAAA/B,EAAIgC,CAAW,IAAIpB,EAAK,CAACI,MAAW,gBAAAP,EAACE,GAAA,EAAc,WAAAG,GAAuB,GAAGmB,GAAe,GAAGjB,EAAA,CAAO,CAAG,GACzGhB,EAAIgC,CAAW,EAAE,cAAcA;AAAA,EACjC;AAEA,SAAOhC,EAAIgC,CAAW;AACxB,GAGaG,IAA4B,CACvCJ,GACAC,GACAC,MACoC,CAACG,MAAa;AAChD,MAAI,CAACpC,EAAIgC,CAAW,GAAG;AACrB,UAAMlB,IAAYoB,EAAK,MAAMH,EAAaK,CAAK,CAAC;AAGhD,IAAApC,EAAIgC,CAAW,IAAIpB,EAAK,CAACI,MAAW,gBAAAP,EAACE,GAAA,EAAc,WAAAG,GAAuB,GAAGmB,GAAe,GAAGjB,EAAA,CAAO,CAAG,GACzGhB,EAAIgC,CAAW,EAAE,cAAcA;AAAA,EACjC;AAEA,SAAOhC,EAAIgC,CAAW;AACxB;"}

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/lazyComponent.module.scss.js

@@ -1,2 +1,8 @@
-var a={loader:"lazyComponent-module_loader__brMEW"};export{a as default};
+const e = "_loader_syett_1", s = {
+  loader: e
+};
+export {
+  s as default,
+  e as loader
+};
 //# sourceMappingURL=lazyComponent.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/lazyComponent.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazyComponent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lazyComponent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,43 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const r=t((e=>{let{orientation:t,vertical:r,color:l="var(--divider-line)",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:p=""}=e;const v=i((()=>"vertical"===t||!0===r),[t,r]),h=i((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),g=v?a.vertical:a.horizontal;return React.createElement("div",{className:`${a["divider-line"]} ${g} ${p}`,style:h})}));r.displayName="DividerLine";const l=t((t=>React.createElement(r,e({vertical:!0,length:"100%"},t))));l.displayName="DividerVertical";const o=t((t=>React.createElement(r,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,r as DividerLine,l as DividerVertical};
+import { jsx as t } from "react/jsx-runtime";
+import { memo as o, useMemo as u } from "react";
+import r from "./divider.module.scss.js";
+const s = o(({
+  orientation: i,
+  vertical: a,
+  color: l = "var(--divider-line)",
+  opacity: d,
+  length: n = "80%",
+  left: c = "0",
+  width: m = "1px",
+  height: v = "1px",
+  margin: p,
+  className: D = ""
+}) => {
+  const e = u(() => i === "vertical" || a === !0, [i, a]), y = u(() => ({
+    "--width": m,
+    "--height": v,
+    "--length": n,
+    "--opacity": d,
+    "--color": l,
+    "--left": c,
+    "--margin": p || (e ? "auto 0" : "0 auto")
+  }), [m, v, n, d, l, c, p, e]), x = e ? r.vertical : r.horizontal;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${r["divider-line"]} ${x} ${D}`,
+      style: y
+    }
+  );
+});
+s.displayName = "DividerLine";
+const N = o((i) => /* @__PURE__ */ t(s, { vertical: !0, length: "100%", ...i }));
+N.displayName = "DividerVertical";
+const f = o((i) => /* @__PURE__ */ t(s, { length: "100%", ...i }));
+f.displayName = "DividerHorizontal";
+export {
+  f as DividerHorizontal,
+  s as DividerLine,
+  N as DividerVertical
+};
 //# sourceMappingURL=DividerLine.js.map

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAkBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KAAA,CAEnB,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAAW,GAAIK,EAAgB,mBAAmBD,KAAeJ,IACjES,MAAON,GACP,IAINf,EAAYsB,YAAc,cAEnB,MAAMC,EACTtB,GAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,EAAA,CAACrB,UAAQ,EAACG,OAAO,QAAWiB,MAC5DD,EAAgBD,YAAc,kBAEvB,MAAMI,EACTzB,GAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,EAAA,CAAClB,OAAO,QAAWiB,MACnDE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","jsx","DividerVertical","props","DividerHorizontal"],"mappings":";;;AAkBO,MAAMA,IAAgCC,EAAmB,CAAC;AAAA,EAC/D,aAAAC;AAAA,EAAa,UAAAC;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EAAO,MAAAC,IAAO;AAAA,EACvB,OAAAC,IAAQ;AAAA,EAAO,QAAAC,IAAS;AAAA,EACxB,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAoB;AAClB,QAAMC,IAAaC,EAAQ,MAAMX,MAAgB,cAAcC,MAAa,IAAM,CAACD,GAAaC,CAAQ,CAAC,GAEnGW,IAASD,EAAQ,OACrB;AAAA,IACE,WAAWL;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYH;AAAA,IACZ,aAAaD;AAAA,IACb,WAAWD;AAAA,IACX,UAAUG;AAAA,IACV,YAAYG,MAAWE,IAAa,WAAW;AAAA,EAAA,IAEhD,CAACJ,GAAOC,GAAQH,GAAQD,GAASD,GAAOG,GAAMG,GAAQE,CAAU,CAAC,GAE9DG,IAAcH,IAAaI,EAAQ,WAAWA,EAAQ;AAE5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAID,EAAgB,cAAc,CAAC,IAAID,CAAW,IAAIJ,CAAS;AAAA,MAC1E,OAAOG;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDd,EAAY,cAAc;AAEnB,MAAMkB,IACTjB,EAAK,CAACkB,MAAU,gBAAAF,EAACjB,GAAA,EAAY,UAAQ,IAAC,QAAO,QAAQ,GAAGmB,EAAA,CAAO,CAAE;AACrED,EAAgB,cAAc;AAEvB,MAAME,IACTnB,EAAK,CAACkB,MAAU,gBAAAF,EAACjB,KAAY,QAAO,QAAQ,GAAGmB,GAAO,CAAE;AAC5DC,EAAkB,cAAc;"}

package/dist/lib/esm/src/core/ui/components/dividers/divider.module.scss.js

@@ -1,2 +1,10 @@
-var i={"divider-line":"divider-module_divider-line__6CesR",vertical:"divider-module_vertical__qSVWD",horizontal:"divider-module_horizontal__Gz-Oj"};export{i as default};
+const o = "_vertical_3ogx1_8", t = "_horizontal_3ogx1_14", a = {
+  vertical: o,
+  horizontal: t
+};
+export {
+  a as default,
+  t as horizontal,
+  o as vertical
+};
 //# sourceMappingURL=divider.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/dividers/divider.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"divider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js

@@ -1,2 +1,49 @@
-import{memo as r,PureComponent as e}from"react";import{LayoutBox as t}from"../container/layoutBox/LayoutBox.js";import o from"./errorBoundary.module.scss.js";import{IconBase as a}from"../icon/IconBase.js";const s=r((r=>{let{title:e,text:s}=r;return React.createElement(t,{className:o.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},e&&React.createElement("h1",null,e),React.createElement(t,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(a,{className:o.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),s&&React.createElement(t,{flexShrink:"0",width:"90%"},s)))}));s.displayName="DefaultErrorComponent";class n extends e{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,e){this.props.muted,this.props.muted,this.props?.onError?.({error:r,errorInfo:e}),!this.props.muted&&this.setState({hasError:!0,error:r,errorInfo:e})}render(){const{ErrorComponent:r=s,title:e,text:t,muted:o}=this.props,{hasError:a,error:n,errorInfo:c}=this.state;return a&&!o?React.createElement(r,{title:e||n?.toString()||"Error",text:t||`${JSON.stringify(c,null,2)}`}):a&&o?null:this.props.children}}export{s as DefaultErrorComponent,n as ErrorBoundary};
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { memo as d, PureComponent as u } from "react";
+import { LayoutBox as a } from "../container/layoutBox/LayoutBox.js";
+import c from "./errorBoundary.module.scss.js";
+import { IconBase as f } from "../icon/IconBase.js";
+const h = d(({ title: i, text: r }) => /* @__PURE__ */ m(a, { className: c.errorBoundary, direction: "column", flexWrap: "wrap", gap: "2rem", padding: "1rem", children: [
+  i && /* @__PURE__ */ e("h1", { children: i }),
+  /* @__PURE__ */ m(a, { align: "center", justify: "space-between", gap: "1rem", children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        className: c.StyledIcon,
+        color: "#FF0000",
+        width: "3rem",
+        height: "3rem",
+        children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: /* @__PURE__ */ e("path", { d: "M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z" }) })
+      }
+    ),
+    r && /* @__PURE__ */ e(a, { flexShrink: "0", width: "90%", children: r })
+  ] })
+] }));
+h.displayName = "DefaultErrorComponent";
+class S extends u {
+  constructor(r) {
+    super(r), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, error: r };
+  }
+  componentDidCatch(r, o) {
+    var t, s;
+    this.props.muted, this.props.muted, (s = (t = this.props) == null ? void 0 : t.onError) == null || s.call(t, { error: r, errorInfo: o }), !this.props.muted && this.setState({ hasError: !0, error: r, errorInfo: o });
+  }
+  render() {
+    const { ErrorComponent: r = h, title: o, text: t, muted: s } = this.props, { hasError: p, error: n, errorInfo: l } = this.state;
+    return p && !s ? /* @__PURE__ */ e(
+      r,
+      {
+        title: o || (n == null ? void 0 : n.toString()) || "Error",
+        text: t || `${JSON.stringify(l, null, 2)}`
+      }
+    ) : p && s ? null : this.props.children;
+  }
+}
+export {
+  h as DefaultErrorComponent,
+  S as ErrorBoundary
+};
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { ErrorInfo, FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","muted","onError","setState","render","ErrorComponent","toString","JSON","stringify","children"],"mappings":"6MAgBO,MAAMA,EACXC,GAAKC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,EAAS,CAACC,UAAWC,EAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,EAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,EAAQ,CACPT,UAAWC,EAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAE7BN,KAAKF,MAAMS,MAEXP,KAAKF,MAAMS,MAEZP,KAAKF,OAAOU,UAAU,CAAEJ,QAAOE,eAE9BN,KAAKF,MAAMS,OAASP,KAAKS,SAAS,CAAEP,UAAU,EAAME,QAAOE,aAC9D,CAEAI,MAAAA,GACE,MAAMC,eAAEA,EAAiB3C,EAAqBG,MAAEA,EAAKC,KAAEA,EAAImC,MAAEA,GAAUP,KAAKF,OACtEI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,IAAaK,EAEblC,MAAAC,cAACqC,EAAc,CACbxC,MAAOA,GAASiC,GAAOQ,YAAc,QACrCxC,KAAMA,GAAQ,GAAGyC,KAAKC,UAAUR,EAAW,KAAM,OAKnDJ,GAAYK,EACP,KAGFP,KAAKF,MAAMiB,QACpB"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { ErrorInfo, FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","title","text","jsxs","LayoutBox","classes","jsx","IconBase","ErrorBoundary","PureComponent","props","error","errorInfo","_b","_a","ErrorComponent","muted","hasError"],"mappings":";;;;;AAgBO,MAAMA,IACXC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,EAAA,MACf,gBAAAC,EAACC,GAAA,EAAU,WAAWC,EAAQ,eAAe,WAAU,UAAS,UAAS,QAAO,KAAI,QAAO,SAAQ,QAChG,UAAA;AAAA,EAAAJ,KAAS,gBAAAK,EAAC,QAAI,UAAAL,EAAA,CAAM;AAAA,oBACpBG,GAAA,EAAU,OAAM,UAAS,SAAQ,iBAAgB,KAAI,QACpD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAQ;AAAA,QACnB,OAAM;AAAA,QACN,OAAM;AAAA,QACN,QAAO;AAAA,QAEP,UAAA,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,eAC9C,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,yWAAA,CAAyW,EAAA,CACnX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDJ,KACC,gBAAAI,EAACF,GAAA,EAAU,YAAW,KAAI,OAAM,OAC7B,UAAAF,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAAA,GACF,CACD;AACDH,EAAsB,cAAc;AAE7B,MAAMS,UAAsBC,EAAyC;AAAA,EAC1E,YAAYC,GAA2B;AACrC,UAAMA,CAAK,GACX,KAAK,QAAQ,EAAE,UAAU,GAAA;AAAA,EAC3B;AAAA,EAEA,OAAO,yBAAyBC,GAAqB;AACnD,WAAO,EAAE,UAAU,IAAM,OAAAA,EAAA;AAAA,EAC3B;AAAA,EAEA,kBAAkBA,GAAcC,GAA4B;;AAE1D,IAAC,KAAK,MAAM,OAEX,KAAK,MAAM,QAEZC,KAAAC,IAAA,KAAK,UAAL,gBAAAA,EAAY,YAAZ,QAAAD,EAAA,KAAAC,GAAsB,EAAE,OAAAH,GAAO,WAAAC,MAE/B,CAAC,KAAK,MAAM,SAAS,KAAK,SAAS,EAAE,UAAU,IAAM,OAAAD,GAAO,WAAAC,GAAW;AAAA,EACzE;AAAA,EAEA,SAAoB;AAClB,UAAM,EAAE,gBAAAG,IAAiBhB,GAAuB,OAAAE,GAAO,MAAAC,GAAM,OAAAc,EAAA,IAAU,KAAK,OACtE,EAAE,UAAAC,GAAU,OAAAN,GAAO,WAAAC,EAAA,IAAc,KAAK;AAE5C,WAAIK,KAAY,CAACD,IAEb,gBAAAV;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,OAAOd,MAASU,KAAA,gBAAAA,EAAO,eAAc;AAAA,QACrC,MAAMT,KAAQ,GAAG,KAAK,UAAUU,GAAW,MAAM,CAAC,CAAC;AAAA,MAAA;AAAA,IAAA,IAKrDK,KAAYD,IACP,OAGF,KAAK,MAAM;AAAA,EACpB;AACF;"}

package/dist/lib/esm/src/core/ui/components/error/errorBoundary.module.scss.js

@@ -1,2 +1,8 @@
-var r={errorBoundary:"errorBoundary-module_errorBoundary__gk9ps",StyledIcon:"errorBoundary-module_StyledIcon__IYHiU"};export{r as default};
+const r = "_errorBoundary_18k1r_1", o = {
+  errorBoundary: r
+};
+export {
+  o as default,
+  r as errorBoundary
+};
 //# sourceMappingURL=errorBoundary.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/error/errorBoundary.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorBoundary.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"errorBoundary.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}