@leavepulse/ui 0.69.0 → 0.70.0

package/dist/chunks/LpSwitch-CZy9_IoA.js

@@ -1,132 +0,0 @@
-import { defineComponent, useSlots, computed, useId, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, mergeProps, withCtx, createBlock } from "vue";
-import { SwitchRoot, SwitchThumb } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
-import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "flex min-w-0 flex-col"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "flex min-w-0 flex-col"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpSwitch",
-  props: {
-    modelValue: { type: Boolean },
-    disabled: { type: Boolean },
-    label: {},
-    description: {},
-    labelPosition: { default: "end" },
-    action: {}
-  },
-  emits: ["update:modelValue", "done", "error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { pending, set } = useOptimisticToggle(() => props.action, emit);
-    const slots = useSlots();
-    const labelled = computed(() => Boolean(props.label || props.description || slots.default));
-    const TRACK = "group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
-    const THUMB = "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch:w-3.5";
-    const { class: rootClass, attrs: rest } = useMergedAttrs(() => {
-      if (!labelled.value) return TRACK;
-      return props.labelPosition === "start" ? "flex w-full cursor-pointer items-center justify-between gap-3 text-sm text-ink" : "inline-flex cursor-pointer items-center gap-2 text-sm text-ink";
-    });
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof rest.value.id === "string" ? rest.value.id : void 0,
-      disabled: props.disabled
-    }));
-    const descriptionId = `${useId()}-description`;
-    const describedBy = computed(
-      () => [props.description && labelled.value ? descriptionId : "", field.value.describedBy ?? ""].filter(Boolean).join(" ") || void 0
-    );
-    function onUpdate(value) {
-      void set(value);
-    }
-    return (_ctx, _cache) => {
-      return labelled.value ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        class: normalizeClass([unref(rootClass), unref(field).disabled && "cursor-not-allowed"])
-      }, [
-        __props.labelPosition === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          __props.description ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            id: descriptionId,
-            class: "text-xs text-muted"
-          }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createVNode(unref(SwitchRoot), mergeProps(unref(rest), {
-          id: unref(field).id,
-          "model-value": __props.modelValue,
-          disabled: unref(field).disabled,
-          "aria-describedby": describedBy.value,
-          "aria-busy": unref(pending) || void 0,
-          class: TRACK,
-          "onUpdate:modelValue": onUpdate
-        }), {
-          default: withCtx(() => [
-            createVNode(unref(SwitchThumb), {
-              class: normalizeClass([THUMB, "grid place-items-center"])
-            }, {
-              default: withCtx(() => [
-                unref(pending) ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  name: "lucide:loader-circle",
-                  class: "size-2.5 animate-spin text-ink-inverse group-data-[state=checked]/switch:text-ink motion-reduce:animate-none"
-                })) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["id", "model-value", "disabled", "aria-describedby", "aria-busy"]),
-        __props.labelPosition === "end" ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          __props.description ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            id: descriptionId,
-            class: "text-xs text-muted"
-          }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 2)) : (openBlock(), createBlock(unref(SwitchRoot), mergeProps({ key: 1 }, unref(rest), {
-        id: unref(field).id,
-        "model-value": __props.modelValue,
-        disabled: unref(field).disabled,
-        "aria-describedby": describedBy.value,
-        "aria-busy": unref(pending) || void 0,
-        class: unref(rootClass),
-        "onUpdate:modelValue": onUpdate
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(SwitchThumb), {
-            class: normalizeClass([THUMB, "grid place-items-center"])
-          }, {
-            default: withCtx(() => [
-              unref(pending) ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                name: "lucide:loader-circle",
-                class: "size-2.5 animate-spin text-ink-inverse group-data-[state=checked]/switch:text-ink motion-reduce:animate-none"
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        _: 1
-      }, 16, ["id", "model-value", "disabled", "aria-describedby", "aria-busy", "class"]));
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpThemeSwitcher-CDoziW0z.js

@@ -1,166 +0,0 @@
-import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
-import { useLabels } from "../composables/useLpConfig.js";
-import { u as useTheme, p as presets } from "./useTheme-2qHG8NEU.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-CRnjoqSt.js";
-import { _ as _sfc_main$2 } from "./LpIcon-6tSrZ3Zy.js";
-const _hoisted_1 = ["aria-label", "title"];
-const _hoisted_2 = {
-  key: 1,
-  class: "grid shrink-0 place-items-center"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "text-sm font-medium"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpThemeSwitcher",
-  props: {
-    modelValue: {},
-    themes: {},
-    cycleThemes: {},
-    variant: { default: "swatch" },
-    showLabel: { type: Boolean },
-    default: {},
-    transition: { type: Boolean, default: true },
-    size: { default: "md" },
-    "aria-label": {},
-    system: {},
-    labels: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const theme = useTheme();
-    const text = useLabels(
-      "themeSwitcher",
-      { trigger: "Theme: {name}. Click to switch, right-click to choose.", system: "System" },
-      () => props.labels
-    );
-    const list = computed(
-      () => props.themes && props.themes.length ? props.themes : Object.values(presets)
-    );
-    const activeName = computed(
-      () => props.modelValue ?? (theme.currentName.value || list.value[0]?.name || "")
-    );
-    onMounted(() => {
-      if (props.default == null) return;
-      const fallback = typeof props.default === "string" ? list.value.find((t) => t.name === props.default) : props.default;
-      if (fallback) theme.init(fallback);
-    });
-    const SIZES = { sm: "size-7", md: "size-8", lg: "size-9" };
-    const HEIGHTS = { sm: "h-7", md: "h-8", lg: "h-9" };
-    const ICON_SIZE = { sm: 15, md: 16, lg: 18 };
-    const CHIP = { sm: "size-3.5", md: "size-4", lg: "size-[18px]" };
-    const wantsLabel = computed(() => props.showLabel || props.variant === "pill");
-    function applyTheme(t, ev) {
-      if (props.transition) {
-        theme.setTheme(t, ev ? { x: ev.clientX, y: ev.clientY } : void 0);
-      } else {
-        theme.apply(t);
-      }
-      emit("update:modelValue", t.name);
-      emit("change", t);
-    }
-    const cycleList = computed(() => {
-      if (!props.cycleThemes?.length) return list.value;
-      const resolved = props.cycleThemes.map(
-        (t) => typeof t === "string" ? list.value.find((x) => x.name === t) : t
-      ).filter((t) => Boolean(t));
-      return resolved.length ? resolved : list.value;
-    });
-    function cycle(ev) {
-      const arr = cycleList.value;
-      if (!arr.length) return;
-      const i = arr.findIndex((t) => t.name === activeName.value);
-      const next = arr[(i + 1) % arr.length];
-      if (next) applyTheme(next, ev);
-    }
-    function resolve(t) {
-      return typeof t === "string" ? list.value.find((x) => x.name === t) : t;
-    }
-    const systemPair = computed(() => {
-      if (!props.system) return null;
-      const light = resolve(props.system.light);
-      const dark = resolve(props.system.dark);
-      return light && dark ? { light, dark } : null;
-    });
-    function followSystem() {
-      const pair = systemPair.value;
-      if (!pair) return;
-      theme.setSystem(pair);
-      const next = theme.current.value;
-      if (next) {
-        emit("update:modelValue", next.name);
-        emit("change", next);
-      }
-    }
-    const menu = computed(() => {
-      const following = theme.system.value;
-      const items = list.value.map((t) => ({
-        label: t.name,
-        icon: !following && t.name === activeName.value ? "lucide:check" : t.mode === "dark" ? "lucide:moon" : "lucide:sun",
-        onSelect: () => applyTheme(t)
-      }));
-      if (systemPair.value) {
-        items.unshift({
-          label: text.value.system,
-          icon: following ? "lucide:check" : "lucide:monitor",
-          onSelect: followSystem
-        });
-      }
-      return items;
-    });
-    const hydrated = ref(false);
-    onMounted(() => {
-      hydrated.value = true;
-    });
-    const labelName = computed(
-      () => hydrated.value ? activeName.value : list.value[0]?.name ?? ""
-    );
-    const triggerLabel = computed(
-      () => props["aria-label"] ?? text.value.trigger.replace("{name}", labelName.value)
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { items: menu.value }, {
-        default: withCtx(() => [
-          createElementVNode("button", {
-            type: "button",
-            "aria-label": triggerLabel.value,
-            title: triggerLabel.value,
-            class: normalizeClass([
-              "inline-flex shrink-0 items-center justify-center gap-2 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring",
-              wantsLabel.value ? [
-                HEIGHTS[__props.size],
-                "rounded-full border border-line bg-surface-raised pl-2 pr-3 text-ink hover:border-line-strong hover:bg-surface-soft"
-              ] : [SIZES[__props.size], "rounded-control text-muted hover:bg-surface-soft hover:text-ink"]
-            ]),
-            onClick: cycle
-          }, [
-            __props.variant !== "icon" ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(["shrink-0 rounded-full shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--color-ink)_22%,transparent)]", CHIP[__props.size]]),
-              style: { "background": "linear-gradient(135deg, var(--color-surface) 50%, var(--color-brand) 50%)" }
-            }, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_2, [
-              createVNode(_sfc_main$2, {
-                name: "lucide:moon",
-                size: ICON_SIZE[__props.size],
-                class: "in-data-[theme-mode=light]:hidden"
-              }, null, 8, ["size"]),
-              createVNode(_sfc_main$2, {
-                name: "lucide:sun",
-                size: ICON_SIZE[__props.size],
-                class: "hidden in-data-[theme-mode=light]:block"
-              }, null, 8, ["size"])
-            ])),
-            wantsLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(labelName.value), 1)) : createCommentVNode("", true)
-          ], 10, _hoisted_1)
-        ]),
-        _: 1
-      }, 8, ["items"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/TourCard-BKI7X9-r.js

@@ -1,105 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-DNR-YAq5.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
-import LpKeys from "../components/LpKeys.vue.js";
-const _hoisted_1 = { class: "flex items-start justify-between gap-3" };
-const _hoisted_2 = {
-  class: "font-medium",
-  "aria-live": "polite"
-};
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = {
-  key: 0,
-  class: "mt-1.5 text-muted"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "mt-2 text-xs text-brand"
-};
-const _hoisted_6 = {
-  key: 3,
-  class: "mt-2 text-xs text-muted"
-};
-const _hoisted_7 = { class: "mt-4 flex items-center justify-between gap-2" };
-const _hoisted_8 = { class: "text-xs tabular-nums text-muted" };
-const _hoisted_9 = { class: "flex gap-2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TourCard",
-  props: {
-    step: {},
-    index: {},
-    last: { type: Boolean },
-    progress: {},
-    labels: {}
-  },
-  emits: ["next", "back", "perform", "dismiss"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("p", _hoisted_2, toDisplayString(__props.step?.title), 1),
-          createElementVNode("button", {
-            type: "button",
-            class: "text-muted hover:text-ink",
-            "aria-label": __props.labels.close,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dismiss"))
-          }, [
-            createVNode(_sfc_main$1, {
-              name: "lucide:x",
-              class: "size-4"
-            })
-          ], 8, _hoisted_3)
-        ]),
-        __props.step?.text ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.step.text), 1)) : createCommentVNode("", true),
-        __props.step?.keys ? (openBlock(), createBlock(LpKeys, {
-          key: 1,
-          combo: __props.step.keys,
-          size: "sm",
-          class: "mt-2"
-        }, null, 8, ["combo"])) : createCommentVNode("", true),
-        __props.step?.try ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.labels.tryIt), 1)) : createCommentVNode("", true),
-        __props.step?.example ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.labels.example), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("span", _hoisted_8, toDisplayString(__props.progress), 1),
-          createElementVNode("div", _hoisted_9, [
-            __props.index > 0 ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 0,
-              size: "sm",
-              variant: "ghost",
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("back"))
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.labels.back), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            __props.step?.try && __props.step.perform ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
-              size: "sm",
-              variant: "outline",
-              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("perform"))
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.labels.perform), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            createVNode(_sfc_main$2, {
-              size: "sm",
-              variant: __props.step?.try ? "ghost" : void 0,
-              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("next"))
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.last ? __props.labels.done : __props.labels.next), 1)
-              ]),
-              _: 1
-            }, 8, ["variant"])
-          ])
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};