@codeandfunction/callaloo 3.16.4 → 3.16.6

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

@@ -119,11 +119,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             title: string;
             color: CLColors;
             variant: CLColorVariants;
-            form: string;
             borderRadius: CLBorderRadius;
             rounded: boolean;
             testId: string;
             type: import('../../../types').CLButtonTypes;
+            form: string;
             onClick: (event?: Event) => void;
             target: import('../../../types').CLLinkTarget;
             width: string;
@@ -168,11 +168,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         title: string;
         color: CLColors;
         variant: CLColorVariants;
-        form: string;
         borderRadius: CLBorderRadius;
         rounded: boolean;
         testId: string;
         type: import('../../../types').CLButtonTypes;
+        form: string;
         onClick: (event?: Event) => void;
         target: import('../../../types').CLLinkTarget;
         width: string;
@@ -193,7 +193,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         iconSize: CLIconSizes;
         pill: boolean;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "form" | "borderRadius" | "rounded" | "testId" | "type" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "borderRadius" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "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

@@ -1 +1 @@
-.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}
+.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);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);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(--clll-toast-width)}}@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);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.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%;background-color:var(--clll-toast-timer-bg, transparent);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}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}

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

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

package/dist/components/Popups/utils.d.ts

@@ -3,5 +3,12 @@ interface ThemeProps {
     color: CLColors;
     variant: CLColorVariants;
 }
-export declare const toastTheme: ({ color, variant }: ThemeProps) => string;
+export declare const toastTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-toast-bg-color': string;
+    '--clll-toast-text-color': string;
+    '--clll-toast-icon-bg': string;
+    '--clll-toast-icon-color': string;
+    '--clll-toast-timer-bg': string;
+    '--clll-toast-theme-radius': string | undefined;
+};
 export {};

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

@@ -7,7 +7,6 @@ interface BaseFormElementProps {
 }
 export declare const baseFormElement: ({ backgroundColor, borderColor, placeholderColor }: BaseFormElementProps) => string;
 export declare const css: (template: TemplateStringsArray, ...args: any[]) => string;
-export declare const cx: (...classNames: any[]) => string;
 interface FocusProps {
     borderColor?: string;
     outlineWidth?: string;

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 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-LiL8p_1M.js";
+import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js";
 const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

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

@@ -1 +1 @@
-.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}
+.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}

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

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

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

@@ -1 +1 @@
-.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}
+.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}

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

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

package/dist/components/Typography/utils.d.ts

@@ -2,5 +2,7 @@ import { CLColors } from '../../index.ts';
 interface TextThemeProps {
     color?: CLColors;
 }
-export declare const textTheme: ({ color }: TextThemeProps) => string;
+export declare const textTheme: ({ color }: TextThemeProps) => {
+    '--clll-text-color': string;
+};
 export {};

package/dist/composables/useTheme.js

@@ -1,6 +1,7 @@
 import '../assets/core.css';
 import { ref as t, inject as n } from "vue";
-const s = t(), a = t(), r = t(), o = t({
+import { D as o } from "../chunks/base-theme-Bg6XMoeN.js";
+const a = t(o.borderRadius), r = t(o.darkMode), l = t(o.fontFamily), s = t(o.colors || {
   primary: {},
   secondary: {},
   neutral: {},
@@ -8,24 +9,24 @@ const s = t(), a = t(), r = t(), o = t({
   warning: {},
   success: {},
   info: {}
-}), l = (e) => {
-  s.value = e;
-}, c = (e) => {
-  o.value = { ...o.value, ...e };
-}, u = (e) => {
+}), c = (e) => {
   a.value = e;
+}, u = (e) => {
+  s.value = { ...s.value, ...e };
 }, d = (e) => {
   r.value = e;
-}, m = () => n("clll-theme", {
-  borderRadius: s,
-  colors: o,
-  darkMode: a,
-  fontFamily: r,
-  setBorderRadius: l,
-  setColors: c,
-  setDarkMode: u,
-  setFontFamily: d
+}, i = (e) => {
+  l.value = e;
+}, D = () => n("clll-theme", {
+  borderRadius: a,
+  colors: s,
+  darkMode: r,
+  fontFamily: l,
+  setBorderRadius: c,
+  setColors: u,
+  setDarkMode: d,
+  setFontFamily: i
 });
 export {
-  m as useTheme
+  D as useTheme
 };

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.16.4",
+  "version": "3.16.6",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -192,7 +192,6 @@
     "@storybook/vue3-vite": "^9.1.13",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.9.1",
-    "@types/stylis": "^4.2.7",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
     "@vitest/browser": "4.0.1",
@@ -209,7 +208,6 @@
     "fast-glob": "^3.3.3",
     "jsdom": "^27.0.1",
     "lodash-es": "^4.17.21",
-    "murmurhash": "^2.0.1",
     "playwright": "^1.56.1",
     "rollup-plugin-visualizer": "^6.0.5",
     "sass": "^1.89.2",
@@ -217,7 +215,6 @@
     "size-limit": "^11.0.0",
     "storybook": "^9.1.13",
     "storybook-addon-deep-controls": "^0.9.5",
-    "stylis": "^4.3.6",
     "tsx": "^4.20.6",
     "unplugin-auto-import": "^20.2.0",
     "vite": "^7.1.12",

package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Ba1c7ZNn.js

@@ -1,252 +0,0 @@
-import { defineComponent as W, useCssVars as I, useSlots as D, ref as v, computed as F, onMounted as K, nextTick as M, createElementBlock as r, openBlock as n, withKeys as q, normalizeClass as d, unref as l, createCommentVNode as o, createElementVNode as u, withDirectives as S, createVNode as z, vShow as x, createBlock as c, renderSlot as s, Fragment as G, withCtx as y, createTextVNode as k, toDisplayString as b } from "vue";
-import { _ as A } from "./CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.js";
-import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-RAFpWIR2.js";
-import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js";
-import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLColorVariants as E, CLCardTypes as P, CLHeadingTypes as Q, CLHeadingLevels as U, CLLinkTarget as X, CLOverflow as Y, CLLoading as Z, CLColors as p, CLAlign as _, CLOrder as O, CLTextTypes as ee } from "../index.js";
-import { c as ae } from "./utils-B_htczw5.js";
-import { useHasSlotContent as te } from "../composables/useHasSlotContent.js";
-const le = ["data-testid", "tabindex"], ie = ["alt", "loading", "src"], ne = ["alt", "loading", "src"], de = ["aria-label", "href", "target"], ye = /* @__PURE__ */ W({
-  name: "CLCard",
-  __name: "CLCard",
-  props: {
-    active: { type: Boolean, default: !1 },
-    align: { default: _.Left },
-    ariaLabel: {},
-    borderRadius: {},
-    bordered: { type: Boolean, default: !0 },
-    busy: { type: Boolean, default: !1 },
-    byline: {},
-    color: { default: p.Neutral },
-    compact: { type: Boolean, default: !1 },
-    elevated: { type: Boolean, default: !1 },
-    forwardRef: {},
-    height: { default: "auto" },
-    href: {},
-    image: {},
-    imageAltText: { default: "" },
-    imageHeight: { default: "auto" },
-    imageLoading: { default: Z.Eager },
-    imageOrder: {},
-    imageWidth: { default: "auto" },
-    onClick: {},
-    overflow: { default: Y.Hidden },
-    padded: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 },
-    target: { default: X.Self },
-    testId: { default: "clll-card" },
-    title: {},
-    titleHLevel: { default: U.H2 },
-    titleType: { default: Q.SubSection },
-    truncateTitle: { type: Boolean, default: !1 },
-    type: { default: P.Medium },
-    variant: { default: E.Soft },
-    width: { default: "auto" }
-  },
-  setup(e) {
-    I((i) => ({
-      v788294c1: i.width,
-      v7e01098c: i.height,
-      v561da727: i.overflow,
-      v6ce6f310: i.imageWidth,
-      v1628751d: i.imageHeight
-    }));
-    const a = "clll-card", t = e, C = te(), L = D(), $ = v(), w = v(), N = ["a", "button"], h = v(), V = F(() => [
-      a,
-      `${a}--${t.type}`,
-      `${a}--${t.color}-${t.variant}`,
-      `${a}--${t.variant}`,
-      `${a}--align-${t.align}`,
-      t.rounded ? `${a}--rounded` : `${a}--box`,
-      t.bordered ? `${a}--bordered` : "",
-      t.borderRadius ? `${a}--${t.borderRadius}` : "",
-      t.busy ? `${a}--busy` : `${a}--ready`,
-      t.compact ? `${a}--compact` : `${a}--no-compact`,
-      t.title || t.byline ? `${a}--has-header` : `${a}--no-header`,
-      $.value ? `${a}--has-heading` : `${a}--no-heading`,
-      C.value ? `${a}--has-content` : `${a}--no-content`,
-      w.value ? `${a}--has-footer` : `${a}--no-footer`,
-      t.image ? `${a}--has-image` : `${a}--has-no-image`,
-      t.imageOrder ? `${a}--image-${t.imageOrder}` : "",
-      t.active ? `${a}--active` : `${a}--inactive`,
-      t.onClick ? `${a}--has-link` : "",
-      t.truncateTitle ? `${a}--has-truncated-title` : "",
-      t.elevated ? `${a}--elevated` : "",
-      t.overflow ? `${a}--overflow-${t.overflow}` : "",
-      t.padded ? "" : `${a}--no-padding`
-    ]), T = (i) => {
-      if (t.busy || !t.onClick) return;
-      const { target: g } = i, f = g ? g.closest("a,button") : void 0, H = [
-        ...h.value?.querySelectorAll("[data-expand-click-area]") ?? []
-      ];
-      if (H.length) {
-        const B = H[0], R = f ? N.includes(f.tagName.toLowerCase()) : null;
-        !f && B !== i.target && !R && B.click();
-      }
-    };
-    return K(async () => {
-      await M(), h.value && t.forwardRef?.(h.value), $.value = L?.heading, w.value = L?.footer;
-    }), (i, g) => (n(), r("div", {
-      ref_key: "refExpandedArea",
-      ref: h,
-      class: d([l(V), l(ae)({ color: e.color, variant: e.variant })]),
-      "data-testid": e.testId,
-      tabindex: e.onClick ? 0 : void 0,
-      onClick: T,
-      onKeyup: q(T, ["enter"])
-    }, [
-      e.image && (e.imageOrder === l(O).Before || !e.imageOrder) ? (n(), r("div", {
-        key: 0,
-        class: d(`${a}__image`)
-      }, [
-        S(z(l(m), {
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["width", "height"]), [
-          [x, e.busy]
-        ]),
-        S(u("img", {
-          alt: e.imageAltText,
-          class: d(`${a}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, ie), [
-          [x, !e.busy]
-        ])
-      ], 2)) : o("", !0),
-      u("div", {
-        class: d(`${a}__content`)
-      }, [
-        u("div", {
-          class: d(`${a}__header`)
-        }, [
-          e.busy ? (n(), c(l(m), {
-            key: 0,
-            height: "28px"
-          })) : o("", !0),
-          e.busy ? (n(), c(l(m), {
-            key: 1,
-            width: "70%",
-            height: "16px"
-          })) : o("", !0),
-          !e.onClick && !e.href ? (n(), r(G, { key: 2 }, [
-            s(i.$slots, "heading"),
-            e.title && !e.busy ? (n(), c(l(A), {
-              key: 0,
-              align: e.align,
-              class: d(`${a}__heading`),
-              color: e.color,
-              level: e.titleHLevel,
-              truncate: e.truncateTitle,
-              type: e.titleType
-            }, {
-              default: y(() => [
-                k(b(e.title), 1)
-              ]),
-              _: 1
-            }, 8, ["align", "class", "color", "level", "truncate", "type"])) : o("", !0)
-          ], 64)) : e.title || l($) && (e.onClick || e.href) ? (n(), c(l(j), {
-            key: 3,
-            "aria-label": e.ariaLabel,
-            color: e.color,
-            href: e.href,
-            target: e.target,
-            "on-click": e.onClick,
-            "data-expand-click-area": ""
-          }, {
-            default: y(() => [
-              s(i.$slots, "heading"),
-              e.title && !e.busy ? (n(), c(l(A), {
-                key: 0,
-                align: e.align,
-                class: d(`${a}__heading`),
-                color: e.color,
-                level: e.titleHLevel,
-                truncate: e.truncateTitle,
-                type: e.titleType
-              }, {
-                default: y(() => [
-                  k(b(e.title), 1)
-                ]),
-                _: 1
-              }, 8, ["align", "class", "color", "level", "truncate", "type"])) : o("", !0)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "color", "href", "target", "on-click"])) : o("", !0),
-          s(i.$slots, "byline"),
-          e.byline && !e.busy ? (n(), c(l(J), {
-            key: 4,
-            align: e.align,
-            class: d(`${a}__byline`),
-            color: e.color,
-            type: l(ee).Small
-          }, {
-            default: y(() => [
-              k(b(e.byline), 1)
-            ]),
-            _: 1
-          }, 8, ["align", "class", "color", "type"])) : o("", !0)
-        ], 2),
-        u("div", {
-          class: d(`${a}__slot`)
-        }, [
-          u("div", {
-            ref: "slot-content",
-            class: d([`${a}__slot-content`, { busy: e.busy }])
-          }, [
-            l(C) && e.busy ? (n(), c(l(m), {
-              key: 0,
-              width: "100%",
-              height: "100%"
-            })) : o("", !0),
-            u("div", null, [
-              s(i.$slots, "default")
-            ])
-          ], 2)
-        ], 2),
-        u("div", {
-          class: d(`${a}__footer`)
-        }, [
-          s(i.$slots, "footer")
-        ], 2)
-      ], 2),
-      e.image && e.imageOrder === l(O).After ? (n(), r("div", {
-        key: 1,
-        class: d(`${a}__image`)
-      }, [
-        e.busy ? (n(), c(l(m), {
-          key: 0,
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["width", "height"])) : o("", !0),
-        s(i.$slots, "image"),
-        e.busy ? o("", !0) : (n(), r("img", {
-          key: 1,
-          alt: e.imageAltText,
-          class: d(`${a}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, ne))
-      ], 2)) : o("", !0),
-      !e.title && (e.onClick || e.href) ? (n(), r("a", {
-        key: 2,
-        "aria-label": e.ariaLabel,
-        class: "sr-only",
-        href: e.href,
-        target: e.target,
-        "data-expand-click-area": "",
-        onClick: g[0] || (g[0] = //@ts-ignore
-        (...f) => e.onClick && e.onClick(...f))
-      }, null, 8, de)) : o("", !0),
-      e.onClick && e.variant !== l(E).Ghost ? (n(), r("div", {
-        key: 3,
-        class: d(`${a}__hover-elem`)
-      }, null, 2)) : o("", !0)
-    ], 42, le));
-  }
-});
-export {
-  ye as _
-};

package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js

@@ -1,84 +0,0 @@
-import { defineComponent as p, useCssVars as y, computed as v, onMounted as X, createElementBlock as a, openBlock as m, normalizeClass as u, unref as w, createElementVNode as B } from "vue";
-import { CLMode as f, CLColors as h, CLColorVariants as I, CLIconSizes as e } from "../index.js";
-import { g as x, a as z, c as S } from "./utils-Bf54TEIp.js";
-import { useTheme as M } from "../composables/useTheme.js";
-import { i as $ } from "./helper--hRjZVm6.js";
-const b = ({ color: o = h.Neutral }) => {
-  const { colors: c, darkMode: t } = M(), s = t.value ? f.Light : f.Dark, r = x({
-    color: o,
-    colors: c.value,
-    mode: s,
-    variant: I.Text
-  });
-  return z(S`color: ${r?.textBody};`);
-}, E = ["data-testid"], N = ["height", "width"], T = ["href"], j = /* @__PURE__ */ p({
-  name: "CLIcon",
-  __name: "CLIcon",
-  props: {
-    color: { default: h.Neutral },
-    name: {},
-    size: { default: e.Small },
-    testId: { default: "clll-icon" }
-  },
-  setup(o) {
-    y((n) => ({
-      v18b705a2: s[n.size] + "px"
-    }));
-    const c = o, t = "clll-icon", s = {
-      [e.Tiny]: 20,
-      [e.Small]: 24,
-      [e.Medium]: 28,
-      [e.Large]: 32,
-      [e.XL]: 36,
-      [e.XXL]: 40,
-      [e.XXXL]: 44,
-      [e.XXXXL]: 48
-    }, r = v(() => [
-      t,
-      `${t}--${c.name}`,
-      `${t}--${c.size}`
-    ]), C = async () => {
-      if (!$) return;
-      let n = window?.document.getElementById("clll-icons");
-      if (!n)
-        try {
-          const d = (/* @__PURE__ */ Object.assign({
-            "/src/icons.svg": () => import("./icons-QRYZHNAf.js").then((g) => g.default)
-          }))["/src/icons.svg"];
-          if (!d) {
-            console.warn("[Callaloo] Icon sprite not found");
-            return;
-          }
-          const L = await d();
-          if (n = window?.document.getElementById("clll-icons"), n) return;
-          const i = window?.document.createElement("div");
-          i.id = "clll-icons", i.style.display = "none", i.innerHTML = L.toString(), window?.document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", () => {
-            window?.document.body.insertBefore(i, window?.document.body.childNodes[0]);
-          }) : window?.document.body.insertBefore(i, window?.document.body.childNodes[0]);
-        } catch (l) {
-          console.error("[Callaloo] Failed to load icon sprite:", l);
-        }
-    };
-    return X(() => {
-      C();
-    }), (n, l) => (m(), a("span", {
-      class: u([w(r), w(b)({ color: o.color })]),
-      "data-testid": o.testId
-    }, [
-      (m(), a("svg", {
-        "aria-hidden": "true",
-        class: u(`${t}-sprite`),
-        height: s[o.size],
-        width: s[o.size],
-        viewBox: "0 0 24 24"
-      }, [
-        B("use", {
-          href: `#${o.name}`
-        }, null, 8, T)
-      ], 10, N))
-    ], 10, E));
-  }
-});
-export {
-  j as _
-};