@codeandfunction/callaloo 3.16.1 → 3.16.3

package/README.md

@@ -13,10 +13,11 @@ Callaloo is a Vue UI library. It is easy to integrate into any Vue3+ project, ha
 
 ## Installation
 
-```sh [pnpm]
-$ pnpm add @codeandfunction/callaloo
+```sh
+pnpm add @codeandfunction/callaloo
 ```
 
+**or**
 
 ```sh
 npm install @codeandfunction/callaloo
@@ -36,6 +37,7 @@ The following example demonstrates how to use a Callaloo component in your Vue p
 <script setup lang="ts">
 import CLThemeProvider from '@codeandfunction/callaloo/CLThemeProvider';
 import CLButton from '@codeandfunction/callaloo/CLButton';
+import { CLSizes } from '@codeandfunction/callaloo';
 
 const onClickHandler = (evt?: Event) => {
   alert('Hello World!');
@@ -45,7 +47,7 @@ const onClickHandler = (evt?: Event) => {
 <template>
   <div class="my-awesome-app">
     <CLThemeProvider>
-      <CLButton :on-click="onClickHandler">Hello world</CLButton>
+      <CLButton :on-click="onClickHandler" :size="CLSizes.Medium">Hello world</CLButton>
     </CLThemeProvider>
   </div>
 </template>

package/dist/assets/CLFormCharCounter.css

@@ -1 +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-form-char-counter{pointer-events:none;user-select:none}.clll-form-char-counter--inline{max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-form-char-counter--block{display:block;width:100%;text-align:right;box-sizing:border-box;position:relative}.clll-form-char-counter__char-counter__text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-form-char-counter--tiny .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-form-char-counter--small .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-form-char-counter--medium .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-form-char-counter--large .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-form-char-counter--xlarge .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}
+.clll-form-char-counter{pointer-events:none;user-select:none}.clll-form-char-counter--inline{max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-form-char-counter--block{display:block;width:100%;text-align:right;box-sizing:border-box;position:relative}.clll-form-char-counter__char-counter__text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-form-char-counter--tiny .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-form-char-counter--small .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-form-char-counter--medium .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-form-char-counter--large .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-form-char-counter--xlarge .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}

package/dist/assets/CLInputMessages.css

@@ -1 +1 @@
-.clll-form-field{position:relative;flex:none;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-form-field.clll-form-field--fluid{width:100%}.clll-form-field.clll-form-field--haspill>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-form-field.clll-form-field--horizontal{display:flex;flex-direction:row}.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__pill,.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__spacer{width:50%}: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-input__message{margin-top:var(--clll-unit-1);width:100%}.clll-input__message .clll-input__message__text{font-size:var(--clll-unit-3);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}
+.clll-form-field{position:relative;flex:none;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-form-field.clll-form-field--fluid{width:100%}.clll-form-field.clll-form-field--haspill>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-form-field.clll-form-field--horizontal{display:flex;flex-direction:row}.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__pill,.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__spacer{width:50%}.clll-input__message{margin-top:var(--clll-unit-1);width:100%}.clll-input__message .clll-input__message__text{font-size:var(--clll-unit-3);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}

package/dist/assets/core.css

@@ -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}: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}

package/dist/assets/shared/form-utilities.css

@@ -0,0 +1 @@
+.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}

package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js → CLA11yButton.vue_vue_type_style_index_0_lang-Caaw-9_c.js}

@@ -1,6 +1,6 @@
 import { defineComponent as b, ref as p, computed as y, createElementBlock as k, openBlock as C, withKeys as B, normalizeClass as E, unref as s, renderSlot as x } from "vue";
 import { CLColors as A } from "../index.js";
-import { a as _ } from "./utils-Da9LXXQ0.js";
+import { a as _ } from "./utils-Bp7YeySh.js";
 const g = ["data-testid", "tabindex"], w = /* @__PURE__ */ b({
   name: "CLA11yButton",
   __name: "CLA11yButton",

package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js → CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, useSlots as h, ref as S, computed as z, onMounted as B, nextTick as g, createBlock as n, openBlock as i, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as s, unref as l, withCtx as w, createCommentVNode as d, createElementBlock as A, renderSlot as R } from "vue";
-import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
-import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js";
+import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
+import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js";
 import { CLColorVariants as I, CLButtonTypes as x, CLLinkTarget as M, CLSizes as o, CLIconSizes as m, CLColors as F, CLAlign as b, CLPosition as N } from "../index.js";
-import { b as V } from "./utils-Da9LXXQ0.js";
-import { u as D } from "./useHasSlotContent-DDqs5uK9.js";
+import { b as V } from "./utils-Bp7YeySh.js";
+import { useHasSlotContent as D } from "../composables/useHasSlotContent.js";
 const J = /* @__PURE__ */ C({
   name: "CLButton",
   __name: "CLButton",

package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DVuAcV5A.js → CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js}

@@ -1,11 +1,11 @@
 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-DILwNSgn.js";
-import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js";
-import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js";
-import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as A } from "./CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
+import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js";
+import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js";
+import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.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-D_WP3vZz.js";
-import { u as te } from "./useHasSlotContent-DDqs5uK9.js";
+import { c as ae } from "./utils-DRsWhcFX.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",

package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js → CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, createElementBlock as i, openBlock as o, normalizeClass as a, createVNode as m, unref as d, withCtx as n, createTextVNode as c, toDisplayString as f } from "vue";
-import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
 import { CLSizes as l, CLTextTypes as t } from "../index.js";
 const b = ["for", "data-testid"], h = /* @__PURE__ */ r({
   name: "CLFormLabel",

package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js → CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, computed as r, createBlock as u, openBlock as f, resolveDynamicComponent as p, unref as o, normalizeClass as m, withCtx as g, renderSlot as C } from "vue";
 import { CLHeadingTypes as l, CLColors as $, CLAlign as L, CLHeadingLevels as n } from "../index.js";
-import { t as h } from "./utils-DTWXs4YX.js";
+import { t as h } from "./utils-nC7WS9e0.js";
 const T = /* @__PURE__ */ i({
   name: "CLHeading",
   __name: "CLHeading",

package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js → CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js}

@@ -1,16 +1,17 @@
 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 { u as x, g as z, a as S, c as M } from "./useTheme-yoEfuNvB.js";
-import { i as $ } from "./base-theme-C9_Hz5HW.js";
+import { g as x, a as z, c as S } from "./utils-C9rOAW29.js";
+import { useTheme as M } from "../composables/useTheme.js";
+import { i as $ } from "./helper--hRjZVm6.js";
 const b = ({ color: o = h.Neutral }) => {
-  const { colors: i, darkMode: t } = x(), s = t.value ? f.Light : f.Dark, l = z({
+  const { colors: c, darkMode: t } = M(), s = t.value ? f.Light : f.Dark, r = x({
     color: o,
-    colors: i.value,
+    colors: c.value,
     mode: s,
     variant: I.Text
   });
-  return S(M`color: ${l?.textBody};`);
-}, E = ["data-testid"], N = ["height", "width"], T = ["href"], O = /* @__PURE__ */ p({
+  return z(S`color: ${r?.textBody};`);
+}, E = ["data-testid"], N = ["height", "width"], T = ["href"], j = /* @__PURE__ */ p({
   name: "CLIcon",
   __name: "CLIcon",
   props: {
@@ -23,7 +24,7 @@ const b = ({ color: o = h.Neutral }) => {
     y((n) => ({
       v18b705a2: s[n.size] + "px"
     }));
-    const i = o, t = "clll-icon", s = {
+    const c = o, t = "clll-icon", s = {
       [e.Tiny]: 20,
       [e.Small]: 24,
       [e.Medium]: 28,
@@ -32,36 +33,36 @@ const b = ({ color: o = h.Neutral }) => {
       [e.XXL]: 40,
       [e.XXXL]: 44,
       [e.XXXXL]: 48
-    }, l = v(() => [
+    }, r = v(() => [
       t,
-      `${t}--${i.name}`,
-      `${t}--${i.size}`
+      `${t}--${c.name}`,
+      `${t}--${c.size}`
     ]), C = async () => {
       if (!$) return;
       let n = window?.document.getElementById("clll-icons");
       if (!n)
         try {
-          const r = (/* @__PURE__ */ Object.assign({
+          const d = (/* @__PURE__ */ Object.assign({
             "/src/icons.svg": () => import("./icons-QRYZHNAf.js").then((g) => g.default)
           }))["/src/icons.svg"];
-          if (!r) {
+          if (!d) {
             console.warn("[Callaloo] Icon sprite not found");
             return;
           }
-          const L = await r();
+          const L = await d();
           if (n = window?.document.getElementById("clll-icons"), n) return;
-          const c = window?.document.createElement("div");
-          c.id = "clll-icons", c.style.display = "none", c.innerHTML = L.toString(), window?.document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", () => {
-            window?.document.body.insertBefore(c, window?.document.body.childNodes[0]);
-          }) : window?.document.body.insertBefore(c, window?.document.body.childNodes[0]);
-        } catch (d) {
-          console.error("[Callaloo] Failed to load icon sprite:", d);
+          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, d) => (m(), a("span", {
-      class: u([w(l), w(b)({ color: o.color })]),
+    }), (n, l) => (m(), a("span", {
+      class: u([w(r), w(b)({ color: o.color })]),
       "data-testid": o.testId
     }, [
       (m(), a("svg", {
@@ -79,5 +80,5 @@ const b = ({ color: o = h.Neutral }) => {
   }
 });
 export {
-  O as _
+  j as _
 };

package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js → CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js}

@@ -1,7 +1,8 @@
 import { defineComponent as G, createElementBlock as W, openBlock as R, normalizeClass as O, unref as E, renderSlot as N, Fragment as A, renderList as H, createElementVNode as I, toDisplayString as j } from "vue";
 import { CLOrientation as J, CLMode as x, CLColorVariants as n, CLColors as K } from "../index.js";
-import { u as L, g as w, c as r, b as q, f as M, a as S } from "./useTheme-yoEfuNvB.js";
-const B = "clll-form-field", Z = /* @__PURE__ */ G({
+import { useTheme as L } from "../composables/useTheme.js";
+import { g as w, c as r, b as q, f as M, a as S } from "./utils-C9rOAW29.js";
+const B = "clll-form-field", m = /* @__PURE__ */ G({
   __name: "CLFormField",
   props: {
     fluid: { type: Boolean },
@@ -22,7 +23,7 @@ const B = "clll-form-field", Z = /* @__PURE__ */ G({
       N(l.$slots, "default")
     ], 2));
   }
-}), m = ({
+}), ll = ({
   color: e,
   component: l,
   disabled: s,
@@ -43,7 +44,7 @@ const B = "clll-form-field", Z = /* @__PURE__ */ G({
   c.value && (o = r`&:not([class*='clll-${l}--rounded-']){&.clll-${l}.clll-${l}--rounded .clll-${l}__${l}{border-radius:var(--clll-${c.value});}&.clll-${l}.clll-${l}--rounded{.clll-radiobutton__indicator{border-radius:var(--clll-${c.value});}}}`), s && (p = r`.clll-${l}__${l}-container{.clll-${l}__label{cursor:not-allowed;.clll-${l}__${l}{&:disabled{&:checked{background-color:${u};}}}}}&.clll-${l}--disabled{.clll-${l}__label{.clll-${l}__${l}-frame{.clll-${l}__icon{color:${v};}.clll-radiobutton__indicator{background-color:${v};}}}`);
   const T = r`&.clll-${l}--haslabel{.clll-${l}__label{.clll-text{&.clll-${l}__label--required::after{${z()}}}}}.clll-${l}__${l}-container{.clll-${l}__label{.clll-${l}__${l}-frame{.clll-${l}__icon{color:${k};}.clll-radiobutton__indicator{background-color:${k};}.clll-${l}__${l}{${M({ borderColor: $, shadowColor: C, outlineWidth: _, outlineColor: g, shadowWidth: "--clll-unit-0" })}&:checked{background-color:${t};${s ? M({ borderColor: y, shadowColor: C, outlineWidth: _, outlineColor: g, shadowWidth: "--clll-unit-0" }) : ""}}}}}}.clll-${l}__${l}{${q({ backgroundColor: t, borderColor: $ })}}`;
   return S(T, o, p, D);
-}, ll = ({
+}, el = ({
   color: e,
   component: l,
   disabled: s,
@@ -73,7 +74,7 @@ const B = "clll-form-field", Z = /* @__PURE__ */ G({
     variant: n.Outline
   });
   return S(r`&.clll-input__message--${e}{color:${c?.textBody};}`);
-}, el = ({ color: e, disabled: l, variant: s }) => {
+}, ol = ({ color: e, disabled: l, variant: s }) => {
   const { borderRadius: a, colors: c, darkMode: b } = L(), f = b.value ? x.Dark : x.Light, h = w({
     color: e,
     colors: c.value,
@@ -93,7 +94,7 @@ const B = "clll-form-field", Z = /* @__PURE__ */ G({
 }, z = () => {
   const { colors: e, darkMode: l } = L();
   return `position:relative;top:var(--clll-unit-1);content:'*';font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:${l.value ? e.value.danger?.["400"] : e.value.danger?.["700"]};text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0;`;
-}, P = "clll-input__message", ol = /* @__PURE__ */ G({
+}, P = "clll-input__message", rl = /* @__PURE__ */ G({
   __name: "CLInputMessages",
   props: {
     id: {},
@@ -112,9 +113,9 @@ const B = "clll-form-field", Z = /* @__PURE__ */ G({
   }
 });
 export {
-  Z as _,
-  ol as a,
-  m as c,
-  ll as i,
-  el as s
+  m as _,
+  rl as a,
+  ll as c,
+  el as i,
+  ol as s
 };

package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js → CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js}

@@ -1,24 +1,25 @@
 import { defineComponent as x, computed as C, createElementBlock as k, openBlock as d, normalizeClass as b, unref as l, renderSlot as L, createBlock as $, createCommentVNode as g } from "vue";
-import { _ as h } from "./CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
-import { CLMode as u, CLColors as f, CLColorVariants as v, CLLinkTarget as y, CLIconSizes as B, CLIconNames as w } from "../index.js";
-import { u as z, g as I, a as T, f as p, c as D } from "./useTheme-yoEfuNvB.js";
+import { _ as h } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
+import { CLMode as u, CLColors as m, CLColorVariants as v, CLLinkTarget as y, CLIconSizes as B, CLIconNames as p } from "../index.js";
+import { g as w, a as z, f as I, c as T } from "./utils-C9rOAW29.js";
+import { useTheme as D } from "../composables/useTheme.js";
 const H = ({
-  color: e = f.Primary,
+  color: e = m.Primary,
   underline: o = !0
 }) => {
-  const { colors: r, darkMode: n } = z(), a = n.value ? u.Dark : u.Light, t = I({
+  const { colors: r, darkMode: n } = D(), a = n.value ? u.Dark : u.Light, t = w({
     color: e,
     colors: r.value,
     mode: a,
     variant: v.Outline
-  }), i = t?.border, m = t?.textDisabled, c = t?.textBody, s = n.value ? t?.borderHover : t?.textDisabled;
-  return T(D`text-decoration-line:underline;text-decoration-color:${o ? i : "transparent"};display:inline-flex;align-items:center;transition: color 200ms linear, text-decoration-color 200ms linear;color:${c};font-weight:500;background-color:transparent;padding:0;border:0;.clll-text{color:${c};}&:hover{text-decoration-color:${o ? m : "transparent"};background-color:transparent;color:${s};.clll-text{color:${s};}}${p({ borderColor: c ?? "transparent", shadowColor: t?.shadow ?? "transparent", outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}`);
-}, S = ["aria-label", "data-testid", "href", "rel", "target"], O = /* @__PURE__ */ x({
+  }), i = t?.border, f = t?.textDisabled, c = t?.textBody, s = n.value ? t?.borderHover : t?.textDisabled;
+  return z(T`text-decoration-line:underline;text-decoration-color:${o ? i : "transparent"};display:inline-flex;align-items:center;transition: color 200ms linear, text-decoration-color 200ms linear;color:${c};font-weight:500;background-color:transparent;padding:0;border:0;.clll-text{color:${c};}&:hover{text-decoration-color:${o ? f : "transparent"};background-color:transparent;color:${s};.clll-text{color:${s};}}${I({ borderColor: c ?? "transparent", shadowColor: t?.shadow ?? "transparent", outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}`);
+}, S = ["aria-label", "data-testid", "href", "rel", "target"], P = /* @__PURE__ */ x({
   name: "CLLink",
   __name: "CLLink",
   props: {
     ariaLabel: {},
-    color: { default: f.Primary },
+    color: { default: m.Primary },
     external: { type: Boolean, default: !1 },
     href: {},
     onClick: {},
@@ -48,12 +49,12 @@ const H = ({
       e.external ? (d(), $(l(h), {
         key: 0,
         color: e.color,
-        name: l(w).ExternalLink,
+        name: l(p).ExternalLink,
         size: l(B).Tiny
       }, null, 8, ["color", "name", "size"])) : g("", !0)
     ], 10, S));
   }
 });
 export {
-  O as _
+  P as _
 };

package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js → CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, createBlock as o, openBlock as c, unref as d, withCtx as f, renderSlot as m } from "vue";
-import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js";
+import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js";
 import { CLColors as k } from "../index.js";
 const x = /* @__PURE__ */ i({
   name: "CLNavLink",

package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js → CLPill.vue_vue_type_style_index_0_lang-DYXrV-YE.js}

@@ -1,8 +1,8 @@
 import { defineComponent as v, computed as d, createElementBlock as i, openBlock as t, Fragment as y, createCommentVNode as o, createBlock as u, normalizeClass as c, unref as a, createElementVNode as s, toDisplayString as r, withCtx as h } from "vue";
-import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as m } from "./CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
+import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
+import { _ as m } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
 import { CLColorVariants as z, CLColors as B, CLIconSizes as $ } from "../index.js";
-import { p as f } from "./utils-DFnkOeYP.js";
+import { p as f } from "./utils-DVR3a-_d.js";
 const L = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLPill",
   __name: "CLPill",

package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js → CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, mergeModels as _, useCssVars as $, useModel as C, computed as d, createElementBlock as n, openBlock as c, normalizeClass as s, unref as t, createCommentVNode as v, createElementVNode as a, createVNode as y, withCtx as g, createTextVNode as V, toDisplayString as x } from "vue";
-import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
 import { CLTextTypes as B, CLColors as u, CLSizes as L } from "../index.js";
-import { a as b } from "./utils-DFnkOeYP.js";
+import { a as b } from "./utils-DVR3a-_d.js";
 const h = ["data-testid"], S = /* @__PURE__ */ p({
   name: "CLProgress",
   __name: "CLProgress",

package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js → CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as c, normalizeClass as m, unref as n, createElementVNode as f } from "vue";
-import { s as p } from "./utils-C7Yjsqk-.js";
+import { s as p } from "./utils-D-5TdmRW.js";
 const k = ["data-testid"], _ = /* @__PURE__ */ a({
   name: "CLSkeleton",
   __name: "CLSkeleton",

package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js → CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, computed as n, createElementBlock as r, openBlock as i, normalizeClass as c, unref as l, createElementVNode as a } from "vue";
 import { CLSizes as u, CLPosition as f, CLColors as C, CLAlign as $ } from "../index.js";
-import { a as z } from "./utils-C7Yjsqk-.js";
+import { a as z } from "./utils-D-5TdmRW.js";
 const L = ["data-testid"], h = /* @__PURE__ */ m({
   name: "CLSpinner",
   __name: "CLSpinner",

package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js → CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeClass as u, unref as o, withCtx as m, renderSlot as i } from "vue";
 import { CLTextTypes as p, CLColors as $, CLAlign as y } from "../index.js";
-import { t as C } from "./utils-DTWXs4YX.js";
+import { t as C } from "./utils-nC7WS9e0.js";
 const h = /* @__PURE__ */ s({
   name: "CLText",
   __name: "CLText",

package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-DOI4DZGg.js → CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js}

@@ -1,23 +1,24 @@
-import { defineComponent as U, useCssVars as F, ref as b, computed as P, watch as X, onMounted as Z, onUnmounted as j, onBeforeUnmount as q, createElementBlock as k, openBlock as u, normalizeStyle as G, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as $, createVNode as L, withCtx as z, createTextVNode as S, toDisplayString as _, isRef as J } from "vue";
-import { _ as M } from "./CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as K } from "./CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
-import { _ as O } from "./CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js";
-import { _ as Q } from "./CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
-import { _ as W } from "./CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js";
-import { CLMode as R, CLColorVariants as N, CLToastPosition as Y, CLIconSizes as B, CLColors as C, CLHeadingTypes as p, CLTextTypes as I, CLSizes as w, CLIconNames as ee } from "../index.js";
-import { i as A, g as te, e as oe } from "./base-theme-C9_Hz5HW.js";
-import { u as ae } from "./useEsc-C9QIDZ_8.js";
-import { u as se, g as ie, c as E, a as le } from "./useTheme-yoEfuNvB.js";
+import { defineComponent as U, useCssVars as F, ref as b, computed as P, watch as X, onMounted as Z, onUnmounted as j, onBeforeUnmount as p, createElementBlock as k, openBlock as u, normalizeStyle as q, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as $, createVNode as L, withCtx as z, createTextVNode as S, toDisplayString as _, isRef as G } from "vue";
+import { _ as M } from "./CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
+import { _ as J } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
+import { _ as K } from "./CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js";
+import { _ as O } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
+import { _ as Q } from "./CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
+import { CLMode as R, CLColorVariants as N, CLToastPosition as W, CLIconSizes as B, CLColors as C, CLHeadingTypes as Y, CLTextTypes as I, CLSizes as w, CLIconNames as ee } from "../index.js";
+import { i as A, g as te, a as oe } from "./helper--hRjZVm6.js";
+import { useEsc as ae } from "../composables/useEsc.js";
+import { g as se, c as E, a as ie } from "./utils-C9rOAW29.js";
+import { useTheme as le } from "../composables/useTheme.js";
 const ne = ({ color: e, variant: t }) => {
-  const { borderRadius: y, colors: d, darkMode: n } = se(), s = n.value ? R.Dark : R.Light, r = ie({
+  const { borderRadius: y, colors: d, darkMode: n } = le(), s = n.value ? R.Dark : R.Light, r = se({
     color: e,
     colors: d.value,
     mode: s,
     variant: t
   }), T = n.value ? "black" : "white";
   let m;
-  return y.value && (m = E`&:not([class*='clll-toast--rounded-']){&.clll-toast.clll-toast--rounded{border-radius:var(--clll-${y.value});}}`), le(E`background-color:${T};color:${r?.text};.clll-toast__body{.clll-toast__content{.clll-toast__icon{background-color:${r?.bg ?? "transparent"};.clll-icon{color:${r?.text};}}}}.clll-toast__timer-bar{background-color:${r?.textDisabled};}`, m);
-}, re = ["data-testid"], f = 300, o = "clll-toast", Ce = /* @__PURE__ */ U({
+  return y.value && (m = E`&:not([class*='clll-toast--rounded-']){&.clll-toast.clll-toast--rounded{border-radius:var(--clll-${y.value});}}`), ie(E`background-color:${T};color:${r?.text};.clll-toast__body{.clll-toast__content{.clll-toast__icon{background-color:${r?.bg ?? "transparent"};.clll-icon{color:${r?.text};}}}}.clll-toast__timer-bar{background-color:${r?.textDisabled};}`, m);
+}, re = ["data-testid"], f = 300, o = "clll-toast", Te = /* @__PURE__ */ U({
   name: "CLToast",
   __name: "CLToast",
   props: {
@@ -30,7 +31,7 @@ const ne = ({ color: e, variant: t }) => {
     message: {},
     onAction: {},
     onDismiss: {},
-    position: { default: Y.TopRight },
+    position: { default: W.TopRight },
     rounded: { type: Boolean, default: !0 },
     testId: { default: "clll-toast" },
     title: {},
@@ -78,14 +79,14 @@ const ne = ({ color: e, variant: t }) => {
       A && t?.dismissTimer && s.value && (s.value.stop(), s.value = void 0), n.value = !1, t.onDismiss?.();
     });
     const { clearEventListeners: V } = ae({ escHandler: m });
-    return q(() => {
+    return p(() => {
       V();
     }), (i, l) => (u(), k("output", {
       ref_key: "elem",
       ref: y,
       class: c([a(T), a(ne)({ color: e.color, variant: e.variant })]),
       "data-testid": e.testId,
-      style: G({ zIndex: a(r) })
+      style: q({ zIndex: a(r) })
     }, [
       g("div", {
         class: c(`${o}__body`)
@@ -97,7 +98,7 @@ const ne = ({ color: e, variant: t }) => {
             key: 0,
             class: c(`${o}__icon`)
           }, [
-            L(a(K), {
+            L(a(J), {
               name: e.icon,
               size: e.iconSize
             }, null, 8, ["name", "size"])
@@ -105,18 +106,18 @@ const ne = ({ color: e, variant: t }) => {
           g("div", {
             class: c(`${o}__text`)
           }, [
-            e.title ? (u(), x(a(W), {
+            e.title ? (u(), x(a(Q), {
               key: 0,
               color: a(C).Neutral,
               "test-id": `${o}__title`,
-              type: a(p).Section
+              type: a(Y).Section
             }, {
               default: z(() => [
                 S(_(e.title), 1)
               ]),
               _: 1
             }, 8, ["color", "test-id", "type"])) : $("", !0),
-            e.message ? (u(), x(a(Q), {
+            e.message ? (u(), x(a(O), {
               key: 1,
               color: a(C).Neutral,
               "test-id": `${o}__message`,
@@ -162,10 +163,10 @@ const ne = ({ color: e, variant: t }) => {
           }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
         ], 2)
       ], 2),
-      e.dismissTimer ? (u(), x(a(O), {
+      e.dismissTimer ? (u(), x(a(K), {
         key: 0,
         modelValue: a(d),
-        "onUpdate:modelValue": l[0] || (l[0] = (v) => J(d) ? d.value = v : null),
+        "onUpdate:modelValue": l[0] || (l[0] = (v) => G(d) ? d.value = v : null),
         color: e.color,
         rounded: !1,
         size: a(w).Small
@@ -174,5 +175,5 @@ const ne = ({ color: e, variant: t }) => {
   }
 });
 export {
-  Ce as _
+  Te as _
 };