@leavepulse/ui 0.12.0 → 0.14.6

package/dist/chunks/LpAutocomplete-B9uoCs4t.js

@@ -0,0 +1,196 @@
+import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createCommentVNode, createElementBlock, withModifiers, toDisplayString, createTextVNode, Fragment, renderList, normalizeStyle, createElementVNode } from "vue";
+import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
+import { useInputFilter } from "../composables/useInputFilter.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 = {
+  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 = {
+  key: 0,
+  class: "truncate text-xs text-muted"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpAutocomplete",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: { default: "Type…" },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean, default: false },
+    size: { default: "md" },
+    icon: {},
+    invalid: { type: Boolean },
+    emptyText: { default: "No suggestions" },
+    loading: { type: Boolean, default: false },
+    loadingText: { default: "Searching…" },
+    filter: { type: Boolean, default: true },
+    minChars: { default: 1 },
+    pattern: {},
+    restrict: {}
+  },
+  emits: ["update:modelValue", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { isInvalid, onBeforeInput, onPaste } = useInputFilter({
+      pattern: () => props.pattern,
+      restrict: () => props.restrict
+    });
+    const text = computed({
+      get: () => props.modelValue ?? "",
+      set: (v) => emit("update:modelValue", v)
+    });
+    const isInvalidState = computed(() => props.invalid || isInvalid(props.modelValue));
+    const items = computed(
+      () => (props.options ?? []).map(
+        (o) => typeof o === "string" ? { value: o } : o
+      )
+    );
+    const filtered = computed(() => {
+      const q = text.value.trim().toLowerCase();
+      if (!props.filter || !q) return items.value;
+      return items.value.filter((o) => {
+        const hay = `${o.label ?? o.value} ${o.description ?? ""}`.toLowerCase();
+        return hay.includes(q);
+      });
+    });
+    const open = ref(false);
+    const focused = ref(false);
+    const canOpen = computed(
+      () => text.value.length >= props.minChars && (props.loading || filtered.value.length > 0)
+    );
+    watch(canOpen, (can) => {
+      if (focused.value && can) open.value = true;
+    });
+    const hasValue = computed(() => (props.modelValue ?? "").length > 0);
+    const anchorSize = {
+      sm: "h-(--size-control-sm) text-xs",
+      md: "h-(--size-control-md) text-sm",
+      lg: "h-(--size-control-lg) text-sm"
+    };
+    function onFocus() {
+      focused.value = true;
+      if (canOpen.value) open.value = true;
+    }
+    function choose(opt) {
+      emit("update:modelValue", opt.value);
+      emit("select", opt.value);
+      open.value = false;
+    }
+    function clear() {
+      emit("update:modelValue", "");
+      open.value = false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxRoot), {
+        open: open.value,
+        "onUpdate:open": _cache[3] || (_cache[3] = ($event) => open.value = $event),
+        "ignore-filter": true,
+        "reset-search-term-on-blur": false,
+        "reset-search-term-on-select": false,
+        disabled: __props.disabled,
+        class: "relative"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ComboboxAnchor), {
+            class: normalizeClass(["flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55", [
+              anchorSize[__props.size],
+              isInvalidState.value ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
+            ]])
+          }, {
+            default: withCtx(() => [
+              __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                name: __props.icon,
+                size: 16,
+                class: "shrink-0 text-muted"
+              }, null, 8, ["name"])) : createCommentVNode("", true),
+              createVNode(unref(ComboboxInput), {
+                "model-value": text.value,
+                placeholder: __props.placeholder,
+                disabled: __props.disabled,
+                "aria-invalid": isInvalidState.value || void 0,
+                "auto-focus": "",
+                class: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted",
+                onBeforeinput: unref(onBeforeInput),
+                onPaste: unref(onPaste),
+                onInput: _cache[0] || (_cache[0] = ($event) => text.value = $event.target.value),
+                onFocus,
+                onBlur: _cache[1] || (_cache[1] = ($event) => focused.value = false)
+              }, null, 8, ["model-value", "placeholder", "disabled", "aria-invalid", "onBeforeinput", "onPaste"]),
+              __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"])
+              }, [
+                createVNode(_sfc_main$1, {
+                  name: "lucide:x",
+                  size: 16,
+                  class: normalizeClass(unref(CLOSE_ICON))
+                }, null, 8, ["class"])
+              ], 32)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(unref(ComboboxPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(ComboboxContent), {
+                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[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), {
+                        key: 1,
+                        class: "px-3 py-4 text-center text-sm italic text-muted"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(__props.emptyText), 1)
+                        ]),
+                        _: 1
+                      })),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (opt, i) => {
+                        return openBlock(), createBlock(unref(ComboboxItem), {
+                          key: opt.value,
+                          value: opt.value,
+                          style: normalizeStyle({ animationDelay: `${Math.min(i, 12) * 22}ms` }),
+                          class: normalizeClass([unref(OPTION_ITEM), "justify-between"]),
+                          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)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["value", "style", "class", "onSelect"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpAvatar-B1Ez0ZAx.js

@@ -0,0 +1,88 @@
+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-D0mzXqA7.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpAvatar",
+  props: {
+    src: {},
+    alt: {},
+    fallback: {},
+    size: { default: "md" },
+    menuItems: {}
+  },
+  setup(__props) {
+    const avatar = tv({
+      base: "inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-pill bg-surface-soft font-medium text-muted-strong",
+      variants: {
+        size: {
+          sm: "size-7 text-xs",
+          md: "size-9 text-sm",
+          lg: "size-12 text-base"
+        }
+      },
+      defaultVariants: { size: "md" }
+    });
+    const props = __props;
+    const initials = computed(
+      () => props.fallback ?? props.alt?.slice(0, 2).toUpperCase() ?? "?"
+    );
+    const mounted = ref(false);
+    onMounted(() => {
+      mounted.value = true;
+    });
+    return (_ctx, _cache) => {
+      return __props.menuItems?.length ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        items: __props.menuItems
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(AvatarRoot), mergeProps({
+            class: unref(avatar)({ size: __props.size })
+          }, _ctx.$attrs), {
+            default: withCtx(() => [
+              __props.src && mounted.value ? (openBlock(), createBlock(unref(AvatarImage), {
+                key: 0,
+                src: __props.src,
+                alt: __props.alt,
+                class: "size-full object-cover"
+              }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
+              createVNode(unref(AvatarFallback), null, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(initials.value), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 16, ["class"])
+        ]),
+        _: 1
+      }, 8, ["items"])) : (openBlock(), createBlock(unref(AvatarRoot), mergeProps({
+        key: 1,
+        class: unref(avatar)({ size: __props.size })
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          __props.src ? (openBlock(), createBlock(unref(AvatarImage), {
+            key: 0,
+            src: __props.src,
+            alt: __props.alt,
+            class: "size-full object-cover"
+          }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
+          createVNode(unref(AvatarFallback), null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(initials.value), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["class"]));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpBadge-CXzBPnwO.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from "vue";
+import { tv } from "tailwind-variants";
+const _hoisted_1 = {
+  key: 0,
+  class: "size-1.5 rounded-full bg-current"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpBadge",
+  props: {
+    tone: {},
+    dot: { type: Boolean }
+  },
+  setup(__props) {
+    const badge = tv({
+      base: "inline-flex items-center gap-1.5 rounded-pill px-2.5 py-0.5 text-xs font-medium",
+      variants: {
+        tone: {
+          neutral: "bg-surface-soft text-muted-strong",
+          brand: "bg-brand-soft text-brand",
+          action: "bg-action/15 text-action",
+          success: "bg-action/15 text-action",
+          danger: "bg-danger-soft text-danger",
+          outline: "border border-line text-ink"
+        }
+      },
+      defaultVariants: { tone: "neutral" }
+    });
+    const props = __props;
+    const classes = computed(() => badge({ tone: props.tone }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(classes.value)
+      }, [
+        __props.dot ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpBreadcrumbs-B7Aqatzw.js

@@ -0,0 +1,42 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, createCommentVNode, 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"
+};
+const _hoisted_2 = ["href", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpBreadcrumbs",
+  props: {
+    items: {}
+  },
+  emits: ["navigate"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
+          return openBlock(), createElementBlock(Fragment, { key: i }, [
+            i > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              name: "lucide:chevron-right",
+              size: 14,
+              class: "text-muted"
+            })) : createCommentVNode("", true),
+            item.href && i < __props.items.length - 1 ? (openBlock(), createElementBlock("a", {
+              key: 1,
+              href: item.href,
+              class: "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)
+            }, toDisplayString(item.label), 9, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+              key: 2,
+              class: normalizeClass(i === __props.items.length - 1 ? "text-ink" : "text-muted")
+            }, toDisplayString(item.label), 3))
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpButton-5VXXCjwF.js

@@ -0,0 +1,101 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from "vue";
+import { tv } from "tailwind-variants";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpButton",
+  props: {
+    variant: {},
+    size: {},
+    block: { type: Boolean },
+    square: { type: Boolean },
+    glow: { type: Boolean },
+    as: { default: "button" },
+    type: { default: "button" },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const button = tv({
+      base: [
+        "inline-flex select-none items-center justify-center gap-2 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",
+        "outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-55 aria-disabled:cursor-not-allowed aria-disabled:opacity-55"
+      ],
+      variants: {
+        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]",
+          // 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",
+          danger: "bg-danger text-ink-inverse hover:bg-danger-hover"
+        },
+        size: {
+          xs: "h-8 px-2.5 text-xs",
+          sm: "h-(--size-control-sm) px-3 text-xs",
+          md: "h-(--size-control-md) px-4 text-sm",
+          lg: "h-(--size-control-lg) px-5 text-sm"
+        },
+        block: { true: "w-full" },
+        // icon-only square button — equal sides, no horizontal padding
+        square: { true: "aspect-square p-0" },
+        // soft elevation glow keyed to the variant's colour
+        glow: { true: "" }
+      },
+      compoundVariants: [
+        { square: true, size: "xs", class: "size-8" },
+        { square: true, size: "sm", class: "size-(--size-control-sm)" },
+        { square: true, size: "md", class: "size-(--size-control-md)" },
+        { square: true, size: "lg", class: "size-(--size-control-lg)" },
+        {
+          glow: true,
+          variant: "solid",
+          class: "shadow-[0_8px_22px_color-mix(in_srgb,var(--color-brand)_28%,transparent)] hover:shadow-[0_12px_28px_color-mix(in_srgb,var(--color-brand)_36%,transparent)]"
+        },
+        {
+          glow: true,
+          variant: "danger",
+          class: "shadow-[0_8px_22px_color-mix(in_srgb,var(--color-danger)_28%,transparent)] hover:shadow-[0_12px_28px_color-mix(in_srgb,var(--color-danger)_36%,transparent)]"
+        },
+        {
+          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)]"
+        }
+      ],
+      defaultVariants: { variant: "solid", size: "md" }
+    });
+    const props = __props;
+    const isNativeButton = computed(() => props.as === "button");
+    const classes = computed(
+      () => button({
+        variant: props.variant,
+        size: props.size,
+        block: props.block,
+        square: props.square,
+        glow: props.glow
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+        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)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["type", "disabled", "aria-disabled", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpCalendar-B7ZL0ty3.js

@@ -0,0 +1,150 @@
+import { defineComponent, computed, openBlock, createBlock, unref, 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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpCalendar",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    isDisabled: {},
+    weekdayFormat: { default: "short" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function toDate(iso) {
+      if (!iso) return void 0;
+      try {
+        return parseDate(iso);
+      } catch {
+        return void 0;
+      }
+    }
+    const value = computed(() => toDate(props.modelValue));
+    const minValue = computed(() => toDate(props.min));
+    const maxValue = computed(() => toDate(props.max));
+    const placeholderValue = computed(() => value.value ?? today(getLocalTimeZone()));
+    function onUpdate(v) {
+      emit("update:modelValue", v?.toString());
+    }
+    function disabledFor(date) {
+      return props.isDisabled?.(date.toString()) ?? false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarRoot), {
+        "model-value": value.value,
+        "min-value": minValue.value,
+        "max-value": maxValue.value,
+        placeholder: placeholderValue.value,
+        "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
+      }, {
+        default: withCtx(({ weekDays, grid }) => [
+          createVNode(unref(CalendarHeader), { class: "mb-2 flex items-center justify-between gap-2" }, {
+            default: withCtx(() => [
+              createVNode(unref(CalendarPrev), {
+                class: normalizeClass(navBtn),
+                "aria-label": "Previous month"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, {
+                    name: "lucide:chevron-left",
+                    size: 16
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(unref(CalendarHeading), { class: "text-sm font-semibold text-ink" }),
+              createVNode(unref(CalendarNext), {
+                class: normalizeClass(navBtn),
+                "aria-label": "Next month"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, {
+                    name: "lucide:chevron-right",
+                    size: 16
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+            return openBlock(), createBlock(unref(CalendarGrid), {
+              key: month.value.toString(),
+              class: "w-full border-collapse select-none"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CalendarGridHead), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(CalendarGridRow), { class: "mb-1 flex" }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+                          return openBlock(), createBlock(unref(CalendarHeadCell), {
+                            key: day,
+                            class: "w-9 text-center text-[11px] font-medium text-muted"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(day), 1)
+                            ]),
+                            _: 2
+                          }, 1024);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(unref(CalendarGridBody), null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, i) => {
+                      return openBlock(), createBlock(unref(CalendarGridRow), {
+                        key: `w-${i}`,
+                        class: "flex"
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
+                            return openBlock(), createBlock(unref(CalendarCell), {
+                              key: weekDate.toString(),
+                              date: weekDate,
+                              class: "p-0.5"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(CalendarCellTrigger), {
+                                  day: weekDate,
+                                  month: month.value,
+                                  class: "flex size-8 items-center justify-center rounded-control text-sm text-ink outline-none transition-[color,background-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:bg-surface-soft active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[outside-view]:text-muted/40 data-[today]:font-semibold data-[today]:not-data-[selected]:text-brand data-[selected]:bg-brand data-[selected]:font-semibold data-[selected]:text-ink-inverse data-[selected]:hover:bg-brand-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-35 data-[unavailable]:pointer-events-none data-[unavailable]:line-through data-[unavailable]:opacity-35"
+                                }, null, 8, ["day", "month"])
+                              ]),
+                              _: 2
+                            }, 1032, ["date"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "min-value", "max-value", "placeholder", "weekday-format"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};