@e1011/es-kit 1.4.0 → 1.5.2

package/dist/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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":";;;"}

package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js

@@ -1,2 +1,9 @@
-class r extends Error{constructor(r){super(r),this.name="PropsValidationError"}}export{r as PropsValidationError};
+class s extends Error {
+  constructor(r) {
+    super(r), this.name = "PropsValidationError";
+  }
+}
+export {
+  s as PropsValidationError
+};
 //# sourceMappingURL=propsValidationError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n  constructor(message:string) {\n    super(message)\n    this.name = 'PropsValidationError'\n  }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"AAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
+{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n  constructor(message:string) {\n    super(message)\n    this.name = 'PropsValidationError'\n  }\n}\n"],"names":["PropsValidationError","message"],"mappings":"AAAO,MAAMA,UAA6B,MAAM;AAAA,EAC9C,YAAYC,GAAgB;AAC1B,UAAMA,CAAO,GACb,KAAK,OAAO;AAAA,EACd;AACF;"}

package/dist/ui/esm/src/core/ui/components/field/Field.js

@@ -1,2 +1,168 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useCallback as a,useMemo as l,createElement as n}from"react";import{classNames as o}from"../../../utils/helpers/ui.js";import c from"./field.module.scss.js";let s=()=>"#000000";const i=e=>{s=e};let r=t((function(){return React.createElement("span",null)}));const m=e=>{r=e},p=t((function(t){let{options:a,value:l,inputRef:n,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},o,{ref:n,defaultValue:l}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),u=t((e=>n("textarea",e)));u.displayName="TextAreaComponent";const d=t((e=>n("input",e)));d.displayName="InputComponent";const f=t((t=>{let{label:n,name:i,type:m="text",value:f,defaultValue:h,placeholder:R,inputRef:N,error:g,disabled:E,userDisabled:v,withoutComponent:y,helpTextInfo:C,helpText:b,children:x,iconLeft:j,iconRight:k,addon:F,className:I,onChange:B,onChangeInner:D,onBlur:w,onFocus:T,rightIconClick:V,leftIconClick:$,options:K,style:L,..._}=t,A=d;x||"textarea"!==m||(A=u);const H=a((e=>{v?e?.preventDefault?.():T&&T(e)}),[v,T]),J=a((e=>{v||(D&&e?.target?(e.target.value=D(e.target.value),B&&B(e)):B&&B(e))}),[D,B,v]),O=l((()=>void 0===f?{defaultValue:h}:{value:f}),[f,h]);return React.createElement("div",{className:o(c.field,(E||v)&&c.disabled,I),style:L},React.createElement("label",{htmlFor:i,className:"label"},n),React.createElement("div",{className:"field "+(F?"has-addons":"")},React.createElement("div",{className:`control mainControl ${j&&!y?"has-icons-left":""} ${k?"has-icons-right":""}`},!y&&(x||"select"!==m&&!K?!x&&React.createElement(A,e({name:i,id:i,ref:N,className:"input "+(g?"is-danger":""),type:m,placeholder:R},O,{onChange:J,onBlur:w,onFocus:H,onKeyDown:H,autoComplete:"off",disabled:E},_)):React.createElement(p,e({name:i,id:i,inputRef:N,className:"input "+(g?"is-danger":""),type:"select",placeholder:R,value:f,options:K,onChange:B,onBlur:w,onFocus:H,onKeyDown:H,autoComplete:"off",disabled:E},_))),j&&!y&&React.createElement("span",{className:"iconLeft icon is-small is-left "+($?"is-action":""),onClick:$},React.createElement(r,{iconName:j,color:s})),k&&React.createElement("span",{className:"iconRight icon is-small is-right "+(V?"is-action":""),onClick:V},React.createElement(r,{iconName:k,color:s})),x&&x),F&&F),C&&React.createElement("p",{className:"help"},C),b&&React.createElement("p",{className:"help "+(g?"is-danger":"")},b))}));f.displayName="Field";export{f as Field,p as Select,i as setIconColor,m as setIconComponent};
+import { jsxs as j, jsx as a } from "react/jsx-runtime";
+import { memo as f, useCallback as P, useMemo as V, createElement as w } from "react";
+import { classNames as W } from "../../../utils/helpers/ui.js";
+import q from "./field.module.scss.js";
+let F = () => "#000000";
+const L = (c) => {
+  F = c;
+};
+let S = f(function() {
+  return /* @__PURE__ */ a("span", {});
+});
+const R = (c) => {
+  S = c;
+}, X = f(
+  function({ options: e, value: t, inputRef: m, ...N }) {
+    return /* @__PURE__ */ a("div", { className: "select", children: /* @__PURE__ */ a("select", { ...N, ref: m, defaultValue: t, children: e == null ? void 0 : e.map((s) => /* @__PURE__ */ a(
+      "option",
+      {
+        value: typeof s == "object" ? s == null ? void 0 : s.value : s,
+        children: typeof s == "object" ? s == null ? void 0 : s.label : s
+      },
+      `${JSON.stringify(s)}`
+    )) }) });
+  }
+), z = f((c) => w("textarea", c));
+z.displayName = "TextAreaComponent";
+const G = f((c) => w("input", c));
+G.displayName = "InputComponent";
+const Y = f(({
+  label: c,
+  name: e,
+  type: t = "text",
+  value: m,
+  defaultValue: N,
+  placeholder: s,
+  inputRef: g,
+  error: n,
+  disabled: u,
+  userDisabled: i,
+  withoutComponent: $,
+  helpTextInfo: A,
+  helpText: K,
+  children: o,
+  iconLeft: p,
+  iconRight: y,
+  addon: C,
+  className: H,
+  onChange: r,
+  onChangeInner: x,
+  onBlur: b,
+  onFocus: h,
+  rightIconClick: k,
+  leftIconClick: E,
+  options: I,
+  style: Q,
+  ...J
+}) => {
+  let M = G;
+  !o && t === "textarea" && (M = z);
+  const d = P((l) => {
+    var O;
+    i ? (O = l == null ? void 0 : l.preventDefault) == null || O.call(l) : h && h(l);
+  }, [i, h]), T = P((l) => {
+    i || (x && (l != null && l.target) && (l.target.value = x(l.target.value)), r && r(l));
+  }, [x, r, i]), U = V(() => m === void 0 ? { defaultValue: N } : { value: m }, [m, N]);
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      className: W(
+        q.field,
+        (u || i) && q.disabled,
+        H
+      ),
+      style: Q,
+      children: [
+        /* @__PURE__ */ a("label", { htmlFor: e, className: "label", children: c }),
+        /* @__PURE__ */ j("div", { className: `field ${C ? "has-addons" : ""}`, children: [
+          /* @__PURE__ */ j(
+            "div",
+            {
+              className: `control mainControl ${p && !$ ? "has-icons-left" : ""} ${y ? "has-icons-right" : ""}`,
+              children: [
+                !$ && (!o && (t === "select" || I) ? /* @__PURE__ */ a(
+                  X,
+                  {
+                    name: e,
+                    id: e,
+                    inputRef: g,
+                    className: `input ${n ? "is-danger" : ""}`,
+                    type: "select",
+                    placeholder: s,
+                    value: m,
+                    options: I,
+                    onChange: r,
+                    onBlur: b,
+                    onFocus: d,
+                    onKeyDown: d,
+                    autoComplete: "off",
+                    disabled: u,
+                    ...J
+                  }
+                ) : !o && /* @__PURE__ */ a(
+                  M,
+                  {
+                    name: e,
+                    id: e,
+                    ref: g,
+                    className: `input ${n ? "is-danger" : ""}`,
+                    type: t,
+                    placeholder: s,
+                    ...U,
+                    onChange: T,
+                    onBlur: b,
+                    onFocus: d,
+                    onKeyDown: d,
+                    autoComplete: "off",
+                    disabled: u,
+                    ...J
+                  }
+                )),
+                p && !$ && /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: `iconLeft icon is-small is-left ${E ? "is-action" : ""}`,
+                    onClick: E,
+                    children: /* @__PURE__ */ a(
+                      S,
+                      {
+                        iconName: p,
+                        color: F
+                      }
+                    )
+                  }
+                ),
+                y && /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: `iconRight icon is-small is-right ${k ? "is-action" : ""}`,
+                    onClick: k,
+                    children: /* @__PURE__ */ a(
+                      S,
+                      {
+                        iconName: y,
+                        color: F
+                      }
+                    )
+                  }
+                ),
+                o && o
+              ]
+            }
+          ),
+          C && C
+        ] }),
+        A && /* @__PURE__ */ a("p", { className: "help", children: A }),
+        K && /* @__PURE__ */ a("p", { className: `help ${n ? "is-danger" : ""}`, children: K })
+      ]
+    }
+  );
+});
+Y.displayName = "Field";
+export {
+  Y as Field,
+  X as Select,
+  L as setIconColor,
+  R as setIconComponent
+};
 //# sourceMappingURL=Field.js.map