bonkers-ui 2.0.2 → 2.0.3

package/components/UiNotificationBadge/UiNotificationBadge.js

@@ -1,84 +1,47 @@
-import { jsx as A } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
-import _ from "classnames";
-import { EBadgeOffset as a } from "./_types.js";
-import "../UiTypography/UiTypography.js";
-import { EColors as r } from "../../_types/colors.js";
-const b = {
-  [r.WHITE]: "bg-white",
-  [r.BLACK]: "bg-black",
-  [r.TRANSPARENT]: "bg-transparent",
-  [r.CURRENT]: "bg-current",
-  [r.PRIMARY]: "bg-primary",
-  [r.PRIMARY_50]: "bg-primary-50",
-  [r.PRIMARY_100]: "bg-primary-100",
-  [r.PRIMARY_200]: "bg-primary-200",
-  [r.PRIMARY_300]: "bg-primary-300",
-  [r.PRIMARY_400]: "bg-primary-400",
-  [r.PRIMARY_500]: "bg-primary-500",
-  [r.PRIMARY_600]: "bg-primary-600",
-  [r.PRIMARY_700]: "bg-primary-700",
-  [r.PRIMARY_800]: "bg-primary-800",
-  [r.PRIMARY_900]: "bg-primary-900",
-  [r.PRIMARY_ALT]: "bg-primary-alt",
-  [r.PRIMARY_ALT_300]: "bg-primary-alt-300",
-  [r.PRIMARY_ALT_400]: "bg-primary-alt-400",
-  [r.PRIMARY_ALT_500]: "bg-primary-alt-500",
-  [r.PRIMARY_ALT_600]: "bg-primary-alt-600",
-  [r.PRIMARY_ALT_700]: "bg-primary-alt-700",
-  [r.WARNING]: "bg-warning",
-  [r.WARNING_300]: "bg-warning-300",
-  [r.WARNING_400]: "bg-warning-400",
-  [r.WARNING_500]: "bg-warning-500",
-  [r.WARNING_600]: "bg-warning-600",
-  [r.WARNING_700]: "bg-warning-700",
-  [r.SECONDARY]: "bg-secondary",
-  [r.SECONDARY_300]: "bg-secondary-300",
-  [r.SECONDARY_400]: "bg-secondary-400",
-  [r.SECONDARY_500]: "bg-secondary-500",
-  [r.SECONDARY_600]: "bg-secondary-600",
-  [r.SECONDARY_700]: "bg-secondary-700",
-  [r.SECONDARY_ALT]: "bg-secondary-alt",
-  [r.SECONDARY_ALT_200]: "bg-secondary-alt-200",
-  [r.SECONDARY_ALT_300]: "bg-secondary-alt-300",
-  [r.SECONDARY_ALT_400]: "bg-secondary-alt-400",
-  [r.SECONDARY_ALT_500]: "bg-secondary-alt-500",
-  [r.SECONDARY_ALT_600]: "bg-secondary-alt-600",
-  [r.SECONDARY_ALT_700]: "bg-secondary-alt-700",
-  [r.ERROR]: "bg-error",
-  [r.ERROR_300]: "bg-error-300",
-  [r.ERROR_400]: "bg-error-400",
-  [r.ERROR_500]: "bg-error-500",
-  [r.ERROR_600]: "bg-error-600",
-  [r.ERROR_700]: "bg-error-700",
-  [r.ACCENT]: "bg-accent",
-  [r.ACCENT_300]: "bg-accent-300",
-  [r.ACCENT_500]: "bg-accent-500",
-  [r.ACCENT_600]: "bg-accent-600",
-  [r.ACCENT_700]: "bg-accent-700",
-  [r.ACCENT_ALT]: "bg-accent-alt",
-  [r.ACCENT_ALT_300]: "bg-accent-alt-300",
-  [r.ACCENT_ALT_400]: "bg-accent-alt-400",
-  [r.ACCENT_ALT_500]: "bg-accent-alt-500",
-  [r.ACCENT_ALT_600]: "bg-accent-alt-600",
-  [r.ACCENT_ALT_700]: "bg-accent-alt-700"
-}, e = {
-  [a.DEFAULT]: "-right-xxxs -top-xxxs",
-  [a.OFFSET_BOTTOM_RIGHT]: "-right-xxxs -bottom-xxxs",
-  [a.OFFSET_TOP_LEFT]: "-left-xxxs -top-xxxs",
-  [a.OFFSET_BOTTOM_LEFT]: "-left-xxxs -bottom-xxxs"
-}, E = ({
-  offset: R,
-  children: t,
-  color: g
-}) => t ? /* @__PURE__ */ A(
+import a from "classnames";
+import { EBadgeOffset as t, EBadgeTypes as e, EBadgeSizes as x } from "./_types.js";
+const T = {
+  [t.DEFAULT]: "-right-xxxs -top-xxxs",
+  [t.OFFSET_BOTTOM_RIGHT]: "-right-xxxs -bottom-xxxs",
+  [t.OFFSET_TOP_LEFT]: "-left-xxxs -top-xxxs",
+  [t.OFFSET_BOTTOM_LEFT]: "-left-xxxs -bottom-xxxs"
+}, l = {
+  [e.DEFAULT]: `
+		bg-error-500
+
+	`,
+  [e.PRIMARY]: `
+		bg-primary-800
+
+	`
+}, m = {
+  [x.DEFAULT]: `
+		h-sm
+		min-w-sm
+		p-xxxs
+		text-xxs
+	`,
+  [x.LARGE]: `
+		h-lg
+		min-w-lg
+		p-xxs
+		justify-center
+		text-2xl
+		border-2
+
+	`
+}, F = ({
+  offset: s = t.DEFAULT,
+  children: o,
+  kind: i = e.DEFAULT,
+  size: r = x.DEFAULT
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: _(
+    className: a(
       "notification-badge",
-      "p-xxxs",
-      "h-sm",
-      "min-w-sm",
       "absolute",
       "inline-flex",
       "items-center",
@@ -86,19 +49,19 @@ const b = {
       "border",
       "border-white",
       "text-center",
-      "text-xxs",
       "font-bold",
       "leading-none",
       "text-white",
       "whitespace-nowrap",
       "gap-xxxs",
-      g && b[g],
-      R && e[R]
+      T[s],
+      l[i],
+      m[r]
     ),
-    children: t
+    children: o
   }
-) : null;
+);
 export {
-  E as UiNotificationBadge
+  F as UiNotificationBadge
 };
 //# sourceMappingURL=UiNotificationBadge.js.map

package/components/UiNotificationBadge/UiNotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiNotificationBadge.js","sources":["../../../src/components/UiNotificationBadge/UiNotificationBadge.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { EBadgeOffset } from \"./_types\";\n\nimport { EColors } from \"../UiTypography\";\n\ntype UiNotificationBadge = {\n\toffset?: EBadgeOffset,\n\tchildren: React.ReactNode;\n\tcolor?: EColors;\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"bg-white\",\n\t[EColors.BLACK]: \"bg-black\",\n\t[EColors.TRANSPARENT]: \"bg-transparent\",\n\t[EColors.CURRENT]: \"bg-current\",\n\n\t[EColors.PRIMARY]: \"bg-primary\",\n\t[EColors.PRIMARY_50]: \"bg-primary-50\",\n\t[EColors.PRIMARY_100]: \"bg-primary-100\",\n\t[EColors.PRIMARY_200]: \"bg-primary-200\",\n\t[EColors.PRIMARY_300]: \"bg-primary-300\",\n\t[EColors.PRIMARY_400]: \"bg-primary-400\",\n\t[EColors.PRIMARY_500]: \"bg-primary-500\",\n\t[EColors.PRIMARY_600]: \"bg-primary-600\",\n\t[EColors.PRIMARY_700]: \"bg-primary-700\",\n\t[EColors.PRIMARY_800]: \"bg-primary-800\",\n\t[EColors.PRIMARY_900]: \"bg-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"bg-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"bg-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"bg-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"bg-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"bg-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"bg-primary-alt-700\",\n\n\t[EColors.WARNING]: \"bg-warning\",\n\t[EColors.WARNING_300]: \"bg-warning-300\",\n\t[EColors.WARNING_400]: \"bg-warning-400\",\n\t[EColors.WARNING_500]: \"bg-warning-500\",\n\t[EColors.WARNING_600]: \"bg-warning-600\",\n\t[EColors.WARNING_700]: \"bg-warning-700\",\n\n\t[EColors.SECONDARY]: \"bg-secondary\",\n\t[EColors.SECONDARY_300]: \"bg-secondary-300\",\n\t[EColors.SECONDARY_400]: \"bg-secondary-400\",\n\t[EColors.SECONDARY_500]: \"bg-secondary-500\",\n\t[EColors.SECONDARY_600]: \"bg-secondary-600\",\n\t[EColors.SECONDARY_700]: \"bg-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"bg-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"bg-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"bg-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"bg-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"bg-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"bg-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"bg-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"bg-error\",\n\t[EColors.ERROR_300]: \"bg-error-300\",\n\t[EColors.ERROR_400]: \"bg-error-400\",\n\t[EColors.ERROR_500]: \"bg-error-500\",\n\t[EColors.ERROR_600]: \"bg-error-600\",\n\t[EColors.ERROR_700]: \"bg-error-700\",\n\n\t[EColors.ACCENT]: \"bg-accent\",\n\t[EColors.ACCENT_300]: \"bg-accent-300\",\n\t[EColors.ACCENT_500]: \"bg-accent-500\",\n\t[EColors.ACCENT_600]: \"bg-accent-600\",\n\t[EColors.ACCENT_700]: \"bg-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"bg-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"bg-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"bg-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"bg-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"bg-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"bg-accent-alt-700\",\n};\n\nconst offsetClasses = {\n\t[EBadgeOffset.DEFAULT]: \"-right-xxxs -top-xxxs\",\n\t[EBadgeOffset.OFFSET_BOTTOM_RIGHT]: \"-right-xxxs -bottom-xxxs\",\n\t[EBadgeOffset.OFFSET_TOP_LEFT]: \"-left-xxxs -top-xxxs\",\n\t[EBadgeOffset.OFFSET_BOTTOM_LEFT]: \"-left-xxxs -bottom-xxxs\",\n};\n\nexport const UiNotificationBadge: React.FC<UiNotificationBadge> = ({\n\toffset,\n\tchildren,\n\tcolor,\n}) => {\n\tif (!children) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"notification-badge\",\n\t\t\t\t\"p-xxxs\",\n\t\t\t\t\"h-sm\",\n\t\t\t\t\"min-w-sm\",\n\t\t\t\t\"absolute\",\n\t\t\t\t\"inline-flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-white\",\n\t\t\t\t\"text-center\",\n\t\t\t\t\"text-xxs\",\n\t\t\t\t\"font-bold\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"text-white\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"gap-xxxs\",\n\t\t\t\tcolor && colorClasses[color],\n\t\t\t\toffset && offsetClasses[offset]\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["colorClasses","EColors","offsetClasses","EBadgeOffset","UiNotificationBadge","offset","children","color","jsx","cx"],"mappings":"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"}
+{"version":3,"file":"UiNotificationBadge.js","sources":["../../../src/components/UiNotificationBadge/UiNotificationBadge.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { EBadgeOffset, EBadgeSizes, EBadgeTypes } from \"./_types\";\n\ntype UiNotificationBadge = {\n\toffset?: EBadgeOffset,\n\tchildren: React.ReactNode;\n\tkind?: EBadgeTypes;\n\tsize?: EBadgeSizes;\n\n};\n\nconst offsetClasses = {\n\t[EBadgeOffset.DEFAULT]: \"-right-xxxs -top-xxxs\",\n\t[EBadgeOffset.OFFSET_BOTTOM_RIGHT]: \"-right-xxxs -bottom-xxxs\",\n\t[EBadgeOffset.OFFSET_TOP_LEFT]: \"-left-xxxs -top-xxxs\",\n\t[EBadgeOffset.OFFSET_BOTTOM_LEFT]: \"-left-xxxs -bottom-xxxs\",\n};\n\nconst kindClasses = {\n\t[EBadgeTypes.DEFAULT]: `\n\t\tbg-error-500\n\n\t`,\n\t[EBadgeTypes.PRIMARY]: `\n\t\tbg-primary-800\n\n\t`,\n\n};\n\nconst sizeClasses = {\n\t[EBadgeSizes.DEFAULT]: `\n\t\th-sm\n\t\tmin-w-sm\n\t\tp-xxxs\n\t\ttext-xxs\n\t`,\n\t[EBadgeSizes.LARGE]: `\n\t\th-lg\n\t\tmin-w-lg\n\t\tp-xxs\n\t\tjustify-center\n\t\ttext-2xl\n\t\tborder-2\n\n\t`\n\n};\n\nexport const UiNotificationBadge: React.FC<UiNotificationBadge> = ({\n\toffset = EBadgeOffset.DEFAULT,\n\tchildren,\n\tkind = EBadgeTypes.DEFAULT,\n\tsize = EBadgeSizes.DEFAULT\n\n}) => {\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"notification-badge\",\n\t\t\t\t\"absolute\",\n\t\t\t\t\"inline-flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-white\",\n\t\t\t\t\"text-center\",\n\t\t\t\t\"font-bold\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"text-white\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"gap-xxxs\",\n\t\t\t\toffsetClasses[offset],\n\t\t\t\tkindClasses[kind],\n\t\t\t\tsizeClasses[size]\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["offsetClasses","EBadgeOffset","kindClasses","EBadgeTypes","sizeClasses","EBadgeSizes","UiNotificationBadge","offset","children","kind","size","jsx","cx"],"mappings":";;;;AAaA,MAAMA,IAAgB;AAAA,EACrB,CAACC,EAAa,OAAO,GAAG;AAAA,EACxB,CAACA,EAAa,mBAAmB,GAAG;AAAA,EACpC,CAACA,EAAa,eAAe,GAAG;AAAA,EAChC,CAACA,EAAa,kBAAkB,GAAG;AACpC,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAIvB,CAACA,EAAY,OAAO,GAAG;AAAA;AAAA;AAAA;AAKxB,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMvB,CAACA,EAAY,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtB,GAEaC,IAAqD,CAAC;AAAA,EAClE,QAAAC,IAASN,EAAa;AAAA,EACtB,UAAAO;AAAA,EACA,MAAAC,IAAON,EAAY;AAAA,EACnB,MAAAO,IAAOL,EAAY;AAEpB,MAGE,gBAAAM;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAZ,EAAcO,CAAM;AAAA,MACpBL,EAAYO,CAAI;AAAA,MAChBL,EAAYM,CAAI;AAAA,IACjB;AAAA,IAEE,UAAAF;AAAA,EAAA;AACH;"}

package/components/UiNotificationBadge/_types.d.ts

@@ -4,3 +4,11 @@ export declare enum EBadgeOffset {
     OFFSET_BOTTOM_RIGHT = "offset-bottom-right",
     OFFSET_BOTTOM_LEFT = "offset-bottom-left"
 }
+export declare enum EBadgeSizes {
+    DEFAULT = "default",
+    LARGE = "lg"
+}
+export declare enum EBadgeTypes {
+    DEFAULT = "error",
+    PRIMARY = "primary"
+}

package/components/UiNotificationBadge/_types.js

@@ -1,5 +1,7 @@
-var t = /* @__PURE__ */ ((T) => (T.DEFAULT = "default", T.OFFSET_TOP_LEFT = "offset-top-left", T.OFFSET_BOTTOM_RIGHT = "offset-bottom-right", T.OFFSET_BOTTOM_LEFT = "offset-bottom-left", T))(t || {});
+var t = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.OFFSET_TOP_LEFT = "offset-top-left", r.OFFSET_BOTTOM_RIGHT = "offset-bottom-right", r.OFFSET_BOTTOM_LEFT = "offset-bottom-left", r))(t || {}), T = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.LARGE = "lg", r))(T || {}), F = /* @__PURE__ */ ((r) => (r.DEFAULT = "error", r.PRIMARY = "primary", r))(F || {});
 export {
-  t as EBadgeOffset
+  t as EBadgeOffset,
+  T as EBadgeSizes,
+  F as EBadgeTypes
 };
 //# sourceMappingURL=_types.js.map

package/components/UiNotificationBadge/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiNotificationBadge/_types.ts"],"sourcesContent":["export enum EBadgeOffset {\n\tDEFAULT = \"default\",\n\tOFFSET_TOP_LEFT = \"offset-top-left\",\n\tOFFSET_BOTTOM_RIGHT = \"offset-bottom-right\",\n\tOFFSET_BOTTOM_LEFT = \"offset-bottom-left\"\n}\n"],"names":["EBadgeOffset"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBAJVA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiNotificationBadge/_types.ts"],"sourcesContent":["export enum EBadgeOffset {\n\tDEFAULT = \"default\",\n\tOFFSET_TOP_LEFT = \"offset-top-left\",\n\tOFFSET_BOTTOM_RIGHT = \"offset-bottom-right\",\n\tOFFSET_BOTTOM_LEFT = \"offset-bottom-left\"\n}\n\nexport enum EBadgeSizes {\n\tDEFAULT = \"default\",\n\tLARGE = \"lg\"\n}\n\nexport enum EBadgeTypes {\n\tDEFAULT = \"error\",\n\tPRIMARY = \"primary\"\n\n}\n"],"names":["EBadgeOffset","EBadgeSizes","EBadgeTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBAJVA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MAFGA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,UAAU,SACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiPills/UiPills.js

@@ -1,8 +1,8 @@
-import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { jsxs as x, jsx as m } 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 { UiTypography as p } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as t, ETextWeight as g } from "../UiTypography/_types.js";
 import c from "classnames";
 const l = {
   [r.PRIMARY]: "bg-primary-100 text-primary-700",
@@ -29,11 +29,11 @@ const l = {
   "gap-xxxs",
   "px-xxs py-xxxs",
   "overflow-hidden",
-  n ? "rounded-full" : "rounded",
+  n ? "rounded-full" : "rounded-sm",
   l[s]
 ), children: [
   o,
-  i ? /* @__PURE__ */ p(g, { size: d[a], weight: m.SEMI_BOLD, className: "whitespace-nowrap", children: i }) : null
+  i ? /* @__PURE__ */ m(p, { size: d[a], weight: g.SEMI_BOLD, className: "whitespace-nowrap", children: i }) : null
 ] });
 export {
   M as UiPills

package/components/UiPills/UiPills.js.map

@@ -1 +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;"}
+{"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-sm\",\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/UiProductCard/UiProductCard.js

@@ -3,7 +3,7 @@ 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 { ETextAlign as n, ETextWeight as c, ETypographySizes as l } from "../UiTypography/_types.js";
 import { EColors as t } from "../../_types/colors.js";
 const y = ({
   badgeText: i,
@@ -20,15 +20,15 @@ const y = ({
 			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 }) }),
+  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,
+        size: l.MD,
         weight: c.BOLD,
-        align: l.LEFT,
+        align: n.LEFT,
         color: t.SECONDARY,
         lineHeight: !0,
         children: s
@@ -37,8 +37,8 @@ const y = ({
     /* @__PURE__ */ r(
       o,
       {
-        size: n.XS,
-        align: l.LEFT,
+        size: l.XS,
+        align: n.LEFT,
         color: t.SECONDARY_400,
         lineHeight: !0,
         children: d

package/components/UiProductCard/UiProductCard.js.map

@@ -1 +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;"}
+{"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/UiProgress/UiProgress.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import "react";
 import o from "classnames";
 import { UiTypography as m } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as p, ETextWeight as d } from "../UiTypography/_types.js";
+import { ETextWeight as p, ETypographySizes as d } from "../UiTypography/_types.js";
 import { EColors as f } from "../../_types/colors.js";
 const y = ({
   progressText: i,
@@ -16,7 +16,7 @@ const y = ({
   ), children: [
     /* @__PURE__ */ r("div", { className: o(
       "relative",
-      "h-xs ",
+      "h-xxs ",
       "w-full",
       "overflow-hidden",
       "rounded-3xl",
@@ -46,8 +46,8 @@ const y = ({
       m,
       {
         color: f.PRIMARY_700,
-        size: p.SM,
-        weight: d.SEMI_BOLD,
+        size: d.SM,
+        weight: p.SEMI_BOLD,
         children: i
       }
     )

package/components/UiProgress/UiProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiProgress.js","sources":["../../../src/components/UiProgress/UiProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EColors, ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\n\ninterface IUiProgress {\n\tmin: number\n\tmax: number\n\tcurrent: number\n\tprogressText?: string\n\n}\n\nexport const UiProgress: React.FC<IUiProgress> = ({\n\tprogressText,\n\tmax,\n\tmin,\n\tcurrent\n\n}) => {\n\tconst filler = ((current - min) / (max - min)) * 100;\n\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-progress\"\n\t\t) }>\n\t\t\t<div className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"h-xs \",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"overflow-hidden\",\n\t\t\t\t\"rounded-3xl\",\n\t\t\t\t\"bg-primary-50\",\n\t\t\t\t\"mb-xxs\"\n\t\t\t) } >\n\t\t\t\t<div className={ cx(\n\t\t\t\t\t\"ui-progress__bar-fill\",\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"left-0\",\n\t\t\t\t\t\"top-0\",\n\t\t\t\t\t\"z-10\",\n\t\t\t\t\t\"h-full\",\n\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\"bg-primary-700\",\n\t\t\t\t\t\"transition-all\",\n\t\t\t\t\t\"duration-300\"\n\n\t\t\t\t) }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: `${filler}%`\n\t\t\t\t} }>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ progressText && (\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ EColors.PRIMARY_700 }\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t>\n\t\t\t\t\t{ progressText }\n\t\t\t\t</UiTypography>\n\t\t\t) }\n\n\t\t</div>\n\n\t);\n};\n"],"names":["UiProgress","progressText","max","min","current","filler","jsxs","cx","jsx","UiTypography","EColors","ETypographySizes","ETextWeight"],"mappings":";;;;;;AAYO,MAAMA,IAAoC,CAAC;AAAA,EACjD,cAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAED,MAAM;AACL,QAAMC,KAAWD,IAAUD,MAAQD,IAAMC,KAAQ;AAGhD,SAAA,gBAAAG,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,EAEA,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAYD;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAEA,GAAA,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAED;AAAA,QACA,OAAQ;AAAA,UACP,OAAO,GAAGF,CAAM;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA,GAGD;AAAA,IACEJ,KACD,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,OAAQC,EAAQ;AAAA,QAChB,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QAEnB,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAGF;AAGF;"}
+{"version":3,"file":"UiProgress.js","sources":["../../../src/components/UiProgress/UiProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EColors, ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\n\ninterface IUiProgress {\n\tmin: number\n\tmax: number\n\tcurrent: number\n\tprogressText?: string\n\n}\n\nexport const UiProgress: React.FC<IUiProgress> = ({\n\tprogressText,\n\tmax,\n\tmin,\n\tcurrent\n\n}) => {\n\tconst filler = ((current - min) / (max - min)) * 100;\n\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-progress\"\n\t\t) }>\n\t\t\t<div className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"h-xxs \",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"overflow-hidden\",\n\t\t\t\t\"rounded-3xl\",\n\t\t\t\t\"bg-primary-50\",\n\t\t\t\t\"mb-xxs\"\n\t\t\t) } >\n\t\t\t\t<div className={ cx(\n\t\t\t\t\t\"ui-progress__bar-fill\",\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"left-0\",\n\t\t\t\t\t\"top-0\",\n\t\t\t\t\t\"z-10\",\n\t\t\t\t\t\"h-full\",\n\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\"bg-primary-700\",\n\t\t\t\t\t\"transition-all\",\n\t\t\t\t\t\"duration-300\"\n\n\t\t\t\t) }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: `${filler}%`\n\t\t\t\t} }>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ progressText && (\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ EColors.PRIMARY_700 }\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t>\n\t\t\t\t\t{ progressText }\n\t\t\t\t</UiTypography>\n\t\t\t) }\n\n\t\t</div>\n\n\t);\n};\n"],"names":["UiProgress","progressText","max","min","current","filler","jsxs","cx","jsx","UiTypography","EColors","ETypographySizes","ETextWeight"],"mappings":";;;;;;AAYO,MAAMA,IAAoC,CAAC;AAAA,EACjD,cAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAED,MAAM;AACL,QAAMC,KAAWD,IAAUD,MAAQD,IAAMC,KAAQ;AAGhD,SAAA,gBAAAG,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,EAEA,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAYD;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAEA,GAAA,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAED;AAAA,QACA,OAAQ;AAAA,UACP,OAAO,GAAGF,CAAM;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA,GAGD;AAAA,IACEJ,KACD,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,OAAQC,EAAQ;AAAA,QAChB,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QAEnB,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAGF;AAGF;"}

package/components/UiRadio/UiRadio.js

@@ -1,16 +1,18 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import "react";
 import a from "classnames";
-import d from "./UiRadio.module.css.js";
 import { EJustify as e } from "../../_types/align.js";
-const y = {
+import '../../assets/UiRadio.css';const f = "_UiRadio__custom_wei69_1", y = "_UiRadio__dot_wei69_4", d = {
+  UiRadio__custom: f,
+  UiRadio__dot: y
+}, b = {
   [e.START]: "justify-start",
   [e.END]: "justify-end",
   [e.CENTER]: "justify-center",
   [e.BETWEEN]: "justify-between",
   [e.AROUND]: "justify-around",
   [e.EVENLY]: "justify-evenly"
-}, N = ({
+}, j = ({
   name: c,
   value: s,
   invertOrder: n = !1,
@@ -20,16 +22,16 @@ const y = {
   checked: p = !1,
   children: i
 }) => {
-  const u = (f) => {
-    !r && t && t(f.target.value);
+  const u = (m) => {
+    !r && t && t(m.target.value);
   };
-  return /* @__PURE__ */ m("label", { className: a(
+  return /* @__PURE__ */ _("label", { className: a(
     "UiRadio",
     "group",
     "grid",
     "grid-flow-col",
     "cursor-pointer",
-    y[l],
+    b[l],
     {
       "pointer-events-none": r,
       "items-center gap-xxs": i
@@ -62,8 +64,8 @@ const y = {
       "group-focus:border-secondary-alt-700",
       "peer-checked:border-2",
       "peer-checked:border-primary",
-      "peer-checked:hover:border-primary-600",
-      "peer-checked:active:border-primary-800",
+      "hover:peer-checked:border-primary-600",
+      "active:peer-checked:border-primary-800",
       "peer-focus:shadow-border-primary",
       "peer-disabled:border-secondary-alt-400",
       "peer-disabled:bg-secondary-alt-200"
@@ -81,6 +83,6 @@ const y = {
   ] });
 };
 export {
-  N as UiRadio
+  j as UiRadio
 };
 //# sourceMappingURL=UiRadio.js.map

package/components/UiRadio/UiRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiRadio.js","sources":["../../../src/components/UiRadio/UiRadio.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiRadio.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\nexport type TUiRadioProps = {\n\tchildren?: React.ReactNode;\n\tname: string;\n\tvalue: string;\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tchecked?: boolean;\n\tonChange: (value: string) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nexport const UiRadio: React.FC<TUiRadioProps> = ({\n\tname,\n\tvalue,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tdisabled = false,\n\tonChange,\n\tchecked = false,\n\tchildren\n}) => {\n\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange(event.target.value);\n\t\t}\n\t};\n\n\treturn (\n\t\t<label className={\n\t\t\tcx(\"UiRadio\",\n\t\t\t\t\"group\",\n\t\t\t\t\"grid\",\n\t\t\t\t\"grid-flow-col\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\t{\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t\t\"items-center gap-xxs\": children\n\t\t\t\t}\n\t\t\t) }>\n\t\t\t<input\n\t\t\t\tid={ value }\n\t\t\t\tname={ name.toString() }\n\t\t\t\ttype=\"radio\"\n\t\t\t\tvalue={ value }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tclassName=\"peer absolute appearance-none\"\n\t\t\t/>\n\t\t\t<span className={ cx(\n\t\t\t\tstyles.UiRadio__custom,\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"size-md\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"group-hover:border-secondary-alt-700\",\n\t\t\t\t\"group-focus:border-secondary-alt-700\",\n\t\t\t\t\"peer-checked:border-2\",\n\t\t\t\t\"peer-checked:border-primary\",\n\t\t\t\t\"peer-checked:hover:border-primary-600\",\n\t\t\t\t\"peer-checked:active:border-primary-800\",\n\t\t\t\t\"peer-focus:shadow-border-primary\",\n\t\t\t\t\"peer-disabled:border-secondary-alt-400\",\n\t\t\t\t\"peer-disabled:bg-secondary-alt-200\"\n\t\t\t) }>\n\t\t\t\t<span className={ cx(\n\t\t\t\t\tstyles.UiRadio__dot,\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"left-2/4\",\n\t\t\t\t\t\"top-2/4\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"size-xxs\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-primary\t\"\n\t\t\t\t) } />\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","UiRadio","name","value","invertOrder","justify","disabled","onChange","checked","children","handleChange","event","jsxs","cx","jsx","styles"],"mappings":";;;;;AAgBA,MAAMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEaC,IAAmC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAUL,EAAS;AAAA,EACnB,UAAAM,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AACD,MAAM;AAEC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACL,KAAYC,KACPA,EAAAI,EAAM,OAAO,KAAK;AAAA,EAE7B;AAGC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAd,EAAqBM,CAAO;AAAA,IAC5B;AAAA,MACC,uBAAuBC;AAAA,MACvB,wBAAwBG;AAAA,IAAA;AAAA,EAG1B,GAAA,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,IAAKX;AAAA,QACL,MAAOD,EAAK,SAAS;AAAA,QACrB,MAAK;AAAA,QACL,OAAAC;AAAA,QACA,UAAAG;AAAA,QACA,SAAAE;AAAA,QACA,UAAWE;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IACX;AAAA,IACA,gBAAAI,EAAC,UAAK,WAAYD;AAAA,MACjBE,EAAO;AAAA,MACPX,KAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,GACC,UAAC,gBAAAU,EAAA,QAAA,EAAK,WAAYD;AAAA,MACjBE,EAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACG,EACL,CAAA;AAAA,IACEN;AAAA,EAAA,GACH;AAEF;"}
+{"version":3,"file":"UiRadio.js","sources":["../../../src/components/UiRadio/UiRadio.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiRadio.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\nexport type TUiRadioProps = {\n\tchildren?: React.ReactNode;\n\tname: string;\n\tvalue: string;\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tchecked?: boolean;\n\tonChange: (value: string) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nexport const UiRadio: React.FC<TUiRadioProps> = ({\n\tname,\n\tvalue,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tdisabled = false,\n\tonChange,\n\tchecked = false,\n\tchildren\n}) => {\n\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange(event.target.value);\n\t\t}\n\t};\n\n\treturn (\n\t\t<label className={\n\t\t\tcx(\"UiRadio\",\n\t\t\t\t\"group\",\n\t\t\t\t\"grid\",\n\t\t\t\t\"grid-flow-col\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\t{\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t\t\"items-center gap-xxs\": children\n\t\t\t\t}\n\t\t\t) }>\n\t\t\t<input\n\t\t\t\tid={ value }\n\t\t\t\tname={ name.toString() }\n\t\t\t\ttype=\"radio\"\n\t\t\t\tvalue={ value }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tclassName=\"peer absolute appearance-none\"\n\t\t\t/>\n\t\t\t<span className={ cx(\n\t\t\t\tstyles.UiRadio__custom,\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"size-md\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"group-hover:border-secondary-alt-700\",\n\t\t\t\t\"group-focus:border-secondary-alt-700\",\n\t\t\t\t\"peer-checked:border-2\",\n\t\t\t\t\"peer-checked:border-primary\",\n\t\t\t\t\"hover:peer-checked:border-primary-600\",\n\t\t\t\t\"active:peer-checked:border-primary-800\",\n\t\t\t\t\"peer-focus:shadow-border-primary\",\n\t\t\t\t\"peer-disabled:border-secondary-alt-400\",\n\t\t\t\t\"peer-disabled:bg-secondary-alt-200\"\n\t\t\t) }>\n\t\t\t\t<span className={ cx(\n\t\t\t\t\tstyles.UiRadio__dot,\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"left-2/4\",\n\t\t\t\t\t\"top-2/4\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"size-xxs\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-primary\t\"\n\t\t\t\t) } />\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","UiRadio","name","value","invertOrder","justify","disabled","onChange","checked","children","handleChange","event","jsxs","cx","jsx","styles"],"mappings":";;;;;;;GAgBMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEaC,IAAmC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAUL,EAAS;AAAA,EACnB,UAAAM,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AACD,MAAM;AAEC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACL,KAAYC,KACPA,EAAAI,EAAM,OAAO,KAAK;AAAA,EAE7B;AAGC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAd,EAAqBM,CAAO;AAAA,IAC5B;AAAA,MACC,uBAAuBC;AAAA,MACvB,wBAAwBG;AAAA,IAAA;AAAA,EAG1B,GAAA,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,IAAKX;AAAA,QACL,MAAOD,EAAK,SAAS;AAAA,QACrB,MAAK;AAAA,QACL,OAAAC;AAAA,QACA,UAAAG;AAAA,QACA,SAAAE;AAAA,QACA,UAAWE;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IACX;AAAA,IACA,gBAAAI,EAAC,UAAK,WAAYD;AAAA,MACjBE,EAAO;AAAA,MACPX,KAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,GACC,UAAC,gBAAAU,EAAA,QAAA,EAAK,WAAYD;AAAA,MACjBE,EAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACG,EACL,CAAA;AAAA,IACEN;AAAA,EAAA,GACH;AAEF;"}

package/components/UiRadioFancy/UiRadioFancy.d.ts

@@ -1,10 +1,14 @@
 import { default as React } from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-interface IUiRadioFancy {
+import { ERadioTypes } from './_types';
+export type TUiRadioFancy = {
     children: React.ReactNode;
     icon?: IconProp;
     disabled?: boolean;
+    active?: boolean;
     subHeader?: string;
-}
-export declare const UiRadioFancy: React.FC<IUiRadioFancy>;
-export {};
+    radioType?: ERadioTypes;
+    value: string;
+    onChange: (value: string) => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "checked" | "value" | "name">;
+export declare const UiRadioFancy: React.FC<TUiRadioFancy>;

package/components/UiRadioFancy/UiRadioFancy.js

@@ -1,46 +1,56 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "react";
-import a from "classnames";
-import { UiIcon as n } from "../UiIcon/UiIcon.js";
-import { ESize as l } from "../../_types/sizing.js";
+import t from "classnames";
+import { UiIcon as m } from "../UiIcon/UiIcon.js";
+import { ESize as f } from "../../_types/sizing.js";
 import "@fortawesome/fontawesome-svg-core";
-const u = ({
-  children: t,
-  icon: i,
+import { ERadioTypes as a } from "./_types.js";
+const u = {
+  [a.DEFAULT]: "items-center",
+  [a.COMPACT]: "items-start flex-col"
+}, N = ({
+  children: i,
+  icon: s,
   disabled: e,
-  subHeader: s
-}) => /* @__PURE__ */ o("label", { className: a(
+  subHeader: n,
+  active: c,
+  radioType: l = a.DEFAULT,
+  value: d,
+  onChange: p
+}) => /* @__PURE__ */ o("label", { className: t(
   "ui-radio-fancy",
   "relative",
   {
     "pointer-events-none": e
   }
 ), children: [
-  /* @__PURE__ */ r("input", { className: "group peer absolute appearance-none", type: "radio" }),
-  /* @__PURE__ */ o("div", { className: a(
+  /* @__PURE__ */ r("input", { className: "group peer absolute appearance-none", type: "radio", checked: c, onChange: () => p(d) }),
+  /* @__PURE__ */ o("div", { className: t(
     "box-border",
-    "size-full",
     "cursor-pointer",
     "rounded-lg",
-    "border-2",
+    "border",
     "bg-white",
     "p-sm",
-    "hover:border-primary-700",
-    "peer-focus:shadow-border-primary",
-    "peer-active:bg-secondary-alt-200",
+    "hover:border-secondary-alt-700",
+    "peer-focus:outline ",
+    "peer-focus:outline-4",
+    "peer-focus:outline-primary-300",
+    "peer-checked:shadow-border-primary-600",
+    "peer-checked:border-0",
+    "active:peer-checked:bg-secondary-alt-200",
+    "hover:peer-checked:shadow-border-primary-700",
     "flex",
-    "items-center",
     "gap-sm",
     "text-sm",
-    {
-      "border-secondary-alt-400": e,
-      "border-primary-600": !e
-    }
+    c ? "peer-focus:outline-offset-2" : "peer-focus:outline-offset-0",
+    e ? "border-secondary-alt-400 text-secondary-alt-500 peer-checked:shadow-border-primary-disabled" : "border-secondary-alt-600",
+    u[l]
   ), children: [
     /* @__PURE__ */ r(
       "div",
       {
-        className: a(
+        className: t(
           "relative",
           "grid",
           "size-fit",
@@ -53,22 +63,22 @@ const u = ({
             "bg-primary": !e
           }
         ),
-        children: i ? /* @__PURE__ */ r(
-          n,
+        children: s ? /* @__PURE__ */ r(
+          m,
           {
-            name: i,
-            size: l.SM
+            name: s,
+            size: f.SM
           }
         ) : null
       }
     ),
     /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
-      t,
-      /* @__PURE__ */ r("div", { className: "text-xs font-normal text-secondary-alt-400", children: s })
+      i,
+      /* @__PURE__ */ r("div", { className: "text-xs font-normal text-secondary-alt-400", children: n })
     ] })
   ] })
 ] });
 export {
-  u as UiRadioFancy
+  N as UiRadioFancy
 };
 //# sourceMappingURL=UiRadioFancy.js.map

package/components/UiRadioFancy/UiRadioFancy.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiRadioFancy.js","sources":["../../../src/components/UiRadioFancy/UiRadioFancy.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiRadioFancy {\n\tchildren: React.ReactNode\n\ticon?: IconProp\n\tdisabled?: boolean;\n\tsubHeader?: string;\n\n}\n\nexport const UiRadioFancy: React.FC<IUiRadioFancy> = ({\n\tchildren,\n\ticon,\n\tdisabled,\n\tsubHeader\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\t\t<input className=\"group peer absolute appearance-none\" type=\"radio\"/>\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\"p-sm\",\n\t\t\t\t\"hover:border-primary-700\",\n\t\t\t\t\"peer-focus:shadow-border-primary\",\n\t\t\t\t\"peer-active:bg-secondary-alt-200\",\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,\n\t\t\t\t\t\"border-primary-600\": !disabled\n\t\t\t\t}\n\n\t\t\t) }>\n\t\t\t\t<div className={ cx(\n\t\t\t\t\t\"relative\",\n\t\t\t\t\t\"grid\",\n\t\t\t\t\t\"size-fit\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"place-items-center\",\n\t\t\t\t\t\"text-white\",\n\t\t\t\t\t\"p-xxs\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-300\": disabled,\n\t\t\t\t\t\t\"bg-primary\": !disabled\n\t\t\t\t\t}\n\n\t\t\t\t) }\n\t\t\t\t>\n\n\t\t\t\t\t{\n\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t? <UiIcon\n\t\t\t\t\t\t\t\tname={ icon }\n\t\t\t\t\t\t\t\tsize={ ESize.SM }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\n\t\t\t\t</div>\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":["UiRadioFancy","children","icon","disabled","subHeader","jsxs","cx","jsx","UiIcon","ESize"],"mappings":";;;;;;AAcO,MAAMA,IAAwC,CAAC;AAAA,EACrD,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,MAEE,gBAAAC,EAAC,WAAM,WAAYC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,IACC,uBAAuBH;AAAA,EAAA;AAGxB,GAAA,UAAA;AAAA,EAAA,gBAAAI,EAAC,SAAM,EAAA,WAAU,uCAAsC,MAAK,SAAO;AAAA,EAEnE,gBAAAF,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACC,4BAA4BH;AAAA,MAC5B,sBAAsB,CAACA;AAAA,IAAA;AAAA,EAIxB,GAAA,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACC,kBAAkBH;AAAA,YAClB,cAAc,CAACA;AAAA,UAAA;AAAA,QAGjB;AAAA,QAIE,UACGD,IAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACF,MAAON;AAAA,YACP,MAAOO,EAAM;AAAA,UAAA;AAAA,QAAA,IAEZ;AAAA,MAAA;AAAA,IAGL;AAAA,IAEA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,MAAAJ;AAAA,MACD,gBAAAM,EAAA,OAAA,EAAI,WAAU,8CAA+C,UAAWH,EAAA,CAAA;AAAA,IAAA,EAC1E,CAAA;AAAA,EAAA,EAED,CAAA;AAAA,GAED;"}
+{"version":3,"file":"UiRadioFancy.js","sources":["../../../src/components/UiRadioFancy/UiRadioFancy.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ERadioTypes } from \"./_types\";\n\nexport type TUiRadioFancy = {\n\tchildren: React.ReactNode\n\ticon?: IconProp\n\tdisabled?: boolean;\n\tactive?: boolean;\n\tsubHeader?: string;\n\tradioType?: ERadioTypes;\n\tvalue: string;\n\tonChange: (value: string) => void;\n\n}& Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nconst typeClasses = {\n\t[ERadioTypes.DEFAULT]: \"items-center\",\n\t[ERadioTypes.COMPACT]: \"items-start flex-col\"\n};\n\nexport const UiRadioFancy: React.FC<TUiRadioFancy> = ({\n\tchildren,\n\ticon,\n\tdisabled,\n\tsubHeader,\n\tactive,\n\tradioType = ERadioTypes.DEFAULT,\n\tvalue,\n\tonChange\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\t\t<input className=\"group peer absolute appearance-none\" type=\"radio\" checked={ active } onChange={ ()=> onChange(value) }/>\n\n\t\t\t<div className={ cx(\n\t\t\t\t\"box-border\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"border\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\"peer-focus:outline \",\n\t\t\t\t\"peer-focus:outline-4\",\n\t\t\t\t\"peer-focus:outline-primary-300\",\n\t\t\t\t\"peer-checked:shadow-border-primary-600\",\n\t\t\t\t\"peer-checked:border-0\",\n\t\t\t\t\"active:peer-checked:bg-secondary-alt-200\",\n\t\t\t\t\"hover:peer-checked:shadow-border-primary-700\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-sm\",\n\t\t\t\t\"text-sm\",\n\t\t\t\tactive\n\t\t\t\t\t? \"peer-focus:outline-offset-2\"\n\t\t\t\t\t: \"peer-focus:outline-offset-0\",\n\t\t\t\tdisabled\n\t\t\t\t\t? \"border-secondary-alt-400 text-secondary-alt-500 peer-checked:shadow-border-primary-disabled\"\n\t\t\t\t\t: \"border-secondary-alt-600\",\n\n\t\t\t\ttypeClasses[radioType],\n\n\t\t\t) }>\n\t\t\t\t<div className={ cx(\n\t\t\t\t\t\"relative\",\n\t\t\t\t\t\"grid\",\n\t\t\t\t\t\"size-fit\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"place-items-center\",\n\t\t\t\t\t\"text-white\",\n\t\t\t\t\t\"p-xxs\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-300\": disabled,\n\t\t\t\t\t\t\"bg-primary\": !disabled\n\t\t\t\t\t}\n\n\t\t\t\t) }\n\t\t\t\t>\n\n\t\t\t\t\t{\n\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t? <UiIcon\n\t\t\t\t\t\t\t\tname={ icon }\n\t\t\t\t\t\t\t\tsize={ ESize.SM }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\n\t\t\t\t</div>\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":["typeClasses","ERadioTypes","UiRadioFancy","children","icon","disabled","subHeader","active","radioType","value","onChange","jsxs","cx","jsx","UiIcon","ESize"],"mappings":";;;;;;;AAmBA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,OAAO,GAAG;AACxB,GAEaC,IAAwC,CAAC;AAAA,EACrD,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAYP,EAAY;AAAA,EACxB,OAAAQ;AAAA,EACA,UAAAC;AAED,MAEE,gBAAAC,EAAC,WAAM,WAAYC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,IACC,uBAAuBP;AAAA,EAAA;AAGxB,GAAA,UAAA;AAAA,EAAC,gBAAAQ,EAAA,SAAA,EAAM,WAAU,uCAAsC,MAAK,SAAQ,SAAUN,GAAS,UAAW,MAAKG,EAASD,CAAK,EAAG,CAAA;AAAA,EAExH,gBAAAE,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAL,IACG,gCACA;AAAA,IACHF,IACG,gGACA;AAAA,IAEHL,EAAYQ,CAAS;AAAA,EAGrB,GAAA,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACC,kBAAkBP;AAAA,YAClB,cAAc,CAACA;AAAA,UAAA;AAAA,QAGjB;AAAA,QAIE,UACGD,IAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACF,MAAOV;AAAA,YACP,MAAOW,EAAM;AAAA,UAAA;AAAA,QAAA,IAEZ;AAAA,MAAA;AAAA,IAGL;AAAA,IAEA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,MAAAR;AAAA,MACD,gBAAAU,EAAA,OAAA,EAAI,WAAU,8CAA+C,UAAWP,EAAA,CAAA;AAAA,IAAA,EAC1E,CAAA;AAAA,EAAA,EAED,CAAA;AAAA,GAED;"}

package/components/UiRadioFancy/_types.d.ts

@@ -1,4 +1,4 @@
 export declare enum ERadioTypes {
-    MINIMAL = "minimal",
+    DEFAULT = "default",
     COMPACT = "compact"
 }

package/components/UiRadioFancy/_types.js

@@ -1,5 +1,5 @@
-var m = /* @__PURE__ */ ((r) => (r.MINIMAL = "minimal", r.COMPACT = "compact", r))(m || {});
+var t = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.COMPACT = "compact", r))(t || {});
 export {
-  m as ERadioTypes
+  t as ERadioTypes
 };
 //# sourceMappingURL=_types.js.map

package/components/UiRadioFancy/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiRadioFancy/_types.ts"],"sourcesContent":["export enum ERadioTypes {\n\t//DEFAULT = \"default\",\n\tMINIMAL = \"minimal\",\n\tCOMPACT = \"compact\"\n}\n"],"names":["ERadioTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OAEXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiRadioFancy/_types.ts"],"sourcesContent":["export enum ERadioTypes {\n\tDEFAULT = \"default\",\n\tCOMPACT = \"compact\"\n}\n"],"names":["ERadioTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA;"}