bonkers-ui 1.0.73 → 2.0.0

package/components/UiIcon/UiIcon.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { ESize as i } from "../../_types/sizing.js";
+import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
+import X from "classnames";
+import "@fortawesome/fontawesome-svg-core";
+const m = {
+  [i.XXXS]: "size-xxxs",
+  [i.XXS]: "size-xxs",
+  [i.XS]: "size-xs",
+  [i.SM]: "size-sm",
+  [i.MD]: "size-md",
+  [i.LG]: "size-lg",
+  [i.XL]: "size-xl",
+  [i.XXL]: "size-xxl",
+  [i.XXXL]: "size-xxxl",
+  [i.XXXXL]: "size-xxxxl",
+  [i.XXXXXL]: "size-xxxxxl",
+  [i.AUTO]: "size-auto",
+  [i.ZERO]: "size-zero"
+}, p = ({ size: s, name: e }) => /* @__PURE__ */ o(
+  x,
+  {
+    icon: e,
+    className: X(
+      "ui-icon",
+      "inline",
+      "overflow-visible",
+      "align-[-.125em]",
+      s && m[s]
+    )
+  }
+);
+export {
+  p as UiIcon
+};
+//# sourceMappingURL=UiIcon.js.map

package/components/UiIcon/UiIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiIcon.js","sources":["../../../src/components/UiIcon/UiIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ESize } from \"../../_types/sizing\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport cx from \"classnames\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiIconProps {\n\tname: IconProp;\n\tsize?: ESize;\n}\n\nconst sizeToClassName: { [key in ESize]: string } = {\n\t[ESize.XXXS]: \"size-xxxs\",\n\t[ESize.XXS]: \"size-xxs\",\n\t[ESize.XS]: \"size-xs\",\n\t[ESize.SM]: \"size-sm\",\n\t[ESize.MD]: \"size-md\",\n\t[ESize.LG]: \"size-lg\",\n\t[ESize.XL]: \"size-xl\",\n\t[ESize.XXL]: \"size-xxl\",\n\t[ESize.XXXL]: \"size-xxxl\",\n\t[ESize.XXXXL]: \"size-xxxxl\",\n\t[ESize.XXXXXL]: \"size-xxxxxl\",\n\t[ESize.AUTO]: \"size-auto\",\n\t[ESize.ZERO]: \"size-zero\",\n};\n\nexport const UiIcon: React.FC<IUiIconProps> = ({ size, name }) => {\n\n\treturn (\n\t\t<FontAwesomeIcon\n\t\t\ticon={ name }\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-icon\",\n\t\t\t\t\"inline\",\n\t\t\t\t\"overflow-visible\",\n\t\t\t\t\"align-[-.125em]\",\n\t\t\t\tsize && sizeToClassName[size]\n\t\t\t) }\n\t\t/>\n\t);\n};\n"],"names":["sizeToClassName","ESize","UiIcon","size","name","jsx","FontAwesomeIcon","cx"],"mappings":";;;;;;AAWA,MAAMA,IAA8C;AAAA,EACnD,CAACC,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,IAAI,GAAG;AACf,GAEaC,IAAiC,CAAC,EAAE,MAAAC,GAAM,MAAAC,QAGrD,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,MAAOF;AAAA,IACP,WAAYG;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,KAAQH,EAAgBG,CAAI;AAAA,IAAA;AAAA,EAC7B;AACD;"}

package/components/UiIcon/index.d.ts

@@ -0,0 +1 @@
+export { UiIcon } from './UiIcon';

package/components/UiIcon/index.js

@@ -0,0 +1,5 @@
+import { UiIcon as c } from "./UiIcon.js";
+export {
+  c as UiIcon
+};
+//# sourceMappingURL=index.js.map

package/components/UiInputRange/UiInputRange.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type TUiInputRangeProps = {
+    value: number;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    onChangeHandler: (value: number) => void;
+} & React.HTMLProps<HTMLInputElement>;
+export declare const UiInputRange: React.FC<TUiInputRangeProps>;

package/components/UiInputRange/UiInputRange.js

@@ -0,0 +1,89 @@
+import { jsxs as S, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import d from "classnames";
+import W from "./UiInputRange.module.css.js";
+const j = ({
+  value: o,
+  min: s,
+  max: a,
+  step: h,
+  onChangeHandler: m,
+  ...l
+}) => {
+  const i = n.useRef(null), c = n.useRef(null), [f, b] = n.useState(0), [g, x] = n.useState(0);
+  n.useEffect(() => {
+    if (!i.current || !c.current) return;
+    const t = parseFloat(String(o)), r = parseFloat(String(s)), v = parseFloat(String(a)), M = (t - r) / (v - r) * 100, N = c.current.getBoundingClientRect().width, P = i.current.clientWidth, u = N / P * 100, p = M * (1 - u / 100);
+    b(Math.max(0, Math.min(100, p))), x(Math.max(0, Math.min(100, p + u)));
+  }, [s, a, o]);
+  const y = (t) => {
+    if (t === o) return;
+    const r = parseFloat(t.toFixed(10));
+    m(r);
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: d(
+        "relative box-content h-xl py-xxs",
+        l.disabled && "opacity-60 cursor-default pointer-events-none"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ...l,
+            ref: i,
+            className: "absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",
+            style: {
+              touchAction: "none"
+            },
+            type: "range",
+            min: s,
+            max: a,
+            step: h,
+            value: o,
+            onChange: (t) => y(+t.target.value),
+            onTouchStart: (t) => t.stopPropagation(),
+            onTouchMove: (t) => t.stopPropagation()
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",
+            style: {
+              width: `${g}%`
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: d(
+              W.thumb,
+              "pointer-events-none",
+              "absolute",
+              "box-content",
+              "size-md",
+              "-translate-y-1/2",
+              "rounded-full",
+              "bg-white",
+              "border-primary"
+            ),
+            ref: c,
+            style: {
+              left: `${f}%`
+            },
+            children: /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary" })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  j as UiInputRange
+};
+//# sourceMappingURL=UiInputRange.js.map

package/components/UiInputRange/UiInputRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiInputRange.js","sources":["../../../src/components/UiInputRange/UiInputRange.tsx"],"sourcesContent":["import React 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} & React.HTMLProps<HTMLInputElement>;\n\nexport const UiInputRange: React.FC<TUiInputRangeProps> = ({\n\tvalue,\n\tmin,\n\tmax,\n\tstep,\n\tonChangeHandler,\n\t...rest\n}) => {\n\tconst track = React.useRef<HTMLInputElement>(null);\n\tconst thumb = React.useRef<HTMLDivElement>(null);\n\n\tconst [thumbPosition, setThumbPosition] = React.useState(0);\n\tconst [trackWidth, setTrackWidth] = React.useState(0);\n\n\tReact.useEffect(() => {\n\t\tif (!track.current || !thumb.current) return;\n\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\n\t\tconst thumbWidth = thumb.current.getBoundingClientRect().width;\n\t\tconst trackWidth = track.current.clientWidth;\n\t\tconst thumbWidthPercentage = (thumbWidth / trackWidth) * 100;\n\t\tconst adjustedPercentage = percentage * (1 - thumbWidthPercentage / 100);\n\n\t\tsetThumbPosition(Math.max(0, Math.min(100, adjustedPercentage)));\n\t\tsetTrackWidth(Math.max(0, Math.min(100, adjustedPercentage + thumbWidthPercentage)));\n\t}, [min, max, value]);\n\n\tconst handleOnChange = (newValue: number) => {\n\t\tif (newValue === value) return;\n\t\tconst preciseValue = parseFloat(newValue.toFixed(10));\n\t\tonChangeHandler(preciseValue);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"relative box-content h-xl py-xxs\",\n\t\t\t\trest.disabled && \"opacity-60 cursor-default pointer-events-none\",\n\t\t\t) }\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 left-0 top-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={ (e) => handleOnChange(+e.target.value) }\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 left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt\" />\n\n\t\t\t<div\n\t\t\t\tclassName=\"pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary\"\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: `${trackWidth}%`,\n\t\t\t\t} }\n\t\t\t/>\n\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\",\n\t\t\t\t) }\n\t\t\t\tref={ thumb }\n\t\t\t\tstyle={ {\n\t\t\t\t\tleft: `${thumbPosition}%`,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div className=\"absolute left-1/2 top-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["UiInputRange","value","min","max","step","onChangeHandler","rest","track","React","thumb","thumbPosition","setThumbPosition","trackWidth","setTrackWidth","numValue","numMin","numMax","percentage","thumbWidth","thumbWidthPercentage","adjustedPercentage","handleOnChange","newValue","preciseValue","jsxs","cx","jsx","e","styles"],"mappings":";;;;AAYO,MAAMA,IAA6C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAAC,IAAQC,EAAM,OAAyB,IAAI,GAC3CC,IAAQD,EAAM,OAAuB,IAAI,GAEzC,CAACE,GAAeC,CAAgB,IAAIH,EAAM,SAAS,CAAC,GACpD,CAACI,GAAYC,CAAa,IAAIL,EAAM,SAAS,CAAC;AAEpD,EAAAA,EAAM,UAAU,MAAM;AACrB,QAAI,CAACD,EAAM,WAAW,CAACE,EAAM,QAAS;AAEtC,UAAMK,IAAW,WAAW,OAAOb,CAAK,CAAC,GACnCc,IAAS,WAAW,OAAOb,CAAG,CAAC,GAC/Bc,IAAS,WAAW,OAAOb,CAAG,CAAC,GAE/Bc,KAAeH,IAAWC,MAAWC,IAASD,KAAW,KAEzDG,IAAaT,EAAM,QAAQ,sBAAwB,EAAA,OACnDG,IAAaL,EAAM,QAAQ,aAC3BY,IAAwBD,IAAaN,IAAc,KACnDQ,IAAqBH,KAAc,IAAIE,IAAuB;AAEnD,IAAAR,EAAA,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKS,CAAkB,CAAC,CAAC,GACjDP,EAAA,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKO,IAAqBD,CAAoB,CAAC,CAAC;AAAA,EACjF,GAAA,CAACjB,GAAKC,GAAKF,CAAK,CAAC;AAEd,QAAAoB,IAAiB,CAACC,MAAqB;AAC5C,QAAIA,MAAarB,EAAO;AACxB,UAAMsB,IAAe,WAAWD,EAAS,QAAQ,EAAE,CAAC;AACpD,IAAAjB,EAAgBkB,CAAY;AAAA,EAC7B;AAGC,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAYC;AAAA,QACX;AAAA,QACAnB,EAAK,YAAY;AAAA,MAClB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGpB;AAAA,YACL,KAAMC;AAAA,YACN,WAAU;AAAA,YACV,OAAQ;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACA,MAAK;AAAA,YACL,KAAAL;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,OAAAH;AAAA,YACA,UAAW,CAAC0B,MAAMN,EAAe,CAACM,EAAE,OAAO,KAAK;AAAA,YAChD,cAAe,CAACA,MAAMA,EAAE,gBAAgB;AAAA,YACxC,aAAc,CAACA,MAAMA,EAAE,gBAAgB;AAAA,UAAA;AAAA,QACxC;AAAA,QAEA,gBAAAD,EAAC,OAAI,EAAA,WAAU,qGAAqG,CAAA;AAAA,QAEpH,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAU;AAAA,YACV,OAAQ;AAAA,cACP,OAAO,GAAGd,CAAU;AAAA,YAAA;AAAA,UACrB;AAAA,QACD;AAAA,QAEA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAYD;AAAA,cACXG,EAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACD;AAAA,YACA,KAAMnB;AAAA,YACN,OAAQ;AAAA,cACP,MAAM,GAAGC,CAAa;AAAA,YACvB;AAAA,YAEA,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,+FAA+F,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/G;AAAA,IAAA;AAAA,EACD;AAEF;"}

package/components/UiInputRange/UiInputRange.module.css.js

@@ -0,0 +1,8 @@
+const t = "_thumb_hkko1_18", s = {
+  thumb: t
+};
+export {
+  s as default,
+  t as thumb
+};
+//# sourceMappingURL=UiInputRange.module.css.js.map

package/components/UiInputRange/UiInputRange.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiInputRange.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/UiInputRange/index.d.ts

@@ -0,0 +1 @@
+export { UiInputRange } from './UiInputRange';

package/components/UiInputRange/index.js

@@ -0,0 +1,5 @@
+import { UiInputRange as o } from "./UiInputRange.js";
+export {
+  o as UiInputRange
+};
+//# sourceMappingURL=index.js.map

package/components/UiList/UiList.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EListItemSize, EListItemSpacing } from './_types.ts';
+interface IUiListProps {
+    children?: React.ReactNode;
+    size?: EListItemSize;
+    spacing?: EListItemSpacing;
+}
+export declare const UiList: React.FC<IUiListProps>;
+export {};

package/components/UiList/UiList.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { EListItemSpacing as s, EListItemSize as t } from "./_types.js";
+import r from "classnames";
+const p = {
+  [s.DEFAULT]: "gap-sm",
+  [s.COMPACT]: "gap-xxs"
+}, a = {
+  [t.SM]: "text-sm",
+  [t.MD]: "text-md"
+}, l = ({
+  children: i,
+  spacing: m = s.DEFAULT,
+  size: e = t.SM
+}) => /* @__PURE__ */ o("ul", { className: r(
+  "ui-list",
+  "grid",
+  p[m],
+  a[e]
+), children: i });
+export {
+  l as UiList
+};
+//# sourceMappingURL=UiList.js.map

package/components/UiList/UiList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiList.js","sources":["../../../src/components/UiList/UiList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EListItemSize, EListItemSpacing } from \"./_types.ts\";\nimport cx from \"classnames\";\n\ninterface IUiListProps {\n\tchildren?: React.ReactNode\n\tsize?: EListItemSize\n\tspacing?: EListItemSpacing\n}\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-sm\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\nconst sizeClasses = {\n\t[EListItemSize.SM]: \"text-sm\",\n\t[EListItemSize.MD]: \"text-md\"\n};\n\nexport const UiList: React.FC<IUiListProps> = ({\n\tchildren,\n\tspacing = EListItemSpacing.DEFAULT,\n\tsize = EListItemSize.SM\n}) => {\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-list\",\n\t\t\t\"grid\",\n\t\t\tspacingClasses[spacing],\n\t\t\tsizeClasses[size],\n\t\t) }>\n\t\t\t{ children }\n\t\t</ul>\n\t);\n};\n"],"names":["spacingClasses","EListItemSpacing","sizeClasses","EListItemSize","UiList","children","spacing","size","jsx","cx"],"mappings":";;;;AAUA,MAAMA,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaC,IAAiC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,SAAAC,IAAUL,EAAiB;AAAA,EAC3B,MAAAM,IAAOJ,EAAc;AACtB,MAEE,gBAAAK,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACAT,EAAeM,CAAO;AAAA,EACtBJ,EAAYK,CAAI;GAEd,UAAAF,EACH,CAAA;"}

package/components/UiList/UiListItem.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface IUiListItemProps {
+    children: React.ReactNode;
+    prefix?: React.ReactNode;
+}
+export declare const UiListItem: React.FC<IUiListItemProps>;
+export {};

package/components/UiList/UiListItem.js

@@ -0,0 +1,10 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import "react";
+const t = ({ children: s, prefix: l }) => /* @__PURE__ */ e("li", { className: "flex gap-xxxs", children: [
+  l ? /* @__PURE__ */ a("span", { className: "w-[1em]", children: l }) : null,
+  s ? /* @__PURE__ */ a("span", { children: s }) : null
+] });
+export {
+  t as UiListItem
+};
+//# sourceMappingURL=UiListItem.js.map

package/components/UiList/UiListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiListItem.js","sources":["../../../src/components/UiList/UiListItem.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface IUiListItemProps {\n\tchildren: React.ReactNode\n\tprefix?: React.ReactNode\n}\nexport const UiListItem: React.FC<IUiListItemProps> = ({ children, prefix }) => {\n\n\treturn (\n\t\t<li className=\"flex gap-xxxs\">\n\t\t\t{\n\t\t\t\tprefix\n\t\t\t\t\t? <span className=\"w-[1em]\">\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t\t{\n\t\t\t\tchildren\n\t\t\t\t\t? <span>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</li>\n\t);\n};\n"],"names":["UiListItem","children","prefix","jsxs","jsx"],"mappings":";;AAMO,MAAMA,IAAyC,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAGjE,gBAAAC,EAAC,MAAG,EAAA,WAAU,iBAEZ,UAAA;AAAA,EAAAD,IACI,gBAAAE,EAAA,QAAA,EAAK,WAAU,WACf,YACH,CAAA,IACE;AAAA,EAGHH,IACG,gBAAAG,EAAC,QACA,EAAA,UAAAH,EACH,CAAA,IACE;AAAA,GAEL;"}

package/components/{ui-list-item → UiList}/_types.d.ts

@@ -1,7 +1,3 @@
-export declare enum EListItemTypes {
-    DEFAULT = "DEFAULT",
-    PROGRESS = "PROGRESS"
-}
 export declare enum EListItemSpacing {
     DEFAULT = "DEFAULT",
     COMPACT = "COMPACT"
@@ -10,4 +6,3 @@ export declare enum EListItemSize {
     SM = "SM",
     MD = "MD"
 }
-//# sourceMappingURL=_types.d.ts.map

package/components/UiList/_types.js

@@ -0,0 +1,6 @@
+var M = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.COMPACT = "COMPACT", r))(M || {}), A = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(A || {});
+export {
+  A as EListItemSize,
+  M as EListItemSpacing
+};
+//# sourceMappingURL=_types.js.map

package/components/UiList/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiList/_types.ts"],"sourcesContent":["export enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["EListItemSpacing","EListItemSize"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiList/index.d.ts

@@ -0,0 +1,3 @@
+export { UiList } from './UiList';
+export { UiListItem } from './UiListItem';
+export { EListItemSize, EListItemSpacing } from './_types';

package/components/UiList/index.js

@@ -0,0 +1,10 @@
+import { UiList as e } from "./UiList.js";
+import { UiListItem as o } from "./UiListItem.js";
+import { EListItemSize as p, EListItemSpacing as s } from "./_types.js";
+export {
+  p as EListItemSize,
+  s as EListItemSpacing,
+  e as UiList,
+  o as UiListItem
+};
+//# sourceMappingURL=index.js.map

package/components/UiList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/UiPills/UiPills.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { EBadgeKind, EBadgeSize } from './_types.ts';
+interface IUiPills {
+    children: React.ReactNode;
+    kind?: EBadgeKind;
+    size?: EBadgeSize;
+    icon?: React.ReactNode;
+    rounded?: boolean;
+}
+export declare const UiPills: React.FC<IUiPills>;
+export {};

package/components/UiPills/UiPills.js

@@ -0,0 +1,41 @@
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import "react";
+import { EBadgeKind as r, EBadgeSize as e } from "./_types.js";
+import { UiTypography as g } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as t, ETextWeight as m } from "../UiTypography/_types.js";
+import c from "classnames";
+const l = {
+  [r.PRIMARY]: "bg-primary-100 text-primary-700",
+  [r.ERROR]: "bg-error-300 text-error-700",
+  [r.WARNING]: "bg-warning-300 text-warning-700",
+  [r.ACCENT]: "bg-accent-300 text-accent-700",
+  [r.PRIMARY_ALT]: "bg-primary-300 text-primary-800",
+  [r.SECONDARY]: "bg-white text-secondary-300 ring-1 ring-secondary-alt-300",
+  [r.ACCENT_ALT]: "bg-accent-alt-500 text-secondary-700"
+}, d = {
+  [e.SMALL]: t.XXS,
+  [e.MEDIUM]: t.XS,
+  [e.LARGE]: t.SM
+}, M = ({
+  children: i,
+  kind: s = r.PRIMARY,
+  size: a = e.SMALL,
+  icon: o,
+  rounded: n = !1
+}) => /* @__PURE__ */ x("div", { className: c(
+  "ui-pills",
+  "grid grid-flow-col justify-start w-max",
+  "items-center",
+  "gap-xxxs",
+  "px-xxs py-xxxs",
+  "overflow-hidden",
+  n ? "rounded-full" : "rounded",
+  l[s]
+), children: [
+  o,
+  i ? /* @__PURE__ */ p(g, { size: d[a], weight: m.SEMI_BOLD, className: "whitespace-nowrap", children: i }) : null
+] });
+export {
+  M as UiPills
+};
+//# sourceMappingURL=UiPills.js.map

package/components/UiPills/UiPills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiPills.js","sources":["../../../src/components/UiPills/UiPills.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, EBadgeSize } from \"./_types.ts\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport cx from \"classnames\";\n\ninterface IUiPills {\n\tchildren: React.ReactNode\n\tkind?: EBadgeKind,\n\tsize?: EBadgeSize,\n\ticon?: React.ReactNode,\n\trounded?: boolean\n}\n\nconst kindClasses = {\n\t[EBadgeKind.PRIMARY]: \"bg-primary-100 text-primary-700\",\n\t[EBadgeKind.ERROR]: \"bg-error-300 text-error-700\",\n\t[EBadgeKind.WARNING]: \"bg-warning-300 text-warning-700\",\n\t[EBadgeKind.ACCENT]: \"bg-accent-300 text-accent-700\",\n\t[EBadgeKind.PRIMARY_ALT]: \"bg-primary-300 text-primary-800\",\n\t[EBadgeKind.SECONDARY]: \"bg-white text-secondary-300 ring-1 ring-secondary-alt-300\",\n\t[EBadgeKind.ACCENT_ALT]: \"bg-accent-alt-500 text-secondary-700\",\n};\n\nconst sizeEnums = {\n\t[EBadgeSize.SMALL]: ETypographySizes.XXS,\n\t[EBadgeSize.MEDIUM]: ETypographySizes.XS,\n\t[EBadgeSize.LARGE]: ETypographySizes.SM,\n};\n\nexport const UiPills: React.FC<IUiPills> = ({\n\tchildren,\n\tkind = EBadgeKind.PRIMARY,\n\tsize = EBadgeSize.SMALL,\n\ticon, rounded = false\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-pills\",\n\t\t\t\"grid grid-flow-col justify-start w-max\",\n\t\t\t\"items-center\",\n\t\t\t\"gap-xxxs\",\n\t\t\t\"px-xxs py-xxxs\",\n\t\t\t\"overflow-hidden\",\n\t\t\trounded ? \"rounded-full\": \"rounded\",\n\t\t\tkindClasses[kind],\n\t\t) }>\n\t\t\t{ icon }\n\t\t\t{ children\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography size={ sizeEnums[size] } weight={ ETextWeight.SEMI_BOLD } className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{ children }\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":["kindClasses","EBadgeKind","sizeEnums","EBadgeSize","ETypographySizes","UiPills","children","kind","size","icon","rounded","jsxs","cx","jsx","UiTypography","ETextWeight"],"mappings":";;;;;;AAaA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,MAAM,GAAG;AAAA,EACrB,CAACA,EAAW,WAAW,GAAG;AAAA,EAC1B,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,UAAU,GAAG;AAC1B,GAEMC,IAAY;AAAA,EACjB,CAACC,EAAW,KAAK,GAAGC,EAAiB;AAAA,EACrC,CAACD,EAAW,MAAM,GAAGC,EAAiB;AAAA,EACtC,CAACD,EAAW,KAAK,GAAGC,EAAiB;AACtC,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAON,EAAW;AAAA,EAClB,MAAAO,IAAOL,EAAW;AAAA,EAClB,MAAAM;AAAA,EAAM,SAAAC,IAAU;AACjB,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF,IAAU,iBAAgB;AAAA,EAC1BV,EAAYO,CAAI;AAEd,GAAA,UAAA;AAAA,EAAAE;AAAA,EACAH,IAEA,gBAAAO,EAACC,GAAa,EAAA,MAAOZ,EAAUM,CAAI,GAAI,QAASO,EAAY,WAAY,WAAU,qBAC/E,UAAAT,EACH,CAAA,IAEC;AAAA,GACJ;"}

package/components/{ui-badge/_typings.d.ts → UiPills/_types.d.ts}

@@ -12,4 +12,3 @@ export declare enum EBadgeKind {
     SECONDARY = "secondary",
     ACCENT_ALT = "accent-alt"
 }
-//# sourceMappingURL=_typings.d.ts.map

package/components/{ui-badge/_typings.js → UiPills/_types.js}

@@ -3,4 +3,4 @@ export {
   R as EBadgeKind,
   A as EBadgeSize
 };
-//# sourceMappingURL=_typings.js.map
+//# sourceMappingURL=_types.js.map

package/components/UiPills/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiPills/_types.ts"],"sourcesContent":["export enum EBadgeSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n\tLARGE = \"large\",\n}\n\nexport enum EBadgeKind {\n\tPRIMARY = \"primary\",\n\tERROR = \"error\",\n\tWARNING =\"warning\",\n\tACCENT = \"accent\",\n\tPRIMARY_ALT = \"primary-alt\",\n\tSECONDARY = \"secondary\",\n\tACCENT_ALT = \"accent-alt\",\n}\n"],"names":["EBadgeSize","EBadgeKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHGA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAS,WACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,aAAa,cAPFA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiPills/index.d.ts

@@ -0,0 +1,2 @@
+export { UiPills } from './UiPills';
+export * from './_types';

package/components/UiPills/index.js

@@ -0,0 +1,8 @@
+import { UiPills as o } from "./UiPills.js";
+import { EBadgeKind as d, EBadgeSize as a } from "./_types.js";
+export {
+  d as EBadgeKind,
+  a as EBadgeSize,
+  o as UiPills
+};
+//# sourceMappingURL=index.js.map

package/components/UiPills/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/UiPlainRadio/UiPlainRadio.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export type TUiPlainRadio = {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    subHeader?: string;
+    value: string;
+    name: string;
+    checked?: boolean;
+    onChange: (value: string) => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "checked" | "value" | "name">;
+export declare const UiPlainRadio: React.FC<TUiPlainRadio>;

package/components/UiPlainRadio/UiPlainRadio.js

@@ -0,0 +1,83 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import "react";
+import i from "classnames";
+import { UiRadio as l } from "../UiRadio/UiRadio.js";
+const y = ({
+  children: p,
+  disabled: r,
+  subHeader: m,
+  value: e,
+  name: a,
+  checked: o = !1,
+  onChange: s
+}) => /* @__PURE__ */ n(
+  "label",
+  {
+    className: i(
+      "ui-radio-fancy",
+      "relative",
+      {
+        "pointer-events-none": r
+      }
+    ),
+    htmlFor: a + e,
+    children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: i(
+            " absolute",
+            "appearance-none",
+            "peer"
+          ),
+          id: a + e,
+          type: "radio",
+          value: e,
+          checked: o,
+          onChange: () => s(e)
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: i(
+        "box-border",
+        "size-full",
+        "cursor-pointer",
+        "rounded-lg",
+        "border-2",
+        "bg-white",
+        "peer-active:bg-secondary-alt-200",
+        "p-sm",
+        "peer-hover:border-primary-700",
+        "peer-focus:shadow-border-primary",
+        "flex",
+        "items-center",
+        "gap-sm",
+        "text-sm",
+        {
+          "border-secondary-alt-400": r && !o,
+          "border-primary-300": r && o,
+          "border-secondary-alt-600": !r && !o,
+          "border-primary-600": !r && o
+        }
+      ), children: [
+        /* @__PURE__ */ t("span", { className: "pointer-events-none", children: /* @__PURE__ */ t(
+          l,
+          {
+            disabled: r,
+            value: e,
+            name: a,
+            onChange: () => s(e),
+            checked: o
+          }
+        ) }),
+        /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+          p,
+          /* @__PURE__ */ t("div", { className: "text-xs font-normal text-secondary-alt-400", children: m })
+        ] })
+      ] })
+    ]
+  }
+);
+export {
+  y as UiPlainRadio
+};
+//# sourceMappingURL=UiPlainRadio.js.map

package/components/UiPlainRadio/UiPlainRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiPlainRadio.js","sources":["../../../src/components/UiPlainRadio/UiPlainRadio.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiRadio } from \"../UiRadio\";\n\nexport type  TUiPlainRadio = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean;\n\tsubHeader?: string;\n\tvalue: string;\n\tname: string;\n\tchecked?: boolean\n\tonChange: (value: string) => void;\n\n}& Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nexport const UiPlainRadio: React.FC<TUiPlainRadio> = ({\n\tchildren,\n\tdisabled,\n\tsubHeader,\n\tvalue,\n\tname,\n\tchecked = false,\n\tonChange\n\n}) => {\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-radio-fancy\",\n\t\t\t\"relative\",\n\t\t\t{\n\t\t\t\t\"pointer-events-none\": disabled\n\t\t\t}\n\t\t) }\n\t\thtmlFor={ name + value }\n\t\t>\n\t\t\t<input className={ cx(\n\t\t\t\t\" absolute\",\n\t\t\t\t\"appearance-none\",\n\t\t\t\t\"peer\",\n\n\t\t\t) }\n\t\t\tid={ name + value }\n\t\t\ttype=\"radio\"\n\t\t\tvalue={ value }\n\t\t\tchecked={ checked }\n\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t/>\n\n\t\t\t<div className={ cx(\n\t\t\t\t\"box-border\",\n\t\t\t\t\"size-full\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"border-2\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"peer-active:bg-secondary-alt-200\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"peer-hover:border-primary-700\",\n\t\t\t\t\"peer-focus:shadow-border-primary\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"gap-sm\",\n\t\t\t\t\"text-sm\",\n\t\t\t\t{\n\t\t\t\t\t\"border-secondary-alt-400\": disabled && !checked,\n\t\t\t\t\t\"border-primary-300\": disabled && checked,\n\t\t\t\t\t\"border-secondary-alt-600\": !disabled && !checked,\n\t\t\t\t\t\"border-primary-600\": !disabled && checked\n\t\t\t\t}\n\n\t\t\t) }>\n\n\t\t\t\t<span className=\"pointer-events-none\">\n\t\t\t\t\t<UiRadio\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t\t\t\tchecked={ checked }\n\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t{ children }\n\t\t\t\t\t<div className=\"text-xs font-normal text-secondary-alt-400\">{ subHeader }</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiPlainRadio","children","disabled","subHeader","value","name","checked","onChange","jsxs","cx","jsx","UiRadio"],"mappings":";;;;AAeO,MAAMA,IAAwC,CAAC;AAAA,EACrD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAED,MAGE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAM,WAAYC;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,QACC,uBAAuBP;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,SAAUG,IAAOD;AAAA,IAEhB,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYD;AAAA,YAClB;AAAA,YACA;AAAA,YACA;AAAA,UAED;AAAA,UACA,IAAKJ,IAAOD;AAAA,UACZ,MAAK;AAAA,UACL,OAAAA;AAAA,UACA,SAAAE;AAAA,UACA,UAAW,MAAKC,EAASH,CAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEA,gBAAAI,EAAC,SAAI,WAAYC;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACC,4BAA4BP,KAAY,CAACI;AAAA,UACzC,sBAAsBJ,KAAYI;AAAA,UAClC,4BAA4B,CAACJ,KAAY,CAACI;AAAA,UAC1C,sBAAsB,CAACJ,KAAYI;AAAA,QAAA;AAAA,MAKpC,GAAA,UAAA;AAAA,QAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,uBACf,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACA,UAAAT;AAAA,YACA,OAAAE;AAAA,YACA,MAAAC;AAAA,YACA,UAAW,MAAKE,EAASH,CAAK;AAAA,YAC9B,SAAAE;AAAA,UAAA;AAAA,QAAA,GAGF;AAAA,QAEA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,UAAAP;AAAA,UACD,gBAAAS,EAAA,OAAA,EAAI,WAAU,8CAA+C,UAAWP,EAAA,CAAA;AAAA,QAAA,EAC1E,CAAA;AAAA,MAAA,EAED,CAAA;AAAA,IAAA;AAAA,EAAA;AAED;"}

package/components/UiPlainRadio/index.d.ts

@@ -0,0 +1 @@
+export { UiPlainRadio } from './UiPlainRadio';

package/components/UiPlainRadio/index.js

@@ -0,0 +1,5 @@
+import { UiPlainRadio as a } from "./UiPlainRadio.js";
+export {
+  a as UiPlainRadio
+};
+//# sourceMappingURL=index.js.map

package/components/UiPlainRadio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/UiProductCard/UiProductCard.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type TUiProductCardProps = {
+    badgeText?: string;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    header?: React.ReactNode;
+};
+export declare const UiProductCard: React.FC<TUiProductCardProps>;
+export {};

package/components/UiProductCard/UiProductCard.js

@@ -0,0 +1,52 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import "react";
+import { UiPills as a } from "../UiPills/UiPills.js";
+import { EBadgeKind as p } from "../UiPills/_types.js";
+import { UiTypography as o } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as n, ETextWeight as c, ETextAlign as l } from "../UiTypography/_types.js";
+import { EColors as t } from "../../_types/colors.js";
+const y = ({
+  badgeText: i,
+  title: s,
+  subtitle: d,
+  header: m
+}) => /* @__PURE__ */ e("div", { className: `relative
+			flex
+			flex-col
+			gap-sm
+			rounded-2xl
+			border
+			border-secondary-alt-500
+			bg-white
+			px-xs
+			py-sm`, children: [
+  i && /* @__PURE__ */ r("div", { className: "!absolute -top-xxs right-xs", children: /* @__PURE__ */ r(a, { rounded: !0, kind: p.ACCENT_ALT, children: i }) }),
+  m,
+  /* @__PURE__ */ e("div", { className: "grid gap-xxs", children: [
+    /* @__PURE__ */ r(
+      o,
+      {
+        size: n.MD,
+        weight: c.BOLD,
+        align: l.LEFT,
+        color: t.SECONDARY,
+        lineHeight: !0,
+        children: s
+      }
+    ),
+    /* @__PURE__ */ r(
+      o,
+      {
+        size: n.XS,
+        align: l.LEFT,
+        color: t.SECONDARY_400,
+        lineHeight: !0,
+        children: d
+      }
+    )
+  ] })
+] });
+export {
+  y as UiProductCard
+};
+//# sourceMappingURL=UiProductCard.js.map

package/components/UiProductCard/UiProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiProductCard.js","sources":["../../../src/components/UiProductCard/UiProductCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, UiPills } from \"../UiPills\";\nimport {\n\tUiTypography, ETypographySizes, ETextWeight, ETextAlign, EColors\n} from \"../UiTypography\";\n\ntype TUiProductCardProps = {\n\tbadgeText?: string;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\theader?: React.ReactNode;\n}\n\nexport const UiProductCard: React.FC<TUiProductCardProps> = ({ badgeText,\n\ttitle,\n\tsubtitle,\n\theader }) => {\n\treturn (\n\t\t<div className='relative\n\t\t\tflex\n\t\t\tflex-col\n\t\t\tgap-sm\n\t\t\trounded-2xl\n\t\t\tborder\n\t\t\tborder-secondary-alt-500\n\t\t\tbg-white\n\t\t\tpx-xs\n\t\t\tpy-sm'>\n\n\t\t\t{ badgeText && (\n\t\t\t\t<div className=\"!absolute -top-xxs right-xs\">\n\t\t\t\t\t<UiPills rounded kind={ EBadgeKind.ACCENT_ALT }>{ badgeText }</UiPills>\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ header }\n\n\t\t\t<div className=\"grid gap-xxs\">\n\t\t\t\t<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\talign={ ETextAlign.LEFT }\n\t\t\t\t\tcolor={ EColors.SECONDARY }\n\t\t\t\t\tlineHeight\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</UiTypography>\n\n\t\t\t\t<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t\talign={ ETextAlign.LEFT }\n\t\t\t\t\tcolor={ EColors.SECONDARY_400 }\n\t\t\t\t\tlineHeight\n\t\t\t\t>\n\t\t\t\t\t{ subtitle }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div >\n\t);\n};\n"],"names":["UiProductCard","badgeText","title","subtitle","header","jsxs","jsx","UiPills","EBadgeKind","UiTypography","ETypographySizes","ETextWeight","ETextAlign","EColors"],"mappings":";;;;;;;AAaO,MAAMA,IAA+C,CAAC;AAAA,EAAE,WAAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAO,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWZ,UAAA;AAAA,EAAAJ,KACA,gBAAAK,EAAA,OAAA,EAAI,WAAU,+BACd,UAAC,gBAAAA,EAAAC,GAAA,EAAQ,SAAO,IAAC,MAAOC,EAAW,YAAe,UAAAP,EAAW,CAAA,GAC9D;AAAA,EAGCG;AAAA,EAEF,gBAAAC,EAAC,OAAI,EAAA,WAAU,gBACd,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACA,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QACrB,OAAQC,EAAW;AAAA,QACnB,OAAQC,EAAQ;AAAA,QAChB,YAAU;AAAA,QAER,UAAAX;AAAA,MAAA;AAAA,IACH;AAAA,IAEA,gBAAAI;AAAA,MAACG;AAAA,MAAA;AAAA,QACA,MAAOC,EAAiB;AAAA,QACxB,OAAQE,EAAW;AAAA,QACnB,OAAQC,EAAQ;AAAA,QAChB,YAAU;AAAA,QAER,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACD,CAAA;AAAA,GACD;"}

package/components/UiProductCard/index.d.ts

@@ -0,0 +1 @@
+export { UiProductCard } from './UiProductCard';

package/components/{ui-product-card → UiProductCard}/index.js

@@ -1,4 +1,4 @@
-import { default as d } from "./ui-product-card.vue.js";
+import { UiProductCard as d } from "./UiProductCard.js";
 export {
   d as UiProductCard
 };

package/components/UiProductCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/UiProgress/UiProgress.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IUiProgress {
+    min: number;
+    max: number;
+    current: number;
+    progressText?: string;
+}
+export declare const UiProgress: React.FC<IUiProgress>;
+export {};