@codeandfunction/callaloo 3.16.0 → 3.16.2

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,5 +1,5 @@
 import './CLToast.css';
-import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BIiSNSlg.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C119uLhY.js";
 export {
   s as CLToast,
   s as default

package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js

@@ -1,13 +1,14 @@
-import { defineComponent as r, watch as o, createBlock as s, openBlock as i, resolveDynamicComponent as n, withCtx as m, renderSlot as d } from "vue";
-import { s as f, a as l, b as c, c as h, d as C } from "../../../chunks/base-theme-B89pbWnC.js";
-const v = /* @__PURE__ */ r({
+import { defineComponent as a, watch as o, createBlock as s, openBlock as i, resolveDynamicComponent as m, withCtx as n, renderSlot as d } from "vue";
+import { s as f, a as l, b as c, c as h, d as p } from "../../../chunks/base-theme-CYXVp7iK.js";
+import { D as k } from "../../../chunks/base-theme-CYXVp7iK.js";
+const v = /* @__PURE__ */ a({
   __name: "CLThemeProvider",
   props: {
     tag: { default: "div" },
     themeConfig: {}
   },
-  setup(a) {
-    const t = a;
+  setup(r) {
+    const t = r;
     return f(t.themeConfig), o(
       () => t.themeConfig?.borderRadius,
       (e) => {
@@ -26,10 +27,10 @@ const v = /* @__PURE__ */ r({
     ), o(
       () => t.themeConfig?.fontFamily,
       (e) => {
-        C(e);
+        p(e);
       }
-    ), (e, p) => (i(), s(n(a.tag), { class: "clll-theme-provider" }, {
-      default: m(() => [
+    ), (e, C) => (i(), s(m(r.tag), { class: "clll-theme-provider" }, {
+      default: n(() => [
         d(e.$slots, "default")
       ]),
       _: 3
@@ -38,5 +39,6 @@ const v = /* @__PURE__ */ r({
 });
 export {
   v as CLThemeProvider,
+  k as DEFAULT_THEME,
   v as default
 };

package/dist/components/Providers/CLThemeProvider/base-theme.d.ts

@@ -19,30 +19,4 @@ export declare const setColors: (colors: CLPalette) => void;
 export declare const setDarkMode: (enabled: boolean) => void;
 export declare const setFontFamily: (font?: string) => void;
 export declare const setupTheme: (config?: CLThemeConfig) => void;
-export declare const useTheme: () => {
-    borderRadius: globalThis.Ref<CLBorderRadius | undefined, CLBorderRadius | undefined>;
-    colors: globalThis.Ref<{
-        primary?: import('../../../index.ts').CLShades | undefined;
-        secondary?: import('../../../index.ts').CLShades | undefined;
-        neutral?: import('../../../index.ts').CLShades | undefined;
-        danger?: import('../../../index.ts').CLShades | undefined;
-        warning?: import('../../../index.ts').CLShades | undefined;
-        success?: import('../../../index.ts').CLShades | undefined;
-        info?: import('../../../index.ts').CLShades | undefined;
-    }, CLPalette | {
-        primary?: import('../../../index.ts').CLShades | undefined;
-        secondary?: import('../../../index.ts').CLShades | undefined;
-        neutral?: import('../../../index.ts').CLShades | undefined;
-        danger?: import('../../../index.ts').CLShades | undefined;
-        warning?: import('../../../index.ts').CLShades | undefined;
-        success?: import('../../../index.ts').CLShades | undefined;
-        info?: import('../../../index.ts').CLShades | undefined;
-    }>;
-    darkMode: globalThis.Ref<boolean | undefined, boolean | undefined>;
-    fontFamily: globalThis.Ref<string | undefined, string | undefined>;
-    setBorderRadius: (radius?: CLBorderRadius) => void;
-    setColors: (colors: CLPalette) => void;
-    setDarkMode: (enabled: boolean) => void;
-    setFontFamily: (font?: string) => void;
-};
 export {};

package/dist/components/Providers/CLThemeProvider/index.d.ts

@@ -1,4 +1,6 @@
 import { default as CLThemeProviderComponent } from './CLThemeProvider.vue';
+import { DEFAULT_THEME } from './base-theme';
 export { CLThemeProviderComponent as CLThemeProvider };
+export { DEFAULT_THEME };
 export default CLThemeProviderComponent;
 export type CLThemeProvider = InstanceType<typeof CLThemeProviderComponent>;

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as p, createBlock as z, createCommentVNode as B, renderSlot as S, unref as A } from "vue";
-import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BIiSNSlg.js";
+import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C119uLhY.js";
 const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

package/dist/components/Typography/CLHeading/CLHeading.js

@@ -1,5 +1,5 @@
 import './CLHeading.css';
-import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CbHdHW2E.js";
+import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
 export {
   s as CLHeading,
   s as default

package/dist/components/Typography/CLText/CLText.js

@@ -1,5 +1,5 @@
 import './CLText.css';
-import { _ as s } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CTc6UiQV.js";
+import { _ as s } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 export {
   s as CLText,
   s as default

package/dist/composables/index.d.ts

@@ -0,0 +1,2 @@
+export { useTheme } from './useTheme';
+export { useToast } from './useToast';

package/dist/composables/useDropdown.js

@@ -0,0 +1,49 @@
+import { ref as v } from "vue";
+import { i as n } from "../chunks/helper--hRjZVm6.js";
+const E = ({
+  triggerElem: a,
+  dropdownRef: w,
+  openDropdownHandler: u,
+  closeDropdownHandler: s
+}) => {
+  const t = v(!1), i = v(), d = () => {
+    try {
+      t.value = !t.value, t.value && n && (i.value = window.setTimeout(() => {
+        window.removeEventListener("click", e), window.removeEventListener("keyup", e), window.addEventListener("click", e), window.addEventListener("keyup", e);
+      }, 100)), u?.();
+    } catch (r) {
+      console.error(r);
+    }
+  }, m = (r) => {
+    try {
+      const o = r?.target, c = a?.value, l = w?.value;
+      return n && c && l && !c.contains(o) && !l.contains(o) ? !0 : void 0;
+    } catch (o) {
+      console.error(o);
+      return;
+    }
+  }, e = (r) => {
+    try {
+      m(r) && (n && (window.removeEventListener("click", e), window.removeEventListener("keyup", e)), t.value = !1, s?.());
+    } catch (o) {
+      console.error(o);
+    }
+  };
+  return {
+    open: t,
+    toggleDropdown: d,
+    closeDropdown: () => {
+      try {
+        n && (window.removeEventListener("click", e), window.removeEventListener("keyup", e)), t.value = !1, s?.();
+      } catch (r) {
+        console.error(r);
+      }
+    },
+    clearEventListeners: () => {
+      n && (i.value && window.clearTimeout(i.value), window.removeEventListener("click", e), window.removeEventListener("keyup", e));
+    }
+  };
+};
+export {
+  E as useDropdown
+};

package/dist/{chunks/useEsc-BGAp0d_1.js → composables/useEsc.js}

@@ -1,4 +1,4 @@
-import { i as n } from "./base-theme-B89pbWnC.js";
+import { i as n } from "../chunks/helper--hRjZVm6.js";
 const v = ({ escHandler: t, triggerElem: e }) => {
   const s = (a) => {
     if (n)
@@ -15,5 +15,5 @@ const v = ({ escHandler: t, triggerElem: e }) => {
   };
 };
 export {
-  v as u
+  v as useEsc
 };

package/dist/{chunks/useHasSlotContent-DDqs5uK9.js → composables/useHasSlotContent.js}

@@ -1,5 +1,5 @@
 import { useSlots as i, computed as l } from "vue";
-const c = (e = "default") => {
+const o = (e = "default") => {
   const n = i(), t = (s) => {
     try {
       return !!s?.[e]?.().some((r) => Array.isArray(r.children) ? !0 : typeof r.children == "string" && r.children.trim() ? !(r.children === "v-if" || r.children === "v-show") : typeof r.children == "object" ? t(r.children) : !1);
@@ -10,5 +10,5 @@ const c = (e = "default") => {
   return l(() => t(n));
 };
 export {
-  c as u
+  o as useHasSlotContent
 };

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { CLBorderRadius, CLPalette } from '../index.ts';
+export interface ThemeState {
+    borderRadius: Ref<CLBorderRadius | undefined>;
+    colors: Ref<CLPalette>;
+    darkMode: Ref<boolean | undefined>;
+    fontFamily: Ref<string | undefined>;
+    setBorderRadius: (radius?: CLBorderRadius) => void;
+    setColors: (colors: CLPalette) => void;
+    setDarkMode: (enabled: boolean) => void;
+    setFontFamily: (font?: string) => void;
+}
+/**
+ * Composable to access the theme state from anywhere in the application.
+ * Must be used within a CLThemeProvider component.
+ *
+ * @returns Theme state object with refs and setter functions
+ *
+ * @example
+ * ```typescript
+ * const theme = useTheme()
+ * console.log(theme.darkMode.value)
+ * theme.setDarkMode(true)
+ * ```
+ */
+export declare const useTheme: () => ThemeState;

package/dist/composables/useTheme.js

@@ -0,0 +1,33 @@
+import { ref as t, inject as a } from "vue";
+const s = t(), r = t(), n = t(), o = t({
+  primary: {},
+  secondary: {},
+  neutral: {},
+  danger: {},
+  warning: {},
+  success: {},
+  info: {}
+}), l = (e) => {
+  s.value = e;
+}, c = (e) => {
+  o.value = { ...o.value, ...e };
+}, u = (e) => {
+  r.value = e;
+}, d = (e) => {
+  n.value = e, typeof window < "u" && e && window?.document.documentElement.style.setProperty(
+    "--clll-font-family",
+    e
+  );
+}, f = () => a("clll-theme", {
+  borderRadius: s,
+  colors: o,
+  darkMode: r,
+  fontFamily: n,
+  setBorderRadius: l,
+  setColors: c,
+  setDarkMode: u,
+  setFontFamily: d
+});
+export {
+  f as useTheme
+};

package/dist/composables/useToast.js

@@ -0,0 +1,14 @@
+import { inject as e } from "vue";
+const a = () => {
+  const o = e("clll-toast"), s = (t) => {
+    o?.showToast?.(t);
+  };
+  return {
+    visible: o?.visible?.value,
+    showToast: s,
+    hideToast: o?.hideToast
+  };
+};
+export {
+  a as useToast
+};

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.16.0",
+  "version": "3.16.2",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -164,8 +164,13 @@
       "types": "./dist/components/Typography/CLText/CLText.vue.d.ts",
       "import": "./dist/components/Typography/CLText/CLText.js"
     },
+    "./composables/useTheme": {
+      "types": "./dist/composables/useTheme.d.ts",
+      "import": "./dist/composables/useTheme.js"
+    },
     "./composables/useToast": {
-      "types": "./dist/composables/useToast.d.ts"
+      "types": "./dist/composables/useToast.d.ts",
+      "import": "./dist/composables/useToast.js"
     }
   },
   "devDependencies": {