@leavepulse/ui 0.31.1 → 0.33.0

package/dist/chunks/LpMediaGallery-Cid7PGYx.js

@@ -0,0 +1,214 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "./LpLightbox-oLqyjOln.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["aria-label", "onClick"];
+const _hoisted_4 = ["src", "alt"];
+const _hoisted_5 = {
+  key: 0,
+  class: "pointer-events-none absolute inset-0 flex items-center justify-center"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "pointer-events-none absolute inset-0 flex items-center justify-center text-lg font-medium text-white"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/0 opacity-0 transition-[background-color,opacity] duration-[var(--duration-fast)] group-hover:bg-black/25 group-hover:opacity-100 motion-reduce:transition-none",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpMediaGallery",
+  props: {
+    items: {},
+    columns: { default: 3 },
+    gap: { default: 2 },
+    aspect: { default: "square" },
+    max: {},
+    openable: { type: Boolean, default: true },
+    downloadable: { type: Boolean, default: true },
+    rotatable: { type: Boolean, default: true },
+    ariaLabel: { default: "Media" }
+  },
+  emits: ["select", "reveal", "update:open"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = ref(false);
+    const index = ref(0);
+    const visible = computed(
+      () => props.max && props.items.length > props.max ? props.items.slice(0, props.max) : props.items
+    );
+    const hiddenCount = computed(() => Math.max(props.items.length - visible.value.length, 0));
+    const COLS = {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6"
+    };
+    const COLS_SM = {
+      1: "sm:grid-cols-1",
+      2: "sm:grid-cols-2",
+      3: "sm:grid-cols-3",
+      4: "sm:grid-cols-4",
+      5: "sm:grid-cols-5",
+      6: "sm:grid-cols-6"
+    };
+    const COLS_MD = {
+      1: "md:grid-cols-1",
+      2: "md:grid-cols-2",
+      3: "md:grid-cols-3",
+      4: "md:grid-cols-4",
+      5: "md:grid-cols-5",
+      6: "md:grid-cols-6"
+    };
+    const COLS_LG = {
+      1: "lg:grid-cols-1",
+      2: "lg:grid-cols-2",
+      3: "lg:grid-cols-3",
+      4: "lg:grid-cols-4",
+      5: "lg:grid-cols-5",
+      6: "lg:grid-cols-6"
+    };
+    const COLS_XL = {
+      1: "xl:grid-cols-1",
+      2: "xl:grid-cols-2",
+      3: "xl:grid-cols-3",
+      4: "xl:grid-cols-4",
+      5: "xl:grid-cols-5",
+      6: "xl:grid-cols-6"
+    };
+    const GAPS = {
+      0: "gap-0",
+      0.5: "gap-0.5",
+      1: "gap-1",
+      1.5: "gap-1.5",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4"
+    };
+    const ASPECTS = {
+      square: "aspect-square",
+      video: "aspect-video",
+      auto: ""
+    };
+    const columnClass = computed(() => {
+      const c = props.columns;
+      if (typeof c === "number") return COLS[c] ?? COLS[3];
+      return [
+        COLS[c.base ?? 1] ?? COLS[1],
+        c.sm ? COLS_SM[c.sm] : "",
+        c.md ? COLS_MD[c.md] : "",
+        c.lg ? COLS_LG[c.lg] : "",
+        c.xl ? COLS_XL[c.xl] : ""
+      ].filter(Boolean).join(" ");
+    });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => ["grid", columnClass.value, GAPS[props.gap] ?? GAPS[2]].join(" ")
+    );
+    function activate(i) {
+      const item = props.items[i];
+      if (!item) return;
+      emit("select", item, i);
+      if (!props.openable) return;
+      const at = openIndexOf(i);
+      if (at === -1) return;
+      index.value = at;
+      open.value = true;
+      emit("update:open", true);
+    }
+    function openOverflow() {
+      activate(visible.value.length);
+    }
+    const revealed = ref(/* @__PURE__ */ new Set());
+    function isHidden(item) {
+      return Boolean(item.spoiler) && !revealed.value.has(item.src);
+    }
+    function reveal(item) {
+      revealed.value = new Set(revealed.value).add(item.src);
+      emit("reveal", item);
+    }
+    const openItems = computed(() => props.items.filter((item) => !isHidden(item)));
+    function openIndexOf(i) {
+      const item = props.items[i];
+      return item ? openItems.value.indexOf(item) : -1;
+    }
+    __expose({
+      /** Open the lightbox at an index — for a "view all" button outside the grid. */
+      openAt: (i) => activate(i),
+      /** Uncover every spoiler in the set. */
+      revealAll: () => {
+        const next = new Set(revealed.value);
+        for (const item of props.items) if (item.spoiler) next.add(item.src);
+        revealed.value = next;
+      }
+    });
+    return (_ctx, _cache) => {
+      return !__props.items.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "empty")
+      ])) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        role: "group",
+        "aria-label": __props.ariaLabel,
+        class: unref(rootClass)
+      }, unref(rest)), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(visible.value, (item, i) => {
+          return openBlock(), createElementBlock("button", {
+            key: item.src + i,
+            type: "button",
+            class: normalizeClass([
+              "group relative overflow-hidden rounded-card bg-surface-soft outline-none",
+              ASPECTS[__props.aspect],
+              __props.openable ? "cursor-pointer" : "cursor-default",
+              "focus-visible:ring-2 focus-visible:ring-ring"
+            ]),
+            "aria-label": isHidden(item) ? "Spoiler — show image" : hiddenCount.value && i === visible.value.length - 1 ? `Show ${hiddenCount.value} more` : item.title || `Image ${i + 1} of ${__props.items.length}`,
+            onClick: ($event) => isHidden(item) ? reveal(item) : hiddenCount.value && i === visible.value.length - 1 ? openOverflow() : activate(i)
+          }, [
+            renderSlot(_ctx.$slots, "item", {
+              item,
+              index: i
+            }, () => [
+              createElementVNode("img", {
+                src: item.thumb || item.src,
+                alt: isHidden(item) ? "" : item.title || "",
+                loading: "lazy",
+                decoding: "async",
+                class: normalizeClass(["size-full object-cover transition-transform duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] group-hover:scale-[1.03] motion-reduce:transition-none motion-reduce:group-hover:scale-100", [
+                  isHidden(item) ? "scale-[1.12] blur-[18px] brightness-[0.6] saturate-[1.1] group-hover:scale-[1.12]" : "",
+                  !isHidden(item) && hiddenCount.value && i === visible.value.length - 1 ? "scale-[1.06] blur-[2px] brightness-[0.45] group-hover:scale-[1.06]" : ""
+                ]])
+              }, null, 10, _hoisted_4)
+            ]),
+            isHidden(item) ? (openBlock(), createElementBlock("span", _hoisted_5, [..._cache[2] || (_cache[2] = [
+              createElementVNode("span", { class: "rounded-pill bg-black/55 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-white" }, " Spoiler ", -1)
+            ])])) : hiddenCount.value && i === visible.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_6, " +" + toDisplayString(hiddenCount.value), 1)) : __props.openable ? (openBlock(), createElementBlock("span", _hoisted_7, [
+              createVNode(_sfc_main$1, {
+                name: "lucide:maximize-2",
+                size: 18,
+                class: "text-white"
+              })
+            ])) : createCommentVNode("", true)
+          ], 10, _hoisted_3);
+        }), 128)),
+        __props.openable ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          open: open.value,
+          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+          index: index.value,
+          "onUpdate:index": _cache[1] || (_cache[1] = ($event) => index.value = $event),
+          items: openItems.value,
+          downloadable: __props.downloadable,
+          rotatable: __props.rotatable
+        }, null, 8, ["open", "index", "items", "downloadable", "rotatable"])) : createCommentVNode("", true)
+      ], 16, _hoisted_2));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpNotificationBell-gdvQY89m.js → LpNotificationBell-lHePf89W.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useModel, getCurrentInstance, openBlock, cre
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$5 } from "./LpContextMenu-B6WBLleS.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-BV3q7Qyi.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-Dsdqz1Wj.js";
 import { _ as _sfc_main$6 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
 import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";

package/dist/chunks/{LpNumberField-NPE8Bumx.js → LpNumberField-CWuX08iX.js}

@@ -1,8 +1,11 @@
-import { defineComponent, useId, openBlock, createBlock, unref, withCtx, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, useId, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
 import { NumberFieldRoot, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["id"];
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpNumberField",
   props: {
     modelValue: {},
@@ -15,17 +18,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const unitId = useId();
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex h-(--size-control-md) w-full items-center rounded-control border border-line bg-surface-soft transition-colors duration-[var(--duration-fast)] focus-within:border-brand focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NumberFieldRoot), {
+      return openBlock(), createBlock(unref(NumberFieldRoot), mergeProps({
         "model-value": __props.modelValue ?? void 0,
         min: __props.min,
         max: __props.max,
         step: __props.step,
         disabled: __props.disabled,
         "data-lp-ring-owner": "",
-        class: "flex h-(--size-control-md) w-full items-center rounded-control border border-line bg-surface-soft transition-colors duration-[var(--duration-fast)] focus-within:border-brand focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55",
+        class: unref(rootClass)
+      }, unref(rest), {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v ?? null))
-      }, {
+      }), {
         default: withCtx(() => [
           createVNode(unref(NumberFieldDecrement), { class: "group grid h-full w-8 place-items-center text-muted transition-colors duration-[var(--duration-fast)] hover:text-ink disabled:opacity-40" }, {
             default: withCtx(() => [
@@ -58,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 1
-      }, 8, ["model-value", "min", "max", "step", "disabled"]);
+      }, 16, ["model-value", "min", "max", "step", "disabled", "class"]);
     };
   }
 });

package/dist/chunks/{LpOtpInput-DqaT0Z75.js → LpOtpInput-y2v-pmiN.js}

@@ -1,6 +1,9 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
 import { PinInputRoot, PinInputInput } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpOtpInput",
   props: {
     modelValue: {},
@@ -27,17 +30,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       md: "size-11 text-lg",
       lg: "size-13 text-xl"
     };
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex items-center gap-2"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PinInputRoot), {
+      return openBlock(), createBlock(unref(PinInputRoot), mergeProps({
         modelValue: cells.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cells.value = $event),
         type: __props.alphanumeric ? "text" : "number",
         mask: __props.mask,
         disabled: __props.disabled,
         otp: "",
-        class: "flex items-center gap-2",
-        onComplete
-      }, {
+        class: unref(rootClass)
+      }, unref(rest), { onComplete }), {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.length, (i) => {
             return openBlock(), createBlock(unref(PinInputInput), {
@@ -56,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "type", "mask", "disabled"]);
+      }, 16, ["modelValue", "type", "mask", "disabled", "class"]);
     };
   }
 });

package/dist/chunks/{LpPagination-CeGuNe_q.js → LpPagination-5FxjmmB5.js}

@@ -1,23 +1,20 @@
-import { defineComponent, computed, useId, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createBlock, unref, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, computed, useId, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = {
-  class: "flex items-center gap-1.5",
-  "aria-label": "Pagination"
-};
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
   key: 0,
   class: "flex size-(--size-control-sm) items-center justify-center text-sm text-muted select-none",
   "aria-hidden": "true"
 };
-const _hoisted_4 = ["disabled", "aria-current", "onClick"];
-const _hoisted_5 = { class: "relative z-10" };
-const _hoisted_6 = ["disabled"];
-const navBase = "relative flex size-(--size-control-sm) items-center justify-center rounded-control text-sm outline-none transition-[color,border-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] active:scale-95 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45 disabled:active:scale-100";
-const navArrow = "border border-line text-muted hover:border-line-strong hover:text-ink disabled:hover:border-line disabled:hover:text-muted";
+const _hoisted_3 = ["disabled", "aria-current", "onClick"];
+const _hoisted_4 = { class: "relative z-10" };
+const _hoisted_5 = ["disabled"];
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpPagination",
   props: {
     page: { default: 1 },
@@ -69,10 +66,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:page", next);
       emit("change", next);
     }
+    const navBase = "relative flex size-(--size-control-sm) items-center justify-center rounded-control text-sm outline-none transition-[color,border-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] active:scale-95 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45 disabled:active:scale-100";
+    const navArrow = "border border-line text-muted hover:border-line-strong hover:text-ink disabled:hover:border-line disabled:hover:text-muted";
     const pillId = `lp-page-indicator-${useId()}`;
     const pillTransition = usePillTransition();
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex items-center gap-1.5"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1, [
+      return openBlock(), createElementBlock("nav", mergeProps({ class: unref(rootClass) }, unref(rest), { "aria-label": "Pagination" }), [
         createElementVNode("button", {
           type: "button",
           class: normalizeClass([navBase, navArrow]),
@@ -84,12 +86,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "lucide:chevron-left",
             size: 16
           })
-        ], 10, _hoisted_2),
+        ], 10, _hoisted_1),
         (openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (slot, i) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `slot-${i}`
           }, [
-            slot.kind === "gap" ? (openBlock(), createElementBlock("span", _hoisted_3, "…")) : (openBlock(), createElementBlock("button", {
+            slot.kind === "gap" ? (openBlock(), createElementBlock("span", _hoisted_2, "…")) : (openBlock(), createElementBlock("button", {
               key: 1,
               type: "button",
               class: normalizeClass([
@@ -107,8 +109,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 transition: unref(pillTransition),
                 class: "absolute inset-0 z-0 rounded-control bg-brand"
               }, null, 8, ["transition"])) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_5, toDisplayString(slot.page), 1)
-            ], 10, _hoisted_4))
+              createElementVNode("span", _hoisted_4, toDisplayString(slot.page), 1)
+            ], 10, _hoisted_3))
           ], 64);
         }), 128)),
         createElementVNode("button", {
@@ -122,8 +124,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "lucide:chevron-right",
             size: 16
           })
-        ], 10, _hoisted_6)
-      ]);
+        ], 10, _hoisted_5)
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpPasswordInput-BqMAc5HA.js → LpPasswordInput--sjYCkLS.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, createVNode, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpInput-Bt4J71xn.js";
+import { _ as _sfc_main$1 } from "./LpInput-9EXWUM9B.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpPhoneInput-NXXjciJJ.js → LpPhoneInput-BDSKVl_z.js}

@@ -1,16 +1,19 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, createBlock, withModifiers, normalizeStyle } from "vue";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, createBlock, withModifiers, normalizeStyle } from "vue";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { matchCountryByValue, loadCountries, flagEmoji } from "../components/countries.js";
 import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "text-base leading-none" };
 const _hoisted_2 = { class: "border-b border-line p-2" };
 const _hoisted_3 = { class: "text-base leading-none" };
 const _hoisted_4 = { class: "min-w-0 flex-1 truncate" };
 const _hoisted_5 = { class: "shrink-0 text-xs text-muted" };
 const _hoisted_6 = ["value", "placeholder", "disabled", "aria-invalid"];
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpPhoneInput",
   props: {
     modelValue: {},
@@ -84,15 +87,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       md: "h-(--size-control-md) text-sm",
       lg: "h-(--size-control-lg) text-sm"
     };
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring",
+        sizeClass[props.size],
+        props.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
+        props.disabled ? "cursor-not-allowed opacity-55" : ""
+      ].join(" ")
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         "data-lp-ring-owner": "",
-        class: normalizeClass(["flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring", [
-          sizeClass[__props.size],
-          __props.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
-          __props.disabled ? "cursor-not-allowed opacity-55" : ""
-        ]])
-      }, [
+        class: unref(rootClass)
+      }, unref(rest)), [
         createVNode(unref(ComboboxRoot), {
           open: open.value,
           "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
@@ -193,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (...args) => unref(onPaste) && unref(onPaste)(...args)),
           onInput
         }, null, 40, _hoisted_6)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpPie-BL1vTDSM.js → LpPie-c2-q4DJu.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, toDisplayString, createCommentVNode, normalizeStyle, createVNode, createElementVNode, createBlock, withCtx, withModifiers, Fragment, renderList, normalizeClass, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, normalizeStyle, createVNode, createElementVNode, createBlock, withCtx, withModifiers, Fragment, renderList, normalizeClass, renderSlot } from "vue";
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { useReveal } from "../composables/useReveal.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
@@ -8,6 +8,7 @@ import { _ as _sfc_main$4 } from "./LpNumberFlow-amWYaeuA.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-CM5gkSeF.js";
 import { _ as _sfc_main$6 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$3 } from "./LpTooltip-hCLPAqMG.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex flex-col gap-0.5"
@@ -45,10 +46,9 @@ const _hoisted_21 = {
   class: "shrink-0 text-muted"
 };
 const _hoisted_22 = { class: "ml-auto shrink-0 pl-2 font-mono tabular-nums text-muted" };
-const ELBOW = 16;
-const RUN = 14;
-const LABEL_LINE = 17;
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpPie",
   props: {
     slices: {},
@@ -107,6 +107,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return { index, slice: s, start: start + gap / 2, end: angle - gap / 2, mid: start + sweep2 / 2 };
       });
     });
+    const ELBOW = 16;
+    const RUN = 14;
+    const LABEL_LINE = 17;
     const canvasWidth = computed(
       () => props.labels ? props.size + (props.labelWidth + ELBOW + RUN) * 2 : props.size
     );
@@ -320,12 +323,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (selected.value.size > 1) return `${selected.value.size} selected`;
       return "total";
     });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-3"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "revealAnchor",
         ref: revealAnchor,
-        class: "flex flex-col gap-3"
-      }, [
+        class: unref(rootClass)
+      }, unref(rest)), [
         __props.title || __props.subtitle ? (openBlock(), createElementBlock("div", _hoisted_1, [
           __props.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
@@ -516,7 +522,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["items", "always"]))
-      ], 512);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpRadio-CL-pI0_O.js → LpRadio-B5AfqTpZ.js}

@@ -1,6 +1,9 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { RadioGroupItem, RadioGroupIndicator } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpRadio",
   props: {
     value: {},
@@ -8,10 +11,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
+        props.disabled ? "cursor-not-allowed opacity-55" : ""
+      ].join(" ")
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["group inline-flex cursor-pointer items-center gap-2 text-sm text-ink", __props.disabled && "cursor-not-allowed opacity-55"])
-      }, [
+      return openBlock(), createElementBlock("label", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(unref(RadioGroupItem), {
           value: __props.value,
           disabled: __props.disabled,
@@ -30,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.label), 1)
         ])
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpRadioGroup-B4yDTmi6.js → LpRadioGroup-xPIuVDO_.js}

@@ -1,6 +1,9 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, Fragment, renderList, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpRadioGroup",
   props: {
     modelValue: {},
@@ -9,13 +12,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props) {
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-2"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupRoot), {
+      return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
         "model-value": __props.modelValue,
         disabled: __props.disabled,
-        class: "flex flex-col gap-2",
+        class: unref(rootClass)
+      }, unref(rest), {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v))
-      }, {
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
@@ -43,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["model-value", "disabled"]);
+      }, 16, ["model-value", "disabled", "class"]);
     };
   }
 });