bonkers-ui 2.0.0 → 2.0.2

package/components/UiInput/UiInputText.js

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import "react";
+import { UiInputBase as l } from "./UiInput.base.js";
+import { UiInputTitled as u } from "./UiInputTitled.js";
+import { EInputKind as s } from "./_types.js";
+import { UiTypography as d } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as f } from "../UiTypography/_types.js";
+import { EColors as i } from "../../_types/colors.js";
+import x from "classnames";
+const j = ({
+  kind: o,
+  title: m,
+  infoComponent: p,
+  subtitle: a,
+  statusMessage: t,
+  ...e
+}) => /* @__PURE__ */ n(u, { title: m, subtitle: a, infoComponent: p, children: [
+  t ? /* @__PURE__ */ r(
+    d,
+    {
+      className: x(
+        "mb-xxs",
+        "transition-all duration-300 ease-in-out",
+        "max-h-0 opacity-0 overflow-hidden",
+        "data-[status=true]:max-h-lg data-[status=true]:opacity-100"
+      ),
+      lineHeight: !0,
+      color: o === s.ERROR ? i.ERROR : i.PRIMARY,
+      size: f.SM,
+      "data-status": !!t,
+      children: t
+    }
+  ) : null,
+  /* @__PURE__ */ r(l, { kind: o, ...e })
+] });
+export {
+  j as UiInputText
+};
+//# sourceMappingURL=UiInputText.js.map

package/components/UiInput/UiInputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiInputText.js","sources":["../../../src/components/UiInput/UiInputText.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiInputBase } from \"./UiInput.base.tsx\";\nimport { UiInputTitled } from \"./UiInputTitled.tsx\";\nimport { EInputKind } from \"./_types.ts\";\nimport { EColors, ETypographySizes, UiTypography } from \"../UiTypography/index.ts\";\nimport cx from \"classnames\";\n\ntype TUiInputTextProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputText: React.FC<TUiInputTextProps> = ({\n\tkind,\n\ttitle,\n\tinfoComponent,\n\tsubtitle,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiInputTitled title={ title } subtitle={ subtitle } infoComponent={ infoComponent } >\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"max-h-0 opacity-0 overflow-hidden\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-lg data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR ? EColors.ERROR : EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t\t<UiInputBase kind={ kind } { ...rest }/>\n\t\t</UiInputTitled>\n\t);\n};\n"],"names":["UiInputText","kind","title","infoComponent","subtitle","statusMessage","rest","jsxs","UiInputTitled","jsx","UiTypography","cx","EInputKind","EColors","ETypographySizes","UiInputBase"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAA2C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAc,OAAAN,GAAgB,UAAAE,GAAsB,eAAAD,GAClD,UAAA;AAAA,EAEAE,IAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAYC;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,YAAU;AAAA,MACV,OACCV,MAASW,EAAW,QAAQC,EAAQ,QAAQA,EAAQ;AAAA,MAErD,MAAOC,EAAiB;AAAA,MACxB,eAAc,CAAC,CAACT;AAAA,MAEd,UAAAA;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,EACF,gBAAAI,EAAAM,GAAA,EAAY,MAAAd,GAAgB,GAAGK,EAAM,CAAA;AAAA,GACvC;"}

package/components/UiInput/UiInputTitled.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type TUiInputTitledProps = {
+    children: React.ReactNode;
+    infoComponent?: React.ReactNode;
+    statusMessage?: string;
+    subtitle?: React.ReactNode;
+    title?: React.ReactNode;
+};
+export declare const UiInputTitled: React.FC<TUiInputTitledProps>;
+export {};

package/components/UiInput/UiInputTitled.js

@@ -0,0 +1,36 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import "react";
+import { UiTypography as l } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as e } from "../UiTypography/_types.js";
+import { EColors as p } from "../../_types/colors.js";
+const g = ({
+  children: s,
+  infoComponent: m,
+  title: i,
+  subtitle: o
+}) => /* @__PURE__ */ t("div", { className: "grid w-full grid-flow-row gap-xxxs", children: [
+  i ? /* @__PURE__ */ r(
+    l,
+    {
+      size: e.MD,
+      color: p.SECONDARY,
+      lineHeight: !0,
+      children: i
+    }
+  ) : null,
+  m,
+  o ? /* @__PURE__ */ r(
+    l,
+    {
+      lineHeight: !0,
+      color: p.SECONDARY_ALT_600,
+      size: e.SM,
+      children: o
+    }
+  ) : null,
+  /* @__PURE__ */ r("div", { className: "relative w-full", children: s })
+] });
+export {
+  g as UiInputTitled
+};
+//# sourceMappingURL=UiInputTitled.js.map

package/components/UiInput/UiInputTitled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiInputTitled.js","sources":["../../../src/components/UiInput/UiInputTitled.tsx"],"sourcesContent":["import React from \"react\";\nimport { EColors, ETypographySizes, UiTypography } from \"../UiTypography\";\n\ntype TUiInputTitledProps = {\n\tchildren: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n\tstatusMessage?: string;\n\tsubtitle?: React.ReactNode\n\ttitle?: React.ReactNode;\n};\n\nexport const UiInputTitled: React.FC<TUiInputTitledProps> = ({\n\tchildren,\n\tinfoComponent,\n\ttitle,\n\tsubtitle\n}) => {\n\n\treturn (\n\t\t<div className=\"grid w-full grid-flow-row gap-xxxs\">\n\t\t\t{ title\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\t\tcolor={ EColors.SECONDARY }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t\t{ infoComponent }\n\t\t\t{ subtitle\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={ EColors.SECONDARY_ALT_600 }\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ subtitle }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t\t<div className=\"relative w-full\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["UiInputTitled","children","infoComponent","title","subtitle","jsxs","jsx","UiTypography","ETypographySizes","EColors"],"mappings":";;;;;AAWO,MAAMA,IAA+C,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACD,MAGE,gBAAAC,EAAC,OAAI,EAAA,WAAU,sCACZ,UAAA;AAAA,EAEAF,IAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAOC,EAAiB;AAAA,MACxB,OAAQC,EAAQ;AAAA,MAChB,YAAU;AAAA,MAER,UAAAN;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,EACDD;AAAA,EACAE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,YAAU;AAAA,MACV,OAAQE,EAAQ;AAAA,MAChB,MAAOD,EAAiB;AAAA,MAEtB,UAAAJ;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,EACF,gBAAAE,EAAA,OAAA,EAAI,WAAU,mBACZ,UAAAL,EACH,CAAA;AAAA,GACD;"}

package/components/UiInput/_types.d.ts

@@ -0,0 +1,5 @@
+export declare enum EInputKind {
+    DEFAULT = "DEFAULT",
+    ERROR = "ERROR",
+    SUCCESS = "SUCCESS"
+}

package/components/UiInput/_types.js

@@ -0,0 +1,5 @@
+var S = /* @__PURE__ */ ((R) => (R.DEFAULT = "DEFAULT", R.ERROR = "ERROR", R.SUCCESS = "SUCCESS", R))(S || {});
+export {
+  S as EInputKind
+};
+//# sourceMappingURL=_types.js.map

package/components/UiInput/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiInput/_types.ts"],"sourcesContent":["export enum EInputKind {\n\tDEFAULT = \"DEFAULT\",\n\tERROR = \"ERROR\",\n\tSUCCESS = \"SUCCESS\",\n}\n"],"names":["EInputKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiInput/index.d.ts

@@ -0,0 +1,4 @@
+export { UiInputBase } from './UiInput.base.tsx';
+export { UiInputTitled } from './UiInputTitled.tsx';
+export { UiInputText } from './UiInputText.tsx';
+export { EInputKind } from './_types.ts';

package/components/UiInput/index.js

@@ -0,0 +1,11 @@
+import { UiInputBase as p } from "./UiInput.base.js";
+import { UiInputTitled as e } from "./UiInputTitled.js";
+import { UiInputText as n } from "./UiInputText.js";
+import { EInputKind as f } from "./_types.js";
+export {
+  f as EInputKind,
+  p as UiInputBase,
+  n as UiInputText,
+  e as UiInputTitled
+};
+//# sourceMappingURL=index.js.map

package/components/UiInput/index.js.map

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

package/components/UiNotificationBadge/UiNotificationBadge.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { EBadgeOffset } from './_types';
+import { EColors } from '../UiTypography';
+type UiNotificationBadge = {
+    offset?: EBadgeOffset;
+    children: React.ReactNode;
+    color?: EColors;
+};
+export declare const UiNotificationBadge: React.FC<UiNotificationBadge>;
+export {};

package/components/UiNotificationBadge/UiNotificationBadge.js

@@ -0,0 +1,104 @@
+import { jsx as A } 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(
+  "div",
+  {
+    className: _(
+      "notification-badge",
+      "p-xxxs",
+      "h-sm",
+      "min-w-sm",
+      "absolute",
+      "inline-flex",
+      "items-center",
+      "rounded-full",
+      "border",
+      "border-white",
+      "text-center",
+      "text-xxs",
+      "font-bold",
+      "leading-none",
+      "text-white",
+      "whitespace-nowrap",
+      "gap-xxxs",
+      g && b[g],
+      R && e[R]
+    ),
+    children: t
+  }
+) : null;
+export {
+  E as UiNotificationBadge
+};
+//# sourceMappingURL=UiNotificationBadge.js.map

package/components/UiNotificationBadge/UiNotificationBadge.js.map

@@ -0,0 +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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"}

package/components/UiNotificationBadge/_types.d.ts

@@ -0,0 +1,6 @@
+export declare enum EBadgeOffset {
+    DEFAULT = "default",
+    OFFSET_TOP_LEFT = "offset-top-left",
+    OFFSET_BOTTOM_RIGHT = "offset-bottom-right",
+    OFFSET_BOTTOM_LEFT = "offset-bottom-left"
+}

package/components/UiNotificationBadge/_types.js

@@ -0,0 +1,5 @@
+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 || {});
+export {
+  t as EBadgeOffset
+};
+//# sourceMappingURL=_types.js.map

package/components/UiNotificationBadge/_types.js.map

@@ -0,0 +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;"}

package/components/UiNotificationBadge/index.d.ts

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

package/components/UiNotificationBadge/index.js

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

package/components/UiNotificationBadge/index.js.map

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