@bobbykim/manguito-theme 0.28.0 → 0.28.2

package/dist/directives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-M2bUcfcK.cjs"),a=require("vue"),g=(t,e)=>{if(t.tagName==="A"){const r=t.getAttribute("href");return r?r.charAt(0)==="#"?r.substring(1):r:null}return e||null},v=t=>t?document.getElementById(t):null,f=t=>t.hasAttribute("visible"),u=t=>{const r=t.getAttribute("visible")==="true"?"false":"true";t.setAttribute("visible",r)},m=t=>{const e=`div[accordion="${t}"]`;return Array.from(document.querySelectorAll(e))},_=(t,e)=>{m(e).forEach(o=>{o.id===t.id?u(o):o.getAttribute("visible")==="true"&&o.setAttribute("visible","false")})},A=t=>{u(t)},C=t=>e=>{e.preventDefault();const r=e.target,o=g(r,t),l=v(o);if(!l){console.warn(`[v-collapse] Target element not found: ${o}`);return}if(!f(l)){console.warn(`[v-collapse] Target element missing 'visible' attribute: ${o}`);return}const n=l.getAttribute("accordion");n?_(l,n):A(l)},h={mounted(t,e){t.__HandleToggler=C(e.arg),t.addEventListener("click",t.__HandleToggler)},unmounted(t){t.__HandleToggler&&(t.removeEventListener("click",t.__HandleToggler),delete t.__HandleToggler)}},H=t=>e=>{e.preventDefault();const r=e.target,o=g(r,t),l=v(o);if(!l){console.warn(`[v-toggle] Target element not found: ${o}`);return}if(!f(l)){console.warn(`[v-toggle] Target element mission visible 'visible' attribute: ${o}`);return}u(l)},b={mounted(t,e){t.__ClickToggleHandler=H(e.arg),t.addEventListener("click",t.__ClickToggleHandler)},unmounted(t){t.__ClickToggleHandler&&(t.removeEventListener("click",t.__ClickToggleHandler),delete t.__ClickToggleHandler)}},s=(t,e,r,o)=>{if(t.hasAttribute(r))return t.getAttribute(r);if(typeof e.value=="object"&&e.value!==null&&o in e.value)return e.value[o]},k=(t,e)=>{if(t.hasAttribute("title"))return t.getAttribute("title")||void 0;if(typeof e.value=="string")return e.value;if(typeof e.value=="object"&&e.value?.title)return e.value.title},E=t=>{const e=Object.keys(t.modifiers);return e.length>0?e[0]:void 0},x=(t,e)=>{t.classList.add("relative","group","overflow-visible");const r=k(t,e),o=s(t,e,"color","color"),l=s(t,e,"text-color","textColor"),n=s(t,e,"tooltip-width","width"),c=typeof e.value=="object"?e.value.className:void 0,i=E(e);console.log(`color: ${o}, txt color: ${l}, width: ${n}`);const T=a.createVNode(d.tooltip,{direction:i,title:r,color:o,textColor:l,width:n,customClass:c});a.render(T,t)},w=t=>{a.render(null,t)},p={mounted(t,e){t.__HandleTooltip=r=>x(t,r),t.__UnmountTooltip=()=>w(t),t.__HandleTooltip(e)},updated(t,e,r,o){const l=e.value!==e.oldValue;let n=!1;const c=o.dirs?.find(i=>i.dir===p);if(c){const i=c.arg;e.arg!==i&&(n=!0)}(l||n)&&t.__HandleTooltip(e)},unmounted(t){t.__UnmountTooltip()}},y="pio!";exports.vClickOutside=d.vClickOutside;exports.testExport=y;exports.vCollapse=h;exports.vToggle=b;exports.vTooltip=p;

package/dist/directives.d.ts

@@ -0,0 +1,126 @@
+import { Directive } from 'vue';
+import { DirectiveBinding } from 'vue';
+
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface ClickOutsideElement extends HTMLElement {
+    __ClickOutsideHandler?: (event: MouseEvent | TouchEvent) => void;
+}
+
+/**
+ * Type for the click outside handler function
+ */
+declare type ClickOutsideHandler = (event: MouseEvent | TouchEvent) => void;
+
+/**
+ * Configuration options for click outside directive
+ */
+declare interface ClickOutsideOptions {
+    handler: ClickOutsideHandler;
+    events?: ('click' | 'mousedown' | 'touchstart')[];
+    excludeElements?: HTMLElement[];
+}
+
+/**
+ * Type for the directive value - can be a function or options object
+ */
+declare type ClickOutsideValue = ClickOutsideHandler | ClickOutsideOptions;
+
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface CollapseElement extends HTMLElement {
+    __HandleToggler?: (event: Event) => void;
+}
+
+declare type ColorPalette = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light-1' | 'light-2' | 'light-3' | 'light-4' | 'dark-1' | 'dark-2' | 'dark-3' | 'dark-4' | 'black' | 'white' | 'transparent';
+
+export declare const testExport = "pio!";
+
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface ToggleElement extends HTMLElement {
+    __ClickToggleHandler?: (event: Event) => void;
+}
+
+declare interface TooltipElementType extends HTMLElement {
+    __HandleTooltip: (binding: DirectiveBinding<TooltipValueType>) => void;
+    __UnmountTooltip: () => void;
+}
+
+export declare interface TooltipValueObjectType {
+    title?: string;
+    color?: ColorPalette;
+    textColor?: ColorPalette;
+    width?: number | string;
+    className?: string;
+}
+
+declare type TooltipValueType = TooltipValueObjectType | string;
+
+/**
+ * Vue directive that triggers a callback when clicking outside an element
+ *
+ * @example
+ * // Simple usage
+ * <div v-click-outside="handleClickOutside">Content</div>
+ *
+ * @example
+ * // With options
+ * <div v-click-outside="{ handler: handleClickOutside, events: ['mousedown'] }">
+ *   Content
+ * </div>
+ */
+export declare const vClickOutside: Directive<ClickOutsideElement, ClickOutsideValue>;
+
+/**
+ * Vue directive for collapsible elements with accordion support
+ *
+ * Handles both simple collapse/expand behavior and accordion groups where
+ * only one item can be open at a time.
+ *
+ * Works with the `observeVisibleAttr` composable for reactive state management.
+ *
+ * @example
+ * // Simple collapsible
+ * <button v-collapse:content1>Toggle</button>
+ * <div id="content1" visible="false">Collapsible content</div>
+ *
+ * @example
+ * // Accordion group
+ * <button v-collapse:item1>Item 1</button>
+ * <div id="item1" visible="false" accordion="myAccordion">Content 1</div>
+ *
+ * <button v-collapse:item2>Item 2</button>
+ * <div id="item2" visible="false" accordion="myAccordion">Content 2</div>
+ *
+ */
+export declare const vCollapse: Directive<CollapseElement>;
+
+/**
+ * Vue directive for toggling visibility of elements via the 'visible' attribute
+ *
+ * Used internally by Modal and Sidebar components to control their visibility state.
+ *
+ * @example
+ * // With directive argument
+ * <button v-toggle:myModal>Open Modal</button>
+ * <div id="myModal" visible="false">Modal content</div>
+ *
+ * @example
+ * // With anchor tag href
+ * <a href="#mySidebar" v-toggle>Toggle Sidebar</a>
+ * <aside id="mySidebar" visible="false">Sidebar content</aside>
+ *
+ */
+export declare const vToggle: Directive<ToggleElement>;
+
+/**
+ * Helper to get property value from either element attributes or directive binding value.
+ * Attribute names are converted from camelCase (in binding) to kebab-case (in HTML).
+ */
+export declare const vTooltip: Directive<TooltipElementType, TooltipValueType>;
+
+export { }

package/dist/directives.js

@@ -0,0 +1,131 @@
+import { t as p } from "./index-DHpsV8uC.js";
+import { v as N } from "./index-DHpsV8uC.js";
+import { createVNode as m, render as u } from "vue";
+const d = (t, e) => {
+  if (t.tagName === "A") {
+    const r = t.getAttribute("href");
+    return r ? r.charAt(0) === "#" ? r.substring(1) : r : null;
+  }
+  return e || null;
+}, g = (t) => t ? document.getElementById(t) : null, v = (t) => t.hasAttribute("visible"), a = (t) => {
+  const r = t.getAttribute("visible") === "true" ? "false" : "true";
+  t.setAttribute("visible", r);
+}, T = (t) => {
+  const e = `div[accordion="${t}"]`;
+  return Array.from(document.querySelectorAll(e));
+}, _ = (t, e) => {
+  T(e).forEach((o) => {
+    o.id === t.id ? a(o) : o.getAttribute("visible") === "true" && o.setAttribute("visible", "false");
+  });
+}, A = (t) => {
+  a(t);
+}, h = (t) => (e) => {
+  e.preventDefault();
+  const r = e.target, o = d(r, t), l = g(o);
+  if (!l) {
+    console.warn(`[v-collapse] Target element not found: ${o}`);
+    return;
+  }
+  if (!v(l)) {
+    console.warn(
+      `[v-collapse] Target element missing 'visible' attribute: ${o}`
+    );
+    return;
+  }
+  const n = l.getAttribute("accordion");
+  n ? _(l, n) : A(l);
+}, V = {
+  mounted(t, e) {
+    t.__HandleToggler = h(e.arg), t.addEventListener("click", t.__HandleToggler);
+  },
+  unmounted(t) {
+    t.__HandleToggler && (t.removeEventListener("click", t.__HandleToggler), delete t.__HandleToggler);
+  }
+}, C = (t) => (e) => {
+  e.preventDefault();
+  const r = e.target, o = d(r, t), l = g(o);
+  if (!l) {
+    console.warn(`[v-toggle] Target element not found: ${o}`);
+    return;
+  }
+  if (!v(l)) {
+    console.warn(
+      `[v-toggle] Target element mission visible 'visible' attribute: ${o}`
+    );
+    return;
+  }
+  a(l);
+}, $ = {
+  mounted(t, e) {
+    t.__ClickToggleHandler = C(e.arg), t.addEventListener("click", t.__ClickToggleHandler);
+  },
+  unmounted(t) {
+    t.__ClickToggleHandler && (t.removeEventListener("click", t.__ClickToggleHandler), delete t.__ClickToggleHandler);
+  }
+}, s = (t, e, r, o) => {
+  if (t.hasAttribute(r))
+    return t.getAttribute(r);
+  if (typeof e.value == "object" && e.value !== null && o in e.value)
+    return e.value[o];
+}, H = (t, e) => {
+  if (t.hasAttribute("title"))
+    return t.getAttribute("title") || void 0;
+  if (typeof e.value == "string")
+    return e.value;
+  if (typeof e.value == "object" && e.value?.title)
+    return e.value.title;
+}, k = (t) => {
+  const e = Object.keys(t.modifiers);
+  return e.length > 0 ? e[0] : void 0;
+}, b = (t, e) => {
+  t.classList.add("relative", "group", "overflow-visible");
+  const r = H(t, e), o = s(t, e, "color", "color"), l = s(
+    t,
+    e,
+    "text-color",
+    "textColor"
+  ), n = s(
+    t,
+    e,
+    "tooltip-width",
+    "width"
+  ), c = typeof e.value == "object" ? e.value.className : void 0, i = k(e);
+  console.log(
+    `color: ${o}, txt color: ${l}, width: ${n}`
+  );
+  const f = m(p, {
+    direction: i,
+    title: r,
+    color: o,
+    textColor: l,
+    width: n,
+    customClass: c
+  });
+  u(f, t);
+}, E = (t) => {
+  u(null, t);
+}, x = {
+  mounted(t, e) {
+    t.__HandleTooltip = (r) => b(t, r), t.__UnmountTooltip = () => E(t), t.__HandleTooltip(e);
+  },
+  updated(t, e, r, o) {
+    const l = e.value !== e.oldValue;
+    let n = !1;
+    const c = o.dirs?.find((i) => i.dir === x);
+    if (c) {
+      const i = c.arg;
+      e.arg !== i && (n = !0);
+    }
+    (l || n) && t.__HandleTooltip(e);
+  },
+  unmounted(t) {
+    t.__UnmountTooltip();
+  }
+}, I = "pio!";
+export {
+  I as testExport,
+  N as vClickOutside,
+  V as vCollapse,
+  $ as vToggle,
+  x as vTooltip
+};

package/dist/getGlassmorphismClass-C-7frTJB.js

@@ -0,0 +1,55 @@
+import { defineComponent as c, ref as e, onMounted as t } from "vue";
+import { g as m } from "./index-DoK_iF2I.js";
+const p = c({
+  setup(a, { slots: l }) {
+    const s = e(!1);
+    return t(() => {
+      s.value = !0;
+    }), () => s.value && l.default ? l.default() : null;
+  }
+}), g = {
+  xs: "backdrop-blur-xs",
+  sm: "backdrop-blur-sm",
+  md: "backdrop-blur-md",
+  lg: "backdrop-blur-lg",
+  xl: "backdrop-blur-xl"
+}, d = {
+  primary: "mcl-glass-primary",
+  secondary: "mcl-glass-secondary",
+  success: "mcl-glass-success",
+  info: "mcl-glass-info",
+  danger: "mcl-glass-danger",
+  warning: "mcl-glass-warning",
+  "light-1": "mcl-glass-light-1",
+  "light-2": "mcl-glass-light-2",
+  "light-3": "mcl-glass-light-3",
+  "light-4": "mcl-glass-light-4",
+  "dark-1": "mcl-glass-dark-1",
+  "dark-2": "mcl-glass-dark-2",
+  "dark-3": "mcl-glass-dark-3",
+  "dark-4": "mcl-glass-dark-4",
+  black: "mcl-glass-black",
+  white: "mcl-glass-white",
+  transparent: "mcl-glass-transparent"
+}, n = {
+  10: "mcl-depth-10",
+  20: "mcl-depth-20",
+  30: "mcl-depth-30",
+  40: "mcl-depth-40",
+  50: "mcl-depth-50",
+  60: "mcl-depth-60",
+  70: "mcl-depth-70",
+  80: "mcl-depth-80",
+  90: "mcl-depth-90",
+  100: "mcl-depth-100"
+}, h = (a, l, s, r = 10) => [
+  "mcl-glassmorphism",
+  d[a],
+  g[l],
+  m("BGOPACITY", s),
+  n[r]
+].filter(Boolean).join(" ");
+export {
+  p as C,
+  h as g
+};

package/dist/getGlassmorphismClass-CKSrH9Jg.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("vue"),c=require("./index-CU3f0thH.cjs"),t=a.defineComponent({setup(e,{slots:l}){const s=a.ref(!1);return a.onMounted(()=>{s.value=!0}),()=>s.value&&l.default?l.default():null}}),m={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},d={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},n={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},g=(e,l,s,r=10)=>["mcl-glassmorphism",d[e],m[l],c.generateClass("BGOPACITY",s),n[r]].filter(Boolean).join(" ");exports.ClientSideRender=t;exports.getGlassmorphismClass=g;

package/dist/index-CU3f0thH.cjs

@@ -0,0 +1 @@
+"use strict";class s{bodyText={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"};fontweight={light:"font-light",normal:"font-normal",bold:"font-bold"};textAlign={left:"text-left",center:"text-center",right:"text-right"}}class i{borderWidth={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"};borderXWidth={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"};borderYWidth={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"};borderTopWidth={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"};borderBottomWidth={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"};borderLeftWidth={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"};borderRightWidth={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"}}class l{bgColor={primary:"bg-primary",secondary:"bg-secondary",success:"bg-success",danger:"bg-danger",info:"bg-info",warning:"bg-warning","light-1":"bg-light-1","light-2":"bg-light-2","light-3":"bg-light-3","light-4":"bg-light-4","dark-1":"bg-dark-1","dark-2":"bg-dark-2","dark-3":"bg-dark-3","dark-4":"bg-dark-4",black:"bg-black",white:"bg-white",transparent:"bg-transparent"};hoverBgColor={primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"};focusBgColor={primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"};beforeBgColor={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"};afterBgColor={primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"};bgActiveColor={primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"};textColor={primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"};hoverTextColor={primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"};focusTextColor={primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"};disabledTextColor={primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"};svgFillColor={primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"};ringColor={primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"};ringFocusColor={primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"};ringActiveColor={primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"};ringOffsetColor={primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"};outlineColor={primary:"outline-primary",secondary:"outline-secondary",success:"outline-success",danger:"outline-danger",info:"outline-info",warning:"outline-warning","light-1":"outline-light-1","light-2":"outline-light-2","light-3":"outline-light-3","light-4":"outline-light-4","dark-1":"outline-dark-1","dark-2":"outline-dark-2","dark-3":"outline-dark-3","dark-4":"outline-dark-4",black:"outline-black",white:"outline-white",transparent:"outline-transparent"};focusOutlineColor={primary:"focus:outline-primary",secondary:"focus:outline-secondary",success:"focus:outline-success",danger:"focus:outline-danger",info:"focus:outline-info",warning:"focus:outline-warning","light-1":"focus:outline-light-1","light-2":"focus:outline-light-2","light-3":"focus:outline-light-3","light-4":"focus:outline-light-4","dark-1":"focus:outline-dark-1","dark-2":"focus:outline-dark-2","dark-3":"focus:outline-dark-3","dark-4":"focus:outline-dark-4",black:"focus:outline-black",white:"focus:outline-white",transparent:"focus:outline-transparent"};activeOutlineColor={primary:"active:outline-primary",secondary:"active:outline-secondary",success:"active:outline-success",danger:"active:outline-danger",info:"active:outline-info",warning:"active:outline-warning","light-1":"active:outline-light-1","light-2":"active:outline-light-2","light-3":"active:outline-light-3","light-4":"active:outline-light-4","dark-1":"active:outline-dark-1","dark-2":"active:outline-dark-2","dark-3":"active:outline-dark-3","dark-4":"active:outline-dark-4",black:"active:outline-black",white:"active:outline-white",transparent:"active:outline-transparent"};btnColor={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"};listColor={primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"};borderColor={primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"};borderXColor={primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"};borderYColor={primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"};borderTopColor={primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"};borderBottomColor={primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"};borderLeftColor={primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"};borderRightColor={primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}class o{heading1={sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"};heading2={sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"};heading3={sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"};heading4={sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}class d{backgroundOpacity={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"};opacity={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"};outlineOpacity={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"}}class n{margin={0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"};marginX={0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"};marginY={0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"};marginTop={0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"};marginBottom={0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"};marginLeft={0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"};marginRight={0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"};padding={0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"};paddingX={0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"};paddingY={0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"};paddingTop={0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"};paddingBottom={0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"};paddingLeft={0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"};paddingRight={0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"};gap={0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}class g{classType;constructor(r){this.classType=r}validateColorType(r){const t=/(primary|secondary|success|info|warning|danger|light-1|light-2|light-3|light-4|dark-1|dark-2|dark-3|dark-4|black|white|transparent)/;return typeof r!="string"||!t.test(r)?!1:a.colorType.includes(this.classType)}validateSpaceType(r){const t=/(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/;return typeof r!="string"||!t.test(r)?!1:a.spacingType.includes(this.classType)}validateHeadingTextSizeType(r){const t=/(sm|md|lg|xl)/;return typeof r!="string"||!t.test(r)?!1:a.headingSizeType.includes(this.classType)}validateBodyTextSizeType(r){const t=/(xs|sm|md|lg|xl)/;return typeof r!="string"||!t.test(r)?!1:a.textType.includes(this.classType)}validateFontWeightType(r){const t=/(light|normal|bold)/;return typeof r!="string"||!t.test(r)?!1:a.fontWeightType.includes(this.classType)}validateOpacityType(r){const t=/\b(0|[1-9]0|100)\b/;return typeof r!="number"||!t.test(r.toString())?!1:a.scaleType.includes(this.classType)}validateRangeType(r){const t=/\b([1-9]|1[0-2])\b/;return typeof r!="number"||!t.test(r.toString())?!1:a.borderWidthType.includes(this.classType)}validateAlignment(r){const t=/(left|center|right)/;return typeof r!="string"||!t.test(r)?!1:a.textAlignType.includes(this.classType)}}const a={colorType:["BGCOLOR","BEFOREBG","AFTERBG","HVBGCOLOR","FCBGCOLOR","ACTIVEBG","TEXTCOLOR","HVTEXTCOLOR","FCTEXTCOLOR","DISABLEDTEXTCOLOR","SVGFILL","RINGCOLOR","FOCUSRING","ACTIVERING","OUTLINE","FOCUSOUTLINE","ACTIVEOUTLINE","OFFSETRING","BTNCOLOR","LISTCOLOR","BORDER","BORDERX","BORDERY","BORDERT","BORDERB","BORDERL","BORDERR"],textType:["BODYTEXT"],fontWeightType:["FONTWEIGHT"],textAlignType:["TEXTALIGN"],headingSizeType:["H1","H2","H3","H4"],borderWidthType:["BORDERW","BORDERXW","BORDERYW","BORDERTW","BORDERBW","BORDERLW","BORDERRW"],scaleType:["BGOPACITY","OPACITY","OUTLINEOPACITY"],spacingType:["MARGIN","MARGINX","MARGINY","MARGINT","MARGINB","MARGINL","MARGINR","PADDING","PADDINGX","PADDINGY","PADDINGT","PADDINGB","PADDINGL","PADDINGR","GAP"]};class c{classType;classValue;colorClass;headingSizeClass;borderWidthClass;opacityClass;spacingClass;textClass;validator;constructor(r,t){this.classType=r,this.classValue=t,this.colorClass=new l,this.headingSizeClass=new o,this.borderWidthClass=new i,this.opacityClass=new d,this.spacingClass=new n,this.textClass=new s,this.validator=new g(r)}generateClass(){switch(this.classType){case"BGCOLOR":return this.getBgColorClass();case"HVBGCOLOR":return this.getHoverBgColorClass();case"FCBGCOLOR":return this.getFocusBgColorClass();case"BEFOREBG":return this.getBeforeBgColorClass();case"AFTERBG":return this.getAfterBgColorClass();case"ACTIVEBG":return this.getActiveBgColorClass();case"TEXTCOLOR":return this.getTextColorClass();case"HVTEXTCOLOR":return this.getHoverTextColorClass();case"FCTEXTCOLOR":return this.getFocusTextColorClass();case"DISABLEDTEXTCOLOR":return this.getDisabledTextColorClass();case"SVGFILL":return this.getSvgFillColorClass();case"RINGCOLOR":return this.getRingColorClass();case"FOCUSRING":return this.getFocusRingColorClass();case"ACTIVERING":return this.getActiveRingColorClass();case"OFFSETRING":return this.getRingOffsetColorClass();case"OUTLINE":return this.getOutlineColorClass();case"FOCUSOUTLINE":return this.getFocusOutlineColorClass();case"ACTIVEOUTLINE":return this.getActiveOutlineColorClass();case"BTNCOLOR":return this.getBtnColorClass();case"LISTCOLOR":return this.getListColorClass();case"BORDER":return this.getBorderColorClass();case"BORDERX":return this.getBorderXColorClass();case"BORDERY":return this.getBorderYColorClass();case"BORDERT":return this.getBorderTopColorClass();case"BORDERB":return this.getBorderBottomColorClass();case"BORDERL":return this.getBorderLeftColorClass();case"BORDERR":return this.getBorderRightColorClass();case"H1":return this.getH1Class();case"H2":return this.getH2Class();case"H3":return this.getH3Class();case"H4":return this.getH4Class();case"BODYTEXT":return this.getBodyTextSizeClass();case"FONTWEIGHT":return this.getFontWeightClass();case"TEXTALIGN":return this.getTextAlignClass();case"BORDERW":return this.getBorderWidthClass();case"BORDERXW":return this.getBorderXWidthClass();case"BORDERYW":return this.getBorderYWidthClass();case"BORDERTW":return this.getBorderTopWidthClass();case"BORDERBW":return this.getBorderBottomWidthClass();case"BORDERLW":return this.getBorderLeftWidthClass();case"BORDERRW":return this.getBorderRightWidthClass();case"OPACITY":return this.getOpacityClass();case"BGOPACITY":return this.getBgOpacityClass();case"OUTLINEOPACITY":return this.getOutlineOpacityClass();case"MARGIN":return this.getMarginClass();case"MARGINX":return this.getMarginXClass();case"MARGINY":return this.getMarginYClass();case"MARGINT":return this.getMarginTopClass();case"MARGINB":return this.getMarginBottomClass();case"MARGINL":return this.getMarginLeftClass();case"MARGINR":return this.getMarginRightClass();case"PADDING":return this.getPaddingClass();case"PADDINGX":return this.getPaddingXClass();case"PADDINGY":return this.getPaddingYClass();case"PADDINGT":return this.getPaddingTopClass();case"PADDINGB":return this.getPaddingBottomClass();case"PADDINGL":return this.getPaddingLeftClass();case"PADDINGR":return this.getPaddingRightClass();case"GAP":return this.getGapClass();default:return" "}}getBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgColor[this.classValue]:" "}getHoverBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverBgColor[this.classValue]:" "}getFocusBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusBgColor[this.classValue]:" "}getBeforeBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.beforeBgColor[this.classValue]:" "}getAfterBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.afterBgColor[this.classValue]:" "}getActiveBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgActiveColor[this.classValue]:" "}getTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.textColor[this.classValue]:" "}getHoverTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverTextColor[this.classValue]:" "}getFocusTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusTextColor[this.classValue]:" "}getDisabledTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.disabledTextColor[this.classValue]:" "}getSvgFillColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.svgFillColor[this.classValue]:" "}getRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringColor[this.classValue]:" "}getFocusRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringFocusColor[this.classValue]:" "}getActiveRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringActiveColor[this.classValue]:" "}getRingOffsetColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringOffsetColor[this.classValue]:" "}getOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.outlineColor[this.classValue]:" "}getFocusOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusOutlineColor[this.classValue]:" "}getActiveOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.activeOutlineColor[this.classValue]:" "}getBtnColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.btnColor[this.classValue]:" "}getListColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.listColor[this.classValue]:" "}getBorderColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderColor[this.classValue]:" "}getBorderXColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderXColor[this.classValue]:" "}getBorderYColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderYColor[this.classValue]:" "}getBorderTopColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderTopColor[this.classValue]:" "}getBorderBottomColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderBottomColor[this.classValue]:" "}getBorderLeftColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderLeftColor[this.classValue]:" "}getBorderRightColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderRightColor[this.classValue]:" "}getH1Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading1[this.classValue]:" "}getH2Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading2[this.classValue]:" "}getH3Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading3[this.classValue]:" "}getH4Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading4[this.classValue]:" "}getBodyTextSizeClass(){return this.validator.validateBodyTextSizeType(this.classValue)?this.textClass.bodyText[this.classValue]:" "}getFontWeightClass(){return this.validator.validateFontWeightType(this.classValue)?this.textClass.fontweight[this.classValue]:" "}getTextAlignClass(){return this.validator.validateAlignment(this.classValue)?this.textClass.textAlign[this.classValue]:" "}getBorderWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderWidth[this.classValue]:" "}getBorderXWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderXWidth[this.classValue]:" "}getBorderYWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderYWidth[this.classValue]:" "}getBorderTopWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderTopWidth[this.classValue]:" "}getBorderBottomWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderBottomWidth[this.classValue]:" "}getBorderLeftWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderLeftWidth[this.classValue]:" "}getBorderRightWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderRightWidth[this.classValue]:" "}getOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.opacity[this.classValue]:" "}getBgOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.backgroundOpacity[this.classValue]:" "}getOutlineOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.outlineOpacity[this.classValue]:" "}getMarginClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.margin[this.classValue]:" "}getMarginXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginX[this.classValue]:" "}getMarginYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginY[this.classValue]:" "}getMarginTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginTop[this.classValue]:" "}getMarginBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginBottom[this.classValue]:" "}getMarginLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginLeft[this.classValue]:" "}getMarginRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginRight[this.classValue]:" "}getPaddingClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.padding[this.classValue]:" "}getPaddingXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingX[this.classValue]:" "}getPaddingYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingY[this.classValue]:" "}getPaddingTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingTop[this.classValue]:" "}getPaddingBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingBottom[this.classValue]:" "}getPaddingLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingLeft[this.classValue]:" "}getPaddingRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingRight[this.classValue]:" "}getGapClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.gap[this.classValue]:" "}}const h=(e,r)=>new c(e,r).generateClass();exports.generateClass=h;

package/dist/index-DHpsV8uC.js

@@ -0,0 +1,95 @@
+import { defineComponent as v, computed as l, h as f } from "vue";
+import { g as u } from "./index-DoK_iF2I.js";
+const p = (t, e, n) => !e || !(e instanceof Node) || t === e || t.contains(e) ? !1 : n?.length ? !n.some(
+  (o) => o === e || o.contains(e)
+) : !0, s = (t) => typeof t.value == "function" ? {
+  handler: t.value,
+  events: ["click"]
+} : {
+  handler: t.value.handler,
+  events: t.value.events || ["click"],
+  excludeElements: t.value.excludeElements
+}, c = (t, e, n) => (o) => {
+  p(t, o.target, n) && e(o);
+}, h = {
+  mounted(t, e) {
+    const { handler: n, events: o, excludeElements: r } = s(e);
+    t.__ClickOutsideHandler = c(t, n, r), o.forEach((i) => {
+      document.addEventListener(i, t.__ClickOutsideHandler, !0);
+    });
+  },
+  updated(t, e) {
+    t.__ClickOutsideHandler && s({
+      ...e,
+      value: e.oldValue
+    }).events.forEach((d) => {
+      document.removeEventListener(d, t.__ClickOutsideHandler, !0);
+    });
+    const { handler: n, events: o, excludeElements: r } = s(e);
+    t.__ClickOutsideHandler = c(t, n, r), o.forEach((i) => {
+      document.addEventListener(i, t.__ClickOutsideHandler, !0);
+    });
+  },
+  unmounted(t, e) {
+    if (t.__ClickOutsideHandler) {
+      const { events: n } = s(e);
+      n.forEach((o) => {
+        document.removeEventListener(o, t.__ClickOutsideHandler, !0);
+      }), delete t.__ClickOutsideHandler;
+    }
+  }
+}, a = {
+  left: "tooltip-left",
+  top: "tooltip-top",
+  bottom: "tooltip-bottom",
+  right: "tooltip-right"
+}, _ = v({
+  name: "Tooltip",
+  props: {
+    direction: {
+      type: String,
+      default: "right"
+    },
+    color: {
+      type: String,
+      default: "dark-3"
+    },
+    textColor: {
+      type: String,
+      default: "white"
+    },
+    width: {
+      type: [Number, String],
+      default: 80
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const e = "invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip", n = l(() => [
+      u("BGCOLOR", t.color),
+      u("TEXTCOLOR", t.textColor)
+    ].join(" ")), o = l(() => ({ width: `${t.width}px` })), r = l(() => a[t.direction] || a.right), i = l(() => [
+      e,
+      r.value,
+      n.value,
+      t.customClass
+    ]);
+    return () => f("div", {
+      class: i.value,
+      role: "tooltip",
+      innerHTML: t.title,
+      style: [o.value]
+    });
+  }
+});
+export {
+  _ as t,
+  h as v
+};