bonkers-ui 2.0.8 → 2.0.9

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\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};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\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\"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<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName=\"\n\t\t\t\t\t\tm-0\n\t\t\t\t\t\tpr-xl\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\tappearance-none\n\t\t\t\t\t\tborder-0\n\t\t\t\t\t\tbg-transparent\n\t\t\t\t\t\tleading-[20px]\n\t\t\t\t\t\tp-sm\n\t\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\t\toutline-0\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=\"absolute right-sm top-1/2 -translate-y-1/2 pointer-events-none\">\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\"max-h-0 opacity-0 overflow-hidden gap-xxs mt-xxs\",\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: 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","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors"],"mappings":";;;;;;;;;GAmBMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,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,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,EAAK,SAASA,EAAK,gBAAgB,EAAE,GACxEI,IAAeD,EAAM;AAAA,IAC1B,CAACE,MAAgD;AACvC,MAAAH,EAAAG,EAAM,OAAO,KAAK,GAC3BX,KAAA,QAAAA,EAAWW;AAAA,IACZ;AAAA,IACA,CAACX,CAAQ;AAAA,EACV;AACA,2BACE,OAAI,EAAA,WAAYY,EAAG,aAAaX,CAAS,GACvC,UAAA;AAAA,IACCJ,IAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACF,MAAOC,EAAiB;AAAA,QACxB,WAAU;AAAA,QACR,UAAAlB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAEH,gBAAAmB,EAAC,SAAI,WAAYJ;AAAA,MAAGK,EAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAlB,IACG,CAAC,uBAAuB,4BAA4B,sBAAsB,IAC1E,CAACM,KAAQZ,EAAaY,CAAI,GAAG,UAAU;AAAA,IAE1C,GAAA,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGV;AAAA,UACL,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAaV,UAAAP;AAAA,UACA,OAAAQ;AAAA,UACA,UAAWG;AAAA,UAET,UAAA;AAAA,YACCR,IAAA,gBAAAW,EAAC,YAAO,OAAQ,IAAK,UAAQ,IAAC,QAAM,IAAG,UAAAX,EAAA,CAAa,IACpD;AAAA,YACDN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,MACC,gBAAAiB,EAAA,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,EAGH,CAAA;AAAA,IAAA,GACD;AAAA,IACEf,IACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACH,MAAOC,EAAiB;AAAA,QACxB,OAAQG,EAAQ;AAAA,QAChB,WAAU;AAAA,QAER,UAAApB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAGDM,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAYF;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,QACA,YAAU;AAAA,QACV,OACCP,MAASX,EAAW,QACjBwB,EAAQ,QACRA,EAAQ;AAAA,QAEZ,MAAOH,EAAiB;AAAA,QACxB,eAAc,CAAC,CAACX;AAAA,QAEd,UAAAA;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAAA,GACJ;AAEF;"}
+{"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\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};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\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\"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<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName=\"\n\t\t\t\t\t\tm-0\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\tappearance-none\n\t\t\t\t\t\tborder-0\n\t\t\t\t\t\tbg-transparent\n\t\t\t\t\t\tp-sm\n\t\t\t\t\t\tpr-xl\n\t\t\t\t\t\tleading-[20px]\n\t\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\t\toutline-0\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: 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","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors"],"mappings":";;;;;;;;;GAmBMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,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,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,EAAK,SAASA,EAAK,gBAAgB,EAAE,GACxEI,IAAeD,EAAM;AAAA,IAC1B,CAACE,MAAgD;AACvC,MAAAH,EAAAG,EAAM,OAAO,KAAK,GAC3BX,IAAWW,CAAK;AAAA,IACjB;AAAA,IACA,CAACX,CAAQ;AAAA,EACV;AACA,2BACE,OAAI,EAAA,WAAYY,EAAG,aAAaX,CAAS,GACvC,UAAA;AAAA,IACCJ,IAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACF,MAAOC,EAAiB;AAAA,QACxB,WAAU;AAAA,QACR,UAAAlB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAEH,gBAAAmB,EAAC,SAAI,WAAYJ;AAAA,MAAGK,EAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAlB,IACG,CAAC,uBAAuB,4BAA4B,sBAAsB,IAC1E,CAACM,KAAQZ,EAAaY,CAAI,GAAG,UAAU;AAAA,IAE1C,GAAA,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGV;AAAA,UACL,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAaV,UAAAP;AAAA,UACA,OAAAQ;AAAA,UACA,UAAWG;AAAA,UAET,UAAA;AAAA,YACCR,IAAA,gBAAAW,EAAC,YAAO,OAAQ,IAAK,UAAQ,IAAC,QAAM,IAAG,UAAAX,EAAA,CAAa,IACpD;AAAA,YACDN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,MACC,gBAAAiB,EAAA,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,EAGH,CAAA;AAAA,IAAA,GACD;AAAA,IACEf,IACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACH,MAAOC,EAAiB;AAAA,QACxB,OAAQG,EAAQ;AAAA,QAChB,WAAU;AAAA,QAER,UAAApB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAGDM,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAYF;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,QACA,YAAU;AAAA,QACV,OACCP,MAASX,EAAW,QACjBwB,EAAQ,QACRA,EAAQ;AAAA,QAEZ,MAAOH,EAAiB;AAAA,QACxB,eAAc,CAAC,CAACX;AAAA,QAEd,UAAAA;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAAA,GACJ;AAEF;"}

package/components/UiSkeleton/UiSkeleton.js

@@ -25,11 +25,11 @@ const x = ({
             className: e(
               "ui-skeleton-card__content",
               "bg-secondary-alt-200",
-              "flex gap-xs items-center justify-center",
+              "flex items-center justify-center gap-xs",
               "px-sm py-xxs",
-              "md:border-b-0 border-t-0 border-b border-secondary-alt-300",
+              "border-t-0 border-b border-secondary-alt-300 md:border-b-0",
               "md:rounded-tl-xl md:rounded-bl-xl",
-              "rounded-tl-xl md:rounded-br-0"
+              "md:rounded-br-0 rounded-tl-xl"
             ),
             children: /* @__PURE__ */ s("div", { className: e("grid", "grow", "gap-xxs", "justify-items-center"), children: [
               /* @__PURE__ */ d(
@@ -83,27 +83,27 @@ const x = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ s("div", { className: e("flex flex-wrap gap-xs mb-xxs"), children: [
-                  /* @__PURE__ */ d("div", { className: e("w-2/5 h-md bg-secondary-alt-300 rounded-sm") }),
-                  /* @__PURE__ */ d("div", { className: e("w-1/4 h-md bg-secondary-alt-300 rounded-sm") })
+                /* @__PURE__ */ s("div", { className: e("mb-xxs flex flex-wrap gap-xs"), children: [
+                  /* @__PURE__ */ d("div", { className: e("h-md w-2/5 rounded-sm bg-secondary-alt-300") }),
+                  /* @__PURE__ */ d("div", { className: e("h-md w-1/4 rounded-sm bg-secondary-alt-300") })
                 ] }),
                 /* @__PURE__ */ s("div", { className: e("flex justify-between"), children: [
-                  /* @__PURE__ */ d("div", { className: e("w-1/3 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs") }),
-                  /* @__PURE__ */ d("div", { className: e("w-1/4 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs") })
+                  /* @__PURE__ */ d("div", { className: e("mb-xxs h-[20px] w-1/3 rounded-sm bg-secondary-alt-300") }),
+                  /* @__PURE__ */ d("div", { className: e("mb-xxs h-[20px] w-1/4 rounded-sm bg-secondary-alt-300") })
                 ] })
               ] }),
               /* @__PURE__ */ s("div", { className: e("border-t border-secondary-alt-300", "md:grid md:grid-cols-2"), children: [
                 /* @__PURE__ */ s("div", { className: e(
-                  "hidden md:flex flex-col justify-between md:justify-center md:items-center md:flex-col",
-                  "md:border-r border-secondary-alt-300",
-                  "p-xs md:border-b-0 border-b"
+                  "hidden flex-col justify-between md:flex md:flex-col md:items-center md:justify-center",
+                  "border-secondary-alt-300 md:border-r",
+                  "border-b p-xs md:border-b-0"
                 ), children: [
-                  /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm w-2/3 h-[20px]") }),
-                  /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm w-2/4 h-md") })
+                  /* @__PURE__ */ d("div", { className: e("mb-xxxs h-[20px] w-2/3 rounded-sm bg-secondary-alt-300") }),
+                  /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300") })
                 ] }),
-                /* @__PURE__ */ s("div", { className: e("flex flex-col justify-between md:justify-center md:items-center md:flex-col p-xs"), children: [
-                  /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/3") }),
-                  /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/4") })
+                /* @__PURE__ */ s("div", { className: e("flex flex-col justify-between p-xs md:flex-col md:items-center md:justify-center"), children: [
+                  /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-300") }),
+                  /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300") })
                 ] })
               ] })
             ]
@@ -115,15 +115,15 @@ const x = ({
             className: e(
               "ui-skeleton-cta-cell",
               "bg-secondary-alt-200",
-              "flex flex-row md:flex-col md:grid md:place-content-center md:items-center md:gap-sm",
-              "border-t md:border-t-0 border-l-0 border-secondary-alt-300",
-              "p-sm justify-between items-center",
+              "flex flex-row md:grid md:flex-col md:place-content-center md:items-center md:gap-sm",
+              "border-t border-l-0 border-secondary-alt-300 md:border-t-0",
+              "items-center justify-between p-sm",
               "md:rounded-tr-xl md:rounded-br-xl",
-              "rounded-br-xl md:rounded-tl-0",
+              "md:rounded-tl-0 rounded-br-xl",
               "md:border-l"
             ),
             children: [
-              /* @__PURE__ */ d("div", { className: e("flex flex-col md:items-center w-full"), children: /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300", "mb-xxxs", "rounded-sm", "h-lg", "w-[120px]") }) }),
+              /* @__PURE__ */ d("div", { className: e("flex w-full flex-col md:items-center"), children: /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300", "mb-xxxs", "rounded-sm", "h-lg", "w-[120px]") }) }),
               /* @__PURE__ */ d(
                 "div",
                 {
@@ -225,37 +225,37 @@ const x = ({
           }
         ) }),
         /* @__PURE__ */ s("div", { className: e("grid grid-cols-3"), children: [
-          /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center"), children: [
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
+          /* @__PURE__ */ s("div", { className: e("place-items-center border border-l-0 border-secondary-alt-300 py-xxs"), children: [
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400") }),
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300") })
           ] }),
-          /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center"), children: [
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
+          /* @__PURE__ */ s("div", { className: e("place-items-center border border-l-0 border-secondary-alt-300 py-xxs"), children: [
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400") }),
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300") })
           ] }),
-          /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center border-r-0"), children: [
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
-            /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
+          /* @__PURE__ */ s("div", { className: e("place-items-center border border-r-0 border-l-0 border-secondary-alt-300 py-xxs"), children: [
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/3 rounded-sm bg-secondary-alt-400") }),
+            /* @__PURE__ */ d("div", { className: e("mb-xxxs h-md w-2/4 rounded-sm bg-secondary-alt-300") })
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { className: e("flex gap-sm my-xxs"), children: [
-          /* @__PURE__ */ d("div", { className: e("w-2/6 h-md bg-secondary-alt-300 rounded-sm") }),
-          /* @__PURE__ */ d("div", { className: e("w-2/6 h-md bg-secondary-alt-300 rounded-sm") })
+        /* @__PURE__ */ s("div", { className: e("my-xxs flex gap-sm"), children: [
+          /* @__PURE__ */ d("div", { className: e("h-md w-2/6 rounded-sm bg-secondary-alt-300") }),
+          /* @__PURE__ */ d("div", { className: e("h-md w-2/6 rounded-sm bg-secondary-alt-300") })
         ] }),
         /* @__PURE__ */ s("div", { className: e(
           "flex",
           "justify-between"
         ), children: [
-          /* @__PURE__ */ s("div", { className: e("flex flex-col gap-xxxs w-full"), children: [
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/5 h-[20px] bg-secondary-alt-300") }),
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-2/5 h-[20px] bg-secondary-alt-300") }),
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/6 h-md bg-secondary-alt-300") }),
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/5 h-sm bg-secondary-alt-400") })
+          /* @__PURE__ */ s("div", { className: e("flex w-full flex-col gap-xxxs"), children: [
+            /* @__PURE__ */ d("div", { className: e("h-[20px] w-3/5 rounded-sm bg-secondary-alt-300") }),
+            /* @__PURE__ */ d("div", { className: e("h-[20px] w-2/5 rounded-sm bg-secondary-alt-300") }),
+            /* @__PURE__ */ d("div", { className: e("h-md w-3/6 rounded-sm bg-secondary-alt-300") }),
+            /* @__PURE__ */ d("div", { className: e("h-sm w-3/5 rounded-sm bg-secondary-alt-400") })
           ] }),
-          /* @__PURE__ */ s("div", { className: e("flex flex-col gap-xxxs w-full items-end"), children: [
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/6 h-md bg-secondary-alt-400 mt-xxs") }),
-            /* @__PURE__ */ d("div", { className: e("rounded-sm w-2/5 h-[20px] bg-secondary-alt-300 mt-0") }),
-            /* @__PURE__ */ d("div", { className: e("rounded-full w-3/5 h-md bg-secondary-alt-400 mt-xxs") })
+          /* @__PURE__ */ s("div", { className: e("flex w-full flex-col items-end gap-xxxs"), children: [
+            /* @__PURE__ */ d("div", { className: e("mt-xxs h-md w-3/6 rounded-sm bg-secondary-alt-400") }),
+            /* @__PURE__ */ d("div", { className: e("mt-0 h-[20px] w-2/5 rounded-sm bg-secondary-alt-300") }),
+            /* @__PURE__ */ d("div", { className: e("mt-xxs h-md w-3/5 rounded-full bg-secondary-alt-400") })
           ] })
         ] }),
         /* @__PURE__ */ d("div", { className: e(

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 gap-xs items-center justify-center\",\n\t\t\t\t\t\t\t\"px-sm py-xxs\",\n\t\t\t\t\t\t\t\"md:border-b-0 border-t-0 border-b border-secondary-alt-300\",\n\t\t\t\t\t\t\t\"md:rounded-tl-xl md:rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl md:rounded-br-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\", \"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(\"flex flex-wrap gap-xs mb-xxs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-2/5 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-1/4 h-md bg-secondary-alt-300 rounded-sm\") } />\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(\"w-1/3 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-1/4 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs\") } />\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 md:flex flex-col justify-between md:justify-center md:items-center md:flex-col\",\n\t\t\t\t\t\t\t\t\"md:border-r border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\"p-xs md:border-b-0 border-b\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm w-2/3 h-[20px]\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm w-2/4 h-md\") } />\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 md:justify-center md:items-center md:flex-col p-xs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/3\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/4\") } />\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:flex-col md:grid md:place-content-center md:items-center md:gap-sm\",\n\t\t\t\t\t\t\t\"border-t md:border-t-0 border-l-0 border-secondary-alt-300\",\n\t\t\t\t\t\t\t\"p-sm justify-between items-center\",\n\t\t\t\t\t\t\t\"md:rounded-tr-xl md:rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-br-xl md:rounded-tl-0\",\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 flex-col md:items-center w-full\") }>\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(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center border-r-0\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 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(\"flex gap-sm my-xxs\") }>\n\t\t\t\t\t\t<div className={ cx(\"w-2/6 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t\t<div className={ cx(\"w-2/6 h-md bg-secondary-alt-300 rounded-sm\") } />\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 flex-col gap-xxxs w-full\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/5 h-[20px] bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-2/5 h-[20px] bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/6 h-md bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/5 h-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 flex-col gap-xxxs w-full items-end\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/6 h-md bg-secondary-alt-400 mt-xxs\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-2/5 h-[20px] bg-secondary-alt-300 mt-0\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-full w-3/5 h-md bg-secondary-alt-400 mt-xxs\") } />\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/UiTable/UiTable.js

@@ -1,20 +1,20 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "react";
-import { ETableKind as t } from "./_types.js";
+import { ETableKind as d } from "./_types.js";
 import i from "classnames";
 const a = {
-  [t.DEFAULT]: "",
-  [t.SECONDARY]: "[&>tr:nth-child(odd)>td]:bg-secondary-alt-200",
-  [t.SECONDARY_INVERTED]: "[&>tr:nth-child(even)>td]:bg-secondary-alt-200"
+  [d.DEFAULT]: "",
+  [d.SECONDARY]: "[&>tr:nth-child(odd)>td]:bg-secondary-alt-200 rounded-lg",
+  [d.SECONDARY_INVERTED]: "[&>tr:nth-child(even)>td]:bg-secondary-alt-200 rounded-lg"
 }, h = ({
-  kind: o = t.SECONDARY_INVERTED,
-  header: r,
+  kind: o = d.SECONDARY_INVERTED,
+  header: t,
   className: e,
   children: n,
   ...l
 }) => /* @__PURE__ */ s("table", { ...l, className: e, children: [
-  r && /* @__PURE__ */ d("thead", { children: r }),
-  /* @__PURE__ */ d("tbody", { className: i("rounded-xl", a[o]), children: n })
+  t && /* @__PURE__ */ r("thead", { children: t }),
+  /* @__PURE__ */ r("tbody", { className: i("rounded-xl", a[o]), children: n })
 ] });
 export {
   h as UiTable

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\",\n\t[ETableKind.SECONDARY_INVERTED]: \"[&>tr:nth-child(even)>td]:bg-secondary-alt-200\",\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,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;"}

package/components/UiTable/UiTableCell.d.ts

@@ -4,6 +4,7 @@ type TCellProps = {
     align?: ETextAlign;
     subText?: React.ReactNode;
     weight?: ETextWeight;
+    lineHeight?: boolean;
 } & React.HTMLAttributes<HTMLTableCellElement>;
 export declare const UiTableCell: React.FC<TCellProps>;
 export {};

package/components/UiTable/UiTableCell.js

@@ -1,17 +1,25 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import "react";
 import { UiTypography as e } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as m, ETextWeight as x } from "../UiTypography/_types.js";
-import { EColors as c } from "../../_types/colors.js";
-import f from "classnames";
-const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s }) => /* @__PURE__ */ i("td", { ...s, children: /* @__PURE__ */ a(
+import { ETypographySizes as m, ETextWeight as c } from "../UiTypography/_types.js";
+import { EColors as f } from "../../_types/colors.js";
+import g from "classnames";
+const T = ({
+  align: t,
+  subText: o,
+  weight: l,
+  children: r,
+  className: p,
+  lineHeight: s,
+  ...a
+}) => /* @__PURE__ */ i("td", { ...a, className: g("p-sm", p), children: /* @__PURE__ */ x(
   e,
   {
     tag: "div",
     size: m.SM,
     align: t,
     weight: l,
-    className: f("p-sm", p),
+    lineHeight: s,
     children: [
       r,
       o ? /* @__PURE__ */ i(
@@ -19,8 +27,8 @@ const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s })
         {
           tag: "div",
           size: m.XXS,
-          weight: x.SEMI_BOLD,
-          color: c.PRIMARY_ALT_700,
+          weight: c.SEMI_BOLD,
+          color: f.PRIMARY_ALT_700,
           className: `flex flex-col gap-xxxs ${r ? "pt-sm" : ""}`,
           children: o
         }
@@ -29,6 +37,6 @@ const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s })
   }
 ) });
 export {
-  S as UiTableCell
+  T as UiTableCell
 };
 //# sourceMappingURL=UiTableCell.js.map

package/components/UiTable/UiTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTableCell.js","sources":["../../../src/components/UiTable/UiTableCell.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n\tUiTypography, ETextAlign, ETypographySizes, ETextWeight, EColors\n} from \"../UiTypography\";\nimport cx from \"classnames\";\n\ntype TCellProps = {\n\talign?: ETextAlign;\n\tsubText?: React.ReactNode;\n\tweight?: ETextWeight;\n} & React.HTMLAttributes<HTMLTableCellElement>;\n\nexport const UiTableCell: React.FC<TCellProps> = ({ align, subText, weight, children, className, ...rest }) => {\n\treturn (\n\t\t<td { ...rest }>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\talign={ align }\n\t\t\t\tweight={ weight }\n\t\t\t\tclassName={ cx(\"p-sm\", className) }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t{\n\t\t\t\t\tsubText\n\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XXS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t\tcolor={ EColors.PRIMARY_ALT_700 }\n\t\t\t\t\t\t\t\tclassName={ `flex flex-col gap-xxxs ${children\n\t\t\t\t\t\t\t\t\t? \"pt-sm\"\n\t\t\t\t\t\t\t\t\t: \"\"}` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ subText }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t</UiTypography>\n\t\t</td>\n\t);\n};\n"],"names":["UiTableCell","align","subText","weight","children","className","rest","jsx","jsxs","UiTypography","ETypographySizes","cx","ETextWeight","EColors"],"mappings":";;;;;;AAYa,MAAAA,IAAoC,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAElG,gBAAAC,EAAC,MAAK,EAAA,GAAGD,GACR,UAAA,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,MAAOC,EAAiB;AAAA,IACxB,OAAAT;AAAA,IACA,QAAAE;AAAA,IACA,WAAYQ,EAAG,QAAQN,CAAS;AAAA,IAE9B,UAAA;AAAA,MAAAD;AAAA,MAEDF,IAEE,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,MAAOC,EAAiB;AAAA,UACxB,QAASE,EAAY;AAAA,UACrB,OAAQC,EAAQ;AAAA,UAChB,WAAY,0BAA0BT,IACnC,UACA,EAAE;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA,IAGF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}
+{"version":3,"file":"UiTableCell.js","sources":["../../../src/components/UiTable/UiTableCell.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n\tUiTypography, ETextAlign, ETypographySizes, ETextWeight, EColors\n} from \"../UiTypography\";\nimport cx from \"classnames\";\n\ntype TCellProps = {\n\talign?: ETextAlign;\n\tsubText?: React.ReactNode;\n\tweight?: ETextWeight;\n\tlineHeight?: boolean\n} & React.HTMLAttributes<HTMLTableCellElement>;\n\nexport const UiTableCell: React.FC<TCellProps> = ({\n\talign,\n\tsubText,\n\tweight,\n\tchildren,\n\tclassName,\n\tlineHeight,\n\t...rest\n}) => {\n\treturn (\n\t\t<td { ...rest } className={ cx(\"p-sm\", className) }>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\talign={ align }\n\t\t\t\tweight={ weight }\n\t\t\t\tlineHeight={ lineHeight }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t{\n\t\t\t\t\tsubText\n\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XXS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t\tcolor={ EColors.PRIMARY_ALT_700 }\n\t\t\t\t\t\t\t\tclassName={ `flex flex-col gap-xxxs ${children\n\t\t\t\t\t\t\t\t\t? \"pt-sm\"\n\t\t\t\t\t\t\t\t\t: \"\"}` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ subText }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t</UiTypography>\n\t\t</td>\n\t);\n};\n"],"names":["UiTableCell","align","subText","weight","children","className","lineHeight","rest","jsx","cx","jsxs","UiTypography","ETypographySizes","ETextWeight","EColors"],"mappings":";;;;;;AAaO,MAAMA,IAAoC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAC,QAAK,GAAGD,GAAO,WAAYE,EAAG,QAAQJ,CAAS,GAC/C,UAAA,gBAAAK;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,MAAOC,EAAiB;AAAA,IACxB,OAAAX;AAAA,IACA,QAAAE;AAAA,IACA,YAAAG;AAAA,IAEE,UAAA;AAAA,MAAAF;AAAA,MAEDF,IAEE,gBAAAM;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,MAAOC,EAAiB;AAAA,UACxB,QAASC,EAAY;AAAA,UACrB,OAAQC,EAAQ;AAAA,UAChB,WAAY,0BAA0BV,IACnC,UACA,EAAE;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA,IAGF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}

package/components/UiTable/UiTableRow.d.ts

@@ -1,7 +1,4 @@
 import { default as React } from 'react';
-import { ERowKind } from './_types';
-type TRowProps = {
-    kind?: ERowKind;
-} & React.HTMLAttributes<HTMLTableRowElement>;
+type TRowProps = React.HTMLAttributes<HTMLTableRowElement>;
 export declare const UiTableRow: React.FC<TRowProps>;
 export {};

package/components/UiTable/UiTableRow.js

@@ -1,26 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { ERowKind as d } from "./_types.js";
-import f from "classnames";
-const a = ({ kind: t, children: r, className: o, ...e }) => /* @__PURE__ */ s(
+import s from "classnames";
+const p = ({ children: t, className: e, ...r }) => /* @__PURE__ */ o(
   "tr",
   {
-    className: f(
+    className: s(
       "text-center",
       "[&>td:last-of-type]:rounded-r-xxs",
       "[&>td:last-of-type]:text-right",
       "[&>td:first-of-type]:text-left",
       "[&>td:first-of-type]:rounded-l-xxs",
-      {
-        "bg-secondary-alt-200": t === d.SECONDARY
-      },
-      o
+      e
     ),
-    ...e,
-    children: r
+    ...r,
+    children: t
   }
 );
 export {
-  a as UiTableRow
+  p as UiTableRow
 };
 //# sourceMappingURL=UiTableRow.js.map

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 { ERowKind } from \"./_types\";\nimport cn from \"classnames\";\n\ntype TRowProps = {\n\tkind?: ERowKind;\n} & React.HTMLAttributes<HTMLTableRowElement>;\n\nexport const UiTableRow: React.FC<TRowProps> = ({ kind, children, className, ...rest }) => {\n\treturn (\n\t\t<tr\n\t\t\tclassName={ cn(\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\t{\n\t\t\t\t\t\"bg-secondary-alt-200\": kind === ERowKind.SECONDARY\n\t\t\t\t},\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","kind","children","className","rest","jsx","cn","ERowKind"],"mappings":";;;;AAQa,MAAAA,IAAkC,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE9E,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACC,wBAAwBL,MAASM,EAAS;AAAA,MAC3C;AAAA,MACAJ;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,IACD;AAAA,IAEE,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH;"}

package/components/UiTable/_types.d.ts

@@ -1,6 +1,3 @@
-export declare enum ERowKind {
-    SECONDARY = "secondary"
-}
 export declare enum ETableKind {
     DEFAULT = "default",
     SECONDARY = "secondary",

package/components/UiTable/_types.js

@@ -1,6 +1,5 @@
-var e = /* @__PURE__ */ ((r) => (r.SECONDARY = "secondary", r))(e || {}), t = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SECONDARY = "secondary", r.SECONDARY_INVERTED = "secondary-inverted", r))(t || {});
+var e = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SECONDARY = "secondary", r.SECONDARY_INVERTED = "secondary-inverted", r))(e || {});
 export {
-  e as ERowKind,
-  t as ETableKind
+  e as ETableKind
 };
 //# sourceMappingURL=_types.js.map

package/components/UiTable/_types.js.map

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

package/components/UiTable/index.d.ts

@@ -1,4 +1,4 @@
 export { UiTable } from './UiTable';
 export { UiTableRow } from './UiTableRow';
 export { UiTableCell } from './UiTableCell';
-export { ERowKind, ETableKind } from './_types';
+export { ETableKind } from './_types';

package/components/UiTable/index.js

@@ -1,12 +1,11 @@
 import { UiTable as r } from "./UiTable.js";
-import { UiTableRow as i } from "./UiTableRow.js";
-import { UiTableCell as b } from "./UiTableCell.js";
-import { ERowKind as m, ETableKind as p } from "./_types.js";
+import { UiTableRow as a } from "./UiTableRow.js";
+import { UiTableCell as f } from "./UiTableCell.js";
+import { ETableKind as m } from "./_types.js";
 export {
-  m as ERowKind,
-  p as ETableKind,
+  m as ETableKind,
   r as UiTable,
-  b as UiTableCell,
-  i as UiTableRow
+  f as UiTableCell,
+  a as UiTableRow
 };
 //# sourceMappingURL=index.js.map

package/components/UiTabs/UiTabs.js

@@ -25,7 +25,7 @@ const m = ({
       "justify-center",
       "rounded-full",
       "text-center",
-      t === e && "bg-white border border-secondary-alt-600 text-secondary-500"
+      t === e && "border border-secondary-alt-600 bg-white text-secondary-500"
     ),
     children: /* @__PURE__ */ o("label", { className: r(
       "flex",

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 && \"bg-white border border-secondary-alt-600 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;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;"}