bonkers-ui 2.0.7 → 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

@@ -1,82 +1,81 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import "react";
-import s from "classnames";
-import { ESkeletonKind as o } from "./_types.js";
-const u = ({
-  kind: t,
-  className: m
-}) => /* @__PURE__ */ c("div", { className: m, children: [
-  t === o.RESULT_CARD && /* @__PURE__ */ c(
+import e from "classnames";
+import { ESkeletonKind as l } from "./_types.js";
+const x = ({
+  kind: a,
+  className: r
+}) => /* @__PURE__ */ s("div", { className: r, children: [
+  a === l.RESULT_CARD && /* @__PURE__ */ s(
     "div",
     {
-      className: s(
+      className: e(
         "ui-skeleton-card",
         "animate-pulse",
         "border-2",
         "border-secondary-alt-300",
-        "grid grid-cols-[120px_1fr_180px]",
-        "rounded-2xl"
+        "md:grid md:grid-cols-[120px_1fr_180px]",
+        "rounded-2xl",
+        "overflow-hidden"
       ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ d(
           "div",
           {
-            className: s(
+            className: e(
               "ui-skeleton-card__content",
-              "bg-secondary-alt-300",
-              "gap-xs",
-              "items-center",
-              "justify-center",
-              "p-md",
-              "rounded-bl-xl",
-              "rounded-tl-xl"
+              "bg-secondary-alt-200",
+              "flex items-center justify-center gap-xs",
+              "px-sm py-xxs",
+              "border-t-0 border-b border-secondary-alt-300 md:border-b-0",
+              "md:rounded-tl-xl md:rounded-bl-xl",
+              "md:rounded-br-0 rounded-tl-xl"
             ),
-            children: /* @__PURE__ */ c("div", { className: s("grid", "grow", "gap-xxs", "justify-items-center"), children: [
-              /* @__PURE__ */ e(
+            children: /* @__PURE__ */ s("div", { className: e("grid", "grow", "gap-xxs", "justify-items-center"), children: [
+              /* @__PURE__ */ d(
                 "div",
                 {
-                  className: s(
+                  className: e(
                     "ui-skeleton-card__content",
                     "bg-secondary-alt-400",
-                    "h-xl",
-                    "mb-sm",
+                    "h-xxxl",
+                    "md:mb-sm",
                     "rounded-sm",
-                    "w-xxxxl"
+                    "w-xxxl"
                   )
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ d(
                 "div",
                 {
-                  className: s(
+                  className: e(
                     "ui-skeleton-card__content",
                     "bg-secondary-alt-400",
                     "h-xxxxl",
                     "rounded-full",
-                    "w-xxxxl"
+                    "w-xxxxl",
+                    "hidden md:block"
                   )
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ s(
           "div",
           {
-            className: s(
+            className: e(
               "ui-skeleton-main__content",
-              "bg-white"
+              "bg-white",
+              "md:border-b-0"
             ),
             children: [
-              /* @__PURE__ */ c("div", { className: s(
-                "grid",
-                "p-sm"
-              ), children: [
-                /* @__PURE__ */ e(
+              /* @__PURE__ */ s("div", { className: e("grid", "gap-xxs", "p-sm"), children: [
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    className: s(
-                      "bg-secondary-alt-400",
+                    className: e(
+                      "bg-secondary-alt-300",
                       "h-md",
                       "mb-xxs",
                       "rounded-sm",
@@ -84,100 +83,68 @@ const u = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: s(
-                  "flex",
-                  "gap-sm",
-                  "mb-xxs"
-                ), children: ["w-2/5", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
-                  },
-                  a
-                )) }),
-                /* @__PURE__ */ e("div", { className: s(
-                  "flex",
-                  "justify-between"
-                ), children: ["w-1/3", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: s(l, "h-[20px]", a === 0 ? "bg-secondary-alt-400" : "bg-secondary-alt-300", "rounded-sm", "mb-xxs")
-                  },
-                  a
-                )) })
+                /* @__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("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__ */ e("div", { className: s(
-                "grid",
-                "grid-cols-4"
-              ), children: Array.from({
-                length: 4
-              }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
-                "border",
-                "border-secondary-alt-300",
-                "px-xs",
-                "py-md"
-              ), children: /* @__PURE__ */ e("div", { className: s(
-                "place-items-center"
-              ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
-                "div",
-                {
-                  className: s(
-                    "bg-secondary-alt-300",
-                    "mb-xxxs",
-                    "rounded-sm",
-                    d,
-                    r === 1 ? "h-md" : "h-[20px]"
-                  )
-                },
-                r
-              )) }) }, a)) })
+              /* @__PURE__ */ s("div", { className: e("border-t border-secondary-alt-300", "md:grid md:grid-cols-2"), children: [
+                /* @__PURE__ */ s("div", { className: e(
+                  "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("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 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") })
+                ] })
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           "div",
           {
-            className: s(
+            className: e(
               "ui-skeleton-cta-cell",
               "bg-secondary-alt-200",
-              "flex-col",
-              "flex",
-              "items-center",
-              "px-sm",
-              "py-md",
-              "rounded-br-xl",
-              "rounded-tr-xl"
+              "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",
+              "md:rounded-tl-0 rounded-br-xl",
+              "md:border-l"
             ),
-            children: ["w-3/4", "w-1/2", "w-3/4", "w-4/5"].map((l, a) => {
-              const d = a === 1 ? "h-lg" : "h-[20px]";
-              return /* @__PURE__ */ e(
+            children: [
+              /* @__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",
                 {
-                  className: s(
-                    "ui-skeleton-cta-cell__content",
+                  className: e(
                     "bg-secondary-alt-400",
-                    "flex-col",
-                    "flex",
-                    "h-[20px]",
-                    "mb-xxxs",
+                    "h-xxl",
                     "rounded-sm",
-                    l,
-                    d,
-                    a === 3 ? "h-xxl bg-secondary-alt-500 mt-md" : d
+                    "w-full"
                   )
-                },
-                a
-              );
-            })
+                }
+              )
+            ]
           }
         )
       ]
     }
   ),
-  t === o.RESULT_CARD_MOBILE && /* @__PURE__ */ c(
+  a === l.RESULT_CARD_MOBILE && /* @__PURE__ */ s(
     "div",
     {
-      className: s(
+      className: e(
         "ui-skeleton-card-mobile",
         "animate-pulse",
         "border-2",
@@ -187,17 +154,17 @@ const u = ({
         "p-sm"
       ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ d(
           "div",
           {
-            className: s(
+            className: e(
               "ui-skeleton-card__content"
             ),
-            children: /* @__PURE__ */ c("div", { className: "flex grow gap-sm", children: [
-              /* @__PURE__ */ e(
+            children: /* @__PURE__ */ s("div", { className: "flex grow gap-sm", children: [
+              /* @__PURE__ */ d(
                 "div",
                 {
-                  className: s(
+                  className: e(
                     "ui-skeleton-card__content",
                     "bg-secondary-alt-400",
                     "h-xxxl",
@@ -206,11 +173,11 @@ const u = ({
                   )
                 }
               ),
-              /* @__PURE__ */ c("div", { className: s("flex", "flex-col", "grow"), children: [
-                /* @__PURE__ */ e(
+              /* @__PURE__ */ s("div", { className: e("flex", "flex-col", "grow"), children: [
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    className: s(
+                    className: e(
                       "ui-skeleton-card__content",
                       "bg-secondary-alt-400",
                       "h-md",
@@ -220,10 +187,10 @@ const u = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    className: s(
+                    className: e(
                       "ui-skeleton-card__content",
                       "bg-secondary-alt-400",
                       "h-md",
@@ -237,7 +204,7 @@ const u = ({
             ] })
           }
         ),
-        /* @__PURE__ */ e("div", { className: s(
+        /* @__PURE__ */ d("div", { className: e(
           "flex",
           "grow",
           "gap-xxs",
@@ -245,10 +212,10 @@ const u = ({
           "border-t",
           "p-sm",
           "border-secondary-alt-300"
-        ), children: /* @__PURE__ */ e(
+        ), children: /* @__PURE__ */ d(
           "div",
           {
-            className: s(
+            className: e(
               "ui-skeleton-card__content",
               "bg-secondary-alt-500",
               "h-xxxxl",
@@ -257,85 +224,41 @@ const u = ({
             )
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: s(
-          "grid",
-          "grid-cols-3"
-        ), children: Array.from({
-          length: 3
-        }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
-          "border",
-          "border-l-0",
-          "border-secondary-alt-300",
-          "py-xxs",
-          "place-items-center",
-          a === 2 ? "border-r-0" : ""
-        ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
-          "div",
-          {
-            className: s(
-              "bg-secondary-alt-300",
-              "mb-xxxs",
-              "rounded-sm",
-              "h-md",
-              r === 0 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
-              d
-            )
-          },
-          r
-        )) }, a)) }),
-        /* @__PURE__ */ e("div", { className: s(
-          "flex",
-          "gap-sm",
-          "my-xxs"
-        ), children: ["w-2/6", "w-2/6"].map((l, a) => /* @__PURE__ */ e(
-          "div",
-          {
-            className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
-          },
-          a
-        )) }),
-        /* @__PURE__ */ c("div", { className: s(
+        /* @__PURE__ */ s("div", { className: e("grid grid-cols-3"), children: [
+          /* @__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("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("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("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__ */ e("div", { className: s(
-            "flex",
-            "flex-col",
-            "gap-xxxs",
-            "w-full"
-          ), children: ["w-3/5", "w-2/5", "w-3/6", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: s(
-                "rounded-sm",
-                l,
-                a === 2 ? "h-md" : a === 3 ? "h-sm" : "h-[20px]",
-                a === 3 ? "bg-secondary-alt-400" : "bg-secondary-alt-300"
-              )
-            },
-            a
-          )) }),
-          /* @__PURE__ */ e("div", { className: s(
-            "flex",
-            "flex-col",
-            "gap-xxxs",
-            "w-full",
-            "items-end"
-          ), children: ["w-3/6", "w-2/5", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: s(
-                a === 2 ? "rounded-full" : "rounded-sm",
-                l,
-                a === 1 ? "h-[20px]" : "h-md",
-                a === 1 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
-                a === 0 || a === 2 ? "mt-xxs" : "mt-0"
-              )
-            },
-            a
-          )) })
+          /* @__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 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__ */ e("div", { className: s(
+        /* @__PURE__ */ d("div", { className: e(
           "flex",
           "h-md",
           "w-full",
@@ -343,7 +266,7 @@ const u = ({
           "bg-secondary-alt-400",
           "mt-sm"
         ) }),
-        /* @__PURE__ */ e("div", { className: s(
+        /* @__PURE__ */ d("div", { className: e(
           "flex",
           "h-xxl",
           "w-full",
@@ -351,22 +274,22 @@ const u = ({
           "bg-secondary-alt-500",
           "mt-xxs"
         ) }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ d(
           "div",
           {
-            className: s(
+            className: e(
               "flex",
               "border-b",
-              "border-secondary-alt-400",
+              "border-secondary-alt-300",
               "mt-sm",
               "-mx-sm"
             )
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ d(
           "div",
           {
-            className: s(
+            className: e(
               "flex",
               "h-sm",
               "justify-center",
@@ -381,6 +304,6 @@ const u = ({
   )
 ] });
 export {
-  u as UiSkeleton
+  x as UiSkeleton
 };
 //# sourceMappingURL=UiSkeleton.js.map

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\"grid grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\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-300\",\n\t\t\t\t\t\t\t\"gap-xs\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\t\"p-md\",\n\t\t\t\t\t\t\t\"rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl\"\n\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-xl\",\n\t\t\t\t\t\t\t\t\t\"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-xxxxl\"\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) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\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) }>\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"p-sm\"\n\n\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\"bg-secondary-alt-400\",\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(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\t\t\"mb-xxs\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-2/5\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t\t\t/>\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\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"justify-between\",\n\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-1/3\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst heightClass = \"h-[20px]\";\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\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: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, heightClass, bgClass, \"rounded-sm\", \"mb-xxs\") }\n\t\t\t\t\t\t\t\t\t\t/>\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\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"grid-cols-4\",\n\n\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\t\tlength: 4\n\t\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"px-xs\",\n\t\t\t\t\t\t\t\t\t\"py-md\"\n\n\t\t\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\t\t\"place-items-center\"\n\n\t\t\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theightClass\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)) }\n\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\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-col\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"px-sm\",\n\t\t\t\t\t\t\t\"py-md\",\n\t\t\t\t\t\t\t\"rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-tr-xl\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-3/4\", \"w-1/2\", \"w-3/4\", \"w-4/5\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t? \"h-lg\"\n\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\tconst lastDivClass = index === 3\n\t\t\t\t\t\t\t\t? \"h-xxl bg-secondary-alt-500 mt-md\"\n\t\t\t\t\t\t\t\t: heightClass;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-cta-cell__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\"flex-col\",\n\t\t\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\t\t\"h-[20px]\",\n\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\tlastDivClass\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);\n\t\t\t\t\t\t}) }\n\n\t\t\t\t\t</div>\n\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(\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"grid-cols-3\",\n\n\t\t\t\t\t) } >\n\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\tlength: 3\n\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\"border-l-0\",\n\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\"py-xxs\",\n\t\t\t\t\t\t\t\t\"place-items-center\",\n\t\t\t\t\t\t\t\tindex === 2\n\t\t\t\t\t\t\t\t\t? \"border-r-0\"\n\t\t\t\t\t\t\t\t\t: \"\"\n\n\t\t\t\t\t\t\t) } >\n\n\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\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\n\t\t\t\t\t\t)) }\n\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\"gap-sm\",\n\t\t\t\t\t\t\"my-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-2/6\", \"w-2/6\"].map((widthClass, index) => {\n\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\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(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\"\n\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/5\", \"w-2/5\", \"w-3/6\",\"w-3/5\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\tconst bgClass = index === 3\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-400\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t: index === 3\n\t\t\t\t\t\t\t\t\t\t? \"h-sm\"\n\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass\n\n\t\t\t\t\t\t\t\t\t\t) }\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}) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\t\"items-end\"\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/6\", \"w-2/5\", \"w-3/5\"].map((widthClass, index)=> {\n\t\t\t\t\t\t\t\tconst bgClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\t\t\t\t\t\t\t\tconst roundClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"rounded-full\"\n\t\t\t\t\t\t\t\t\t: \"rounded-sm\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"h-[20px]\"\n\t\t\t\t\t\t\t\t\t: \"h-md\";\n\t\t\t\t\t\t\t\tconst marginsClass = index === 0\n\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t: index === 2\n\t\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t\t: \"mt-0\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\troundClass,\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\tmarginsClass,\n\n\t\t\t\t\t\t\t\t\t\t) }\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}) }\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-400\",\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","widthClass","index","_","heightClass"],"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/index.d.ts

@@ -1 +1,2 @@
 export { UiSkeleton } from './UiSkeleton';
+export { ESkeletonKind } from './_types';