@leavepulse/ui 0.78.0 → 0.78.2

package/dist/chunks/LpDatePicker-DwSDY0mt.js

@@ -1,163 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
-import { useAttrsField } from "../composables/useField.js";
-import { useLocale } from "../composables/useLocale.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-D4-LVjfF.js";
-import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./PickerField-BM1dyafh.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-DeOcKWJq.js";
-const _hoisted_1 = { class: "flex flex-col" };
-const _hoisted_2 = {
-  key: 0,
-  class: "flex items-center gap-2 border-t border-line px-3 py-2"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpDatePicker",
-  props: {
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    locale: {},
-    modelValue: {},
-    placeholder: {},
-    min: {},
-    max: {},
-    isDisabled: {},
-    isDateUnavailable: {},
-    presets: { type: [Array, Boolean] },
-    format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
-    time: { type: Boolean },
-    defaultTime: { default: "00:00" },
-    doneLabel: {},
-    labels: {}
-  },
-  emits: ["update:modelValue", "blur"],
-  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, field } = useAttrsField(() => ({ 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);
-    const presetOptions = computed(() => presetList.value.map((preset) => ({
-      label: preset.label,
-      disabled: !presetFits(preset),
-      selected: !!day.value && day.value === preset.date(),
-      select: () => pickPreset(preset)
-    })));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps(unref(attrs), {
-        open: open.value,
-        "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
-        field: unref(field),
-        display: display.value,
-        placeholder: __props.placeholder ?? unref(text).placeholder,
-        icon: "lucide:calendar",
-        size: __props.size,
-        clearable: showClear.value,
-        "clear-label": unref(text).clear,
-        "presets-label": unref(text).presets,
-        presets: presetOptions.value,
-        "presets-class": "sm:w-36",
-        onClear: clear,
-        onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$2, {
-              "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_2, [
-              createVNode(_sfc_main$3, {
-                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
-      }, 16, ["open", "field", "display", "placeholder", "size", "clearable", "clear-label", "presets-label", "presets"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpNumberField-CNHsmSDZ.js

@@ -1,134 +0,0 @@
-import { defineComponent, useId, computed, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createCommentVNode, mergeProps, createElementBlock, toDisplayString } from "vue";
-import { CONTROL_SIZE } from "../components/controlSize.js";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { NumberFieldRoot, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-import { useAttrsField, mergeDescribedBy, focusLeft } from "../composables/useField.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { useMergedClass } from "../composables/useMergedClass.js";
-const _hoisted_1 = ["id"];
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpNumberField",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: {},
-    min: {},
-    max: {},
-    step: {},
-    stepSnapping: { type: Boolean, default: true },
-    formatOptions: {},
-    locale: {},
-    readonly: { type: Boolean },
-    disableWheelChange: { type: Boolean },
-    invertWheelChange: { type: Boolean },
-    focusOnChange: { type: Boolean, default: true },
-    steppers: { type: Boolean, default: true },
-    disabled: { type: Boolean },
-    unit: {},
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    labels: {}
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const unitId = useId();
-    const text = useLabels(
-      "numberField",
-      { increase: "Increase", decrease: "Decrease" },
-      () => props.labels
-    );
-    const SIZE = CONTROL_SIZE;
-    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid, disabled: props.disabled }));
-    const describedBy = computed(
-      () => mergeDescribedBy(attrs["aria-describedby"], field.value.describedBy, props.unit ? unitId : void 0)
-    );
-    const inputAttrs = computed(() => {
-      const { class: _c, style: _s, id: _i, name: _n, ...rest } = attrs;
-      return rest;
-    });
-    function onFocusOut(event) {
-      if (focusLeft(event)) emit("blur", event);
-    }
-    const rootClass = useMergedClass(
-      () => [
-        "@container 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(" ")
-    );
-    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NumberFieldRoot), {
-        "model-value": __props.modelValue ?? void 0,
-        min: __props.min,
-        max: __props.max,
-        step: __props.step,
-        "step-snapping": __props.stepSnapping,
-        readonly: __props.readonly,
-        "disable-wheel-change": __props.disableWheelChange,
-        "invert-wheel-change": __props.invertWheelChange,
-        "focus-on-change": __props.focusOnChange,
-        "format-options": __props.formatOptions,
-        locale: __props.locale,
-        disabled: unref(field).disabled,
-        required: unref(field).required,
-        "data-lp-ring-owner": "",
-        class: normalizeClass(unref(rootClass)),
-        style: normalizeStyle(unref(attrs).style),
-        name: typeof unref(attrs).name === "string" ? unref(attrs).name : void 0,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", Number.isNaN(v) ? null : v ?? null)),
-        onFocusout: onFocusOut
-      }, {
-        default: withCtx(() => [
-          __props.steppers ? (openBlock(), createBlock(unref(NumberFieldDecrement), {
-            key: 0,
-            "aria-label": unref(text).decrease,
-            class: "group grid h-full w-8 shrink-0 place-items-center @max-[8.5rem]:hidden 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"])) : createCommentVNode("", true),
-          createVNode(unref(NumberFieldInput), mergeProps(inputAttrs.value, {
-            id: unref(field).id,
-            "aria-describedby": describedBy.value,
-            "aria-invalid": unref(field).invalid || void 0,
-            class: ["min-w-0 flex-1 bg-transparent text-ink outline-none placeholder:text-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none", __props.steppers ? "text-center @max-[8.5rem]:px-3 @max-[8.5rem]:text-left" : "px-3"]
-          }), null, 16, ["id", "aria-describedby", "aria-invalid", "class"]),
-          __props.unit ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            id: unref(unitId),
-            class: normalizeClass(["shrink-0 pr-1 text-xs text-muted", !__props.steppers && "pr-3"])
-          }, toDisplayString(__props.unit), 11, _hoisted_1)) : createCommentVNode("", true),
-          __props.steppers ? (openBlock(), createBlock(unref(NumberFieldIncrement), {
-            key: 2,
-            "aria-label": unref(text).increase,
-            class: "group grid h-full w-8 shrink-0 place-items-center @max-[8.5rem]:hidden 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"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["model-value", "min", "max", "step", "step-snapping", "readonly", "disable-wheel-change", "invert-wheel-change", "focus-on-change", "format-options", "locale", "disabled", "required", "class", "style", "name"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpOtpInput-BRpLBbOD.js

@@ -1,132 +0,0 @@
-import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, createVNode, normalizeClass, createCommentVNode } from "vue";
-import { PinInputRoot, PinInputInput } from "reka-ui";
-import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { splitCode, upperCells, joinCells, groupBreaks } from "../components/otp.js";
-const _hoisted_1 = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "h-0.5 w-2 shrink-0 rounded-full bg-muted opacity-60"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpOtpInput",
-  props: {
-    modelValue: {},
-    length: { default: 6 },
-    disabled: { type: Boolean },
-    mask: { type: Boolean },
-    alphanumeric: { type: Boolean, default: false },
-    uppercase: { type: Boolean, default: void 0 },
-    group: {},
-    invalid: { type: Boolean },
-    size: { default: "md" }
-  },
-  emits: ["update:modelValue", "complete"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const upper = computed(() => props.alphanumeric && (props.uppercase ?? true));
-    const local = ref(splitCode(props.modelValue, props.length));
-    let emitted = props.modelValue ?? "";
-    watch(
-      () => props.modelValue ?? "",
-      (value) => {
-        if (value === emitted) return;
-        emitted = value;
-        local.value = splitCode(value, props.length);
-      }
-    );
-    watch(
-      () => props.length,
-      (length) => {
-        local.value = local.value.slice(0, length);
-      }
-    );
-    const cells = computed({
-      get: () => local.value,
-      set: (arr) => {
-        local.value = upper.value ? upperCells(arr) : arr;
-        emitted = joinCells(local.value);
-        emit("update:modelValue", emitted);
-      }
-    });
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
-    function onComplete(arr) {
-      emit("complete", joinCells(upper.value ? upperCells(arr) : arr));
-    }
-    const breaks = computed(() => groupBreaks(props.length, props.group));
-    const root = ref(null);
-    function onBeforeInput(event, index) {
-      if (event.inputType !== "deleteContentBackward") return;
-      event.preventDefault();
-      const target = event.target;
-      const next = [...local.value];
-      let clear = index;
-      if (!target.value && index > 0) {
-        clear = index - 1;
-        root.value?.$el.querySelectorAll("input")[clear]?.focus();
-      }
-      next[clear] = props.alphanumeric ? "" : void 0;
-      cells.value = next;
-    }
-    const cellSize = {
-      sm: "max-w-9 text-base",
-      md: "max-w-11 text-lg",
-      lg: "max-w-13 text-xl"
-    };
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex min-w-0 max-w-full items-center gap-1.5 sm:gap-2"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PinInputRoot), mergeProps({
-        ref_key: "root",
-        ref: root,
-        modelValue: cells.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cells.value = $event),
-        type: __props.alphanumeric ? "text" : "number",
-        mask: __props.mask,
-        disabled: unref(field).disabled,
-        required: unref(field).required,
-        otp: "",
-        class: unref(rootClass)
-      }, unref(rest), { onComplete }), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.length, (i) => {
-            return openBlock(), createElementBlock(Fragment, { key: i }, [
-              createVNode(unref(PinInputInput), {
-                index: i - 1,
-                id: i === 1 ? unref(field).id : void 0,
-                "aria-invalid": unref(field).invalid || void 0,
-                "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
-                autocapitalize: upper.value ? "characters" : "none",
-                autocorrect: "off",
-                spellcheck: false,
-                class: normalizeClass([
-                  cellSize[__props.size],
-                  "aspect-square h-auto min-w-0 flex-1 basis-0 p-0",
-                  "rounded-control border bg-surface-soft text-center font-semibold text-ink caret-brand",
-                  "outline-none transition-colors duration-[var(--duration-fast)]",
-                  "focus:border-brand focus:ring-2 focus:ring-ring",
-                  "disabled:cursor-not-allowed disabled:opacity-55",
-                  unref(field).invalid ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line"
-                ]),
-                onBeforeinput: ($event) => onBeforeInput($event, i - 1)
-              }, null, 8, ["index", "id", "aria-invalid", "aria-describedby", "autocapitalize", "class", "onBeforeinput"]),
-              breaks.value.has(i - 1) ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true)
-            ], 64);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["modelValue", "type", "mask", "disabled", "required", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpRadioGroup-BrazjLY_.js

@@ -1,95 +0,0 @@
-import { defineComponent, useId, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createVNode, createElementVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator } from "reka-ui";
-import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-const _hoisted_1 = {
-  key: 1,
-  class: "flex min-w-0 flex-col"
-};
-const _hoisted_2 = ["id"];
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpRadioGroup",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: {},
-    options: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
-    const uid = useId();
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex flex-col gap-2"
-    );
-    usePaletteControl({ disabled: () => field.value.disabled });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
-        "model-value": __props.modelValue,
-        disabled: unref(field).disabled,
-        required: unref(field).required,
-        "aria-labelledby": unref(field).labelId,
-        "aria-invalid": unref(field).invalid || void 0,
-        class: unref(rootClass)
-      }, unref(rest), {
-        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v))
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt, i) => {
-              return openBlock(), createElementBlock("label", {
-                key: opt.value,
-                class: normalizeClass(["group/radio inline-flex gap-2 text-sm text-ink", [
-                  opt.description ? "items-start" : "items-center",
-                  opt.disabled ? "cursor-not-allowed text-muted" : unref(field).disabled ? "cursor-not-allowed" : "cursor-pointer"
-                ]])
-              }, [
-                createVNode(unref(RadioGroupItem), {
-                  value: opt.value,
-                  disabled: opt.disabled,
-                  "aria-describedby": opt.description ? `${unref(uid)}-${i}-desc` : void 0,
-                  class: normalizeClass([opt.description ? "mt-px" : "", "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"])
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {
-                      default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                        createElementVNode("span", { class: "size-2 rounded-full bg-brand" }, null, -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["value", "disabled", "aria-describedby", "class"]),
-                opt.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  name: opt.icon,
-                  size: 16,
-                  class: normalizeClass(["shrink-0 text-muted", opt.description ? "mt-0.5" : ""])
-                }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                opt.description ? (openBlock(), createElementBlock("span", _hoisted_1, [
-                  createElementVNode("span", null, toDisplayString(opt.label), 1),
-                  createElementVNode("span", {
-                    id: `${unref(uid)}-${i}-desc`,
-                    class: "text-xs text-muted"
-                  }, toDisplayString(opt.description), 9, _hoisted_2)
-                ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  createTextVNode(toDisplayString(opt.label), 1)
-                ], 64))
-              ], 2);
-            }), 128))
-          ])
-        ]),
-        _: 3
-      }, 16, ["model-value", "disabled", "required", "aria-labelledby", "aria-invalid", "class", "aria-describedby"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpRangeSlider-fz61tzc-.js

@@ -1,89 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./SliderRail-DhPREa_R.js";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { SliderRoot, SliderThumb } from "reka-ui";
-import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { useSliderDrag, SLIDER_GLIDE } from "../components/slider.js";
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpRangeSlider",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: { default: () => [0, 100] },
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
-    minGap: { default: 0 },
-    disabled: { type: Boolean },
-    ariaLabels: {},
-    format: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function pair(v) {
-      return v && v.length >= 2 ? [v[0], v[1]] : null;
-    }
-    function onUpdate(v) {
-      const value = pair(v);
-      if (value) emit("update:modelValue", value);
-    }
-    function onCommit(v) {
-      const value = pair(v);
-      if (value) emit("change", value);
-    }
-    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      `relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`
-    );
-    const { dragging, onPointerDown } = useSliderDrag();
-    const thumbClass = "group/thumb relative block size-4 rounded-pill border-2 border-brand bg-surface shadow outline-none transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:scale-110 active:scale-95 focus-visible:ring-2 focus-visible:ring-ring motion-reduce:hover:scale-100 motion-reduce:active:scale-100";
-    const labelClass = "pointer-events-none absolute bottom-full left-1/2 mb-1.5 -translate-x-1/2 translate-y-0.5 rounded-control bg-surface-raised px-1.5 py-0.5 text-[11px] whitespace-nowrap text-ink tabular-nums opacity-0 shadow-sm transition-[opacity,translate] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-hover/thumb:translate-y-0 group-hover/thumb:opacity-100 group-focus-visible/thumb:translate-y-0 group-focus-visible/thumb:opacity-100 group-active/thumb:translate-y-0 group-active/thumb:opacity-100 motion-reduce:transition-none";
-    usePaletteControl({ disabled: () => field.value.disabled });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SliderRoot), mergeProps({
-        "model-value": [props.modelValue[0], props.modelValue[1]],
-        min: __props.min,
-        max: __props.max,
-        step: __props.step,
-        "min-steps-between-thumbs": Math.round(__props.minGap / __props.step),
-        disabled: unref(field).disabled,
-        class: unref(rootClass)
-      }, unref(rest), {
-        "data-dragging": unref(dragging) || void 0,
-        onPointerdown: unref(onPointerDown),
-        "onUpdate:modelValue": onUpdate,
-        onValueCommit: onCommit
-      }), {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1),
-          (openBlock(), createElementBlock(Fragment, null, renderList([0, 1], (index) => {
-            return createVNode(unref(SliderThumb), {
-              key: index,
-              id: index === 0 ? unref(field).id : void 0,
-              "aria-label": __props.ariaLabels?.[index],
-              "aria-labelledby": __props.ariaLabels ? void 0 : unref(field).labelId,
-              "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
-              class: normalizeClass(thumbClass)
-            }, {
-              default: withCtx(() => [
-                __props.format ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: normalizeClass(labelClass)
-                }, toDisplayString(__props.format(props.modelValue[index])), 1)) : createCommentVNode("", true)
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-label", "aria-labelledby", "aria-describedby"]);
-          }), 64))
-        ]),
-        _: 1
-      }, 16, ["model-value", "min", "max", "step", "min-steps-between-thumbs", "disabled", "class", "data-dragging", "onPointerdown"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};