@leavepulse/ui 0.69.0 → 0.70.0

package/dist/chunks/LpDatePicker-BMfM454Y.js

@@ -1,243 +0,0 @@
-import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
-import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
-import { useLocale } from "../composables/useLocale.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { mergeClass } from "../composables/useMergedClass.js";
-import { PICKER_TRIGGER, PICKER_SIZE, pickerTone, PICKER_PRESETS, PICKER_PRESET, PICKER_CLEAR } from "../components/calendar.js";
-import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$3 } from "./LpCalendar-BLya39Fh.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-MFgAsNc5.js";
-const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_2 = {
-  key: 0,
-  class: "w-[15px] shrink-0",
-  "aria-hidden": "true"
-};
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["disabled", "aria-pressed", "onClick"];
-const _hoisted_5 = { class: "flex flex-col" };
-const _hoisted_6 = {
-  key: 0,
-  class: "flex items-center gap-2 border-t border-line px-3 py-2"
-};
-const _hoisted_7 = ["aria-label"];
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpDatePicker",
-  props: {
-    modelValue: {},
-    placeholder: {},
-    min: {},
-    max: {},
-    isDisabled: {},
-    isDateUnavailable: {},
-    presets: { type: [Array, Boolean] },
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    locale: {},
-    format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
-    time: { type: Boolean },
-    defaultTime: { default: "00:00" },
-    doneLabel: {},
-    labels: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const open = ref(false);
-    const day = computed(() => (props.modelValue || "").slice(0, 10));
-    const minute = computed(() => {
-      const at = (props.modelValue || "").slice(11, 16);
-      return /^\d{2}:\d{2}$/.test(at) ? at : "";
-    });
-    const locale = useLocale(() => props.locale);
-    const display = computed(() => {
-      if (!props.modelValue) return "";
-      const [y, m, d] = day.value.split("-").map(Number);
-      if (!y || !m || !d) return props.modelValue;
-      const shown = new Intl.DateTimeFormat(locale.value, props.format).format(new Date(y, m - 1, d));
-      return props.time && minute.value ? `${shown}, ${minute.value}` : shown;
-    });
-    function onPick(picked) {
-      const v = picked ?? (day.value || void 0);
-      if (!props.time) {
-        emit("update:modelValue", v);
-        open.value = false;
-        return;
-      }
-      emit("update:modelValue", v ? `${v}T${minute.value || props.defaultTime}` : void 0);
-    }
-    function onTime(at) {
-      if (!day.value) return;
-      emit("update:modelValue", `${day.value}T${at || props.defaultTime}`);
-    }
-    function clear() {
-      emit("update:modelValue", void 0);
-    }
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
-    const text = useLabels(
-      "datePicker",
-      {
-        placeholder: "Pick a date",
-        clear: "Clear",
-        done: "Done",
-        presets: "Presets",
-        today: "Today",
-        tomorrow: "Tomorrow",
-        inWeek: "In a week"
-      },
-      () => props.labels
-    );
-    const presetList = computed(() => {
-      if (Array.isArray(props.presets)) return props.presets;
-      return props.presets ? defaultDatePresets(text.value) : [];
-    });
-    function presetFits(preset) {
-      return dayAllowed(preset.date(), props);
-    }
-    function pickPreset(preset) {
-      if (presetFits(preset)) onPick(preset.date());
-    }
-    const showClear = computed(() => props.clearable && !!props.modelValue && !field.value.disabled);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(mergeClass)("relative w-full", unref(attrs).class)),
-        style: normalizeStyle(unref(attrs).style)
-      }, [
-        createVNode(unref(PopoverRoot), {
-          open: open.value,
-          "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event)
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger), { "as-child": "" }, {
-              default: withCtx(() => [
-                createElementVNode("button", mergeProps({ ...unref(attrs), class: void 0, style: void 0 }, {
-                  id: unref(field).id,
-                  type: "button",
-                  disabled: unref(field).disabled,
-                  "aria-invalid": unref(field).invalid || void 0,
-                  "aria-describedby": unref(field).describedBy,
-                  class: [unref(PICKER_TRIGGER), unref(PICKER_SIZE)[__props.size], unref(pickerTone)(unref(field).invalid)]
-                }), [
-                  createVNode(_sfc_main$1, {
-                    name: "lucide:calendar",
-                    size: 16,
-                    class: "shrink-0 text-muted"
-                  }),
-                  createVNode(_sfc_main$2, {
-                    value: display.value || (__props.placeholder ?? unref(text).placeholder),
-                    align: "start",
-                    class: normalizeClass(["min-w-0 flex-1", display.value ? "" : "text-muted"])
-                  }, null, 8, ["value", "class"]),
-                  showClear.value ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
-                  createVNode(_sfc_main$1, {
-                    name: "lucide:chevron-down",
-                    size: 15,
-                    class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180"
-                  })
-                ], 16, _hoisted_1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(PopoverPortal), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent), {
-                  "collision-padding": 8,
-                  "side-offset": 6,
-                  align: "start",
-                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) flex max-w-[calc(100vw-1rem)] flex-col rounded-card p-0 outline-none sm:flex-row"])
-                }, {
-                  default: withCtx(() => [
-                    presetList.value.length ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      role: "group",
-                      "aria-label": unref(text).presets,
-                      class: normalizeClass([unref(PICKER_PRESETS), "sm:w-36"])
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset, i) => {
-                        return openBlock(), createElementBlock("button", {
-                          key: `${i}:${preset.label}`,
-                          type: "button",
-                          disabled: !presetFits(preset),
-                          "aria-pressed": !!day.value && day.value === preset.date(),
-                          class: normalizeClass(unref(PICKER_PRESET)),
-                          onClick: ($event) => pickPreset(preset)
-                        }, toDisplayString(preset.label), 11, _hoisted_4);
-                      }), 128))
-                    ], 10, _hoisted_3)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_5, [
-                      createVNode(_sfc_main$3, {
-                        "model-value": day.value,
-                        min: __props.min,
-                        max: __props.max,
-                        "is-disabled": __props.isDisabled,
-                        "is-date-unavailable": __props.isDateUnavailable,
-                        locale: unref(locale),
-                        labels: __props.labels,
-                        class: "border-0 bg-transparent",
-                        "onUpdate:modelValue": onPick
-                      }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "locale", "labels"]),
-                      __props.time ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                        createVNode(_sfc_main$1, {
-                          name: "lucide:clock",
-                          size: 15,
-                          class: "shrink-0 text-muted"
-                        }),
-                        createVNode(_sfc_main$4, {
-                          "model-value": minute.value || void 0,
-                          disabled: !day.value,
-                          icon: false,
-                          locale: unref(locale),
-                          size: "sm",
-                          class: "flex-1",
-                          "onUpdate:modelValue": _cache[0] || (_cache[0] = (at) => onTime(at || ""))
-                        }, null, 8, ["model-value", "disabled", "locale"]),
-                        createElementVNode("button", {
-                          type: "button",
-                          class: "shrink-0 rounded-control px-2 py-1 text-xs text-muted transition-colors hover:text-ink",
-                          onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
-                        }, toDisplayString(__props.doneLabel ?? unref(text).done), 1)
-                      ])) : createCommentVNode("", true)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open"]),
-        showClear.value ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          type: "button",
-          "aria-label": unref(text).clear,
-          class: normalizeClass(unref(PICKER_CLEAR)),
-          onClick: clear
-        }, [
-          createVNode(_sfc_main$1, {
-            name: "lucide:x",
-            size: 15
-          })
-        ], 10, _hoisted_7)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpDateRangePicker-CNb9X3eL.js

@@ -1,195 +0,0 @@
-import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
-import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
-import { useLocale } from "../composables/useLocale.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { mergeClass } from "../composables/useMergedClass.js";
-import { useMediaQuery } from "../composables/useMediaQuery.js";
-import { normalizeRange, formatRange, defaultRangePresets, sameRange, clampRange } from "../components/dateRange.js";
-import { PICKER_TRIGGER, PICKER_SIZE, pickerTone, PICKER_PRESETS, PICKER_PRESET, PICKER_CLEAR } from "../components/calendar.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$3 } from "./LpRangeCalendar-ByQi-WUz.js";
-const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_2 = {
-  key: 0,
-  class: "w-[15px] shrink-0",
-  "aria-hidden": "true"
-};
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["disabled", "aria-pressed", "onClick"];
-const _hoisted_5 = ["aria-label"];
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpDateRangePicker",
-  props: {
-    modelValue: {},
-    placeholder: {},
-    min: {},
-    max: {},
-    isDisabled: {},
-    isDateUnavailable: {},
-    maximumDays: {},
-    presets: {},
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    locale: {},
-    format: {},
-    labels: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const text = useLabels(
-      "dateRangePicker",
-      {
-        placeholder: "Pick a date range",
-        clear: "Clear",
-        presets: "Presets",
-        today: "Today",
-        last7: "Last 7 days",
-        last30: "Last 30 days",
-        thisMonth: "This month",
-        lastMonth: "Last month"
-      },
-      () => props.labels
-    );
-    const open = ref(false);
-    const value = computed(() => normalizeRange(props.modelValue));
-    const locale = useLocale(() => props.locale);
-    const display = computed(() => value.value ? formatRange(value.value, locale.value, props.format) : "");
-    const presetList = computed(() => {
-      return props.presets ?? defaultRangePresets(text.value);
-    });
-    function pick(range, change) {
-      emit("update:modelValue", range);
-      if (!change) open.value = false;
-    }
-    function pickPreset(preset) {
-      const range = clampRange(preset.range(), props.min, props.max);
-      if (range) pick(range);
-    }
-    function presetFits(preset) {
-      return !!clampRange(preset.range(), props.min, props.max);
-    }
-    const wide = useMediaQuery("(min-width: 640px)");
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
-    const showClear = computed(() => props.clearable && !!value.value && !field.value.disabled);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(mergeClass)("relative w-full", unref(attrs).class)),
-        style: normalizeStyle(unref(attrs).style)
-      }, [
-        createVNode(unref(PopoverRoot), {
-          open: open.value,
-          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger), { "as-child": "" }, {
-              default: withCtx(() => [
-                createElementVNode("button", mergeProps({ ...unref(attrs), class: void 0, style: void 0 }, {
-                  id: unref(field).id,
-                  type: "button",
-                  disabled: unref(field).disabled,
-                  "aria-invalid": unref(field).invalid || void 0,
-                  "aria-describedby": unref(field).describedBy,
-                  class: [unref(PICKER_TRIGGER), unref(PICKER_SIZE)[__props.size], unref(pickerTone)(unref(field).invalid)]
-                }), [
-                  createVNode(_sfc_main$1, {
-                    name: "lucide:calendar-range",
-                    size: 16,
-                    class: "shrink-0 text-muted"
-                  }),
-                  createVNode(_sfc_main$2, {
-                    value: display.value || __props.placeholder || unref(text).placeholder,
-                    align: "start",
-                    class: normalizeClass(["min-w-0 flex-1", display.value ? "" : "text-muted"])
-                  }, null, 8, ["value", "class"]),
-                  showClear.value ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
-                  createVNode(_sfc_main$1, {
-                    name: "lucide:chevron-down",
-                    size: 15,
-                    class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180 motion-reduce:transition-none"
-                  })
-                ], 16, _hoisted_1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(PopoverPortal), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent), {
-                  "side-offset": 6,
-                  align: "start",
-                  "collision-padding": 8,
-                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) flex max-w-[calc(100vw-1rem)] flex-col rounded-card p-0 outline-none sm:flex-row"])
-                }, {
-                  default: withCtx(() => [
-                    presetList.value.length ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      role: "group",
-                      "aria-label": unref(text).presets,
-                      class: normalizeClass([unref(PICKER_PRESETS), "sm:w-40"])
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset, i) => {
-                        return openBlock(), createElementBlock("button", {
-                          key: `${i}:${preset.label}`,
-                          type: "button",
-                          disabled: !presetFits(preset),
-                          "aria-pressed": unref(sameRange)(value.value, preset.range()),
-                          class: normalizeClass(unref(PICKER_PRESET)),
-                          onClick: ($event) => pickPreset(preset)
-                        }, toDisplayString(preset.label), 11, _hoisted_4);
-                      }), 128))
-                    ], 10, _hoisted_3)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$3, {
-                      "model-value": value.value,
-                      min: __props.min,
-                      max: __props.max,
-                      "is-disabled": __props.isDisabled,
-                      "is-date-unavailable": __props.isDateUnavailable,
-                      "maximum-days": __props.maximumDays,
-                      months: unref(wide) ? 2 : 1,
-                      locale: unref(locale),
-                      labels: __props.labels,
-                      class: "border-0 bg-transparent",
-                      "onUpdate:modelValue": pick
-                    }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "maximum-days", "months", "locale", "labels"])
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open"]),
-        showClear.value ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          type: "button",
-          "aria-label": unref(text).clear,
-          class: normalizeClass(unref(PICKER_CLEAR)),
-          onClick: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0))
-        }, [
-          createVNode(_sfc_main$1, {
-            name: "lucide:x",
-            size: 15
-          })
-        ], 10, _hoisted_5)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpNumberField-DO1ufKvE.js

@@ -1,107 +0,0 @@
-import { defineComponent, useId, computed, 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-6tSrZ3Zy.js";
-import { useFieldControl } from "../composables/useField.js";
-import { useLabels } from "../composables/useLpConfig.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: {},
-    min: {},
-    max: {},
-    step: {},
-    disabled: { type: Boolean },
-    unit: {},
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    labels: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const unitId = useId();
-    const text = useLabels(
-      "numberField",
-      { increase: "Increase", decrease: "Decrease" },
-      () => props.labels
-    );
-    const SIZE = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
-    const field = useFieldControl(() => ({ wrapped: false, invalid: props.invalid, disabled: props.disabled }));
-    const describedBy = computed(
-      () => [field.value.describedBy, props.unit ? unitId : void 0].filter(Boolean).join(" ") || void 0
-    );
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      () => [
-        "flex w-full items-center rounded-control border bg-surface-soft transition-colors duration-[var(--duration-fast)] focus-within:ring-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55",
-        SIZE[props.size],
-        field.value.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand focus-within:ring-ring"
-      ].join(" ")
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NumberFieldRoot), mergeProps({
-        "model-value": __props.modelValue ?? void 0,
-        min: __props.min,
-        max: __props.max,
-        step: __props.step,
-        disabled: unref(field).disabled,
-        required: unref(field).required,
-        "data-lp-ring-owner": "",
-        class: unref(rootClass)
-      }, unref(rest), {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v ?? null))
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(NumberFieldDecrement), {
-            "aria-label": unref(text).decrease,
-            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(() => [
-              createVNode(_sfc_main$1, {
-                name: "lucide:minus",
-                size: 15,
-                class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:scale-75 motion-reduce:group-active:scale-100"
-              })
-            ]),
-            _: 1
-          }, 8, ["aria-label"]),
-          createVNode(unref(NumberFieldInput), {
-            id: unref(field).id,
-            "aria-describedby": describedBy.value,
-            "aria-invalid": unref(field).invalid || void 0,
-            class: "min-w-0 flex-1 bg-transparent text-center text-ink outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none"
-          }, null, 8, ["id", "aria-describedby", "aria-invalid"]),
-          __props.unit ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            id: unref(unitId),
-            class: "shrink-0 pr-1 text-xs text-muted"
-          }, toDisplayString(__props.unit), 9, _hoisted_1)) : createCommentVNode("", true),
-          createVNode(unref(NumberFieldIncrement), {
-            "aria-label": unref(text).increase,
-            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(() => [
-              createVNode(_sfc_main$1, {
-                name: "lucide:plus",
-                size: 15,
-                class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:scale-75 motion-reduce:group-active:scale-100"
-              })
-            ]),
-            _: 1
-          }, 8, ["aria-label"])
-        ]),
-        _: 1
-      }, 16, ["model-value", "min", "max", "step", "disabled", "required", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpStepper-C2slwObu.js

@@ -1,90 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, normalizeClass, createVNode, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = ["aria-current"];
-const _hoisted_2 = { class: "flex items-center gap-2" };
-const _hoisted_3 = { class: "sr-only" };
-const _hoisted_4 = {
-  key: 0,
-  class: "relative h-px flex-1 overflow-hidden bg-line"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpStepper",
-  props: {
-    steps: {},
-    current: {},
-    completed: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const currentIndex = computed(() => {
-      if (typeof props.current === "number") return props.current;
-      return props.steps.findIndex((s) => s.key === props.current);
-    });
-    function isCompleted(step, i) {
-      if (!props.completed) return i < currentIndex.value;
-      return props.completed.includes(i) || !!step.key && props.completed.includes(step.key);
-    }
-    function isCurrent(i) {
-      return i === currentIndex.value;
-    }
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex items-center gap-2"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ol", mergeProps({ class: unref(rootClass) }, unref(rest)), [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
-          return openBlock(), createElementBlock("li", {
-            key: step.key ?? i,
-            class: "flex flex-1 items-center gap-2 last:flex-none",
-            "aria-current": isCurrent(i) ? "step" : void 0
-          }, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("span", {
-                class: normalizeClass(["flex size-7 shrink-0 items-center justify-center rounded-pill border text-xs font-semibold transition-colors duration-[var(--duration-medium)]", isCompleted(step, i) ? "border-transparent bg-brand text-ink-inverse" : isCurrent(i) ? "border-brand text-brand" : "border-line text-muted"])
-              }, [
-                createVNode(_sfc_main$1, {
-                  mode: "flip",
-                  duration: 260,
-                  value: isCompleted(step, i) ? "done" : step.icon ? "icon" : String(i + 1)
-                }, {
-                  default: withCtx(({ value }) => [
-                    value === "done" ? (openBlock(), createBlock(_sfc_main$2, {
-                      key: 0,
-                      name: "lucide:check",
-                      size: 14
-                    })) : value === "icon" && step.icon ? (openBlock(), createBlock(_sfc_main$2, {
-                      key: 1,
-                      name: step.icon,
-                      size: 14
-                    }, null, 8, ["name"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                      createTextVNode(toDisplayString(value), 1)
-                    ], 64))
-                  ]),
-                  _: 2
-                }, 1032, ["value"])
-              ], 2),
-              createElementVNode("span", {
-                class: normalizeClass(["text-sm transition-colors duration-[var(--duration-medium)]", isCompleted(step, i) || isCurrent(i) ? "text-ink" : "text-muted"])
-              }, [
-                createTextVNode(toDisplayString(step.label) + " ", 1),
-                createElementVNode("span", _hoisted_3, toDisplayString(isCompleted(step, i) ? "(completed)" : isCurrent(i) ? "(current step)" : ""), 1)
-              ], 2)
-            ]),
-            i < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4, [
-              createElementVNode("span", {
-                class: normalizeClass(["absolute inset-0 origin-left bg-brand transition-transform duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none rtl:origin-right", isCompleted(step, i) ? "scale-x-100" : "scale-x-0"])
-              }, null, 2)
-            ])) : createCommentVNode("", true)
-          ], 8, _hoisted_1);
-        }), 128))
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};