bonkers-ui 2.0.1 → 2.0.3

package/components/UiButton/UiButton.js

@@ -1,152 +1,415 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as h } from "react/jsx-runtime";
 import "react";
-import { EButtonTypes as e, EButtonSizes as r, EButtonWeight as t } from "./_types.js";
+import { EButtonTypes as r, EButtonSizes as a, EButtonWeight as o } from "./_types.js";
 import p from "classnames";
-import v from "./UiButton.module.css.js";
-const h = {
-  [e.PRIMARY]: `
+import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
+  UiButton: g
+}, x = {
+  [r.PRIMARY]: `
+		bg-primary-600
+		border
+		border-primary-600
+		shadow-md
 		text-white
-		bg-primary
 
-		hover:bg-primary-600
-		active:bg-primary-700
-		disabled:bg-primary-300
+		hover:bg-primary-700
+		active:bg-primary-800
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
 	`,
-  [e.SECONDARY]: `
-		bg-secondary
+  [r.SECONDARY]: `
+		bg-secondary-500
+		border
+		border-secondary-500
+		shadow-md
 		text-white
 
-		hover:bg-secondary-600
-		active:bg-secondary-700
-		disabled:bg-secondary-300
+		hover:bg-secondary-400
+		hover:border-secondary-400
+		active:bg-secondary-500
+		active:border-secondary-500
+		active:text-secondary-alt-300
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
 	`,
-  [e.ERROR]: `
-		bg-error
+  [r.WARNING]: `
+		bg-error-500
+		border
+		border-error-500
+		shadow-md
 		text-white
 
 		hover:bg-error-600
+		hover:border-error-600
 		active:bg-error-700
-		disabled:bg-error-300
+		active:border-error-700
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
 	`,
-  [e.WARNING]: `
-		bg-warning
-		text-white
+  [r.PRIMARY_OVERLAY]: `
+		bg-white
+		border
+		border-primary-600
+		shadow-md
+		text-primary-600
 
-		hover:bg-warning-600
-		active:bg-warning-700
-		disabled:bg-warning-300
+		hover:bg-primary-50
+		hover:border-primary-700
+		hover:text-primary-700
+		active:bg-primary-100
+		active:border-primary-700
+		active:text-primary-700
+		disabled:bg-white
+		disabled:border-secondary-alt-300
+		disabled:shadow-none
+		disabled:text-secondary-alt-300
 	`,
-  [e.PRIMARY_OVERLAY]: `
+  [r.SECONDARY_OVERLAY]: `
+		bg-white
 		border
-		border-primary
-		text-primary
+		border-secondary-500
+		shadow-md
+		text-secondary-500
 
-		hover:border-transparent
-		hover:bg-primary-600
-		hover:text-white
+		hover:bg-secondary-alt-200
+		hover:border-secondary-400
+		hover:text-secondary-400
+		active:bg-secondary-alt-300
+		active:border-secondary-500
+		active:text-secondary-500
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.WARNING_OVERLAY]: `
+		bg-white
+		border
+		border-error-500
+		shadow-md
+		text-error-500
 
-		active:border-transparent
-		active:bg-primary-700
-		active:text-white
+		hover:bg-error-100
+		hover:border-error-600
+		hover:text-error-600
+		active:bg-error-200
+		active:border-error-700
+		active:text-error-700
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.LINK]: `
+		bg-transparent
+		border
+		border-transparent
+		text-secondary-500
+		underline
+
+		hover:bg-secondary-alt-200
+		hover:no-underline
+		hover:text-secondary-400
+		active:bg-secondary-alt-300
+		active:text-secondary-500
+		disabled:bg-transparent
+		disabled:text-secondary-alt-300
+		disabled:underline
+	`,
+  [r.PRIMARY_BRAND]: `
+		bg-primary-600
+		border
+		border-primary-600
+		shadow-md
+		text-white
 
-		disabled:border-primary-300
-		disabled:text-primary-300
+		hover:bg-primary-700
+		hover:border-primary-700
+		active:bg-primary-800
+		active:border-primary-800
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
 	`,
-  [e.SECONDARY_OVERLAY]: `
+  [r.PRIMARY_ACCENT]: `
+		bg-primary-800
 		border
-		border-secondary
-		text-secondary
-		hover:border-transparent
-		hover:bg-secondary-600
+		border-primary-800
+		shadow-md
+		text-white
 
-		hover:text-white
-		active:border-transparent
-		active:bg-secondary-700
+		hover:bg-primary-700
+		hover:border-primary-700
+		active:bg-primary-800
+		active:border-primary-800
+		active:text-primary-100
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.PRIMARY_NEUTRAL]: `
+		bg-secondary-500
+		border
+		border-secondary-500
+		shadow-md
+		text-white
 
-		active:text-white
-		disabled:border-secondary-300
-		disabled:text-secondary-300
+		hover:bg-secondary-400
+		hover:border-secondary-400
+		active:bg-secondary-500
+		active:border-secondary-500
+		active:text-secondary-alt-300
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
 	`,
-  [e.ERROR_OVERLAY]: `
-		border border-error
-		text-error
+  [r.PRIMARY_DESTRUCTIVE]: `
+		bg-error-500
+		border
+		border-error-500
+		shadow-md
+		text-white
 
-		hover:border-transparent
 		hover:bg-error-600
-		hover:text-white
-
-		active:border-transparent
+		hover:border-error-600
 		active:bg-error-700
-		active:text-white
+		active:border-error-700
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.PRIMARY_INVERSE]: `
+		bg-white
+		border
+		border-secondary-500
+		shadow-md
+		text-secondary-500
 
-		disabled:border-error-300
-		disabled:text-error-300
+		hover:border-secondary-400
+		hover:text-secondary-400
+		active:bg-secondary-alt-300
+		disabled:bg-secondary-alt-700
+		disabled:border-secondary-alt-700
 	`,
-  [e.WARNING_OVERLAY]: `
+  [r.SECONDARY_BRAND]: `
+		bg-white
 		border
-		border-warning
-		text-warning
+		border-primary-600
+		shadow-md
+		text-primary-600
 
-		hover:border-transparent
-		hover:bg-warning-600
-		hover:text-white
+		hover:bg-primary-50
+		hover:border-primary-700
+		hover:text-primary-700
+		active:bg-primary-100
+		active:border-primary-700
+		active:text-primary-700
+		disabled:bg-white
+		disabled:border-secondary-alt-300
+		disabled:shadow-none
+		disabled:text-secondary-alt-300
+	`,
+  [r.SECONDARY_ACCENT]: `
+		bg-white
+		border
+		border-primary-800
+		shadow-md
+		text-primary-800
 
-		active:border-transparent
-		active:bg-warning-700
+		hover:bg-primary-50
+		hover:border-primary-700
+		hover:text-primary-700
+		active:bg-primary-100
+		active:border-primary-800
+		active:text-primary-800
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.SECONDARY_NEUTRAL]: `
+		bg-white
+		border
+		border-secondary-500
+		shadow-md
+		text-secondary-500
+
+		hover:bg-secondary-alt-200
+		hover:border-secondary-400
+		hover:text-secondary-400
+		active:bg-secondary-alt-300
+		active:border-secondary-500
+		active:text-secondary-500
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.SECONDARY_DESTRUCTIVE]: `
+		bg-white
+		border
+		border-error-500
+		shadow-md
+		text-error-500
+
+		hover:bg-error-100
+		hover:border-error-600
+		hover:text-error-600
+		active:bg-error-200
+		active:border-error-700
+		active:text-error-700
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.SECONDARY_INVERSE]: `
+		bg-transparent
+		border
+		border-white
+		shadow-md
+		text-white
+
+		hover:bg-secondary-500
+		hover:border-secondary-alt-300
+		hover:text-secondary-alt-300
+		active:bg-secondary-400
+		active:border-white
 		active:text-white
+		disabled:bg-secondary-alt-300
+		disabled:border-transparent
+	`,
+  [r.TERTIARY_BRAND]: `
+		bg-transparent
+		border
+		border-transparent
+		text-primary-600
+		underline
 
-		disabled:border-warning-300
-		disabled:text-warning-300
+		hover:bg-primary-50
+		hover:no-underline
+		active:bg-primary-100
+		active:text-primary-700
+		disabled:bg-transparent
+		disabled:text-secondary-alt-300
+		disabled:underline
 	`,
-  [e.LINK]: `
-		text-accent-alt
+  [r.TERTIARY_ACCENT]: `
+		bg-transparent
+		border
+		border-transparent
+		text-primary-800
+		underline
 
-		hover:text-accent-alt-600
-		active:text-accent-alt-700
-		disabled:text-accent-alt-300
+		hover:bg-primary-50
+		hover:no-underline
+		hover:text-primary-700
+		active:bg-primary-100
+		active:text-primary-800
+		disabled:bg-transparent
+		disabled:text-secondary-alt-300
+		disabled:underline
+	`,
+  [r.TERTIARY_NEUTRAL]: `
+		bg-transparent
+		border
+		border-transparent
+		text-secondary-500
+		underline
+
+		hover:bg-secondary-alt-200
+		hover:no-underline
+		hover:text-secondary-400
+		active:bg-secondary-alt-300
+		active:text-secondary-500
+		disabled:bg-transparent
+		disabled:text-secondary-alt-300
+		disabled:underline
+	`,
+  [r.TERTIARY_DESTRUCTIVE]: `
+		bg-transparent
+		border
+		border-transparent
+		text-error-500
+		underline
+
+		hover:bg-error-100
+		hover:no-underline
+		hover:text-error-600
+		active:bg-error-200
+		active:text-error-700
+		disabled:bg-transparent
+		disabled:text-secondary-alt-300
+		disabled:underline
+	`,
+  [r.TERTIARY_INVERSE]: `
+		bg-transparent
+		border
+		border-transparent
+		text-white
+		underline
+
+		hover:bg-secondary-500
+		hover:no-underline
+		hover:text-secondary-alt-300
+		active:bg-secondary-400
+		active-text-white
+		disabled:bg-transparent
+		disabled:text-secondary-alt-700
+		disabled:underline
 	`
-}, x = {
-  [r.SMALL]: "px-md py-xxs",
-  [r.MEDIUM]: "p-sm",
-  [r.LARGE]: "p-md",
-  [r.DEFAULT]: "px-md py-sm"
-}, l = {
-  [t.DEFAULT]: "font-medium",
-  [t.BOLD]: "font-bold"
-}, E = ({
-  kind: o = e.PRIMARY,
-  size: i = r.DEFAULT,
-  fullWidth: n = !1,
-  disabled: a = !1,
-  children: d,
-  weight: b = t.BOLD,
-  onClick: s,
-  ...c
-}) => /* @__PURE__ */ g(
+}, d = (e) => e === r.PRIMARY_INVERSE || e === r.SECONDARY_INVERSE || e === r.TERTIARY_INVERSE, b = {
+  background: (e) => d(e) ? "focus-visible:before:bg-secondary-500" : "focus-visible:before:bg-white",
+  border: (e) => d(e) ? "focus-visible:before:border-secondary-alt-400" : "focus-visible:before:border-primary-600"
+}, R = {
+  [a.SMALL]: "px-md py-xxs",
+  [a.MEDIUM]: "p-sm",
+  [a.LARGE]: "p-md",
+  [a.DEFAULT]: "px-md py-sm"
+}, u = {
+  [o.DEFAULT]: "font-medium",
+  [o.BOLD]: "font-bold"
+}, N = ({
+  kind: e = r.PRIMARY_BRAND,
+  size: s = a.DEFAULT,
+  fullWidth: i = !1,
+  disabled: t = !1,
+  children: n,
+  weight: c = o.BOLD,
+  className: l,
+  onClick: y,
+  ...v
+}) => /* @__PURE__ */ h(
   "button",
   {
-    ...c,
-    onClick: s,
+    ...v,
+    onClick: y,
     className: p(
-      v.UiButton,
+      m.UiButton,
       "text-base",
       "touch-manipulation",
       "whitespace-nowrap",
       "rounded-xl",
       "leading-none",
-      h[o],
-      x[i],
-      l[b],
+      "flex",
+      "gap-xs",
+      "justify-center",
+      "items-center",
+      "relative",
+      "transition-all",
+      "focus-visible:before:border-2",
+      "focus-visible:before:rounded-2xl",
+      "focus-visible:before:absolute",
+      "focus-visible:before:-translate-x-1/2",
+      "focus-visible:before:-translate-y-1/2",
+      "focus-visible:before:left-1/2",
+      "focus-visible:before:top-1/2",
+      "focus-visible:before:inset-0",
+      "focus-visible:before:z-[-1]",
+      "focus-visible:before:w-[calc(100%+12px)]",
+      "focus-visible:before:h-[calc(100%+10px)]",
+      b.background(e),
+      b.border(e),
+      x[e],
+      R[s],
+      u[c],
       {
-        "w-full": n,
-        "pointer-events-none": a
-      }
+        "w-full": i,
+        "pointer-events-none": t
+      },
+      l
     ),
-    disabled: a,
-    children: d
+    disabled: t,
+    children: n
   }
 );
 export {
-  E as UiButton
+  N as UiButton
 };
 //# sourceMappingURL=UiButton.js.map

package/components/UiButton/UiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n} & React.HTMLAttributes<HTMLElement> &\nReact.ButtonHTMLAttributes<HTMLElement> &\nReact.AnchorHTMLAttributes<HTMLElement>\n\nconst kindClasses = {\n\t[EButtonTypes.PRIMARY]: `\n\t\ttext-white\n\t\tbg-primary\n\n\t\thover:bg-primary-600\n\t\tactive:bg-primary-700\n\t\tdisabled:bg-primary-300\n\t`,\n\t[EButtonTypes.SECONDARY]: `\n\t\tbg-secondary\n\t\ttext-white\n\n\t\thover:bg-secondary-600\n\t\tactive:bg-secondary-700\n\t\tdisabled:bg-secondary-300\n\t`,\n\t[EButtonTypes.ERROR]: `\n\t\tbg-error\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\tactive:bg-error-700\n\t\tdisabled:bg-error-300\n\t`,\n\t[EButtonTypes.WARNING]: `\n\t\tbg-warning\n\t\ttext-white\n\n\t\thover:bg-warning-600\n\t\tactive:bg-warning-700\n\t\tdisabled:bg-warning-300\n\t`,\n\t[EButtonTypes.PRIMARY_OVERLAY]: `\n\t\tborder\n\t\tborder-primary\n\t\ttext-primary\n\n\t\thover:border-transparent\n\t\thover:bg-primary-600\n\t\thover:text-white\n\n\t\tactive:border-transparent\n\t\tactive:bg-primary-700\n\t\tactive:text-white\n\n\t\tdisabled:border-primary-300\n\t\tdisabled:text-primary-300\n\t`,\n\t[EButtonTypes.SECONDARY_OVERLAY]: `\n\t\tborder\n\t\tborder-secondary\n\t\ttext-secondary\n\t\thover:border-transparent\n\t\thover:bg-secondary-600\n\n\t\thover:text-white\n\t\tactive:border-transparent\n\t\tactive:bg-secondary-700\n\n\t\tactive:text-white\n\t\tdisabled:border-secondary-300\n\t\tdisabled:text-secondary-300\n\t`,\n\t[EButtonTypes.ERROR_OVERLAY]: `\n\t\tborder border-error\n\t\ttext-error\n\n\t\thover:border-transparent\n\t\thover:bg-error-600\n\t\thover:text-white\n\n\t\tactive:border-transparent\n\t\tactive:bg-error-700\n\t\tactive:text-white\n\n\t\tdisabled:border-error-300\n\t\tdisabled:text-error-300\n\t`,\n\t[EButtonTypes.WARNING_OVERLAY]: `\n\t\tborder\n\t\tborder-warning\n\t\ttext-warning\n\n\t\thover:border-transparent\n\t\thover:bg-warning-600\n\t\thover:text-white\n\n\t\tactive:border-transparent\n\t\tactive:bg-warning-700\n\t\tactive:text-white\n\n\t\tdisabled:border-warning-300\n\t\tdisabled:text-warning-300\n\t`,\n\t[EButtonTypes.LINK]: `\n\t\ttext-accent-alt\n\n\t\thover:text-accent-alt-600\n\t\tactive:text-accent-alt-700\n\t\tdisabled:text-accent-alt-300\n\t`,\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-md py-xxs\",\n\t[EButtonSizes.MEDIUM]: \"p-sm\",\n\t[EButtonSizes.LARGE]: \"p-md\",\n\t[EButtonSizes.DEFAULT]: \"px-md py-sm\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"text-base\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"leading-none\",\n\n\t\t\t\tkindClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t}\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["kindClasses","EButtonTypes","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","onClick","rest","jsx","cx","css"],"mappings":";;;;;AAcA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxB,CAACA,EAAa,SAAS,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1B,CAACA,EAAa,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtB,CAACA,EAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxB,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBhC,CAACA,EAAa,iBAAiB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAelC,CAACA,EAAa,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe9B,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBhC,CAACA,EAAa,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtB,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAa,KAAK,GAAG;AAAA,EACtB,CAACA,EAAa,MAAM,GAAG;AAAA,EACvB,CAACA,EAAa,KAAK,GAAG;AAAA,EACtB,CAACA,EAAa,OAAO,GAAG;AACzB,GAEMC,IAAgB;AAAA,EACrB,CAACC,EAAc,OAAO,GAAG;AAAA,EACzB,CAACA,EAAc,IAAI,GAAG;AACvB,GAEaC,IAAmC,CAAC;AAAA,EAChD,MAAAC,IAAON,EAAa;AAAA,EACpB,MAAAO,IAAOL,EAAa;AAAA,EACpB,WAAAM,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,QAAAC,IAASP,EAAc;AAAA,EACvB,SAAAQ;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACL,SAAAD;AAAA,IACA,WAAYG;AAAA,MACXC,EAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEAjB,EAAYO,CAAI;AAAA,MAChBL,EAAYM,CAAI;AAAA,MAChBJ,EAAcQ,CAAM;AAAA,MACpB;AAAA,QACC,UAAUH;AAAA,QACV,uBAAuBC;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,UAAAA;AAAA,IAEE,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n\tclassName?: string;\n} & React.HTMLAttributes<HTMLElement> &\n\tReact.ButtonHTMLAttributes<HTMLElement> &\n\tReact.AnchorHTMLAttributes<HTMLElement>\n\nconst typeClasses = {\n\t[EButtonTypes.PRIMARY]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\tactive:bg-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.WARNING]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.WARNING_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.LINK]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.PRIMARY_BRAND]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_ACCENT]: `\n\t\tbg-primary-800\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tactive:text-primary-100\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_NEUTRAL]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_DESTRUCTIVE]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_INVERSE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-700\n\t\tdisabled:border-secondary-alt-700\n\t`,\n\t[EButtonTypes.SECONDARY_BRAND]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_ACCENT]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-primary-800\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-800\n\t\tactive:text-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_NEUTRAL]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_DESTRUCTIVE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-white\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-500\n\t\thover:border-secondary-alt-300\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive:border-white\n\t\tactive:text-white\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.TERTIARY_BRAND]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-600\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_ACCENT]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-800\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-800\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_NEUTRAL]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_DESTRUCTIVE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-error-500\n\t\tunderline\n\n\t\thover:bg-error-100\n\t\thover:no-underline\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:text-error-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-white\n\t\tunderline\n\n\t\thover:bg-secondary-500\n\t\thover:no-underline\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive-text-white\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-700\n\t\tdisabled:underline\n\t`,\n};\n\nconst isInverseType = (type: EButtonTypes): boolean => {\n\treturn (\n\t\ttype === EButtonTypes.PRIMARY_INVERSE\n\t\t|| type === EButtonTypes.SECONDARY_INVERSE\n\t\t|| type === EButtonTypes.TERTIARY_INVERSE\n\t);\n};\n\nconst focusColorClasses = {\n\tbackground: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:bg-secondary-500\" : \"focus-visible:before:bg-white\",\n\tborder: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:border-secondary-alt-400\" : \"focus-visible:before:border-primary-600\"\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-md py-xxs\",\n\t[EButtonSizes.MEDIUM]: \"p-sm\",\n\t[EButtonSizes.LARGE]: \"p-md\",\n\t[EButtonSizes.DEFAULT]: \"px-md py-sm\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY_BRAND,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tclassName,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"text-base\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-xs\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"focus-visible:before:border-2\",\n\t\t\t\t\"focus-visible:before:rounded-2xl\",\n\t\t\t\t\"focus-visible:before:absolute\",\n\t\t\t\t\"focus-visible:before:-translate-x-1/2\",\n\t\t\t\t\"focus-visible:before:-translate-y-1/2\",\n\t\t\t\t\"focus-visible:before:left-1/2\",\n\t\t\t\t\"focus-visible:before:top-1/2\",\n\t\t\t\t\"focus-visible:before:inset-0\",\n\t\t\t\t\"focus-visible:before:z-[-1]\",\n\t\t\t\t\"focus-visible:before:w-[calc(100%+12px)]\",\n\t\t\t\t\"focus-visible:before:h-[calc(100%+10px)]\",\n\t\t\t\tfocusColorClasses.background(kind),\n\t\t\t\tfocusColorClasses.border(kind),\n\t\t\t\ttypeClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["typeClasses","EButtonTypes","isInverseType","type","focusColorClasses","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","className","onClick","rest","jsx","cx","css"],"mappings":"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"}

package/components/UiButton/_types.d.ts

@@ -1,13 +1,47 @@
 export declare enum EButtonTypes {
+    /**
+    * @deprecated Use PRIMARY_BRAND instead.
+    */
     PRIMARY = "primary",
+    /**
+    * @deprecated Use PRIMARY_NEUTRAL instead.
+    */
     SECONDARY = "secondary",
-    ERROR = "error",
+    /**
+    * @deprecated Use PRIMARY_DESTRUCTIVE instead.
+    */
     WARNING = "warning",
+    /**
+    * @deprecated Use SECONDARY_BRAND instead.
+    */
     PRIMARY_OVERLAY = "primary-overlay",
+    /**
+    * @deprecated Use SECONDARY_NEUTRAL instead.
+    */
     SECONDARY_OVERLAY = "secondary-overlay",
-    ERROR_OVERLAY = "error-overlay",
+    /**
+    * @deprecated Use SECONDARY_DESTRUCTIVE instead.
+    */
     WARNING_OVERLAY = "warning-overlay",
-    LINK = "link"
+    /**
+    * @deprecated Use one of the TERTIARY_ types (e.g., TERTIARY_BRAND, TERTIARY_ACCENT, TERTIARY_NEUTRAL, TERTIARY_DESTRUCTIVE) instead.
+    */
+    LINK = "link",
+    PRIMARY_BRAND = "primary-brand",
+    PRIMARY_ACCENT = "primary-accent",
+    PRIMARY_NEUTRAL = "primary-neutral",
+    PRIMARY_DESTRUCTIVE = "primary-destructive",
+    PRIMARY_INVERSE = "primary-inverse",
+    SECONDARY_BRAND = "secondary-brand",
+    SECONDARY_ACCENT = "secondary-accent",
+    SECONDARY_NEUTRAL = "secondary-neutral",
+    SECONDARY_DESTRUCTIVE = "secondary-destructive",
+    SECONDARY_INVERSE = "secondary-inverse",
+    TERTIARY_BRAND = "tertiary-brand",
+    TERTIARY_ACCENT = "tertiary-accent",
+    TERTIARY_NEUTRAL = "tertiary-neutral",
+    TERTIARY_DESTRUCTIVE = "tertiary-destructive",
+    TERTIARY_INVERSE = "tertiary-inverse"
 }
 export declare enum EButtonSizes {
     DEFAULT = "default",

package/components/UiButton/_types.js

@@ -1,4 +1,4 @@
-var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.ERROR = "error", r.WARNING = "warning", r.PRIMARY_OVERLAY = "primary-overlay", r.SECONDARY_OVERLAY = "secondary-overlay", r.ERROR_OVERLAY = "error-overlay", r.WARNING_OVERLAY = "warning-overlay", r.LINK = "link", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.WARNING = "warning", r.PRIMARY_OVERLAY = "primary-overlay", r.SECONDARY_OVERLAY = "secondary-overlay", r.WARNING_OVERLAY = "warning-overlay", r.LINK = "link", r.PRIMARY_BRAND = "primary-brand", r.PRIMARY_ACCENT = "primary-accent", r.PRIMARY_NEUTRAL = "primary-neutral", r.PRIMARY_DESTRUCTIVE = "primary-destructive", r.PRIMARY_INVERSE = "primary-inverse", r.SECONDARY_BRAND = "secondary-brand", r.SECONDARY_ACCENT = "secondary-accent", r.SECONDARY_NEUTRAL = "secondary-neutral", r.SECONDARY_DESTRUCTIVE = "secondary-destructive", r.SECONDARY_INVERSE = "secondary-inverse", r.TERTIARY_BRAND = "tertiary-brand", r.TERTIARY_ACCENT = "tertiary-accent", r.TERTIARY_NEUTRAL = "tertiary-neutral", r.TERTIARY_DESTRUCTIVE = "tertiary-destructive", r.TERTIARY_INVERSE = "tertiary-inverse", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
 export {
   a as EButtonSizes,
   R as EButtonTypes,

package/components/UiButton/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tPRIMARY_OVERLAY = \"primary-overlay\",\n\tSECONDARY_OVERLAY = \"secondary-overlay\",\n\tERROR_OVERLAY = \"error-overlay\",\n\tWARNING_OVERLAY = \"warning-overlay\",\n\tLINK = \"link\",\n}\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,kBAAkB,mBAClBA,EAAA,oBAAoB,qBACpBA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,OAAO,QATIA,IAAAA,KAAA,CAAA,CAAA,GAWAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\t/**\n\t* @deprecated Use PRIMARY_BRAND instead.\n\t*/\n\tPRIMARY = \"primary\",\n\t/**\n\t* @deprecated Use PRIMARY_NEUTRAL instead.\n\t*/\n\tSECONDARY = \"secondary\",\n\t/**\n\t* @deprecated Use PRIMARY_DESTRUCTIVE instead.\n\t*/\n\tWARNING = \"warning\",\n\t/**\n\t* @deprecated Use SECONDARY_BRAND instead.\n\t*/\n\tPRIMARY_OVERLAY = \"primary-overlay\",\n\t/**\n\t* @deprecated Use SECONDARY_NEUTRAL instead.\n\t*/\n\tSECONDARY_OVERLAY = \"secondary-overlay\",\n\t/**\n\t* @deprecated Use SECONDARY_DESTRUCTIVE instead.\n\t*/\n\tWARNING_OVERLAY = \"warning-overlay\",\n\t/**\n\t* @deprecated Use one of the TERTIARY_ types (e.g., TERTIARY_BRAND, TERTIARY_ACCENT, TERTIARY_NEUTRAL, TERTIARY_DESTRUCTIVE) instead.\n\t*/\n\tLINK = \"link\",\n\tPRIMARY_BRAND = \"primary-brand\",\n\tPRIMARY_ACCENT = \"primary-accent\",\n\tPRIMARY_NEUTRAL = \"primary-neutral\",\n\tPRIMARY_DESTRUCTIVE = \"primary-destructive\",\n\tPRIMARY_INVERSE = \"primary-inverse\",\n\tSECONDARY_BRAND = \"secondary-brand\",\n\tSECONDARY_ACCENT = \"secondary-accent\",\n\tSECONDARY_NEUTRAL = \"secondary-neutral\",\n\tSECONDARY_DESTRUCTIVE = \"secondary-destructive\",\n\tSECONDARY_INVERSE = \"secondary-inverse\",\n\tTERTIARY_BRAND = \"tertiary-brand\",\n\tTERTIARY_ACCENT = \"tertiary-accent\",\n\tTERTIARY_NEUTRAL = \"tertiary-neutral\",\n\tTERTIARY_DESTRUCTIVE = \"tertiary-destructive\",\n\tTERTIARY_INVERSE = \"tertiary-inverse\"\n}\n\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OAIXA,EAAA,UAAU,WAIVA,EAAA,YAAY,aAIZA,EAAA,UAAU,WAIVA,EAAA,kBAAkB,mBAIlBA,EAAA,oBAAoB,qBAIpBA,EAAA,kBAAkB,mBAIlBA,EAAA,OAAO,QACPA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,wBAAwB,yBACxBA,EAAA,oBAAoB,qBACpBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBA3CRA,IAAAA,KAAA,CAAA,CAAA,GA8CAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}