npm - @codeandfunction/callaloo - Versions diffs - 3.15.3 → 3.16.1 - Mend

@codeandfunction/callaloo 3.15.3 → 3.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLPlacement, CLSizes } from '../../../index.ts';
+import { CLBorderRadius, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLPlacement, CLSizes } from '../../../types';
 export interface CLDropdownMenuProps {
     /** Sets the aria-label on the anchor button. */
     buttonAriaLabel: string;
@@ -54,6 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     iconAfter: CLIconNames;
     iconAfterSize: CLIconSizes;
     iconSize: CLIconSizes;
+    isOpen: boolean;
+    zIndex: number | string;
     buttonColor: CLColors;
     buttonHeight: string;
     buttonSize: CLSizes;
@@ -62,25 +64,23 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     containerBordered: boolean;
     containerElevated: boolean;
     contentWidth: string;
-    isOpen: boolean;
     placement: CLPlacement;
-    zIndex: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     anchor: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly active?: boolean | undefined;
-            readonly alignContent?: import('../../../index.ts').CLAlign | undefined;
+            readonly alignContent?: import('../../../types').CLAlign | undefined;
             readonly ariaLabel?: string | undefined;
-            readonly as?: import('../../../index.ts').CLButtonTags | undefined;
+            readonly as?: import('../../../types').CLButtonTags | undefined;
             readonly borderRadius?: CLBorderRadius | undefined;
             readonly busy?: boolean | undefined;
             readonly color?: CLColors | undefined;
             readonly disabled?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly form?: string | undefined;
-            readonly forwardRef?: import('../../../index.ts').CLButtonForwardRefFunction | undefined;
+            readonly forwardRef?: import('../../../types').CLButtonForwardRefFunction | undefined;
             readonly height?: string | undefined;
             readonly href?: string | undefined;
             readonly iconAfter?: CLIconNames | undefined;
@@ -91,10 +91,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             readonly pill?: boolean | undefined;
             readonly rounded?: boolean | undefined;
             readonly size?: CLSizes | undefined;
-            readonly target?: import('../../../index.ts').CLLinkTarget | undefined;
+            readonly target?: import('../../../types').CLLinkTarget | undefined;
             readonly testId?: string | undefined;
             readonly title?: string | undefined;
-            readonly type?: import('../../../index.ts').CLButtonTypes | undefined;
+            readonly type?: import('../../../types').CLButtonTypes | undefined;
             readonly variant?: CLColorVariants | undefined;
             readonly width?: string | undefined;
             readonly wrap?: boolean | undefined;
@@ -123,26 +123,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             form: string;
             variant: CLColorVariants;
             borderRadius: CLBorderRadius;
-            elevated: boolean;
+            rounded: boolean;
             testId: string;
-            type: import('../../../index.ts').CLButtonTypes;
+            type: import('../../../types').CLButtonTypes;
             onClick: (event?: Event) => void;
+            target: import('../../../types').CLLinkTarget;
+            size: CLSizes;
+            href: string;
+            active: boolean;
+            alignContent: import('../../../types').CLAlign;
             ariaLabel: string;
+            as: import('../../../types').CLButtonTags;
             busy: boolean;
-            rounded: boolean;
-            active: boolean;
-            alignContent: import('../../../index.ts').CLAlign;
-            as: import('../../../index.ts').CLButtonTags;
             disabled: boolean;
-            forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
-            href: string;
+            elevated: boolean;
+            forwardRef: import('../../../types').CLButtonForwardRefFunction;
             iconAfter: CLIconNames;
             iconBefore: CLIconNames;
             iconAfterSize: CLIconSizes;
             iconSize: CLIconSizes;
             pill: boolean;
-            size: CLSizes;
-            target: import('../../../index.ts').CLLinkTarget;
             wrap: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -172,28 +172,28 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         form: string;
         variant: CLColorVariants;
         borderRadius: CLBorderRadius;
-        elevated: boolean;
+        rounded: boolean;
         testId: string;
-        type: import('../../../index.ts').CLButtonTypes;
+        type: import('../../../types').CLButtonTypes;
         onClick: (event?: Event) => void;
+        target: import('../../../types').CLLinkTarget;
+        size: CLSizes;
+        href: string;
+        active: boolean;
+        alignContent: import('../../../types').CLAlign;
         ariaLabel: string;
+        as: import('../../../types').CLButtonTags;
         busy: boolean;
-        rounded: boolean;
-        active: boolean;
-        alignContent: import('../../../index.ts').CLAlign;
-        as: import('../../../index.ts').CLButtonTags;
         disabled: boolean;
-        forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
-        href: string;
+        elevated: boolean;
+        forwardRef: import('../../../types').CLButtonForwardRefFunction;
         iconAfter: CLIconNames;
         iconBefore: CLIconNames;
         iconAfterSize: CLIconSizes;
         iconSize: CLIconSizes;
         pill: boolean;
-        size: CLSizes;
-        target: import('../../../index.ts').CLLinkTarget;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "width" | "height" | "form" | "variant" | "borderRadius" | "elevated" | "testId" | "type" | "onClick" | "ariaLabel" | "busy" | "rounded" | "active" | "alignContent" | "as" | "disabled" | "forwardRef" | "href" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "size" | "target" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "width" | "height" | "form" | "variant" | "borderRadius" | "rounded" | "testId" | "type" | "onClick" | "target" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/Popups/CLToast/CLToast.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);transition-property:all;transition-duration:.3s;transition-timing-function:ease;box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}@media (min-width: 768px){.clll-toast{width:var(--v1fbbc974)}}@media (min-width: 768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media (min-width: 768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media (min-width: 768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media (min-width: 768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media (min-width: 768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media (min-width: 768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}

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

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

package/dist/components/Popups/CLToast/CLToast.vue.d.ts CHANGED Viewed

@@ -3,10 +3,10 @@ declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {},
     color: CLColors;
     width: string;
     variant: CLColorVariants;
-    testId: string;
     rounded: boolean;
-    iconSize: CLIconSizes;
+    testId: string;
     position: CLToastPosition;
+    iconSize: CLIconSizes;
     dismissTimer: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elem: HTMLOutputElement;

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

@@ -0,0 +1,44 @@
+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-C9_Hz5HW.js";
+import { D as k } from "../../../chunks/base-theme-C9_Hz5HW.js";
+const v = /* @__PURE__ */ a({
+  __name: "CLThemeProvider",
+  props: {
+    tag: { default: "div" },
+    themeConfig: {}
+  },
+  setup(r) {
+    const t = r;
+    return f(t.themeConfig), o(
+      () => t.themeConfig?.borderRadius,
+      (e) => {
+        l(e);
+      }
+    ), o(
+      () => t.themeConfig?.colors,
+      (e) => {
+        e && c(e);
+      }
+    ), o(
+      () => t.themeConfig?.darkMode,
+      (e) => {
+        e !== void 0 && h(e);
+      }
+    ), o(
+      () => t.themeConfig?.fontFamily,
+      (e) => {
+        p(e);
+      }
+    ), (e, C) => (i(), s(m(r.tag), { class: "clll-theme-provider" }, {
+      default: n(() => [
+        d(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  v as CLThemeProvider,
+  k as DEFAULT_THEME,
+  v as default
+};

package/dist/components/Providers/CLThemeProvider/CLThemeProvider.vue.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { CLThemeConfig } from '../../../index.ts';
+/** The `<CLThemeProvider />` component configures the visual look of your application, it also facilitates the use of custom themes. You should wrap your entire application with it. It will apply the default theme required for all Callaloo components.*/
+interface Props {
+    /** An HTML element used as the root element. The default tag used is `<div>`. */
+    tag?: string;
+    /** A theme configuration object. */
+    themeConfig?: CLThemeConfig;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+import { CLBorderRadius, CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../../index.ts';
+export declare const DEFAULT_THEME: CLThemeConfig;
+type ColorMap = Record<CLColorVariants, Record<CLMode, ColorModesKeys>>;
+export interface ColorModesKeys {
+    bg?: number;
+    border?: number;
+    borderHover?: number;
+    disabled?: number;
+    focus?: number;
+    hover?: number;
+    shadow?: number;
+    text?: number;
+    textBody?: number;
+    textDisabled?: number;
+}
+export declare const COLOR_VARIANTS_MAP: ColorMap;
+export declare const setBorderRadius: (radius?: CLBorderRadius) => void;
+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 {};

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

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,45 @@
+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-DOI4DZGg.js";
+const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
+  name: "CLToastProvider",
+  __name: "CLToastProvider",
+  props: {
+    dismissTimer: {},
+    position: {}
+  },
+  setup(b) {
+    const f = b, a = i(), t = i(), l = i(), s = i(), v = i(), n = i(), c = i(), u = i(), r = i(), d = i(), m = i(), o = i(!1), _ = () => {
+      a.value = void 0, t.value = void 0, l.value = void 0, s.value = void 0, v.value = void 0, n.value = void 0, c.value = void 0, u.value = void 0, r.value = void 0, d.value = void 0, m.value = void 0;
+    }, C = (e) => {
+      _(), a.value = e.actionLabel, t.value = e.color, l.value = e.dismissTimer ?? f.dismissTimer, s.value = e.icon, v.value = e.iconSize, n.value = e.message, c.value = e.onAction, u.value = e.position ?? f.position, r.value = e.title, d.value = e.variant, m.value = e.width, o.value = !0;
+    }, h = () => {
+      o.value = !1, _();
+    };
+    return g("clll-toast", {
+      visible: o,
+      showToast: C,
+      hideToast: h
+    }), (e, y) => (p(), k("div", x, [
+      o.value ? (p(), z(A($), {
+        key: 0,
+        "action-label": a.value,
+        color: t.value,
+        "dismiss-timer": l.value,
+        icon: s.value,
+        "icon-size": v.value,
+        message: n.value,
+        "on-action": c.value,
+        "on-dismiss": h,
+        position: u.value,
+        title: r.value,
+        variant: d.value,
+        width: m.value
+      }, null, 8, ["action-label", "color", "dismiss-timer", "icon", "icon-size", "message", "on-action", "position", "title", "variant", "width"])) : B("", !0),
+      S(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  N as CLToastProvider,
+  N as default
+};

package/dist/components/Providers/{Toast → CLToastProvider}/CLToastProvider.vue.d.ts RENAMED Viewed

@@ -1,14 +1,8 @@
-import { Ref } from 'vue';
-import { CLToastPosition, CLToastProps } from '../../../index.ts';
+import { CLToastPosition } from '../../../index.ts';
 interface Props {
     dismissTimer?: number;
     position?: CLToastPosition;
 }
-export interface CLToastProviderOutput {
-    visible: Ref<boolean>;
-    showToast: (newToastProps: Omit<CLToastProps, 'onDismiss'>) => void;
-    hideToast: () => void;
-}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/dist/components/Providers/CLToastProvider/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as CLToastProviderComponent } from './CLToastProvider.vue';
+export { CLToastProviderComponent as CLToastProvider };
+export default CLToastProviderComponent;
+export type CLToastProvider = InstanceType<typeof CLToastProviderComponent>;

package/dist/components/Providers/index.d.ts CHANGED Viewed

@@ -1,6 +1,2 @@
-import { default as CLThemeProvider } from './Theme/CLThemeProvider.vue';
-import { default as CLToastProvider } from './Toast/CLToastProvider.vue';
-export { CLThemeProvider, CLToastProvider };
-export type { CLToastProviderOutput } from './Toast/CLToastProvider.vue';
-export type CLThemeProvider = InstanceType<typeof CLThemeProvider>;
-export type CLToastProvider = InstanceType<typeof CLToastProvider>;
+export { CLThemeProvider } from './CLThemeProvider/index';
+export { CLToastProvider } from './CLToastProvider/index';

package/dist/components/Typography/CLHeading/CLHeading.css ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1,6 @@
+import './CLHeading.css';
+import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js";
+export {
+  s as CLHeading,
+  s as default
+};

package/dist/components/Typography/CLText/CLText.css ADDED Viewed

@@ -0,0 +1 @@

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

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

package/dist/composables/useTheme.d.ts ADDED Viewed

@@ -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/index.d.ts CHANGED Viewed

@@ -1,17 +1,2 @@
 export { CLAlign, CLBorderRadius, CLButtonTypes, CLCardTypes, CLCharCounterLayout, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLinkTarget, CLLoading, CLMessageType, CLMode, CLOrientation, CLOverflow, CLOrder, CLPaginationType, CLPlacement, CLPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition } from './types';
 export type { CLBlockTextHtmlTags, CLButtonTags, CLButtonForwardRefFunction, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLInlineTextHtmlTags, CLNavItem, CLOption, CLPalette, CLPaletteKeys, CLShades, CLTextHtmlTags, CLThemeConfig, CLToastProps } from './types';
-export { CLBadge, CLBanner, CLPill, CLProgress } from './components/Indicators';
-export { CLA11yButton, CLButton } from './components/Buttons';
-export { CLCard, CLCarousel, CLDisclosure } from './components/Containers';
-export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea } from './components/Form';
-export { CLHeading, CLText } from './components/Typography';
-export { CLIcon } from './components/Assets';
-export { CLLink, CLNavLink, CLNavSection } from './components/Navigation';
-export { CLDropdownMenu, CLToast } from './components/Popups';
-export { CLModal } from './components/Modals';
-export { CLSkeleton, CLSpinner } from './components/Loading';
-export { CLTable, CLTableBody, CLTableCell, CLTableFooter, CLTableHeader, CLTableNestedCell, CLTableRow } from './components/Table';
-export { CLThemeProvider } from './components/Providers';
-export { CLToastProvider, type CLToastProviderOutput } from './components/Providers';
-export { useToast } from './composables/useToast';
-export { DEFAULT_THEME, useTheme } from './components/Providers/Theme/base-theme';