bonkers-ui 1.0.73 → 2.0.0

package/components/UiTable/UiTable.js

@@ -0,0 +1,21 @@
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import "react";
+import { ETableKind as t } from "./_types.js";
+import s from "classnames";
+const i = {
+  [t.DEFAULT]: "",
+  [t.SECONDARY]: "[&>tr:nth-child(odd)>td]:bg-secondary-alt-200",
+  [t.SECONDARY_INVERTED]: "[&>tr:nth-child(even)>td]:bg-secondary-alt-200"
+}, b = ({
+  kind: o = t.SECONDARY_INVERTED,
+  header: r,
+  children: e,
+  ...n
+}) => /* @__PURE__ */ l("table", { ...n, children: [
+  r && /* @__PURE__ */ d("thead", { children: r }),
+  /* @__PURE__ */ d("tbody", { className: s("rounded-xl", i[o]), children: e })
+] });
+export {
+  b as UiTable
+};
+//# sourceMappingURL=UiTable.js.map

package/components/UiTable/UiTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTable.js","sources":["../../../src/components/UiTable/UiTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETableKind } from \"./_types\";\nimport cn from \"classnames\";\n\ntype TTableProps = {\n\tkind?: ETableKind;\n\theader?: React.ReactNode;\n} & React.HTMLAttributes<HTMLTableElement>;\n\nconst kindClasses = {\n\t[ETableKind.DEFAULT]: \"\",\n\t[ETableKind.SECONDARY]: \"[&>tr:nth-child(odd)>td]:bg-secondary-alt-200\",\n\t[ETableKind.SECONDARY_INVERTED]: \"[&>tr:nth-child(even)>td]:bg-secondary-alt-200\",\n};\n\nexport const UiTable: React.FC<TTableProps> = ({\n\tkind = ETableKind.SECONDARY_INVERTED,\n\theader,\n\tchildren,\n\t...rest\n}) => {\n\treturn (\n\t\t<table { ...rest }>\n\t\t\t{ header && (<thead>{ header }</thead>) }\n\t\t\t<tbody className={ cn(\"rounded-xl\", kindClasses[kind]) }>\n\t\t\t\t{ children }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n};\n"],"names":["kindClasses","ETableKind","UiTable","kind","header","children","rest","jsxs","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,kBAAkB,GAAG;AAClC,GAEaC,IAAiC,CAAC;AAAA,EAC9C,MAAAC,IAAOF,EAAW;AAAA,EAClB,QAAAG;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAC,SAAQ,EAAA,GAAGD,GACT,UAAA;AAAA,EAAWF,KAAA,gBAAAI,EAAC,WAAQ,UAAQJ,EAAA,CAAA;AAAA,EAC9B,gBAAAI,EAAC,WAAM,WAAYC,EAAG,cAAcT,EAAYG,CAAI,CAAC,GAClD,UAAAE,EACH,CAAA;AAAA,GACD;"}

package/components/UiTable/UiTableCell.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ETextAlign, ETextWeight } from '../UiTypography';
+type TCellProps = {
+    align?: ETextAlign;
+    subText?: React.ReactNode;
+    weight?: ETextWeight;
+} & React.HTMLAttributes<HTMLTableCellElement>;
+export declare const UiTableCell: React.FC<TCellProps>;
+export {};

package/components/UiTable/UiTableCell.js

@@ -0,0 +1,33 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import "react";
+import { UiTypography as e } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as l, ETextWeight as a } from "../UiTypography/_types.js";
+import { EColors as x } from "../../_types/colors.js";
+const n = ({ align: s, subText: o, weight: t, children: r, ...m }) => /* @__PURE__ */ i("td", { ...m, children: /* @__PURE__ */ p(
+  e,
+  {
+    tag: "div",
+    size: l.SM,
+    align: s,
+    weight: t,
+    className: "p-sm",
+    children: [
+      r,
+      o ? /* @__PURE__ */ i(
+        e,
+        {
+          tag: "div",
+          size: l.XXS,
+          weight: a.SEMI_BOLD,
+          color: x.PRIMARY_ALT_700,
+          className: `flex flex-col gap-xxxs ${r ? "pt-sm" : ""}`,
+          children: o
+        }
+      ) : null
+    ]
+  }
+) });
+export {
+  n as UiTableCell
+};
+//# sourceMappingURL=UiTableCell.js.map

package/components/UiTable/UiTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTableCell.js","sources":["../../../src/components/UiTable/UiTableCell.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n\tUiTypography, ETextAlign, ETypographySizes, ETextWeight, EColors\n} from \"../UiTypography\";\n\ntype TCellProps = {\n\talign?: ETextAlign;\n\tsubText?: React.ReactNode;\n\tweight?: ETextWeight;\n} & React.HTMLAttributes<HTMLTableCellElement>;\n\nexport const UiTableCell: React.FC<TCellProps> = ({ align, subText, weight, children, ...rest }) => {\n\treturn (\n\t\t<td { ...rest }>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\talign={ align }\n\t\t\t\tweight={ weight }\n\t\t\t\tclassName='p-sm'\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t{\n\t\t\t\t\tsubText\n\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XXS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t\tcolor={ EColors.PRIMARY_ALT_700 }\n\t\t\t\t\t\t\t\tclassName={ `flex flex-col gap-xxxs ${children ? \"pt-sm\" : \"\"}` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ subText }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t</UiTypography>\n\t\t</td>\n\t);\n};\n"],"names":["UiTableCell","align","subText","weight","children","rest","jsx","jsxs","UiTypography","ETypographySizes","ETextWeight","EColors"],"mappings":";;;;;AAWa,MAAAA,IAAoC,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,QAEvF,gBAAAC,EAAC,MAAK,EAAA,GAAGD,GACR,UAAA,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,MAAOC,EAAiB;AAAA,IACxB,OAAAR;AAAA,IACA,QAAAE;AAAA,IACA,WAAU;AAAA,IAER,UAAA;AAAA,MAAAC;AAAA,MAEDF,IAEE,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,MAAOC,EAAiB;AAAA,UACxB,QAASC,EAAY;AAAA,UACrB,OAAQC,EAAQ;AAAA,UAChB,WAAY,0BAA0BP,IAAW,UAAU,EAAE;AAAA,UAE3D,UAAAF;AAAA,QAAA;AAAA,MAAA,IAGF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}

package/components/UiTable/UiTableRow.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ERowKind } from './_types';
+type TRowProps = {
+    kind?: ERowKind;
+} & React.HTMLAttributes<HTMLTableRowElement>;
+export declare const UiTableRow: React.FC<TRowProps>;
+export {};

package/components/UiTable/UiTableRow.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { ERowKind as s } from "./_types.js";
+import d from "classnames";
+const m = ({ kind: t, children: r, ...o }) => /* @__PURE__ */ e(
+  "tr",
+  {
+    className: d(
+      "text-center",
+      "[&>td:last-of-type]:rounded-r-xxs",
+      "[&>td:last-of-type]:text-right",
+      "[&>td:first-of-type]:text-left",
+      "[&>td:first-of-type]:rounded-l-xxs",
+      {
+        "bg-secondary-alt-200": t === s.SECONDARY
+      }
+    ),
+    ...o,
+    children: r
+  }
+);
+export {
+  m as UiTableRow
+};
+//# sourceMappingURL=UiTableRow.js.map

package/components/UiTable/UiTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTableRow.js","sources":["../../../src/components/UiTable/UiTableRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { ERowKind } from \"./_types\";\nimport cn from \"classnames\";\n\ntype TRowProps = {\n\tkind?: ERowKind;\n} & React.HTMLAttributes<HTMLTableRowElement>;\n\nexport const UiTableRow: React.FC<TRowProps> = ({ kind, children, ...rest }) => {\n\treturn (\n\t\t<tr\n\t\t\tclassName={ cn(\n\t\t\t\t\"text-center\",\n\t\t\t\t\"[&>td:last-of-type]:rounded-r-xxs\",\n\t\t\t\t\"[&>td:last-of-type]:text-right\",\n\t\t\t\t\"[&>td:first-of-type]:text-left\",\n\t\t\t\t\"[&>td:first-of-type]:rounded-l-xxs\",\n\t\t\t\t{\n\t\t\t\t\t\"bg-secondary-alt-200\": kind === ERowKind.SECONDARY\n\t\t\t\t}\n\t\t\t)\n\t\t\t}\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t</tr>\n\t);\n};\n"],"names":["UiTableRow","kind","children","rest","jsx","cn","ERowKind"],"mappings":";;;;AAQO,MAAMA,IAAkC,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAGC,QAEnE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACC,wBAAwBJ,MAASK,EAAS;AAAA,MAAA;AAAA,IAE5C;AAAA,IAEE,GAAGH;AAAA,IAEH,UAAAD;AAAA,EAAA;AACH;"}

package/components/{ui-table → UiTable}/_types.d.ts

@@ -1,6 +1,8 @@
+export declare enum ERowKind {
+    SECONDARY = "secondary"
+}
 export declare enum ETableKind {
     DEFAULT = "default",
     SECONDARY = "secondary",
     SECONDARY_INVERTED = "secondary-inverted"
 }
-//# sourceMappingURL=_types.d.ts.map

package/components/UiTable/_types.js

@@ -0,0 +1,6 @@
+var e = /* @__PURE__ */ ((r) => (r.SECONDARY = "secondary", r))(e || {}), t = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SECONDARY = "secondary", r.SECONDARY_INVERTED = "secondary-inverted", r))(t || {});
+export {
+  e as ERowKind,
+  t as ETableKind
+};
+//# sourceMappingURL=_types.js.map

package/components/UiTable/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiTable/_types.ts"],"sourcesContent":["export enum ERowKind {\n\tSECONDARY = \"secondary\"\n}\n\nexport enum ETableKind {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\",\n\tSECONDARY_INVERTED = \"secondary-inverted\",\n}\n"],"names":["ERowKind","ETableKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,YAAY,aADDA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBAHVA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiTable/index.d.ts

@@ -0,0 +1,4 @@
+export { UiTable } from './UiTable';
+export { UiTableRow } from './UiTableRow';
+export { UiTableCell } from './UiTableCell';
+export { ERowKind, ETableKind } from './_types';

package/components/UiTable/index.js

@@ -0,0 +1,12 @@
+import { UiTable as r } from "./UiTable.js";
+import { UiTableRow as i } from "./UiTableRow.js";
+import { UiTableCell as b } from "./UiTableCell.js";
+import { ERowKind as m, ETableKind as p } from "./_types.js";
+export {
+  m as ERowKind,
+  p as ETableKind,
+  r as UiTable,
+  b as UiTableCell,
+  i as UiTableRow
+};
+//# sourceMappingURL=index.js.map

package/components/UiTable/index.js.map

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

package/components/UiTabs/UiTabs.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type UiTabsProps = {
+    tabs: string[];
+    tabsModel: string;
+    onTabChange: (val: string) => void;
+};
+export declare const UiTabs: React.FC<UiTabsProps>;
+export {};

package/components/UiTabs/UiTabs.js

@@ -0,0 +1,53 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import "react";
+import l from "classnames";
+const d = ({
+  tabs: o,
+  tabsModel: s,
+  onTabChange: c
+}) => /* @__PURE__ */ r("ul", { className: l(
+  "ui-tabs",
+  "grid",
+  "grid-flow-col",
+  "rounded-full",
+  "bg-secondary-alt-200",
+  "p-[2px]"
+), children: o.map((e) => /* @__PURE__ */ r(
+  "li",
+  {
+    className: l(
+      "rounded-full",
+      "text-center",
+      s === e && "bg-white"
+    ),
+    children: /* @__PURE__ */ n("label", { className: l(
+      "block",
+      "cursor-pointer",
+      "px-md",
+      "py-xxs"
+    ), children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          className: l(
+            "absolute",
+            "appearance-none"
+          ),
+          type: "radio",
+          value: e,
+          checked: s === e,
+          onChange: () => c(e)
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: l(
+        "font-bold",
+        "text-xs"
+      ), children: e })
+    ] })
+  },
+  e
+)) });
+export {
+  d as UiTabs
+};
+//# sourceMappingURL=UiTabs.js.map

package/components/UiTabs/UiTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTabs.js","sources":["../../../src/components/UiTabs/UiTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype UiTabsProps ={\n\ttabs: string[]\n\ttabsModel  : string,\n\tonTabChange: (val: string) => void\n}\n\nexport const UiTabs: React.FC<UiTabsProps> = ({\n\ttabs,\n\ttabsModel,\n\tonTabChange\n}) => {\n\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-tabs\",\n\t\t\t\"grid\",\n\t\t\t\"grid-flow-col\",\n\t\t\t\"rounded-full\",\n\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\"p-[2px]\"\n\n\t\t) }>\n\t\t\t{ tabs.map((tab) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={ tab }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\"text-center\",\n\t\t\t\t\t\ttabsModel === tab && \"bg-white\"\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<label className={ cx(\n\t\t\t\t\t\t\"block\",\n\t\t\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\t\t\"px-md\",\n\t\t\t\t\t\t\"py-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t<input className={ cx(\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\t\"appearance-none\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tvalue={ tab }\n\t\t\t\t\t\tchecked={ tabsModel === tab }\n\t\t\t\t\t\tonChange={ ()=> onTabChange(tab) }>\n\t\t\t\t\t\t</input>\n\n\t\t\t\t\t\t<span className={ cx(\n\t\t\t\t\t\t\t\"font-bold\",\n\t\t\t\t\t\t\t\"text-xs\"\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t{ tab }\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t</label>\n\n\t\t\t\t</li>\n\t\t\t)) }\n\t\t</ul>\n\t);\n};\n"],"names":["UiTabs","tabs","tabsModel","onTabChange","jsx","cx","tab","jsxs"],"mappings":";;;AASO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AACD,MAGE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAGE,GAAA,UAAAJ,EAAK,IAAI,CAACK,MACX,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACAH,MAAcI,KAAO;AAAA,IACtB;AAAA,IAEA,UAAA,gBAAAC,EAAC,WAAM,WAAYF;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAEA,GAAA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYC;AAAA,YAClB;AAAA,YACA;AAAA,UACD;AAAA,UACA,MAAK;AAAA,UACL,OAAQC;AAAA,UACR,SAAUJ,MAAcI;AAAA,UACxB,UAAW,MAAKH,EAAYG,CAAG;AAAA,QAAA;AAAA,MAC/B;AAAA,MAEA,gBAAAF,EAAC,UAAK,WAAYC;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,GAEE,UACHC,EAAA,CAAA;AAAA,IAAA,EAED,CAAA;AAAA,EAAA;AAAA,EA9BMA;AAiCP,CAAA,GACF;"}

package/components/UiTabs/index.d.ts

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

package/components/UiTabs/index.js

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

package/components/UiTabs/index.js.map

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

package/components/UiToggle/UiToggle.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IUiToggle {
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    invertOrder?: boolean;
+}
+export declare const UiToggle: React.FC<IUiToggle>;
+export {};

package/components/UiToggle/UiToggle.js

@@ -0,0 +1,103 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useState as l } from "react";
+import a from "classnames";
+const f = ({
+  children: c,
+  title: d,
+  disabled: r = !1,
+  invertOrder: m = !1
+}) => {
+  const [e, p] = l(!1), [n, t] = l(!1);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: a(
+        "ui-toggle"
+      ),
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      children: [
+        /* @__PURE__ */ o("span", { className: a("font-bold"), children: d }),
+        /* @__PURE__ */ s("label", { className: a(
+          "flex",
+          "cursor-pointer",
+          "gap-sm",
+          "rounded-full",
+          "mt-sm",
+          "items-center",
+          "w-full",
+          "leading-normal",
+          "text-md",
+          {
+            "flex-row-reverse": m,
+            "pointer-events-none": r
+          }
+        ), children: [
+          /* @__PURE__ */ s("span", { className: a(
+            "relative",
+            "block",
+            "h-md"
+          ), children: [
+            /* @__PURE__ */ o(
+              "input",
+              {
+                className: a(
+                  "absolute",
+                  "size-0",
+                  "appearance-none",
+                  "border-0"
+                ),
+                type: "checkbox",
+                checked: e,
+                onChange: () => p(!e)
+              }
+            ),
+            /* @__PURE__ */ o(
+              "span",
+              {
+                className: a(
+                  "block",
+                  "h-md",
+                  "w-xl",
+                  "rounded-full",
+                  {
+                    "bg-secondary-alt-300": !e && r,
+                    "bg-primary-500": e && !r,
+                    "bg-primary-300": e && r,
+                    "bg-secondary-alt": !e && !r
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ o("span", { className: a(
+              "absolute",
+              "top-[50%]",
+              "block",
+              "rounded-full",
+              "bg-white",
+              "w-[22px]",
+              "h-[22px]",
+              "translate-x-[1px]",
+              "translate-y-[-50%]",
+              "ease-in-out",
+              "transition-transform",
+              "hover:shadow-border-secondary",
+              "active:shadow-border-secondary",
+              "focus:shadow-border-secondary",
+              {
+                "shadow-border-secondary": n && !e && !r,
+                "shadow-border-primary": n && e && !r,
+                "translate-x-[calc(var(--xl)_-_100%_-_1px)] translate-y-[-50%]": e
+              }
+            ) })
+          ] }),
+          c
+        ] })
+      ]
+    }
+  );
+};
+export {
+  f as UiToggle
+};
+//# sourceMappingURL=UiToggle.js.map

package/components/UiToggle/UiToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport cx from \"classnames\";\n\ninterface IUiToggle {\n\ttitle?:  React.ReactNode\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean;\n}\n\nexport const UiToggle: React.FC<IUiToggle> = ({\n\tchildren,\n\ttitle,\n\tdisabled = false,\n\tinvertOrder = false\n\n}) => {\n\tconst [isChecked, setIsChecked] = useState(false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-toggle\"\n\t\t) }\n\t\tonMouseEnter={ () => setIsHovered(true) }\n\t\tonMouseLeave={ () => setIsHovered(false) }\n\t\t>\n\n\t\t\t<span className={ cx(\"font-bold\") }>\n\t\t\t\t{ title }\n\t\t\t</span>\n\n\t\t\t<label className={ cx(\n\t\t\t\t\"flex\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"gap-sm\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"mt-sm\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"leading-normal\",\n\t\t\t\t\"text-md\",\n\t\t\t\t{\n\t\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\t\"pointer-events-none\": disabled\n\t\t\t\t}\n\n\t\t\t) }>\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"relative\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\"\n\t\t\t\t) }>\n\n\t\t\t\t\t<input className={ cx(\n\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\t\"border-0\"\n\t\t\t\t\t) }\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tchecked={ isChecked }\n\t\t\t\t\tonChange={ () => setIsChecked(!isChecked) }\n\t\t\t\t\t>\n\t\t\t\t\t</input>\n\n\t\t\t\t\t<span className={ cx(\n\t\t\t\t\t\t\"block\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\t\"bg-primary-500\": isChecked && !disabled,\n\t\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled,\n\t\t\t\t\t\t\t\"bg-secondary-alt\": !isChecked && !disabled,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\t></span>\n\t\t\t\t\t<span className={ cx(\n\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\t\"block\",\n\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t\"w-[22px]\",\n\t\t\t\t\t\t\"h-[22px]\",\n\t\t\t\t\t\t\"translate-x-[1px]\",\n\t\t\t\t\t\t\"translate-y-[-50%]\",\n\t\t\t\t\t\t\"ease-in-out\",\n\t\t\t\t\t\t\"transition-transform\",\n\t\t\t\t\t\t\"hover:shadow-border-secondary\",\n\t\t\t\t\t\t\"active:shadow-border-secondary\",\n\t\t\t\t\t\t\"focus:shadow-border-secondary\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"shadow-border-secondary\": isHovered && !isChecked && !disabled,\n\t\t\t\t\t\t\t\"shadow-border-primary\": isHovered && isChecked && !disabled,\n\t\t\t\t\t\t\t\"translate-x-[calc(var(--xl)_-_100%_-_1px)] translate-y-[-50%]\": isChecked\n\t\t\t\t\t\t},\n\n\t\t\t\t\t) }>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\n\t\t\t\t{ children }\n\n\t\t\t</label>\n\n\t\t</div>\n\t);\n};\n"],"names":["UiToggle","children","title","disabled","invertOrder","isChecked","setIsChecked","useState","isHovered","setIsHovered","jsxs","cx","jsx"],"mappings":";;;AAUO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAEf,MAAM;AACL,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAG/C,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAAI,WAAYC;AAAA,QAChB;AAAA,MACD;AAAA,MACA,cAAe,MAAMF,EAAa,EAAI;AAAA,MACtC,cAAe,MAAMA,EAAa,EAAK;AAAA,MAGtC,UAAA;AAAA,QAAA,gBAAAG,EAAC,QAAK,EAAA,WAAYD,EAAG,WAAW,GAC7B,UACHT,GAAA;AAAA,QAEA,gBAAAQ,EAAC,WAAM,WAAYC;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACC,oBAAoBP;AAAA,YACpB,uBAAuBD;AAAA,UAAA;AAAA,QAIxB,GAAA,UAAA;AAAA,UAAA,gBAAAO,EAAC,UAAK,WAAYC;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,UAGA,GAAA,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBAAM,WAAYD;AAAA,kBAClB;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBACD;AAAA,gBACA,MAAK;AAAA,gBACL,SAAUN;AAAA,gBACV,UAAW,MAAMC,EAAa,CAACD,CAAS;AAAA,cAAA;AAAA,YAExC;AAAA,YAEA,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBAAK,WAAYD;AAAA,kBACjB;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,oBACC,wBAAwB,CAACN,KAAaF;AAAA,oBACtC,kBAAkBE,KAAa,CAACF;AAAA,oBAChC,kBAAkBE,KAAaF;AAAA,oBAC/B,oBAAoB,CAACE,KAAa,CAACF;AAAA,kBAAA;AAAA,gBACpC;AAAA,cACD;AAAA,YACC;AAAA,YACD,gBAAAS,EAAC,UAAK,WAAYD;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,gBACC,2BAA2BH,KAAa,CAACH,KAAa,CAACF;AAAA,gBACvD,yBAAyBK,KAAaH,KAAa,CAACF;AAAA,gBACpD,iEAAiEE;AAAA,cAAA;AAAA,YAClE,EAGD,CAAA;AAAA,UAAA,GACD;AAAA,UAEEJ;AAAA,QAAA,EAEH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED;AAEF;"}

package/components/UiToggle/index.d.ts

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

package/components/UiToggle/index.js

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

package/components/UiToggle/index.js.map

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

package/components/UiTypography/UiTypography.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from './_types.ts';
+import { EColors } from '../../_types/colors.ts';
+interface ITypographyProps {
+    tag?: keyof React.JSX.IntrinsicElements;
+    children?: React.ReactNode;
+    underline?: boolean;
+    lineHeight?: boolean;
+    size?: ETypographySizes;
+    textTransform?: ETextTransform;
+    align?: ETextAlign;
+    weight?: ETextWeight;
+    color?: EColors;
+    className?: string;
+}
+export declare const UiTypography: React.FC<ITypographyProps>;
+export {};

package/components/UiTypography/UiTypography.js

@@ -0,0 +1,119 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { ETypographySizes as e, ETextTransform as r, ETextAlign as x, ETextWeight as a } from "./_types.js";
+import { EColors as t } from "../../_types/colors.js";
+import s from "classnames";
+const y = {
+  [e.MD]: "text-md",
+  [e.XXS]: "text-xxs",
+  [e.XS]: "text-xs",
+  [e.SM]: "text-sm",
+  [e.LG]: "text-lg",
+  [e.XL]: "text-xl",
+  [e.XXL]: "text-2xl",
+  [e.XXXL]: "text-3xl",
+  [e.XXXXL]: "text-4xl",
+  [e.XXXXXL]: "text-5xl"
+}, m = {
+  [r.UPPERCASE]: "uppercase",
+  [r.LOWERCASE]: "lowercase",
+  [r.NONE]: "normal-case",
+  [r.CAPITALIZE]: "capitalize"
+}, p = {
+  [x.LEFT]: "text-left",
+  [x.RIGHT]: "text-right",
+  [x.CENTER]: "text-center"
+}, L = {
+  [a.LIGHT]: "font-light",
+  [a.REGULAR]: "font-medium",
+  [a.SEMI_BOLD]: "font-bold",
+  [a.BOLD]: "font-black"
+}, Y = {
+  [t.WHITE]: "text-white",
+  [t.BLACK]: "text-black",
+  [t.TRANSPARENT]: "text-transparent",
+  [t.CURRENT]: "text-current",
+  [t.PRIMARY]: "text-primary",
+  [t.PRIMARY_50]: "text-primary-50",
+  [t.PRIMARY_100]: "text-primary-100",
+  [t.PRIMARY_200]: "text-primary-200",
+  [t.PRIMARY_300]: "text-primary-300",
+  [t.PRIMARY_400]: "text-primary-400",
+  [t.PRIMARY_500]: "text-primary-500",
+  [t.PRIMARY_600]: "text-primary-600",
+  [t.PRIMARY_700]: "text-primary-700",
+  [t.PRIMARY_800]: "text-primary-800",
+  [t.PRIMARY_900]: "text-primary-900",
+  [t.PRIMARY_ALT]: "text-primary-alt",
+  [t.PRIMARY_ALT_300]: "text-primary-alt-300",
+  [t.PRIMARY_ALT_400]: "text-primary-alt-400",
+  [t.PRIMARY_ALT_500]: "text-primary-alt-500",
+  [t.PRIMARY_ALT_600]: "text-primary-alt-600",
+  [t.PRIMARY_ALT_700]: "text-primary-alt-700",
+  [t.WARNING]: "text-warning",
+  [t.WARNING_300]: "text-warning-300",
+  [t.WARNING_400]: "text-warning-400",
+  [t.WARNING_500]: "text-warning-500",
+  [t.WARNING_600]: "text-warning-600",
+  [t.WARNING_700]: "text-warning-700",
+  [t.SECONDARY]: "text-secondary",
+  [t.SECONDARY_300]: "text-secondary-300",
+  [t.SECONDARY_400]: "text-secondary-400",
+  [t.SECONDARY_500]: "text-secondary-500",
+  [t.SECONDARY_600]: "text-secondary-600",
+  [t.SECONDARY_700]: "text-secondary-700",
+  [t.SECONDARY_ALT]: "text-secondary-alt",
+  [t.SECONDARY_ALT_200]: "text-secondary-alt-200",
+  [t.SECONDARY_ALT_300]: "text-secondary-alt-300",
+  [t.SECONDARY_ALT_400]: "text-secondary-alt-400",
+  [t.SECONDARY_ALT_500]: "text-secondary-alt-500",
+  [t.SECONDARY_ALT_600]: "text-secondary-alt-600",
+  [t.SECONDARY_ALT_700]: "text-secondary-alt-700",
+  [t.ERROR]: "text-error",
+  [t.ERROR_300]: "text-error-300",
+  [t.ERROR_400]: "text-error-400",
+  [t.ERROR_500]: "text-error-500",
+  [t.ERROR_600]: "text-error-600",
+  [t.ERROR_700]: "text-error-700",
+  [t.ACCENT]: "text-accent",
+  [t.ACCENT_300]: "text-accent-300",
+  [t.ACCENT_500]: "text-accent-500",
+  [t.ACCENT_600]: "text-accent-600",
+  [t.ACCENT_700]: "text-accent-700",
+  [t.ACCENT_ALT]: "text-accent-alt",
+  [t.ACCENT_ALT_300]: "text-accent-alt-300",
+  [t.ACCENT_ALT_400]: "text-accent-alt-400",
+  [t.ACCENT_ALT_500]: "text-accent-alt-500",
+  [t.ACCENT_ALT_600]: "text-accent-alt-600",
+  [t.ACCENT_ALT_700]: "text-accent-alt-700"
+}, d = ({
+  children: o,
+  tag: E = "p",
+  underline: l = !1,
+  lineHeight: C = !1,
+  size: R,
+  textTransform: A,
+  align: _,
+  weight: n,
+  color: c,
+  className: T
+}) => {
+  const N = s(
+    "ui-typography",
+    {
+      underline: l
+    },
+    C ? "leading-normal" : "leading-none",
+    R && y[R],
+    A && m[A],
+    _ && p[_],
+    n && L[n],
+    c && Y[c],
+    T
+  );
+  return /* @__PURE__ */ i(E, { className: s(N), children: o });
+};
+export {
+  d as UiTypography
+};
+//# sourceMappingURL=UiTypography.js.map

package/components/UiTypography/UiTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTypography.js","sources":["../../../src/components/UiTypography/UiTypography.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from \"./_types.ts\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport cx from \"classnames\";\n\ninterface ITypographyProps {\n\ttag?: keyof React.JSX.IntrinsicElements;\n\tchildren?: React.ReactNode;\n\tunderline?: boolean;\n\tlineHeight?: boolean;\n\tsize?: ETypographySizes;\n\ttextTransform?: ETextTransform;\n\talign?: ETextAlign;\n\tweight?: ETextWeight;\n\tcolor?: EColors;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[ETypographySizes.MD]: \"text-md\",\n\t[ETypographySizes.XXS]: \"text-xxs\",\n\t[ETypographySizes.XS]: \"text-xs\",\n\t[ETypographySizes.SM]: \"text-sm\",\n\t[ETypographySizes.LG]: \"text-lg\",\n\t[ETypographySizes.XL]: \"text-xl\",\n\t[ETypographySizes.XXL]: \"text-2xl\",\n\t[ETypographySizes.XXXL]: \"text-3xl\",\n\t[ETypographySizes.XXXXL]: \"text-4xl\",\n\t[ETypographySizes.XXXXXL]: \"text-5xl\",\n};\n\nconst textTransformClasses = {\n\t[ETextTransform.UPPERCASE]: \"uppercase\",\n\t[ETextTransform.LOWERCASE]: \"lowercase\",\n\t[ETextTransform.NONE]: \"normal-case\",\n\t[ETextTransform.CAPITALIZE]: \"capitalize\",\n};\n\nconst alignClasses = {\n\t[ETextAlign.LEFT]: \"text-left\",\n\t[ETextAlign.RIGHT]: \"text-right\",\n\t[ETextAlign.CENTER]: \"text-center\",\n};\n\nconst weightClasses = {\n\t[ETextWeight.LIGHT]: \"font-light\",\n\t[ETextWeight.REGULAR]: \"font-medium\",\n\t[ETextWeight.SEMI_BOLD]: \"font-bold\",\n\t[ETextWeight.BOLD]: \"font-black\",\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"text-white\",\n\t[EColors.BLACK]: \"text-black\",\n\t[EColors.TRANSPARENT]: \"text-transparent\",\n\t[EColors.CURRENT]: \"text-current\",\n\n\t[EColors.PRIMARY]: \"text-primary\",\n\t[EColors.PRIMARY_50]: \"text-primary-50\",\n\t[EColors.PRIMARY_100]: \"text-primary-100\",\n\t[EColors.PRIMARY_200]: \"text-primary-200\",\n\t[EColors.PRIMARY_300]: \"text-primary-300\",\n\t[EColors.PRIMARY_400]: \"text-primary-400\",\n\t[EColors.PRIMARY_500]: \"text-primary-500\",\n\t[EColors.PRIMARY_600]: \"text-primary-600\",\n\t[EColors.PRIMARY_700]: \"text-primary-700\",\n\t[EColors.PRIMARY_800]: \"text-primary-800\",\n\t[EColors.PRIMARY_900]: \"text-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"text-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"text-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"text-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"text-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"text-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"text-primary-alt-700\",\n\n\t[EColors.WARNING]: \"text-warning\",\n\t[EColors.WARNING_300]: \"text-warning-300\",\n\t[EColors.WARNING_400]: \"text-warning-400\",\n\t[EColors.WARNING_500]: \"text-warning-500\",\n\t[EColors.WARNING_600]: \"text-warning-600\",\n\t[EColors.WARNING_700]: \"text-warning-700\",\n\n\t[EColors.SECONDARY]: \"text-secondary\",\n\t[EColors.SECONDARY_300]: \"text-secondary-300\",\n\t[EColors.SECONDARY_400]: \"text-secondary-400\",\n\t[EColors.SECONDARY_500]: \"text-secondary-500\",\n\t[EColors.SECONDARY_600]: \"text-secondary-600\",\n\t[EColors.SECONDARY_700]: \"text-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"text-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"text-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"text-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"text-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"text-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"text-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"text-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"text-error\",\n\t[EColors.ERROR_300]: \"text-error-300\",\n\t[EColors.ERROR_400]: \"text-error-400\",\n\t[EColors.ERROR_500]: \"text-error-500\",\n\t[EColors.ERROR_600]: \"text-error-600\",\n\t[EColors.ERROR_700]: \"text-error-700\",\n\n\t[EColors.ACCENT]: \"text-accent\",\n\t[EColors.ACCENT_300]: \"text-accent-300\",\n\t[EColors.ACCENT_500]: \"text-accent-500\",\n\t[EColors.ACCENT_600]: \"text-accent-600\",\n\t[EColors.ACCENT_700]: \"text-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"text-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"text-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"text-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"text-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"text-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"text-accent-alt-700\",\n};\n\nexport const UiTypography: React.FC<ITypographyProps> = (\n\t{\n\t\tchildren,\n\t\ttag: Tag = \"p\",\n\t\tunderline = false,\n\t\tlineHeight = false,\n\t\tsize,\n\t\ttextTransform,\n\t\talign,\n\t\tweight,\n\t\tcolor,\n\t\tclassName\n\t}) => {\n\n\tconst classes = cx(\n\t\t\"ui-typography\",\n\t\t{\n\t\t\tunderline\n\t\t},\n\t\tlineHeight ? \"leading-normal\" : \"leading-none\",\n\t\tsize && sizeClasses[size],\n\t\ttextTransform && textTransformClasses[textTransform],\n\t\talign && alignClasses[align],\n\t\tweight && weightClasses[weight],\n\t\tcolor && colorClasses[color],\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<Tag className={ cx(classes) }>\n\t\t\t{ children }\n\t\t</Tag>\n\t);\n};\n"],"names":["sizeClasses","ETypographySizes","textTransformClasses","ETextTransform","alignClasses","ETextAlign","weightClasses","ETextWeight","colorClasses","EColors","UiTypography","children","Tag","underline","lineHeight","size","textTransform","align","weight","color","className","classes","cx"],"mappings":"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"}

package/components/{ui-typography/_typings.d.ts → UiTypography/_types.d.ts}

@@ -14,7 +14,7 @@ export declare enum ETypographySizes {
     /**
      * 16px
      */
-    MD = "m",
+    MD = "md",
     /**
      * 18px
      */
@@ -65,6 +65,7 @@ export declare enum ETextAlign {
 }
 export declare enum ETextTransform {
     LOWERCASE = "lowercase",
-    UPPERCASE = "uppercase"
+    UPPERCASE = "uppercase",
+    CAPITALIZE = "capitalize",
+    NONE = "none"
 }
-//# sourceMappingURL=_typings.d.ts.map

package/components/UiTypography/_types.js

@@ -0,0 +1,8 @@
+var L = /* @__PURE__ */ ((X) => (X.XXS = "xxs", X.XS = "xs", X.SM = "sm", X.MD = "md", X.LG = "lg", X.XL = "xl", X.XXL = "2xl", X.XXXL = "3xl", X.XXXXL = "4xl", X.XXXXXL = "5xl", X))(L || {}), l = /* @__PURE__ */ ((X) => (X.LIGHT = "light", X.REGULAR = "regular", X.SEMI_BOLD = "semi_bold", X.BOLD = "bold", X))(l || {}), u = /* @__PURE__ */ ((X) => (X.LEFT = "left", X.CENTER = "center", X.RIGHT = "right", X))(u || {}), R = /* @__PURE__ */ ((X) => (X.LOWERCASE = "lowercase", X.UPPERCASE = "uppercase", X.CAPITALIZE = "capitalize", X.NONE = "none", X))(R || {});
+export {
+  u as ETextAlign,
+  R as ETextTransform,
+  l as ETextWeight,
+  L as ETypographySizes
+};
+//# sourceMappingURL=_types.js.map

package/components/UiTypography/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiTypography/_types.ts"],"sourcesContent":["export enum ETypographySizes {\n\t/**\n\t * 10px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 14px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 16px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 18px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 20px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 24px\n\t */\n\tXXL = \"2xl\",\n\t/**\n\t * 28px\n\t */\n\tXXXL = \"3xl\",\n\t/**\n\t * 42px\n\t */\n\tXXXXL = \"4xl\",\n\t/**\n\t * 40px\n\t */\n\tXXXXXL = \"5xl\",\n}\n\nexport enum ETextWeight {\n\t/**\n\t * 300\n\t */\n\tLIGHT = \"light\",\n\t/**\n\t * 500\n\t */\n\tREGULAR = \"regular\",\n\t/**\n\t * 700\n\t */\n\tSEMI_BOLD = \"semi_bold\",\n\t/**\n\t * 900\n\t */\n\tBOLD = \"bold\",\n}\n\nexport enum ETextAlign {\n\tLEFT = \"left\",\n\tCENTER = \"center\",\n\tRIGHT = \"right\",\n}\n\nexport enum ETextTransform {\n\tLOWERCASE = \"lowercase\",\n\tUPPERCASE = \"uppercase\",\n\tCAPITALIZE = \"capitalize\",\n\tNONE = \"none\",\n}\n"],"names":["ETypographySizes","ETextWeight","ETextAlign","ETextTransform"],"mappings":"AAAY,IAAAA,sBAAAA,OAIXA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,OAIPA,EAAA,QAAQ,OAIRA,EAAA,SAAS,OAxCEA,IAAAA,KAAA,CAAA,CAAA,GA2CAC,sBAAAA,OAIXA,EAAA,QAAQ,SAIRA,EAAA,UAAU,WAIVA,EAAA,YAAY,aAIZA,EAAA,OAAO,QAhBIA,IAAAA,KAAA,CAAA,CAAA,GAmBAC,sBAAAA,OACXA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHGA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,YAAY,aACZA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,OAAO,QAJIA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiTypography/index.d.ts

@@ -0,0 +1,3 @@
+export { UiTypography } from './UiTypography';
+export { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from './_types';
+export { EColors } from '../../_types/colors';

package/components/UiTypography/index.js

@@ -0,0 +1,12 @@
+import { UiTypography as e } from "./UiTypography.js";
+import { ETextAlign as t, ETextTransform as x, ETextWeight as T, ETypographySizes as E } from "./_types.js";
+import { EColors as g } from "../../_types/colors.js";
+export {
+  g as EColors,
+  t as ETextAlign,
+  x as ETextTransform,
+  T as ETextWeight,
+  E as ETypographySizes,
+  e as UiTypography
+};
+//# sourceMappingURL=index.js.map

package/components/UiTypography/index.js.map

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