@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/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/lib/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/lib/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

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","setIconComponent","component","Select","options","value","inputRef","props","jsx","option","TextAreaComponent","createElement","InputComponent","Field","label","name","type","defaultValue","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","_a","handleChange","valueProps","useMemo","jsxs","classNames","classes"],"mappings":"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"}

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

@@ -1,2 +1,10 @@
-var d={field:"field-module_field__UfKm3",disabled:"field-module_disabled__4aFNw"};export{d as default};
+const d = "_field_1utkt_1", s = "_disabled_1utkt_5", e = {
+  field: d,
+  disabled: s
+};
+export {
+  e as default,
+  s as disabled,
+  d as field
+};
 //# sourceMappingURL=field.module.scss.js.map

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

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

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

@@ -1,2 +1,27 @@
-import{memo as e}from"react";const a=e((e=>{let{icon:a,className:o,color:c="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${o}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:c,d:a.icon[4]}))}));a.displayName="Icon";export{a as Icon};
+import { jsx as e } from "react/jsx-runtime";
+import { memo as i } from "react";
+const m = i(({ icon: a, className: o, color: r = "currentColor" }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-prefix": a.prefix,
+    "data-icon": a.iconName,
+    className: `svg-inline--fa fa-${a.iconName} ${o}`,
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: `0 0 ${a.icon[0]} ${a.icon[1]}`,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: r,
+        d: a.icon[4]
+      }
+    )
+  }
+));
+m.displayName = "Icon";
+export {
+  m as Icon
+};
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","role","xmlns","viewBox","fill","d","displayName"],"mappings":"6BAYO,MAAMA,EAAOC,GAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAW,qBAAqBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAS,OAAOV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","icon","className","color","jsx"],"mappings":";;AAYO,MAAMA,IAAOC,EAAe,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,IAAQ,qBAC7D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,eAAaH,EAAK;AAAA,IAClB,aAAWA,EAAK;AAAA,IAChB,WAAW,qBAAqBA,EAAK,QAAQ,IAAIC,CAAS;AAAA,IAC1D,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAS,OAAOD,EAAK,KAAK,CAAC,CAAC,IAAIA,EAAK,KAAK,CAAC,CAAC;AAAA,IAE5C,UAAA,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMD;AAAA,QACN,GAAGF,EAAK,KAAK,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACF,CACD;AAEDF,EAAK,cAAc;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAsBaA,EAA8BC,GAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAaf,GAEzCgB,EAASC,GAAQ,KAAA,CAEnB,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAU,GACP,CAAA,GAAK,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAA,CAAA,EACMX,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAQ,0BAA0BjB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS6B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","onClickProps","jsxs","classes"],"mappings":";;;;AAsBO,MAAMA,IAA8BC,EAAoB,CAAC;AAAA,EAC9D,SAAAC;AAAA,EAAS,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAAW,MAAAC;AAAA,EAC9B,UAAAC;AAAA,EAAU,OAAAC;AAAA,EAAO,QAAAC;AAAA,EAAQ,OAAAC,IAAQ;AAAA,EAAgB,WAAAC,IAAY;AAAA,EAAI,UAAAC;AAAA,EAAU,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,SAAAC;AAAA,EAAS,GAAGC;AACtG,MAAqB;AACnB,QAAMC,IAAiBd,KAAWe,EAAaf,CAAO,GAEhDgB,IAASC,EAAQ,OACrB;AAAA,IACE,eAAehB,KAAYE,KAAQE,KAAS;AAAA,IAC5C,gBAAgBH,KAAaC,KAAQG,KAAU;AAAA,IAC/C,WAAWH,KAAQE,KAAS;AAAA,IAC5B,YAAYF,KAAQG,KAAU;AAAA,IAC9B,GAAIF,IAAW,EAAE,UAAAA,EAAA,IAAa,CAAA;AAAA,IAC9B,GAAIU,IAAiB,EAAE,cAAc,OAAOA,CAAc,IAAA,IAAQ,CAAA;AAAA,IAClE,GAAIA,IAAiB,EAAE,gBAAgBP,MAAU,EAAE,wBAAwBA,EAAA;AAAA,IAC3E,GAAIK,IAAU,EAAE,QAAQ,UAAA,IAAc,CAAA;AAAA,IACtC,GAAGD;AAAA,EAAA,IAEJ,CAACV,GAAUE,GAAME,GAAOH,GAAWI,GAAQF,GAAUU,GAAgBP,GAAOK,GAASD,CAAK,CAAC,GAExFO,IAAeD,EAAQ,MAAOL,IAAW;AAAA,IAC7C,SAAAA;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,IACP,CAAA,GAAK,CAACA,CAAO,CAAC;AAEnB,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACH,GAAGK;AAAA,MACJ,WAAW,GAAGE,EAAQ,WAAW,CAAC,cAAcZ,CAAS;AAAA,MACzD,OAAOQ;AAAA,MAEL,UAAA;AAAA,QAAA,CAACF,KAAkBL,KAAaA;AAAA,QAChC,CAACK,KAAkBJ,KAASA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC,CAAC;AAEDZ,EAAS,cAAc;"}

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

@@ -1,2 +1,62 @@
-import{resolveAttributes as t,ced as i}from"../../../utils/webComponents/webComponent.utils.js";import s from"./icon.module.scss.js";var e;const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=i("icon-base")(e=class i extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(s["icon-base-parent"]),this.mainElement.classList.add(s["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,s]=t;return`${i}: ${s};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=n.innerHTML,t(this,i.observedAttributes),this.render()}attributeChangedCallback(t,i,s){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof s&&(this.classList.remove(s),this.classList.add(s)),this.color||(this.color="currentColor"),this[t]=s||"",this.render()}})||e;const h={ESIconBase:o};export{o as ESIcon,h as ESIconBase};
+var m = Object.defineProperty;
+var d = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => d(e, typeof t != "symbol" ? t + "" : t, s);
+import { resolveAttributes as u, ced as b } from "../../../utils/webComponents/webComponent.utils.js";
+import l from "./icon.module.scss.js";
+var f = Object.getOwnPropertyDescriptor, g = (e, t, s, n) => {
+  for (var o = n > 1 ? void 0 : n ? f(t, s) : t, r = e.length - 1, c; r >= 0; r--)
+    (c = e[r]) && (o = c(o) || o);
+  return o;
+};
+const a = document.createElement("template");
+a.innerHTML = '<span class="icon-base"></span>';
+let h = class extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    i(this, "content");
+    i(this, "mainElement");
+    i(this, "iconUrl");
+    i(this, "minWidth");
+    i(this, "minHeight");
+    i(this, "width");
+    i(this, "height");
+    i(this, "size");
+    i(this, "fontSize");
+    i(this, "color");
+    i(this, "render", () => {
+      if (this.mainElement = this.mainElement || this.querySelector(".icon-base"), !this.mainElement)
+        return;
+      this.classList.add(l["icon-base-parent"]), this.mainElement.classList.add(l["icon-base"]);
+      const t = {
+        "--min-width": this.minWidth || this.size || this.width || "auto",
+        "--min-height": this.minHeight || this.size || this.height || "auto",
+        "--width": this.size || this.width || "1rem",
+        "--height": this.size || this.height || "1rem",
+        ...this.fontSize ? { "font-size": this.fontSize || "unset" } : {},
+        ...this.iconUrl ? { "--icon-url": `url(${this.iconUrl})` } : {},
+        ...this.iconUrl ? { "--icon-color": this.color } : { "--icon-content-color": this.color }
+      };
+      this.mainElement.innerHTML = this.iconUrl ? "" : this.content || "", this.mainElement.setAttribute("style", Object.entries(t).map(([s, n]) => `${s}: ${n};`).join(" "));
+    });
+  }
+  static get observedAttributes() {
+    return ["iconUrl", "minWidth", "minHeight", "width", "height", "size", "fontSize", "color", "className"];
+  }
+  connectedCallback() {
+    (this.content || this.innerHTML) && (this.content = this.content || this.innerHTML || this.getAttribute("content")), this.innerHTML = a.innerHTML, u(this, h.observedAttributes), this.render();
+  }
+  attributeChangedCallback(t, s, n) {
+    (t === "className" || t === "classname" || t === "class") && typeof n == "string" && (this.classList.remove(n), this.classList.add(n)), this.color || (this.color = "currentColor"), this[t] = n || "", this.render();
+  }
+};
+h = g([
+  b("icon-base")
+], h);
+const L = {
+  ESIconBase: h
+};
+export {
+  h as ESIcon,
+  L as ESIconBase
+};
 //# sourceMappingURL=IconWC.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"2IAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,MAAMC,EAAS,CACb,cAAehB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,UACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,MAC5DT,KAAKG,QAAU,CAAE,aAAc,OAAOH,KAAKG,YAAe,MAC1DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYe,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAK,GAAGC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK2B,aAAa,YAGrE3B,KAAKT,UAAYH,EAASG,UAE1BqC,EAAkB5B,KAAMR,EAAOiC,oBAE/BzB,KAAKW,QACP,CAEAkB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACThC,KAAKa,UAAUoB,OAAOD,GACtBhC,KAAKa,UAAUC,IAAIkB,IAGlBhC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK8B,GAAaE,GAAqB,GACvChC,KAAKW,QACP,KAwBDhB,EAWM,MAAMuC,EAAa,CACxBA,WAAY1C"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","ESIcon","__publicField","classes","styles","key","value","resolveAttributes","attrName","oldVal","newVal","__decorateClass","ced","ESIconBase"],"mappings":";;;;;;;;;;AAKA,MAAMA,IAAW,SAAS,cAAc,UAAU;AAElDA,EAAS,YAAY;AAed,IAAMC,IAAN,cAAqB,YAAY;AAAA,EAAjC;AAAA;AACL,IAAAC,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAkCA,IAAAA,EAAA,gBAAS,MAAY;AAEnB,UADA,KAAK,cAAc,KAAK,eAAe,KAAK,cAAc,YAAY,GAClE,CAAC,KAAK;AACR;AAEF,WAAK,UAAU,IAAIC,EAAQ,kBAAkB,CAAC,GAC9C,KAAK,YAAY,UAAU,IAAIA,EAAQ,WAAW,CAAC;AAEnD,YAAMC,IAAS;AAAA,QACb,eAAe,KAAK,YAAY,KAAK,QAAQ,KAAK,SAAS;AAAA,QAC3D,gBAAgB,KAAK,aAAa,KAAK,QAAQ,KAAK,UAAU;AAAA,QAC9D,WAAW,KAAK,QAAQ,KAAK,SAAS;AAAA,QACtC,YAAY,KAAK,QAAQ,KAAK,UAAU;AAAA,QACxC,GAAI,KAAK,WAAW,EAAE,aAAa,KAAK,YAAY,QAAA,IAAY,CAAA;AAAA,QAChE,GAAI,KAAK,UAAU,EAAE,cAAc,OAAO,KAAK,OAAO,IAAA,IAAQ,CAAA;AAAA,QAC9D,GAAI,KAAK,UAAU,EAAE,gBAAgB,KAAK,UAAU,EAAE,wBAAwB,KAAK,MAAA;AAAA,MAAM;AAG3F,WAAK,YAAY,YAAY,KAAK,UAAU,KAAM,KAAK,WAAW,IAElE,KAAK,YAAY,aAAa,SAAS,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpH;AAAA;AAAA,EArDA,WAAW,qBAA+B;AACxC,WAAO,CAAC,WAAW,YAAY,aAAa,SAAS,UAAU,QAAQ,YAAY,SAAS,WAAW;AAAA,EACzG;AAAA,EAEA,oBAA0B;AACxB,KAAI,KAAK,WAAW,KAAK,eACvB,KAAK,UAAU,KAAK,WAAW,KAAK,aAAa,KAAK,aAAa,SAAS,IAG9E,KAAK,YAAYN,EAAS,WAE1BO,EAAkB,MAAMN,EAAO,kBAAkB,GAEjD,KAAK,OAAA;AAAA,EACP;AAAA,EAEA,yBAAyBO,GAAkBC,GAAgCC,GAAsC;AAC/G,KAAIF,MAAa,eAAeA,MAAa,eAAeA,MAAa,YACnE,OAAOE,KAAW,aACpB,KAAK,UAAU,OAAOA,CAAgB,GACtC,KAAK,UAAU,IAAIA,CAAgB,IAGlC,KAAK,UACR,KAAK,QAAQ,iBAIf,KAAKF,CAAQ,IAAKE,KAAqB,IACvC,KAAK,OAAA;AAAA,EACP;AAwBF;AA3EaT,IAANU,EAAA;AAAA,EADNC,EAAI,WAAW;AAAA,GACHX,CAAA;AAsFN,MAAMY,IAAa;AAAA,EACxB,YAAYZ;AACd;"}

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

@@ -1,2 +1,5 @@
-var e={"icon-base-parent":"icon-module_icon-base-parent__nOMvW","icon-base":"icon-module_icon-base__S0tHf"};export{e as default};
+const s = {};
+export {
+  s as default
+};
 //# sourceMappingURL=icon.module.scss.js.map

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

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

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

@@ -1,2 +1,11 @@
-import"../../../../../node_modules/core-js/modules/es.array.includes.js";import{is as e}from"ramda";const l=l=>{if(!l||!e(String,l)||!l||l?.includes(".svg")||l?.includes("data:image/svg+xml;base64"))return l;const a=l?.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};export{l as unifyIconUrl};
+import { is as l } from "ramda";
+const t = (e) => {
+  if (!e || !l(String, e) || !e || e != null && e.includes(".svg") || e != null && e.includes("data:image/svg+xml;base64"))
+    return e;
+  const a = e == null ? void 0 : e.replaceAll("/\\s+/g", " ").replaceAll("'", '"').replaceAll("%25", "%").replaceAll("%23", "#").replaceAll("%3c", "<").replaceAll("%3e", ">").replaceAll("%20", " ").replaceAll("data:image/svg+xml,", "");
+  return `data:image/svg+xml;base64,${btoa(a)}`;
+};
+export {
+  t as unifyIconUrl
+};
 //# sourceMappingURL=unifyIconUrl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","String","includes","unifiedIconUrl","replaceAll","btoa"],"mappings":"oGAKO,MAAMA,EAAgBC,IAC3B,IAAKA,IAAYC,EAAGC,OAAQF,KAAaA,GACtCA,GAASG,SAAS,SAAWH,GAASG,SAAS,6BAChD,OAAOH,EAGT,MAAMI,EAAiBJ,GAASK,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAO,6BAA6BC,KAAKF,IAAiB"}
+{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","unifiedIconUrl"],"mappings":";AAKO,MAAMA,IAAe,CAACC,MAA4B;AACvD,MAAI,CAACA,KAAW,CAACC,EAAG,QAAQD,CAAO,KAAK,CAACA,KACtCA,KAAA,QAAAA,EAAS,SAAS,WAAWA,KAAA,QAAAA,EAAS,SAAS;AAChD,WAAOA;AAGT,QAAME,IAAiBF,KAAA,gBAAAA,EAAS,WAAW,WAAW,KACnD,WAAW,KAAM,KACjB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,uBAAuB;AAErC,SAAO,6BAA6B,KAAKE,CAAc,CAAC;AAC1D;"}

package/dist/lib/esm/src/core/ui/components/molecules/layouts/FlowLayout.js

@@ -1,2 +1,62 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as a}from"react";import o from"./flowLayout.module.scss.js";import{LayoutBox as r}from"../../container/layoutBox/LayoutBox.js";import{classNames as l}from"../../../../utils/helpers/ui.js";const n=t((t=>{let{itemDTOs:n,containerProps:s={},defaultItemLayoutProps:m={},numColumns:p=1,className:c="",beforeContent:i,afterContent:u,...d}=t;const f=a((()=>p>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(p)}`,width:"100%",height:"unset"}:{display:"flex"}),[p]);return React.createElement(r,e({width:"100%",column:!0,className:l(o.flowLayout,c)},d),i&&React.createElement("span",{className:o.beforeContent,tabIndex:-1},i),React.createElement(r,e({flexWrap:"wrap",gap:"1rem",style:f,width:"100%"},s),n.map((t=>{let{id:a,spanColumn:o,Component:l,layoutProps:n,...s}=t;return React.createElement(r,e({key:a},m,n,o?{style:{width:`calc(${Math.round(100*o)}% - ${16*o}px)`}}:{}),React.createElement(l,s))}))),u&&React.createElement("span",{className:o.afterContent,tabIndex:-1},u))}));n.displayName="FlowLayout";export{n as FlowLayout};
+import { jsxs as w, jsx as e } from "react/jsx-runtime";
+import { memo as u, useMemo as N } from "react";
+import r from "./flowLayout.module.scss.js";
+import { LayoutBox as s } from "../../container/layoutBox/LayoutBox.js";
+import { classNames as g } from "../../../../utils/helpers/ui.js";
+const L = u(({
+  itemDTOs: i,
+  containerProps: m = {},
+  defaultItemLayoutProps: d = {},
+  numColumns: t = 1,
+  className: c = "",
+  beforeContent: o,
+  afterContent: l,
+  ...p
+}) => {
+  const h = N(() => t > 0 ? {
+    display: "grid",
+    gridTemplateColumns: `${"1fr ".repeat(t)}`,
+    width: "100%",
+    height: "unset"
+  } : {
+    display: "flex"
+  }, [t]);
+  return /* @__PURE__ */ w(
+    s,
+    {
+      width: "100%",
+      column: !0,
+      className: g(r.flowLayout, c),
+      ...p,
+      children: [
+        o && /* @__PURE__ */ e("span", { className: r.beforeContent, tabIndex: -1, children: o }),
+        /* @__PURE__ */ e(
+          s,
+          {
+            flexWrap: "wrap",
+            gap: "1rem",
+            style: h,
+            width: "100%",
+            ...m,
+            children: i.map(({ id: y, spanColumn: a, Component: f, layoutProps: n, ...x }) => /* @__PURE__ */ e(
+              s,
+              {
+                ...d,
+                ...n,
+                ...a ? { style: { width: `calc(${Math.round(a * 100)}% - ${a * 16}px)` } } : {},
+                children: /* @__PURE__ */ e(f, { ...x })
+              },
+              y
+            ))
+          }
+        ),
+        l && /* @__PURE__ */ e("span", { className: r.afterContent, tabIndex: -1, children: l })
+      ]
+    }
+  );
+});
+L.displayName = "FlowLayout";
+export {
+  L as FlowLayout
+};
 //# sourceMappingURL=FlowLayout.js.map