@codeandfunction/callaloo 4.9.1 → 4.9.2

package/dist/chunks/{CLCalendar-XcUGsiWk.js → CLCalendar-BGwHfZr9.js}

@@ -1,57 +1,61 @@
-import { defineComponent as Y, mergeModels as S, useModel as Z, ref as w, toRef as ee, watch as ae, onMounted as te, createElementBlock as s, openBlock as i, normalizeClass as c, createElementVNode as M, createVNode as f, unref as e, withCtx as v, createTextVNode as h, toDisplayString as C, Fragment as $, renderList as B, createBlock as le, createCommentVNode as re } from "vue";
+import { defineComponent as Y, mergeModels as w, useCssVars as Z, useModel as ee, ref as S, toRef as ae, watch as te, onMounted as le, createElementBlock as s, openBlock as i, normalizeClass as u, createElementVNode as M, createVNode as f, unref as e, withCtx as y, createTextVNode as h, toDisplayString as C, Fragment as V, renderList as $, createBlock as re, createCommentVNode as ie } from "vue";
 import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
-import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLColorVariants as u, CLSizes as _, CLIconSizes as V, CLIconNames as P, CLBorderRadius as k, CLTextTypes as R, CLColors as g, CLAlign as ie } from "../index.js";
-import { useDatePicker as oe } from "../composables/useDatePicker.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const de = ["data-testid"], se = /* @__PURE__ */ Y({
+import { _ as B } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
+import { CLColorVariants as c, CLSizes as _, CLIconSizes as N, CLIconNames as P, CLBorderRadius as k, CLTextTypes as R, CLColors as g, CLAlign as oe } from "../index.js";
+import { useDatePicker as ne } from "../composables/useDatePicker.js";
+import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const se = ["data-testid"], ue = /* @__PURE__ */ Y({
   name: "CLCalendar",
   __name: "CLCalendar",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ w({
     color: { default: g.Primary },
     disabled: { type: Boolean, default: !1 },
     busy: { type: Boolean, default: !1 },
     isRange: { type: Boolean, default: !0 },
     fluid: { type: Boolean, default: !1 },
-    testId: { default: "clll-calendar" }
+    testId: { default: "clll-calendar" },
+    width: { default: "280px" }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["date-select"], ["update:modelValue"]),
-  setup(t, { expose: T, emit: I }) {
-    const m = t, E = I, l = "clll-calendar", o = Z(t, "modelValue"), n = w(o.value?.end ?? null), d = w(o.value?.start ?? null), {
+  emits: /* @__PURE__ */ w(["date-select"], ["update:modelValue"]),
+  setup(l, { expose: T, emit: I }) {
+    Z((t) => ({
+      v0c243535: t.width
+    }));
+    const m = l, E = I, r = "clll-calendar", o = ee(l, "modelValue"), n = S(o.value?.end ?? null), d = S(o.value?.start ?? null), {
       calendarGrid: F,
       cancelDraft: G,
       clearDraft: A,
       currentMonthLabel: O,
-      draftEnd: D,
-      draftStart: L,
+      draftEnd: x,
+      draftStart: D,
       getDayAriaLabel: j,
       handleNextMonth: q,
       handlePrevMonth: H,
       initializeDraft: p,
-      isDraftEnd: x,
+      isDraftEnd: L,
       isDraftStart: z,
       isInDraftRange: J,
       onDayClick: K,
       weekDays: Q
-    } = oe({
+    } = ne({
       appliedEnd: n,
       appliedStart: d,
-      isRange: ee(m, "isRange")
+      isRange: ae(m, "isRange")
     });
-    ae(o, (r) => {
-      d.value = r?.start ?? null, n.value = r?.end ?? null, p();
-    }, { deep: !0 }), te(() => {
+    te(o, (t) => {
+      d.value = t?.start ?? null, n.value = t?.end ?? null, p();
+    }, { deep: !0 }), le(() => {
       p();
     });
-    const U = (r, y) => {
-      y?.preventDefault(), y?.stopPropagation(), !(m.disabled || m.busy || !r) && (K(r), E("date-select", r));
+    const U = (t, v) => {
+      v?.preventDefault(), v?.stopPropagation(), !(m.disabled || m.busy || !t) && (K(t), E("date-select", t));
     };
     return T({
       apply: () => {
-        d.value = L.value, n.value = D.value, o.value = {
+        d.value = D.value, n.value = x.value, o.value = {
           end: n.value,
           start: d.value
         };
@@ -59,36 +63,36 @@ const de = ["data-testid"], se = /* @__PURE__ */ Y({
       cancel: () => {
         G();
       },
-      draftEnd: D,
-      draftStart: L,
+      draftEnd: x,
+      draftStart: D,
       initializeDraft: p,
       reset: () => {
         A(), d.value = null, n.value = null, o.value = null;
       }
-    }), (r, y) => (i(), s("div", {
-      class: c([l, t.fluid ? `${l}__fluid` : ""]),
-      "data-testid": t.testId
+    }), (t, v) => (i(), s("div", {
+      class: u([r, l.fluid ? `${r}__fluid` : ""]),
+      "data-testid": l.testId
     }, [
       M("div", {
-        class: c(`${l}__header`)
+        class: u(`${r}__header`)
       }, [
         f(e(b), {
           "aria-label": "Previous month",
           "border-radius": e(k).Full,
           "icon-before": e(P).ChevronLeft,
-          "icon-size": e(V).Tiny,
+          "icon-size": e(N).Tiny,
           "on-click": e(H),
           size: e(_).Tiny,
-          variant: e(u).Ghost,
+          variant: e(c).Ghost,
           height: "32px",
           width: "32px",
           wrap: ""
         }, null, 8, ["border-radius", "icon-before", "icon-size", "on-click", "size", "variant"]),
-        f(e(N), {
+        f(e(B), {
           type: e(R).Medium,
           medium: ""
         }, {
-          default: v(() => [
+          default: y(() => [
             h(C(e(O)), 1)
           ]),
           _: 1
@@ -97,63 +101,63 @@ const de = ["data-testid"], se = /* @__PURE__ */ Y({
           "aria-label": "Next month",
           "border-radius": e(k).Full,
           "icon-before": e(P).ChevronRight,
-          "icon-size": e(V).Tiny,
+          "icon-size": e(N).Tiny,
           "on-click": e(q),
           size: e(_).Tiny,
-          variant: e(u).Ghost,
+          variant: e(c).Ghost,
           height: "32px",
           width: "32px",
           wrap: ""
         }, null, 8, ["border-radius", "icon-before", "icon-size", "on-click", "size", "variant"])
       ], 2),
       M("div", {
-        class: c(`${l}__grid`)
+        class: u(`${r}__grid`)
       }, [
-        (i(!0), s($, null, B(e(Q), (a) => (i(), s("div", {
+        (i(!0), s(V, null, $(e(Q), (a) => (i(), s("div", {
           key: a,
-          class: c(`${l}__weekday`)
+          class: u(`${r}__weekday`)
         }, [
-          f(e(N), {
-            align: e(ie).Center,
+          f(e(B), {
+            align: e(oe).Center,
             color: e(g).Neutral,
             type: e(R).Small
           }, {
-            default: v(() => [
+            default: y(() => [
               h(C(a), 1)
             ]),
             _: 2
           }, 1032, ["align", "color", "type"])
         ], 2))), 128)),
-        (i(!0), s($, null, B(e(F), (a, W) => (i(), s("div", {
+        (i(!0), s(V, null, $(e(F), (a, W) => (i(), s("div", {
           key: a.date ?? `pad-${W}`,
-          class: c([
-            `${l}__cell`,
-            a.isOutsideMonth ? `${l}__cell--outside` : ""
+          class: u([
+            `${r}__cell`,
+            a.isOutsideMonth ? `${r}__cell--outside` : ""
           ])
         }, [
-          a.day && a.date ? (i(), le(e(b), {
+          a.day && a.date ? (i(), re(e(b), {
             key: 0,
             "aria-label": e(j)(a.date),
             "border-radius": e(k).Full,
-            color: e(z)(a.date) || e(x)(a.date) ? t.color : e(g).Secondary,
-            disabled: t.disabled || t.busy,
+            color: e(z)(a.date) || e(L)(a.date) ? l.color : e(g).Secondary,
+            disabled: l.disabled || l.busy,
             size: e(_).Small,
             height: "100%",
             width: "100%",
             "on-click": (X) => U(a.date, X),
-            variant: e(z)(a.date) || e(x)(a.date) ? e(u).Solid : e(J)(a.date) ? e(u).Soft : e(u).Ghost,
+            variant: e(z)(a.date) || e(L)(a.date) ? e(c).Solid : e(J)(a.date) ? e(c).Soft : e(c).Ghost,
             wrap: ""
           }, {
-            default: v(() => [
+            default: y(() => [
               h(C(a.day), 1)
             ]),
             _: 2
-          }, 1032, ["aria-label", "border-radius", "color", "disabled", "size", "on-click", "variant"])) : re("", !0)
+          }, 1032, ["aria-label", "border-radius", "color", "disabled", "size", "on-click", "variant"])) : ie("", !0)
         ], 2))), 128))
       ], 2)
-    ], 10, de));
+    ], 10, se));
   }
-}), be = /* @__PURE__ */ ne(se, [["__scopeId", "data-v-d4bca6fb"]]);
+}), _e = /* @__PURE__ */ de(ue, [["__scopeId", "data-v-94d6ba3b"]]);
 export {
-  be as C
+  _e as C
 };

package/dist/components/Form/CLCalendar/CLCalendar.css

@@ -1 +1 @@
-.clll-calendar[data-v-d4bca6fb]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;max-width:300px}.clll-calendar__fluid[data-v-d4bca6fb]{width:100%;max-width:none}.clll-calendar__header[data-v-d4bca6fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-d4bca6fb]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-d4bca6fb]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-d4bca6fb]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-d4bca6fb]{opacity:.55}
+.clll-calendar[data-v-94d6ba3b]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;width:var(--v0c243535)}.clll-calendar__fluid[data-v-94d6ba3b]{width:100%;max-width:none}.clll-calendar__header[data-v-94d6ba3b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-94d6ba3b]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-94d6ba3b]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-94d6ba3b]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-94d6ba3b]{opacity:.55}

package/dist/components/Form/CLCalendar/CLCalendar.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLCalendar.css';
-import { C } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+import { C } from "../../../chunks/CLCalendar-BGwHfZr9.js";
 export {
   C as CLCalendar,
   C as default

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

@@ -13,6 +13,8 @@ export interface CLCalendarProps {
     fluid?: boolean;
     /** Test ID for testing purposes. */
     testId?: string;
+    /** Sets the width of the calendar. */
+    width?: string;
 }
 declare const _default: import('vue').DefineComponent<{
     modelValue?: {
@@ -47,6 +49,7 @@ declare const _default: import('vue').DefineComponent<{
     color: CLColors;
     fluid: boolean;
     testId: string;
+    width: string;
     busy: boolean;
     disabled: boolean;
     isRange: boolean;

package/dist/components/Form/CLInput/CLInput.js

@@ -1,4 +1,5 @@
 import '../../../assets/core.css';
+import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as S, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as w, createTextVNode as M, toDisplayString as P, createVNode as K, ref as q, watch as R, createCommentVNode as v, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as p, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
 import { _ as ie, i as ae, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js";

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js

@@ -4,7 +4,7 @@ import { defineComponent as U, mergeModels as q, ref as r, useModel as N, watch
 import { u as W, a as X, o as Z, f as _, s as ee } from "../../../chunks/floating-ui.vue-Fx4CxKut.js";
 import { _ as ae } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Sre7UYZd.js";
 import { CLInput as te } from "../CLInput/CLInput.js";
-import { C as le } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+import { C as le } from "../../../chunks/CLCalendar-BGwHfZr9.js";
 import { CLIconNames as ne, CLColorVariants as D, CLPlacement as oe, CLOrientation as ie, CLSizes as de, CLColors as ue } from "../../../index.js";
 import { i as L } from "../../../chunks/helper-qUkciePY.js";
 import { useEsc as re } from "../../../composables/useEsc.js";

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

@@ -225,6 +225,7 @@ declare const _default: import('vue').DefineComponent<{
         color: CLColors;
         fluid: boolean;
         testId: string;
+        width: string;
         busy: boolean;
         disabled: boolean;
         isRange: boolean;
@@ -257,6 +258,7 @@ declare const _default: import('vue').DefineComponent<{
         color: CLColors;
         fluid: boolean;
         testId: string;
+        width: string;
         busy: boolean;
         disabled: boolean;
         isRange: boolean;

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

@@ -3,7 +3,7 @@ import './CLModalDatePicker.css';
 import { defineComponent as I, mergeModels as N, ref as p, computed as u, useModel as h, onBeforeUnmount as A, createElementBlock as T, openBlock as W, normalizeClass as $, unref as e, createVNode as s, withCtx as c, createTextVNode as v, toDisplayString as G, createElementVNode as S, 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 { C as j } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+import { C as j } from "../../../chunks/CLCalendar-BGwHfZr9.js";
 import { CLSizes as n, CLIconSizes as i, CLIconNames as q, CLBorderRadius as B, CLColorVariants as X, CLColors as C } from "../../../index.js";
 import { i as z } from "../../../chunks/helper-qUkciePY.js";
 import { useDatePicker as H } from "../../../composables/useDatePicker.js";

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

@@ -104,6 +104,7 @@ declare const _default: import('vue').DefineComponent<{
         color: CLColors;
         fluid: boolean;
         testId: string;
+        width: string;
         busy: boolean;
         disabled: boolean;
         isRange: boolean;
@@ -136,6 +137,7 @@ declare const _default: import('vue').DefineComponent<{
         color: CLColors;
         fluid: boolean;
         testId: string;
+        width: string;
         busy: boolean;
         disabled: boolean;
         isRange: boolean;