@leavepulse/ui 0.78.1 → 0.78.2

package/dist/chunks/LpRepeater-BkJHSPI1.js

@@ -1,180 +0,0 @@
-import { defineComponent, useModel, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode, TransitionGroup, Fragment, renderList, renderSlot, mergeModels, nextTick } from "vue";
-import { useFieldControl } from "../composables/useField.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { useRepeater } from "../composables/useRepeater.js";
-import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
-import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import '../assets/LpRepeater-C1Cw27hj.css';const _hoisted_1 = { class: "flex items-center justify-between gap-2" };
-const _hoisted_2 = {
-  key: 0,
-  class: "text-sm font-medium text-ink"
-};
-const _hoisted_3 = { class: "min-w-0 flex-1" };
-const _hoisted_4 = {
-  key: "empty",
-  class: "text-xs text-muted"
-};
-const focusable = 'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex="0"], [contenteditable="true"]';
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "LpRepeater",
-  props: /* @__PURE__ */ mergeModels({
-    createItem: { type: Function },
-    itemKey: { type: Function },
-    label: {},
-    disabled: { type: Boolean },
-    labels: {}
-  }, {
-    "modelValue": { default: () => [] },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const model = useModel(__props, "modelValue");
-    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
-    const text = useLabels("repeater", { add: "Add item", remove: "Remove item {index}", empty: "No items" }, () => props.labels);
-    const list = useRepeater({
-      value: () => model.value,
-      set: (items) => {
-        model.value = items;
-      },
-      createItem: () => props.createItem(),
-      itemKey: () => props.itemKey,
-      disabled: () => field.value.disabled
-    });
-    const { rows } = list;
-    const rowsHost = ref(null);
-    const reducedMotion = usePrefersReducedMotion();
-    const addButton = ref(null);
-    function focusRow(index) {
-      rowAt(index)?.querySelector(focusable)?.focus({ preventScroll: true });
-    }
-    function rowAt(index) {
-      return Array.from(rowsHost.value?.children ?? []).filter(
-        (node) => node.hasAttribute("data-lp-repeater-row") && !node.hasAttribute("inert")
-      )[index];
-    }
-    function beforeLeave(el) {
-      const row = el;
-      row.style.width = `${row.offsetWidth}px`;
-      row.style.top = `${row.offsetTop}px`;
-      row.setAttribute("inert", "");
-      row.setAttribute("aria-hidden", "true");
-    }
-    function beforeEnter(el) {
-      const row = el;
-      row.removeAttribute("inert");
-      row.removeAttribute("aria-hidden");
-      row.style.removeProperty("top");
-      row.style.removeProperty("width");
-    }
-    async function add() {
-      if (field.value.disabled) return;
-      list.add();
-      await nextTick();
-      focusRow(model.value.length - 1);
-    }
-    async function remove(index) {
-      if (field.value.disabled) return;
-      const row = rowAt(index);
-      const restore = row?.contains(row.ownerDocument.activeElement);
-      list.remove(index);
-      if (!restore) return;
-      await nextTick();
-      if (model.value.length) focusRow(Math.min(index, model.value.length - 1));
-      else addButton.value?.$el?.focus({ preventScroll: true });
-    }
-    __expose({ add, remove, update: list.update });
-    const { class: rootClass, attrs: rest } = useMergedAttrs("flex min-w-0 flex-col gap-2");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps(unref(rest), { class: unref(rootClass) }), [
-        createElementVNode("div", _hoisted_1, [
-          __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-          createVNode(_sfc_main$1, {
-            ref_key: "addButton",
-            ref: addButton,
-            size: "xs",
-            variant: "ghost",
-            disabled: unref(field).disabled,
-            onClick: add
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$2, {
-                name: "lucide:plus",
-                size: 14
-              }),
-              createTextVNode(toDisplayString(unref(text).add), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        createVNode(_sfc_main$3, { axis: "height" }, {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              ref_key: "rowsHost",
-              ref: rowsHost,
-              class: "relative flex min-w-0 flex-col gap-2"
-            }, [
-              createVNode(TransitionGroup, {
-                name: "lp-repeater",
-                css: !unref(reducedMotion),
-                onBeforeEnter: beforeEnter,
-                onBeforeLeave: beforeLeave
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), ({ item, key }, index) => {
-                    return openBlock(), createElementBlock("div", {
-                      key,
-                      "data-lp-repeater-row": "",
-                      class: "flex min-w-0 items-start gap-2"
-                    }, [
-                      createElementVNode("div", _hoisted_3, [
-                        renderSlot(_ctx.$slots, "default", {
-                          item,
-                          index,
-                          disabled: unref(field).disabled,
-                          update: (next) => unref(list).update(index, next),
-                          remove: () => remove(index)
-                        })
-                      ]),
-                      createVNode(_sfc_main$1, {
-                        variant: "ghost",
-                        size: "sm",
-                        square: "",
-                        disabled: unref(field).disabled,
-                        "aria-label": unref(text).remove.replace("{index}", String(index + 1)),
-                        onClick: ($event) => remove(index)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_sfc_main$2, {
-                            name: "lucide:x",
-                            size: 14
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["disabled", "aria-label", "onClick"])
-                    ]);
-                  }), 128)),
-                  !unref(rows).length ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "empty", {}, () => [
-                      createTextVNode(toDisplayString(unref(text).empty), 1)
-                    ])
-                  ])) : createCommentVNode("", true)
-                ]),
-                _: 3
-              }, 8, ["css"])
-            ], 512)
-          ]),
-          _: 3
-        })
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpSegmented-DbEJhbv-.js

@@ -1,123 +0,0 @@
-import { defineComponent, useId, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, createVNode, toDisplayString } from "vue";
-import { CONTROL_SIZE } from "../components/controlSize.js";
-import { isHTMLElement } from "../composables/realm.js";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { Motion } from "motion-v";
-import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
-import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$2 } from "./AttentionDot-DCBf4aWg.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-const _hoisted_1 = {
-  key: 1,
-  class: "relative z-10 inline-flex shrink-0"
-};
-const _hoisted_2 = {
-  key: 2,
-  class: "relative z-10"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpSegmented",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: {},
-    options: {},
-    size: { default: "md" },
-    block: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    hoverFollow: { type: Boolean, default: true }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function onChange(v) {
-      if (typeof v === "string" && v) emit("update:modelValue", v);
-    }
-    const sizeCls = CONTROL_SIZE;
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      () => [
-        "inline-flex items-center gap-1 rounded-control border border-line bg-surface-soft p-1",
-        sizeCls[props.size],
-        // `w-fit`, not left to the parent: in a column a flex item stretches, and
-        // the options sat on the left of an empty bar (the theme studio met it).
-        props.block ? "flex w-full" : "w-fit"
-      ].join(" ")
-    );
-    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
-    const pillId = `lp-segmented-${useId()}`;
-    const pillTransition = usePillTransition();
-    const hovered = ref(null);
-    function onEnter(opt) {
-      if (props.hoverFollow && !opt.disabled && !field.value.disabled) hovered.value = opt.value;
-    }
-    function pillUnder(value) {
-      return hovered.value ? hovered.value === value : value === props.modelValue;
-    }
-    function releaseFocusAfterPointer(event) {
-      const target = event.currentTarget;
-      if (isHTMLElement(target)) target.blur();
-    }
-    usePaletteControl({ disabled: () => field.value.disabled });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ToggleGroupRoot), mergeProps({
-        "model-value": __props.modelValue,
-        type: "single",
-        disabled: unref(field).disabled,
-        "aria-labelledby": unref(field).labelId,
-        rovingFocus: true,
-        class: unref(rootClass)
-      }, unref(rest), {
-        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
-        "onUpdate:modelValue": onChange,
-        onPointerleave: _cache[0] || (_cache[0] = ($event) => hovered.value = null)
-      }), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
-            return openBlock(), createBlock(unref(ToggleGroupItem), {
-              key: opt.value,
-              value: opt.value,
-              disabled: opt.disabled,
-              "aria-label": opt.ariaLabel ?? (opt.label ? void 0 : opt.value),
-              class: normalizeClass(["relative inline-flex h-full items-center justify-center gap-1.5 rounded-inner font-medium outline-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] focus-visible:ring-2 focus-visible:ring-ring data-[state=on]:text-ink data-[state=off]:text-muted data-[state=off]:hover:text-ink disabled:cursor-not-allowed disabled:opacity-55", [__props.block ? "flex-1" : "", __props.size === "lg" ? "px-4" : "px-3", hovered.value === opt.value ? "text-ink" : ""]]),
-              onPointerenter: ($event) => onEnter(opt),
-              onPointerup: releaseFocusAfterPointer
-            }, {
-              default: withCtx(() => [
-                pillUnder(opt.value) ? (openBlock(), createBlock(unref(Motion), {
-                  key: 0,
-                  "layout-id": pillId,
-                  transition: unref(pillTransition),
-                  class: "absolute inset-0 z-0 rounded-inner border border-line bg-surface-raised shadow-sm"
-                }, null, 8, ["transition"])) : createCommentVNode("", true),
-                opt.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [
-                  createVNode(_sfc_main$1, {
-                    name: opt.icon,
-                    size: __props.size === "lg" ? 16 : 14
-                  }, null, 8, ["name", "size"]),
-                  opt.dot && !opt.label ? (openBlock(), createBlock(_sfc_main$2, {
-                    key: 0,
-                    corner: ""
-                  })) : createCommentVNode("", true)
-                ])) : createCommentVNode("", true),
-                opt.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
-                opt.dot && opt.label ? (openBlock(), createBlock(_sfc_main$2, {
-                  key: 3,
-                  class: "mt-1.5"
-                })) : createCommentVNode("", true)
-              ]),
-              _: 2
-            }, 1032, ["value", "disabled", "aria-label", "class", "onPointerenter"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["model-value", "disabled", "aria-labelledby", "class", "aria-describedby"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};