@codeandfunction/callaloo 5.4.0 → 5.6.0

package/dist/components/Form/CLRadioButton/CLRadioButton.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLRadioButton.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as d,openBlock as t,withCtx as r,createElementVNode as u,createCommentVNode as n,normalizeStyle as i,normalizeClass as m,unref as c,withDirectives as p,vModelRadio as b,createTextVNode as _,toDisplayString as y}from"vue";import{_ as f,a as $}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-D64t55FZ.js";import{_ as g}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{C as X,a as v,c as L,d as h}from"../../../chunks/index-8-5PmbUx.js";import{a as B}from"../../../chunks/utils-BlDNsYoE.js";import{useTheme as k}from"../../../composables/useTheme.js";const C=["data-testid"],q=["for"],x=["id","aria-label","checked","disabled","name","value","required"],R=/* @__PURE__ */e({name:"CLRadioButton",__name:"CLRadioButton",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},checked:{type:Boolean},color:{default:h.Neutral},disabled:{type:Boolean},form:{},id:{},label:{},messages:{},messageType:{},name:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:X.Small},testId:{default:"clll-radiobutton"},value:{type:[String,Number,Boolean]},variant:{default:L.Outline},onBlur:{},onChange:{},onFocus:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const L={[X.Tiny]:v.Small,[X.Small]:v.Medium,[X.Medium]:v.Medium,[X.Large]:v.Large,[X.XL]:v.XL,[X.XXL]:v.XXL,[X.XXXL]:v.XXXL,[X.XXXXL]:v.XXXXL},h=e,R=k(),T="clll-radiobutton",j=l(e,"modelValue"),M=s("radiobutton-ref"),F=()=>{M.value&&M.value.focus()},S=o(()=>[T,h.borderRadius?`${T}--${h.borderRadius}`:"",h.busy?`${T}--busy`:`${T}--ready`,`${T}--${h.color}`,`${T}--${h.size}`,h.disabled?`${T}--disabled`:`${T}--active`,h.label?`${T}--haslabel`:"",h.messageType?`${T}--${h.messageType}`:"",h.rounded?`${T}--rounded`:`${T}--box`,h.required?`${T}--required`:`${T}--optional`]),V=o(()=>[`${T}__radiobutton-container`,`${T}--${h.variant}`]);return a({radiobuttonRef:M}),(a,l)=>(t(),d(f,null,{default:r(()=>[u("span",{class:m(c(S)),style:i(c(B)({color:e.color,variant:e.variant,theme:c(R)})),"data-testid":e.testId},[u("span",{class:m(c(V)),onClick:F},[u("label",{for:e.id,class:m(`${T}__label`)},[u("span",{class:m([`${T}__radiobutton-frame`,"form-control-flex"])},[p(u("input",{id:e.id,ref:"radiobutton-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:m(`${T}__radiobutton`),checked:e.checked,disabled:e.disabled||e.busy,name:e.name,value:e.value,required:e.required,type:"radio",onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},null,42,x),[[b,j.value]]),u("span",{class:m(`${T}__indicator`)},null,2)],2),e.label?(t(),d(c(g),{key:0,as:"span",type:L[e.size],class:m(e.required?`${T}__label--required`:"")},{default:r(()=>[_(y(e.label),1)]),_:1},8,["type","class"])):n("",!0)],10,q)],2)],14,C),e.id?(t(),d($,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1}))}});export{R as CLRadioButton,R as default};
+import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as d,openBlock as t,withCtx as r,createElementVNode as u,createCommentVNode as n,normalizeStyle as i,normalizeClass as m,unref as c,withDirectives as p,vModelRadio as b,createTextVNode as _,toDisplayString as y}from"vue";import{_ as f,a as $}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-6Awz3d7d.js";import{_ as g}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CX5xE2PZ.js";import{C as X,a as v,c as L,d as h}from"../../../chunks/index-CrR0eOey.js";import{a as B}from"../../../chunks/utils-BcrswhbC.js";import{useTheme as k}from"../../../composables/useTheme.js";const C=["data-testid"],q=["for"],x=["id","aria-label","checked","disabled","name","value","required"],R=/* @__PURE__ */e({name:"CLRadioButton",__name:"CLRadioButton",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},checked:{type:Boolean},color:{default:h.Neutral},disabled:{type:Boolean},form:{},id:{},label:{},messages:{},messageType:{},name:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:X.Small},testId:{default:"clll-radiobutton"},value:{type:[String,Number,Boolean]},variant:{default:L.Outline},onBlur:{},onChange:{},onFocus:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const L={[X.Tiny]:v.Small,[X.Small]:v.Medium,[X.Medium]:v.Medium,[X.Large]:v.Large,[X.XL]:v.XL,[X.XXL]:v.XXL,[X.XXXL]:v.XXXL,[X.XXXXL]:v.XXXXL},h=e,R=k(),T="clll-radiobutton",j=l(e,"modelValue"),M=s("radiobutton-ref"),F=()=>{M.value&&M.value.focus()},S=o(()=>[T,h.borderRadius?`${T}--${h.borderRadius}`:"",h.busy?`${T}--busy`:`${T}--ready`,`${T}--${h.color}`,`${T}--${h.size}`,h.disabled?`${T}--disabled`:`${T}--active`,h.label?`${T}--haslabel`:"",h.messageType?`${T}--${h.messageType}`:"",h.rounded?`${T}--rounded`:`${T}--box`,h.required?`${T}--required`:`${T}--optional`]),V=o(()=>[`${T}__radiobutton-container`,`${T}--${h.variant}`]);return a({radiobuttonRef:M}),(a,l)=>(t(),d(f,null,{default:r(()=>[u("span",{class:m(c(S)),style:i(c(B)({color:e.color,variant:e.variant,theme:c(R)})),"data-testid":e.testId},[u("span",{class:m(c(V)),onClick:F},[u("label",{for:e.id,class:m(`${T}__label`)},[u("span",{class:m([`${T}__radiobutton-frame`,"form-control-flex"])},[p(u("input",{id:e.id,ref:"radiobutton-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:m(`${T}__radiobutton`),checked:e.checked,disabled:e.disabled||e.busy,name:e.name,value:e.value,required:e.required,type:"radio",onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},null,42,x),[[b,j.value]]),u("span",{class:m(`${T}__indicator`)},null,2)],2),e.label?(t(),d(c(g),{key:0,as:"span",type:L[e.size],class:m(e.required?`${T}__label--required`:"")},{default:r(()=>[_(y(e.label),1)]),_:1},8,["type","class"])):n("",!0)],10,q)],2)],14,C),e.id?(t(),d($,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1}))}});export{R as CLRadioButton,R as default};

package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts

@@ -54,9 +54,9 @@ declare const _default: import('vue').DefineComponent<{
 } & CLRadioButtonProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
+    size: CLSizes;
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    size: CLSizes;
     rounded: boolean;
     testId: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Form/CLSelect/CLSelect.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLSelect.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as i,openBlock as t,withCtx as r,createElementVNode as d,createCommentVNode as n,normalizeStyle as u,normalizeClass as m,unref as c,withDirectives as p,createElementBlock as f,Fragment as b,renderList as y,toDisplayString as _,vModelSelect as $,createVNode as g}from"vue";import{_ as v,a as h}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-D64t55FZ.js";import{_ as L}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DzqGjuzT.js";import{_ as C}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BXZJ4xC2.js";import{C as X,f as k,t as q,g as x,c as z,d as B}from"../../../chunks/index-8-5PmbUx.js";import{s as T}from"../../../chunks/utils-BlDNsYoE.js";import{useTheme as j}from"../../../composables/useTheme.js";const S=["data-testid"],F=["id","aria-label","disabled","name","placeholder","form","required"],M=["value","selected","disabled"],V=/* @__PURE__ */e({name:"CLSelect",__name:"CLSelect",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},color:{default:B.Neutral},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},messages:{},messageType:{},name:{},onBlur:{},onChange:{},onFocus:{},orientation:{default:q.Vertical},options:{},placeholder:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:X.Small},testId:{default:"clll-select"},variant:{default:z.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const z={[X.Tiny]:k.Tiny,[X.Small]:k.Tiny,[X.Medium]:k.Small,[X.Large]:k.Medium,[X.XL]:k.Medium,[X.XXL]:k.Large,[X.XXXL]:k.Large,[X.XXXXL]:k.XL},B=e,V=j(),I="clll-select",R=l(e,"modelValue"),w=s("select-ref"),D=()=>{w.value&&w.value.focus()},H=o(()=>[I,B.borderRadius?`${I}--${B.borderRadius}`:"",B.busy?`${I}--busy`:`${I}--ready`,`${I}--${B.color}`,`${I}--${B.size}`,`${I}--${B.variant}`,B.disabled||B.busy?`${I}--disabled`:`${I}--active`,B.fluid||B.orientation===q.Horizontal?`${I}--fluid`:`${I}--fixed`,B.label?`${I}--haslabel`:"",B.messageType?`${I}--${B.messageType}`:"",B.orientation?`${I}--${B.orientation}`:"",B.rounded?`${I}--rounded`:`${I}--box`,B.required?`${I}--required`:`${I}--optional`]);return a({selectRef:w}),(a,l)=>(t(),i(v,{fluid:e.fluid,orientation:e.orientation},{default:r(()=>[d("span",{class:m(c(H)),style:u(c(T)({color:e.color,variant:e.variant,theme:c(V)})),"data-testid":e.testId},[e.label?(t(),i(L,{key:0,"css-prefix":I,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):n("",!0),d("span",{class:m(`${I}__select-container`),onClick:D},[p(d("select",{id:e.id,ref:"select-ref","onUpdate:modelValue":l[0]||(l[0]=e=>R.value=e),"aria-label":e.ariaLabel,class:m(`${I}__select`),disabled:e.disabled||e.busy,name:e.name,placeholder:e.placeholder,form:e.form,required:e.required,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},[e.options?(t(!0),f(b,{key:0},y(e.options,(a,l)=>(t(),f("option",{key:`${e.id}-option-${l}`,value:a.value,selected:a.value===R.value,disabled:a.disabled},_(a.label),9,M))),128)):n("",!0)],42,F),[[$,R.value]]),d("span",{class:m([`${I}__icon`,"form-select-icon-flex"])},[g(c(C),{name:c(x).ChevronDown,size:z[e.size]},null,8,["name","size"])],2)],2)],14,S),e.id?(t(),i(h,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1},8,["fluid","orientation"]))}});export{V as CLSelect,V as default};
+import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as i,openBlock as t,withCtx as r,createElementVNode as d,createCommentVNode as n,normalizeStyle as u,normalizeClass as m,unref as c,withDirectives as p,createElementBlock as f,Fragment as b,renderList as y,toDisplayString as _,vModelSelect as $,createVNode as v}from"vue";import{_ as g,a as h}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-6Awz3d7d.js";import{_ as L}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DLSxuwUO.js";import{_ as C}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-DBm9FTKV.js";import{C as k,e as X,f as x,c as q,d as z}from"../../../chunks/index-CrR0eOey.js";import{f as B}from"../../../chunks/index-ojQDOR8H.js";import{s as j}from"../../../chunks/utils-BcrswhbC.js";import{useTheme as T}from"../../../composables/useTheme.js";const S=["data-testid"],F=["id","aria-label","disabled","name","placeholder","form","required"],M=["value","selected","disabled"],V=/* @__PURE__ */e({name:"CLSelect",__name:"CLSelect",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},color:{default:z.Neutral},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},messages:{},messageType:{},name:{},onBlur:{},onChange:{},onFocus:{},orientation:{default:B.Vertical},options:{},placeholder:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:k.Small},testId:{default:"clll-select"},variant:{default:q.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const q={[k.Tiny]:X.Tiny,[k.Small]:X.Tiny,[k.Medium]:X.Small,[k.Large]:X.Medium,[k.XL]:X.Medium,[k.XXL]:X.Large,[k.XXXL]:X.Large,[k.XXXXL]:X.XL},z=e,V=T(),I="clll-select",R=l(e,"modelValue"),w=s("select-ref"),D=()=>{w.value&&w.value.focus()},H=o(()=>[I,z.borderRadius?`${I}--${z.borderRadius}`:"",z.busy?`${I}--busy`:`${I}--ready`,`${I}--${z.color}`,`${I}--${z.size}`,`${I}--${z.variant}`,z.disabled||z.busy?`${I}--disabled`:`${I}--active`,z.fluid||z.orientation===B.Horizontal?`${I}--fluid`:`${I}--fixed`,z.label?`${I}--haslabel`:"",z.messageType?`${I}--${z.messageType}`:"",z.orientation?`${I}--${z.orientation}`:"",z.rounded?`${I}--rounded`:`${I}--box`,z.required?`${I}--required`:`${I}--optional`]);return a({selectRef:w}),(a,l)=>(t(),i(g,{fluid:e.fluid,orientation:e.orientation},{default:r(()=>[d("span",{class:m(c(H)),style:u(c(j)({color:e.color,variant:e.variant,theme:c(V)})),"data-testid":e.testId},[e.label?(t(),i(L,{key:0,"css-prefix":I,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):n("",!0),d("span",{class:m(`${I}__select-container`),onClick:D},[p(d("select",{id:e.id,ref:"select-ref","onUpdate:modelValue":l[0]||(l[0]=e=>R.value=e),"aria-label":e.ariaLabel,class:m(`${I}__select`),disabled:e.disabled||e.busy,name:e.name,placeholder:e.placeholder,form:e.form,required:e.required,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},[e.options?(t(!0),f(b,{key:0},y(e.options,(a,l)=>(t(),f("option",{key:`${e.id}-option-${l}`,value:a.value,selected:a.value===R.value,disabled:a.disabled},_(a.label),9,M))),128)):n("",!0)],42,F),[[$,R.value]]),d("span",{class:m([`${I}__icon`,"form-select-icon-flex"])},[v(c(C),{name:c(x).ChevronDown,size:q[e.size]},null,8,["name","size"])],2)],2)],14,S),e.id?(t(),i(h,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1},8,["fluid","orientation"]))}});export{V as CLSelect,V as default};

package/dist/components/Form/CLSelect/CLSelect.vue.d.ts

@@ -58,9 +58,9 @@ declare const _default: import('vue').DefineComponent<{
 } & CLSelectProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 }>, {
+    size: CLSizes;
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    size: CLSizes;
     fluid: boolean;
     rounded: boolean;
     testId: string;

package/dist/components/Form/CLTextArea/CLTextArea.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLTextArea.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,mergeModels as a,useTemplateRef as l,useModel as o,computed as t,createBlock as r,openBlock as n,withCtx as s,createElementVNode as u,createCommentVNode as i,normalizeStyle as d,normalizeClass as m,unref as p,withDirectives as c,vModelText as h}from"vue";import{_ as f,a as y}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-D64t55FZ.js";import{_ as g}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DzqGjuzT.js";import{_ as b}from"../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang--a4k_wVg.js";import{t as $,e as x,c as _,C,d as v}from"../../../chunks/index-8-5PmbUx.js";import{i as L}from"../../../chunks/utils-BlDNsYoE.js";import{useTheme as B}from"../../../composables/useTheme.js";const k=["data-testid"],z=["id","aria-label","autocomplete","cols","disabled","form","maxlength","minlength","name","pattern","placeholder","readonly","required","spellcheck","rows"],q=/* @__PURE__ */e({name:"CLTextArea",__name:"CLTextArea",props:/* @__PURE__ */a({ariaLabel:{},autoComplete:{type:Boolean},borderRadius:{},busy:{type:Boolean},charCounter:{type:Boolean},color:{default:v.Neutral},cols:{},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},maxLength:{},messages:{},messageType:{},minLength:{},name:{},onBlur:{},onChange:{},onFocus:{},onInput:{},orientation:{default:$.Vertical},pattern:{},placeholder:{},readonly:{type:Boolean},required:{type:Boolean},resizable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},rows:{},size:{default:C.Small},spellCheck:{type:Boolean},testId:{default:"clll-textarea"},variant:{default:_.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const _=e,C=B(),v="clll-textarea",q=l("textarea-ref"),T=o(e,"modelValue"),I=()=>{q.value&&q.value.focus()},j=t(()=>[v,_.borderRadius?`${v}--${_.borderRadius}`:"",_.busy?`${v}--busy`:`${v}--ready`,`${v}--${_.color}`,`${v}--${_.size}`,`${v}--${_.variant}`,_.disabled||_.busy?`${v}--disabled`:`${v}--active`,_.charCounter&&_.maxLength?`${v}--hascharcounter`:"",_.fluid||_.orientation===$.Horizontal?`${v}--fluid`:`${v}--fixed`,_.label?`${v}--haslabel`:"",_.messageType?`${v}--${_.messageType}`:"",_.orientation?`${v}--${_.orientation}`:"",_.resizable?`${v}--resizable`:"",_.readonly?`${v}--readonly`:`${v}--writeable`,_.rounded?`${v}--rounded`:`${v}--box`,_.required?`${v}--required`:`${v}--optional`]);return a({textareaRef:q}),(a,l)=>(n(),r(f,{fluid:e.fluid,"has-char-counter":!(!e.charCounter||!e.maxLength),orientation:e.orientation},{default:s(()=>[u("span",{class:m(p(j)),style:d(p(L)({color:e.color,variant:e.variant,theme:p(C)})),"data-testid":e.testId},[e.label?(n(),r(g,{key:0,"css-prefix":v,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):i("",!0),u("span",{class:m(`${v}__input-container`),onClick:I},[c(u("textarea",{id:e.id,ref:"textarea-ref","onUpdate:modelValue":l[0]||(l[0]=e=>T.value=e),"aria-label":e.ariaLabel,autocomplete:e.autoComplete?"on":"off",class:m(`${v}__input`),cols:e.cols,disabled:e.disabled||e.busy,form:e.form,maxlength:e.maxLength,minlength:e.minLength,name:e.name,pattern:e.pattern,placeholder:e.placeholder,readonly:e.readonly,required:e.required,spellcheck:e.spellCheck,rows:e.rows,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a)),onInput:l[4]||(l[4]=(...a)=>e.onInput&&e.onInput(...a))},null,42,z),[[h,T.value]])],2),e.charCounter&&e.maxLength?(n(),r(b,{key:1,"css-prefix":v,"current-length":T.value?T.value.toString().length:0,"max-length":e.maxLength,color:e.color,size:e.size,layout:p(x).Block},null,8,["current-length","max-length","color","size","layout"])):i("",!0)],14,k),e.id?(n(),r(y,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):i("",!0)]),_:1},8,["fluid","has-char-counter","orientation"]))}});export{q as CLTextArea,q as default};
+import{defineComponent as e,mergeModels as a,useTemplateRef as l,useModel as o,computed as t,createBlock as r,openBlock as n,withCtx as s,createElementVNode as i,createCommentVNode as u,normalizeStyle as d,normalizeClass as m,unref as p,withDirectives as c,vModelText as h}from"vue";import{_ as f,a as y}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-6Awz3d7d.js";import{_ as g}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DLSxuwUO.js";import{_ as b}from"../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-Bjraxue-.js";import{c as x,C as $,d as _}from"../../../chunks/index-CrR0eOey.js";import{f as C,C as v}from"../../../chunks/index-ojQDOR8H.js";import{i as L}from"../../../chunks/utils-BcrswhbC.js";import{useTheme as k}from"../../../composables/useTheme.js";const B=["data-testid"],z=["id","aria-label","autocomplete","cols","disabled","form","maxlength","minlength","name","pattern","placeholder","readonly","required","spellcheck","rows"],q=/* @__PURE__ */e({name:"CLTextArea",__name:"CLTextArea",props:/* @__PURE__ */a({ariaLabel:{},autoComplete:{type:Boolean},borderRadius:{},busy:{type:Boolean},charCounter:{type:Boolean},color:{default:_.Neutral},cols:{},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},maxLength:{},messages:{},messageType:{},minLength:{},name:{},onBlur:{},onChange:{},onFocus:{},onInput:{},orientation:{default:C.Vertical},pattern:{},placeholder:{},readonly:{type:Boolean},required:{type:Boolean},resizable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},rows:{},size:{default:$.Small},spellCheck:{type:Boolean},testId:{default:"clll-textarea"},variant:{default:x.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const x=e,$=k(),_="clll-textarea",q=l("textarea-ref"),j=o(e,"modelValue"),T=()=>{q.value&&q.value.focus()},I=t(()=>[_,x.borderRadius?`${_}--${x.borderRadius}`:"",x.busy?`${_}--busy`:`${_}--ready`,`${_}--${x.color}`,`${_}--${x.size}`,`${_}--${x.variant}`,x.disabled||x.busy?`${_}--disabled`:`${_}--active`,x.charCounter&&x.maxLength?`${_}--hascharcounter`:"",x.fluid||x.orientation===C.Horizontal?`${_}--fluid`:`${_}--fixed`,x.label?`${_}--haslabel`:"",x.messageType?`${_}--${x.messageType}`:"",x.orientation?`${_}--${x.orientation}`:"",x.resizable?`${_}--resizable`:"",x.readonly?`${_}--readonly`:`${_}--writeable`,x.rounded?`${_}--rounded`:`${_}--box`,x.required?`${_}--required`:`${_}--optional`]);return a({textareaRef:q}),(a,l)=>(n(),r(f,{fluid:e.fluid,"has-char-counter":!(!e.charCounter||!e.maxLength),orientation:e.orientation},{default:s(()=>[i("span",{class:m(p(I)),style:d(p(L)({color:e.color,variant:e.variant,theme:p($)})),"data-testid":e.testId},[e.label?(n(),r(g,{key:0,"css-prefix":_,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):u("",!0),i("span",{class:m(`${_}__input-container`),onClick:T},[c(i("textarea",{id:e.id,ref:"textarea-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,autocomplete:e.autoComplete?"on":"off",class:m(`${_}__input`),cols:e.cols,disabled:e.disabled||e.busy,form:e.form,maxlength:e.maxLength,minlength:e.minLength,name:e.name,pattern:e.pattern,placeholder:e.placeholder,readonly:e.readonly,required:e.required,spellcheck:e.spellCheck,rows:e.rows,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a)),onInput:l[4]||(l[4]=(...a)=>e.onInput&&e.onInput(...a))},null,42,z),[[h,j.value]])],2),e.charCounter&&e.maxLength?(n(),r(b,{key:1,"css-prefix":_,"current-length":j.value?j.value.toString().length:0,"max-length":e.maxLength,color:e.color,size:e.size,layout:p(v).Block},null,8,["current-length","max-length","color","size","layout"])):u("",!0)],14,B),e.id?(n(),r(y,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):u("",!0)]),_:1},8,["fluid","has-char-counter","orientation"]))}});export{q as CLTextArea,q as default};

package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts

@@ -78,9 +78,9 @@ declare const _default: import('vue').DefineComponent<{
 } & CLTextAreaProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
+    size: CLSizes;
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    size: CLSizes;
     fluid: boolean;
     rounded: boolean;
     testId: string;

package/dist/components/Indicators/CLBadge/CLBadge.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLBadge.css';
-import{defineComponent as t,computed as a,createElementBlock as e,openBlock as l,normalizeStyle as r,normalizeClass as s,unref as d,createElementVNode as o,toDisplayString as i}from"vue";import{c as n,d as u}from"../../../chunks/index-8-5PmbUx.js";import{b as c}from"../../../chunks/utils-Bw22Uikp.js";const m=["data-testid"],f=/* @__PURE__ */t({name:"CLBadge",__name:"CLBadge",props:{borderRadius:{},color:{default:u.Neutral},elevated:{type:Boolean,default:!1},label:{},limit:{},testId:{default:"clll-badge"},variant:{default:n.Soft}},setup(t){const n=t,u="clll-badge",f=a(()=>{const t=n.limit??0,a=n.label??"";return t&&a.toString().length>t?`${a.toString().slice(0,t)}+`:a}),p=a(()=>[u,n.borderRadius?`${u}--${n.borderRadius}`:"",n.elevated?`${u}--elevated`:"",`${u}--${n.color}--${n.variant}`]);return(a,n)=>(l(),e("div",{class:s(d(p)),"data-testid":t.testId,style:r(d(c)({color:t.color,variant:t.variant}))},[o("span",{class:s(`${u}__count`)},i(d(f)),3)],14,m))}});export{f as CLBadge,f as default};
+import{defineComponent as t,computed as a,createElementBlock as e,openBlock as l,normalizeStyle as r,normalizeClass as s,unref as d,createElementVNode as o,toDisplayString as i}from"vue";import{c as n,d as u}from"../../../chunks/index-CrR0eOey.js";import{b as c}from"../../../chunks/utils-DNnzER93.js";const m=["data-testid"],f=/* @__PURE__ */t({name:"CLBadge",__name:"CLBadge",props:{borderRadius:{},color:{default:u.Neutral},elevated:{type:Boolean,default:!1},label:{},limit:{},testId:{default:"clll-badge"},variant:{default:n.Soft}},setup(t){const n=t,u="clll-badge",f=a(()=>{const t=n.limit??0,a=n.label??"";return t&&a.toString().length>t?`${a.toString().slice(0,t)}+`:a}),p=a(()=>[u,n.borderRadius?`${u}--${n.borderRadius}`:"",n.elevated?`${u}--elevated`:"",`${u}--${n.color}--${n.variant}`]);return(a,n)=>(l(),e("div",{class:s(d(p)),"data-testid":t.testId,style:r(d(c)({color:t.color,variant:t.variant}))},[o("span",{class:s(`${u}__count`)},i(d(f)),3)],14,m))}});export{f as CLBadge,f as default};

package/dist/components/Indicators/CLBanner/CLBanner.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLBanner.css';
-import{defineComponent as e,computed as a,createBlock as t,openBlock as o,unref as i,withCtx as s,createElementVNode as n,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BkUObQR1.js";import{_ as m}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_ as k}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-IAxZ6-Ir.js";import{_ as f}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BPHLJf_f.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{c as v,d as g,i as h,k as $,a as L,C,f as x,g as B}from"../../../chunks/index-8-5PmbUx.js";import{a as j}from"../../../chunks/utils-Bw22Uikp.js";const S=["data-testid"],D=/* @__PURE__ */e({name:"CLBanner",__name:"CLBanner",props:{actionLabel:{},align:{default:h.Left},ariaLabel:{},bordered:{type:Boolean,default:!0},borderRadius:{},busy:{type:Boolean,default:!1},color:{default:g.Neutral},height:{default:"auto"},message:{},onAction:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-banner"},title:{},width:{default:"100%"},variant:{default:v.Soft}},setup(e){const g=e,h="clll-banner",D=a(()=>[h,g.actionLabel?`${h}--actionable`:"",g.busy?`${h}--busy`:`${h}--ready`,g.bordered&&g.variant!==v.Ghost?`${h}--bordered`:"",g.borderRadius?`${h}--${g.borderRadius}`:"",g.onDismiss?`${h}--dismissable`:"",`${h}--${g.color}--${g.variant}`,`${h}--align-${g.align}`,g.rounded?`${h}--rounded`:`${h}--box`]);return(a,g)=>(o(),t(i(y),{color:e.color,enabled:!(!e.onClick||!e.ariaLabel),rounded:e.rounded},{default:s(()=>[n("div",{class:r(i(D)),"data-testid":e.testId,style:l({...i(j)({color:e.color,variant:e.variant}),width:e.width,height:e.height})},[n("div",{class:r(`${h}__content`)},[n("div",{class:r(`${h}__nested_content`)},[e.busy?(o(),t(i(f),{key:0,"border-radius":e.borderRadius,height:"28px","test-id":`${h}__skeleton-title`},null,8,["border-radius","test-id"])):u("",!0),e.busy?(o(),t(i(f),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px","test-id":`${h}__skeleton-message`},null,8,["border-radius","test-id"])):u("",!0),e.title&&!e.busy?(o(),t(i(k),{key:2,align:e.align,color:e.color,type:i($).Section},{default:s(()=>[c(_(e.title),1)]),_:1},8,["align","color","type"])):u("",!0),e.message&&!e.busy?(o(),t(i(p),{key:3,align:e.align,color:e.color,type:i(L).Summary},{default:s(()=>[c(_(e.message),1)]),_:1},8,["align","color","type"])):u("",!0)],2),e.onAction&&e.actionLabel?(o(),d("div",{key:0,class:r(`${h}__action-button`)},[b(i(m),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${h}__action-button`,variant:e.variant===i(v).Solid?i(v).Soft:i(v).Solid},{default:s(()=>[c(_(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):u("",!0)],2),e.onDismiss?(o(),d("div",{key:0,class:r(`${h}__dismiss-button`)},[b(i(m),{"aria-label":"Dismiss banner",color:e.color,"icon-before":i(B).Delete,"icon-size":i(x).Tiny,"on-click":e.onDismiss,size:i(C).Tiny,"test-id":`${h}__dismiss-button`,variant:e.variant},null,8,["color","icon-before","icon-size","on-click","size","test-id","variant"])],2)):u("",!0),e.onClick&&e.ariaLabel?(o(),d("button",{key:1,class:"sr-only","data-expand-click-area":"",onClick:g[0]||(g[0]=(...a)=>e.onClick&&e.onClick(...a))},_(e.ariaLabel),1)):u("",!0)],14,S)]),_:1},8,["color","enabled","rounded"]))}});export{D as CLBanner,D as default};
+import{defineComponent as e,computed as a,createBlock as t,openBlock as o,unref as i,withCtx as s,createElementVNode as n,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-CJ0gT3a4.js";import{_ as m}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BuBZi76d.js";import{_ as k}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-9adP7nW4.js";import{_ as f}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-CemlpBy5.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CX5xE2PZ.js";import{c as v,d as g,i as h,k as $,a as L,C,e as x,f as B}from"../../../chunks/index-CrR0eOey.js";import{a as j}from"../../../chunks/utils-DNnzER93.js";const S=["data-testid"],D=/* @__PURE__ */e({name:"CLBanner",__name:"CLBanner",props:{actionLabel:{},align:{default:h.Left},ariaLabel:{},bordered:{type:Boolean,default:!0},borderRadius:{},busy:{type:Boolean,default:!1},color:{default:g.Neutral},height:{default:"auto"},message:{},onAction:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-banner"},title:{},width:{default:"100%"},variant:{default:v.Soft}},setup(e){const g=e,h="clll-banner",D=a(()=>[h,g.actionLabel?`${h}--actionable`:"",g.busy?`${h}--busy`:`${h}--ready`,g.bordered&&g.variant!==v.Ghost?`${h}--bordered`:"",g.borderRadius?`${h}--${g.borderRadius}`:"",g.onDismiss?`${h}--dismissable`:"",`${h}--${g.color}--${g.variant}`,`${h}--align-${g.align}`,g.rounded?`${h}--rounded`:`${h}--box`]);return(a,g)=>(o(),t(i(y),{color:e.color,enabled:!(!e.onClick||!e.ariaLabel),rounded:e.rounded},{default:s(()=>[n("div",{class:r(i(D)),"data-testid":e.testId,style:l({...i(j)({color:e.color,variant:e.variant}),width:e.width,height:e.height})},[n("div",{class:r(`${h}__content`)},[n("div",{class:r(`${h}__nested_content`)},[e.busy?(o(),t(i(f),{key:0,"border-radius":e.borderRadius,height:"28px","test-id":`${h}__skeleton-title`},null,8,["border-radius","test-id"])):u("",!0),e.busy?(o(),t(i(f),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px","test-id":`${h}__skeleton-message`},null,8,["border-radius","test-id"])):u("",!0),e.title&&!e.busy?(o(),t(i(k),{key:2,align:e.align,color:e.color,type:i($).Section},{default:s(()=>[c(_(e.title),1)]),_:1},8,["align","color","type"])):u("",!0),e.message&&!e.busy?(o(),t(i(p),{key:3,align:e.align,color:e.color,type:i(L).Summary},{default:s(()=>[c(_(e.message),1)]),_:1},8,["align","color","type"])):u("",!0)],2),e.onAction&&e.actionLabel?(o(),d("div",{key:0,class:r(`${h}__action-button`)},[b(i(m),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${h}__action-button`,variant:e.variant===i(v).Solid?i(v).Soft:i(v).Solid},{default:s(()=>[c(_(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):u("",!0)],2),e.onDismiss?(o(),d("div",{key:0,class:r(`${h}__dismiss-button`)},[b(i(m),{"aria-label":"Dismiss banner",color:e.color,"icon-before":i(B).Delete,"icon-size":i(x).Tiny,"on-click":e.onDismiss,size:i(C).Tiny,"test-id":`${h}__dismiss-button`,variant:e.variant},null,8,["color","icon-before","icon-size","on-click","size","test-id","variant"])],2)):u("",!0),e.onClick&&e.ariaLabel?(o(),d("button",{key:1,class:"sr-only","data-expand-click-area":"",onClick:g[0]||(g[0]=(...a)=>e.onClick&&e.onClick(...a))},_(e.ariaLabel),1)):u("",!0)],14,S)]),_:1},8,["color","enabled","rounded"]))}});export{D as CLBanner,D as default};

package/dist/components/Indicators/CLPill/CLPill.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLPill.css';
-import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-Cy0CWOG5.js";export{e as CLPill,e as default};
+import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-CPr8J2e_.js";export{e as CLPill,e as default};

package/dist/components/Indicators/CLProgress/CLProgress.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLProgress.css';
-import{defineComponent as e,mergeModels as s,useModel as t,computed as a,createElementBlock as l,openBlock as o,normalizeStyle as r,normalizeClass as d,unref as u,createCommentVNode as i,createElementVNode as n,createVNode as m,withCtx as c,createTextVNode as _,toDisplayString as p}from"vue";import{_ as f}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{a as v,d as y,C as $}from"../../../chunks/index-8-5PmbUx.js";import{c as g}from"../../../chunks/utils-Bw22Uikp.js";import{useTheme as b}from"../../../composables/useTheme.js";const h=["data-testid"],C=/* @__PURE__ */e({name:"CLProgress",__name:"CLProgress",props:/* @__PURE__ */s({color:{default:y.Primary},inverted:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:$.Medium},status:{type:Boolean,default:!1},testId:{default:"clll-progress"}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const s=e,$=b(),C=t(e,"modelValue"),j="clll-progress",k=a(()=>[j,`${j}--${s.color}`,`${j}--${s.size}`,s.inverted?`${j}--inverted`:"",s.rounded?`${j}--rounded`:`${j}--not-rounded`]),x=a(()=>`${C.value}%`);return(s,t)=>(o(),l("div",{class:d(u(k)),"data-testid":e.testId,style:r({...u(g)({color:e.color,theme:u($)}),"--clll-progress-value":C.value})},[e.status?(o(),l("div",{key:0,class:d(`${j}__status__container`)},[n("div",{class:d(`${j}__status__label`)},[m(u(f),{color:u(y).Neutral,type:u(v).Summary},{default:c(()=>[_(p(u(x)),1)]),_:1},8,["color","type"])],2)],2)):i("",!0),n("div",{class:d(`${j}__bar-container`)},[n("div",{class:d(`${j}__bar`)},null,2)],2)],14,h))}});export{C as CLProgress,C as default};
+import{defineComponent as e,mergeModels as s,useModel as t,computed as a,createElementBlock as l,openBlock as o,normalizeStyle as r,normalizeClass as d,unref as u,createCommentVNode as i,createElementVNode as n,createVNode as m,withCtx as c,createTextVNode as _,toDisplayString as p}from"vue";import{_ as f}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CX5xE2PZ.js";import{a as v,d as y,C as $}from"../../../chunks/index-CrR0eOey.js";import{c as g}from"../../../chunks/utils-DNnzER93.js";import{useTheme as b}from"../../../composables/useTheme.js";const h=["data-testid"],C=/* @__PURE__ */e({name:"CLProgress",__name:"CLProgress",props:/* @__PURE__ */s({color:{default:y.Primary},inverted:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:$.Medium},status:{type:Boolean,default:!1},testId:{default:"clll-progress"}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const s=e,$=b(),C=t(e,"modelValue"),j="clll-progress",k=a(()=>[j,`${j}--${s.color}`,`${j}--${s.size}`,s.inverted?`${j}--inverted`:"",s.rounded?`${j}--rounded`:`${j}--not-rounded`]),x=a(()=>`${C.value}%`);return(s,t)=>(o(),l("div",{class:d(u(k)),"data-testid":e.testId,style:r({...u(g)({color:e.color,theme:u($)}),"--clll-progress-value":C.value})},[e.status?(o(),l("div",{key:0,class:d(`${j}__status__container`)},[n("div",{class:d(`${j}__status__label`)},[m(u(f),{color:u(y).Neutral,type:u(v).Summary},{default:c(()=>[_(p(u(x)),1)]),_:1},8,["color","type"])],2)],2)):i("",!0),n("div",{class:d(`${j}__bar-container`)},[n("div",{class:d(`${j}__bar`)},null,2)],2)],14,h))}});export{C as CLProgress,C as default};

package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import('vue').DefineComponent<{
 } & CLProgressProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    color: CLColors;
     size: CLSizes;
+    color: CLColors;
     rounded: boolean;
     testId: string;
     status: boolean;

package/dist/components/Loading/CLSkeleton/CLSkeleton.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLSkeleton.css';
-import{_ as e}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BPHLJf_f.js";export{e as CLSkeleton,e as default};
+import{_ as e}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-CemlpBy5.js";export{e as CLSkeleton,e as default};

package/dist/components/Loading/CLSpinner/CLSpinner.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLSpinner.css';
-import{_ as e}from"../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-Cyy9LUIv.js";export{e as CLSpinner,e as default};
+import{_ as e}from"../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-C8ynwdIc.js";export{e as CLSpinner,e as default};

package/dist/components/Loading/CLSpinner/CLSpinner.vue.d.ts

@@ -12,8 +12,8 @@ export interface CLSpinnerProps {
     testId?: string;
 }
 declare const _default: import('vue').DefineComponent<CLSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLSpinnerProps> & Readonly<{}>, {
-    color: CLColors;
     size: CLSizes;
+    color: CLColors;
     testId: string;
     position: CLPosition;
     align: CLAlign;

package/dist/components/Modals/CLModal/CLModal.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLModal.css';
-import{_ as e}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-BMxlRTwz.js";export{e as CLModal,e as default};
+import{_ as a}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-bW4GgXDu.js";export{a as CLModal,a as default};

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLModalDatePicker.css';
-import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as o,onMounted as d,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-BMxlRTwz.js";import{_ as L}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-BdBFK6l0.js";import{C as X,f as g,g as h,h as k,c as $,d as C}from"../../../chunks/index-8-5PmbUx.js";import{i as w}from"../../../chunks/helper-C542dSLs.js";import{useDatePicker as R}from"../../../composables/useDatePicker.js";const S=["data-testid"],B=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:C.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:$.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},id:{},isRange:{type:Boolean,default:!0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},testId:{default:"clll-date-picker-modal"},title:{default:"Select dates"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,B="clll-date-picker-modal",z=t(!1),V=l(()=>`date-picker-modal-${a.id}`),x=t(),M=o(e,"modelValue"),{rangeLabel:E}=R({appliedStart:l(()=>M.value?.start??null),appliedEnd:l(()=>M.value?.end??null),isRange:a.isRange}),F=t(!1),j=()=>{w&&(F.value=window.innerWidth<480)},P=()=>{if(a.disabled||a.busy)return;j(),z.value=!0,m(()=>{x.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},D=()=>{z.value=!1,x.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},W=()=>{x.value?.apply(),z.value=!1,a.onChange?.()},A=()=>{x.value?.reset(),a.onReset?.()},I=l(()=>F.value);d(()=>{w&&(j(),window.addEventListener("resize",j))}),i(()=>{w&&window.removeEventListener("resize",j)});const N={[X.Tiny]:g.Tiny,[X.Small]:g.Small,[X.Medium]:g.Medium,[X.Large]:g.Large,[X.XL]:g.XL,[X.XXL]:g.XXL,[X.XXXL]:g.XXXL,[X.XXXXL]:g.XXXXL},G=l(()=>[B,a.buttonBorderRadius?`${B}--${a.buttonBorderRadius}`:"",a.busy?`${B}--busy`:`${B}--ready`,`${B}--${a.buttonColor}`,`${B}--${a.buttonSize}`,`${B}--${a.buttonVariant}`,a.disabled||a.busy?`${B}--disabled`:`${B}--active`,a.fluid?`${B}--fluid`:`${B}--fixed`]),T=l(()=>{const e=x.value?.draftStart,t=x.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u("div",{class:r(s(G)),"data-testid":e.testId},[b(s(y),{"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":s(h).Calendar,"icon-size":N[e.buttonSize],"on-click":P,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:c(()=>[f(p(s(E)||e.buttonLabel),1)]),_:1},8,["aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),b(s(_),{"border-radius":s(I)?s(k).None:s(k).Medium,fullscreen:s(I),"is-open":s(z),"max-width":"336px","modal-id":s(V),"on-close":D,title:e.title},{body:c(()=>[b(s(L),{ref_key:"calendarRef",ref:x,modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),busy:e.busy,disabled:e.disabled,fluid:s(I),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:c(()=>[v("div",{class:r(`${B}__footer-actions`)},[b(s(y),{color:s(C).Neutral,"on-click":D,variant:s($).Ghost},{default:c(()=>[...t[1]||(t[1]=[f(" Cancel ",-1)])]),_:1},8,["color","variant"]),v("div",{class:r(`${B}__footer-right`)},[b(s(y),{color:s(C).Neutral,disabled:!s(x)?.draftStart&&!s(x)?.draftEnd,"on-click":A,variant:s($).Ghost},{default:c(()=>[...t[2]||(t[2]=[f(" Reset ",-1)])]),_:1},8,["color","disabled","variant"]),b(s(y),{color:s(C).Primary,disabled:!s(T),"on-click":W},{default:c(()=>[...t[3]||(t[3]=[f(" Apply ",-1)])]),_:1},8,["color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,S))}});export{B as CLModalDatePicker,B as default};
+import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as d,onMounted as o,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BuBZi76d.js";import{_}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-bW4GgXDu.js";import{_ as L}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-T2YTSJmA.js";import{C as X,e as g,f as h,h as k,c as $,d as C}from"../../../chunks/index-CrR0eOey.js";import{i as w}from"../../../chunks/helper-BlxFN3eF.js";import{useDatePicker as R}from"../../../composables/useDatePicker.js";const S=["data-testid"],B=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:C.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:$.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},id:{},isRange:{type:Boolean,default:!0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},testId:{default:"clll-date-picker-modal"},title:{default:"Select dates"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,B="clll-date-picker-modal",z=t(!1),V=l(()=>`date-picker-modal-${a.id}`),x=t(),M=d(e,"modelValue"),{rangeLabel:E}=R({appliedStart:l(()=>M.value?.start??null),appliedEnd:l(()=>M.value?.end??null),isRange:a.isRange}),F=t(!1),j=()=>{w&&(F.value=window.innerWidth<480)},P=()=>{if(a.disabled||a.busy)return;j(),z.value=!0,m(()=>{x.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},D=()=>{z.value=!1,x.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},W=()=>{x.value?.apply(),z.value=!1,a.onChange?.()},A=()=>{x.value?.reset(),a.onReset?.()},I=l(()=>F.value);o(()=>{w&&(j(),window.addEventListener("resize",j))}),i(()=>{w&&window.removeEventListener("resize",j)});const N={[X.Tiny]:g.Tiny,[X.Small]:g.Small,[X.Medium]:g.Medium,[X.Large]:g.Large,[X.XL]:g.XL,[X.XXL]:g.XXL,[X.XXXL]:g.XXXL,[X.XXXXL]:g.XXXXL},G=l(()=>[B,a.buttonBorderRadius?`${B}--${a.buttonBorderRadius}`:"",a.busy?`${B}--busy`:`${B}--ready`,`${B}--${a.buttonColor}`,`${B}--${a.buttonSize}`,`${B}--${a.buttonVariant}`,a.disabled||a.busy?`${B}--disabled`:`${B}--active`,a.fluid?`${B}--fluid`:`${B}--fixed`]),T=l(()=>{const e=x.value?.draftStart,t=x.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u("div",{class:r(s(G)),"data-testid":e.testId},[b(s(y),{"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":s(h).Calendar,"icon-size":N[e.buttonSize],"on-click":P,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:c(()=>[f(p(s(E)||e.buttonLabel),1)]),_:1},8,["aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),b(s(_),{"border-radius":s(I)?s(k).None:s(k).Medium,fullscreen:s(I),"is-open":s(z),"max-width":"336px","modal-id":s(V),"on-close":D,title:e.title},{body:c(()=>[b(s(L),{ref_key:"calendarRef",ref:x,modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),busy:e.busy,disabled:e.disabled,fluid:s(I),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:c(()=>[v("div",{class:r(`${B}__footer-actions`)},[b(s(y),{color:s(C).Neutral,"on-click":D,variant:s($).Ghost},{default:c(()=>[...t[1]||(t[1]=[f(" Cancel ",-1)])]),_:1},8,["color","variant"]),v("div",{class:r(`${B}__footer-right`)},[b(s(y),{color:s(C).Neutral,disabled:!s(x)?.draftStart&&!s(x)?.draftEnd,"on-click":A,variant:s($).Ghost},{default:c(()=>[...t[2]||(t[2]=[f(" Reset ",-1)])]),_:1},8,["color","disabled","variant"]),b(s(y),{color:s(C).Primary,disabled:!s(T),"on-click":W},{default:c(()=>[...t[3]||(t[3]=[f(" Apply ",-1)])]),_:1},8,["color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,S))}});export{B as CLModalDatePicker,B as default};

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-CgIQraQw.js";export{e as CLLink,e as default};
+import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-Bz33e8DE.js";export{e as CLLink,e as default};

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,2 +1,2 @@
 import '../../../assets/core.css';
-import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dj9AfjgR.js";export{a as CLNavLink,a as default};
+import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-CWA3vKSr.js";export{a as CLNavLink,a as default};

package/dist/components/Navigation/CLNavSection/CLNavSection.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLNavSection.css';
-import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as s,renderList as i,createVNode as o,withCtx as c,createTextVNode as u,toDisplayString as _}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dj9AfjgR.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{t as m,d as v}from"../../../chunks/index-8-5PmbUx.js";const f=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:v.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:m.Horizontal}},setup(e){const m=e,v="clll-nav-section",k=t(()=>[v,`${v}--${m.type}`]);return(t,m)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(s,null,i(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[o(n(d),{id:t.id,"aria-label":t.ariaLabel,color:e.color,external:t.external,href:t.href,rel:t.rel,target:t.target,"on-click":t.onClick},{default:c(()=>[o(n(p),{as:"span"},{default:c(()=>[u(_(t.label),1)]),_:2},1024)]),_:2},1032,["id","aria-label","color","external","href","rel","target","on-click"])]))),128))],10,f))}});export{k as CLNavSection,k as default};
+import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as s,renderList as i,createVNode as o,withCtx as c,createTextVNode as u,toDisplayString as d}from"vue";import{_}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-CWA3vKSr.js";import{_ as m}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CX5xE2PZ.js";import{d as p}from"../../../chunks/index-CrR0eOey.js";import{f}from"../../../chunks/index-ojQDOR8H.js";const v=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:p.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:f.Horizontal}},setup(e){const p=e,f="clll-nav-section",k=t(()=>[f,`${f}--${p.type}`]);return(t,p)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(s,null,i(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[o(n(_),{id:t.id,"aria-label":t.ariaLabel,color:e.color,external:t.external,href:t.href,rel:t.rel,target:t.target,"on-click":t.onClick},{default:c(()=>[o(n(m),{as:"span"},{default:c(()=>[u(d(t.label),1)]),_:2},1024)]),_:2},1032,["id","aria-label","color","external","href","rel","target","on-click"])]))),128))],10,v))}});export{k as CLNavSection,k as default};

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
-import{defineComponent as e,ref as t,computed as o,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as f,renderSlot as b}from"vue";import{u as m,a as _,f as v,o as w,s as g}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_ as y}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-C6Db7VH-.js";import{c as B,i as $}from"../../../chunks/helper-C542dSLs.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as x}from"../../../composables/useEsc.js";import{s as C,f as I,g as k,c as E,C as L,d as D,i as S}from"../../../chunks/index-8-5PmbUx.js";const H=["data-testid"],j=["id","aria-labelledby","aria-hidden"],O=/* @__PURE__ */e({name:"CLDropdownMenu",__name:"CLDropdownMenu",props:{buttonAlign:{default:S.Center},buttonAriaLabel:{},buttonBorderRadius:{},buttonBusy:{type:Boolean},buttonColor:{default:D.Secondary},buttonDisabled:{type:Boolean},buttonHeight:{default:"auto"},buttonSize:{default:L.Small},buttonVariant:{default:E.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean},containerBordered:{type:Boolean,default:!0},containerBorderRadius:{},containerElevated:{type:Boolean,default:!1},contentWidth:{default:"auto"},dropdownId:{},fluid:{type:Boolean,default:!1},iconAfter:{default:k.ChevronDown},iconBefore:{},iconSize:{default:I.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:C.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:C}){const I=e;let k=t(),L=t();const S=t(),O=t(),A=t(I.isOpen),W=t(I.placement),R="clll-dropdown-menu",M=o(()=>"auto"===I.zIndex||B(I.zIndex)?I.zIndex:I.zIndex.toString()),V=e=>{e&&(k.value=e)},G=e=>{e&&(L.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:k,dropdownRef:O,openDropdownHandler:()=>{A.value=!0,I?.onOpenHandler?.(),P(),$&&document.addEventListener("click",Q)},closeDropdownHandler:()=>{A.value=!1,I?.onCloseHandler?.(),$&&document.removeEventListener("click",Q),U(),J()}});C({close:()=>{F(),J(),U()},open:()=>{q()}});const{floatingStyles:K,update:P}=m(S,O,{middleware:[v(),w(10),g()],placement:W,open:A,whileElementsMounted:_}),Q=e=>{A.value&&O.value?.contains(e?.target)&&F()},{clearEventListeners:U}=x({escHandler:F,triggerElem:k});return n(()=>{$&&document.removeEventListener("click",Q),U(),J()}),(t,o)=>(d(),a("div",{class:r([`${R}__menu`,e.fluid?`${R}__menu--fluid`:""]),"data-testid":e.testId},[l(s(h),{id:`${R}__toggle--${e.dropdownId}`,ref_key:"anchor",ref:S,"aria-controls":`${R}--${e.dropdownId}`,"aria-expanded":s(A)||e.isOpen,"aria-label":e.buttonAriaLabel,"align-content":e.buttonAlign,busy:e.buttonBusy,disabled:e.buttonDisabled||e.buttonBusy,class:r(`${R}__toggle`),color:e.buttonColor,"border-radius":e.buttonBorderRadius,"forward-ref":V,height:e.buttonHeight,"icon-after":e.iconAfter,"icon-before":e.iconBefore,"icon-size":e.iconSize,size:e.buttonSize,"test-id":`${R}__toggle`,variant:e.buttonVariant,width:e.fluid?"100%":e.buttonWidth,wrap:e.buttonWrapped,"on-click":N},{default:u(()=>[c(p(e.label),1)]),_:1},8,["id","aria-controls","aria-expanded","aria-label","align-content","busy","disabled","class","color","border-radius","height","icon-after","icon-before","icon-size","size","test-id","variant","width","wrap"]),s(A)||e.isOpen?(d(),a("div",{key:0,id:`${R}--${e.dropdownId}`,ref_key:"dropdownElem",ref:O,"aria-labelledby":`${R}__toggle--${e.dropdownId}`,"aria-hidden":!(s(A)||e.isOpen),class:r([`${R}__dropdown`,`${R}__dropdown--${s(W)}`]),style:f({...s(K),zIndex:s(M)})},[l(s(y),{bordered:e.containerBordered,"border-radius":e.containerBorderRadius,color:s(D).Neutral,elevated:e.containerElevated,"forward-ref":G,padded:!1,"test-id":`${R}__content`,variant:s(E).Ghost,width:e.contentWidth},{default:u(()=>[b(t.$slots,"content")]),_:3},8,["bordered","border-radius","color","elevated","test-id","variant","width"])],14,j)):i("",!0)],10,H))}});export{O as CLDropdownMenu,O as default};
+import{defineComponent as e,ref as t,computed as o,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as f,renderSlot as b}from"vue";import{u as m,a as _,f as v,o as w,s as g}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BuBZi76d.js";import{_ as y}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-B8c__OeZ.js";import{b as B,i as $}from"../../../chunks/helper-BlxFN3eF.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as x}from"../../../composables/useEsc.js";import{n as C,e as I,f as k,c as E,C as L,d as D,i as S}from"../../../chunks/index-CrR0eOey.js";const H=["data-testid"],j=["id","aria-labelledby","aria-hidden"],O=/* @__PURE__ */e({name:"CLDropdownMenu",__name:"CLDropdownMenu",props:{buttonAlign:{default:S.Center},buttonAriaLabel:{},buttonBorderRadius:{},buttonBusy:{type:Boolean},buttonColor:{default:D.Secondary},buttonDisabled:{type:Boolean},buttonHeight:{default:"auto"},buttonSize:{default:L.Small},buttonVariant:{default:E.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean},containerBordered:{type:Boolean,default:!0},containerBorderRadius:{},containerElevated:{type:Boolean,default:!1},contentWidth:{default:"auto"},dropdownId:{},fluid:{type:Boolean,default:!1},iconAfter:{default:k.ChevronDown},iconBefore:{},iconSize:{default:I.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:C.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:C}){const I=e;let k=t(),L=t();const S=t(),O=t(),A=t(I.isOpen),W=t(I.placement),R="clll-dropdown-menu",M=o(()=>"auto"===I.zIndex||B(I.zIndex)?I.zIndex:I.zIndex.toString()),V=e=>{e&&(k.value=e)},G=e=>{e&&(L.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:k,dropdownRef:O,openDropdownHandler:()=>{A.value=!0,I?.onOpenHandler?.(),P(),$&&document.addEventListener("click",Q)},closeDropdownHandler:()=>{A.value=!1,I?.onCloseHandler?.(),$&&document.removeEventListener("click",Q),U(),J()}});C({close:()=>{F(),J(),U()},open:()=>{q()}});const{floatingStyles:K,update:P}=m(S,O,{middleware:[v(),w(10),g()],placement:W,open:A,whileElementsMounted:_}),Q=e=>{A.value&&O.value?.contains(e?.target)&&F()},{clearEventListeners:U}=x({escHandler:F,triggerElem:k});return n(()=>{$&&document.removeEventListener("click",Q),U(),J()}),(t,o)=>(d(),a("div",{class:r([`${R}__menu`,e.fluid?`${R}__menu--fluid`:""]),"data-testid":e.testId},[l(s(h),{id:`${R}__toggle--${e.dropdownId}`,ref_key:"anchor",ref:S,"aria-controls":`${R}--${e.dropdownId}`,"aria-expanded":s(A)||e.isOpen,"aria-label":e.buttonAriaLabel,"align-content":e.buttonAlign,busy:e.buttonBusy,disabled:e.buttonDisabled||e.buttonBusy,class:r(`${R}__toggle`),color:e.buttonColor,"border-radius":e.buttonBorderRadius,"forward-ref":V,height:e.buttonHeight,"icon-after":e.iconAfter,"icon-before":e.iconBefore,"icon-size":e.iconSize,size:e.buttonSize,"test-id":`${R}__toggle`,variant:e.buttonVariant,width:e.fluid?"100%":e.buttonWidth,wrap:e.buttonWrapped,"on-click":N},{default:u(()=>[c(p(e.label),1)]),_:1},8,["id","aria-controls","aria-expanded","aria-label","align-content","busy","disabled","class","color","border-radius","height","icon-after","icon-before","icon-size","size","test-id","variant","width","wrap"]),s(A)||e.isOpen?(d(),a("div",{key:0,id:`${R}--${e.dropdownId}`,ref_key:"dropdownElem",ref:O,"aria-labelledby":`${R}__toggle--${e.dropdownId}`,"aria-hidden":!(s(A)||e.isOpen),class:r([`${R}__dropdown`,`${R}__dropdown--${s(W)}`]),style:f({...s(K),zIndex:s(M)})},[l(s(y),{bordered:e.containerBordered,"border-radius":e.containerBorderRadius,color:s(D).Neutral,elevated:e.containerElevated,"forward-ref":G,padded:!1,"test-id":`${R}__content`,variant:s(E).Ghost,width:e.contentWidth},{default:u(()=>[b(t.$slots,"content")]),_:3},8,["bordered","border-radius","color","elevated","test-id","variant","width"])],14,j)):i("",!0)],10,H))}});export{O as CLDropdownMenu,O as default};

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

@@ -126,9 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            size: CLSizes;
             color: CLColors;
             variant: CLColorVariants;
-            size: CLSizes;
             rounded: boolean;
             testId: string;
             type: import('../../../types').CLButtonTypes;
@@ -139,8 +139,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             width: string;
             height: string;
             borderRadius: CLBorderRadius;
-            iconSize: CLIconSizes;
             iconFilled: boolean;
+            iconSize: CLIconSizes;
             href: string;
             active: boolean;
             alignContent: CLAlign;
@@ -175,9 +175,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        size: CLSizes;
         color: CLColors;
         variant: CLColorVariants;
-        size: CLSizes;
         rounded: boolean;
         testId: string;
         type: import('../../../types').CLButtonTypes;
@@ -188,8 +188,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         width: string;
         height: string;
         borderRadius: CLBorderRadius;
-        iconSize: CLIconSizes;
         iconFilled: boolean;
+        iconSize: CLIconSizes;
         href: string;
         active: boolean;
         alignContent: CLAlign;
@@ -203,7 +203,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         iconBefore: CLIconNames;
         pill: boolean;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "color" | "variant" | "size" | "rounded" | "testId" | "type" | "form" | "title" | "onClick" | "target" | "width" | "height" | "borderRadius" | "iconSize" | "iconFilled" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "size" | "color" | "variant" | "rounded" | "testId" | "type" | "form" | "title" | "onClick" | "target" | "width" | "height" | "borderRadius" | "iconFilled" | "iconSize" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

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

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

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

@@ -5,8 +5,8 @@ declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {},
     testId: string;
     width: string;
     dismissTimer: number;
-    iconSize: CLIconSizes;
     iconFilled: boolean;
+    iconSize: CLIconSizes;
     position: CLToastPosition;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elem: HTMLOutputElement;

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

@@ -1,2 +1,2 @@
 import '../../../assets/core.css';
-import{defineComponent as e,provide as t,onMounted as o,onBeforeUnmount as a,watch as r,createBlock as s,openBlock as l,resolveDynamicComponent as d,normalizeStyle as n,normalizeClass as i,unref as c,withCtx as m,renderSlot as f}from"vue";import{s as u,T as h}from"../../../chunks/context-CwJxpGTV.js";export{D as DEFAULT_THEME}from"../../../chunks/context-CwJxpGTV.js";import{i as k,b as p}from"../../../chunks/helper-C542dSLs.js";const g=/* @__PURE__ */e({__name:"CLThemeProvider",props:{tag:{default:"div"},themeConfig:{},autoDetectDarkMode:{type:Boolean,default:!0}},setup(e){const g=e,v=u(g.themeConfig);t(h,v);const{borderRadius:D,darkMode:C,fontFamily:M,setBorderRadius:y,setColors:E,setDarkMode:F,setFontFamily:L}=v;let T=null;const x=()=>{if(g.autoDetectDarkMode&&k){const e=p();F(e)}};return o(()=>{g.autoDetectDarkMode&&k&&(x(),T=window.matchMedia("(prefers-color-scheme: dark)"),T.addEventListener("change",x))}),a(()=>{T&&k&&T.removeEventListener("change",x)}),r(()=>g.themeConfig?.borderRadius,e=>{y(e)}),r(()=>g.themeConfig?.colors,e=>{e&&E(e)}),r(()=>g.themeConfig?.darkMode,e=>{void 0===e||g.autoDetectDarkMode||F(e)}),r(()=>g.themeConfig?.fontFamily,e=>{L(e)}),(t,o)=>(l(),s(d(e.tag),{class:i(["clll-theme-provider","--clll-color-theme-"+(c(C)?"dark":"light")]),style:n({"--clll-font-family":c(M),"--clll-default-radius":c(D)?`var(--clll-${c(D)})`:void 0})},{default:m(()=>[f(t.$slots,"default")]),_:3},8,["class","style"]))}});export{g as CLThemeProvider,h as ThemeInjectionKey,g as default};
+import{ref as e,defineComponent as o,provide as t,onMounted as a,onBeforeUnmount as r,watch as s,createBlock as l,openBlock as d,resolveDynamicComponent as i,normalizeStyle as n,normalizeClass as c,unref as m,withCtx as u,renderSlot as f}from"vue";import{D as h,o as k}from"../../../chunks/index-CrR0eOey.js";import{T as v}from"../../../chunks/context-BrNC8CsD.js";import{i as p,c as M}from"../../../chunks/helper-BlxFN3eF.js";const g=/* @__PURE__ */o({__name:"CLThemeProvider",props:{tag:{default:"div"},themeConfig:{},autoDetectDarkMode:{type:Boolean,default:!0}},setup(o){const g=o,y=(o=>{const t=e(o?.borderRadius||h.borderRadius),a=e(o?.darkMode??h.darkMode),r=e(o?.fontFamily??h.fontFamily),s=k(h.colors,o?.colors),l=e(s);return{borderRadius:t,colors:l,darkMode:a,fontFamily:r,setBorderRadius:e=>{t.value=e},setColors:e=>{l.value={...l.value,...e}},setDarkMode:e=>{a.value=e},setFontFamily:e=>{r.value=e}}})(g.themeConfig);t(v,y);const{borderRadius:D,darkMode:C,fontFamily:F,setBorderRadius:R,setColors:b,setDarkMode:L,setFontFamily:j}=y;let x=null;const B=()=>{if(g.autoDetectDarkMode&&p){const e=M();L(e)}};return a(()=>{g.autoDetectDarkMode&&p&&(B(),x=window.matchMedia("(prefers-color-scheme: dark)"),x.addEventListener("change",B))}),r(()=>{x&&p&&x.removeEventListener("change",B)}),s(()=>g.themeConfig?.borderRadius,e=>{R(e)}),s(()=>g.themeConfig?.colors,e=>{e&&b(e)}),s(()=>g.themeConfig?.darkMode,e=>{void 0===e||g.autoDetectDarkMode||L(e)}),s(()=>g.themeConfig?.fontFamily,e=>{j(e)}),(e,t)=>(d(),l(i(o.tag),{class:c(["clll-theme-provider","--clll-color-theme-"+(m(C)?"dark":"light")]),style:n({"--clll-font-family":m(F),"--clll-default-radius":m(D)?`var(--clll-${m(D)})`:void 0})},{default:u(()=>[f(e.$slots,"default")]),_:3},8,["class","style"]))}});export{g as CLThemeProvider,h as DEFAULT_THEME,v as ThemeInjectionKey,g as default};

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

@@ -1,23 +1,9 @@
-import { CLColorVariants, CLMode, CLThemeConfig } from '../../../index.ts';
+import { CLThemeConfig } from '@codeandfunction/callaloo-tokens';
 import { CLThemeContext } from './context';
-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 { DEFAULT_THEME, COLOR_VARIANTS_MAP } from '@codeandfunction/callaloo-tokens';
+export type { ColorModesKeys } from '@codeandfunction/callaloo-tokens';
 /**
  * Creates a new theme state instance.
  * Using a factory function avoids global state leakage when multiple providers are used.
  */
 export declare const setupTheme: (config?: CLThemeConfig) => CLThemeContext;
-export {};

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

@@ -1,4 +1,4 @@
-import { CLColors, CLColorVariants, CLMode, CLPalette } from '../../../index.ts';
+import { getColorValues } from '@codeandfunction/callaloo-tokens';
 export declare const baseContentBox: () => string;
 interface BaseFormElementProps {
     backgroundColor?: string;
@@ -16,23 +16,4 @@ interface FocusProps {
     shadowColor?: string;
 }
 export declare const focusTheme: ({ borderColor, outlineWidth, outlineOffset, outlineColor, shadowWidth, shadowColor }: FocusProps) => string;
-interface GetColorsArgs {
-    color: CLColors;
-    colors: CLPalette;
-    mode: CLMode;
-    variant: CLColorVariants;
-}
-interface GetColorsReturn {
-    bg?: string;
-    border?: string;
-    borderHover?: string;
-    disabled?: string;
-    focus?: string;
-    hover?: string;
-    shadow?: string;
-    text?: string;
-    textBody?: string;
-    textDisabled?: string;
-}
-export declare const getColorValues: ({ color, colors, mode, variant }: GetColorsArgs) => GetColorsReturn | undefined;
-export {};
+export { getColorValues };

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

@@ -1,2 +1,2 @@
 import '../../../assets/core.css';
-import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BoYmdVvl.js";import{T as n}from"../../../chunks/context-JmPivI9V.js";const v={class:"clll-toast-provider"},p=/* @__PURE__ */s({name:"CLToastProvider",__name:"CLToastProvider",props:{borderRadius:{},dismissTimer:{},position:{}},setup(s){const p=s,T=i({}),_=i(!1),c=()=>{_.value=!1,T.value={}};return o(n,{visible:_,showToast:s=>{T.value={...s,borderRadius:s.borderRadius??p.borderRadius,dismissTimer:s.dismissTimer??p.dismissTimer,position:s.position??p.position},_.value=!0},hideToast:c}),(s,i)=>(r(),e("div",v,[_.value?(r(),a(u(m),l({key:0},T.value,{"on-dismiss":c}),null,16)):t("",!0),d(s.$slots,"default")]))}});export{p as CLToastProvider,n as ToastInjectionKey,p as default};
+import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-D40TSfU_.js";import{T as n}from"../../../chunks/context-JmPivI9V.js";const v={class:"clll-toast-provider"},p=/* @__PURE__ */s({name:"CLToastProvider",__name:"CLToastProvider",props:{borderRadius:{},dismissTimer:{},position:{}},setup(s){const p=s,T=i({}),_=i(!1),c=()=>{_.value=!1,T.value={}};return o(n,{visible:_,showToast:s=>{T.value={...s,borderRadius:s.borderRadius??p.borderRadius,dismissTimer:s.dismissTimer??p.dismissTimer,position:s.position??p.position},_.value=!0},hideToast:c}),(s,i)=>(r(),e("div",v,[_.value?(r(),a(u(m),l({key:0},T.value,{"on-dismiss":c}),null,16)):t("",!0),d(s.$slots,"default")]))}});export{p as CLToastProvider,n as ToastInjectionKey,p as default};

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

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLHeading.css';
-import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-IAxZ6-Ir.js";export{e as CLHeading,e as default};
+import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-9adP7nW4.js";export{e as CLHeading,e as default};

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

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLText.css';
-import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";export{e as CLText,e as default};
+import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CX5xE2PZ.js";export{e as CLText,e as default};

package/dist/composables/useDropdown.js

@@ -1,2 +1,2 @@
 import '../assets/core.css';
-import{ref as e}from"vue";import{i as o}from"../chunks/helper-C542dSLs.js";const n=({triggerElem:n,dropdownRef:r,openDropdownHandler:t,closeDropdownHandler:i})=>{const c=e(!1),v=e(),w=e=>{try{(e=>{try{const t=e?.target,i=n?.value,c=r?.value;return!(!(o&&i&&c)||i.contains(t)||c.contains(t))||void 0}catch(t){return void console.error(t)}})(e)&&(o&&(window.removeEventListener("click",w),window.removeEventListener("keyup",w)),c.value=!1,i?.())}catch(t){console.error(t)}};return{open:c,openDropdown:()=>{try{c.value=!0,o&&(v.value=window.setTimeout(()=>{window.removeEventListener("click",w),window.removeEventListener("keyup",w),window.addEventListener("click",w),window.addEventListener("keyup",w)},100)),t?.()}catch(e){console.error(e)}},closeDropdown:()=>{try{o&&(window.removeEventListener("click",w),window.removeEventListener("keyup",w)),c.value=!1,i?.()}catch(e){console.error(e)}},clearEventListeners:()=>{o&&(v.value&&window.clearTimeout(v.value),window.removeEventListener("click",w),window.removeEventListener("keyup",w))}}};export{n as useDropdown};
+import{ref as e}from"vue";import{i as o}from"../chunks/helper-BlxFN3eF.js";const n=({triggerElem:n,dropdownRef:r,openDropdownHandler:t,closeDropdownHandler:i})=>{const c=e(!1),v=e(),w=e=>{try{(e=>{try{const t=e?.target,i=n?.value,c=r?.value;return!(!(o&&i&&c)||i.contains(t)||c.contains(t))||void 0}catch(t){return void console.error(t)}})(e)&&(o&&(window.removeEventListener("click",w),window.removeEventListener("keyup",w)),c.value=!1,i?.())}catch(t){console.error(t)}};return{open:c,openDropdown:()=>{try{c.value=!0,o&&(v.value=window.setTimeout(()=>{window.removeEventListener("click",w),window.removeEventListener("keyup",w),window.addEventListener("click",w),window.addEventListener("keyup",w)},100)),t?.()}catch(e){console.error(e)}},closeDropdown:()=>{try{o&&(window.removeEventListener("click",w),window.removeEventListener("keyup",w)),c.value=!1,i?.()}catch(e){console.error(e)}},clearEventListeners:()=>{o&&(v.value&&window.clearTimeout(v.value),window.removeEventListener("click",w),window.removeEventListener("keyup",w))}}};export{n as useDropdown};

package/dist/composables/useElementSize.js

@@ -1,2 +1,2 @@
 import '../assets/core.css';
-import{ref as e,computed as t,watch as a,nextTick as l}from"vue";import{i as u,a as i}from"../chunks/helper-C542dSLs.js";var o=/* @__PURE__ */(e=>(e.Width="width",e.Height="height",e))(o||{}),r=/* @__PURE__ */(e=>(e.Percentage="percentage",e.Auto="auto",e))(r||{});const n=({elementRef:o,dimension:r="width",mode:n="percentage",snapPoint:s=1,observeChanges:h=!0,debounceDelay:v=50,isActive:c=!1})=>{const d=e({}),m=e(null),g=e(),y=e(n),p=e(s),w=e(r),f=t(()=>{const e=p.value??1;return Math.max(0,Math.min(1,e))}),x=t(()=>"boolean"==typeof c?c:c.value),b=()=>{if(u&&o?.value&&"auto"===y.value)try{const e=o.value,t=e.style.width,a=e.style.height,l=e.style.maxWidth,u=e.style.maxHeight;e.style.width="auto",e.style.height="auto",e.style.maxWidth="none",e.style.maxHeight="none";const i=e.scrollWidth,r=e.scrollHeight,n=window.innerWidth,s=window.innerHeight;if(e.style.width=t,e.style.height=a,e.style.maxWidth=l,e.style.maxHeight=u,"height"===w.value){const e=Math.min(r,s);d.value={height:`${e}px`}}else{const e=Math.min(i,n);d.value={width:`${e}px`}}}catch(e){console.error("Error measuring element size:",e)}},H=()=>{if(u&&o?.value&&"auto"===y.value&&h)try{m.value&&m.value.disconnect(),m.value=new ResizeObserver(()=>{(()=>{if(u)try{g.value&&g.value.stop(),g.value||(g.value=i()),g.value.start(v,e=>{Math.min(e,v)===v&&(g.value?.stop(),b())})}catch(e){console.error("Error in debounced measure:",e)}})()}),m.value.observe(o.value)}catch(e){console.error("Error setting up ResizeObserver:",e)}},W=()=>{m.value&&(m.value.disconnect(),m.value=null)},M=t(()=>{if(!u)return"100%";if("auto"===y.value)return"height"===w.value?d.value.height||"auto":d.value.width||"auto";return 100*f.value+"%"});a(y,e=>{"auto"===e&&x.value?l(()=>{b(),H()}):(W(),d.value={})}),a(x,e=>{e&&"auto"===y.value?l(()=>{b(),H()}):(W(),e||(d.value={}))});return{size:M,measure:b,destroy:()=>{u&&(W(),g.value&&g.value.stop(),d.value={})}}};export{o as SizeDimension,r as SizeMode,n as useElementSize};
+import{ref as e,computed as t,watch as a,nextTick as l}from"vue";import{i as u,a as i}from"../chunks/helper-BlxFN3eF.js";var o=/* @__PURE__ */(e=>(e.Width="width",e.Height="height",e))(o||{}),r=/* @__PURE__ */(e=>(e.Percentage="percentage",e.Auto="auto",e))(r||{});const n=({elementRef:o,dimension:r="width",mode:n="percentage",snapPoint:s=1,observeChanges:h=!0,debounceDelay:v=50,isActive:c=!1})=>{const d=e({}),m=e(null),g=e(),y=e(n),p=e(s),w=e(r),f=t(()=>{const e=p.value??1;return Math.max(0,Math.min(1,e))}),x=t(()=>"boolean"==typeof c?c:c.value),b=()=>{if(u&&o?.value&&"auto"===y.value)try{const e=o.value,t=e.style.width,a=e.style.height,l=e.style.maxWidth,u=e.style.maxHeight;e.style.width="auto",e.style.height="auto",e.style.maxWidth="none",e.style.maxHeight="none";const i=e.scrollWidth,r=e.scrollHeight,n=window.innerWidth,s=window.innerHeight;if(e.style.width=t,e.style.height=a,e.style.maxWidth=l,e.style.maxHeight=u,"height"===w.value){const e=Math.min(r,s);d.value={height:`${e}px`}}else{const e=Math.min(i,n);d.value={width:`${e}px`}}}catch(e){console.error("Error measuring element size:",e)}},H=()=>{if(u&&o?.value&&"auto"===y.value&&h)try{m.value&&m.value.disconnect(),m.value=new ResizeObserver(()=>{(()=>{if(u)try{g.value&&g.value.stop(),g.value||(g.value=i()),g.value.start(v,e=>{Math.min(e,v)===v&&(g.value?.stop(),b())})}catch(e){console.error("Error in debounced measure:",e)}})()}),m.value.observe(o.value)}catch(e){console.error("Error setting up ResizeObserver:",e)}},W=()=>{m.value&&(m.value.disconnect(),m.value=null)},M=t(()=>{if(!u)return"100%";if("auto"===y.value)return"height"===w.value?d.value.height||"auto":d.value.width||"auto";return 100*f.value+"%"});a(y,e=>{"auto"===e&&x.value?l(()=>{b(),H()}):(W(),d.value={})}),a(x,e=>{e&&"auto"===y.value?l(()=>{b(),H()}):(W(),e||(d.value={}))});return{size:M,measure:b,destroy:()=>{u&&(W(),g.value&&g.value.stop(),d.value={})}}};export{o as SizeDimension,r as SizeMode,n as useElementSize};

package/dist/composables/useEsc.js

@@ -1,2 +1,2 @@
 import '../assets/core.css';
-import{i as e}from"../chunks/helper-C542dSLs.js";const t=({escHandler:t,triggerElem:r})=>{const n=n=>{if(e)if(r?.value){const e="true"===r.value?.getAttribute("aria-expanded"),a=n.target===r.value;"Escape"===n.key&&e&&a&&t?.()}else"Escape"===n.key&&t?.()};return e&&(r?.value?r.value.addEventListener("keyup",n,!1):document.addEventListener("keyup",n,!1)),{clearEventListeners:()=>{e&&(r?.value?r.value.removeEventListener("keyup",n,!1):document.removeEventListener("keyup",n,!1))}}};export{t as useEsc};
+import{i as e}from"../chunks/helper-BlxFN3eF.js";const t=({escHandler:t,triggerElem:r})=>{const n=n=>{if(e)if(r?.value){const e="true"===r.value?.getAttribute("aria-expanded"),a=n.target===r.value;"Escape"===n.key&&e&&a&&t?.()}else"Escape"===n.key&&t?.()};return e&&(r?.value?r.value.addEventListener("keyup",n,!1):document.addEventListener("keyup",n,!1)),{clearEventListeners:()=>{e&&(r?.value?r.value.removeEventListener("keyup",n,!1):document.removeEventListener("keyup",n,!1))}}};export{t as useEsc};

package/dist/composables/useTheme.js

@@ -1,2 +1,2 @@
 import '../assets/core.css';
-import{D as e,T as o}from"../chunks/context-CwJxpGTV.js";import{ref as r,getCurrentInstance as a,inject as n}from"vue";const s=r(e.borderRadius),t=r(e.darkMode),l=r(e.fontFamily),u=r(e.colors||{primary:{},secondary:{},neutral:{},danger:{},warning:{},success:{},info:{}}),d=()=>{const e=a(),r=e?.type.name||"(anonymous component)",d=n(o,null);return d||(console.warn(`[Callaloo]: useTheme() must be used within a <CLThemeProvider />. Called from component: ${r}`,(new Error).stack),{borderRadius:s,colors:u,darkMode:t,fontFamily:l,setBorderRadius:e=>{s.value=e},setColors:e=>{u.value={...u.value,...e}},setDarkMode:e=>{t.value=e},setFontFamily:e=>{l.value=e}})};export{d as useTheme};
+import{ref as o,getCurrentInstance as e,inject as r}from"vue";import{D as a}from"../chunks/index-CrR0eOey.js";import{T as n}from"../chunks/context-BrNC8CsD.js";const s=o(a.borderRadius),t=o(a.darkMode),l=o(a.fontFamily),u=o(a.colors||{primary:{},secondary:{},neutral:{},danger:{},warning:{},success:{},info:{}}),m=()=>{const o=e(),a=o?.type.name||"(anonymous component)",m=r(n,null);return m||(console.warn(`[Callaloo]: useTheme() must be used within a <CLThemeProvider />. Called from component: ${a}`,(new Error).stack),{borderRadius:s,colors:u,darkMode:t,fontFamily:l,setBorderRadius:o=>{s.value=o},setColors:o=>{u.value={...u.value,...o}},setDarkMode:o=>{t.value=o},setFontFamily:o=>{l.value=o}})};export{m as useTheme};

package/dist/index.js

@@ -1 +1 @@
-export{i as CLAlign,h as CLBorderRadius,j as CLCardTypes,e as CLCharCounterLayout,c as CLColorVariants,d as CLColors,r as CLDrawerPosition,l as CLHeadingLevels,k as CLHeadingTypes,g as CLIconNames,f as CLIconSizes,w as CLInputTypes,m as CLLinkTarget,o as CLLoading,y as CLMessageType,b as CLMode,p as CLOrder,t as CLOrientation,n as CLOverflow,v as CLPaginationType,s as CLPlacement,q as CLPosition,C as CLSizes,x as CLTableTypes,a as CLTextTypes,u as CLToastPosition}from"./chunks/index-8-5PmbUx.js";var L=/* @__PURE__ */(s=>(s.Button="button",s.Submit="submit",s))(L||{});export{L as CLButtonTypes};
+export{i as CLAlign,h as CLBorderRadius,j as CLCardTypes,c as CLColorVariants,d as CLColors,m as CLDrawerPosition,k as CLHeadingTypes,f as CLIconNames,e as CLIconSizes,b as CLMode,n as CLPlacement,l as CLPosition,C as CLSizes,q as CLTableTypes,a as CLTextTypes,p as CLToastPosition}from"./chunks/index-CrR0eOey.js";export{C as CLCharCounterLayout,a as CLHeadingLevels,h as CLInputTypes,b as CLLinkTarget,d as CLLoading,i as CLMessageType,e as CLOrder,f as CLOrientation,c as CLOverflow,g as CLPaginationType}from"./chunks/index-ojQDOR8H.js";var s=/* @__PURE__ */(s=>(s.Button="button",s.Submit="submit",s))(s||{});export{s as CLButtonTypes};

package/dist/types.d.ts

@@ -1,4 +1,5 @@
-import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLCharCounterLayout, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLoading, CLLinkTarget, CLMessageType, CLMode, CLNavItem as CLBaseNavItem, CLOption, CLOrder, CLOrientation, CLOverflow, CLPaginationType, CLPalette, CLPaletteKeys, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLShades, CLTableTypes, CLTextTypes, CLThemeConfig, CLToastPosition } from '@codeandfunction/callaloo-types';
+import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLHeadingTypes, CLIconSizes, CLIconNames, CLMode, CLPalette, CLPaletteKeys, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLShades, CLTableTypes, CLTextTypes, CLThemeConfig, CLToastPosition, CLToastProps as CLBaseToastProps } from '@codeandfunction/callaloo-tokens';
+import { CLCharCounterLayout, CLHeadingLevels, CLInputTypes, CLLoading, CLLinkTarget, CLMessageType, CLNavItem as CLBaseNavItem, CLOption, CLOrder, CLOrientation, CLOverflow, CLPaginationType } from '@codeandfunction/callaloo-types';
 export { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLCharCounterLayout, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLoading, CLLinkTarget, CLMessageType, CLMode, CLOrder, CLOrientation, CLOverflow, CLPaginationType, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition };
 export type { CLOption, CLPalette, CLPaletteKeys, CLShades, CLThemeConfig, CLBaseNavItem };
 export type CLBlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
@@ -33,35 +34,5 @@ export interface CLNavItem {
 }
 export type CLInlineTextHtmlTags = 'a' | 'abbr' | 'b' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr';
 export type CLTextHtmlTags = CLBlockTextHtmlTags | CLInlineTextHtmlTags;
-export interface CLToastProps {
-    /** The action label text to be displayed */
-    actionLabel?: string;
-    /** The border radius size */
-    borderRadius?: CLBorderRadius;
-    /** Sets the color of the buttons and icons */
-    color?: CLColors;
-    /** Time in seconds e.g 5 = 5 seconds */
-    dismissTimer?: number;
-    /** The icon to be displayed */
-    icon?: CLIconNames;
-    /** The size of the icon */
-    iconSize?: CLIconSizes;
-    /** A boolean value which dictates whether icons should be filled. */
-    iconFilled?: boolean;
-    /** The text to be displayed as the message */
-    message?: string;
-    /** A callback function to handle click events */
-    onAction?: CLGenericFunction;
-    /** A callback function to handle when the toast is dismissed */
-    onDismiss: CLGenericFunction;
-    /** Sets the position of the toast */
-    position?: CLToastPosition;
-    /** When set to `false` it will not render a Toast with rounded corners */
-    rounded?: boolean;
-    /** Sets a custom ID used for unit tests */
-    testId?: string;
-    /** Set the text of the title which should be displayed */
-    title?: string;
-    /** Sets the width of the Toast, it's default value is `24rem`. */
-    width?: string;
+export interface CLToastProps extends CLBaseToastProps {
 }