@leavepulse/ui 0.43.4 → 0.45.0

package/dist/chunks/{LpAutocomplete-DExlIZe_.js → LpAutocomplete-C8IgSMsi.js}

@@ -1,19 +1,24 @@
-import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createCommentVNode, createElementBlock, withModifiers, toDisplayString, createTextVNode, Fragment, renderList, normalizeStyle, createElementVNode } from "vue";
+import { defineComponent, computed, useAttrs, ref, watch, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createCommentVNode, mergeProps, createElementBlock, withModifiers, toDisplayString, createTextVNode, Fragment, renderList, createElementVNode } from "vue";
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
+import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
+import { useLabels } from "../composables/useLpConfig.js";
 import { CLOSE_ICON, POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = {
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
   key: 0,
   class: "px-3 py-4 text-center text-sm italic text-muted"
 };
-const _hoisted_2 = { class: "flex min-w-0 flex-col" };
-const _hoisted_3 = { class: "truncate" };
-const _hoisted_4 = {
+const _hoisted_3 = { class: "flex min-w-0 flex-col" };
+const _hoisted_4 = { class: "truncate" };
+const _hoisted_5 = {
   key: 0,
   class: "truncate text-xs text-muted"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpAutocomplete",
   props: {
     modelValue: {},
@@ -36,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { isInvalid, onBeforeInput, onPaste } = useInputFilter({
+    const { isInvalid, onBeforeInput, onInput: filterInput, onCompositionEnd, onPaste } = useInputFilter({
       pattern: () => props.pattern,
       restrict: () => props.restrict
     });
@@ -44,7 +49,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => props.modelValue ?? "",
       set: (v) => emit("update:modelValue", v)
     });
-    const isInvalidState = computed(() => props.invalid || isInvalid(props.modelValue));
+    const attrs = useAttrs();
+    const inputAttrs = computed(() => {
+      const { class: _c, style: _s, ...rest } = attrs;
+      return rest;
+    });
+    const field = useFieldControl(() => ({
+      wrapped: false,
+      id: typeof attrs.id === "string" ? attrs.id : void 0,
+      invalid: props.invalid || isInvalid(props.modelValue),
+      disabled: props.disabled
+    }));
+    const isInvalidState = computed(() => field.value.invalid);
+    const labels = useLabels("autocomplete", { clear: "Clear" });
     const items = computed(
       () => (props.options ?? []).map(
         (o) => typeof o === "string" ? { value: o } : o
@@ -67,6 +84,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(canOpen, (can) => {
       if (focused.value && can) open.value = true;
     });
+    function onOpenChange(next) {
+      open.value = next && canOpen.value;
+    }
     const hasValue = computed(() => (props.modelValue ?? "").length > 0);
     const anchorSize = {
       sm: "h-(--size-control-sm) text-xs",
@@ -74,6 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       lg: "h-(--size-control-lg) text-sm"
     };
     function onInput(event) {
+      filterInput(event);
       typing.value = true;
       text.value = event.target.value;
     }
@@ -96,12 +117,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxRoot), {
         open: open.value,
-        "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
         "ignore-filter": true,
         "reset-search-term-on-blur": false,
         "reset-search-term-on-select": false,
-        disabled: __props.disabled,
-        class: "relative"
+        disabled: unref(field).disabled,
+        class: normalizeClass(["relative", unref(attrs).class]),
+        style: normalizeStyle(unref(attrs).style),
+        "onUpdate:open": onOpenChange
       }, {
         default: withCtx(() => [
           createVNode(unref(ComboboxAnchor), {
@@ -118,48 +140,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: 16,
                 class: "shrink-0 text-muted"
               }, null, 8, ["name"])) : createCommentVNode("", true),
-              createVNode(unref(ComboboxInput), {
+              createVNode(unref(ComboboxInput), mergeProps(inputAttrs.value, {
+                id: unref(field).id,
                 "model-value": text.value,
                 placeholder: __props.placeholder,
-                disabled: __props.disabled,
+                disabled: unref(field).disabled,
+                required: unref(field).required || void 0,
                 "aria-invalid": isInvalidState.value || void 0,
-                "auto-focus": "",
+                "aria-describedby": unref(field).describedBy,
                 class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted",
                 onBeforeinput: unref(onBeforeInput),
                 onPaste: unref(onPaste),
+                onCompositionend: unref(onCompositionEnd),
                 onInput,
                 onFocus,
                 onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false)
-              }, null, 8, ["model-value", "placeholder", "disabled", "aria-invalid", "onBeforeinput", "onPaste"]),
+              }), null, 16, ["id", "model-value", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby", "onBeforeinput", "onPaste", "onCompositionend"]),
               __props.clearable && hasValue.value ? (openBlock(), createElementBlock("button", {
                 key: 1,
                 type: "button",
                 class: "group flex shrink-0 items-center text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink",
-                "aria-label": "Clear",
-                onPointerdown: withModifiers(clear, ["prevent"])
+                "aria-label": unref(labels).clear,
+                onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
+                }, ["prevent"])),
+                onClick: clear
               }, [
                 createVNode(_sfc_main$1, {
                   name: "lucide:x",
                   size: 16,
                   class: normalizeClass(unref(CLOSE_ICON))
                 }, null, 8, ["class"])
-              ], 32)) : createCommentVNode("", true)
+              ], 40, _hoisted_1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["class"]),
           createVNode(unref(ComboboxPortal), null, {
             default: withCtx(() => [
               createVNode(unref(ComboboxContent), {
+                "collision-padding": 8,
                 position: "popper",
                 "side-offset": 6,
                 class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"]),
-                onOpenAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {
+                onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
                 }, ["prevent"]))
               }, {
                 default: withCtx(() => [
                   createVNode(unref(ComboboxViewport), { class: "max-h-72 overflow-y-auto p-1" }, {
                     default: withCtx(() => [
-                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.loadingText), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
+                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.loadingText), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
                         key: 1,
                         class: "px-3 py-4 text-center text-sm italic text-muted"
                       }, {
@@ -177,9 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           onSelect: withModifiers(($event) => choose(opt), ["prevent"])
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("span", _hoisted_2, [
-                              createElementVNode("span", _hoisted_3, toDisplayString(opt.label ?? opt.value), 1),
-                              opt.description ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(opt.description), 1)) : createCommentVNode("", true)
+                            createElementVNode("span", _hoisted_3, [
+                              createElementVNode("span", _hoisted_4, toDisplayString(opt.label ?? opt.value), 1),
+                              opt.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(opt.description), 1)) : createCommentVNode("", true)
                             ])
                           ]),
                           _: 2
@@ -196,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 1
-      }, 8, ["open", "disabled"]);
+      }, 8, ["open", "disabled", "class", "style"]);
     };
   }
 });

package/dist/chunks/{LpAvatar-B3-xAOH3.js → LpAvatar-C1XStdOo.js}

@@ -1,7 +1,8 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -46,8 +47,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         fontSize: `${Math.max(10, Math.round(props.pixelSize * 0.4))}px`
       } : void 0
     );
-    const initials = computed(
-      () => props.fallback ?? props.alt?.slice(0, 2).toUpperCase() ?? "?"
+    const initials = computed(() => {
+      if (props.fallback) return props.fallback;
+      const words = (props.alt ?? "").trim().split(/\s+/).filter(Boolean);
+      if (!words.length) return "?";
+      const first = Array.from(words[0]);
+      const letters = words.length > 1 ? [first[0], Array.from(words[words.length - 1])[0]] : first.slice(0, 2);
+      return letters.join("").toUpperCase();
+    });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => avatar({ size: props.pixelSize ? void 0 : props.size, shape: props.shape, ring: props.ring })
     );
     const mounted = ref(false);
     onMounted(() => {
@@ -60,15 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(unref(AvatarRoot), mergeProps({
-            class: unref(avatar)({ size: __props.pixelSize ? void 0 : __props.size, shape: __props.shape, ring: __props.ring }),
+            class: unref(rootClass),
             style: sizeStyle.value
-          }, _ctx.$attrs), {
+          }, unref(rest)), {
             default: withCtx(() => [
               __props.src && mounted.value ? (openBlock(), createBlock(unref(AvatarImage), {
                 key: 0,
                 src: __props.src,
                 alt: __props.alt,
-                class: "size-full object-cover"
+                class: "size-full object-cover animate-[fade-in_var(--duration-medium)_ease] motion-reduce:animate-none"
               }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
               createVNode(unref(AvatarFallback), null, {
                 default: withCtx(() => [
@@ -83,15 +92,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["items"])) : (openBlock(), createBlock(unref(AvatarRoot), mergeProps({
         key: 1,
-        class: unref(avatar)({ size: __props.pixelSize ? void 0 : __props.size, shape: __props.shape, ring: __props.ring }),
+        class: unref(rootClass),
         style: sizeStyle.value
-      }, _ctx.$attrs), {
+      }, unref(rest)), {
         default: withCtx(() => [
-          __props.src ? (openBlock(), createBlock(unref(AvatarImage), {
+          __props.src && mounted.value ? (openBlock(), createBlock(unref(AvatarImage), {
             key: 0,
             src: __props.src,
             alt: __props.alt,
-            class: "size-full object-cover"
+            class: "size-full object-cover animate-[fade-in_var(--duration-medium)_ease] motion-reduce:animate-none"
           }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
           createVNode(unref(AvatarFallback), null, {
             default: withCtx(() => [

package/dist/chunks/LpBreadcrumbs-CQJd73Gm.js

@@ -0,0 +1,95 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { resolveLink } from "../components/link.js";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-current"];
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpBreadcrumbs",
+  props: {
+    items: {},
+    as: {},
+    labels: {}
+  },
+  emits: ["navigate"],
+  setup(__props) {
+    const props = __props;
+    const text = useLabels("breadcrumbs", { nav: "Breadcrumb" }, () => props.labels);
+    const linkComponent = useLinkComponent();
+    function linkOf(item) {
+      if (props.as && props.as !== "a") {
+        if (item.to != null) return { is: props.as, props: { to: item.to } };
+        return item.href != null ? { is: "a", props: { href: item.href } } : null;
+      }
+      return resolveLink(props.as === "a" ? "a" : linkComponent.value, { to: item.to, href: item.href });
+    }
+    const crumbs = computed(
+      () => props.items.map((item, i) => ({
+        item,
+        last: i === props.items.length - 1,
+        link: i === props.items.length - 1 ? null : linkOf(item)
+      }))
+    );
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex items-center gap-1.5 text-sm"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", mergeProps({
+        "aria-label": unref(text).nav
+      }, unref(rest)), [
+        createElementVNode("ol", {
+          class: normalizeClass(unref(rootClass))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(crumbs.value, ({ item, last, link }, i) => {
+            return openBlock(), createElementBlock("li", {
+              key: i,
+              class: "inline-flex items-center gap-1.5"
+            }, [
+              i > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                name: "lucide:chevron-right",
+                size: 14,
+                class: "text-muted",
+                "aria-hidden": "true"
+              })) : createCommentVNode("", true),
+              link ? (openBlock(), createBlock(resolveDynamicComponent(link.is), mergeProps({
+                key: 1,
+                ref_for: true
+              }, link.props, {
+                class: "inline-flex items-center gap-1.5 rounded-xs text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                onClick: ($event) => _ctx.$emit("navigate", item, i)
+              }), {
+                default: withCtx(() => [
+                  item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    name: item.icon,
+                    size: 14
+                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  createTextVNode(" " + toDisplayString(item.label), 1)
+                ]),
+                _: 2
+              }, 1040, ["onClick"])) : (openBlock(), createElementBlock("span", {
+                key: 2,
+                class: normalizeClass(["inline-flex items-center gap-1.5", last ? "text-ink" : "text-muted"]),
+                "aria-current": last ? "page" : void 0
+              }, [
+                item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  name: item.icon,
+                  size: 14
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                createTextVNode(" " + toDisplayString(item.label), 1)
+              ], 10, _hoisted_2))
+            ]);
+          }), 128))
+        ], 2)
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpButton-5VXXCjwF.js → LpButton-CKSwC6Mu.js}

@@ -1,6 +1,11 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
+import { useLinkComponent } from "../composables/useLpConfig.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { resolveLink } from "../components/link.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpButton",
   props: {
     variant: {},
@@ -8,14 +13,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     block: { type: Boolean },
     square: { type: Boolean },
     glow: { type: Boolean },
-    as: { default: "button" },
+    as: {},
+    to: {},
+    href: {},
     type: { default: "button" },
     disabled: { type: Boolean }
   },
   setup(__props) {
     const button = tv({
       base: [
-        "inline-flex select-none items-center justify-center gap-2 font-semibold",
+        "inline-flex select-none items-center justify-center gap-2 whitespace-nowrap font-semibold",
         "rounded-control transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)]",
         // tactile press: dips slightly on click, springs back on release.
         "active:scale-[0.97] motion-reduce:active:scale-100",
@@ -26,13 +33,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         variant: {
           solid: "bg-brand text-ink-inverse hover:bg-brand-hover",
           action: "bg-action text-ink-inverse shadow-[0_14px_28px_color-mix(in_srgb,var(--color-action)_24%,transparent)] hover:bg-action-hover",
-          outline: "border border-line-strong text-ink hover:border-brand hover:bg-white/[0.04]",
+          outline: "border border-line-strong text-ink hover:border-brand hover:bg-ink/[0.04]",
           // raised surface tile with a border — a visible, neutral filled button
           soft: "border border-line bg-surface-raised/80 text-ink hover:border-line-strong hover:bg-surface-soft",
-          ghost: "text-ink hover:bg-white/[0.06]",
-          muted: "text-muted hover:bg-white/[0.04] hover:text-ink",
-          // high-contrast light fill (e.g. a "download" CTA on a dark hero)
-          light: "border border-white/20 bg-white text-ink-inverse hover:bg-white/90",
+          ghost: "text-ink hover:bg-ink/[0.06]",
+          muted: "text-muted hover:bg-ink/[0.04] hover:text-ink",
+          // high-contrast light fill (e.g. a "download" CTA on a dark hero). The
+          // text is a fixed dark tone: `ink-inverse` is light in light themes,
+          // which made this white on white there.
+          light: "border border-black/10 bg-white text-[#0b1210] hover:bg-white/90",
           danger: "bg-danger text-ink-inverse hover:bg-danger-hover"
         },
         size: {
@@ -65,14 +74,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         {
           glow: true,
           variant: "light",
-          class: "shadow-[0_8px_18px_rgba(255,255,255,0.2)] hover:shadow-[0_12px_24px_rgba(255,255,255,0.3)]"
+          class: "shadow-[0_8px_18px_color-mix(in_srgb,var(--color-ink)_20%,transparent)] hover:shadow-[0_12px_24px_color-mix(in_srgb,var(--color-ink)_30%,transparent)]"
         }
       ],
       defaultVariants: { variant: "solid", size: "md" }
     });
     const props = __props;
-    const isNativeButton = computed(() => props.as === "button");
-    const classes = computed(
+    const linkComponent = useLinkComponent();
+    const resolved = computed(() => {
+      if (props.as && props.as !== "a") {
+        const target = props.to != null ? { to: props.to } : props.href != null ? { href: props.href } : {};
+        return { is: props.as, props: props.as === "button" ? {} : target };
+      }
+      if (props.as === "a") return { is: "a", props: { href: props.href } };
+      return resolveLink(linkComponent.value, { to: props.to, href: props.href }) ?? { is: "button", props: {} };
+    });
+    const isNativeButton = computed(() => resolved.value.is === "button");
+    function blockDisabled(event) {
+      if (!props.disabled || isNativeButton.value) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+    const linkProps = computed(() => {
+      if (isNativeButton.value) return {};
+      if (!props.disabled) return resolved.value.props;
+      return resolved.value.is === "a" ? {} : resolved.value.props;
+    });
+    const { class: classes, attrs: rest } = useMergedAttrs(
       () => button({
         variant: props.variant,
         size: props.size,
@@ -82,17 +110,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+      return openBlock(), createBlock(resolveDynamicComponent(resolved.value.is), mergeProps({ ...unref(rest), ...linkProps.value }, {
         type: isNativeButton.value ? __props.type : void 0,
         disabled: isNativeButton.value ? __props.disabled : void 0,
         "aria-disabled": !isNativeButton.value && __props.disabled ? "true" : void 0,
-        class: normalizeClass(classes.value)
-      }, {
+        tabindex: !isNativeButton.value && __props.disabled ? -1 : void 0,
+        class: unref(classes),
+        onClickCapture: blockDisabled
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["type", "disabled", "aria-disabled", "class"]);
+      }, 16, ["type", "disabled", "aria-disabled", "tabindex", "class"]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
 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";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCard-BhI1N_vL.js → LpCard-C2IvucmX.js}

@@ -1,7 +1,7 @@
 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-CwW1QXe_.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

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

@@ -1,6 +1,7 @@
 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";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,22 +17,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     function onUpdate(v) {
       const checked = v === true;
       emit("update:modelValue", checked);
       emit("change", checked);
     }
+    const field = useFieldControl(() => ({ wrapped: false, id: props.id, disabled: props.disabled }));
     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", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(unref(CheckboxRoot), {
-          id: __props.id,
+          id: unref(field).id,
           name: __props.name,
           "model-value": __props.indeterminate ? "indeterminate" : __props.modelValue,
-          disabled: __props.disabled,
+          disabled: unref(field).disabled,
+          "aria-describedby": unref(field).describedBy,
           class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
           "onUpdate:modelValue": onUpdate
         }, {
@@ -47,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 1
-        }, 8, ["id", "name", "model-value", "disabled"]),
+        }, 8, ["id", "name", "model-value", "disabled", "aria-describedby"]),
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.label), 1)
         ])