npm - @cuemath/leap - Versions diffs - 2.8.52-link.2 → 2.8.52 - Mend

@cuemath/leap 2.8.52-link.2 → 2.8.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

package/dist/features/ui/inputs/radio-input/radio-input.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import l from "../../layout/flex-view.js";
-import { RadioOptionWrapper as m } from "./radio-input-styled.js";
+import { jsx as e } from "react/jsx-runtime";
+import m from "../../layout/flex-view.js";
+import { RadioOptionWrapper as a } from "./radio-input-styled.js";
 import c from "./radio-option/radio-option.js";
-const d = ({
-  options: e,
-  value: t,
-  onChange: i,
+const $ = ({
+  options: o,
+  value: i,
+  onChange: t,
   numColumns: n
-}) => /* @__PURE__ */ o(l, { $width: "100%", $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.5, children: e.map((p) => {
-  const { label: a, id: r } = p;
-  return /* @__PURE__ */ o(
-    m,
+}) => /* @__PURE__ */ e(m, { $width: "100%", $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.5, children: o.map((p) => {
+  const { label: l, id: r } = p;
+  return /* @__PURE__ */ e(
+    a,
     {
       $flexDirection: "row",
       $numColumns: n ?? 1,
       $alignItems: "center",
-      children: /* @__PURE__ */ o(c, { id: r, label: a, checked: t === r, onChange: i })
+      children: /* @__PURE__ */ e(c, { id: r, label: l, checked: i === r, onChange: t })
     },
     r
   );
-}) }), x = d;
+}) });
 export {
-  x as default
+  $ as default
 };
 //# sourceMappingURL=radio-input.js.map

package/dist/features/ui/inputs/radio-input/radio-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-input.js","sources":["../../../../../src/features/ui/inputs/radio-input/radio-input.tsx"],"sourcesContent":["import type { IRadioInputProps } from './radio-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport * as Styled from './radio-input-styled';\nimport RadioOption from './radio-option/radio-option';\n\nconst RadioInput = <IDType extends string \| number>({\n options,\n value,\n onChange,\n numColumns,\n}: IRadioInputProps<IDType>): JSX.Element => {\n return (\n <FlexView $width=\"100%\" $flexDirection=\"row\" $flexWrap $flexGapX={1.5}>\n {options.map(option => {\n const { label, id } = option;\n\n return (\n <Styled.RadioOptionWrapper\n key={id}\n $flexDirection=\"row\"\n $numColumns={numColumns ?? 1}\n $alignItems=\"center\"\n >\n <RadioOption<IDType> id={id} label={label} checked={value === id} onChange={onChange} />\n </Styled.RadioOptionWrapper>\n );\n })}\n </FlexView>\n );\n};\n\nexport default RadioInput;\n"],"names":["RadioInput","options","value","onChange","numColumns","jsx","FlexView","option","label","id","Styled.RadioOptionWrapper","RadioOption"~~,"RadioInput$1"~~],"mappings":";;;;AAMA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEK,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,gBAAe,OAAM,WAAS,IAAC,WAAW,KAC/D,UAAQL,EAAA,IAAI,CAAUM,MAAA;AACf,QAAA,EAAE,OAAAC,GAAO,IAAAC,~~EAAO~~,~~IAAAF~~;AAGpB,SAAA,gBAAAF;AAAA,IAACK;AAAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAaN,KAAc;AAAA,MAC3B,aAAY;AAAA,MAEZ,4BAACO,GAAoB,EAAA,IAAAF,GAAQ,OAAAD,GAAc,SAASN,MAAUO,GAAI,UAAAN,~~GAAoB~~;AAAA,IAAA;AAAA,IALjFM;AAAA,~~EAAA~~;~~AAQV~~,CAAA,~~EACH,CAAA,GAIJG,IAAeZ~~;"}
1	+ {"version":3,"file":"radio-input.js","sources":["../../../../../src/features/ui/inputs/radio-input/radio-input.tsx"],"sourcesContent":["import type { IRadioInputProps } from './radio-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport * as Styled from './radio-input-styled';\nimport RadioOption from './radio-option/radio-option';\n\nconst RadioInput = <IDType extends string \| number>({\n options,\n value,\n onChange,\n numColumns,\n}: IRadioInputProps<IDType>): JSX.Element => {\n return (\n <FlexView $width=\"100%\" $flexDirection=\"row\" $flexWrap $flexGapX={1.5}>\n {options.map(option => {\n const { label, id } = option;\n\n return (\n <Styled.RadioOptionWrapper\n key={id}\n $flexDirection=\"row\"\n $numColumns={numColumns ?? 1}\n $alignItems=\"center\"\n >\n <RadioOption<IDType> id={id} label={label} checked={value === id} onChange={onChange} />\n </Styled.RadioOptionWrapper>\n );\n })}\n </FlexView>\n );\n};\n\nexport default RadioInput;\n"],"names":["RadioInput","options","value","onChange","numColumns","jsx","FlexView","option","label","id","Styled.RadioOptionWrapper","RadioOption"],"mappings":";;;;AAMA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEK,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,gBAAe,OAAM,WAAS,IAAC,WAAW,KAC/D,UAAQL,EAAA,IAAI,CAAUM,MAAA;AACf,QAAA,EAAE,OAAAC,GAAO,IAAAC,EAAA,IAAOF;AAGpB,SAAA,gBAAAF;AAAA,IAACK;AAAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAaN,KAAc;AAAA,MAC3B,aAAY;AAAA,MAEZ,4BAACO,GAAoB,EAAA,IAAAF,GAAQ,OAAAD,GAAc,SAASN,MAAUO,GAAI,UAAAN,EAAoB,CAAA;AAAA,IAAA;AAAA,IALjFM;AAAA,EAMP;AAEH,CAAA,GACH;"}

package/dist/features/ui/inputs/radio-input/radio-option/radio-option-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-option-styled.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../text/text';\n\nconst RadioOptionWrapper = styled.div(\n ({ theme }) => `\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: ${theme.layout.gutter * 0.5}px;\n `,\n);\n\ninterface IInputOptionProps {\n $size: number;\n $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionProps>(\n ({ theme, $size, $innerCircle }) => `\n position: relative;\n flex-shrink: 0;\n width: ${$size}px;\n height: ${$size}px;\n margin: 0 ${theme.layout.gutter * 0.25}px;\n border-radius: ${$size / 2}px;\n background-color: ${theme.colors[$innerCircle ? 'BLACK' : 'WHITE']};\n border-color: ${theme.colors.BLACK};\n border-width: ${$innerCircle ? 0 : 2}px;\n border-style: solid;\n `,\n);\n\nconst InputOptionInnerCircleWrraper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst Label = styled(Text)`\n word-break: break-all;\n`;\n\nexport { InputOptionCircle, Label, RadioOptionWrapper, InputOptionInnerCircleWrraper };\n"],"names":["RadioOptionWrapper","styled","theme","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircleWrraper","Label","Text"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,WAINA,EAAM,OAAO,SAAS,GAAG;AAAA;AAEpC,GAOMC,IAAoBF,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAE,GAAO,cAAAC,~~EAAmB,MAAA~~;AAAA;AAAA;AAAA,aAGzBD,CAAK;AAAA,cACJA,CAAK;AAAA,gBACHF,EAAM,OAAO,SAAS,IAAI;AAAA,qBACrBE,IAAQ,CAAC;AAAA,wBACNF,EAAM,OAAOG,IAAe,UAAU,OAAO,CAAC;AAAA,oBAClDH,EAAM,OAAO,KAAK;AAAA,oBAClBG,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,GAEMC,IAAgCL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQvCM,IAAQN,EAAOO,CAAI;AAAA;AAAA;"}
1	+ {"version":3,"file":"radio-option-styled.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../text/text';\n\nconst RadioOptionWrapper = styled.div(\n ({ theme }) => `\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: ${theme.layout.gutter * 0.5}px;\n `,\n);\n\ninterface IInputOptionProps {\n $size: number;\n $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionProps>(\n ({ theme, $size, $innerCircle }) => `\n position: relative;\n flex-shrink: 0;\n width: ${$size}px;\n height: ${$size}px;\n margin: 0 ${theme.layout.gutter * 0.25}px;\n border-radius: ${$size / 2}px;\n background-color: ${theme.colors[$innerCircle ? 'BLACK' : 'WHITE']};\n border-color: ${theme.colors.BLACK};\n border-width: ${$innerCircle ? 0 : 2}px;\n border-style: solid;\n `,\n);\n\nconst InputOptionInnerCircleWrraper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst Label = styled(Text)`\n word-break: break-all;\n`;\n\nexport { InputOptionCircle, Label, RadioOptionWrapper, InputOptionInnerCircleWrraper };\n"],"names":["RadioOptionWrapper","styled","theme","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircleWrraper","Label","Text"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,WAINA,EAAM,OAAO,SAAS,GAAG;AAAA;AAEpC,GAOMC,IAAoBF,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAE,GAAO,cAAAC,QAAmB;AAAA;AAAA;AAAA,aAGzBD,CAAK;AAAA,cACJA,CAAK;AAAA,gBACHF,EAAM,OAAO,SAAS,IAAI;AAAA,qBACrBE,IAAQ,CAAC;AAAA,wBACNF,EAAM,OAAOG,IAAe,UAAU,OAAO,CAAC;AAAA,oBAClDH,EAAM,OAAO,KAAK;AAAA,oBAClBG,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,GAEMC,IAAgCL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQvCM,IAAQN,EAAOO,CAAI;AAAA;AAAA;"}

package/dist/features/ui/inputs/radio-input/radio-option/radio-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import type { IRadioOptionProps } from './radio-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\n\nconst RadioOption = <IDType extends string \| number>({\n id,\n label,\n checked,\n onChange,\n}: IRadioOptionProps<IDType>): JSX.Element => {\n const {\n layout: { gutter },\n } = useTheme();\n const handleOnClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (!checked) onChange(id);\n }, [checked, onChange, id]);\n\n return (\n <Styled.RadioOptionWrapper onClick={handleOnClick}>\n <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n {checked && (\n <Styled.InputOptionInnerCircleWrraper>\n <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n </Styled.InputOptionInnerCircleWrraper>\n )}\n </Styled.InputOptionCircle>\n <Styled.Label $renderAs={checked ? 'body1Medium' : 'body1'}>{label}</Styled.Label>\n </Styled.RadioOptionWrapper>\n );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAOA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA8C;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,gBAAgB,SAAU,UAAMD,~~GAAA~~;AAAA,~~EACrE,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import type { IRadioOptionProps } from './radio-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\n\nconst RadioOption = <IDType extends string \| number>({\n id,\n label,\n checked,\n onChange,\n}: IRadioOptionProps<IDType>): JSX.Element => {\n const {\n layout: { gutter },\n } = useTheme();\n const handleOnClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (!checked) onChange(id);\n }, [checked, onChange, id]);\n\n return (\n <Styled.RadioOptionWrapper onClick={handleOnClick}>\n <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n {checked && (\n <Styled.InputOptionInnerCircleWrraper>\n <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n </Styled.InputOptionInnerCircleWrraper>\n )}\n </Styled.InputOptionCircle>\n <Styled.Label $renderAs={checked ? 'body1Medium' : 'body1'}>{label}</Styled.Label>\n </Styled.RadioOptionWrapper>\n );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAOA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA8C;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,gBAAgB,SAAU,UAAMD,EAAA,CAAA;AAAA,EAAA,GACrE;AAEJ;"}

package/dist/features/ui/inputs/searchable-input/searchable-input-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n $inputRenderAs: IBaseInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n ({ theme, $size, $disabled, $inputRenderAs }) => {\n const { colors, input } = theme;\n const { iconsize } = input.sizes[$size];\n const { labelColorName } = input.variants[$inputRenderAs];\n\n return `\n cursor: pointer;\n width: ${iconsize}px;\n height: ${iconsize}px;\n\n align-self: center;\n color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n pointer-events: ${$disabled ? 'none' : 'auto'};\n\n & svg {\n width: 100%;\n height: 100%;\n }\n `;\n },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,~~EAAU~~,~~IAAAL~~,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAOnD~~;~~AACF~~,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}
1	+ {"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n $inputRenderAs: IBaseInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n ({ theme, $size, $disabled, $inputRenderAs }) => {\n const { colors, input } = theme;\n const { iconsize } = input.sizes[$size];\n const { labelColorName } = input.variants[$inputRenderAs];\n\n return `\n cursor: pointer;\n width: ${iconsize}px;\n height: ${iconsize}px;\n\n align-self: center;\n color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n pointer-events: ${$disabled ? 'none' : 'auto'};\n\n & svg {\n width: 100%;\n height: 100%;\n }\n `;\n },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUL,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQrD,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}

package/dist/features/ui/inputs/searchable-input/searchable-input.js CHANGED Viewed

@@ -4,7 +4,7 @@ import v from "../../buttons/clickable/clickable.js";
 import S from "../../layout/flex-view.js";
 import z from "../base-input/base-input.js";
 import { Input as A } from "../text-input/text-input-styled.js";
-import { StyledPrefixElementWrapper as D, StyledCrossIcon as R } from "./searchable-input-styled.js";
+import { StyledCrossIcon as D, StyledPrefixElementWrapper as R } from "./searchable-input-styled.js";
 const G = (u) => {
   const {
     renderAs: s,
@@ -64,7 +64,7 @@ const G = (u) => {
               $widthX: $,
               children: [
                 l && p && /* @__PURE__ */ r(
-                  D,
+                  R,
                   {
                     $inputRenderAs: s,
                     $disabled: t,
@@ -89,7 +89,7 @@ const G = (u) => {
               ]
             }
           ),
-          siblingElement: h && /* @__PURE__ */ r(R, { onClick: k })
+          siblingElement: h && /* @__PURE__ */ r(D, { onClick: k })
         }
       )
     }

package/dist/features/ui/inputs/searchable-input/searchable-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n const {\n renderAs,\n value,\n disabled,\n label,\n width,\n widthX,\n shape = 'curved',\n size = 'regular',\n onSearchTextChange,\n onPrefixElementClick,\n onEnter,\n searchOnClear,\n analyticsLabel,\n analyticsProps,\n prefixElement,\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const handleOnChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onSearchTextChange(e.target.value);\n },\n [onSearchTextChange],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const handleOnPrefixElementClick = useCallback(() => {\n onPrefixElementClick?.();\n }, [onPrefixElementClick]);\n\n const handleOnClear = useCallback(() => {\n onSearchTextChange('');\n\n if (searchOnClear) {\n onEnter?.(searchOnClear);\n }\n\n inputRef.current?.focus();\n }, [onSearchTextChange, searchOnClear, onEnter]);\n\n return (\n <Clickable\n label={label ?? 'searchable_input'}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n disabled={disabled}\n >\n <BaseInput\n renderAs={renderAs}\n size={size}\n shape={shape}\n disabled={disabled}\n label={label}\n inputElement={\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"100%\"\n $flexGap={12}\n $width={width}\n $widthX={widthX}\n >\n {onPrefixElementClick && prefixElement && (\n <Styled.StyledPrefixElementWrapper\n $inputRenderAs={renderAs}\n $disabled={disabled}\n $size={size}\n onClick={handleOnPrefixElementClick}\n >\n {prefixElement}\n </Styled.StyledPrefixElementWrapper>\n )}\n <Input\n $renderAs={renderAs}\n placeholder={label}\n ref={inputRef}\n $size={size}\n value={value ?? ''}\n disabled={disabled}\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n />\n </FlexView>\n }\n siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n />\n </Clickable>\n );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,~~EACE~~,~~IAAAf~~,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,~~EAAA~~,~~GAGfY~~,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,~~EAAA~~,~~GAGJW~~,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACFD,KAAA,QAAAA,EAAUC,MAGZY,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EACjB,GAAA,CAACf,GAAoBG,GAAeD,CAAO,CAAC;AAG7C,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,~~gBACb~~;AAAA,~~cAAA~~;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,~~GAAe~~;AAAA,QAAA;AAAA,~~MAC3E~~;AAAA,~~IAAA~~;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n const {\n renderAs,\n value,\n disabled,\n label,\n width,\n widthX,\n shape = 'curved',\n size = 'regular',\n onSearchTextChange,\n onPrefixElementClick,\n onEnter,\n searchOnClear,\n analyticsLabel,\n analyticsProps,\n prefixElement,\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const handleOnChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onSearchTextChange(e.target.value);\n },\n [onSearchTextChange],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const handleOnPrefixElementClick = useCallback(() => {\n onPrefixElementClick?.();\n }, [onPrefixElementClick]);\n\n const handleOnClear = useCallback(() => {\n onSearchTextChange('');\n\n if (searchOnClear) {\n onEnter?.(searchOnClear);\n }\n\n inputRef.current?.focus();\n }, [onSearchTextChange, searchOnClear, onEnter]);\n\n return (\n <Clickable\n label={label ?? 'searchable_input'}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n disabled={disabled}\n >\n <BaseInput\n renderAs={renderAs}\n size={size}\n shape={shape}\n disabled={disabled}\n label={label}\n inputElement={\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"100%\"\n $flexGap={12}\n $width={width}\n $widthX={widthX}\n >\n {onPrefixElementClick && prefixElement && (\n <Styled.StyledPrefixElementWrapper\n $inputRenderAs={renderAs}\n $disabled={disabled}\n $size={size}\n onClick={handleOnPrefixElementClick}\n >\n {prefixElement}\n </Styled.StyledPrefixElementWrapper>\n )}\n <Input\n $renderAs={renderAs}\n placeholder={label}\n ref={inputRef}\n $size={size}\n value={value ?? ''}\n disabled={disabled}\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n />\n </FlexView>\n }\n siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n />\n </Clickable>\n );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEf,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,EACrB,GAEMY,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMW,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACFD,KAAA,QAAAA,EAAUC,MAGZY,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EACjB,GAAA,CAACf,GAAoBG,GAAeD,CAAO,CAAC;AAG7C,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,EAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3E;AAAA,EACF;AAEJ;"}

package/dist/features/ui/inputs/searchable-select-input/searchable-select-input.js CHANGED Viewed

@@ -3,26 +3,26 @@ import { useState as g, useMemo as v, useCallback as i, useEffect as u } from "r
 import y from "../../../hooks/use-previous.js";
 import I from "../base-select-input/base-select-input.js";
 import O from "./use-filtered-options.js";
-const W = (f) => {
+const F = (f) => {
   const {
-    defaultSearchText: n,
+    defaultSearchText: s,
     controlled: d = !1,
-    options: s,
+    options: n,
     onChange: r,
-    onClear: l,
+    onClear: c,
     value: t,
     ...p
-  } = f, [o, a] = g(n), h = y(t), S = v(
+  } = f, [o, a] = g(s), h = y(t), S = v(
     () => {
       var e;
-      return o === void 0 && s instanceof Array ? (e = s.find((c) => c.id === t)) == null ? void 0 : e.label : void 0;
+      return o === void 0 && n instanceof Array ? (e = n.find((l) => l.id === t)) == null ? void 0 : e.label : void 0;
     },
-    [o, s, t]
-  ), m = O(s, o), x = i(() => {
-    l && l();
-  }, [l]), C = i(
-    (e, c) => {
-      a(c.label), r(e, c);
+    [o, n, t]
+  ), m = O(n, o), x = i(() => {
+    c && c();
+  }, [c]), C = i(
+    (e, l) => {
+      a(l.label), r(e, l);
     },
     [r]
   ), T = i(
@@ -32,8 +32,8 @@ const W = (f) => {
     [r]
   );
   return u(() => {
-    a(n);
-  }, [n]), u(() => {
+    a(s);
+  }, [s]), u(() => {
     h && t === void 0 && o && a("");
   }, [t, a, o, h]), /* @__PURE__ */ b(
     I,
@@ -41,15 +41,15 @@ const W = (f) => {
       ...p,
       value: t,
       searchable: !0,
-      searchText: d ? n : o ?? S ?? "",
+      searchText: d ? s : o ?? S ?? "",
       onSearchTextChange: T,
       options: m,
       onChange: C,
       onCloseWithoutSelection: x
     }
   );
-}, M = W;
+};
 export {
-  M as default
+  F as default
 };
 //# sourceMappingURL=searchable-select-input.js.map

package/dist/features/ui/inputs/searchable-select-input/searchable-select-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchable-select-input.js","sources":["../../../../../src/features/ui/inputs/searchable-select-input/searchable-select-input.tsx"],"sourcesContent":["import type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport type { ISearchableSelectInputProps } from './searchable-select-input-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport usePrevious from '../../../hooks/use-previous';\nimport BaseSelectInput from '../base-select-input/base-select-input';\nimport useFilteredOptions from './use-filtered-options';\n\nconst SearchableSelectInput = <IDType extends string \| number>(\n props: ISearchableSelectInputProps<IDType>,\n): JSX.Element => {\n const {\n defaultSearchText,\n controlled = false,\n options,\n onChange,\n onClear,\n value,\n ...rest\n } = props;\n\n const [searchText, setSearchText] = useState<undefined \| string>(defaultSearchText);\n const prevValue = usePrevious(value);\n const label = useMemo(\n () =>\n searchText === undefined && options instanceof Array\n ? options.find(option => option.id === value)?.label\n : undefined,\n [searchText, options, value],\n );\n const filteredOptions = useFilteredOptions(options, searchText);\n\n const handleCloseWithoutSelection = useCallback(() => {\n if (onClear) {\n onClear();\n }\n }, [onClear]);\n\n const handleChange = useCallback<ISearchableSelectInputProps<IDType>['onChange']>(\n (id, option) => {\n setSearchText(option.label);\n onChange(id, option);\n },\n [onChange],\n );\n\n const handleSearchText = useCallback(\n (val: string) => {\n setSearchText(val);\n\n if (!val) {\n onChange(val as IDType, {} as ISelectOption<IDType>);\n }\n },\n [onChange],\n );\n\n useEffect(() => {\n setSearchText(defaultSearchText);\n }, [defaultSearchText]);\n\n useEffect(() => {\n if (prevValue && value === undefined && searchText) {\n setSearchText('');\n }\n }, [value, setSearchText, searchText, prevValue]);\n\n const displaySearchText = controlled ? defaultSearchText : searchText ?? label ?? '';\n\n return (\n <BaseSelectInput<IDType>\n {...rest}\n value={value}\n searchable\n searchText={displaySearchText}\n onSearchTextChange={handleSearchText}\n options={filteredOptions}\n onChange={handleChange}\n onCloseWithoutSelection={handleCloseWithoutSelection}\n />\n );\n};\n\nexport default SearchableSelectInput;\n"],"names":["SearchableSelectInput","props","defaultSearchText","controlled","options","onChange","onClear","value","rest","searchText","setSearchText","useState","prevValue","usePrevious","label","useMemo","_a","option","filteredOptions","useFilteredOptions","handleCloseWithoutSelection","useCallback","handleChange","id","handleSearchText","val","useEffect","jsx","BaseSelectInput"~~,"SearchableSelectInput$1"~~],"mappings":";;;;;~~AASA~~,~~MAAMA~~,IAAwB,CAC5BC,MACgB;AACV,QAAA;AAAA,IACJ,mBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,~~EACD~~,~~IAAAP~~,GAEE,CAACQ,GAAYC,CAAa,IAAIC,EAA6BT,CAAiB,GAC5EU,IAAYC,EAAYN,CAAK,GAC7BO,IAAQC;AAAA,IACZ,MAAA;;AACE,aAAAN,MAAe,UAAaL,aAAmB,SAC3CY,IAAAZ,EAAQ,KAAK,CAAAa,MAAUA,EAAO,OAAOV,CAAK,MAA1C,gBAAAS,EAA6C,QAC7C;AAAA;AAAA,IACN,CAACP,GAAYL,GAASG,CAAK;AAAA,~~EAAA~~,~~GAEvBW~~,IAAkBC,EAAmBf,GAASK,CAAU,GAExDW,IAA8BC,EAAY,MAAM;AACpD,IAAIf,KACMA;EACV,GACC,CAACA,CAAO,CAAC,GAENgB,IAAeD;AAAA,IACnB,CAACE,GAAIN,MAAW;AACd,MAAAP,EAAcO,EAAO,KAAK,GAC1BZ,EAASkB,GAAIN,CAAM;AAAA,IACrB;AAAA,IACA,CAACZ,CAAQ;AAAA,~~EAAA~~,~~GAGLmB~~,IAAmBH;AAAA,IACvB,CAACI,MAAgB;AACf,MAAAf,EAAce,CAAG,GAEZA,KACMpB,EAAAoB,GAAe,~~CAAA,CAA2B~~;AAAA,IAEvD;AAAA,IACA,CAACpB,CAAQ;AAAA,~~EAAA~~;~~AAGX~~,SAAAqB,EAAU,MAAM;AACd,IAAAhB,EAAcR,CAAiB;AAAA,EAAA,GAC9B,CAACA,CAAiB,CAAC,GAEtBwB,EAAU,MAAM;AACV,IAAAd,KAAaL,MAAU,UAAaE,KACtCC,EAAc,EAAE;AAAA,KAEjB,CAACH,GAAOG,GAAeD,GAAYG,CAAS,CAAC,GAK9C,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGpB;AAAA,MACJ,OAAAD;AAAA,MACA,YAAU;AAAA,MACV,YAPsBJ,IAAaD,IAAoBO,KAAcK,KAAS;AAAA,MAQ9E,oBAAoBU;AAAA,MACpB,SAASN;AAAA,MACT,UAAUI;AAAA,MACV,yBAAyBF;AAAA,IAAA;AAAA,~~EAAA~~;~~AAG/B,GAEAS,IAAe7B~~;"}
1	+ {"version":3,"file":"searchable-select-input.js","sources":["../../../../../src/features/ui/inputs/searchable-select-input/searchable-select-input.tsx"],"sourcesContent":["import type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport type { ISearchableSelectInputProps } from './searchable-select-input-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport usePrevious from '../../../hooks/use-previous';\nimport BaseSelectInput from '../base-select-input/base-select-input';\nimport useFilteredOptions from './use-filtered-options';\n\nconst SearchableSelectInput = <IDType extends string \| number>(\n props: ISearchableSelectInputProps<IDType>,\n): JSX.Element => {\n const {\n defaultSearchText,\n controlled = false,\n options,\n onChange,\n onClear,\n value,\n ...rest\n } = props;\n\n const [searchText, setSearchText] = useState<undefined \| string>(defaultSearchText);\n const prevValue = usePrevious(value);\n const label = useMemo(\n () =>\n searchText === undefined && options instanceof Array\n ? options.find(option => option.id === value)?.label\n : undefined,\n [searchText, options, value],\n );\n const filteredOptions = useFilteredOptions(options, searchText);\n\n const handleCloseWithoutSelection = useCallback(() => {\n if (onClear) {\n onClear();\n }\n }, [onClear]);\n\n const handleChange = useCallback<ISearchableSelectInputProps<IDType>['onChange']>(\n (id, option) => {\n setSearchText(option.label);\n onChange(id, option);\n },\n [onChange],\n );\n\n const handleSearchText = useCallback(\n (val: string) => {\n setSearchText(val);\n\n if (!val) {\n onChange(val as IDType, {} as ISelectOption<IDType>);\n }\n },\n [onChange],\n );\n\n useEffect(() => {\n setSearchText(defaultSearchText);\n }, [defaultSearchText]);\n\n useEffect(() => {\n if (prevValue && value === undefined && searchText) {\n setSearchText('');\n }\n }, [value, setSearchText, searchText, prevValue]);\n\n const displaySearchText = controlled ? defaultSearchText : searchText ?? label ?? '';\n\n return (\n <BaseSelectInput<IDType>\n {...rest}\n value={value}\n searchable\n searchText={displaySearchText}\n onSearchTextChange={handleSearchText}\n options={filteredOptions}\n onChange={handleChange}\n onCloseWithoutSelection={handleCloseWithoutSelection}\n />\n );\n};\n\nexport default SearchableSelectInput;\n"],"names":["SearchableSelectInput","props","defaultSearchText","controlled","options","onChange","onClear","value","rest","searchText","setSearchText","useState","prevValue","usePrevious","label","useMemo","_a","option","filteredOptions","useFilteredOptions","handleCloseWithoutSelection","useCallback","handleChange","id","handleSearchText","val","useEffect","jsx","BaseSelectInput"],"mappings":";;;;;AASM,MAAAA,IAAwB,CAC5BC,MACgB;AACV,QAAA;AAAA,IACJ,mBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAEE,CAACQ,GAAYC,CAAa,IAAIC,EAA6BT,CAAiB,GAC5EU,IAAYC,EAAYN,CAAK,GAC7BO,IAAQC;AAAA,IACZ,MAAA;;AACE,aAAAN,MAAe,UAAaL,aAAmB,SAC3CY,IAAAZ,EAAQ,KAAK,CAAAa,MAAUA,EAAO,OAAOV,CAAK,MAA1C,gBAAAS,EAA6C,QAC7C;AAAA;AAAA,IACN,CAACP,GAAYL,GAASG,CAAK;AAAA,EAC7B,GACMW,IAAkBC,EAAmBf,GAASK,CAAU,GAExDW,IAA8BC,EAAY,MAAM;AACpD,IAAIf,KACMA,EAAA;AAAA,EACV,GACC,CAACA,CAAO,CAAC,GAENgB,IAAeD;AAAA,IACnB,CAACE,GAAIN,MAAW;AACd,MAAAP,EAAcO,EAAO,KAAK,GAC1BZ,EAASkB,GAAIN,CAAM;AAAA,IACrB;AAAA,IACA,CAACZ,CAAQ;AAAA,EACX,GAEMmB,IAAmBH;AAAA,IACvB,CAACI,MAAgB;AACf,MAAAf,EAAce,CAAG,GAEZA,KACMpB,EAAAoB,GAAe,EAA2B;AAAA,IAEvD;AAAA,IACA,CAACpB,CAAQ;AAAA,EACX;AAEA,SAAAqB,EAAU,MAAM;AACd,IAAAhB,EAAcR,CAAiB;AAAA,EAAA,GAC9B,CAACA,CAAiB,CAAC,GAEtBwB,EAAU,MAAM;AACV,IAAAd,KAAaL,MAAU,UAAaE,KACtCC,EAAc,EAAE;AAAA,KAEjB,CAACH,GAAOG,GAAeD,GAAYG,CAAS,CAAC,GAK9C,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGpB;AAAA,MACJ,OAAAD;AAAA,MACA,YAAU;AAAA,MACV,YAPsBJ,IAAaD,IAAoBO,KAAcK,KAAS;AAAA,MAQ9E,oBAAoBU;AAAA,MACpB,SAASN;AAAA,MACT,UAAUI;AAAA,MACV,yBAAyBF;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}

package/dist/features/ui/inputs/searchable-select-input/use-filtered-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-filtered-options.js","sources":["../../../../../src/features/ui/inputs/searchable-select-input/use-filtered-options.ts"],"sourcesContent":["import type { ISearchableSelectInputProps } from './searchable-select-input-types';\n\nimport { useEffect, useState } from 'react';\n\nconst useFilteredOptions = <IDType extends string \| number>(\n options: ISearchableSelectInputProps<IDType>['options'],\n searchText?: string,\n) => {\n const [filteredOptions, setFilteredOptions] = useState(options instanceof Array ? options : []);\n\n useEffect(() => {\n const filterOptions = async () => {\n if (typeof options === 'function') {\n if (searchText !== undefined) {\n try {\n const filtered = await options(searchText);\n\n setFilteredOptions(filtered);\n } catch (error) {\n //TODO:SG - Handle error\n }\n }\n } else if (options instanceof Array) {\n if (!searchText) {\n setFilteredOptions(options);\n } else {\n const filtered = options.filter(({ label }) =>\n label.toLowerCase().includes(searchText.toLowerCase()),\n );\n\n setFilteredOptions(filtered);\n }\n }\n };\n\n filterOptions();\n }, [options, searchText]);\n\n return filteredOptions;\n};\n\nexport default useFilteredOptions;\n"],"names":["useFilteredOptions","options","searchText","filteredOptions","setFilteredOptions","useState","useEffect","filtered","label"],"mappings":";AAIM,MAAAA,IAAqB,CACzBC,GACAC,MACG;AACG,QAAA,CAACC,GAAiBC,CAAkB,IAAIC,EAASJ,aAAmB,QAAQA,IAAU,~~CAAA,CAAE~~;AAE9F,SAAAK,EAAU,MAAM;AAyBA,KAxBQ,YAAY;AAC5B,UAAA,OAAOL,KAAY;AACrB,YAAIC,MAAe;AACb,cAAA;AACI,kBAAAK,IAAW,MAAMN,EAAQC,CAAU;AAEzC,YAAAE,EAAmBG,CAAQ;AAAA,kBACb;AAAA,~~UAEhB~~;AAAA,~~iBAEON~~,aAAmB;AAC5B,YAAI,CAACC;AACH,UAAAE,EAAmBH,CAAO;AAAA,aACrB;AACL,gBAAMM,IAAWN,EAAQ;AAAA,YAAO,CAAC,EAAE,OAAAO,~~EACjC~~,~~MAAAA~~,EAAM,~~YAAc~~,~~EAAA,~~SAASN,EAAW,~~aAAa~~;AAAA,~~UAAA~~;~~AAGvD~~,UAAAE,EAAmBG,CAAQ;AAAA,~~QAC7B~~;AAAA,~~IACF~~;~~EAGY~~,GACb,CAACN,GAASC,CAAU,CAAC,GAEjBC;AACT;"}
1	+ {"version":3,"file":"use-filtered-options.js","sources":["../../../../../src/features/ui/inputs/searchable-select-input/use-filtered-options.ts"],"sourcesContent":["import type { ISearchableSelectInputProps } from './searchable-select-input-types';\n\nimport { useEffect, useState } from 'react';\n\nconst useFilteredOptions = <IDType extends string \| number>(\n options: ISearchableSelectInputProps<IDType>['options'],\n searchText?: string,\n) => {\n const [filteredOptions, setFilteredOptions] = useState(options instanceof Array ? options : []);\n\n useEffect(() => {\n const filterOptions = async () => {\n if (typeof options === 'function') {\n if (searchText !== undefined) {\n try {\n const filtered = await options(searchText);\n\n setFilteredOptions(filtered);\n } catch (error) {\n //TODO:SG - Handle error\n }\n }\n } else if (options instanceof Array) {\n if (!searchText) {\n setFilteredOptions(options);\n } else {\n const filtered = options.filter(({ label }) =>\n label.toLowerCase().includes(searchText.toLowerCase()),\n );\n\n setFilteredOptions(filtered);\n }\n }\n };\n\n filterOptions();\n }, [options, searchText]);\n\n return filteredOptions;\n};\n\nexport default useFilteredOptions;\n"],"names":["useFilteredOptions","options","searchText","filteredOptions","setFilteredOptions","useState","useEffect","filtered","label"],"mappings":";AAIM,MAAAA,IAAqB,CACzBC,GACAC,MACG;AACG,QAAA,CAACC,GAAiBC,CAAkB,IAAIC,EAASJ,aAAmB,QAAQA,IAAU,EAAE;AAE9F,SAAAK,EAAU,MAAM;AAyBA,KAxBQ,YAAY;AAC5B,UAAA,OAAOL,KAAY;AACrB,YAAIC,MAAe;AACb,cAAA;AACI,kBAAAK,IAAW,MAAMN,EAAQC,CAAU;AAEzC,YAAAE,EAAmBG,CAAQ;AAAA,kBACb;AAAA,UAAA;AAAA,iBAITN,aAAmB;AAC5B,YAAI,CAACC;AACH,UAAAE,EAAmBH,CAAO;AAAA,aACrB;AACL,gBAAMM,IAAWN,EAAQ;AAAA,YAAO,CAAC,EAAE,OAAAO,EAAA,MACjCA,EAAM,cAAc,SAASN,EAAW,YAAa,CAAA;AAAA,UACvD;AAEA,UAAAE,EAAmBG,CAAQ;AAAA,QAAA;AAAA,IAGjC,GAEc;AAAA,EAAA,GACb,CAACN,GAASC,CAAU,CAAC,GAEjBC;AACT;"}

package/dist/features/ui/inputs/select-input/select-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import o from "../base-select-input/base-select-input.js";
-const r = (t) => /* @__PURE__ */ e(o, { ...t }), c = r;
+import r from "../base-select-input/base-select-input.js";
+const m = (t) => /* @__PURE__ */ e(r, { ...t });
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=select-input.js.map

package/dist/features/ui/inputs/select-input/select-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-input.js","sources":["../../../../../src/features/ui/inputs/select-input/select-input.tsx"],"sourcesContent":["import type { ISelectInputProps } from './select-input-types';\n\nimport BaseSelectInput from '../base-select-input/base-select-input';\n\nconst SelectInput = <IDType extends string \| number>(\n props: ISelectInputProps<IDType>,\n): JSX.Element => {\n return <BaseSelectInput<IDType> {...props} />;\n};\n\nexport default SelectInput;\n"],"names":["SelectInput","props","jsx","BaseSelectInput"~~,"SelectInput$1"~~],"mappings":";;~~AAIA~~,~~MAAMA~~,IAAc,CAClBC,MAEO,gBAAAC,EAACC,GAAyB,EAAA,GAAGF,EAAO,CAAA~~,GAG7CG,IAAeJ~~;"}
1	+ {"version":3,"file":"select-input.js","sources":["../../../../../src/features/ui/inputs/select-input/select-input.tsx"],"sourcesContent":["import type { ISelectInputProps } from './select-input-types';\n\nimport BaseSelectInput from '../base-select-input/base-select-input';\n\nconst SelectInput = <IDType extends string \| number>(\n props: ISelectInputProps<IDType>,\n): JSX.Element => {\n return <BaseSelectInput<IDType> {...props} />;\n};\n\nexport default SelectInput;\n"],"names":["SelectInput","props","jsx","BaseSelectInput"],"mappings":";;AAIM,MAAAA,IAAc,CAClBC,MAEO,gBAAAC,EAACC,GAAyB,EAAA,GAAGF,EAAO,CAAA;"}

package/dist/features/ui/inputs/text-input/text-input-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n $renderAs: ITextInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n const { colors, input, text } = theme;\n const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n const { inputTextVariant } = input.sizes[$size];\n const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n return `\n position: relative;\n width: 100%;\n height: 100%;\n border: 0;\n padding: 0;\n outline: none;\n\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n \n background-color: ${background};\n color: ${colors[valueColorName.inactive]};\n \n &::placeholder {\n color: ${colors[labelColorName.inactive]};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n }\n\n &:hover, &:focus {\n color: ${colors[valueColorName.active]};\n }\n\n &:read-only {\n cursor: pointer;\n }\n \n &:disabled {\n color: ${colors[valueColorName.disabled]};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${colors[labelColorName.disabled]};\n }\n }\n \n &:hover:not([disabled, focused])::placeholder {\n color: ${colors[labelColorName.active]};\n }\n\n &:focus::placeholder {\n color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type=\"date\"]:not(:placeholder-shown){\n color: ${colors.BLACK_T_60};\n text-transform: uppercase;\n }\n `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,~~EAAA~~,~~IAASN~~,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,~~MAAkBR~~,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAIhC,CAAC;"}
1	+ {"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n $renderAs: ITextInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n const { colors, input, text } = theme;\n const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n const { inputTextVariant } = input.sizes[$size];\n const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n return `\n position: relative;\n width: 100%;\n height: 100%;\n border: 0;\n padding: 0;\n outline: none;\n\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n \n background-color: ${background};\n color: ${colors[valueColorName.inactive]};\n \n &::placeholder {\n color: ${colors[labelColorName.inactive]};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n }\n\n &:hover, &:focus {\n color: ${colors[valueColorName.active]};\n }\n\n &:read-only {\n cursor: pointer;\n }\n \n &:disabled {\n color: ${colors[valueColorName.disabled]};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${colors[labelColorName.disabled]};\n }\n }\n \n &:hover:not([disabled, focused])::placeholder {\n color: ${colors[labelColorName.active]};\n }\n\n &:focus::placeholder {\n color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type=\"date\"]:not(:placeholder-shown){\n color: ${colors.BLACK_T_60};\n text-transform: uppercase;\n }\n `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAS,IAAAN,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,EAAc,IAAIR,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAIhC,CAAC;"}

package/dist/features/ui/inputs/text-input/text-input.js CHANGED Viewed

@@ -1,55 +1,55 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import g from "../base-input/base-input.js";
-import { Input as h } from "./text-input-styled.js";
-const i = "regular", x = b((o, p) => {
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import h from "../base-input/base-input.js";
+import { Input as I } from "./text-input-styled.js";
+const i = "regular", v = g((o, l) => {
   const {
     type: e,
-    label: l,
-    value: t,
-    renderAs: r,
+    label: p,
+    value: r,
+    renderAs: t,
     width: m,
-    widthX: u,
+    widthX: d,
     disabled: s,
-    willShowMessage: d,
+    willShowMessage: u,
     siblingElement: f,
-    errorMessage: c,
-    shape: w,
-    isTransparent: n,
-    ...I
+    errorMessage: w,
+    shape: b,
+    isTransparent: a,
+    ...c
   } = o;
-  return /* @__PURE__ */ a(
-    g,
+  return /* @__PURE__ */ n(
+    h,
     {
-      renderAs: r,
-      label: l,
-      stickyLabel: !!t || e === "date",
+      renderAs: t,
+      label: p,
+      stickyLabel: !!r || e === "date",
       width: m,
-      widthX: u,
+      widthX: d,
       disabled: s,
-      willShowMessage: d,
+      willShowMessage: u,
       size: i,
-      shape: w,
-      errorMessage: c,
-      isTransparent: n,
-      inputElement: /* @__PURE__ */ a(
-        h,
+      shape: b,
+      errorMessage: w,
+      isTransparent: a,
+      inputElement: /* @__PURE__ */ n(
+        I,
         {
-          ref: p,
+          ref: l,
           type: e,
-          value: t ?? "",
-          $renderAs: r,
+          value: r ?? "",
+          $renderAs: t,
           $size: i,
           disabled: s,
-          $isTransparent: n,
-          ...I
+          $isTransparent: a,
+          ...c
         }
       ),
       siblingElement: f
     }
   );
-}), y = x;
+});
 export {
-  y as default
+  v as default
 };
 //# sourceMappingURL=text-input.js.map

package/dist/features/ui/inputs/text-input/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input.tsx"],"sourcesContent":["import type { ITextInputProps } from './text-input-types';\nimport type { Ref } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport BaseInput from '../base-input/base-input';\nimport * as Styled from './text-input-styled';\n\nconst SIZE = 'regular';\n\nconst TextInput = forwardRef((props: ITextInputProps, ref: Ref<HTMLInputElement>) => {\n const {\n type,\n label,\n value,\n renderAs,\n width,\n widthX,\n disabled,\n willShowMessage,\n siblingElement,\n errorMessage,\n shape,\n isTransparent,\n ...rest\n } = props;\n\n return (\n <BaseInput\n renderAs={renderAs}\n label={label}\n stickyLabel={!!value \|\| type === 'date'}\n width={width}\n widthX={widthX}\n disabled={disabled}\n willShowMessage={willShowMessage}\n size={SIZE}\n shape={shape}\n errorMessage={errorMessage}\n isTransparent={isTransparent}\n inputElement={\n <Styled.Input\n ref={ref}\n type={type}\n value={value ?? ''}\n $renderAs={renderAs}\n $size={SIZE}\n disabled={disabled}\n $isTransparent={isTransparent}\n {...rest}\n />\n }\n siblingElement={siblingElement}\n />\n );\n});\n\nexport default TextInput;\n"],"names":["SIZE","TextInput","forwardRef","props","ref","type","label","value","renderAs","width","widthX","disabled","willShowMessage","siblingElement","errorMessage","shape","isTransparent","rest","jsx","BaseInput","Styled.Input"~~,"TextInput$1"~~],"mappings":";;;;AAQA,MAAMA,IAAO,WAEPC,IAAYC,EAAW,CAACC,GAAwBC,MAA+B;AAC7E,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,~~EACD~~,~~IAAAd~~;AAGF,SAAA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAX;AAAA,MACA,OAAAF;AAAA,MACA,aAAa,CAAC,CAACC,KAASF,MAAS;AAAA,MACjC,OAAAI;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,MAAMZ;AAAA,MACN,OAAAe;AAAA,MACA,cAAAD;AAAA,MACA,eAAAE;AAAA,MACA,cACE,gBAAAE;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAAhB;AAAA,UACA,MAAAC;AAAA,UACA,OAAOE,KAAS;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOR;AAAA,UACP,UAAAW;AAAA,UACA,gBAAgBK;AAAA,UACf,GAAGC;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,gBAAAJ;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~,CAAC~~,GAEDQ,IAAepB~~;"}
1	+ {"version":3,"file":"text-input.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input.tsx"],"sourcesContent":["import type { ITextInputProps } from './text-input-types';\nimport type { Ref } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport BaseInput from '../base-input/base-input';\nimport * as Styled from './text-input-styled';\n\nconst SIZE = 'regular';\n\nconst TextInput = forwardRef((props: ITextInputProps, ref: Ref<HTMLInputElement>) => {\n const {\n type,\n label,\n value,\n renderAs,\n width,\n widthX,\n disabled,\n willShowMessage,\n siblingElement,\n errorMessage,\n shape,\n isTransparent,\n ...rest\n } = props;\n\n return (\n <BaseInput\n renderAs={renderAs}\n label={label}\n stickyLabel={!!value \|\| type === 'date'}\n width={width}\n widthX={widthX}\n disabled={disabled}\n willShowMessage={willShowMessage}\n size={SIZE}\n shape={shape}\n errorMessage={errorMessage}\n isTransparent={isTransparent}\n inputElement={\n <Styled.Input\n ref={ref}\n type={type}\n value={value ?? ''}\n $renderAs={renderAs}\n $size={SIZE}\n disabled={disabled}\n $isTransparent={isTransparent}\n {...rest}\n />\n }\n siblingElement={siblingElement}\n />\n );\n});\n\nexport default TextInput;\n"],"names":["SIZE","TextInput","forwardRef","props","ref","type","label","value","renderAs","width","widthX","disabled","willShowMessage","siblingElement","errorMessage","shape","isTransparent","rest","jsx","BaseInput","Styled.Input"],"mappings":";;;;AAQA,MAAMA,IAAO,WAEPC,IAAYC,EAAW,CAACC,GAAwBC,MAA+B;AAC7E,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDd;AAGF,SAAA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAX;AAAA,MACA,OAAAF;AAAA,MACA,aAAa,CAAC,CAACC,KAASF,MAAS;AAAA,MACjC,OAAAI;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,MAAMZ;AAAA,MACN,OAAAe;AAAA,MACA,cAAAD;AAAA,MACA,eAAAE;AAAA,MACA,cACE,gBAAAE;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAAhB;AAAA,UACA,MAAAC;AAAA,UACA,OAAOE,KAAS;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOR;AAAA,UACP,UAAAW;AAAA,UACA,gBAAgBK;AAAA,UACf,GAAGC;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,gBAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/features/ui/layout/flex-view.js CHANGED Viewed

@@ -1,29 +1,29 @@
 import I from "styled-components";
 const J = (i, p) => {
-  const { $gutter: n, $gutterX: a, $gap: o, $gapX: $ } = i;
+  const { $gutter: a, $gutterX: n, $gap: o, $gapX: $ } = i;
   let e = 0, r = 0;
-  return n ? e = n : a && (e = a * p), o ? r = o : $ && (r = $ * p), `${r}px ${e}px`;
-}, K = I.div(
+  return a ? e = a : n && (e = n * p), o ? r = o : $ && (r = $ * p), `${r}px ${e}px`;
+}, L = I.div(
   ({
     theme: i,
     $position: p,
-    $flexDirection: n = "column",
-    $inherit: a,
+    $flexDirection: a = "column",
+    $inherit: n,
     $flexWrap: o = !1,
     $flexGap: $,
     $flexGapX: e,
     $flexRowGap: r,
     $flexRowGapX: s,
     $flexColumnGap: x,
-    $flexColumnGapX: c,
-    $gutter: V,
-    $gutterX: j = 0,
-    $gap: k,
-    $gapX: z = 0,
+    $flexColumnGapX: d,
+    $gutter: k,
+    $gutterX: z = 0,
+    $gap: F,
+    $gapX: V = 0,
     $marginBottom: g,
-    $marginBottomX: d,
+    $marginBottomX: f,
     $width: l,
-    $widthX: f,
+    $widthX: c,
     $height: u,
     $heightX: y,
     $alignSelf: q,
@@ -37,27 +37,27 @@ const J = (i, p) => {
     $hidden: H = !1,
     $flex: v
   }) => {
-    const { layout: t, colors: F } = i;
+    const { layout: t, colors: j } = i;
     return `
       ${p ? `position: ${p};` : ""}
       display: flex;
       ${H ? "display: none;" : ""}
       flex-wrap: ${o ? "wrap" : "nowrap"};
-      ${a ? "flex-grow: 1; flex-shrink: 1;" : ""}
-      flex-direction: ${n};
-      padding: ${J({ $gutter: V, $gutterX: j, $gap: k, $gapX: z }, t.gutter)};
+      ${n ? "flex-grow: 1; flex-shrink: 1;" : ""}
+      flex-direction: ${a};
+      padding: ${J({ $gutter: k, $gutterX: z, $gap: F, $gapX: V }, t.gutter)};
       margin-bottom: ${g ? `${g}` : "initial"}${typeof g == "number" ? "px" : ""};
-      ${d ? `margin-bottom: ${d * t.gutter}px;` : ""}
+      ${f ? `margin-bottom: ${f * t.gutter}px;` : ""}
       align-self: ${q || "auto"};
       align-items: ${A || "normal"};
       justify-content: ${D || "flex-start"};
-      background-color: ${m ? F[m] : "transparent"};
+      background-color: ${m ? j[m] : "transparent"};
       border-radius: ${typeof w == "number" ? w : 0}px;
       ${P ? `border-radius: ${P * t.gutter}px;` : ""}
-      ${b ? `border: 1px solid ${F[b]};` : ""}
+      ${b ? `border: 1px solid ${j[b]};` : ""}
       opacity: ${E};
       width: ${l ? `${l}` : "auto"}${typeof l == "number" ? "px" : ""};
-      ${f ? `width: ${f * t.gutter}px;` : ""}
+      ${c ? `width: ${c * t.gutter}px;` : ""}
       height: ${u ? `${u}` : "auto"}${typeof u == "number" ? "px" : ""};
       ${y ? `height: ${y * t.gutter}px;` : ""}
       ${$ ? `gap: ${$}px;` : ""}
@@ -65,12 +65,12 @@ const J = (i, p) => {
       ${r ? `row-gap: ${r}px;` : ""}
       ${s ? `row-gap: ${s * t.gutter}px;` : ""}
       ${x ? `column-gap: ${x}px;` : ""}
-      ${c ? `column-gap: ${c * t.gutter}px;` : ""}
+      ${d ? `column-gap: ${d * t.gutter}px;` : ""}
       ${v ? `flex: ${v};` : ""}
   `;
   }
-), M = K;
+);
 export {
-  M as default
+  L as default
 };
 //# sourceMappingURL=flex-view.js.map

package/dist/features/ui/layout/flex-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flex-view.js","sources":["../../../../src/features/ui/layout/flex-view.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\nimport type { HTMLAttributes } from 'react';\n\nimport styled from 'styled-components';\n\ntype TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;\n\ninterface IGetPadding {\n (\n options: {\n $gutter?: number;\n $gutterX?: number;\n $gap?: number;\n $gapX?: number;\n },\n gutter: number,\n ): string;\n}\n\nconst getPadding: IGetPadding = (options, gutter) => {\n const { $gutter, $gutterX, $gap, $gapX } = options;\n let horizontalPadding = 0;\n let verticalPadding = 0;\n\n if ($gutter) {\n horizontalPadding = $gutter;\n } else if ($gutterX) {\n horizontalPadding = $gutterX * gutter;\n }\n\n if ($gap) {\n verticalPadding = $gap;\n } else if ($gapX) {\n verticalPadding = $gapX * gutter;\n }\n\n return `${verticalPadding}px ${horizontalPadding}px`;\n};\n\nexport interface FlexViewProps {\n $position?: TStyleAttrubutes['position'];\n $inherit?: boolean;\n $gutter?: number;\n $gutterX?: number;\n $gap?: number;\n $gapX?: number;\n $marginBottom?: number;\n $marginBottomX?: number;\n $flexWrap?: boolean;\n $flexGap?: number;\n $flexGapX?: number;\n $flexRowGap?: number;\n $flexRowGapX?: number;\n $flexColumnGap?: number;\n $flexColumnGapX?: number;\n $width?: number \| string;\n $widthX?: number;\n $height?: number \| string;\n $heightX?: number;\n $flexDirection?: TStyleAttrubutes['flexDirection'];\n $alignSelf?: TStyleAttrubutes['alignSelf'];\n $alignItems?: TStyleAttrubutes['alignItems'];\n $justifyContent?: TStyleAttrubutes['justifyContent'];\n $background?: TColorNames;\n $borderRadius?: number;\n $borderRadiusX?: number;\n $borderColor?: TColorNames;\n $opacity?: number;\n $hidden?: boolean;\n $flex?: number;\n}\n\nconst FlexView = styled.div<FlexViewProps>(\n ({\n theme,\n $position,\n $flexDirection = 'column',\n $inherit,\n $flexWrap = false,\n $flexGap,\n $flexGapX,\n $flexRowGap,\n $flexRowGapX,\n $flexColumnGap,\n $flexColumnGapX,\n $gutter,\n $gutterX = 0,\n $gap,\n $gapX = 0,\n $marginBottom,\n $marginBottomX,\n $width,\n $widthX,\n $height,\n $heightX,\n $alignSelf,\n $alignItems,\n $justifyContent,\n $background,\n $borderColor,\n $borderRadius,\n $borderRadiusX,\n $opacity = 1,\n $hidden = false,\n $flex,\n }) => {\n const { layout, colors } = theme;\n\n return `\n ${$position ? `position: ${$position};` : ''}\n display: flex;\n ${$hidden ? 'display: none;' : ''}\n flex-wrap: ${$flexWrap ? 'wrap' : 'nowrap'};\n ${$inherit ? 'flex-grow: 1; flex-shrink: 1;' : ''}\n flex-direction: ${$flexDirection};\n padding: ${getPadding({ $gutter, $gutterX, $gap, $gapX }, layout.gutter)};\n margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n typeof $marginBottom === 'number' ? 'px' : ''\n };\n ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n align-self: ${$alignSelf \|\| 'auto'};\n align-items: ${$alignItems \|\| 'normal'};\n justify-content: ${$justifyContent \|\| 'flex-start'};\n background-color: ${$background ? colors[$background] : 'transparent'};\n border-radius: ${typeof $borderRadius === 'number' ? $borderRadius : 0}px;\n ${$borderRadiusX ? `border-radius: ${$borderRadiusX * layout.gutter}px;` : ''}\n ${$borderColor ? `border: 1px solid ${colors[$borderColor]};` : ''}\n opacity: ${$opacity};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n height: ${$height ? `${$height}` : 'auto'}${typeof $height === 'number' ? 'px' : ''};\n ${$heightX ? `height: ${$heightX * layout.gutter}px;` : ''}\n ${$flexGap ? `gap: ${$flexGap}px;` : ''}\n ${$flexGapX ? `gap: ${$flexGapX * layout.gutter}px;` : ''}\n ${$flexRowGap ? `row-gap: ${$flexRowGap}px;` : ''}\n ${$flexRowGapX ? `row-gap: ${$flexRowGapX * layout.gutter}px;` : ''}\n ${$flexColumnGap ? `column-gap: ${$flexColumnGap}px;` : ''}\n ${$flexColumnGapX ? `column-gap: ${$flexColumnGapX * layout.gutter}px;` : ''}\n ${$flex ? `flex: ${$flex};` : ''}\n `;\n },\n);\n\nexport default FlexView;\n"],"names":["getPadding","options","gutter","$gutter","$gutterX","$gap","$gapX","horizontalPadding","verticalPadding","FlexView","styled","theme","$position","$flexDirection","$inherit","$flexWrap","$flexGap","$flexGapX","$flexRowGap","$flexRowGapX","$flexColumnGap","$flexColumnGapX","$marginBottom","$marginBottomX","$width","$widthX","$height","$heightX","$alignSelf","$alignItems","$justifyContent","$background","$borderColor","$borderRadius","$borderRadiusX","$opacity","$hidden","$flex","layout","colors"~~,"FlexView$1"~~],"mappings":";AAmBA,MAAMA,IAA0B,CAACC,GAASC,MAAW;AACnD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,~~MAAUL~~;AAC3C,MAAIM,IAAoB,GACpBC,IAAkB;AAEtB,SAAIL,IACkBI,IAAAJ,IACXC,MACTG,IAAoBH,IAAWF,IAG7BG,IACgBG,IAAAH,IACTC,MACTE,IAAkBF,IAAQJ,IAGrB,GAAGM,CAAe,MAAMD,CAAiB;AAClD,GAmCME,IAAWC,EAAO;AAAA,EACtB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAlB;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,eAAAgB;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,GAAQ,QAAAC,~~EAAW~~,~~IAAA5B~~;AAEpB,WAAA;AAAA,QACHC,IAAY,aAAaA,CAAS,MAAM,EAAE;AAAA;AAAA,QAE1CwB,IAAU,mBAAmB,EAAE;AAAA,mBACpBrB,IAAY,SAAS,QAAQ;AAAA,QACxCD,IAAW,kCAAkC,EAAE;AAAA,wBAC/BD,CAAc;AAAA,iBACrBb,EAAW,EAAE,SAAAG,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,EAAM,GAAGgC,EAAO,MAAM,CAAC;AAAA,uBACvDhB,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBe,EAAO,MAAM,QAAQ,EAAE;AAAA,oBAC/DV,KAAc,MAAM;AAAA,qBACnBC,KAAe,QAAQ;AAAA,yBACnBC,KAAmB,YAAY;AAAA,0BAC9BC,IAAcQ,EAAOR,CAAW,IAAI,aAAa;AAAA,uBACpD,OAAOE,KAAkB,WAAWA,IAAgB,CAAC;AAAA,QACpEC,IAAiB,kBAAkBA,IAAiBI,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAe,qBAAqBO,EAAOP,CAAY,CAAC,MAAM,EAAE;AAAA,iBACvDG,CAAQ;AAAA,eACVX,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUa,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CZ,IAAU,GAAGA,CAAO,KAAK,MAAM,GAAG,OAAOA,KAAY,WAAW,OAAO,EAAE;AAAA,QACjFC,IAAW,WAAWA,IAAWW,EAAO,MAAM,QAAQ,EAAE;AAAA,QACxDtB,IAAW,QAAQA,CAAQ,QAAQ,EAAE;AAAA,QACrCC,IAAY,QAAQA,IAAYqB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACvDpB,IAAc,YAAYA,CAAW,QAAQ,EAAE;AAAA,QAC/CC,IAAe,YAAYA,IAAemB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACjElB,IAAiB,eAAeA,CAAc,QAAQ,EAAE;AAAA,QACxDC,IAAkB,eAAeA,IAAkBiB,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC1ED,IAAQ,SAASA,CAAK,MAAM,EAAE;AAAA;AAAA,~~EAEpC~~;~~AACF,GAEAG,IAAe/B~~;"}
1	+ {"version":3,"file":"flex-view.js","sources":["../../../../src/features/ui/layout/flex-view.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\nimport type { HTMLAttributes } from 'react';\n\nimport styled from 'styled-components';\n\ntype TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;\n\ninterface IGetPadding {\n (\n options: {\n $gutter?: number;\n $gutterX?: number;\n $gap?: number;\n $gapX?: number;\n },\n gutter: number,\n ): string;\n}\n\nconst getPadding: IGetPadding = (options, gutter) => {\n const { $gutter, $gutterX, $gap, $gapX } = options;\n let horizontalPadding = 0;\n let verticalPadding = 0;\n\n if ($gutter) {\n horizontalPadding = $gutter;\n } else if ($gutterX) {\n horizontalPadding = $gutterX * gutter;\n }\n\n if ($gap) {\n verticalPadding = $gap;\n } else if ($gapX) {\n verticalPadding = $gapX * gutter;\n }\n\n return `${verticalPadding}px ${horizontalPadding}px`;\n};\n\nexport interface FlexViewProps {\n $position?: TStyleAttrubutes['position'];\n $inherit?: boolean;\n $gutter?: number;\n $gutterX?: number;\n $gap?: number;\n $gapX?: number;\n $marginBottom?: number;\n $marginBottomX?: number;\n $flexWrap?: boolean;\n $flexGap?: number;\n $flexGapX?: number;\n $flexRowGap?: number;\n $flexRowGapX?: number;\n $flexColumnGap?: number;\n $flexColumnGapX?: number;\n $width?: number \| string;\n $widthX?: number;\n $height?: number \| string;\n $heightX?: number;\n $flexDirection?: TStyleAttrubutes['flexDirection'];\n $alignSelf?: TStyleAttrubutes['alignSelf'];\n $alignItems?: TStyleAttrubutes['alignItems'];\n $justifyContent?: TStyleAttrubutes['justifyContent'];\n $background?: TColorNames;\n $borderRadius?: number;\n $borderRadiusX?: number;\n $borderColor?: TColorNames;\n $opacity?: number;\n $hidden?: boolean;\n $flex?: number;\n}\n\nconst FlexView = styled.div<FlexViewProps>(\n ({\n theme,\n $position,\n $flexDirection = 'column',\n $inherit,\n $flexWrap = false,\n $flexGap,\n $flexGapX,\n $flexRowGap,\n $flexRowGapX,\n $flexColumnGap,\n $flexColumnGapX,\n $gutter,\n $gutterX = 0,\n $gap,\n $gapX = 0,\n $marginBottom,\n $marginBottomX,\n $width,\n $widthX,\n $height,\n $heightX,\n $alignSelf,\n $alignItems,\n $justifyContent,\n $background,\n $borderColor,\n $borderRadius,\n $borderRadiusX,\n $opacity = 1,\n $hidden = false,\n $flex,\n }) => {\n const { layout, colors } = theme;\n\n return `\n ${$position ? `position: ${$position};` : ''}\n display: flex;\n ${$hidden ? 'display: none;' : ''}\n flex-wrap: ${$flexWrap ? 'wrap' : 'nowrap'};\n ${$inherit ? 'flex-grow: 1; flex-shrink: 1;' : ''}\n flex-direction: ${$flexDirection};\n padding: ${getPadding({ $gutter, $gutterX, $gap, $gapX }, layout.gutter)};\n margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n typeof $marginBottom === 'number' ? 'px' : ''\n };\n ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n align-self: ${$alignSelf \|\| 'auto'};\n align-items: ${$alignItems \|\| 'normal'};\n justify-content: ${$justifyContent \|\| 'flex-start'};\n background-color: ${$background ? colors[$background] : 'transparent'};\n border-radius: ${typeof $borderRadius === 'number' ? $borderRadius : 0}px;\n ${$borderRadiusX ? `border-radius: ${$borderRadiusX * layout.gutter}px;` : ''}\n ${$borderColor ? `border: 1px solid ${colors[$borderColor]};` : ''}\n opacity: ${$opacity};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n height: ${$height ? `${$height}` : 'auto'}${typeof $height === 'number' ? 'px' : ''};\n ${$heightX ? `height: ${$heightX * layout.gutter}px;` : ''}\n ${$flexGap ? `gap: ${$flexGap}px;` : ''}\n ${$flexGapX ? `gap: ${$flexGapX * layout.gutter}px;` : ''}\n ${$flexRowGap ? `row-gap: ${$flexRowGap}px;` : ''}\n ${$flexRowGapX ? `row-gap: ${$flexRowGapX * layout.gutter}px;` : ''}\n ${$flexColumnGap ? `column-gap: ${$flexColumnGap}px;` : ''}\n ${$flexColumnGapX ? `column-gap: ${$flexColumnGapX * layout.gutter}px;` : ''}\n ${$flex ? `flex: ${$flex};` : ''}\n `;\n },\n);\n\nexport default FlexView;\n"],"names":["getPadding","options","gutter","$gutter","$gutterX","$gap","$gapX","horizontalPadding","verticalPadding","FlexView","styled","theme","$position","$flexDirection","$inherit","$flexWrap","$flexGap","$flexGapX","$flexRowGap","$flexRowGapX","$flexColumnGap","$flexColumnGapX","$marginBottom","$marginBottomX","$width","$widthX","$height","$heightX","$alignSelf","$alignItems","$justifyContent","$background","$borderColor","$borderRadius","$borderRadiusX","$opacity","$hidden","$flex","layout","colors"],"mappings":";AAmBA,MAAMA,IAA0B,CAACC,GAASC,MAAW;AACnD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,EAAU,IAAAL;AAC3C,MAAIM,IAAoB,GACpBC,IAAkB;AAEtB,SAAIL,IACkBI,IAAAJ,IACXC,MACTG,IAAoBH,IAAWF,IAG7BG,IACgBG,IAAAH,IACTC,MACTE,IAAkBF,IAAQJ,IAGrB,GAAGM,CAAe,MAAMD,CAAiB;AAClD,GAmCME,IAAWC,EAAO;AAAA,EACtB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAlB;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,eAAAgB;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAW5B;AAEpB,WAAA;AAAA,QACHC,IAAY,aAAaA,CAAS,MAAM,EAAE;AAAA;AAAA,QAE1CwB,IAAU,mBAAmB,EAAE;AAAA,mBACpBrB,IAAY,SAAS,QAAQ;AAAA,QACxCD,IAAW,kCAAkC,EAAE;AAAA,wBAC/BD,CAAc;AAAA,iBACrBb,EAAW,EAAE,SAAAG,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,EAAM,GAAGgC,EAAO,MAAM,CAAC;AAAA,uBACvDhB,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBe,EAAO,MAAM,QAAQ,EAAE;AAAA,oBAC/DV,KAAc,MAAM;AAAA,qBACnBC,KAAe,QAAQ;AAAA,yBACnBC,KAAmB,YAAY;AAAA,0BAC9BC,IAAcQ,EAAOR,CAAW,IAAI,aAAa;AAAA,uBACpD,OAAOE,KAAkB,WAAWA,IAAgB,CAAC;AAAA,QACpEC,IAAiB,kBAAkBA,IAAiBI,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAe,qBAAqBO,EAAOP,CAAY,CAAC,MAAM,EAAE;AAAA,iBACvDG,CAAQ;AAAA,eACVX,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUa,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CZ,IAAU,GAAGA,CAAO,KAAK,MAAM,GAAG,OAAOA,KAAY,WAAW,OAAO,EAAE;AAAA,QACjFC,IAAW,WAAWA,IAAWW,EAAO,MAAM,QAAQ,EAAE;AAAA,QACxDtB,IAAW,QAAQA,CAAQ,QAAQ,EAAE;AAAA,QACrCC,IAAY,QAAQA,IAAYqB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACvDpB,IAAc,YAAYA,CAAW,QAAQ,EAAE;AAAA,QAC/CC,IAAe,YAAYA,IAAemB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACjElB,IAAiB,eAAeA,CAAc,QAAQ,EAAE;AAAA,QACxDC,IAAkB,eAAeA,IAAkBiB,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC1ED,IAAQ,SAASA,CAAK,MAAM,EAAE;AAAA;AAAA,EAAA;AAGtC;"}

package/dist/features/ui/loader/app-loader/app-loader.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import o from "../../layout/flex-view.js";
-const n = ({ width: t, height: r }) => /* @__PURE__ */ e(o, { $alignItems: "center", $justifyContent: "center", $width: t, $height: r, children: /* @__PURE__ */ e("div", { className: "app-loader", children: "Load ng" }) }), d = n;
+import i from "../../layout/flex-view.js";
+const a = ({ width: t, height: r }) => /* @__PURE__ */ e(i, { $alignItems: "center", $justifyContent: "center", $width: t, $height: r, children: /* @__PURE__ */ e("div", { className: "app-loader", children: "Load ng" }) });
 export {
-  d as default
+  a as default
 };
 //# sourceMappingURL=app-loader.js.map

package/dist/features/ui/loader/app-loader/app-loader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-loader.js","sources":["../../../../../src/features/ui/loader/app-loader/app-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IAppLoaderProps {\n width?: string \| number;\n height?: string \| number;\n}\n\nconst AppLoader: FC<IAppLoaderProps> = ({ width, height }) => {\n return (\n <FlexView $alignItems=\"center\" $justifyContent=\"center\" $width={width} $height={height}>\n <div className=\"app-loader\">Load ng</div>\n </FlexView>\n );\n};\n\nexport default AppLoader;\n"],"names":["AppLoader","width","height","jsx","FlexView"~~,"AppLoader$1"~~],"mappings":";;AASA,MAAMA,IAAiC,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE5C,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAAS,QAAQH,GAAO,SAASC,GAC9E,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,cAAa,~~qBAAY~~,~~EAC1C,~~CAAA,~~GAIJE,IAAeL~~;"}
1	+ {"version":3,"file":"app-loader.js","sources":["../../../../../src/features/ui/loader/app-loader/app-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IAppLoaderProps {\n width?: string \| number;\n height?: string \| number;\n}\n\nconst AppLoader: FC<IAppLoaderProps> = ({ width, height }) => {\n return (\n <FlexView $alignItems=\"center\" $justifyContent=\"center\" $width={width} $height={height}>\n <div className=\"app-loader\">Load ng</div>\n </FlexView>\n );\n};\n\nexport default AppLoader;\n"],"names":["AppLoader","width","height","jsx","FlexView"],"mappings":";;AASA,MAAMA,IAAiC,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE5C,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAAS,QAAQH,GAAO,SAASC,GAC9E,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,cAAa,oBAAY,CAAA,GAC1C;"}

package/dist/features/ui/lottie-animation/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem \| null> => {\n let lottieJson: AnimationItem \| null = null;\n\n try {\n lottieJson = await fetch(lottieSrc)\n .then(res => res.json())\n .catch(() => null);\n } catch (error) {\n /* eslint-disable no-console */\n console.log('Error while fetching the lottie: ', error);\n }\n\n return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,~~KAAA~~,~~CAAM~~,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,~~EACxD~~;~~AAEO~~,SAAAF;AACT;"}
1	+ {"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem \| null> => {\n let lottieJson: AnimationItem \| null = null;\n\n try {\n lottieJson = await fetch(lottieSrc)\n .then(res => res.json())\n .catch(() => null);\n } catch (error) {\n /* eslint-disable no-console */\n console.log('Error while fetching the lottie: ', error);\n }\n\n return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAM,CAAA,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EAAA;AAGjD,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const { src, width = '100%', height = '100%', settings, eventListener, onRender } = props;\n\n const container = useRef<HTMLDivElement>(null);\n const animationInstance = useRef<AnimationItem \| null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n if (animationInstance.current) {\n animationInstance.current.playSegments(segments, forceFlag);\n }\n },\n }),\n [],\n );\n\n useEffect(() => {\n const loadAnimation = async () => {\n try {\n const animationData = await fetchLottie(src);\n\n if (container.current) {\n animationInstance.current = lottie.loadAnimation({\n container: container.current,\n animationData,\n renderer: 'svg',\n loop: true,\n autoplay: true,\n ...settings,\n });\n\n onRender?.();\n if (eventListener) {\n animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n }\n }\n } catch (error) {\n throw Error(`Error loading Lottie animation: ${error}`);\n }\n };\n\n loadAnimation();\n\n return () => {\n if (animationInstance.current) {\n if (eventListener) {\n animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n }\n animationInstance.current.destroy();\n }\n };\n }, [src, eventListener, onRender, settings]);\n\n return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","container","useRef","animationInstance","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,eAAAC,GAAe,UAAAC,~~EAAa~~,~~IAAAP~~,GAE9EQ,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI;AAE3D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,GAA4BC,MAAwB;AACjE,QAAIH,EAAkB,WACFA,EAAA,QAAQ,aAAaE,GAAUC,CAAS;AAAA,~~MAE9D~~;AAAA,~~IAAA~~;AAAA,IAEF,~~CAAC~~;AAAA,~~EAAA~~,~~GAGHC~~,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYd,CAAG;AAE3C,MAAIM,EAAU,YACME,EAAA,UAAUO,EAAO,cAAc;AAAA,QAC/C,WAAWT,EAAU;AAAA,QACrB,eAAAO;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV;AAAA,MAAA,CACJ,GAEUE,KAAA,QAAAA,KACPD,KACFI,EAAkB,QAAQ,iBAAiBJ,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFY,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,~~IACxD~~;AAAA,~~EAAA~~,~~MAKK~~,MAAM;AACX,IAAIR,EAAkB,YAChBJ,KACFI,EAAkB,QAAQ,oBAAoBJ,EAAc,MAAMA,EAAc,QAAQ,GAE1FI,EAAkB,QAAQ;~~EAC5B~~,~~IAED~~,CAACR,GAAKI,GAAeC,GAAUF,CAAQ,CAAC,qBAEnCc,GAAS,EAAA,KAAKX,GAAW,QAAQL,GAAO,SAASC,~~EAAQ,CAAA~~;AACnE,CAAC,GAEcgB,IAAAC,EAAKvB,CAAe;"}
1	+ {"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const { src, width = '100%', height = '100%', settings, eventListener, onRender } = props;\n\n const container = useRef<HTMLDivElement>(null);\n const animationInstance = useRef<AnimationItem \| null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n if (animationInstance.current) {\n animationInstance.current.playSegments(segments, forceFlag);\n }\n },\n }),\n [],\n );\n\n useEffect(() => {\n const loadAnimation = async () => {\n try {\n const animationData = await fetchLottie(src);\n\n if (container.current) {\n animationInstance.current = lottie.loadAnimation({\n container: container.current,\n animationData,\n renderer: 'svg',\n loop: true,\n autoplay: true,\n ...settings,\n });\n\n onRender?.();\n if (eventListener) {\n animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n }\n }\n } catch (error) {\n throw Error(`Error loading Lottie animation: ${error}`);\n }\n };\n\n loadAnimation();\n\n return () => {\n if (animationInstance.current) {\n if (eventListener) {\n animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n }\n animationInstance.current.destroy();\n }\n };\n }, [src, eventListener, onRender, settings]);\n\n return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","container","useRef","animationInstance","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaP,GAE9EQ,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI;AAE3D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,GAA4BC,MAAwB;AACjE,QAAIH,EAAkB,WACFA,EAAA,QAAQ,aAAaE,GAAUC,CAAS;AAAA,MAC5D;AAAA,IACF;AAAA,IAEF,CAAA;AAAA,EACF,GAEAC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYd,CAAG;AAE3C,MAAIM,EAAU,YACME,EAAA,UAAUO,EAAO,cAAc;AAAA,QAC/C,WAAWT,EAAU;AAAA,QACrB,eAAAO;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV;AAAA,MAAA,CACJ,GAEUE,KAAA,QAAAA,KACPD,KACFI,EAAkB,QAAQ,iBAAiBJ,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFY,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IAAA;AAAA,EAE1D,GAEc,GAEP,MAAM;AACX,IAAIR,EAAkB,YAChBJ,KACFI,EAAkB,QAAQ,oBAAoBJ,EAAc,MAAMA,EAAc,QAAQ,GAE1FI,EAAkB,QAAQ,QAAQ;AAAA,EAEtC,IACC,CAACR,GAAKI,GAAeC,GAAUF,CAAQ,CAAC,qBAEnCc,GAAS,EAAA,KAAKX,GAAW,QAAQL,GAAO,SAASC,GAAQ;AACnE,CAAC,GAEcgB,IAAAC,EAAKvB,CAAe;"}