@leavepulse/ui 0.31.1 → 0.32.0

package/dist/assets/{LpDropzone-DVDC-ABU.css → LpDropzone-BBoWvi-J.css}

@@ -1,9 +1,9 @@
 
-.lp-dropzone__frame rect[data-v-996dbce9] {
+.lp-dropzone__frame rect[data-v-5e560a6d] {
   stroke: var(--color-line);
   transition: stroke var(--duration-fast) linear;
 }
-.lp-dropzone:hover .lp-dropzone__frame rect[data-v-996dbce9] {
+.lp-dropzone:hover .lp-dropzone__frame rect[data-v-5e560a6d] {
   stroke: var(--color-line-strong);
 }
 
@@ -12,33 +12,33 @@
    with every other thing on it; under a drag it is the answer to "can I let go
    here". One dash period per cycle, so the travel is continuous rather than
    jumping back at the seam. */
-.lp-dropzone--over .lp-dropzone__frame rect[data-v-996dbce9] {
+.lp-dropzone--over .lp-dropzone__frame rect[data-v-5e560a6d] {
   stroke: var(--color-brand);
-  animation: lp-dropzone-ants-996dbce9 500ms linear infinite;
+  animation: lp-dropzone-ants-5e560a6d 500ms linear infinite;
 }
-@keyframes lp-dropzone-ants-996dbce9 {
+@keyframes lp-dropzone-ants-5e560a6d {
 to {
     stroke-dashoffset: -11;
 }
 }
 
 /* The dashes fade in and the block settles up a few pixels. */
-.lp-dropzone[data-v-996dbce9] {
-  animation: lp-dropzone-in-996dbce9 var(--duration-slow) var(--ease-settle) both;
+.lp-dropzone[data-v-5e560a6d] {
+  animation: lp-dropzone-in-5e560a6d var(--duration-slow) var(--ease-settle) both;
 }
-.lp-dropzone--waiting[data-v-996dbce9] {
+.lp-dropzone--waiting[data-v-5e560a6d] {
   opacity: 0;
   animation: none;
 }
-@keyframes lp-dropzone-in-996dbce9 {
+@keyframes lp-dropzone-in-5e560a6d {
 from {
     opacity: 0;
     transform: translateY(6px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-dropzone[data-v-996dbce9],
-  .lp-dropzone--waiting[data-v-996dbce9] {
+.lp-dropzone[data-v-5e560a6d],
+  .lp-dropzone--waiting[data-v-5e560a6d] {
     opacity: 1;
     transform: none;
     animation: none;
@@ -46,7 +46,7 @@ from {
 
   /* The ants stop, the colour stays: the brand stroke is what says "drop
      here", and it says it standing still. */
-.lp-dropzone--over .lp-dropzone__frame rect[data-v-996dbce9] {
+.lp-dropzone--over .lp-dropzone__frame rect[data-v-5e560a6d] {
     animation: none;
 }
 }

package/dist/assets/{LpImageEditor-DqP5JKCy.css → LpImageEditor-BsSwej47.css}

@@ -2,22 +2,22 @@
 /* The picture settles into the frame instead of appearing in it. Scale rather
    than a slide: the frame is the fixed thing here and the image lives inside
    it, so anything that moved would read as a crop that had shifted. */
-.lp-editor__image[data-v-7d404124] {
-  animation: lp-editor-in-7d404124 var(--duration-slow) var(--ease-settle) both;
+.lp-editor__image[data-v-3587f639] {
+  animation: lp-editor-in-3587f639 var(--duration-slow) var(--ease-settle) both;
 }
-.lp-editor__image--waiting[data-v-7d404124] {
+.lp-editor__image--waiting[data-v-3587f639] {
   opacity: 0;
   animation: none;
 }
-@keyframes lp-editor-in-7d404124 {
+@keyframes lp-editor-in-3587f639 {
 from {
     opacity: 0;
     scale: 1.04;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-editor__image[data-v-7d404124],
-  .lp-editor__image--waiting[data-v-7d404124] {
+.lp-editor__image[data-v-3587f639],
+  .lp-editor__image--waiting[data-v-3587f639] {
     opacity: 1;
     scale: 1;
     animation: none;

package/dist/chunks/{LpAddressInput-BDkp3-Bp.js → LpAddressInput-C35TsJXt.js}

@@ -1,25 +1,27 @@
-import { defineComponent, defineAsyncComponent, computed, ref, onMounted, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot, normalizeClass } from "vue";
+import { defineComponent, defineAsyncComponent, computed, ref, onMounted, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot, normalizeClass } from "vue";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
 import { _ as _sfc_main$2 } from "./LpAutocomplete-DExlIZe_.js";
 import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpInput-Bt4J71xn.js";
+import { _ as _sfc_main$5 } from "./LpInput-9EXWUM9B.js";
 import { _ as _sfc_main$7 } from "./LpModal-D_o-56To.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
-const _hoisted_1 = { class: "flex flex-col gap-3" };
-const _hoisted_2 = { class: "flex items-stretch gap-2" };
-const _hoisted_3 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };
-const _hoisted_4 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = { class: "flex items-stretch gap-2" };
+const _hoisted_2 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };
+const _hoisted_3 = {
   key: 1,
   class: "flex items-center gap-2"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 0,
   class: "text-xs text-muted"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpAddressInput",
   props: {
     modelValue: {},
@@ -185,13 +187,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("pick", point.value);
       mapOpen.value = false;
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-3"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(_sfc_main$1, {
           label: text.value.line
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_1, [
               createVNode(_sfc_main$2, {
                 class: "min-w-0 flex-1",
                 "model-value": value.value.line,
@@ -243,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autocomplete: "address-line2",
           "onUpdate:modelValue": _cache[2] || (_cache[2] = (next) => patch({ line2: next }))
         }, null, 8, ["model-value", "label", "placeholder", "disabled", "size"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$1, {
             label: text.value.city
           }, {
@@ -295,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["label"]),
-        !__props.hideMap ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        !__props.hideMap ? (openBlock(), createElementBlock("div", _hoisted_3, [
           createVNode(_sfc_main$3, {
             variant: "soft",
             size: __props.size === "lg" ? "md" : "sm",
@@ -311,7 +316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["size", "disabled"]),
-          value.value.lat != null && value.value.lon != null ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(value.value.lat.toFixed(5)) + ", " + toDisplayString(value.value.lon.toFixed(5)), 1)) : createCommentVNode("", true)
+          value.value.lat != null && value.value.lon != null ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(value.value.lat.toFixed(5)) + ", " + toDisplayString(value.value.lon.toFixed(5)), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$7, {
           open: mapOpen.value,
@@ -357,7 +362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["open", "title"])
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpAppShell-Chz8Vbtu.js → LpAppShell-lVvpENMH.js}

@@ -1,18 +1,20 @@
-import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createBlock } from "vue";
+import { defineComponent, computed, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createBlock } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-BiWM_lDB.js";
-const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
-const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
-const _hoisted_3 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
-const _hoisted_4 = { class: "truncate text-lg font-semibold" };
-const _hoisted_5 = {
+import { _ as _sfc_main$1 } from "./LpSidebar-DcYavim2.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col" };
+const _hoisted_2 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
+const _hoisted_3 = { class: "truncate text-lg font-semibold" };
+const _hoisted_4 = {
   key: 0,
   class: "min-h-0 flex-1 overflow-hidden"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpAppShell",
   props: {
     items: {},
@@ -80,8 +82,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const burgerClass = computed(() => burgerHidden[props.mobileBreakpoint]);
     const _openDrawer = () => emit("update:open", true);
     __expose({ openDrawer: _openDrawer });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex h-dvh overflow-hidden bg-surface text-ink"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(_sfc_main$1, {
           "model-value": __props.modelValue,
           items: __props.items,
@@ -130,8 +135,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading", "collapsed", "auto-collapse-after"]),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("header", _hoisted_3, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("header", _hoisted_2, [
             createVNode(_sfc_main$2, {
               class: normalizeClass(burgerClass.value),
               variant: "ghost",
@@ -154,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "header-title", {}, () => [
-                  createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
+                  createElementVNode("h1", _hoisted_3, toDisplayString(pageTitle.value), 1)
                 ])
               ]),
               _: 3
@@ -169,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 3
             })
           ]),
-          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "default")
           ])) : (openBlock(), createBlock(_sfc_main$5, {
             key: 1,
@@ -183,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["content-class"]))
         ]),
         renderSlot(_ctx.$slots, "overlays")
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpBreadcrumbs-5uvViCXi.js → LpBreadcrumbs-p4jHe_V-.js}

@@ -1,10 +1,9 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = {
-  class: "flex items-center gap-1.5 text-sm",
-  "aria-label": "Breadcrumb"
-};
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpBreadcrumbs",
   props: {
     items: {},
@@ -12,8 +11,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["navigate"],
   setup(__props) {
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex items-center gap-1.5 text-sm"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1, [
+      return openBlock(), createElementBlock("nav", mergeProps({ class: unref(rootClass) }, unref(rest), { "aria-label": "Breadcrumb" }), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
           return openBlock(), createElementBlock(Fragment, { key: i }, [
             i > 0 ? (openBlock(), createBlock(_sfc_main$1, {
@@ -51,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2))
           ], 64);
         }), 128))
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpCalendar-B7ZL0ty3.js → LpCalendar-B7Ko5RdR.js}

@@ -1,9 +1,11 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { today, getLocalTimeZone, parseDate } from "@internationalized/date";
 import { CalendarRoot, CalendarHeader, CalendarPrev, CalendarHeading, CalendarNext, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const navBtn = "flex size-8 items-center justify-center rounded-control text-muted outline-none transition-[color,background-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:bg-surface-soft hover:text-ink active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpCalendar",
   props: {
     modelValue: {},
@@ -34,8 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function disabledFor(date) {
       return props.isDisabled?.(date.toString()) ?? false;
     }
+    const navBtn = "flex size-8 items-center justify-center rounded-control text-muted outline-none transition-[color,background-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:bg-surface-soft hover:text-ink active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring";
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "inline-block rounded-card border border-line bg-surface-raised p-3"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CalendarRoot), {
+      return openBlock(), createBlock(unref(CalendarRoot), mergeProps({
         "model-value": value.value,
         "min-value": minValue.value,
         "max-value": maxValue.value,
@@ -43,9 +49,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "weekday-format": __props.weekdayFormat,
         "is-date-disabled": disabledFor,
         "fixed-weeks": "",
-        class: "inline-block rounded-card border border-line bg-surface-raised p-3",
-        "onUpdate:modelValue": onUpdate
-      }, {
+        class: unref(rootClass)
+      }, unref(rest), { "onUpdate:modelValue": onUpdate }), {
         default: withCtx(({ weekDays, grid }) => [
           createVNode(unref(CalendarHeader), { class: "mb-2 flex items-center justify-between gap-2" }, {
             default: withCtx(() => [
@@ -141,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["model-value", "min-value", "max-value", "placeholder", "weekday-format"]);
+      }, 16, ["model-value", "min-value", "max-value", "placeholder", "weekday-format", "class"]);
     };
   }
 });

package/dist/chunks/{LpCard-D0M2ZCnB.js → LpCard-1SeUYPBT.js}

@@ -1,5 +1,6 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-B6WBLleS.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,7 +11,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     padded: { type: Boolean, default: true },
     interactive: { type: Boolean, default: false },
     menuItems: {},
-    as: { default: "div" }
+    as: { default: "div" },
+    accent: {},
+    accentWidth: {}
   },
   setup(__props) {
     const card = tv({
@@ -38,6 +41,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ghost: "border-transparent bg-transparent"
         },
         padded: { true: "p-5", false: "" },
+        // The stripe itself lives in .lp-card-accent (tokens.css), which composes
+        // it with the skin painter's shadows instead of overwriting them.
+        accent: { true: "lp-card-accent", false: "" },
         // Lift on hover with a BRAND-tinted glow + brand border (a black drop-shadow
         // was invisible on dark themes — it only showed on light). We write the glow
         // through `--surface-panel-shadow`, the very variable the skin-painter feeds
@@ -48,6 +54,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // (not `transform`), so the transition list MUST name `translate` explicitly
         // or the lift snaps while the rest eases.
         //
+        // `hover:shadow-*` sets box-shadow whole, which on an accented card dropped
+        // the stripe on hover — the card lit up and its colour went with it.
+        // .lp-card-accent is declared outside @layer, so it outranks the utility and
+        // keeps the stripe; the `--surface-panel-shadow` swap on the same line is
+        // what actually carries the glow there. See tokens.css.
+        //
         // The glow reaches past the card, so a clipping ancestor (scroll area,
         // dialog body) will slice it unless the list reserves room — see the
         // `.lp-glow-room` helper in tokens.css, whose spread tokens describe exactly
@@ -58,8 +70,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const props = __props;
-    const classes = computed(
-      () => card({ variant: props.variant, padded: props.padded, interactive: props.interactive })
+    const { class: classes, attrs: rest } = useMergedAttrs(
+      () => card({
+        variant: props.variant,
+        padded: props.padded,
+        interactive: props.interactive,
+        accent: Boolean(props.accent)
+      })
+    );
+    const accentStyle = computed(
+      () => props.accent ? {
+        "--lp-card-accent": props.accent,
+        ...props.accentWidth ? { "--lp-card-accent-width": props.accentWidth } : {}
+      } : void 0
     );
     return (_ctx, _cache) => {
       return __props.menuItems?.length ? (openBlock(), createBlock(_sfc_main$1, {
@@ -67,23 +90,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         items: __props.menuItems
       }, {
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ class: classes.value }, _ctx.$attrs), {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+            class: unref(classes),
+            style: accentStyle.value
+          }, unref(rest)), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 16, ["class"]))
+          }, 16, ["class", "style"]))
         ]),
         _: 3
       }, 8, ["items"])) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
         key: 1,
-        class: classes.value
-      }, _ctx.$attrs), {
+        class: unref(classes),
+        style: accentStyle.value
+      }, unref(rest)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["class"]));
+      }, 16, ["class", "style"]));
     };
   }
 });

package/dist/chunks/{LpCheckbox-BO0zuuPh.js → LpCheckbox-CVccKYaH.js}

@@ -1,8 +1,10 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = { class: "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink" };
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -20,8 +22,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", checked);
       emit("change", checked);
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1, [
+      return openBlock(), createElementBlock("label", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(unref(CheckboxRoot), {
           id: __props.id,
           name: __props.name,
@@ -46,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.label), 1)
         ])
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpCodeBlock-BWX1KZwk.js → LpCodeBlock-Bo0B4TFR.js}

@@ -1,42 +1,44 @@
-import { defineComponent, computed, reactive, watch, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createVNode, unref, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { defineComponent, computed, reactive, watch, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import { useClipboard } from "../composables/useClipboard.js";
 import { tokenizeLine } from "../components/codeHighlight.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = { class: "overflow-hidden rounded-card border border-line bg-surface font-mono text-xs" };
-const _hoisted_2 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = {
   key: 0,
   class: "flex items-center gap-2 border-b border-line bg-surface-soft px-3 py-1.5 text-muted"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "truncate text-ink"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "rounded bg-surface px-1.5 py-0.5 text-[10px] uppercase tracking-wide"
 };
-const _hoisted_5 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_4 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_5 = ["aria-label"];
 const _hoisted_6 = ["aria-label"];
-const _hoisted_7 = ["aria-label"];
-const _hoisted_8 = ["value"];
-const _hoisted_9 = { class: "block" };
-const _hoisted_10 = {
+const _hoisted_7 = ["value"];
+const _hoisted_8 = { class: "block" };
+const _hoisted_9 = {
   key: 0,
   class: "mr-3 inline-block w-7 select-none text-right text-muted/60",
   "aria-hidden": "true"
 };
-const _hoisted_11 = ["aria-expanded", "onClick"];
-const _hoisted_12 = { class: "select-none" };
-const _hoisted_13 = {
+const _hoisted_10 = ["aria-expanded", "onClick"];
+const _hoisted_11 = { class: "select-none" };
+const _hoisted_12 = {
   key: 0,
   class: "select-none text-muted/50"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 0,
   class: "mr-3 inline-block w-7 select-none text-right text-muted/60",
   "aria-hidden": "true"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpCodeBlock",
   props: {
     modelValue: {},
@@ -92,9 +94,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const startMatch = line.match(REGION_START);
         if (startMatch) {
           flushPlain();
-          const rest = startMatch[1] ?? "";
-          const defaultOpen = /\bopen\b/.test(rest);
-          const label = rest.replace(/\bopen\b/, "").trim() || "details";
+          const rest2 = startMatch[1] ?? "";
+          const defaultOpen = /\bopen\b/.test(rest2);
+          const label = rest2.replace(/\bopen\b/, "").trim() || "details";
           const lines = [];
           i++;
           for (; i < src.length; i++) {
@@ -139,12 +141,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onInput(e) {
       emit("update:modelValue", e.target.value);
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "overflow-hidden rounded-card border border-line bg-surface font-mono text-xs"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        showHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          __props.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          __props.lang !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.lang), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
+        showHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          __props.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          __props.lang !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.lang), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
             __props.lockToggle ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -157,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: 13,
                 class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/lock:scale-90"
               }, null, 8, ["name"])
-            ], 8, _hoisted_6)) : createCommentVNode("", true),
+            ], 8, _hoisted_5)) : createCommentVNode("", true),
             __props.copyable ? (openBlock(), createElementBlock("button", {
               key: 1,
               type: "button",
@@ -170,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: 13,
                 class: normalizeClass(unref(copied) ? "text-action" : "")
               }, null, 8, ["name", "class"])
-            ], 8, _hoisted_7)) : createCommentVNode("", true)
+            ], 8, _hoisted_6)) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -183,11 +188,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             spellcheck: "false",
             class: normalizeClass(["lp-scrollbar-none absolute inset-0 size-full resize-none overflow-auto whitespace-pre bg-transparent p-3 leading-relaxed text-transparent caret-brand outline-none", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", __props.lineNumbers ? "pl-12" : ""]]),
             onInput
-          }, null, 42, _hoisted_8)) : createCommentVNode("", true),
+          }, null, 42, _hoisted_7)) : createCommentVNode("", true),
           createElementVNode("pre", {
             class: normalizeClass(["lp-scrollbar-none m-0 overflow-auto p-3 leading-relaxed", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", !__props.locked && !hasFolds.value ? "pointer-events-none" : ""]])
           }, [
-            createElementVNode("code", _hoisted_9, [
+            createElementVNode("code", _hoisted_8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (seg, s) => {
                 return openBlock(), createElementBlock(Fragment, { key: s }, [
                   seg.kind === "lines" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(seg.lines, (ln) => {
@@ -195,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: "l" + ln.n,
                       class: "block min-h-[1.4em]"
                     }, [
-                      __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
+                      __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(tokens(ln.text), (tok, j) => {
                         return openBlock(), createElementBlock("span", {
                           key: j,
@@ -215,15 +220,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         size: 12,
                         class: "shrink-0"
                       }, null, 8, ["name"]),
-                      createElementVNode("span", _hoisted_12, toDisplayString(openState[seg.id] ? seg.label : seg.label + " …"), 1),
-                      !openState[seg.id] ? (openBlock(), createElementBlock("span", _hoisted_13, "(" + toDisplayString(seg.lines.length) + " lines)", 1)) : createCommentVNode("", true)
-                    ], 8, _hoisted_11),
+                      createElementVNode("span", _hoisted_11, toDisplayString(openState[seg.id] ? seg.label : seg.label + " …"), 1),
+                      !openState[seg.id] ? (openBlock(), createElementBlock("span", _hoisted_12, "(" + toDisplayString(seg.lines.length) + " lines)", 1)) : createCommentVNode("", true)
+                    ], 8, _hoisted_10),
                     openState[seg.id] ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(seg.lines, (ln) => {
                       return openBlock(), createElementBlock("span", {
                         key: "f" + ln.n,
                         class: "block min-h-[1.4em]"
                       }, [
-                        __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
+                        __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(tokens(ln.text), (tok, j) => {
                           return openBlock(), createElementBlock("span", {
                             key: j,
@@ -238,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ], 2)
         ], 6)
-      ]);
+      ], 16);
     };
   }
 });