@codeandfunction/callaloo 4.9.4 → 4.9.6

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-DCtH-u0_.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-DroQPRWC.js";export{a as CLModal,a as default};

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

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

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-C9_EwMBi.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-Dqr8A_2Z.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-Dqr8A_2Z.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-hEXnJ7H1.js";import{_ as g}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-BGKjh5vA.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/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-CtXJMlF9.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-CtXJMlF9.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};

package/dist/composables/useDateInputMask.js

@@ -1,39 +1,2 @@
 import '../assets/core.css';
-import { nextTick as g } from "vue";
-const m = () => {
-  const u = (e, s) => {
-    const i = e.replace(/\D/g, ""), l = s ? 16 : 8, r = i.slice(0, l), n = (t) => t.length > 6 ? `${t.slice(0, 4)}/${t.slice(4, 6)}/${t.slice(6)}` : t.length > 4 ? `${t.slice(0, 4)}/${t.slice(4)}` : t;
-    if (!s)
-      return n(r);
-    const a = r.slice(0, 8), c = r.slice(8);
-    let o = n(a);
-    return r.length > 8 && (o += ` - ${n(c)}`), o;
-  };
-  return {
-    formatAsDate: u,
-    handleDateInput: (e, s, i, l) => {
-      const r = e.target, n = r.value, a = e.inputType?.includes("delete"), c = r.selectionStart;
-      if (a) {
-        s.value = n, l?.();
-        return;
-      }
-      const o = u(n, i);
-      n !== o ? (s.value = o, g(() => {
-        if (c !== null) {
-          let t = c;
-          const d = o.length - n.length;
-          d > 0 && (t += d), r.setSelectionRange(t, t);
-        }
-      })) : s.value = n, l?.();
-    },
-    isoToSlash: (e) => e ? e.replace(/-/g, "/") : "",
-    slashToISO: (e) => e ? e.replace(/\//g, "-") : "",
-    validateDate: (e, s) => {
-      const i = /^\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])$/, l = /^\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])\s*-\s*\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])$/;
-      return s ? l.test(e) : i.test(e);
-    }
-  };
-};
-export {
-  m as useDateInputMask
-};
+import{nextTick as e}from"vue";const t=()=>{const t=(e,t)=>{const l=t?16:8,s=e.replace(/\D/g,"").slice(0,l),n=e=>e.length>6?`${e.slice(0,4)}/${e.slice(4,6)}/${e.slice(6)}`:e.length>4?`${e.slice(0,4)}/${e.slice(4)}`:e;if(!t)return n(s);const c=s.slice(0,8),a=s.slice(8);let i=n(c);return s.length>8&&(i+=` - ${n(a)}`),i};return{formatAsDate:t,handleDateInput:(l,s,n,c)=>{const a=l.target,i=a.value,o=l.inputType?.includes("delete"),r=a.selectionStart;if(o)return s.value=i,void c?.();const u=t(i,n);i!==u?(s.value=u,e(()=>{if(null!==r){let e=r;const t=u.length-i.length;t>0&&(e+=t),a.setSelectionRange(e,e)}})):s.value=i,c?.()},isoToSlash:e=>e?e.replace(/-/g,"/"):"",slashToISO:e=>e?e.replace(/\//g,"-"):"",validateDate:(e,t)=>t?/^\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])\s*-\s*\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])$/.test(e):/^\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])$/.test(e)}};export{t as useDateInputMask};