@codeandfunction/callaloo 4.9.3 → 4.9.5

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

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

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

@@ -1,66 +1,3 @@
 import '../../../assets/core.css';
 import './CLProgress.css';
-import { defineComponent as f, mergeModels as p, useModel as _, computed as d, createElementBlock as n, openBlock as c, normalizeStyle as y, normalizeClass as s, unref as t, createCommentVNode as $, createElementVNode as l, createVNode as g, withCtx as C, createTextVNode as v, toDisplayString as V } from "vue";
-import { _ as x } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLTextTypes as L, CLColors as u, CLSizes as N } from "../../../index.js";
-import { c as z } from "../../../chunks/utils-nD3K7jh9.js";
-const B = ["data-testid"], k = /* @__PURE__ */ f({
-  name: "CLProgress",
-  __name: "CLProgress",
-  props: /* @__PURE__ */ p({
-    color: { default: u.Primary },
-    inverted: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !0 },
-    size: { default: N.Medium },
-    status: { type: Boolean, default: !1 },
-    testId: { default: "clll-progress" }
-  }, {
-    modelValue: { type: Number, default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const r = o, a = _(o, "modelValue"), e = "clll-progress", i = d(() => [
-      e,
-      `${e}--${r.color}`,
-      `${e}--${r.size}`,
-      r.inverted ? `${e}--inverted` : "",
-      r.rounded ? `${e}--rounded` : `${e}--not-rounded`
-    ]), m = d(() => `${a.value}%`);
-    return (P, b) => (c(), n("div", {
-      class: s(t(i)),
-      "data-testid": o.testId,
-      style: y({ ...t(z)({ color: o.color }), "--clll-progress-value": a.value })
-    }, [
-      o.status ? (c(), n("div", {
-        key: 0,
-        class: s(`${e}__status__container`)
-      }, [
-        l("div", {
-          class: s(`${e}__status__label`)
-        }, [
-          g(t(x), {
-            color: t(u).Neutral,
-            type: t(L).Summary
-          }, {
-            default: C(() => [
-              v(V(t(m)), 1)
-            ]),
-            _: 1
-          }, 8, ["color", "type"])
-        ], 2)
-      ], 2)) : $("", !0),
-      l("div", {
-        class: s(`${e}__bar-container`)
-      }, [
-        l("div", {
-          class: s(`${e}__bar`)
-        }, null, 2)
-      ], 2)
-    ], 14, B));
-  }
-});
-export {
-  k as CLProgress,
-  k as default
-};
+import{defineComponent as e,mergeModels as t,useModel as s,computed as l,createElementBlock as o,openBlock as a,normalizeStyle as r,normalizeClass as d,unref as u,createCommentVNode as i,createElementVNode as n,createVNode as _,withCtx as c,createTextVNode as m,toDisplayString as p}from"vue";import{_ as f}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLTextTypes as v,CLColors as y,CLSizes as $}from"../../../index.js";import{c as g}from"../../../chunks/utils-CCWSWRuR.js";const b=["data-testid"],x=/* @__PURE__ */e({name:"CLProgress",__name:"CLProgress",props:/* @__PURE__ */t({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 t=e,$=s(e,"modelValue"),x="clll-progress",C=l(()=>[x,`${x}--${t.color}`,`${x}--${t.size}`,t.inverted?`${x}--inverted`:"",t.rounded?`${x}--rounded`:`${x}--not-rounded`]),L=l(()=>`${$.value}%`);return(t,s)=>(a(),o("div",{class:d(u(C)),"data-testid":e.testId,style:r({...u(g)({color:e.color}),"--clll-progress-value":$.value})},[e.status?(a(),o("div",{key:0,class:d(`${x}__status__container`)},[n("div",{class:d(`${x}__status__label`)},[_(u(f),{color:u(y).Neutral,type:u(v).Summary},{default:c(()=>[m(p(u(L)),1)]),_:1},8,["color","type"])],2)],2)):i("",!0),n("div",{class:d(`${x}__bar-container`)},[n("div",{class:d(`${x}__bar`)},null,2)],2)],14,b))}});export{x as CLProgress,x as default};

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

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

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

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

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

@@ -1,7 +1,3 @@
 import '../../../assets/core.css';
 import './CLModal.css';
-import { _ as o } from "../../../chunks/CLModal.vue_vue_type_style_index_0_lang-BDyONfaQ.js";
-export {
-  o as CLModal,
-  o as default
-};
+import{_ as a}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-CwdYGfO9.js";export{a as CLModal,a as default};

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.css

@@ -1 +1 @@
-.clll-date-picker-modal{position:relative;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-date-picker-modal--fluid{width:100%}.clll-date-picker-modal__container{display:inline-flex;flex-direction:column;flex-wrap:wrap}.clll-date-picker-modal__footer-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.clll-date-picker-modal__footer-right{display:flex;gap:var(--clll-unit-2)}
+.clll-date-picker-modal{box-sizing:border-box}.clll-date-picker-modal--fluid{width:100%}.clll-date-picker-modal__footer-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.clll-date-picker-modal__footer-right{display:flex;gap:var(--clll-unit-2)}

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

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

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

@@ -12,6 +12,8 @@ export interface CLModalDatePickerProps {
     buttonSize?: CLSizes;
     /** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Outline`. */
     buttonVariant?: CLColorVariants;
+    /** Sets the width of the trigger button. */
+    buttonWidth?: string;
     /** When set to `true`, it will remove any horizontal and vertical padding from the button. */
     buttonWrapped?: boolean;
     /** A `boolean` value which dictates the busy state of the date picker. */
@@ -74,6 +76,7 @@ declare const _default: import('vue').DefineComponent<{
     buttonLabel: string;
     buttonSize: CLSizes;
     buttonVariant: CLColorVariants;
+    buttonWidth: string;
     buttonWrapped: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     calendarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{

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

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

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

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

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

@@ -1,56 +1,3 @@
 import '../../../assets/core.css';
 import './CLNavSection.css';
-import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
-import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dhnmfa9W.js";
-import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLOrientation as h, CLColors as $ } from "../../../index.js";
-const g = ["data-testid"], V = /* @__PURE__ */ f({
-  name: "CLNavSection",
-  __name: "CLNavSection",
-  props: {
-    color: { default: $.Primary },
-    navItems: {},
-    testId: { default: "clll-nav-section" },
-    type: { default: h.Horizontal }
-  },
-  setup(t) {
-    const c = t, o = "clll-nav-section", s = u(() => [
-      o,
-      `${o}--${c.type}`
-    ]);
-    return (y, N) => (l(), a("ul", {
-      class: m(r(s)),
-      "data-testid": t.testId
-    }, [
-      (l(!0), a(p, null, _(t.navItems, (e, d) => (l(), a("li", {
-        key: `link-${e.id}-${d}`,
-        class: "clll-nav-section__item"
-      }, [
-        i(r(k), {
-          id: e.id,
-          "aria-label": e.ariaLabel,
-          color: t.color,
-          external: e.external,
-          href: e.href,
-          rel: e.rel,
-          target: e.target,
-          "on-click": e.onClick
-        }, {
-          default: n(() => [
-            i(r(L), { as: "span" }, {
-              default: n(() => [
-                C(x(e.label), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          _: 2
-        }, 1032, ["id", "aria-label", "color", "external", "href", "rel", "target", "on-click"])
-      ]))), 128))
-    ], 10, g));
-  }
-});
-export {
-  V as CLNavSection,
-  V as default
-};
+import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as i,renderList as o,createVNode as s,withCtx as c,createTextVNode as _,toDisplayString as u}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ds2aJNK9.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLOrientation as f,CLColors as m}from"../../../index.js";const v=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:m.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:f.Horizontal}},setup(e){const f=e,m="clll-nav-section",k=t(()=>[m,`${m}--${f.type}`]);return(t,f)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(i,null,o(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[s(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(()=>[s(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,v))}});export{k as CLNavSection,k as default};

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

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

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

@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     buttonColor: CLColors;
     buttonSize: CLSizes;
     buttonVariant: CLColorVariants;
-    buttonHeight: string;
     buttonWidth: string;
+    buttonHeight: string;
     containerBordered: boolean;
     containerElevated: boolean;
     contentWidth: string;

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

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

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

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

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

@@ -1,8 +1,2 @@
 import '../../../assets/core.css';
-import { _ as a } from "../../../chunks/CLToastProvider.vue_vue_type_script_setup_true_lang-DkGK0H4Z.js";
-import { T as t } from "../../../chunks/context-dkA4VoF7.js";
-export {
-  a as CLToastProvider,
-  t as ToastInjectionKey,
-  a 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-BIehrtqC.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,7 +1,3 @@
 import '../../../assets/core.css';
 import './CLHeading.css';
-import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DH5oJc1C.js";
-export {
-  s as CLHeading,
-  s as default
-};
+import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js";export{e as CLHeading,e as default};

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

@@ -1,7 +1,3 @@
 import '../../../assets/core.css';
 import './CLText.css';
-import { _ as s } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-export {
-  s as CLText,
-  s as default
-};
+import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";export{e as CLText,e as default};