bonkers-ui 2.0.11 → 2.0.13

package/components/UiSelect/UiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind } from \"../UiInput\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tprefixIcon?: React.ReactNode;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tprefixIcon,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"flex items-center gap-sm\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t{ prefixIcon\n\t\t\t\t\t? <div className=\"flex items-center pl-sm\">{ prefixIcon }</div>\n\t\t\t\t\t: null }\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"m-0 w-full cursor-pointer appearance-none border-0 bg-transparent text-secondary-alt outline-0\",\n\t\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t\t? \"p-0 py-sm pr-xl\"\n\t\t\t\t\t\t\t: \"p-sm pr-xl\"\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"mt-xxs max-h-0 gap-xxs overflow-hidden opacity-0\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-full data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR\n\t\t\t\t\t\t\t\t? EColors.ERROR\n\t\t\t\t\t\t\t\t: kind === EInputKind.WARNING\n\t\t\t\t\t\t\t\t\t? EColors.WARNING_500\n\t\t\t\t\t\t\t\t\t: EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","prefixIcon","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors"],"mappings":"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"}
+{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind, UiInputStatusMessage } from \"../UiInput\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tprefixIcon?: React.ReactNode;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tprefixIcon,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"flex items-center gap-sm\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t{ prefixIcon\n\t\t\t\t\t? <div className=\"flex items-center pl-sm\">{ prefixIcon }</div>\n\t\t\t\t\t: null }\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"m-0 w-full cursor-pointer appearance-none border-0 bg-transparent outline-0\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"text-secondary-alt\": value === \"\" || !value,\n\t\t\t\t\t\t\t\"text-black\": value\n\t\t\t\t\t\t},\n\t\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t\t? \"p-0 py-sm pr-xl\"\n\t\t\t\t\t\t\t: \"p-sm pr-xl\"\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","prefixIcon","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors","UiInputStatusMessage"],"mappings":";;;;;;;;;;;GAoBMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAAmC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,EAAK,SAASA,EAAK,gBAAgB,EAAE,GACxEI,IAAeD,EAAM;AAAA,IAC1B,CAACE,MAAgD;AAChD,MAAAH,EAASG,EAAM,OAAO,KAAK,GAC3BZ,IAAWY,CAAK;AAAA,IACjB;AAAA,IACA,CAACZ,CAAQ;AAAA,EAAA;AAEV,2BACE,OAAA,EAAI,WAAYa,EAAG,aAAaZ,CAAS,GACvC,UAAA;AAAA,IAAAJ,IACC,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACF,MAAOC,EAAiB;AAAA,QACxB,WAAU;AAAA,QACR,UAAAnB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAEH,gBAAAoB,EAAC,SAAI,WAAYJ;AAAA,MAAGK,EAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAnB,IACG,CAAC,uBAAuB,4BAA4B,sBAAsB,IAC1E,CAACO,KAAQb,EAAaa,CAAI,GAAG,UAAU;AAAA,IAAA,GAExC,UAAA;AAAA,MAAAH,IACC,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BAA4B,aAAY,IACvD;AAAA,MACH,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGV;AAAA,UACL,WAAYM;AAAA,YACX;AAAA,YACA;AAAA,cACC,sBAAsBL,MAAU,MAAM,CAACA;AAAA,cACvC,cAAcA;AAAA,YAAA;AAAA,YAEfL,IACG,oBACA;AAAA,UAAA;AAAA,UAEJ,UAAAJ;AAAA,UACA,OAAAS;AAAA,UACA,UAAWG;AAAA,UAET,UAAA;AAAA,YAAAT,IACC,gBAAAY,EAAC,YAAO,OAAQ,IAAK,UAAQ,IAAC,QAAM,IAAG,UAAAZ,EAAA,CAAa,IACpD;AAAA,YACDN;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAkB,EAAC,OAAA,EAAI,WAAU,kEACZ,eAEE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACH,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA,EACD,CAEF;AAAA,IAAA,GACD;AAAA,IACEhB,IACE,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACH,MAAOC,EAAiB;AAAA,QACxB,OAAQG,EAAQ;AAAA,QAChB,WAAU;AAAA,QAER,UAAArB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAGDO,IAEA,gBAAAS;AAAA,MAACM;AAAA,MAAA;AAAA,QACA,MAAAd;AAAA,QAEE,UAAAD;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAAA,GACJ;AAEF;"}

package/components/UiSkeleton/UiSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps = {\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"md:grid md:grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"overflow-hidden\"\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex items-center justify-center gap-xs\",\n\t\t\t\t\t\t\t\"px-sm py-xxs\",\n\t\t\t\t\t\t\t\"border-t-0 border-b border-secondary-alt-300 md:border-b-0\",\n\t\t\t\t\t\t\t\"md:rounded-tl-xl md:rounded-bl-xl\",\n\t\t\t\t\t\t\t\"md:rounded-br-0 rounded-tl-xl\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"md:mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"hidden md:block\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t\t\"md:border-b-0\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"gap-xxs\", \"p-sm\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs flex flex-wrap gap-xs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"h-md w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"h-md w-1/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex justify-between\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs h-[20px] w-1/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs h-[20px] w-1/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border-t border-secondary-alt-300\", \"md:grid md:grid-cols-2\") }>\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"hidden flex-col justify-between md:flex md:flex-col md:items-center md:justify-center\",\n\t\t\t\t\t\t\t\t\"border-secondary-alt-300 md:border-r\",\n\t\t\t\t\t\t\t\t\"border-b p-xs md:border-b-0\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-[20px] w-2/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex flex-col justify-between p-xs md:flex-col md:items-center md:justify-center\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex flex-row md:grid md:flex-col md:place-content-center md:items-center md:gap-sm\",\n\t\t\t\t\t\t\t\"border-t border-l-0 border-secondary-alt-300 md:border-t-0\",\n\t\t\t\t\t\t\t\"items-center justify-between p-sm\",\n\t\t\t\t\t\t\t\"md:rounded-tr-xl md:rounded-br-xl\",\n\t\t\t\t\t\t\t\"md:rounded-tl-0 rounded-br-xl\",\n\t\t\t\t\t\t\t\"md:border-l\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col md:items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300\", \"mb-xxxs\", \"rounded-sm\", \"h-lg\", \"w-[120px]\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\"w-full\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD_MOBILE && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card-mobile\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"p-sm\"\n\t\t\t\t\t) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex grow gap-sm\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={ cx(\"flex\",\"flex-col\", \"grow\") }>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-4/5\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"grow\",\n\t\t\t\t\t\t\"gap-xxs\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"border-t\",\n\t\t\t\t\t\t\"p-sm\",\n\t\t\t\t\t\t\"border-secondary-alt-300\") }>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\"grid grid-cols-3\") }>\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-r-0 border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\"my-xxs flex gap-sm\") }>\n\t\t\t\t\t\t<div className={ cx(\"h-md w-2/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t<div className={ cx(\"h-md w-2/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t) }>\n\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col gap-xxxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"h-[20px] w-3/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-[20px] w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-md w-3/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-sm w-3/5 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col items-end gap-xxxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mt-xxs h-md w-3/6 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mt-0 h-[20px] w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mt-xxs h-md w-3/5 rounded-full bg-secondary-alt-400\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\"mt-xxs\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"border-b\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"mt-sm\",\n\t\t\t\t\t\t\"-mx-sm\"\n\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-sm\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsxs","ESkeletonKind","cx","jsx"],"mappings":"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"}
+{"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps = {\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"md:grid md:grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"overflow-hidden\"\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex items-center justify-center gap-xs\",\n\t\t\t\t\t\t\t\"px-sm py-xxs\",\n\t\t\t\t\t\t\t\"border-t-0 border-b border-secondary-alt-300 md:border-b-0\",\n\t\t\t\t\t\t\t\"md:rounded-tl-xl md:rounded-bl-xl\",\n\t\t\t\t\t\t\t\"md:rounded-br-0 rounded-tl-xl\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"md:mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"hidden md:block\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t\t\"md:border-b-0\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"gap-xxs\", \"p-sm\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs flex flex-wrap gap-xs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"h-md w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"h-md w-1/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex justify-between\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs h-[20px] w-1/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxs h-[20px] w-1/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border-t border-secondary-alt-300\", \"md:grid md:grid-cols-2\") }>\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"hidden flex-col justify-between md:flex md:flex-col md:items-center md:justify-center\",\n\t\t\t\t\t\t\t\t\"border-secondary-alt-300 md:border-r\",\n\t\t\t\t\t\t\t\t\"border-b p-xs md:border-b-0\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-[20px] w-2/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex flex-col justify-between p-xs md:flex-col md:items-center md:justify-center\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex flex-row md:grid md:flex-col md:place-content-center md:items-center md:gap-sm\",\n\t\t\t\t\t\t\t\"border-t border-l-0 border-secondary-alt-300 md:border-t-0\",\n\t\t\t\t\t\t\t\"items-center justify-between p-sm\",\n\t\t\t\t\t\t\t\"md:rounded-tr-xl md:rounded-br-xl\",\n\t\t\t\t\t\t\t\"md:rounded-tl-0 rounded-br-xl\",\n\t\t\t\t\t\t\t\"md:border-l\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col md:items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300\", \"mb-xxxs\", \"rounded-sm\", \"h-lg\", \"w-[120px]\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\"w-full\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD_MOBILE && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card-mobile\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"p-sm\"\n\t\t\t\t\t) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex grow gap-sm\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={ cx(\"flex\",\"flex-col\", \"grow\") }>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-4/5\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"grow\",\n\t\t\t\t\t\t\"gap-xxs\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"border-t\",\n\t\t\t\t\t\t\"p-sm\",\n\t\t\t\t\t\t\"border-secondary-alt-300\") }>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\"grid grid-cols-3\") }>\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"place-items-center border border-r-0 border-l-0 border-secondary-alt-300 py-xxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\"my-xxs flex gap-sm\") }>\n\t\t\t\t\t\t<div className={ cx(\"h-md w-2/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t<div className={ cx(\"h-md w-2/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t) }>\n\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col gap-xxxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"h-[20px] w-3/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-[20px] w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-md w-3/6 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"h-sm w-3/5 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"flex w-full flex-col items-end gap-xxxs\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mt-xxs h-md w-3/6 rounded-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mt-0 h-[20px] w-2/5 rounded-sm bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mt-xxs h-md w-3/5 rounded-full bg-secondary-alt-400\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\"mt-xxs\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"border-b\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"mt-sm\",\n\t\t\t\t\t\t\"-mx-sm\"\n\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-sm\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsxs","ESkeletonKind","cx","jsx"],"mappings":"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"}

package/components/UiSkeleton/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiSkeleton/_types.ts"],"sourcesContent":["export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tRESULT_CARD_MOBILE = \"RESULT_CARD_MOBILE\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBAFVA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiSkeleton/_types.ts"],"sourcesContent":["export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tRESULT_CARD_MOBILE = \"RESULT_CARD_MOBILE\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBAFVA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiSnackbar/UiSnackbar.d.ts

@@ -1,10 +1,18 @@
 import { default as React } from 'react';
-import { ESnackbarTypes } from './_types';
+import { ESnackbarDuration, ESnackbarTypes } from './_types';
 type UiSnackbarProps = {
+    id: string;
     kind?: ESnackbarTypes;
+    preIcon?: React.ReactNode;
+    postIcon?: React.ReactNode;
     title: React.ReactNode;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     className?: string;
+    duration?: ESnackbarDuration;
+    pauseOnHover?: boolean;
+    isDismissed?: boolean;
+    onClickAction?: () => void;
+    onDismissAction?: (id: string) => void;
 };
 export declare const UiSnackbar: React.FC<UiSnackbarProps>;
 export {};

package/components/UiSnackbar/UiSnackbar.js

@@ -1,67 +1,135 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import "react";
-import n from "classnames";
-import { ESnackbarTypes as e } from "./_types.js";
-const m = {
-  [e.DEFAULT]: `
+import { jsxs as c, jsx as g } from "react/jsx-runtime";
+import { useState as I, useRef as i, useEffect as N } from "react";
+import S from "classnames";
+import { ESnackbarTypes as t, ESnackbarDuration as o } from "./_types.js";
+const F = {
+  [t.DEFAULT]: `
 		bg-white
 		text-secondary-700
 
 	`,
-  [e.PRIMARY]: `
-		bg-primary-600
+  [t.PRIMARY]: `
+		bg-primary-alt-700
 		text-white
 	`,
-  [e.WARNING]: `
-		bg-warning
+  [t.WARNING]: `
+		bg-warning-600
 		text-white
 	`,
-  [e.ERROR]: `
+  [t.ERROR]: `
 		bg-error
 		text-white
 	`,
-  [e.SECONDARY]: `
+  [t.SECONDARY]: `
 		bg-secondary
 		text-white
 	`
-}, b = ({
-  kind: t = e.SECONDARY,
-  title: r,
-  children: s,
-  className: i
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: n(
-      "ui-snackbar",
-      "flex",
-      "w-full",
-      "rounded-lg",
-      "items-center",
-      "justify-between",
-      "shadow-md",
-      "p-sm",
-      "flex-row-reverse",
-      "text-sm",
-      m[t],
-      i
-    ),
-    children: [
-      /* @__PURE__ */ a(
-        "div",
-        {
-          style: {
-            color: t === e.DEFAULT ? "black" : "white",
-            fontWeight: "normal"
-          },
-          children: s
-        }
+}, Y = ({
+  id: R,
+  kind: u = t.SECONDARY,
+  preIcon: f,
+  postIcon: m,
+  title: p,
+  children: x,
+  className: y,
+  duration: n = o.INFINITE,
+  pauseOnHover: d = !0,
+  onClickAction: T,
+  onDismissAction: D,
+  isDismissed: w
+}) => {
+  const [A, k] = I(n), [b, h] = I(!1), e = i(null), a = i(0), v = i(Date.now()), s = i(null);
+  N(() => {
+    if (!w || !s.current) return;
+    const r = () => {
+      D?.(R), e.current && clearInterval(e.current);
+    };
+    return s.current.addEventListener("animationend", r), () => {
+      s.current?.removeEventListener("animationend", r);
+    };
+  }, [w]), N(() => {
+    if (n === o.INFINITE) return;
+    const r = () => {
+      const l = Date.now() - v.current, E = Math.max(0, n - l);
+      k(E), E <= 0 && (T?.(), e.current && clearInterval(e.current));
+    };
+    if (b)
+      e.current && clearInterval(e.current), a.current = Date.now();
+    else {
+      if (a.current) {
+        const l = Date.now() - a.current;
+        v.current += l, a.current = 0;
+      }
+      r(), e.current = setInterval(r, 100);
+    }
+    return () => {
+      e.current && clearInterval(e.current);
+    };
+  }, [b, n]);
+  const L = () => {
+    d && h(!0);
+  }, M = () => {
+    d && h(!1);
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: S(
+        "ui-snackbar",
+        "relative",
+        "overflow-clip",
+        "flex",
+        "w-full",
+        "rounded-lg",
+        "items-center",
+        "justify-between",
+        "shadow-md",
+        "items-center",
+        "px-sm",
+        "py-xs",
+        "flex-col",
+        "gap-y-xxxs",
+        "text-sm",
+        F[u],
+        y
       ),
-      r
-    ]
-  }
-);
+      ref: s,
+      onMouseEnter: L,
+      onMouseLeave: M,
+      children: [
+        /* @__PURE__ */ c("div", { className: "flex w-full justify-between", children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-row items-center gap-xxs", children: [
+            f || null,
+            p
+          ] }),
+          m || null
+        ] }),
+        x ? /* @__PURE__ */ g(
+          "div",
+          {
+            style: {
+              color: u === t.DEFAULT ? "black" : "white",
+              fontWeight: "normal"
+            },
+            className: "w-full",
+            children: x
+          }
+        ) : null,
+        /* @__PURE__ */ g(
+          "div",
+          {
+            className: "absolute bottom-0 left-0 h-xxs bg-black opacity-30 bg-blend-color-burn",
+            style: {
+              width: n === o.INFINITE ? "0%" : `${A / n * 100}%`,
+              transition: "width 0.1s linear"
+            }
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  b as UiSnackbar
+  Y as UiSnackbar
 };
 //# sourceMappingURL=UiSnackbar.js.map

package/components/UiSnackbar/UiSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSnackbar.js","sources":["../../../src/components/UiSnackbar/UiSnackbar.tsx"],"sourcesContent":["import React  from \"react\";\nimport cx from \"classnames\";\nimport { ESnackbarTypes } from \"./_types\";\n\ntype UiSnackbarProps = {\n\tkind?: ESnackbarTypes;\n\ttitle: React.ReactNode;\n\tchildren: React.ReactNode;\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[ESnackbarTypes.DEFAULT]: `\n\t\tbg-white\n\t\ttext-secondary-700\n\n\t`,\n\t[ESnackbarTypes.PRIMARY]: `\n\t\tbg-primary-600\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.WARNING]: `\n\t\tbg-warning\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.ERROR]: `\n\t\tbg-error\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.SECONDARY]: `\n\t\tbg-secondary\n\t\ttext-white\n\t`,\n\n};\n\nexport const UiSnackbar: React.FC<UiSnackbarProps> = ({\n\n\tkind = ESnackbarTypes.SECONDARY,\n\ttitle,\n\tchildren,\n\tclassName\n}) => {\n\n\treturn (\n\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-snackbar\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"shadow-md\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"flex-row-reverse\",\n\t\t\t\t\"text-sm\",\n\t\t\t\tkindClasses[kind],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: kind === ESnackbarTypes.DEFAULT\n\t\t\t\t\t\t? \"black\"\n\t\t\t\t\t\t: \"white\",\n\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\n\t\t\t{ title }\n\t\t</div>\n\n\t);\n};\n"],"names":["kindClasses","ESnackbarTypes","UiSnackbar","kind","title","children","className","jsxs","cx","jsx"],"mappings":";;;;AAWA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA,EAIxB,CAACA,EAAe,SAAS,GAAG;AAAA;AAAA;AAAA;AAK7B,GAEaC,IAAwC,CAAC;AAAA,EAErD,MAAAC,IAAOF,EAAe;AAAA,EACtB,OAAAG;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,MAIE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAR,EAAYG,CAAI;AAAA,MAChBG;AAAA,IACD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,YACP,OAAON,MAASF,EAAe,UAC5B,UACA;AAAA,YACH,YAAY;AAAA,UACb;AAAA,UAEE,UAAAI;AAAA,QAAA;AAAA,MACH;AAAA,MAEED;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"UiSnackbar.js","sources":["../../../src/components/UiSnackbar/UiSnackbar.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { ESnackbarDuration, ESnackbarTypes } from \"./_types\";\n\ntype UiSnackbarProps = {\n\tid: string;\n\tkind?: ESnackbarTypes;\n\tpreIcon?: React.ReactNode;\n\tpostIcon?: React.ReactNode;\n\ttitle: React.ReactNode;\n\tchildren?: React.ReactNode;\n\tclassName?: string\n\tduration?: ESnackbarDuration;\n\tpauseOnHover?: boolean;\n\tisDismissed?: boolean;\n\tonClickAction?: () => void;\n\tonDismissAction?: (id: string) => void;\n}\n\nconst kindClasses = {\n\t[ESnackbarTypes.DEFAULT]: `\n\t\tbg-white\n\t\ttext-secondary-700\n\n\t`,\n\t[ESnackbarTypes.PRIMARY]: `\n\t\tbg-primary-alt-700\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.WARNING]: `\n\t\tbg-warning-600\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.ERROR]: `\n\t\tbg-error\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.SECONDARY]: `\n\t\tbg-secondary\n\t\ttext-white\n\t`,\n\n};\n\nexport const UiSnackbar: React.FC<UiSnackbarProps> = ({\n\tid,\n\tkind = ESnackbarTypes.SECONDARY,\n\tpreIcon,\n\tpostIcon,\n\ttitle,\n\tchildren,\n\tclassName,\n\tduration = ESnackbarDuration.INFINITE,\n\tpauseOnHover = true,\n\tonClickAction,\n\tonDismissAction,\n\tisDismissed\n}) => {\n\tconst [remainingTime, setRemainingTime] = useState(duration);\n\tconst [isPaused, setIsPaused] = useState(false);\n\tconst timerRef = useRef<NodeJS.Timeout | null>(null);\n\tconst pauseTimeRef = useRef<number>(0);\n\tconst startTimeRef = useRef<number>(Date.now());\n\tconst notificationRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tif (!isDismissed || !notificationRef.current) return;\n\n\t\tconst handleAnimationEnd = () => {\n\t\t\tonDismissAction?.(id);\n\t\t\tif (timerRef.current) clearInterval(timerRef.current);\n\t\t};\n\n\t\tnotificationRef.current.addEventListener(\"animationend\", handleAnimationEnd);\n\t\treturn () => {\n\t\t\tnotificationRef.current?.removeEventListener(\"animationend\", handleAnimationEnd);\n\t\t};\n\t}, [isDismissed]);\n\n\tuseEffect(() => {\n\t\tif (duration === ESnackbarDuration.INFINITE) return;\n\n\t\tconst updateTimer = () => {\n\t\t\tconst elapsed = Date.now() - startTimeRef.current;\n\t\t\tconst newRemaining = Math.max(0, duration - elapsed);\n\t\t\tsetRemainingTime(newRemaining);\n\n\t\t\tif (newRemaining <= 0) {\n\t\t\t\tonClickAction?.();\n\t\t\t\tif (timerRef.current) clearInterval(timerRef.current);\n\t\t\t}\n\t\t};\n\n\t\tif (!isPaused) {\n\t\t\tif (pauseTimeRef.current) {\n\t\t\t\tconst pausedDuration = Date.now() - pauseTimeRef.current;\n\t\t\t\tstartTimeRef.current += pausedDuration;\n\t\t\t\tpauseTimeRef.current = 0;\n\t\t\t}\n\n\t\t\tupdateTimer();\n\t\t\ttimerRef.current = setInterval(updateTimer, 100);\n\t\t} else {\n\t\t\tif (timerRef.current) clearInterval(timerRef.current);\n\t\t\tpauseTimeRef.current = Date.now();\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (timerRef.current) clearInterval(timerRef.current);\n\t\t};\n\t}, [isPaused, duration]);\n\n\tconst handleMouseEnter = () => {\n\t\tif (pauseOnHover) {\n\t\t\tsetIsPaused(true);\n\t\t}\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (pauseOnHover) {\n\t\t\tsetIsPaused(false);\n\t\t}\n\t};\n\treturn (\n\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-snackbar\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"overflow-clip\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"shadow-md\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"px-sm\",\n\t\t\t\t\"py-xs\",\n\t\t\t\t\"flex-col\",\n\t\t\t\t\"gap-y-xxxs\",\n\t\t\t\t\"text-sm\",\n\t\t\t\tkindClasses[kind],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tref={ notificationRef }\n\t\t\tonMouseEnter={ handleMouseEnter }\n\t\t\tonMouseLeave={ handleMouseLeave }\n\t\t>\n\t\t\t<div className=\"flex w-full justify-between\">\n\t\t\t\t<div className=\"flex flex-row items-center gap-xxs\">\n\t\t\t\t\t{ preIcon\n\t\t\t\t\t\t? preIcon\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ title }\n\t\t\t\t</div>\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\t\t\t</div>\n\t\t\t{ children\n\t\t\t\t? <div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tcolor: kind === ESnackbarTypes.DEFAULT\n\t\t\t\t\t\t\t? \"black\"\n\t\t\t\t\t\t\t: \"white\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</div>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div\n\t\t\t\tclassName='absolute bottom-0 left-0 h-xxs bg-black opacity-30 bg-blend-color-burn'\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: duration === ESnackbarDuration.INFINITE\n\t\t\t\t\t\t? \"0%\"\n\t\t\t\t\t\t: `${(remainingTime / duration) * 100}%`,\n\t\t\t\t\ttransition: \"width 0.1s linear\",\n\t\t\t\t} }\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","ESnackbarTypes","UiSnackbar","id","kind","preIcon","postIcon","title","children","className","duration","ESnackbarDuration","pauseOnHover","onClickAction","onDismissAction","isDismissed","remainingTime","setRemainingTime","useState","isPaused","setIsPaused","timerRef","useRef","pauseTimeRef","startTimeRef","notificationRef","useEffect","handleAnimationEnd","updateTimer","elapsed","newRemaining","pausedDuration","handleMouseEnter","handleMouseLeave","jsxs","cx","jsx"],"mappings":"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"}

package/components/UiSnackbar/_types.d.ts

@@ -5,3 +5,8 @@ export declare enum ESnackbarTypes {
     WARNING = "warning",
     ERROR = "error"
 }
+export declare enum ESnackbarDuration {
+    SHORT = 5000,
+    LONG = 10000,
+    INFINITE = Infinity
+}

package/components/UiSnackbar/_types.js

@@ -1,5 +1,6 @@
-var R = /* @__PURE__ */ ((r) => (r.SECONDARY = "secondary", r.DEFAULT = "default", r.PRIMARY = "primary", r.WARNING = "warning", r.ERROR = "error", r))(R || {});
+var N = /* @__PURE__ */ ((I) => (I.SECONDARY = "secondary", I.DEFAULT = "default", I.PRIMARY = "primary", I.WARNING = "warning", I.ERROR = "error", I))(N || {}), R = /* @__PURE__ */ ((I) => (I[I.SHORT = 5e3] = "SHORT", I[I.LONG = 1e4] = "LONG", I[I.INFINITE = 1 / 0] = "INFINITE", I))(R || {});
 export {
-  R as ESnackbarTypes
+  R as ESnackbarDuration,
+  N as ESnackbarTypes
 };
 //# sourceMappingURL=_types.js.map

package/components/UiSnackbar/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiSnackbar/_types.ts"],"sourcesContent":["export enum ESnackbarTypes  {\n\tSECONDARY = \"secondary\",\n\tDEFAULT = \"default\",\n\tPRIMARY = \"primary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\"\n\n}\n"],"names":["ESnackbarTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SALGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiSnackbar/_types.ts"],"sourcesContent":["export enum ESnackbarTypes  {\n\tSECONDARY = \"secondary\",\n\tDEFAULT = \"default\",\n\tPRIMARY = \"primary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\"\n}\n\nexport enum ESnackbarDuration {\n\tSHORT = 5_000,\n\tLONG = 10_000,\n\tINFINITE = Infinity\n}\n"],"names":["ESnackbarTypes","ESnackbarDuration"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SALGA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACXA,EAAAA,EAAA,QAAQ,GAAA,IAAR,SACAA,EAAAA,EAAA,OAAO,GAAA,IAAP,QACAA,EAAAA,EAAA,WAAW,KAAA,IAAX,YAHWA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiStars/UiStars.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiStars.js","sources":["../../../src/components/UiStars/UiStars.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EStarsSize, EStarColors } from \"./_types\";\n\nexport const colorClasses = {\n\t[EStarColors.DEFAULT]: \"text-accent-alt-600\",\n\t[EStarColors.PRIMARY]: \"text-primary\",\n\t[EStarColors.WHITE]: \"text-white\",\n\t[EStarColors.BLACK]: \"text-black\",\n\t[EStarColors.CURRENT]: \"text-current\",\n};\n\ninterface IUiStars {\n\tstarsFilled?: number\n\tsize?: EStarsSize\n\tcount?: number\n\tcolor?: EStarColors\n\tname?: string\n\tclassName?: string\n}\n\nconst sizeClasses = {\n\t[EStarsSize.SM]: \"w-sm h-sm\",\n\t[EStarsSize.MD]: \"w-md h-md\",\n\t[EStarsSize.LG]: \"w-lg h-lg\"\n};\n\nexport const UiStars = ({\n\tstarsFilled = 0,\n\tsize = EStarsSize.MD,\n\tcount = 5,\n\tclassName,\n\tcolor = EStarColors.DEFAULT,\n\tname = \"stars\"\n}: IUiStars) => {\n\tconst filledStars = Math.min(Math.max(starsFilled, 0), count);\n\n\treturn (\n\t\t<div className={ cx(\"flex\", className) }>\n\t\t\t{ Array.from({\n\t\t\t\tlength: count\n\t\t\t}, (_, index) => {\n\t\t\t\tconst isCompletelyFilled = index < Math.floor(filledStars);\n\t\t\t\tconst isPartiallyFilled = !isCompletelyFilled && index === Math.floor(filledStars);\n\n\t\t\t\tlet filledPercentage = 0;\n\n\t\t\t\tif (isPartiallyFilled) {\n\t\t\t\t\tconst decimal = filledStars % 1;\n\t\t\t\t\tfilledPercentage = decimal * 100;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={ index } className=\"relative\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\tsizeClasses[size],\n\t\t\t\t\t\t\t\tcolorClasses[color]\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tviewBox=\"0 0 25 23\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isPartiallyFilled && (\n\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t<linearGradient id={ `${name}-star-fill-${index}` } x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n\t\t\t\t\t\t\t\t\t\t<stop offset={ `${filledPercentage}%` } stopColor=\"currentColor\" />\n\t\t\t\t\t\t\t\t\t\t<stop offset={ `${filledPercentage}%` } stopColor=\"transparent\" />\n\t\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M11.474 1.68128C11.8026 0.912241 12.8927 0.912241 13.2213 1.68128L15.5868 7.21835C15.7989 7.71478 16.2692 8.0523 16.8074 8.09431L22.8886 8.56895C23.738 8.63525 24.0774 9.69994 23.4231 10.2457L18.8377 14.0697C18.4124 14.4244 18.2263 14.9904 18.3581 15.5283L19.7672 21.2797C19.9677 22.0979 19.083 22.7529 18.3589 22.3223L13.0888 19.1884C12.632 18.9167 12.0633 18.9167 11.6065 19.1884L6.33637 22.3223C5.61231 22.7529 4.72763 22.0979 4.9281 21.2797L6.33724 15.5283C6.46904 14.9904 6.28291 14.4244 5.85758 14.0697L1.27223 10.2457C0.617879 9.69994 0.957297 8.63525 1.80676 8.56895L7.88795 8.09431C8.42615 8.0523 8.89645 7.71478 9.10853 7.21835L11.474 1.68128Z\"\n\t\t\t\t\t\t\t\tfill={ isCompletelyFilled\n\t\t\t\t\t\t\t\t\t? \"currentColor\"\n\t\t\t\t\t\t\t\t\t: (isPartiallyFilled\n\t\t\t\t\t\t\t\t\t\t? `url(#${name}-star-fill-${index})`\n\t\t\t\t\t\t\t\t\t\t: \"transparent\") }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}) }\n\t\t</div>\n\t);\n};\n"],"names":["colorClasses","EStarColors","sizeClasses","EStarsSize","UiStars","starsFilled","size","count","className","color","name","filledStars","jsx","cx","_","index","isCompletelyFilled","isPartiallyFilled","filledPercentage","jsxs"],"mappings":";;;;AAIO,MAAMA,IAAe;AAAA,EAC3B,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AACxB,GAWMC,IAAc;AAAA,EACnB,CAACC,EAAW,EAAE,GAAG;AAAA,EACjB,CAACA,EAAW,EAAE,GAAG;AAAA,EACjB,CAACA,EAAW,EAAE,GAAG;AAClB,GAEaC,IAAU,CAAC;AAAA,EACvB,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOH,EAAW;AAAA,EAClB,OAAAI,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC,IAAQR,EAAY;AAAA,EACpB,MAAAS,IAAO;AACR,MAAgB;AACT,QAAAC,IAAc,KAAK,IAAI,KAAK,IAAIN,GAAa,CAAC,GAAGE,CAAK;AAG3D,SAAA,gBAAAK,EAAC,SAAI,WAAYC,EAAG,QAAQL,CAAS,GAClC,gBAAM,KAAK;AAAA,IACZ,QAAQD;AAAA,EAAA,GACN,CAACO,GAAGC,MAAU;AAChB,UAAMC,IAAqBD,IAAQ,KAAK,MAAMJ,CAAW,GACnDM,IAAoB,CAACD,KAAsBD,MAAU,KAAK,MAAMJ,CAAW;AAEjF,QAAIO,IAAmB;AAEvB,WAAID,MAEHC,IADgBP,IAAc,IACD,MAI7B,gBAAAC,EAAC,OAAkB,EAAA,WAAU,YAC5B,UAAA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYN;AAAA,UACXX,EAAYI,CAAI;AAAA,UAChBN,EAAaS,CAAK;AAAA,QACnB;AAAA,QACA,SAAQ;AAAA,QAEN,UAAA;AAAA,UAAAQ,uBACA,QACA,EAAA,UAAA,gBAAAE,EAAC,kBAAe,EAAA,IAAK,GAAGT,CAAI,cAAcK,CAAK,IAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC3E,UAAA;AAAA,YAAA,gBAAAH,EAAC,UAAK,QAAS,GAAGM,CAAgB,KAAM,WAAU,gBAAe;AAAA,8BAChE,QAAK,EAAA,QAAS,GAAGA,CAAgB,KAAM,WAAU,cAAc,CAAA;AAAA,UAAA,EAAA,CACjE,EACD,CAAA;AAAA,UAED,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAOI,IACJ,iBACCC,IACA,QAAQP,CAAI,cAAcK,CAAK,MAC/B;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,SAvBSA,CAyBX;AAAA,EAED,CAAA,GACF;AAEF;"}
+{"version":3,"file":"UiStars.js","sources":["../../../src/components/UiStars/UiStars.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EStarsSize, EStarColors } from \"./_types\";\n\nexport const colorClasses = {\n\t[EStarColors.DEFAULT]: \"text-accent-alt-600\",\n\t[EStarColors.PRIMARY]: \"text-primary\",\n\t[EStarColors.WHITE]: \"text-white\",\n\t[EStarColors.BLACK]: \"text-black\",\n\t[EStarColors.CURRENT]: \"text-current\",\n};\n\ninterface IUiStars {\n\tstarsFilled?: number\n\tsize?: EStarsSize\n\tcount?: number\n\tcolor?: EStarColors\n\tname?: string\n\tclassName?: string\n}\n\nconst sizeClasses = {\n\t[EStarsSize.SM]: \"w-sm h-sm\",\n\t[EStarsSize.MD]: \"w-md h-md\",\n\t[EStarsSize.LG]: \"w-lg h-lg\"\n};\n\nexport const UiStars = ({\n\tstarsFilled = 0,\n\tsize = EStarsSize.MD,\n\tcount = 5,\n\tclassName,\n\tcolor = EStarColors.DEFAULT,\n\tname = \"stars\"\n}: IUiStars) => {\n\tconst filledStars = Math.min(Math.max(starsFilled, 0), count);\n\n\treturn (\n\t\t<div className={ cx(\"flex\", className) }>\n\t\t\t{ Array.from({\n\t\t\t\tlength: count\n\t\t\t}, (_, index) => {\n\t\t\t\tconst isCompletelyFilled = index < Math.floor(filledStars);\n\t\t\t\tconst isPartiallyFilled = !isCompletelyFilled && index === Math.floor(filledStars);\n\n\t\t\t\tlet filledPercentage = 0;\n\n\t\t\t\tif (isPartiallyFilled) {\n\t\t\t\t\tconst decimal = filledStars % 1;\n\t\t\t\t\tfilledPercentage = decimal * 100;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={ index } className=\"relative\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\tsizeClasses[size],\n\t\t\t\t\t\t\t\tcolorClasses[color]\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tviewBox=\"0 0 25 23\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isPartiallyFilled && (\n\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t<linearGradient id={ `${name}-star-fill-${index}` } x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n\t\t\t\t\t\t\t\t\t\t<stop offset={ `${filledPercentage}%` } stopColor=\"currentColor\" />\n\t\t\t\t\t\t\t\t\t\t<stop offset={ `${filledPercentage}%` } stopColor=\"transparent\" />\n\t\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M11.474 1.68128C11.8026 0.912241 12.8927 0.912241 13.2213 1.68128L15.5868 7.21835C15.7989 7.71478 16.2692 8.0523 16.8074 8.09431L22.8886 8.56895C23.738 8.63525 24.0774 9.69994 23.4231 10.2457L18.8377 14.0697C18.4124 14.4244 18.2263 14.9904 18.3581 15.5283L19.7672 21.2797C19.9677 22.0979 19.083 22.7529 18.3589 22.3223L13.0888 19.1884C12.632 18.9167 12.0633 18.9167 11.6065 19.1884L6.33637 22.3223C5.61231 22.7529 4.72763 22.0979 4.9281 21.2797L6.33724 15.5283C6.46904 14.9904 6.28291 14.4244 5.85758 14.0697L1.27223 10.2457C0.617879 9.69994 0.957297 8.63525 1.80676 8.56895L7.88795 8.09431C8.42615 8.0523 8.89645 7.71478 9.10853 7.21835L11.474 1.68128Z\"\n\t\t\t\t\t\t\t\tfill={ isCompletelyFilled\n\t\t\t\t\t\t\t\t\t? \"currentColor\"\n\t\t\t\t\t\t\t\t\t: (isPartiallyFilled\n\t\t\t\t\t\t\t\t\t\t? `url(#${name}-star-fill-${index})`\n\t\t\t\t\t\t\t\t\t\t: \"transparent\") }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}) }\n\t\t</div>\n\t);\n};\n"],"names":["colorClasses","EStarColors","sizeClasses","EStarsSize","UiStars","starsFilled","size","count","className","color","name","filledStars","jsx","cx","_","index","isCompletelyFilled","isPartiallyFilled","filledPercentage","jsxs"],"mappings":";;;;AAIO,MAAMA,IAAe;AAAA,EAC3B,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AACxB,GAWMC,IAAc;AAAA,EACnB,CAACC,EAAW,EAAE,GAAG;AAAA,EACjB,CAACA,EAAW,EAAE,GAAG;AAAA,EACjB,CAACA,EAAW,EAAE,GAAG;AAClB,GAEaC,IAAU,CAAC;AAAA,EACvB,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOH,EAAW;AAAA,EAClB,OAAAI,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC,IAAQR,EAAY;AAAA,EACpB,MAAAS,IAAO;AACR,MAAgB;AACf,QAAMC,IAAc,KAAK,IAAI,KAAK,IAAIN,GAAa,CAAC,GAAGE,CAAK;AAE5D,SACC,gBAAAK,EAAC,SAAI,WAAYC,EAAG,QAAQL,CAAS,GAClC,gBAAM,KAAK;AAAA,IACZ,QAAQD;AAAA,EAAA,GACN,CAACO,GAAGC,MAAU;AAChB,UAAMC,IAAqBD,IAAQ,KAAK,MAAMJ,CAAW,GACnDM,IAAoB,CAACD,KAAsBD,MAAU,KAAK,MAAMJ,CAAW;AAEjF,QAAIO,IAAmB;AAEvB,WAAID,MAEHC,IADgBP,IAAc,IACD,MAI7B,gBAAAC,EAAC,OAAA,EAAkB,WAAU,YAC5B,UAAA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYN;AAAA,UACXX,EAAYI,CAAI;AAAA,UAChBN,EAAaS,CAAK;AAAA,QAAA;AAAA,QAEnB,SAAQ;AAAA,QAEN,UAAA;AAAA,UAAAQ,uBACA,QAAA,EACA,UAAA,gBAAAE,EAAC,kBAAA,EAAe,IAAK,GAAGT,CAAI,cAAcK,CAAK,IAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC3E,UAAA;AAAA,YAAA,gBAAAH,EAAC,UAAK,QAAS,GAAGM,CAAgB,KAAM,WAAU,gBAAe;AAAA,8BAChE,QAAA,EAAK,QAAS,GAAGA,CAAgB,KAAM,WAAU,cAAA,CAAc;AAAA,UAAA,EAAA,CACjE,EAAA,CACD;AAAA,UAED,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAOI,IACJ,iBACCC,IACA,QAAQP,CAAI,cAAcK,CAAK,MAC/B;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA,KAvBSA,CAyBX;AAAA,EAEF,CAAC,EAAA,CACF;AAEF;"}

package/components/UiStars/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiStars/_types.ts"],"sourcesContent":["export enum EStarsSize {\n\tSM = \"SM\",\n\tMD = \"MD\",\n\tLG = \"LG\"\n}\n\nexport enum EStarColors {\n\tDEFAULT = \"default\",\n\tWHITE = \"white\",\n\tBLACK = \"black\",\n\tCURRENT = \"current\",\n\tPRIMARY = \"primary\"\n}\n"],"names":["EStarsSize","EStarColors"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MAHMA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiStars/_types.ts"],"sourcesContent":["export enum EStarsSize {\n\tSM = \"SM\",\n\tMD = \"MD\",\n\tLG = \"LG\"\n}\n\nexport enum EStarColors {\n\tDEFAULT = \"default\",\n\tWHITE = \"white\",\n\tBLACK = \"black\",\n\tCURRENT = \"current\",\n\tPRIMARY = \"primary\"\n}\n"],"names":["EStarsSize","EStarColors"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MAHMA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiTable/UiTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTable.js","sources":["../../../src/components/UiTable/UiTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETableKind } from \"./_types\";\nimport cn from \"classnames\";\n\ntype TTableProps = {\n\tkind?: ETableKind;\n\theader?: React.ReactNode;\n} & React.HTMLAttributes<HTMLTableElement>;\n\nconst kindClasses = {\n\t[ETableKind.DEFAULT]: \"\",\n\t[ETableKind.SECONDARY]: \"[&>tr:nth-child(odd)>td]:bg-secondary-alt-200 rounded-lg\",\n\t[ETableKind.SECONDARY_INVERTED]: \"[&>tr:nth-child(even)>td]:bg-secondary-alt-200 rounded-lg\",\n};\n\nexport const UiTable: React.FC<TTableProps> = ({\n\tkind = ETableKind.SECONDARY_INVERTED,\n\theader,\n\tclassName,\n\tchildren,\n\t...rest\n}) => {\n\treturn (\n\t\t<table { ...rest } className={ className }>\n\t\t\t{ header && (<thead>{ header }</thead>) }\n\t\t\t<tbody className={ cn(\"rounded-xl\", kindClasses[kind]) }>\n\t\t\t\t{ children }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n};\n"],"names":["kindClasses","ETableKind","UiTable","kind","header","className","children","rest","jsxs","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,kBAAkB,GAAG;AAClC,GAEaC,IAAiC,CAAC;AAAA,EAC9C,MAAAC,IAAOF,EAAW;AAAA,EAClB,QAAAG;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAA,SAAA,EAAQ,GAAGD,GAAO,WAAAF,GAChB,UAAA;AAAA,EAAWD,KAAA,gBAAAK,EAAC,WAAQ,UAAQL,EAAA,CAAA;AAAA,EAC9B,gBAAAK,EAAC,WAAM,WAAYC,EAAG,cAAcV,EAAYG,CAAI,CAAC,GAClD,UAAAG,EACH,CAAA;AAAA,GACD;"}
+{"version":3,"file":"UiTable.js","sources":["../../../src/components/UiTable/UiTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETableKind } from \"./_types\";\nimport cn from \"classnames\";\n\ntype TTableProps = {\n\tkind?: ETableKind;\n\theader?: React.ReactNode;\n} & React.HTMLAttributes<HTMLTableElement>;\n\nconst kindClasses = {\n\t[ETableKind.DEFAULT]: \"\",\n\t[ETableKind.SECONDARY]: \"[&>tr:nth-child(odd)>td]:bg-secondary-alt-200 rounded-lg\",\n\t[ETableKind.SECONDARY_INVERTED]: \"[&>tr:nth-child(even)>td]:bg-secondary-alt-200 rounded-lg\",\n};\n\nexport const UiTable: React.FC<TTableProps> = ({\n\tkind = ETableKind.SECONDARY_INVERTED,\n\theader,\n\tclassName,\n\tchildren,\n\t...rest\n}) => {\n\treturn (\n\t\t<table { ...rest } className={ className }>\n\t\t\t{ header && (<thead>{ header }</thead>) }\n\t\t\t<tbody className={ cn(\"rounded-xl\", kindClasses[kind]) }>\n\t\t\t\t{ children }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n};\n"],"names":["kindClasses","ETableKind","UiTable","kind","header","className","children","rest","jsxs","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,kBAAkB,GAAG;AAClC,GAEaC,IAAiC,CAAC;AAAA,EAC9C,MAAAC,IAAOF,EAAW;AAAA,EAClB,QAAAG;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAC,SAAA,EAAQ,GAAGD,GAAO,WAAAF,GAChB,UAAA;AAAA,EAAAD,KAAW,gBAAAK,EAAC,WAAQ,UAAAL,EAAA,CAAQ;AAAA,EAC9B,gBAAAK,EAAC,WAAM,WAAYC,EAAG,cAAcV,EAAYG,CAAI,CAAC,GAClD,UAAAG,EAAA,CACH;AAAA,GACD;"}

package/components/UiTable/UiTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTableRow.js","sources":["../../../src/components/UiTable/UiTableRow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype TRowProps = React.HTMLAttributes<HTMLTableRowElement>;\n\nexport const UiTableRow: React.FC<TRowProps> = ({ children, className, ...rest }) => {\n\treturn (\n\t\t<tr\n\t\t\tclassName={ cx(\n\t\t\t\t\"text-center\",\n\t\t\t\t\"[&>td:last-of-type]:rounded-r-xxs\",\n\t\t\t\t\"[&>td:last-of-type]:text-right\",\n\t\t\t\t\"[&>td:first-of-type]:text-left\",\n\t\t\t\t\"[&>td:first-of-type]:rounded-l-xxs\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t\t}\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t</tr>\n\t);\n};\n"],"names":["UiTableRow","children","className","rest","jsx","cx"],"mappings":";;;AAKO,MAAMA,IAAkC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAExE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IACD;AAAA,IAEE,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH;"}
+{"version":3,"file":"UiTableRow.js","sources":["../../../src/components/UiTable/UiTableRow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype TRowProps = React.HTMLAttributes<HTMLTableRowElement>;\n\nexport const UiTableRow: React.FC<TRowProps> = ({ children, className, ...rest }) => {\n\treturn (\n\t\t<tr\n\t\t\tclassName={ cx(\n\t\t\t\t\"text-center\",\n\t\t\t\t\"[&>td:last-of-type]:rounded-r-xxs\",\n\t\t\t\t\"[&>td:last-of-type]:text-right\",\n\t\t\t\t\"[&>td:first-of-type]:text-left\",\n\t\t\t\t\"[&>td:first-of-type]:rounded-l-xxs\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t\t}\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t</tr>\n\t);\n};\n"],"names":["UiTableRow","children","className","rest","jsx","cx"],"mappings":";;;AAKO,MAAMA,IAAkC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAExE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAGC,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}

package/components/UiTable/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiTable/_types.ts"],"sourcesContent":["export enum ETableKind {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\",\n\tSECONDARY_INVERTED = \"secondary-inverted\",\n}\n"],"names":["ETableKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBAHVA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiTable/_types.ts"],"sourcesContent":["export enum ETableKind {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\",\n\tSECONDARY_INVERTED = \"secondary-inverted\",\n}\n"],"names":["ETableKind"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBAHVA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiTabs/UiTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTabs.js","sources":["../../../src/components/UiTabs/UiTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype UiTabsProps = {\n\ttabs: string[]\n\ttabsModel: string,\n\tclassName: string\n\tonTabChange: (val: string) => void\n}\n\nexport const UiTabs: React.FC<UiTabsProps> = ({\n\ttabs,\n\ttabsModel,\n\tonTabChange,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-tabs\",\n\t\t\t\"grid\",\n\t\t\t\"grid-flow-col\",\n\t\t\t\"items-stretch\",\n\t\t\t\"rounded-full\",\n\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\"p-[2px]\",\n\t\t\t\"text-secondary-400\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ tabs.map((tab) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={ tab }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\"text-center\",\n\t\t\t\t\t\ttabsModel === tab && \"border border-secondary-alt-600 bg-white text-secondary-500\",\n\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<label className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\t\t\"px-md\",\n\t\t\t\t\t\t\"py-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t<input className={ cx(\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\t\"appearance-none\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tvalue={ tab }\n\t\t\t\t\t\tchecked={ tabsModel === tab }\n\t\t\t\t\t\tonChange={ ()=> onTabChange(tab) }>\n\t\t\t\t\t\t</input>\n\n\t\t\t\t\t\t<span className={ cx(\n\t\t\t\t\t\t\t\"font-bold\",\n\t\t\t\t\t\t\t\"text-xs\"\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t{ tab }\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t</label>\n\n\t\t\t\t</li>\n\t\t\t)) }\n\t\t</ul>\n\t);\n};\n"],"names":["UiTabs","tabs","tabsModel","onTabChange","className","jsx","cx","tab","jsxs"],"mappings":";;;AAUO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACD,MAGE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF;AAEE,GAAA,UAAAH,EAAK,IAAI,CAACM,MACX,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,MAAcK,KAAO;AAAA,IAEtB;AAAA,IAEA,UAAA,gBAAAC,EAAC,WAAM,WAAYF;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAEA,GAAA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYC;AAAA,YAClB;AAAA,YACA;AAAA,UACD;AAAA,UACA,MAAK;AAAA,UACL,OAAQC;AAAA,UACR,SAAUL,MAAcK;AAAA,UACxB,UAAW,MAAKJ,EAAYI,CAAG;AAAA,QAAA;AAAA,MAC/B;AAAA,MAEA,gBAAAF,EAAC,UAAK,WAAYC;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,GAEE,UACHC,EAAA,CAAA;AAAA,IAAA,EAED,CAAA;AAAA,EAAA;AAAA,EAnCMA;AAsCP,CAAA,GACF;"}
+{"version":3,"file":"UiTabs.js","sources":["../../../src/components/UiTabs/UiTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype UiTabsProps = {\n\ttabs: string[]\n\ttabsModel: string,\n\tclassName: string\n\tonTabChange: (val: string) => void\n}\n\nexport const UiTabs: React.FC<UiTabsProps> = ({\n\ttabs,\n\ttabsModel,\n\tonTabChange,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-tabs\",\n\t\t\t\"grid\",\n\t\t\t\"grid-flow-col\",\n\t\t\t\"items-stretch\",\n\t\t\t\"rounded-full\",\n\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\"p-[2px]\",\n\t\t\t\"text-secondary-400\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ tabs.map((tab) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={ tab }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\"text-center\",\n\t\t\t\t\t\ttabsModel === tab && \"border border-secondary-alt-600 bg-white text-secondary-500\",\n\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<label className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\t\t\"px-md\",\n\t\t\t\t\t\t\"py-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t<input className={ cx(\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\t\"appearance-none\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tvalue={ tab }\n\t\t\t\t\t\tchecked={ tabsModel === tab }\n\t\t\t\t\t\tonChange={ ()=> onTabChange(tab) }>\n\t\t\t\t\t\t</input>\n\n\t\t\t\t\t\t<span className={ cx(\n\t\t\t\t\t\t\t\"font-bold\",\n\t\t\t\t\t\t\t\"text-xs\"\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t{ tab }\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t</label>\n\n\t\t\t\t</li>\n\t\t\t)) }\n\t\t</ul>\n\t);\n};\n"],"names":["UiTabs","tabs","tabsModel","onTabChange","className","jsx","cx","tab","jsxs"],"mappings":";;;AAUO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACD,MAGE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF;AAAA,GAEE,UAAAH,EAAK,IAAI,CAACM,MACX,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,MAAcK,KAAO;AAAA,IAAA;AAAA,IAItB,UAAA,gBAAAC,EAAC,WAAM,WAAYF;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYC;AAAA,YAClB;AAAA,YACA;AAAA,UAAA;AAAA,UAED,MAAK;AAAA,UACL,OAAQC;AAAA,UACR,SAAUL,MAAcK;AAAA,UACxB,UAAW,MAAKJ,EAAYI,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAG/B,gBAAAF,EAAC,UAAK,WAAYC;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,GAEE,UAAAC,EAAA,CACH;AAAA,IAAA,EAAA,CAED;AAAA,EAAA;AAAA,EAnCMA;AAAA,CAsCP,GACF;"}

package/components/UiToggle/UiToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ??  false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t{ children }\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiToggle","children","disabled","invertOrder","justify","EJustify","checked","value","className","defaultChecked","onChange","rest","toggled","setIsToggled","useState","isChecked","handleChange","useEffect","justificationClasses","jsxs","cx","jsx","styles"],"mappings":";;;;;;;;;GAgBaA,IAAqC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAUC,EAAS;AAAA,EACnB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AAEL,QAAM,CAACC,GAASC,CAAY,IAAIC,EAAkBL,KAAmB,EAAK,GAEpEM,IAAYR,KAASD,KAAWM,GAEhCI,IAAe,MAAM;AACtB,IAAAT,MAAU,UAAaD,MAAY,UACtCO,EAAa,CAACD,CAAO,GAGtBF,IAAW,CAACK,CAAS;AAAA,EACtB;AAEA,EAAAE,EAAU,MAAI;AACb,IAAKX,MAAY,UAChBO,EAAaP,CAAO;AAAA,EACrB,GACE,CAACA,CAAO,CAAC;AAEZ,QAAMY,IAAuB;AAAA,IAC5B,CAACb,EAAS,KAAK,GAAG;AAAA,IAClB,CAACA,EAAS,GAAG,GAAG;AAAA,IAChB,CAACA,EAAS,MAAM,GAAG;AAAA,IACnB,CAACA,EAAS,OAAO,GAAG;AAAA,IACpB,CAACA,EAAS,MAAM,GAAG;AAAA,IACnB,CAACA,EAAS,MAAM,GAAG;AAAA,EACpB;AAGC,SAAA,gBAAAc,EAAC,WAAM,WAAYC;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACC,oBAAoBjB;AAAA,MACpB,kCAAkCD;AAAA,IACnC;AAAA,IACAgB,EAAqBd,CAAO;AAAA,IAC5BI;AAAA,EAEA,GAAA,UAAA;AAAA,IAAA,gBAAAW,EAAC,UAAK,WAAYC;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IAGA,GAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYD;AAAA,YAClB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACA,MAAK;AAAA,UACL,SAAUL;AAAA,UACV,UAAWC;AAAA,UACX,UAAAd;AAAA,UACA,OAAAK;AAAA,UACE,GAAGI;AAAA,QAAA;AAAA,MAEL;AAAA,MAEA,gBAAAU,EAAC,UAAK,WAAYD;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACC,kBAAkBL,KAAa,CAACb;AAAA,UAChC,wBAAwB,CAACa,KAAab;AAAA,UACtC,wBAAwB,CAACa,KAAa,CAACb;AAAA,UACvC,kBAAkBa,KAAab;AAAA,QAAA;AAAA,MAEhC,GACE;AAAA,MAEH,gBAAAmB,EAAC,UAAK,WAAYD;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAE,EAAO;AAAA,QACP;AAAA,UACC,iCAAiC,CAACP,KAAa,CAACb;AAAA,UAChD,+BAA+Ba,KAAa,CAACb;AAAA,UAC7C,CAACoB,EAAO,qBAAqB,GAAGP;AAAA,QAAA;AAAA,MAKjC,GAAA,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAYD;AAAA,YACXE,EAAO;AAAA,YACP;AAAA,YACApB,IACG,qBACA;AAAA,YACH;AAAA,cACC,CAACoB,EAAO,sBAAsB,GAAGP;AAAA,YAAA;AAAA,UAGnC;AAAA,UACA,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,QAAO;AAAA,cACP,gBAAa;AAAA,cACb,kBAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB;AAAA,MAAA,EAGF,CAAA;AAAA,IAAA,GACD;AAAA,IAEEpB;AAAA,EAAA,GAEH;AAGF;"}
+{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ??  false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t{ children }\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiToggle","children","disabled","invertOrder","justify","EJustify","checked","value","className","defaultChecked","onChange","rest","toggled","setIsToggled","useState","isChecked","handleChange","useEffect","justificationClasses","jsxs","cx","jsx","styles"],"mappings":"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"}