@codeandfunction/callaloo 4.9.3 → 4.9.5

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "4.9.3",
+  "version": "4.9.5",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",
@@ -194,9 +194,9 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
-    "@floating-ui/vue": "^1.1.8",
-    "@iconify-json/tabler": "^1.2.25",
-    "@iconify/tools": "^5.0.1",
+    "@floating-ui/vue": "^1.1.10",
+    "@iconify-json/tabler": "^1.2.26",
+    "@iconify/tools": "^5.0.2",
     "@iconify/types": "^2.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
@@ -204,48 +204,48 @@
     "@size-limit/esbuild": "^12.0.0",
     "@size-limit/esbuild-why": "^12.0.0",
     "@size-limit/preset-small-lib": "^12.0.0",
-    "@storybook/addon-a11y": "^10.1.10",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/cli": "^10.1.10",
+    "@storybook/addon-a11y": "^10.2.1",
+    "@storybook/addon-docs": "^10.2.1",
+    "@storybook/cli": "^10.2.1",
     "@storybook/test-runner": "^0.24.2",
-    "@storybook/vue3-vite": "^10.1.10",
+    "@storybook/vue3-vite": "^10.2.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.1.0",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitejs/plugin-vue-jsx": "^5.1.3",
     "@vitest/browser": "4.0.16",
     "@vitest/coverage-istanbul": "4.0.16",
     "@vitest/coverage-v8": "4.0.16",
-    "@vitest/ui": "^4.0.16",
+    "@vitest/ui": "^4.0.18",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
     "@wdns/vue-code-block": "^2.3.5",
-    "chromatic": "^13.3.4",
+    "chromatic": "^13.3.5",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "eslint-plugin-storybook": "10.1.10",
-    "eslint-plugin-vue": "^10.6.2",
+    "eslint-plugin-vue": "^10.7.0",
     "fast-glob": "^3.3.3",
     "jsdom": "^27.4.0",
-    "lodash-es": "^4.17.22",
-    "playwright": "^1.57.0",
+    "lodash-es": "^4.17.23",
+    "playwright": "^1.58.0",
     "rollup-plugin-visualizer": "^6.0.5",
-    "sass": "^1.97.1",
+    "sass": "^1.97.3",
     "semantic-release": "^25.0.2",
     "size-limit": "^12.0.0",
-    "storybook": "^10.1.10",
+    "storybook": "^10.2.1",
     "storybook-addon-deep-controls": "^0.10.0",
     "tsx": "^4.21.0",
     "unplugin-auto-import": "^20.3.0",
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-tsconfig-paths": "^6.0.3",
+    "vite-tsconfig-paths": "^6.0.5",
     "vitest": "4.0.16",
-    "vue": "^3.5.26",
-    "vue-component-meta": "^3.2.1",
+    "vue": "^3.5.27",
+    "vue-component-meta": "^3.2.4",
     "vue-docgen-api": "^4.79.2",
     "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.1"
+    "vue-tsc": "^3.2.4"
   },
   "peerDependencies": {
     "vue": "^3.5.26"

package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-zGLnnSIW.js

@@ -1,47 +0,0 @@
-import '../components/Buttons/CLA11yButton/CLA11yButton.css';
-import { defineComponent as y, ref as b, computed as p, createElementBlock as k, openBlock as C, withKeys as B, normalizeStyle as E, normalizeClass as x, unref as d, renderSlot as A } from "vue";
-import { CLColors as _ } from "../index.js";
-import { a as g } from "./utils-C1xiySYN.js";
-const h = ["data-testid", "tabindex"], w = /* @__PURE__ */ y({
-  name: "CLA11yButton",
-  __name: "CLA11yButton",
-  props: {
-    color: { default: _.Neutral },
-    enabled: { type: Boolean, default: !1 },
-    fluid: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-a11y__button" }
-  },
-  setup(e) {
-    const t = e, i = ["a", "button"], n = b(), u = "clll-a11y__button", f = p(() => [
-      u,
-      t.enabled ? "--enabled" : "",
-      t.rounded ? "--rounded" : "",
-      t.fluid ? "--fluid" : ""
-    ]), c = (l) => {
-      if (!t.enabled) return;
-      const { target: a } = l, o = a ? a.closest("a,button") : void 0, r = [
-        ...n.value?.querySelectorAll("[data-expand-click-area]") ?? []
-      ];
-      if (r.length) {
-        const s = r[0], m = o ? i.includes(o.tagName.toLowerCase()) : null;
-        !o && s !== l.target && !m && s.click();
-      }
-    };
-    return (l, a) => (C(), k("div", {
-      ref_key: "refExpandedArea",
-      ref: n,
-      class: x(d(f)),
-      "data-testid": e.testId,
-      tabindex: e.enabled ? 0 : void 0,
-      style: E(d(g)({ color: e.color })),
-      onClick: c,
-      onKeyup: B(c, ["enter"])
-    }, [
-      A(l.$slots, "default")
-    ], 46, h));
-  }
-});
-export {
-  w as _
-};

package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js

@@ -1,136 +0,0 @@
-import '../components/Buttons/CLButton/CLButton.css';
-import { defineComponent as $, useSlots as C, ref as h, computed as L, onMounted as B, nextTick as z, createBlock as n, openBlock as o, resolveDynamicComponent as S, normalizeStyle as g, normalizeClass as s, unref as i, withCtx as k, createCommentVNode as d, createElementBlock as X, renderSlot as w } from "vue";
-import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
-import { _ as R } from "./CLSpinner.vue_vue_type_style_index_0_lang-DlXqnsi8.js";
-import { CLColorVariants as A, CLButtonTypes as T, CLLinkTarget as F, CLSizes as l, CLIconSizes as I, CLColors as x, CLAlign as m, CLPosition as M } from "../index.js";
-import { b as N } from "./utils-C1xiySYN.js";
-import { useHasSlotContent as V } from "../composables/useHasSlotContent.js";
-const J = /* @__PURE__ */ $({
-  name: "CLButton",
-  __name: "CLButton",
-  props: {
-    active: { type: Boolean, default: !1 },
-    alignContent: { default: m.Center },
-    ariaLabel: { default: void 0 },
-    as: { default: "button" },
-    borderRadius: { default: void 0 },
-    busy: { type: Boolean, default: !1 },
-    color: { default: x.Neutral },
-    disabled: { type: Boolean, default: !1 },
-    elevated: { type: Boolean, default: !1 },
-    form: { default: void 0 },
-    forwardRef: { type: Function, default: void 0 },
-    height: { default: "auto" },
-    href: { default: void 0 },
-    iconAfter: { default: void 0 },
-    iconBefore: { default: void 0 },
-    iconFilled: { type: Boolean, default: !1 },
-    iconSize: { default: I.Small },
-    onClick: { type: Function, default: void 0 },
-    pill: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !0 },
-    size: { default: l.Small },
-    target: { default: F.Self },
-    testId: { default: "clll-button" },
-    title: { default: void 0 },
-    type: { default: T.Button },
-    variant: { default: A.Soft },
-    width: { default: "auto" },
-    wrap: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, r = V();
-    C();
-    const u = h(), a = "clll-button", b = L(() => [
-      a,
-      `${a}--${t.type}`,
-      `${a}--${t.color}--${t.variant}`,
-      `${a}--${t.size}`,
-      `${a}--${t.alignContent}`,
-      t.active ? `${a}--active` : "",
-      t.busy ? `${a}--busy` : "",
-      t.disabled ? `${a}--disabled` : "",
-      t.wrap ? `${a}--wrapped` : "",
-      t.rounded ? `${a}--rounded` : "",
-      t.borderRadius ? `${a}--${t.borderRadius}` : "",
-      r.value ? `${a}--has-content` : `${a}--no-content`,
-      t.iconBefore ? `${a}--icon-before` : "",
-      t.iconAfter ? `${a}--icon-after` : "",
-      t.elevated ? `${a}--elevated` : "",
-      t.pill ? `${a}--pill` : ""
-    ]), y = () => {
-      switch (t.size) {
-        case l.Medium:
-        case l.Large:
-          return l.Small;
-        case l.XL:
-        case l.XXL:
-          return l.Medium;
-        case l.XXXL:
-          return l.Large;
-        case l.XXXXL:
-          return l.XL;
-        case l.Tiny:
-        default:
-          return l.Tiny;
-      }
-    };
-    B(() => {
-      z(() => {
-        u.value && t.forwardRef?.(u.value);
-      });
-    });
-    const v = (f) => {
-      t.onClick?.(f);
-    };
-    return (f, D) => (o(), n(S(e.as), {
-      ref_key: "buttonRef",
-      ref: u,
-      "aria-label": e.ariaLabel,
-      class: s(i(b)),
-      "data-testid": e.testId,
-      disabled: e.as === "button" ? e.busy || e.disabled : void 0,
-      form: e.as === "button" ? e.form : void 0,
-      href: e.as === "a" ? e.href : void 0,
-      target: e.as === "a" ? e.target : void 0,
-      title: e.title,
-      type: e.as === "button" ? e.type : void 0,
-      style: g({ width: e.width, height: e.height, ...i(N)({ color: e.color, variant: e.variant }) }),
-      onClick: v
-    }, {
-      default: k(() => [
-        e.iconBefore ? (o(), n(i(c), {
-          key: 0,
-          filled: e.iconFilled,
-          name: e.iconBefore,
-          size: e.iconSize,
-          "test-id": `${e.testId}-icon-before`
-        }, null, 8, ["filled", "name", "size", "test-id"])) : d("", !0),
-        i(r) ? (o(), X("span", {
-          key: 1,
-          class: s(`${a}__content`)
-        }, [
-          w(f.$slots, "default")
-        ], 2)) : d("", !0),
-        e.iconAfter ? (o(), n(i(c), {
-          key: 2,
-          filled: e.iconFilled,
-          name: e.iconAfter,
-          size: e.iconSize,
-          "test-id": `${e.testId}-icon-after`
-        }, null, 8, ["filled", "name", "size", "test-id"])) : d("", !0),
-        e.busy ? (o(), n(i(R), {
-          key: 3,
-          align: i(m).Center,
-          position: i(M).Absolute,
-          size: y(),
-          color: e.color
-        }, null, 8, ["align", "position", "size", "color"])) : d("", !0)
-      ]),
-      _: 3
-    }, 8, ["aria-label", "class", "data-testid", "disabled", "form", "href", "target", "title", "type", "style"]));
-  }
-});
-export {
-  J as _
-};

package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-Bz1JdT1A.js

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