@codeandfunction/callaloo 5.16.0 → 5.17.1

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 i,onMounted as d,onBeforeUnmount as o,createBlock as r,openBlock as u,withCtx as n,createElementVNode as s,normalizeClass as b,unref as c,createCommentVNode as f,createVNode as p,createElementBlock as m,createTextVNode as _,toDisplayString as v,nextTick as y}from"vue";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-pE0JrYmS.js";import{_ as L}from"../../../chunks/CLFormField.vue_vue_type_style_index_0_lang-Rf_Mo_VS.js";import{_ as k}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DoM5X-sA.js";import{_ as $}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DLUfvRC_.js";import{_ as g}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-PiGGhTHo.js";import{c as X,e as C,f as B,h as R,a as z,b as S}from"../../../chunks/index-DsloP0ml.js";import{a as w}from"../../../chunks/index-wkMXT2wB.js";import{i as x}from"../../../chunks/helper-BlxFN3eF.js";import{useDatePicker as q}from"../../../composables/useDatePicker.js";const F=["data-testid"],V=["name","value","required"],j=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:S.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:z.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},label:{default:void 0},name:{default:void 0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},orientation:{default:w.Vertical},required:{type:Boolean,default:!1},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,j="clll-date-picker-modal",M=t(!1),E=l(()=>`date-picker-modal-${a.id}`),P=t(),D=i(e,"modelValue"),{rangeLabel:W}=q({appliedStart:l(()=>D.value?.start??null),appliedEnd:l(()=>D.value?.end??null),isRange:a.isRange}),A=t(!1),I=()=>{x&&(A.value=window.innerWidth<480)},N=()=>{if(a.disabled||a.busy)return;I(),M.value=!0,y(()=>{P.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},G=()=>{M.value=!1,P.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},T=()=>{P.value?.apply(),M.value=!1,a.onChange?.()},H=()=>{P.value?.reset(),a.onReset?.()},O=l(()=>A.value);d(()=>{x&&(I(),window.addEventListener("resize",I))}),o(()=>{x&&window.removeEventListener("resize",I)});const U={[X.Tiny]:C.Tiny,[X.Small]:C.Small,[X.Medium]:C.Medium,[X.Large]:C.Large,[X.XL]:C.XL,[X.XXL]:C.XXL,[X.XXXL]:C.XXXL,[X.XXXXL]:C.XXXXL},J=l(()=>[j,a.buttonBorderRadius?`${j}--${a.buttonBorderRadius}`:"",a.busy?`${j}--busy`:`${j}--ready`,`${j}--${a.buttonColor}`,`${j}--${a.buttonSize}`,`${j}--${a.buttonVariant}`,a.disabled||a.busy?`${j}--disabled`:`${j}--active`,a.fluid||a.orientation===w.Horizontal?`${j}--fluid`:`${j}--fixed`,a.label?`${j}--haslabel`:"",a.orientation?`${j}--${a.orientation}`:"",a.required?`${j}--required`:`${j}--optional`]),K=l(()=>{const e=P.value?.draftStart,t=P.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(u(),r(L,{fluid:e.fluid,orientation:e.orientation},{default:n(()=>[s("div",{class:b(c(J)),"data-testid":e.testId},[e.label?(u(),r(k,{key:0,"css-prefix":j,"html-for":e.id,label:e.label,required:e.required,size:e.buttonSize,onClick:N},null,8,["html-for","label","required","size"])):f("",!0),p(c(h),{id:e.id,"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":c(B).Calendar,"icon-size":U[e.buttonSize],"on-click":N,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:n(()=>[_(v(c(W)||e.buttonLabel),1)]),_:1},8,["id","aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),e.name||e.required?(u(),m("input",{key:1,class:b(`${j}__hidden-input`),name:e.name,value:c(W)||"",required:e.required,tabindex:"-1","aria-hidden":"true"},null,10,V)):f("",!0),p(c($),{"border-radius":c(O)?c(R).None:c(R).Medium,fullscreen:c(O),"is-open":c(M),"max-width":"336px","modal-id":c(E),"on-close":G,title:e.title},{body:n(()=>[p(c(g),{ref_key:"calendarRef",ref:P,modelValue:D.value,"onUpdate:modelValue":t[0]||(t[0]=e=>D.value=e),busy:e.busy,disabled:e.disabled,fluid:c(O),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:n(()=>[s("div",{class:b(`${j}__footer-actions`)},[p(c(h),{"border-radius":e.buttonBorderRadius,color:c(S).Neutral,"on-click":G,variant:c(z).Ghost},{default:n(()=>[...t[1]||(t[1]=[_(" Cancel ",-1)])]),_:1},8,["border-radius","color","variant"]),s("div",{class:b(`${j}__footer-right`)},[p(c(h),{"border-radius":e.buttonBorderRadius,color:c(S).Neutral,disabled:!c(P)?.draftStart&&!c(P)?.draftEnd,"on-click":H,variant:c(z).Ghost},{default:n(()=>[...t[2]||(t[2]=[_(" Reset ",-1)])]),_:1},8,["border-radius","color","disabled","variant"]),p(c(h),{"border-radius":e.buttonBorderRadius,color:c(S).Primary,disabled:!c(K),"on-click":T},{default:n(()=>[...t[3]||(t[3]=[_(" Apply ",-1)])]),_:1},8,["border-radius","color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,F)]),_:1},8,["fluid","orientation"]))}});export{j as CLModalDatePicker,j as default};
+import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as d,toRef as o,onMounted as i,onBeforeUnmount as r,createBlock as u,openBlock as n,withCtx as s,createElementVNode as b,normalizeClass as c,unref as f,createCommentVNode as p,createVNode as m,createElementBlock as _,createTextVNode as v,toDisplayString as y,nextTick as h}from"vue";import{_ as L}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-pE0JrYmS.js";import{_ as k}from"../../../chunks/CLFormField.vue_vue_type_style_index_0_lang-Rf_Mo_VS.js";import{_ as $}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-Cv4WHr_X.js";import{_ as w}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DFQqYIGs.js";import{_ as g}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-D35OH5qI.js";import{c as X,e as C,f as B,h as R,a as z,b as S}from"../../../chunks/index-DsloP0ml.js";import{a as x}from"../../../chunks/index-wkMXT2wB.js";import{i as D}from"../../../chunks/helper-BlxFN3eF.js";import{useDatePicker as F}from"../../../composables/useDatePicker.js";const j=["data-testid"],q=["name","value","required"],V=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({allowedDates:{type:[Array,Object,Function],default:void 0},buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:S.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:z.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},label:{default:void 0},name:{default:void 0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},orientation:{default:x.Vertical},required:{type:Boolean,default:!1},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,V="clll-date-picker-modal",M=t(!1),E=l(()=>`date-picker-modal-${a.id}`),P=t(),W=d(e,"modelValue"),{rangeLabel:A}=F({allowedDates:o(a,"allowedDates"),appliedStart:l(()=>W.value?.start??null),appliedEnd:l(()=>W.value?.end??null),isRange:a.isRange}),I=t(!1),N=()=>{D&&(I.value=window.innerWidth<480)},G=()=>{if(a.disabled||a.busy)return;N(),M.value=!0,h(()=>{P.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},O=()=>{M.value=!1,P.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},T=()=>{P.value?.apply(),M.value=!1,a.onChange?.()},H=()=>{P.value?.reset(),a.onReset?.()},U=l(()=>I.value);i(()=>{D&&(N(),window.addEventListener("resize",N))}),r(()=>{D&&window.removeEventListener("resize",N)});const J={[X.Tiny]:C.Tiny,[X.Small]:C.Small,[X.Medium]:C.Medium,[X.Large]:C.Large,[X.XL]:C.XL,[X.XXL]:C.XXL,[X.XXXL]:C.XXXL,[X.XXXXL]:C.XXXXL},K=l(()=>[V,a.buttonBorderRadius?`${V}--${a.buttonBorderRadius}`:"",a.busy?`${V}--busy`:`${V}--ready`,`${V}--${a.buttonColor}`,`${V}--${a.buttonSize}`,`${V}--${a.buttonVariant}`,a.disabled||a.busy?`${V}--disabled`:`${V}--active`,a.fluid||a.orientation===x.Horizontal?`${V}--fluid`:`${V}--fixed`,a.label?`${V}--haslabel`:"",a.orientation?`${V}--${a.orientation}`:"",a.required?`${V}--required`:`${V}--optional`]),Q=l(()=>{const e=P.value?.draftStart,t=P.value?.draftEnd;return a.allowedDates?!!e:a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u(k,{fluid:e.fluid,orientation:e.orientation},{default:s(()=>[b("div",{class:c(f(K)),"data-testid":e.testId},[e.label?(n(),u($,{key:0,"css-prefix":V,"html-for":e.id,label:e.label,required:e.required,size:e.buttonSize,onClick:G},null,8,["html-for","label","required","size"])):p("",!0),m(f(L),{id:e.id,"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":f(B).Calendar,"icon-size":J[e.buttonSize],"on-click":G,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:s(()=>[v(y(f(A)||e.buttonLabel),1)]),_:1},8,["id","aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),e.name||e.required?(n(),_("input",{key:1,class:c(`${V}__hidden-input`),name:e.name,value:f(A)||"",required:e.required,tabindex:"-1","aria-hidden":"true"},null,10,q)):p("",!0),m(f(w),{"border-radius":f(U)?f(R).None:f(R).Medium,fullscreen:f(U),"is-open":f(M),"max-width":"336px","modal-id":f(E),"on-close":O,title:e.title},{body:s(()=>[m(f(g),{ref_key:"calendarRef",ref:P,modelValue:W.value,"onUpdate:modelValue":t[0]||(t[0]=e=>W.value=e),"allowed-dates":e.allowedDates,busy:e.busy,disabled:e.disabled,fluid:f(U),"is-range":!e.allowedDates&&e.isRange},null,8,["modelValue","allowed-dates","busy","disabled","fluid","is-range"])]),footer:s(()=>[b("div",{class:c(`${V}__footer-actions`)},[m(f(L),{"border-radius":e.buttonBorderRadius,color:f(S).Neutral,"on-click":O,variant:f(z).Ghost},{default:s(()=>[...t[1]||(t[1]=[v(" Cancel ",-1)])]),_:1},8,["border-radius","color","variant"]),b("div",{class:c(`${V}__footer-right`)},[m(f(L),{"border-radius":e.buttonBorderRadius,color:f(S).Neutral,disabled:!f(P)?.draftStart&&!f(P)?.draftEnd,"on-click":H,variant:f(z).Ghost},{default:s(()=>[...t[2]||(t[2]=[v(" Reset ",-1)])]),_:1},8,["border-radius","color","disabled","variant"]),m(f(L),{"border-radius":e.buttonBorderRadius,color:f(S).Primary,disabled:!f(Q),"on-click":T},{default:s(()=>[...t[3]||(t[3]=[v(" Apply ",-1)])]),_:1},8,["border-radius","color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,j)]),_:1},8,["fluid","orientation"]))}});export{V as CLModalDatePicker,V as default};

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.vue.d.ts

@@ -1,5 +1,8 @@
 import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLOrientation, CLSizes } from '../../../index.ts';
+import { CLAllowedDates } from '../../../composables/useDatePicker';
 export interface CLModalDatePickerProps {
+    /** Allowed dates or range of dates that can be selected. When specified, all other dates appear disabled and the picker allows single date selection. */
+    allowedDates?: CLAllowedDates;
     /** Sets the aria-label on the trigger button. It should be used when there is no label present. */
     buttonAriaLabel?: string;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
@@ -68,18 +71,19 @@ declare const _default: import('vue').DefineComponent<{
         start: string | null;
     } | null) => any) | undefined;
 }>, {
-    fluid: boolean;
-    testId: string;
-    name: string;
     label: string;
     title: string;
+    allowedDates: CLAllowedDates;
+    isRange: boolean;
+    name: string;
+    fluid: boolean;
+    testId: string;
     onFocus: CLGenericFocusFunction;
     onBlur: CLGenericFocusFunction;
     onChange: CLGenericFunction;
     required: boolean;
     busy: boolean;
     disabled: boolean;
-    isRange: boolean;
     orientation: CLOrientation;
     buttonAriaLabel: string;
     buttonBorderRadius: CLBorderRadius;
@@ -92,13 +96,13 @@ declare const _default: import('vue').DefineComponent<{
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     calendarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: {
-            end: import('../../../composables/useDatePicker').ISODate | null;
-            start: import('../../../composables/useDatePicker').ISODate | null;
+            end: import('../../../index.ts').CLISODate | null;
+            start: import('../../../index.ts').CLISODate | null;
         } | null;
     } & import('../../Form/CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: {
-            end: import('../../../composables/useDatePicker').ISODate | null;
-            start: import('../../../composables/useDatePicker').ISODate | null;
+            end: import('../../../index.ts').CLISODate | null;
+            start: import('../../../index.ts').CLISODate | null;
         } | null) => any) | undefined;
         "onDate-select"?: ((date: string) => any) | undefined;
     }>, {
@@ -110,18 +114,19 @@ declare const _default: import('vue').DefineComponent<{
         reset: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: {
-            end: import('../../../composables/useDatePicker').ISODate | null;
-            start: import('../../../composables/useDatePicker').ISODate | null;
+            end: import('../../../index.ts').CLISODate | null;
+            start: import('../../../index.ts').CLISODate | null;
         } | null) => any;
         "date-select": (date: string) => any;
     }, import('vue').PublicProps, {
+        width: string;
+        allowedDates: CLAllowedDates;
+        isRange: boolean;
         color: CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         busy: boolean;
         disabled: boolean;
-        isRange: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -131,13 +136,13 @@ declare const _default: import('vue').DefineComponent<{
         Defaults: {};
     }, Readonly<{
         modelValue?: {
-            end: import('../../../composables/useDatePicker').ISODate | null;
-            start: import('../../../composables/useDatePicker').ISODate | null;
+            end: import('../../../index.ts').CLISODate | null;
+            start: import('../../../index.ts').CLISODate | null;
         } | null;
     } & import('../../Form/CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: {
-            end: import('../../../composables/useDatePicker').ISODate | null;
-            start: import('../../../composables/useDatePicker').ISODate | null;
+            end: import('../../../index.ts').CLISODate | null;
+            start: import('../../../index.ts').CLISODate | null;
         } | null) => any) | undefined;
         "onDate-select"?: ((date: string) => any) | undefined;
     }>, {
@@ -148,13 +153,14 @@ declare const _default: import('vue').DefineComponent<{
         initializeDraft: () => void;
         reset: () => void;
     }, {}, {}, {}, {
+        width: string;
+        allowedDates: CLAllowedDates;
+        isRange: boolean;
         color: CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         busy: boolean;
         disabled: boolean;
-        isRange: boolean;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/Modals/CLModalTimePicker/CLModalTimePicker.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLModalTimePicker.css';
-import{defineComponent as e,mergeModels as t,ref as a,computed as o,useModel as i,onMounted as l,onBeforeUnmount as u,createBlock as r,openBlock as d,withCtx as n,createElementVNode as s,normalizeClass as b,createCommentVNode as c,createVNode as m,createElementBlock as f,unref as p,createTextVNode as v,toDisplayString as _,nextTick as y}from"vue";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-pE0JrYmS.js";import{_ as k}from"../../../chunks/CLFormField.vue_vue_type_style_index_0_lang-Rf_Mo_VS.js";import{_ as L}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DoM5X-sA.js";import{CLTimePicker as $}from"../../Form/CLTimePicker/CLTimePicker.js";import{_ as X}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DLUfvRC_.js";import{c as C,e as B,f as z,h as w,a as g,b as F}from"../../../chunks/index-DsloP0ml.js";import{a as x}from"../../../chunks/index-wkMXT2wB.js";import{useTimePicker as R}from"../../../composables/useTimePicker.js";import{i as S}from"../../../chunks/helper-BlxFN3eF.js";const q=["data-testid"],V=["name","value","required"],j=/* @__PURE__ */e({name:"CLModalTimePicker",__name:"CLModalTimePicker",props:/* @__PURE__ */t({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:F.Primary},buttonLabel:{default:"Select time"},buttonSize:{default:C.Small},buttonVariant:{default:g.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:{},label:{default:void 0},name:{default:void 0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{type:Function,default:void 0},orientation:{default:x.Vertical},required:{type:Boolean,default:!1},testId:{default:"clll-time-picker-modal"},title:{default:"Select time"},use24Hour:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,j="clll-time-picker-modal",P=a(!1),T=o(()=>`time-picker-modal-${t.id}`),M=a(),H=i(e,"modelValue"),{formattedLabel:W}=R({appliedTime:H,use24Hour:t.use24Hour}),E=a(!1),A=()=>{S&&(E.value=window.innerWidth<480)},I=()=>{if(t.disabled||t.busy)return;A(),P.value=!0,y(()=>{M.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});t.onFocus?.(e)},N=()=>{P.value=!1,M.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});t.onBlur?.(e)},G=()=>{M.value?.apply(),P.value=!1,t.onChange?.()},D=()=>{M.value?.reset(),t.onReset?.(),t.onChange?.()},O=o(()=>E.value);l(()=>{S&&(A(),window.addEventListener("resize",A))}),u(()=>{S&&window.removeEventListener("resize",A)});const U={[C.Tiny]:B.Tiny,[C.Small]:B.Small,[C.Medium]:B.Medium,[C.Large]:B.Large,[C.XL]:B.XL,[C.XXL]:B.XXL,[C.XXXL]:B.XXXL,[C.XXXXL]:B.XXXXL},J=o(()=>[j,t.buttonBorderRadius?`${j}--${t.buttonBorderRadius}`:"",t.busy?`${j}--busy`:`${j}--ready`,`${j}--${t.buttonColor}`,`${j}--${t.buttonSize}`,`${j}--${t.buttonVariant}`,t.disabled||t.busy?`${j}--disabled`:`${j}--active`,t.fluid||t.orientation===x.Horizontal?`${j}--fluid`:`${j}--fixed`,t.label?`${j}--haslabel`:"",t.orientation?`${j}--${t.orientation}`:"",t.required?`${j}--required`:`${j}--optional`]);return(t,a)=>(d(),r(k,{fluid:e.fluid,orientation:e.orientation},{default:n(()=>[s("div",{class:b(J.value),"data-testid":e.testId},[e.label?(d(),r(L,{key:0,"css-prefix":j,"html-for":e.id,label:e.label,required:e.required,size:e.buttonSize,onClick:I},null,8,["html-for","label","required","size"])):c("",!0),m(p(h),{id:e.id,"aria-label":e.buttonAriaLabel||"Open time picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":p(z).Clock,"icon-size":U[e.buttonSize],"on-click":I,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:n(()=>[v(_(p(W)||e.buttonLabel),1)]),_:1},8,["id","aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),e.name||e.required?(d(),f("input",{key:1,class:b(`${j}__hidden-input`),name:e.name,value:p(W)||"",required:e.required,tabindex:"-1","aria-hidden":"true"},null,10,V)):c("",!0),m(p(X),{"border-radius":O.value?p(w).None:p(w).Medium,fullscreen:O.value,"is-open":P.value,"max-width":"340px","modal-id":T.value,"on-close":N,title:e.title},{body:n(()=>[m(p($),{ref_key:"timePickerRef",ref:M,modelValue:H.value,"onUpdate:modelValue":a[0]||(a[0]=e=>H.value=e),busy:e.busy,disabled:e.disabled,fluid:O.value,"use24-hour":e.use24Hour},null,8,["modelValue","busy","disabled","fluid","use24-hour"])]),footer:n(()=>[s("div",{class:b(`${j}__footer-actions`)},[m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Neutral,variant:p(g).Ghost,"on-click":N},{default:n(()=>[...a[1]||(a[1]=[v(" Cancel ",-1)])]),_:1},8,["border-radius","color","variant"]),s("div",{class:b(`${j}__footer-right`)},[m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Neutral,variant:p(g).Ghost,"on-click":D},{default:n(()=>[...a[2]||(a[2]=[v(" Reset ",-1)])]),_:1},8,["border-radius","color","variant"]),m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Primary,"on-click":G},{default:n(()=>[...a[3]||(a[3]=[v(" Apply ",-1)])]),_:1},8,["border-radius","color"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,q)]),_:1},8,["fluid","orientation"]))}});export{j as CLModalTimePicker,j as default};
+import{defineComponent as e,mergeModels as t,ref as a,computed as o,useModel as i,onMounted as l,onBeforeUnmount as u,createBlock as r,openBlock as d,withCtx as n,createElementVNode as s,normalizeClass as b,createCommentVNode as c,createVNode as m,createElementBlock as f,unref as p,createTextVNode as v,toDisplayString as _,nextTick as y}from"vue";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-pE0JrYmS.js";import{_ as k}from"../../../chunks/CLFormField.vue_vue_type_style_index_0_lang-Rf_Mo_VS.js";import{_ as L}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-Cv4WHr_X.js";import{CLTimePicker as $}from"../../Form/CLTimePicker/CLTimePicker.js";import{_ as X}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DFQqYIGs.js";import{c as C,e as B,f as z,h as w,a as g,b as F}from"../../../chunks/index-DsloP0ml.js";import{a as x}from"../../../chunks/index-wkMXT2wB.js";import{useTimePicker as R}from"../../../composables/useTimePicker.js";import{i as S}from"../../../chunks/helper-BlxFN3eF.js";const q=["data-testid"],V=["name","value","required"],j=/* @__PURE__ */e({name:"CLModalTimePicker",__name:"CLModalTimePicker",props:/* @__PURE__ */t({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:F.Primary},buttonLabel:{default:"Select time"},buttonSize:{default:C.Small},buttonVariant:{default:g.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:{},label:{default:void 0},name:{default:void 0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{type:Function,default:void 0},orientation:{default:x.Vertical},required:{type:Boolean,default:!1},testId:{default:"clll-time-picker-modal"},title:{default:"Select time"},use24Hour:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,j="clll-time-picker-modal",P=a(!1),T=o(()=>`time-picker-modal-${t.id}`),M=a(),H=i(e,"modelValue"),{formattedLabel:W}=R({appliedTime:H,use24Hour:t.use24Hour}),E=a(!1),A=()=>{S&&(E.value=window.innerWidth<480)},I=()=>{if(t.disabled||t.busy)return;A(),P.value=!0,y(()=>{M.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});t.onFocus?.(e)},N=()=>{P.value=!1,M.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});t.onBlur?.(e)},G=()=>{M.value?.apply(),P.value=!1,t.onChange?.()},D=()=>{M.value?.reset(),t.onReset?.(),t.onChange?.()},O=o(()=>E.value);l(()=>{S&&(A(),window.addEventListener("resize",A))}),u(()=>{S&&window.removeEventListener("resize",A)});const U={[C.Tiny]:B.Tiny,[C.Small]:B.Small,[C.Medium]:B.Medium,[C.Large]:B.Large,[C.XL]:B.XL,[C.XXL]:B.XXL,[C.XXXL]:B.XXXL,[C.XXXXL]:B.XXXXL},J=o(()=>[j,t.buttonBorderRadius?`${j}--${t.buttonBorderRadius}`:"",t.busy?`${j}--busy`:`${j}--ready`,`${j}--${t.buttonColor}`,`${j}--${t.buttonSize}`,`${j}--${t.buttonVariant}`,t.disabled||t.busy?`${j}--disabled`:`${j}--active`,t.fluid||t.orientation===x.Horizontal?`${j}--fluid`:`${j}--fixed`,t.label?`${j}--haslabel`:"",t.orientation?`${j}--${t.orientation}`:"",t.required?`${j}--required`:`${j}--optional`]);return(t,a)=>(d(),r(k,{fluid:e.fluid,orientation:e.orientation},{default:n(()=>[s("div",{class:b(J.value),"data-testid":e.testId},[e.label?(d(),r(L,{key:0,"css-prefix":j,"html-for":e.id,label:e.label,required:e.required,size:e.buttonSize,onClick:I},null,8,["html-for","label","required","size"])):c("",!0),m(p(h),{id:e.id,"aria-label":e.buttonAriaLabel||"Open time picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":p(z).Clock,"icon-size":U[e.buttonSize],"on-click":I,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:n(()=>[v(_(p(W)||e.buttonLabel),1)]),_:1},8,["id","aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),e.name||e.required?(d(),f("input",{key:1,class:b(`${j}__hidden-input`),name:e.name,value:p(W)||"",required:e.required,tabindex:"-1","aria-hidden":"true"},null,10,V)):c("",!0),m(p(X),{"border-radius":O.value?p(w).None:p(w).Medium,fullscreen:O.value,"is-open":P.value,"max-width":"340px","modal-id":T.value,"on-close":N,title:e.title},{body:n(()=>[m(p($),{ref_key:"timePickerRef",ref:M,modelValue:H.value,"onUpdate:modelValue":a[0]||(a[0]=e=>H.value=e),busy:e.busy,disabled:e.disabled,fluid:O.value,"use24-hour":e.use24Hour},null,8,["modelValue","busy","disabled","fluid","use24-hour"])]),footer:n(()=>[s("div",{class:b(`${j}__footer-actions`)},[m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Neutral,variant:p(g).Ghost,"on-click":N},{default:n(()=>[...a[1]||(a[1]=[v(" Cancel ",-1)])]),_:1},8,["border-radius","color","variant"]),s("div",{class:b(`${j}__footer-right`)},[m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Neutral,variant:p(g).Ghost,"on-click":D},{default:n(()=>[...a[2]||(a[2]=[v(" Reset ",-1)])]),_:1},8,["border-radius","color","variant"]),m(p(h),{"border-radius":e.buttonBorderRadius,color:p(F).Primary,"on-click":G},{default:n(()=>[...a[3]||(a[3]=[v(" Apply ",-1)])]),_:1},8,["border-radius","color"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,q)]),_:1},8,["fluid","orientation"]))}});export{j as CLModalTimePicker,j as default};

package/dist/components/Modals/CLModalTimePicker/CLModalTimePicker.vue.d.ts

@@ -56,11 +56,11 @@ declare const _default: import('vue').DefineComponent<{
 } & CLModalTimePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    fluid: boolean;
-    testId: string;
-    name: string;
     label: string;
     title: string;
+    name: string;
+    fluid: boolean;
+    testId: string;
     onFocus: CLGenericFocusFunction;
     onBlur: CLGenericFocusFunction;
     onChange: CLGenericFunction;
@@ -97,10 +97,10 @@ declare const _default: import('vue').DefineComponent<{
         "update:modelValue": (value: string | null) => any;
         "time-select": (time: string) => any;
     }, import('vue').PublicProps, {
+        width: string;
         color: CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         use24Hour: boolean;
         busy: boolean;
         disabled: boolean;
@@ -127,10 +127,10 @@ declare const _default: import('vue').DefineComponent<{
         initializeDraft: () => void;
         reset: () => void;
     }, {}, {}, {}, {
+        width: string;
         color: CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         use24Hour: boolean;
         busy: boolean;
         disabled: boolean;

package/dist/components/Modals/CLModalTimePicker/index.d.ts

@@ -8,11 +8,11 @@ export declare const CLModalTimePicker: import('vue').DefineComponent<{
 } & import('./CLModalTimePicker.vue').CLModalTimePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    fluid: boolean;
-    testId: string;
-    name: string;
     label: string;
     title: string;
+    name: string;
+    fluid: boolean;
+    testId: string;
     onFocus: import('../../..').CLGenericFocusFunction;
     onBlur: import('../../..').CLGenericFocusFunction;
     onChange: import('../../..').CLGenericFunction;
@@ -49,10 +49,10 @@ export declare const CLModalTimePicker: import('vue').DefineComponent<{
         "update:modelValue": (value: string | null) => any;
         "time-select": (time: string) => any;
     }, import('vue').PublicProps, {
+        width: string;
         color: import('@codeandfunction/callaloo-tokens').CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         use24Hour: boolean;
         busy: boolean;
         disabled: boolean;
@@ -79,10 +79,10 @@ export declare const CLModalTimePicker: import('vue').DefineComponent<{
         initializeDraft: () => void;
         reset: () => void;
     }, {}, {}, {}, {
+        width: string;
         color: import('@codeandfunction/callaloo-tokens').CLColors;
         fluid: boolean;
         testId: string;
-        width: string;
         use24Hour: boolean;
         busy: boolean;
         disabled: boolean;

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 d}from"vue";import{_}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-BXjSe15F.js";import{_ as m}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CdA4TW0N.js";import{b as p}from"../../../chunks/index-DsloP0ml.js";import{a as f}from"../../../chunks/index-wkMXT2wB.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};
+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-BXjSe15F.js";import{_ as m}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-DR2zoTEJ.js";import{b as p}from"../../../chunks/index-DsloP0ml.js";import{a as f}from"../../../chunks/index-wkMXT2wB.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-pE0JrYmS.js";import{_ as y}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CY-Qr_CV.js";import{b as B,i as $}from"../../../chunks/helper-BlxFN3eF.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as k}from"../../../composables/useEsc.js";import{n as x,e as I,f as C,a as E,c as L,b as D,i as S}from"../../../chunks/index-DsloP0ml.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:C.ChevronDown},iconBefore:{},iconSize:{default:I.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:x.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:x}){const I=e;let C=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&&(C.value=e)},G=e=>{e&&(L.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:C,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()}});x({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}=k({escHandler:F,triggerElem:C});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-pE0JrYmS.js";import{_ as y}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CAg8Jmzv.js";import{b as B,i as $}from"../../../chunks/helper-BlxFN3eF.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as k}from"../../../composables/useEsc.js";import{n as x,e as I,f as C,a as E,c as L,b as D,i as S}from"../../../chunks/index-DsloP0ml.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:C.ChevronDown},iconBefore:{},iconSize:{default:I.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:x.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:x}){const I=e;let C=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&&(C.value=e)},G=e=>{e&&(L.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:C,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()}});x({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}=k({escHandler:F,triggerElem:C});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,18 +126,18 @@ 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, {
+            width: string;
+            height: string;
+            form: string;
+            title: string;
             size: CLSizes;
             color: CLColors;
             variant: CLColorVariants;
             rounded: boolean;
             testId: string;
             type: import('../../../types').CLButtonTypes;
-            form: string;
-            title: string;
             onClick: (event?: Event) => void;
             target: import('@codeandfunction/callaloo-types').CLLinkTarget;
-            width: string;
-            height: string;
             borderRadius: CLBorderRadius;
             iconFilled: boolean;
             iconSize: CLIconSizes;
@@ -175,18 +175,18 @@ 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<{
+        width: string;
+        height: string;
+        form: string;
+        title: string;
         size: CLSizes;
         color: CLColors;
         variant: CLColorVariants;
         rounded: boolean;
         testId: string;
         type: import('../../../types').CLButtonTypes;
-        form: string;
-        title: string;
         onClick: (event?: Event) => void;
         target: import('@codeandfunction/callaloo-types').CLLinkTarget;
-        width: string;
-        height: string;
         borderRadius: CLBorderRadius;
         iconFilled: boolean;
         iconSize: CLIconSizes;
@@ -203,7 +203,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         iconBefore: CLIconNames | null;
         pill: boolean;
         wrap: boolean;
-    }> & 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 & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "width" | "height" | "form" | "title" | "size" | "color" | "variant" | "rounded" | "testId" | "type" | "onClick" | "target" | "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-D7KGFx9t.js";export{s as CLToast,s as default};
+import{_ as s}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-DM_9Iykj.js";export{s as CLToast,s as default};

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

@@ -1,9 +1,9 @@
 import { CLIconSizes, CLColors, CLToastPosition, CLToastProps } from '../../../index.ts';
 declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
+    width: string;
     color: CLColors;
     rounded: boolean;
     testId: string;
-    width: string;
     dismissTimer: number;
     iconFilled: boolean;
     iconSize: CLIconSizes;

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-D7KGFx9t.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-DM_9Iykj.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-PCOhAZkN.js";export{e as CLHeading,e as default};
+import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CYgxrrIE.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-CdA4TW0N.js";export{e as CLText,e as default};
+import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-DR2zoTEJ.js";export{e as CLText,e as default};

package/dist/composables/useDatePicker.d.ts

@@ -1,41 +1,51 @@
 import { ComputedRef, MaybeRef, Ref } from 'vue';
-export type ISODate = string;
-export interface CalendarCell {
-    date: ISODate | null;
+export type CLISODate = string;
+export type ISODate = CLISODate;
+export type CLAllowedDates = CLISODate[] | {
+    end?: CLISODate | null;
+    start?: CLISODate | null;
+} | ((date: CLISODate) => boolean);
+export type AllowedDates = CLAllowedDates;
+export interface CLCalendarCell {
+    date: CLISODate | null;
     day: number | null;
+    isDisabled: boolean;
     isOutsideMonth: boolean;
 }
+export type CalendarCell = CLCalendarCell;
 interface Input {
-    appliedEnd?: Ref<ISODate | null>;
-    appliedStart?: Ref<ISODate | null>;
+    allowedDates?: MaybeRef<CLAllowedDates | undefined>;
+    appliedEnd?: Ref<CLISODate | null>;
+    appliedStart?: Ref<CLISODate | null>;
     isRange?: MaybeRef<boolean>;
 }
 interface Return {
-    calendarGrid: ComputedRef<CalendarCell[]>;
+    calendarGrid: ComputedRef<CLCalendarCell[]>;
     cancelDraft: () => void;
     clearDraft: () => void;
     currentDate: Ref<Date>;
     currentMonthLabel: ComputedRef<string>;
-    draftEnd: Ref<ISODate | null>;
-    draftStart: Ref<ISODate | null>;
-    formatDateToISO: (date: Date) => ISODate;
-    formatHumanDate: (iso: ISODate) => string;
-    formatLongDate: (iso: ISODate) => string;
-    formatShortNoYear: (iso: ISODate) => string;
-    formatShortWithYear: (iso: ISODate) => string;
-    getDayAriaLabel: (iso: ISODate) => string;
+    draftEnd: Ref<CLISODate | null>;
+    draftStart: Ref<CLISODate | null>;
+    formatDateToISO: (date: Date) => CLISODate;
+    formatHumanDate: (iso: CLISODate) => string;
+    formatLongDate: (iso: CLISODate) => string;
+    formatShortNoYear: (iso: CLISODate) => string;
+    formatShortWithYear: (iso: CLISODate) => string;
+    getDayAriaLabel: (iso: CLISODate) => string;
     handleNextMonth: () => void;
     handlePrevMonth: () => void;
     initializeDraft: () => void;
-    isDraftEnd: (iso: ISODate) => boolean;
-    isDraftSameDay: (iso: ISODate) => boolean;
-    isDraftStart: (iso: ISODate) => boolean;
-    isInDraftRange: (iso: ISODate) => boolean;
-    isoToLocalDate: (iso: ISODate) => Date;
-    onDayClick: (iso: ISODate | null) => void;
+    isDateDisabled: (iso: CLISODate) => boolean;
+    isDraftEnd: (iso: CLISODate) => boolean;
+    isDraftSameDay: (iso: CLISODate) => boolean;
+    isDraftStart: (iso: CLISODate) => boolean;
+    isInDraftRange: (iso: CLISODate) => boolean;
+    isoToLocalDate: (iso: CLISODate) => Date;
+    onDayClick: (iso: CLISODate | null) => void;
     rangeLabel: ComputedRef<string | undefined>;
     setCalendarMonthToAppliedOrToday: () => void;
     weekDays: string[];
 }
-export declare const useDatePicker: ({ appliedEnd, appliedStart, isRange }?: Input) => Return;
+export declare const useDatePicker: ({ allowedDates, appliedEnd, appliedStart, isRange }?: Input) => Return;
 export {};

package/dist/composables/useDatePicker.js

@@ -1,2 +1,2 @@
 import '../assets/core.css';
-import{ref as e,onMounted as a,computed as t,unref as l}from"vue";const u=({appliedEnd:u,appliedStart:n,isRange:r=!0}={})=>{const o=e(/* @__PURE__ */new Date),v=e(null),i=e(null),d=e(!1);a(()=>{d.value=!0});const g=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,D=e=>/* @__PURE__ */new Date(`${e}T00:00:00`),s=e=>d.value?D(e).toLocaleDateString("default",{day:"numeric",month:"long",weekday:"long",year:"numeric"}):e,c=e=>{const a=D(e);return`${a.getMonth()+1}/${String(a.getDate())}`},h=e=>{const a=D(e);return`${a.getMonth()+1}/${String(a.getDate())}/${String(a.getFullYear()).slice(-2)}`},f=()=>{const e=n?.value?D(n.value):/* @__PURE__ */new Date;o.value=new Date(e.getFullYear(),e.getMonth(),1)},$=t(()=>{if(!d.value){return`${o.value.getMonth()+1}/${o.value.getFullYear()}`}return o.value.toLocaleString("default",{month:"long",year:"numeric"})}),S=t(()=>{const e=n?.value??null,a=u?.value??null;if(!e)return;if(!l(r))return h(e);if(!a)return h(e);return D(e).getFullYear()!==D(a).getFullYear()?`${h(e)} - ${h(a)}`:`${c(e)} - ${c(a)}`}),m=e=>i.value===e,y=e=>v.value===e,M=e=>Boolean(l(r)&&i.value&&v.value&&i.value===v.value&&i.value===e),w=e=>!!l(r)&&(!!i.value&&(v.value?e>=i.value&&e<=v.value:e===i.value));return{calendarGrid:t(()=>{const e=o.value.getFullYear(),a=o.value.getMonth(),t=new Date(e,a,1),l=new Date(e,a+1,0).getDate(),u=new Date(e,a,0).getDate(),n=t.getDay(),r=[];for(let o=0;o<n;o++){const t=u-(n-1-o),l=g(new Date(e,a-1,t));r.push({day:t,date:l,isOutsideMonth:!0})}for(let o=1;o<=l;o++){const t=g(new Date(e,a,o));r.push({day:o,date:t,isOutsideMonth:!1})}let v=1;for(;r.length<42;){const t=g(new Date(e,a+1,v));r.push({day:v,date:t,isOutsideMonth:!0}),v++}return r}),cancelDraft:()=>{i.value=n?.value??null,v.value=u?.value??null},clearDraft:()=>{n&&(n.value=null),u&&(u.value=null),i.value=null,v.value=null},currentDate:o,currentMonthLabel:$,draftEnd:v,draftStart:i,formatDateToISO:g,formatHumanDate:e=>d.value?D(e).toLocaleDateString("default",{day:"numeric",month:"short",year:"numeric"}):e,formatLongDate:s,formatShortNoYear:c,formatShortWithYear:h,getDayAriaLabel:e=>l(r)?M(e)?`${s(e)} (same day selected)`:m(e)?`${s(e)} (start date)`:y(e)?`${s(e)} (end date)`:w(e)?`${s(e)} (in range)`:s(e):m(e)?`${s(e)} (selected)`:s(e),handleNextMonth:()=>{o.value=new Date(o.value.getFullYear(),o.value.getMonth()+1,1)},handlePrevMonth:()=>{o.value=new Date(o.value.getFullYear(),o.value.getMonth()-1,1)},initializeDraft:()=>{f(),i.value=n?.value??null,v.value=u?.value??null},isDraftEnd:y,isDraftSameDay:M,isDraftStart:m,isInDraftRange:w,isoToLocalDate:D,onDayClick:e=>{if(e)return l(r)?!i.value||i.value&&v.value?(i.value=e,void(v.value=null)):e<i.value?(v.value=i.value,void(i.value=e)):void(v.value=e):(i.value=e,void(v.value=null))},rangeLabel:S,setCalendarMonthToAppliedOrToday:f,weekDays:["Su","Mo","Tu","We","Th","Fr","Sa"]}};export{u as useDatePicker};
+import{ref as e,onMounted as a,computed as t,unref as l}from"vue";const u=({allowedDates:u,appliedEnd:n,appliedStart:r,isRange:o=!0}={})=>{const v=e(/* @__PURE__ */new Date),i=e(null),s=e(null),d=e(!1);a(()=>{d.value=!0});const g=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,D=e=>/* @__PURE__ */new Date(`${e}T00:00:00`),c=e=>d.value?D(e).toLocaleDateString("default",{day:"numeric",month:"long",weekday:"long",year:"numeric"}):e,f=e=>{const a=D(e);return`${a.getMonth()+1}/${String(a.getDate())}`},h=e=>{const a=D(e);return`${a.getMonth()+1}/${String(a.getDate())}/${String(a.getFullYear()).slice(-2)}`},y=t(()=>{const e=l(u);return null==e&&!!l(o)}),$=e=>{const a=l(u);return null!=a&&(Array.isArray(a)?!a.includes(e):"function"==typeof a?!a(e):"object"==typeof a&&(!!(a.start&&e<a.start)||!!(a.end&&e>a.end)))},S=()=>{let e;if(r?.value)e=D(r.value);else{const a=/* @__PURE__ */new Date,t=g(a),n=l(u);e=n&&$(t)?Array.isArray(n)&&n.length>0?D(n[0]):"object"==typeof n&&"start"in n&&n.start?D(n.start):a:a}v.value=new Date(e.getFullYear(),e.getMonth(),1)},m=t(()=>{if(!d.value){return`${v.value.getMonth()+1}/${v.value.getFullYear()}`}return v.value.toLocaleString("default",{month:"long",year:"numeric"})}),p=t(()=>{const e=r?.value??null,a=n?.value??null;if(!e)return;if(!y.value)return h(e);if(!a)return h(e);return D(e).getFullYear()!==D(a).getFullYear()?`${h(e)} - ${h(a)}`:`${f(e)} - ${f(a)}`}),M=e=>s.value===e,w=e=>i.value===e,Y=e=>Boolean(y.value&&s.value&&i.value&&s.value===i.value&&s.value===e),b=e=>!!y.value&&(!!s.value&&(i.value?e>=s.value&&e<=i.value:e===s.value));return{calendarGrid:t(()=>{const e=v.value.getFullYear(),a=v.value.getMonth(),t=new Date(e,a,1),l=new Date(e,a+1,0).getDate(),u=new Date(e,a,0).getDate(),n=t.getDay(),r=[];for(let v=0;v<n;v++){const t=u-(n-1-v),l=g(new Date(e,a-1,t));r.push({day:t,date:l,isDisabled:$(l),isOutsideMonth:!0})}for(let v=1;v<=l;v++){const t=g(new Date(e,a,v));r.push({day:v,date:t,isDisabled:$(t),isOutsideMonth:!1})}let o=1;for(;r.length<42;){const t=g(new Date(e,a+1,o));r.push({day:o,date:t,isDisabled:$(t),isOutsideMonth:!0}),o++}return r}),cancelDraft:()=>{s.value=r?.value??null,i.value=n?.value??null},clearDraft:()=>{r&&(r.value=null),n&&(n.value=null),s.value=null,i.value=null},currentDate:v,currentMonthLabel:m,draftEnd:i,draftStart:s,formatDateToISO:g,formatHumanDate:e=>d.value?D(e).toLocaleDateString("default",{day:"numeric",month:"short",year:"numeric"}):e,formatLongDate:c,formatShortNoYear:f,formatShortWithYear:h,getDayAriaLabel:e=>$(e)?`${c(e)} (disabled)`:y.value?Y(e)?`${c(e)} (same day selected)`:M(e)?`${c(e)} (start date)`:w(e)?`${c(e)} (end date)`:b(e)?`${c(e)} (in range)`:c(e):M(e)?`${c(e)} (selected)`:c(e),handleNextMonth:()=>{v.value=new Date(v.value.getFullYear(),v.value.getMonth()+1,1)},handlePrevMonth:()=>{v.value=new Date(v.value.getFullYear(),v.value.getMonth()-1,1)},initializeDraft:()=>{S(),s.value=r?.value??null,i.value=n?.value??null},isDateDisabled:$,isDraftEnd:w,isDraftSameDay:Y,isDraftStart:M,isInDraftRange:b,isoToLocalDate:D,onDayClick:e=>{if(e&&!$(e))return y.value?!s.value||s.value&&i.value?(s.value=e,void(i.value=null)):e<s.value?(i.value=s.value,void(s.value=e)):void(i.value=e):(s.value=e,void(i.value=null))},rangeLabel:p,setCalendarMonthToAppliedOrToday:S,weekDays:["Su","Mo","Tu","We","Th","Fr","Sa"]}};export{u as useDatePicker};

package/dist/composables/useTheme.js

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

@@ -1,2 +1,2 @@
 export { CLAlign, CLBorderRadius, CLButtonTypes, CLCardTypes, CLCharCounterLayout, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLinkTarget, CLLoading, CLMessageType, CLMode, CLOrientation, CLOverflow, CLOrder, CLPaginationType, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition } from './types';
-export type { CLBlockTextHtmlTags, CLButtonTags, CLButtonForwardRefFunction, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLInlineTextHtmlTags, CLNavItem, CLOption, CLPalette, CLPaletteKeys, CLShades, CLTextHtmlTags, CLThemeConfig, CLToastProps } from './types';
+export type { CLAllowedDates, CLBlockTextHtmlTags, CLButtonTags, CLButtonForwardRefFunction, CLCalendarCell, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLInlineTextHtmlTags, CLISODate, CLNavItem, CLOption, CLPalette, CLPaletteKeys, CLShades, CLTextHtmlTags, CLThemeConfig, CLToastProps } from './types';