bonkers-ui 2.0.8 → 2.0.10

package/components/UiTable/UiTable.js

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

package/components/UiTable/UiTable.js.map

@@ -1 +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\tclassName,\n\tchildren,\n\t...rest\n}) => {\n\treturn (\n\t\t<table { ...rest } className={ className }>\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","className","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,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAA,SAAA,EAAQ,GAAGD,GAAO,WAAAF,GAChB,UAAA;AAAA,EAAWD,KAAA,gBAAAK,EAAC,WAAQ,UAAQL,EAAA,CAAA;AAAA,EAC9B,gBAAAK,EAAC,WAAM,WAAYC,EAAG,cAAcV,EAAYG,CAAI,CAAC,GAClD,UAAAG,EACH,CAAA;AAAA,GACD;"}
+{"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 rounded-lg\",\n\t[ETableKind.SECONDARY_INVERTED]: \"[&>tr:nth-child(even)>td]:bg-secondary-alt-200 rounded-lg\",\n};\n\nexport const UiTable: React.FC<TTableProps> = ({\n\tkind = ETableKind.SECONDARY_INVERTED,\n\theader,\n\tclassName,\n\tchildren,\n\t...rest\n}) => {\n\treturn (\n\t\t<table { ...rest } className={ className }>\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","className","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,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAA,SAAA,EAAQ,GAAGD,GAAO,WAAAF,GAChB,UAAA;AAAA,EAAWD,KAAA,gBAAAK,EAAC,WAAQ,UAAQL,EAAA,CAAA;AAAA,EAC9B,gBAAAK,EAAC,WAAM,WAAYC,EAAG,cAAcV,EAAYG,CAAI,CAAC,GAClD,UAAAG,EACH,CAAA;AAAA,GACD;"}

package/components/UiTable/UiTableCell.d.ts

@@ -4,6 +4,7 @@ type TCellProps = {
     align?: ETextAlign;
     subText?: React.ReactNode;
     weight?: ETextWeight;
+    lineHeight?: boolean;
 } & React.HTMLAttributes<HTMLTableCellElement>;
 export declare const UiTableCell: React.FC<TCellProps>;
 export {};

package/components/UiTable/UiTableCell.js

@@ -1,17 +1,25 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import "react";
 import { UiTypography as e } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as m, ETextWeight as x } from "../UiTypography/_types.js";
-import { EColors as c } from "../../_types/colors.js";
-import f from "classnames";
-const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s }) => /* @__PURE__ */ i("td", { ...s, children: /* @__PURE__ */ a(
+import { ETypographySizes as m, ETextWeight as c } from "../UiTypography/_types.js";
+import { EColors as f } from "../../_types/colors.js";
+import g from "classnames";
+const T = ({
+  align: t,
+  subText: o,
+  weight: l,
+  children: r,
+  className: p,
+  lineHeight: s,
+  ...a
+}) => /* @__PURE__ */ i("td", { ...a, className: g("p-sm", p), children: /* @__PURE__ */ x(
   e,
   {
     tag: "div",
     size: m.SM,
     align: t,
     weight: l,
-    className: f("p-sm", p),
+    lineHeight: s,
     children: [
       r,
       o ? /* @__PURE__ */ i(
@@ -19,8 +27,8 @@ const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s })
         {
           tag: "div",
           size: m.XXS,
-          weight: x.SEMI_BOLD,
-          color: c.PRIMARY_ALT_700,
+          weight: c.SEMI_BOLD,
+          color: f.PRIMARY_ALT_700,
           className: `flex flex-col gap-xxxs ${r ? "pt-sm" : ""}`,
           children: o
         }
@@ -29,6 +37,6 @@ const S = ({ align: t, subText: o, weight: l, children: r, className: p, ...s })
   }
 ) });
 export {
-  S as UiTableCell
+  T as UiTableCell
 };
 //# sourceMappingURL=UiTableCell.js.map

package/components/UiTable/UiTableCell.js.map

@@ -1 +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\";\nimport cx from \"classnames\";\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, className, ...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={ cx(\"p-sm\", className) }\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\n\t\t\t\t\t\t\t\t\t? \"pt-sm\"\n\t\t\t\t\t\t\t\t\t: \"\"}` }\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","className","rest","jsx","jsxs","UiTypography","ETypographySizes","cx","ETextWeight","EColors"],"mappings":";;;;;;AAYa,MAAAA,IAAoC,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAElG,gBAAAC,EAAC,MAAK,EAAA,GAAGD,GACR,UAAA,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,MAAOC,EAAiB;AAAA,IACxB,OAAAT;AAAA,IACA,QAAAE;AAAA,IACA,WAAYQ,EAAG,QAAQN,CAAS;AAAA,IAE9B,UAAA;AAAA,MAAAD;AAAA,MAEDF,IAEE,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,MAAOC,EAAiB;AAAA,UACxB,QAASE,EAAY;AAAA,UACrB,OAAQC,EAAQ;AAAA,UAChB,WAAY,0BAA0BT,IACnC,UACA,EAAE;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA,IAGF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}
+{"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\";\nimport cx from \"classnames\";\n\ntype TCellProps = {\n\talign?: ETextAlign;\n\tsubText?: React.ReactNode;\n\tweight?: ETextWeight;\n\tlineHeight?: boolean\n} & React.HTMLAttributes<HTMLTableCellElement>;\n\nexport const UiTableCell: React.FC<TCellProps> = ({\n\talign,\n\tsubText,\n\tweight,\n\tchildren,\n\tclassName,\n\tlineHeight,\n\t...rest\n}) => {\n\treturn (\n\t\t<td { ...rest } className={ cx(\"p-sm\", className) }>\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\tlineHeight={ lineHeight }\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\n\t\t\t\t\t\t\t\t\t? \"pt-sm\"\n\t\t\t\t\t\t\t\t\t: \"\"}` }\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","className","lineHeight","rest","jsx","cx","jsxs","UiTypography","ETypographySizes","ETextWeight","EColors"],"mappings":";;;;;;AAaO,MAAMA,IAAoC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAC,QAAK,GAAGD,GAAO,WAAYE,EAAG,QAAQJ,CAAS,GAC/C,UAAA,gBAAAK;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,MAAOC,EAAiB;AAAA,IACxB,OAAAX;AAAA,IACA,QAAAE;AAAA,IACA,YAAAG;AAAA,IAEE,UAAA;AAAA,MAAAF;AAAA,MAEDF,IAEE,gBAAAM;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,MAAOC,EAAiB;AAAA,UACxB,QAASC,EAAY;AAAA,UACrB,OAAQC,EAAQ;AAAA,UAChB,WAAY,0BAA0BV,IACnC,UACA,EAAE;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA,IAGF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}

package/components/UiTable/UiTableRow.d.ts

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

package/components/UiTable/UiTableRow.js

@@ -1,26 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { ERowKind as d } from "./_types.js";
-import f from "classnames";
-const a = ({ kind: t, children: r, className: o, ...e }) => /* @__PURE__ */ s(
+import s from "classnames";
+const p = ({ children: t, className: e, ...r }) => /* @__PURE__ */ o(
   "tr",
   {
-    className: f(
+    className: s(
       "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 === d.SECONDARY
-      },
-      o
+      e
     ),
-    ...e,
-    children: r
+    ...r,
+    children: t
   }
 );
 export {
-  a as UiTableRow
+  p as UiTableRow
 };
 //# sourceMappingURL=UiTableRow.js.map

package/components/UiTable/UiTableRow.js.map

@@ -1 +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, className, ...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\tclassName\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","className","rest","jsx","cn","ERowKind"],"mappings":";;;;AAQa,MAAAA,IAAkC,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE9E,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACC,wBAAwBL,MAASM,EAAS;AAAA,MAC3C;AAAA,MACAJ;AAAA,IACD;AAAA,IAEE,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH;"}
+{"version":3,"file":"UiTableRow.js","sources":["../../../src/components/UiTable/UiTableRow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ntype TRowProps = React.HTMLAttributes<HTMLTableRowElement>;\n\nexport const UiTableRow: React.FC<TRowProps> = ({ children, className, ...rest }) => {\n\treturn (\n\t\t<tr\n\t\t\tclassName={ cx(\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\tclassName\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","children","className","rest","jsx","cx"],"mappings":";;;AAKO,MAAMA,IAAkC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAExE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IACD;AAAA,IAEE,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH;"}

package/components/UiTable/_types.d.ts

@@ -1,6 +1,3 @@
-export declare enum ERowKind {
-    SECONDARY = "secondary"
-}
 export declare enum ETableKind {
     DEFAULT = "default",
     SECONDARY = "secondary",

package/components/UiTable/_types.js

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

package/components/UiTable/_types.js.map

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

package/components/UiTable/index.d.ts

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

package/components/UiTable/index.js

@@ -1,12 +1,11 @@
 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";
+import { UiTableRow as a } from "./UiTableRow.js";
+import { UiTableCell as f } from "./UiTableCell.js";
+import { ETableKind as m } from "./_types.js";
 export {
-  m as ERowKind,
-  p as ETableKind,
+  m as ETableKind,
   r as UiTable,
-  b as UiTableCell,
-  i as UiTableRow
+  f as UiTableCell,
+  a as UiTableRow
 };
 //# sourceMappingURL=index.js.map

package/components/UiTabs/UiTabs.js

@@ -25,7 +25,7 @@ const m = ({
       "justify-center",
       "rounded-full",
       "text-center",
-      t === e && "bg-white border border-secondary-alt-600 text-secondary-500"
+      t === e && "border border-secondary-alt-600 bg-white text-secondary-500"
     ),
     children: /* @__PURE__ */ o("label", { className: r(
       "flex",

package/components/UiTabs/UiTabs.js.map

@@ -1 +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\tclassName: string\n\tonTabChange: (val: string) => void\n}\n\nexport const UiTabs: React.FC<UiTabsProps> = ({\n\ttabs,\n\ttabsModel,\n\tonTabChange,\n\tclassName\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\"items-stretch\",\n\t\t\t\"rounded-full\",\n\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\"p-[2px]\",\n\t\t\t\"text-secondary-400\",\n\t\t\tclassName\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\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"justify-center\",\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 border border-secondary-alt-600 text-secondary-500\",\n\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\"flex\",\n\t\t\t\t\t\t\"items-center\",\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","className","jsx","cx","tab","jsxs"],"mappings":";;;AAUO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACD,MAGE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF;AAEE,GAAA,UAAAH,EAAK,IAAI,CAACM,MACX,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,MAAcK,KAAO;AAAA,IAEtB;AAAA,IAEA,UAAA,gBAAAC,EAAC,WAAM,WAAYF;AAAA,MAClB;AAAA,MACA;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,SAAUL,MAAcK;AAAA,UACxB,UAAW,MAAKJ,EAAYI,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,EAnCMA;AAsCP,CAAA,GACF;"}
+{"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\tclassName: string\n\tonTabChange: (val: string) => void\n}\n\nexport const UiTabs: React.FC<UiTabsProps> = ({\n\ttabs,\n\ttabsModel,\n\tonTabChange,\n\tclassName\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\"items-stretch\",\n\t\t\t\"rounded-full\",\n\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\"p-[2px]\",\n\t\t\t\"text-secondary-400\",\n\t\t\tclassName\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\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"justify-center\",\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 && \"border border-secondary-alt-600 bg-white text-secondary-500\",\n\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\"flex\",\n\t\t\t\t\t\t\"items-center\",\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","className","jsx","cx","tab","jsxs"],"mappings":";;;AAUO,MAAMA,IAAgC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACD,MAGE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF;AAEE,GAAA,UAAAH,EAAK,IAAI,CAACM,MACX,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,MAAcK,KAAO;AAAA,IAEtB;AAAA,IAEA,UAAA,gBAAAC,EAAC,WAAM,WAAYF;AAAA,MAClB;AAAA,MACA;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,SAAUL,MAAcK;AAAA,UACxB,UAAW,MAAKJ,EAAYI,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,EAnCMA;AAsCP,CAAA,GACF;"}

package/components/UiToggle/UiToggle.js

@@ -1,26 +1,26 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
 import { useState as U, useEffect as v } from "react";
 import i from "classnames";
 import { EJustify as t } from "../../_types/align.js";
-import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiToggle__dot_checked_1uov6_13", x = "_UiToggle__icon_1uov6_17", N = "_UiToggle__icon_checked_1uov6_26", c = {
+import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiToggle__dot_checked_1uov6_13", x = "_UiToggle__icon_1uov6_17", N = "_UiToggle__icon_checked_1uov6_26", n = {
   UiToggle__dot: w,
   UiToggle__dot_checked: k,
   UiToggle__icon: x,
   UiToggle__icon_checked: N
-}, A = ({
-  children: d,
+}, R = ({
+  children: a,
   disabled: o = !1,
-  invertOrder: u = !1,
-  justify: f = t.START,
+  invertOrder: d = !1,
+  justify: u = t.START,
   checked: s,
-  value: l,
-  className: m,
-  defaultChecked: p,
-  onChange: n,
-  ...T
+  value: c,
+  className: h,
+  defaultChecked: f,
+  onChange: m,
+  ...p
 }) => {
-  const [_, g] = U(p ?? !1), e = l ?? s ?? _, h = () => {
-    l === void 0 && s === void 0 && g(!_), n == null || n(!e);
+  const [l, g] = U(f ?? !1), e = c ?? s ?? l, T = () => {
+    c === void 0 && s === void 0 && g(!l), m?.(!e);
   };
   v(() => {
     s !== void 0 && g(s);
@@ -33,7 +33,7 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
     [t.AROUND]: "justify-around",
     [t.EVENLY]: "justify-evenly"
   };
-  return /* @__PURE__ */ a("label", { className: i(
+  return /* @__PURE__ */ _("label", { className: i(
     "ui-toggle",
     "flex",
     "cursor-pointer",
@@ -44,13 +44,13 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
     "leading-normal",
     "text-md",
     {
-      "flex-row-reverse": u,
+      "flex-row-reverse": d,
       "pointer-events-none opacity-50": o
     },
-    y[f],
-    m
+    y[u],
+    h
   ), children: [
-    /* @__PURE__ */ a("span", { className: i(
+    /* @__PURE__ */ _("span", { className: i(
       "relative",
       "block",
       "h-md"
@@ -66,10 +66,10 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
           ),
           type: "checkbox",
           checked: e,
-          onChange: h,
+          onChange: T,
           disabled: o,
-          value: l,
-          ...T
+          value: c,
+          ...p
         }
       ),
       /* @__PURE__ */ r("span", { className: i(
@@ -90,21 +90,21 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
         "block",
         "rounded-full",
         "bg-white",
-        c.UiToggle__dot,
+        n.UiToggle__dot,
         {
           "hover:shadow-border-secondary": !e && !o,
           "hover:shadow-border-primary": e && !o,
-          [c.UiToggle__dot_checked]: e
+          [n.UiToggle__dot_checked]: e
         }
       ), children: /* @__PURE__ */ r(
         "svg",
         {
           className: i(
-            c.UiToggle__icon,
+            n.UiToggle__icon,
             "absolute",
             o ? "text-primary-300" : "text-primary-600",
             {
-              [c.UiToggle__icon_checked]: e
+              [n.UiToggle__icon_checked]: e
             }
           ),
           width: "16",
@@ -124,10 +124,10 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
         }
       ) })
     ] }),
-    d
+    a
   ] });
 };
 export {
-  A as UiToggle
+  R as UiToggle
 };
 //# sourceMappingURL=UiToggle.js.map

package/components/UiToggle/UiToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ??  false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t{ children }\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiToggle","children","disabled","invertOrder","justify","EJustify","checked","value","className","defaultChecked","onChange","rest","toggled","setIsToggled","useState","isChecked","handleChange","useEffect","justificationClasses","jsxs","cx","jsx","styles"],"mappings":"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"}
+{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ??  false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t{ children }\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiToggle","children","disabled","invertOrder","justify","EJustify","checked","value","className","defaultChecked","onChange","rest","toggled","setIsToggled","useState","isChecked","handleChange","useEffect","justificationClasses","jsxs","cx","jsx","styles"],"mappings":"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"}

package/eslint.config.mjs

@@ -2,6 +2,7 @@ import react from "eslint-plugin-react";
 import tseslint from "typescript-eslint";
 import stylisticPlugin from "@stylistic/eslint-plugin";
 import storybook from "eslint-plugin-storybook";
+import eslintPluginBetterTailwindcss from "eslint-plugin-better-tailwindcss";
 
 // Not compatible with tailwind v4: https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/325
 // import pluginTailwind from "eslint-plugin-tailwindcss";
@@ -13,6 +14,7 @@ export default [
 		plugins: {
 			react,
 			"@stylistic": stylisticPlugin,
+			"better-tailwindcss": eslintPluginBetterTailwindcss
 		},
 		languageOptions: {
 			parserOptions: {
@@ -21,6 +23,11 @@ export default [
 				},
 			},
 		},
+		settings: {
+			"better-tailwindcss": {
+				entryPoint: "src/main.css",
+			}
+		},
 		rules: {
 			quotes: [
 				"error",
@@ -88,7 +95,32 @@ export default [
 					"varsIgnorePattern": "^_",
 					"caughtErrorsIgnorePattern": "^_"
 				}
-			]
+			],
+			...(eslintPluginBetterTailwindcss.configs["recommended-warn"]).rules,
+			...(eslintPluginBetterTailwindcss.configs["recommended-error"]).rules,
+			"better-tailwindcss/enforce-consistent-line-wrapping": [
+				"error",
+				{
+					indent: "tab",
+					printWidth: 140,
+					classesPerLine: 1,
+					preferSingleLine: true,
+				},
+			],
+			"better-tailwindcss/no-restricted-classes": [
+				"error",
+				{
+					restrict: [
+						{
+							pattern: "^.*!$",
+							message: "No important classes allowed."
+
+						}]
+				}
+			],
+			"better-tailwindcss/no-unregistered-classes": [
+				"warn",
+			],
 		},
 	},
 	...tseslint.configs.recommended,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v2.0.8",
+    "version": "v2.0.10",
     "type": "module",
     "description": "Bonkers ui library",
     "author": "cc6.magister@gmail.com",
@@ -18,37 +18,38 @@
         "prepare": "husky"
     },
     "dependencies": {
-        "@tailwindcss/vite": "^4.1.10",
+        "@tailwindcss/vite": "^4.1.11",
         "ajv": "^8.17.1",
         "classnames": "^2.5.1",
         "postcss": "^8.5.6",
-        "prettier": "^3.5.3",
-        "react": "^19.1.0",
-        "react-dom": "^19.1.0",
-        "tailwindcss": "^4.1.10",
+        "prettier": "^3.6.2",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1",
+        "tailwindcss": "^4.1.11",
         "vite-tsconfig-paths": "^5.1.4"
     },
     "devDependencies": {
-        "@chromatic-com/storybook": "^4.0.0",
-        "@storybook/addon-docs": "^9.0.12",
-        "@storybook/addon-onboarding": "^9.0.12",
-        "@storybook/react-vite": "^9.0.12",
-        "@stylistic/eslint-plugin": "^4.4.1",
+        "@chromatic-com/storybook": "^4.0.1",
+        "@storybook/addon-docs": "^9.0.18",
+        "@storybook/addon-onboarding": "^9.0.18",
+        "@storybook/react-vite": "^9.0.18",
+        "@stylistic/eslint-plugin": "^5.2.2",
         "@types/bun": "latest",
-        "@types/react": "^19.1.8",
-        "@types/react-dom": "^19.1.6",
-        "@vitejs/plugin-react": "^4.5.2",
-        "eslint": "^9.29.0",
+        "@types/react": "^19.1.9",
+        "@types/react-dom": "^19.1.7",
+        "@vitejs/plugin-react": "^4.7.0",
+        "eslint": "^9.32.0",
+        "eslint-plugin-better-tailwindcss": "^3.7.3",
         "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-storybook": "^9.0.12",
-        "eslint-plugin-tailwindcss": "^3.18.0",
+        "eslint-plugin-storybook": "^9.0.18",
+        "eslint-plugin-tailwindcss": "^3.18.2",
         "gh-pages": "^6.3.0",
         "husky": "^9.1.7",
         "lint-staged": "^16.1.2",
-        "storybook": "^9.0.12",
+        "storybook": "^9.0.18",
         "typescript": "^5.8.3",
-        "typescript-eslint": "^8.34.1",
-        "vite": "^6.3.5",
+        "typescript-eslint": "^8.38.0",
+        "vite": "^7.0.6",
         "vite-plugin-dts": "^4.5.4",
         "vite-plugin-lib-inject-css": "^2.2.2"
     },