npm - bonkers-ui - Versions diffs - 2.0.21 → 2.0.23 - Mend

bonkers-ui 2.0.21 → 2.0.23

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

Files changed (10) hide show

package/components/UiInput/UiInput.base.js +18 -18
package/components/UiInput/UiInput.base.js.map +1 -1
package/components/UiInputRange/UiInputRange.js +1 -1
package/components/UiInputRange/UiInputRange.js.map +1 -1
package/components/UiInputTextArea/UiInputTextArea.js +26 -26
package/components/UiInputTextArea/UiInputTextArea.js.map +1 -1
package/components/UiSkeleton/UiSkeleton.js +3 -3
package/components/UiSkeleton/UiSkeleton.js.map +1 -1
package/eslint.config.mjs +1 -1
package/package.json +30 -30

package/components/UiInput/UiInput.base.js CHANGED Viewed

@@ -1,44 +1,44 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import u from "react";
 import { UiTypography as b } from "../UiTypography/UiTypography.js";
-import { EInputKind as r, EInputSize as o } from "./_types.js";
-import l from "classnames";
+import { EInputKind as e, EInputSize as o } from "./_types.js";
+import n from "classnames";
 const w = u.forwardRef(
-  ({ postIcon: a, preIcon: t, className: s, kind: i = r.DEFAULT, size: n = o.MEDIUM, ...e }, d) => {
+  ({ postIcon: a, preIcon: t, className: d, kind: i = e.DEFAULT, size: l = o.MEDIUM, ...r }, s) => {
     const p = {
-      [r.DEFAULT]: "border-secondary-alt-600",
-      [r.ERROR]: "border-error",
-      [r.SUCCESS]: "border-primary-600",
-      [r.WARNING]: "border-warning-600"
+      [e.DEFAULT]: "border-secondary-alt-600",
+      [e.ERROR]: "border-error",
+      [e.SUCCESS]: "border-primary-600",
+      [e.WARNING]: "border-warning-600"
     };
     return /* @__PURE__ */ m(
       b,
       {
         tag: "label",
-        htmlFor: e.id,
-        className: l(
+        htmlFor: r.id,
+        className: n(
           "ui-input-wrapper",
           "flex flex-row items-center gap-sm rounded-xl border",
           "focus-within:outline-4",
           "focus-within:outline-primary-300",
           "focus-within:ring-secondary-alt-700 active:ring",
-          i && p[i],
+          i && !r.disabled && p[i],
           {
-            "bg-white hover:border-secondary-alt-700": !e.disabled,
-            "!border-secondary-alt-300 bg-secondary-alt-200": e.disabled
+            "bg-white hover:border-secondary-alt-700": !r.disabled,
+            "border-secondary-alt-300 bg-secondary-alt-200": r.disabled
           },
-          s,
-          n === o.SMALL && "px-xs py-xxs",
-          n === o.MEDIUM && "p-sm"
+          d,
+          l === o.SMALL && "px-xs py-xxs",
+          l === o.MEDIUM && "p-sm"
         ),
         children: [
           t || null,
           /* @__PURE__ */ c(
             "input",
             {
-              ref: d,
-              className: l("w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600"),
-              ...e
+              ref: s,
+              className: n("w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600"),
+              ...r
             }
           ),
           a || null

package/components/UiInput/UiInput.base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind, EInputSize } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n\tsize?: EInputSize;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase = React.forwardRef<HTMLInputElement, TUiInputBaseProps>(\n\t({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, size = EInputSize.MEDIUM, ...rest }, ref) => {\n\n\t\tconst stateClasses = {\n\t\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t\t\t[EInputKind.WARNING]: \"border-warning-600\"\n\t\t};\n\n\t\treturn (\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ rest.id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white hover:border-secondary-alt-700\": !rest.disabled,\n\t\t\t\t\t\t\t\"!border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\tsize === EInputSize.SMALL && \"px-xs py-xxs\",\n\t\t\t\t\t\tsize === EInputSize.MEDIUM && \"p-sm\"\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<input\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ cx(\"w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600\") }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\n\t\t\t</UiTypography>\n\t\t);\n\t});\n"],"names":["UiInputBase","React","postIcon","preIcon","className","kind","EInputKind","size","EInputSize","rest","ref","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAcO,MAAMA,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,MAAAC,IAAOC,EAAW,QAAQ,GAAGC,EAAA,GAAQC,MAAQ;AAExG,UAAMC,IAAe;AAAA,MACpB,CAACL,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,KAAK,GAAG;AAAA,MACpB,CAACA,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,OAAO,GAAG;AAAA,IAAA;AAGvB,WACC,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,SAAUJ,EAAK;AAAA,QACf,WACCK;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAT,~~KAAQM~~,EAAaN,CAAI;AAAA,~~UACzB~~;AAAA,YACC,2CAA2C,CAACI,EAAK;AAAA,YACjD,~~kDAAkDA~~,EAAK;AAAA,UAAA;AAAA,~~UAExDL~~;AAAA,UACAG,MAASC,EAAW,SAAS;AAAA,UAC7BD,MAASC,EAAW,UAAU;AAAA,QAAA;AAAA,QAI9B,UAAA;AAAA,UAAAL,KAEC;AAAA,UACH,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAAL;AAAA,cACA,WAAYI,EAAG,yEAAyE;AAAA,cACtF,GAAGL;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJP,KAEC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIN;AAAC;"}
1	+ {"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind, EInputSize } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n\tsize?: EInputSize;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase = React.forwardRef<HTMLInputElement, TUiInputBaseProps>(\n\t({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, size = EInputSize.MEDIUM, ...rest }, ref) => {\n\n\t\tconst stateClasses = {\n\t\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t\t\t[EInputKind.WARNING]: \"border-warning-600\"\n\t\t};\n\n\t\treturn (\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ rest.id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && !rest.disabled && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white hover:border-secondary-alt-700\": !rest.disabled,\n\t\t\t\t\t\t\t\"border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\tsize === EInputSize.SMALL && \"px-xs py-xxs\",\n\t\t\t\t\t\tsize === EInputSize.MEDIUM && \"p-sm\"\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<input\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ cx(\"w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600\") }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\n\t\t\t</UiTypography>\n\t\t);\n\t});\n"],"names":["UiInputBase","React","postIcon","preIcon","className","kind","EInputKind","size","EInputSize","rest","ref","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAcO,MAAMA,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,MAAAC,IAAOC,EAAW,QAAQ,GAAGC,EAAA,GAAQC,MAAQ;AAExG,UAAMC,IAAe;AAAA,MACpB,CAACL,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,KAAK,GAAG;AAAA,MACpB,CAACA,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,OAAO,GAAG;AAAA,IAAA;AAGvB,WACC,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,SAAUJ,EAAK;AAAA,QACf,WACCK;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAT,KAAQ,CAACI,EAAK,YAAYE,EAAaN,CAAI;AAAA,UAC3C;AAAA,YACC,2CAA2C,CAACI,EAAK;AAAA,YACjD,iDAAiDA,EAAK;AAAA,UAAA;AAAA,UAEvDL;AAAA,UACAG,MAASC,EAAW,SAAS;AAAA,UAC7BD,MAASC,EAAW,UAAU;AAAA,QAAA;AAAA,QAI9B,UAAA;AAAA,UAAAL,KAEC;AAAA,UACH,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAAL;AAAA,cACA,WAAYI,EAAG,yEAAyE;AAAA,cACtF,GAAGL;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJP,KAEC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIN;AAAC;"}

package/components/UiInputRange/UiInputRange.js CHANGED Viewed

@@ -104,7 +104,7 @@ import '../../assets/UiInputRange.css';const E = "_thumb_hkko1_18", O = {
             style: {
               left: g
             },
-            children: /* @__PURE__ */ l("div", { className: "absolute top-1/2 left-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-600" })
+            children: /* @__PURE__ */ l("div", { className: "absolute top-1/2 left-1/2 size-xxs -translate-1/2 rounded-full bg-primary-600" })
           }
         )
       ]

package/components/UiInputRange/UiInputRange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiInputRange.js","sources":["../../../src/components/UiInputRange/UiInputRange.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiInputRange.module.css\";\n\nexport type TUiInputRangeProps = {\n\tvalue: number;\n\tmin: string \| number;\n\tmax: string \| number;\n\tstep: string \| number;\n\tonChangeHandler: (value: number) => void;\n\tclassName?: string;\n} & React.HTMLProps<HTMLInputElement>;\n\nexport const UiInputRange: React.FC<TUiInputRangeProps> = ({\n\tvalue,\n\tmin,\n\tmax,\n\tstep,\n\tonChangeHandler,\n\tclassName,\n\t...rest\n}) => {\n\tconst track = React.useRef<HTMLInputElement>(null);\n\tconst thumb = React.useRef<HTMLDivElement>(null);\n\tconst container = React.useRef<HTMLDivElement>(null);\n\n\tconst initialPosition = calculateInitialPosition(value, min, max);\n\tconst [thumbLeft, setThumbLeft] = useState(\n\t\t`calc(${initialPosition}% - ${(initialPosition * 32) / 100}px)`\n\t);\n\n\tconst updatePositions = useCallback(() => {\n\t\tconst numValue = parseFloat(String(value));\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\n\t\tconst percentage = ((numValue - numMin) / (numMax - numMin)) * 100;\n\t\tsetThumbLeft(`calc(${percentage}% - ${(percentage * 32) / 100}px)`);\n\t}, [min, max, value]);\n\n\tuseEffect(() => {\n\t\tupdatePositions();\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\tupdatePositions();\n\t\t});\n\n\t\tif (track.current) {\n\t\t\tresizeObserver.observe(track.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [updatePositions]);\n\n\tconst handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = +e.target.value;\n\t\tif (newValue === value) return;\n\t\tconst preciseValue = parseFloat(newValue.toFixed(10));\n\t\tonChangeHandler(preciseValue);\n\t};\n\n\tconst handleTrackClick = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!container.current \|\| !track.current) return;\n\n\t\tconst rect = container.current.getBoundingClientRect();\n\t\tconst clickPosition = e.clientX - rect.left;\n\t\tconst trackWidth = rect.width;\n\t\tconst percentage = (clickPosition / trackWidth) * 100;\n\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\t\tconst newValue = numMin + (percentage / 100) * (numMax - numMin);\n\n\t\tconst steppedValue = Math.round(newValue / Number(step)) * Number(step);\n\n\t\tif (track.current) {\n\t\t\ttrack.current.value = String(steppedValue);\n\t\t\tconst event = new Event(\"input\", {\n\t\t\t\tbubbles: true\n\t\t\t});\n\t\t\ttrack.current.dispatchEvent(event);\n\t\t}\n\t};\n\n\tfunction calculateInitialPosition(value: number, min: string \| number, max: string \| number) {\n\t\tconst numValue = parseFloat(String(value));\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\n\t\treturn ((numValue - numMin) / (numMax - numMin)) * 100;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ container }\n\t\t\tclassName={ cx(\n\t\t\t\t\"relative box-content h-xl py-xxs\",\n\t\t\t\trest.disabled && \"pointer-events-none cursor-default opacity-60\",\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ handleTrackClick }\n\t\t>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tref={ track }\n\t\t\t\tclassName=\"absolute top-0 left-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\t\tstyle={ {\n\t\t\t\t\ttouchAction: \"none\",\n\t\t\t\t} }\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tstep={ step }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tonTouchStart={ (e) => e.stopPropagation() }\n\t\t\t\tonTouchMove={ (e) => e.stopPropagation() }\n\t\t\t/>\n\n\t\t\t<div className=\"pointer-events-none absolute top-1/2 left-0 h-xxs w-full -translate-y-1/2 overflow-clip rounded-sm bg-secondary-alt\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"pointer-events-none absolute top-1/2 left-0 h-xxs -translate-y-1/2 rounded-sm bg-primary-600\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: `calc(${thumbLeft} + 16px)`,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={ cx(\n\t\t\t\t\tstyles.thumb,\n\t\t\t\t\t\"pointer-events-none\",\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"box-content\",\n\t\t\t\t\t\"size-md\",\n\t\t\t\t\t\"-translate-y-1/2\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\"border-primary-600\",\n\t\t\t\t) }\n\t\t\t\tref={ thumb }\n\t\t\t\tstyle={ {\n\t\t\t\t\tleft: thumbLeft,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div className=\"absolute top-1/2 left-1/2 size-xxs -translate-x-1/2 ~~-translate-y-1/2~~ rounded-full bg-primary-600\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["UiInputRange","value","min","max","step","onChangeHandler","className","rest","track","React","thumb","container","initialPosition","calculateInitialPosition","thumbLeft","setThumbLeft","useState","updatePositions","useCallback","numValue","numMin","numMax","percentage","useEffect","resizeObserver","handleOnChange","e","newValue","preciseValue","handleTrackClick","rect","clickPosition","trackWidth","steppedValue","event","jsxs","cx","jsx","styles"],"mappings":"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~~mGAAA~~,~~CAAmG~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACnH~~;AAAA,IAAA;AAAA,EAAA;AAGH;"}
1	+ {"version":3,"file":"UiInputRange.js","sources":["../../../src/components/UiInputRange/UiInputRange.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiInputRange.module.css\";\n\nexport type TUiInputRangeProps = {\n\tvalue: number;\n\tmin: string \| number;\n\tmax: string \| number;\n\tstep: string \| number;\n\tonChangeHandler: (value: number) => void;\n\tclassName?: string;\n} & React.HTMLProps<HTMLInputElement>;\n\nexport const UiInputRange: React.FC<TUiInputRangeProps> = ({\n\tvalue,\n\tmin,\n\tmax,\n\tstep,\n\tonChangeHandler,\n\tclassName,\n\t...rest\n}) => {\n\tconst track = React.useRef<HTMLInputElement>(null);\n\tconst thumb = React.useRef<HTMLDivElement>(null);\n\tconst container = React.useRef<HTMLDivElement>(null);\n\n\tconst initialPosition = calculateInitialPosition(value, min, max);\n\tconst [thumbLeft, setThumbLeft] = useState(\n\t\t`calc(${initialPosition}% - ${(initialPosition * 32) / 100}px)`\n\t);\n\n\tconst updatePositions = useCallback(() => {\n\t\tconst numValue = parseFloat(String(value));\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\n\t\tconst percentage = ((numValue - numMin) / (numMax - numMin)) * 100;\n\t\tsetThumbLeft(`calc(${percentage}% - ${(percentage * 32) / 100}px)`);\n\t}, [min, max, value]);\n\n\tuseEffect(() => {\n\t\tupdatePositions();\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\tupdatePositions();\n\t\t});\n\n\t\tif (track.current) {\n\t\t\tresizeObserver.observe(track.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [updatePositions]);\n\n\tconst handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = +e.target.value;\n\t\tif (newValue === value) return;\n\t\tconst preciseValue = parseFloat(newValue.toFixed(10));\n\t\tonChangeHandler(preciseValue);\n\t};\n\n\tconst handleTrackClick = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!container.current \|\| !track.current) return;\n\n\t\tconst rect = container.current.getBoundingClientRect();\n\t\tconst clickPosition = e.clientX - rect.left;\n\t\tconst trackWidth = rect.width;\n\t\tconst percentage = (clickPosition / trackWidth) * 100;\n\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\t\tconst newValue = numMin + (percentage / 100) * (numMax - numMin);\n\n\t\tconst steppedValue = Math.round(newValue / Number(step)) * Number(step);\n\n\t\tif (track.current) {\n\t\t\ttrack.current.value = String(steppedValue);\n\t\t\tconst event = new Event(\"input\", {\n\t\t\t\tbubbles: true\n\t\t\t});\n\t\t\ttrack.current.dispatchEvent(event);\n\t\t}\n\t};\n\n\tfunction calculateInitialPosition(value: number, min: string \| number, max: string \| number) {\n\t\tconst numValue = parseFloat(String(value));\n\t\tconst numMin = parseFloat(String(min));\n\t\tconst numMax = parseFloat(String(max));\n\n\t\treturn ((numValue - numMin) / (numMax - numMin)) * 100;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ container }\n\t\t\tclassName={ cx(\n\t\t\t\t\"relative box-content h-xl py-xxs\",\n\t\t\t\trest.disabled && \"pointer-events-none cursor-default opacity-60\",\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ handleTrackClick }\n\t\t>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tref={ track }\n\t\t\t\tclassName=\"absolute top-0 left-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\t\tstyle={ {\n\t\t\t\t\ttouchAction: \"none\",\n\t\t\t\t} }\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tstep={ step }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tonTouchStart={ (e) => e.stopPropagation() }\n\t\t\t\tonTouchMove={ (e) => e.stopPropagation() }\n\t\t\t/>\n\n\t\t\t<div className=\"pointer-events-none absolute top-1/2 left-0 h-xxs w-full -translate-y-1/2 overflow-clip rounded-sm bg-secondary-alt\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"pointer-events-none absolute top-1/2 left-0 h-xxs -translate-y-1/2 rounded-sm bg-primary-600\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: `calc(${thumbLeft} + 16px)`,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={ cx(\n\t\t\t\t\tstyles.thumb,\n\t\t\t\t\t\"pointer-events-none\",\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"box-content\",\n\t\t\t\t\t\"size-md\",\n\t\t\t\t\t\"-translate-y-1/2\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\"border-primary-600\",\n\t\t\t\t) }\n\t\t\t\tref={ thumb }\n\t\t\t\tstyle={ {\n\t\t\t\t\tleft: thumbLeft,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div className=\"absolute top-1/2 left-1/2 size-xxs -translate-1/2 rounded-full bg-primary-600\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["UiInputRange","value","min","max","step","onChangeHandler","className","rest","track","React","thumb","container","initialPosition","calculateInitialPosition","thumbLeft","setThumbLeft","useState","updatePositions","useCallback","numValue","numMin","numMax","percentage","useEffect","resizeObserver","handleOnChange","e","newValue","preciseValue","handleTrackClick","rect","clickPosition","trackWidth","steppedValue","event","jsxs","cx","jsx","styles"],"mappings":"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"}

package/components/UiInputTextArea/UiInputTextArea.js CHANGED Viewed

@@ -1,28 +1,28 @@
 import { jsxs as s, Fragment as u, jsx as d } from "react/jsx-runtime";
-import { UiTypography as x } from "../UiTypography/UiTypography.js";
-import { EInputKind as r } from "../UiInput/_types.js";
+import { UiTypography as b } from "../UiTypography/UiTypography.js";
+import { EInputKind as e } from "../UiInput/_types.js";
 import m from "classnames";
-import { UiInputStatusMessage as b } from "../UiInput/UiInputStatusMessage.js";
+import { UiInputStatusMessage as x } from "../UiInput/UiInputStatusMessage.js";
 const f = {
-  [r.DEFAULT]: "border-secondary-alt-600",
-  [r.ERROR]: "border-error",
-  [r.SUCCESS]: "border-primary-600",
-  [r.WARNING]: "border-warning-600"
+  [e.DEFAULT]: "border-secondary-alt-600",
+  [e.ERROR]: "border-error",
+  [e.SUCCESS]: "border-primary-600",
+  [e.WARNING]: "border-warning-600"
 }, U = ({
-  id: t,
+  id: a,
   placeholder: p,
   className: c,
-  kind: e,
-  preIcon: a,
+  kind: o,
+  preIcon: t,
   postIcon: i,
-  statusMessage: n,
-  ...o
+  statusMessage: l,
+  ...r
 }) => /* @__PURE__ */ s(u, { children: [
   /* @__PURE__ */ s(
-    x,
+    b,
     {
       tag: "label",
-      htmlFor: t,
+      htmlFor: a,
       className: m(
         "ui-text-area-wrapper",
         "flex flex-row items-center gap-sm rounded-xl border p-xs",
@@ -30,41 +30,41 @@ const f = {
         "focus-within:outline-4",
         "focus-within:outline-primary-300",
         "focus-within:ring-secondary-alt-700 active:ring",
-        e && f[e],
+        o && !r.disabled && f[o],
         {
-          "bg-white": !o.disabled,
-          "!border-secondary-alt-300 bg-secondary-alt-200": o.disabled
+          "bg-white": !r.disabled,
+          "border-secondary-alt-300 bg-secondary-alt-200": r.disabled
         },
         c
       ),
       children: [
-        a || null,
+        t || null,
         /* @__PURE__ */ d(
           "textarea",
           {
-            id: t,
+            id: a,
             className: m(`
 						min-h-xxl
 						w-full
 						resize-y
 					`),
             rows: 3,
-            onKeyDown: (l) => {
-              l.key === "Enter" && l.stopPropagation();
+            onKeyDown: (n) => {
+              n.key === "Enter" && n.stopPropagation();
             },
             placeholder: p,
-            ...o
+            ...r
           }
         ),
         i || null
       ]
     }
   ),
-  n ? /* @__PURE__ */ d(
-    b,
+  l ? /* @__PURE__ */ d(
+    x,
     {
-      kind: e,
-      children: n
+      kind: o,
+      children: l
     }
   ) : null
 ] });

package/components/UiInputTextArea/UiInputTextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiInputTextArea.js","sources":["../../../src/components/UiInputTextArea/UiInputTextArea.tsx"],"sourcesContent":["import type { FC, ReactNode, TextareaHTMLAttributes } from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"../UiInput/_types\";\nimport cx from \"classnames\";\nimport { UiInputStatusMessage } from \"../UiInput/UiInputStatusMessage\";\n\ntype TUiInputTextAreaProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: ReactNode;\n\tpostIcon?: ReactNode;\n\tpreIcon?: ReactNode;\n\tclassName?: string;\n} & TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\"\n};\n\nexport const UiInputTextArea: FC<TUiInputTextAreaProps> = ({\n\tid,\n\tplaceholder,\n\tclassName,\n\tkind,\n\tpreIcon,\n\tpostIcon,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-text-area-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-xs\",\n\t\t\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\t\"!border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<textarea\n\t\t\t\t\tid={ id }\n\t\t\t\t\tclassName={ cx(`\n\t\t\t\t\t\tmin-h-xxl\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tresize-y\n\t\t\t\t\t`) }\n\t\t\t\t\trows={ 3 }\n\t\t\t\t\tonKeyDown={ (e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\t\t\t</UiTypography>\n\t\t\t{\n\t\t\t\tstatusMessage\n\t\t\t\t\t? (\n\t\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t\t)\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiInputTextArea","id","placeholder","className","kind","preIcon","postIcon","statusMessage","rest","jsxs","Fragment","UiTypography","cx","jsx","e","UiInputStatusMessage"],"mappings":";;;;;AAeA,MAAMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAA6C,CAAC;AAAA,EAC1D,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUV;AAAA,MACV,WACCW;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAR,~~KAAQN~~,EAAaM,CAAI;AAAA,~~QACzB~~;AAAA,UACC,YAAY,CAACI,EAAK;AAAA,UAClB,~~kDAAkDA~~,EAAK;AAAA,QAAA;AAAA,~~QAExDL~~;AAAA,MAAA;AAAA,MAIA,UAAA;AAAA,QAAAE,KAEC;AAAA,QACH,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAAZ;AAAA,YACA,WAAYW,EAAG;AAAA;AAAA;AAAA;AAAA,MAId;AAAA,YACD,MAAO;AAAA,YACP,WAAY,CAACE,MAAM;AAClB,cAAIA,EAAE,QAAQ,WACbA,EAAE,gBAAA;AAAA,YAEJ;AAAA,YACA,aAAAZ;AAAA,YACE,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJF,KAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGHC,IAEE,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,MAAAX;AAAA,MAEE,UAAAG;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GAEL;"}
1	+ {"version":3,"file":"UiInputTextArea.js","sources":["../../../src/components/UiInputTextArea/UiInputTextArea.tsx"],"sourcesContent":["import type { FC, ReactNode, TextareaHTMLAttributes } from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"../UiInput/_types\";\nimport cx from \"classnames\";\nimport { UiInputStatusMessage } from \"../UiInput/UiInputStatusMessage\";\n\ntype TUiInputTextAreaProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: ReactNode;\n\tpostIcon?: ReactNode;\n\tpreIcon?: ReactNode;\n\tclassName?: string;\n} & TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\"\n};\n\nexport const UiInputTextArea: FC<TUiInputTextAreaProps> = ({\n\tid,\n\tplaceholder,\n\tclassName,\n\tkind,\n\tpreIcon,\n\tpostIcon,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-text-area-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-xs\",\n\t\t\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && !rest.disabled && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\t\"border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<textarea\n\t\t\t\t\tid={ id }\n\t\t\t\t\tclassName={ cx(`\n\t\t\t\t\t\tmin-h-xxl\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tresize-y\n\t\t\t\t\t`) }\n\t\t\t\t\trows={ 3 }\n\t\t\t\t\tonKeyDown={ (e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\t\t\t</UiTypography>\n\t\t\t{\n\t\t\t\tstatusMessage\n\t\t\t\t\t? (\n\t\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t\t)\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiInputTextArea","id","placeholder","className","kind","preIcon","postIcon","statusMessage","rest","jsxs","Fragment","UiTypography","cx","jsx","e","UiInputStatusMessage"],"mappings":";;;;;AAeA,MAAMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAA6C,CAAC;AAAA,EAC1D,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUV;AAAA,MACV,WACCW;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAR,KAAQ,CAACI,EAAK,YAAYV,EAAaM,CAAI;AAAA,QAC3C;AAAA,UACC,YAAY,CAACI,EAAK;AAAA,UAClB,iDAAiDA,EAAK;AAAA,QAAA;AAAA,QAEvDL;AAAA,MAAA;AAAA,MAIA,UAAA;AAAA,QAAAE,KAEC;AAAA,QACH,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAAZ;AAAA,YACA,WAAYW,EAAG;AAAA;AAAA;AAAA;AAAA,MAId;AAAA,YACD,MAAO;AAAA,YACP,WAAY,CAACE,MAAM;AAClB,cAAIA,EAAE,QAAQ,WACbA,EAAE,gBAAA;AAAA,YAEJ;AAAA,YACA,aAAAZ;AAAA,YACE,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJF,KAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGHC,IAEE,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,MAAAX;AAAA,MAEE,UAAAG;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GAEL;"}

package/components/UiSkeleton/UiSkeleton.js CHANGED Viewed

@@ -28,7 +28,7 @@ const x = ({
               "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-l-xl",
               "md:rounded-br-0 rounded-tl-xl"
             ),
             children: /* @__PURE__ */ s("div", { className: e("grid", "grow", "gap-xxs", "justify-items-center"), children: [
@@ -118,7 +118,7 @@ const x = ({
               "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-r-xl",
               "md:rounded-tl-0 rounded-br-xl",
               "md:border-l"
             ),
@@ -233,7 +233,7 @@ const x = ({
             /* @__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__ */ s("div", { className: e("place-items-center border border-x-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") })
           ] })

package/components/UiSkeleton/UiSkeleton.js.map CHANGED Viewed

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

@@ -118,7 +118,7 @@ export default [
 						}]
 				}
 			],
-			"better-tailwindcss/no-unregistered-classes": [
+			"better-tailwindcss/no-unknown-classes": [
 				"warn",
 			],
 		},

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v2.0.21",
+    "version": "v2.0.23",
     "type": "module",
     "description": "Bonkers ui library",
     "author": "cc6.magister@gmail.com",
@@ -18,51 +18,51 @@
         "prepare": "husky"
     },
     "dependencies": {
-        "@tailwindcss/vite": "^4.1.18",
+        "@tailwindcss/vite": "^4.2.1",
         "classnames": "^2.5.1",
-        "postcss": "^8.5.6",
-        "react": "^19.2.3",
-        "react-dom": "^19.2.3",
-        "storybook": "^10.1.11",
-        "tailwindcss": "^4.1.18",
+        "postcss": "^8.5.8",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
+        "storybook": "^10.2.17",
+        "tailwindcss": "^4.2.1",
         "typescript": "^5.9.3",
-        "ajv": "^8.17.1",
+        "ajv": "^8.18.0",
         "vite": "^7.3.1"
     },
     "devDependencies": {
-        "vite-tsconfig-paths": "^6.0.3",
-        "@chromatic-com/storybook": "^4.1.3",
-        "prettier": "^3.7.4",
-        "@storybook/addon-docs": "^10.1.11",
-        "@storybook/addon-onboarding": "^10.1.11",
-        "@storybook/react-vite": "^10.1.11",
-        "@stylistic/eslint-plugin": "^5.6.1",
-        "@types/bun": "1.3.5",
-        "@types/react": "^19.2.7",
+        "vite-tsconfig-paths": "^6.1.1",
+        "@chromatic-com/storybook": "^5.0.1",
+        "prettier": "^3.8.1",
+        "@storybook/addon-docs": "^10.2.17",
+        "@storybook/addon-onboarding": "^10.2.17",
+        "@storybook/react-vite": "^10.2.17",
+        "@stylistic/eslint-plugin": "^5.10.0",
+        "@types/bun": "1.3.10",
+        "@types/react": "^19.2.14",
         "@types/react-dom": "^19.2.3",
-        "@vitejs/plugin-react": "^5.1.2",
-        "eslint": "^9.39.2",
-        "eslint-plugin-better-tailwindcss": "^3.8.0",
+        "@vitejs/plugin-react": "^5.1.4",
+        "eslint": "^9.39.4",
+        "eslint-plugin-better-tailwindcss": "^4.3.2",
         "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-storybook": "^10.1.11",
+        "eslint-plugin-storybook": "^10.2.17",
         "eslint-plugin-tailwindcss": "^3.18.2",
         "gh-pages": "^6.3.0",
         "husky": "^9.1.7",
-        "lint-staged": "^16.2.7",
-        "typescript-eslint": "^8.52.0",
+        "lint-staged": "^16.3.3",
+        "typescript-eslint": "^8.57.0",
         "vite-plugin-dts": "^4.5.4",
         "vite-plugin-lib-inject-css": "^2.2.2"
     },
     "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "^7.1.0",
-        "@fortawesome/free-brands-svg-icons": "^7.1.0",
-        "@fortawesome/free-regular-svg-icons": "^7.1.0",
-        "@fortawesome/free-solid-svg-icons": "^7.1.0",
+        "@fortawesome/fontawesome-svg-core": "^7.2.0",
+        "@fortawesome/free-brands-svg-icons": "^7.2.0",
+        "@fortawesome/free-regular-svg-icons": "^7.2.0",
+        "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^0.2.6",
         "classnames": "^2",
-        "react": "^19.2.3",
-        "react-dom": "^19.2.3",
-        "tailwindcss": "^4.1.18"
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
+        "tailwindcss": "^4.2.1"
     },
     "lint-staged": {
         "./src/**/*.css": [