@leavepulse/ui 0.78.1 → 0.78.3

package/dist/chunks/{LpPaletteTheme-BIXpZLGe.js → LpPaletteTheme-B-xuZiKK.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
-import { _ as _sfc_main$4 } from "./LpThemeStudio-ChU0_Ga8.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-R-wohbCY.js";
 import { _ as _sfc_main$2 } from "./LpThemeProvider-XK6ZeWAE.js";
 import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$3 } from "./LpInput-CbI7z5fQ.js";
 const _hoisted_1 = { class: "flex min-w-0 flex-col gap-4" };
 const _hoisted_2 = { class: "sticky top-0 z-10 flex gap-2 border-b border-line bg-surface-overlay pb-3" };
 const _hoisted_3 = { class: "text-sm font-semibold" };

package/dist/chunks/{LpPasswordInput-D4HPhqfV.js → LpPasswordInput-Duc_3wPv.js}

@@ -2,7 +2,7 @@ import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unr
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
 import { _ as _sfc_main$2 } from "./RevealToggle-D_iyrB8d.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpPhoneInput-BSL7NX4z.js → LpPhoneInput-CctcRK9K.js}

@@ -1,14 +1,15 @@
-import { defineComponent, ref, computed, shallowRef, onMounted, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, mergeProps, createTextVNode, Fragment, renderList, createBlock, withModifiers, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, shallowRef, onMounted, useAttrs, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, toDisplayString, mergeProps, createTextVNode, createElementBlock, Fragment, renderList, withModifiers, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
 import { CONTROL_SIZE } from "../components/controlSize.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
-import { useField, useAttrsField, mergeDescribedBy } from "../composables/useField.js";
+import { useField, useOwnField, mergeDescribedBy } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { matchCountryByValue, filterCountries, loadCountries, flagEmoji } from "../components/countries.js";
 import { COMBOBOX_PANEL, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpFieldNotice-DJ10cYIo.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpFieldNotice-DJ10cYIo.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { loadPhoneLib, formatPhone, loadPhoneExamples, digitsBefore, caretAfterDigits, digitsOf } from "../components/phone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -29,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: { default: void 0 },
     disabled: { type: Boolean },
     invalid: { type: Boolean },
+    error: {},
     size: { default: "md" },
     emptyText: {},
     searchPlaceholder: {},
@@ -177,7 +179,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       say(reason.replace("{country}", name), { tone: "danger", duration: 0 });
     }
     const sizeClass = CONTROL_SIZE;
-    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid || flagged.value, disabled: props.disabled }));
+    const attrs = useAttrs();
+    const { field, wrapper, ownAttrs } = useOwnField(() => ({ error: props.error, invalid: props.invalid || flagged.value, disabled: props.disabled }));
     const text = useLabels("phoneInput", {
       selectCountry: "Select country",
       placeholder: "Phone number",
@@ -192,14 +195,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unknownCountry: "Unknown country code"
     }, () => props.labels);
     const noticeId = `${field.value.id ?? "lp-phone"}-notice`;
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      () => [
-        "relative flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring",
-        sizeClass[props.size],
-        field.value.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
-        field.value.disabled ? "cursor-not-allowed opacity-55" : ""
-      ].join(" ")
-    );
+    const { class: rootClass, attrs: rest } = useMergedAttrs(() => [
+      "relative flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring",
+      sizeClass[props.size],
+      field.value.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
+      field.value.disabled ? "cursor-not-allowed opacity-55" : ""
+    ].join(" "), () => ownAttrs());
     const inputAttrs = computed(() => {
       const { style: _s, ...others } = rest.value;
       return others;
@@ -207,126 +208,131 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-lp-ring-owner": "",
-        class: normalizeClass(unref(rootClass)),
-        style: normalizeStyle(unref(attrs).style)
-      }, [
-        createVNode(unref(ComboboxRoot), {
-          open: open.value,
-          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
-          "ignore-filter": true,
-          "reset-search-term-on-select": false,
-          "reset-search-term-on-blur": false,
-          disabled: unref(field).disabled,
-          class: "flex"
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(ComboboxAnchor), { "as-child": "" }, {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            "data-lp-ring-owner": "",
+            class: normalizeClass(unref(rootClass)),
+            style: normalizeStyle(unref(ownAttrs)() ? unref(attrs).style : void 0)
+          }, [
+            createVNode(unref(ComboboxRoot), {
+              open: open.value,
+              "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+              "ignore-filter": true,
+              "reset-search-term-on-select": false,
+              "reset-search-term-on-blur": false,
+              disabled: unref(field).disabled,
+              class: "flex"
+            }, {
               default: withCtx(() => [
-                createVNode(unref(ComboboxTrigger), {
-                  type: "button",
-                  disabled: unref(field).disabled,
-                  class: "flex shrink-0 items-center gap-1 rounded-l-control border-r border-line px-2.5 outline-none hover:bg-ink/5 data-[state=open]:bg-ink/5",
-                  "aria-label": unref(text).selectCountry
-                }, {
+                createVNode(unref(ComboboxAnchor), { "as-child": "" }, {
                   default: withCtx(() => [
-                    createElementVNode("span", _hoisted_1, toDisplayString(activeCountry.value ? unref(flagEmoji)(activeCountry.value.iso2) : "🌐"), 1),
-                    createVNode(_sfc_main$1, {
-                      name: "lucide:chevron-down",
-                      size: 14,
-                      class: "text-muted transition-transform data-[state=open]:rotate-180"
-                    })
+                    createVNode(unref(ComboboxTrigger), {
+                      type: "button",
+                      disabled: unref(field).disabled,
+                      class: "flex shrink-0 items-center gap-1 rounded-l-control border-r border-line px-2.5 outline-none hover:bg-ink/5 data-[state=open]:bg-ink/5",
+                      "aria-label": unref(text).selectCountry
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", _hoisted_1, toDisplayString(activeCountry.value ? unref(flagEmoji)(activeCountry.value.iso2) : "🌐"), 1),
+                        createVNode(_sfc_main$2, {
+                          name: "lucide:chevron-down",
+                          size: 14,
+                          class: "text-muted transition-transform data-[state=open]:rotate-180"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "aria-label"])
                   ]),
                   _: 1
-                }, 8, ["disabled", "aria-label"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(ComboboxPortal), { to: unref(portalTo) }, {
-              default: withCtx(() => [
-                createVNode(unref(ComboboxContent), mergeProps({
-                  onInteractOutside: unref(guardOutside),
-                  onEscapeKeyDown: unref(guardOutside)
-                }, unref(COMBOBOX_PANEL), {
-                  align: "start",
-                  class: [unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"]
-                }), {
+                }),
+                createVNode(unref(ComboboxPortal), { to: unref(portalTo) }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      createVNode(unref(ComboboxInput), {
-                        "model-value": query.value,
-                        placeholder: __props.searchPlaceholder ?? unref(text).search,
-                        "aria-label": unref(text).searchLabel,
-                        "auto-focus": "",
-                        class: "h-(--size-control-sm) w-full rounded-inner border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
-                        onInput: _cache[0] || (_cache[0] = ($event) => query.value = $event.target.value)
-                      }, null, 8, ["model-value", "placeholder", "aria-label"])
-                    ]),
-                    createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
+                    createVNode(unref(ComboboxContent), mergeProps({
+                      onInteractOutside: unref(guardOutside),
+                      onEscapeKeyDown: unref(guardOutside)
+                    }, unref(COMBOBOX_PANEL), {
+                      align: "start",
+                      class: [unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"]
+                    }), {
                       default: withCtx(() => [
-                        createVNode(unref(ComboboxEmpty), { class: "px-3 py-4 text-center text-sm italic text-muted" }, {
+                        createElementVNode("div", _hoisted_2, [
+                          createVNode(unref(ComboboxInput), {
+                            "model-value": query.value,
+                            placeholder: __props.searchPlaceholder ?? unref(text).search,
+                            "aria-label": unref(text).searchLabel,
+                            "auto-focus": "",
+                            class: "h-(--size-control-sm) w-full rounded-inner border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
+                            onInput: _cache[0] || (_cache[0] = ($event) => query.value = $event.target.value)
+                          }, null, 8, ["model-value", "placeholder", "aria-label"])
+                        ]),
+                        createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(__props.emptyText ?? unref(text).empty), 1)
+                            createVNode(unref(ComboboxEmpty), { class: "px-3 py-4 text-center text-sm italic text-muted" }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(__props.emptyText ?? unref(text).empty), 1)
+                              ]),
+                              _: 1
+                            }),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (c, i) => {
+                              return openBlock(), createBlock(unref(ComboboxItem), {
+                                key: c.iso2,
+                                value: c.iso2,
+                                style: normalizeStyle(unref(optionStagger)(i)),
+                                class: normalizeClass([unref(OPTION_ITEM), "gap-2.5"]),
+                                onSelect: withModifiers(($event) => chooseCountry(c), ["prevent"])
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode("span", _hoisted_3, toDisplayString(unref(flagEmoji)(c.iso2)), 1),
+                                  createElementVNode("span", _hoisted_4, toDisplayString(c.name), 1),
+                                  createElementVNode("span", _hoisted_5, "+" + toDisplayString(c.dial), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["value", "style", "class", "onSelect"]);
+                            }), 128))
                           ]),
                           _: 1
-                        }),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (c, i) => {
-                          return openBlock(), createBlock(unref(ComboboxItem), {
-                            key: c.iso2,
-                            value: c.iso2,
-                            style: normalizeStyle(unref(optionStagger)(i)),
-                            class: normalizeClass([unref(OPTION_ITEM), "gap-2.5"]),
-                            onSelect: withModifiers(($event) => chooseCountry(c), ["prevent"])
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("span", _hoisted_3, toDisplayString(unref(flagEmoji)(c.iso2)), 1),
-                              createElementVNode("span", _hoisted_4, toDisplayString(c.name), 1),
-                              createElementVNode("span", _hoisted_5, "+" + toDisplayString(c.dial), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["value", "style", "class", "onSelect"]);
-                        }), 128))
+                        })
                       ]),
                       _: 1
-                    })
+                    }, 16, ["onInteractOutside", "onEscapeKeyDown", "class"])
                   ]),
                   _: 1
-                }, 16, ["onInteractOutside", "onEscapeKeyDown", "class"])
+                }, 8, ["to"])
               ]),
               _: 1
-            }, 8, ["to"])
-          ]),
-          _: 1
-        }, 8, ["open", "disabled"]),
-        createElementVNode("input", mergeProps({
-          type: "tel",
-          inputmode: "tel",
-          autocomplete: "tel"
-        }, inputAttrs.value, {
-          id: unref(field).id,
-          value: __props.modelValue,
-          placeholder: shownPlaceholder.value,
-          disabled: unref(field).disabled,
-          required: unref(field).required || void 0,
-          "aria-invalid": unref(field).invalid || void 0,
-          "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy, unref(notice).message.value ? noticeId : void 0),
-          class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
-          onBeforeinput: onBeforeEdit,
-          onPaste: _cache[2] || (_cache[2] = //@ts-ignore
-          (...args) => unref(onPaste) && unref(onPaste)(...args)),
-          onCompositionend: _cache[3] || (_cache[3] = //@ts-ignore
-          (...args) => unref(onCompositionEnd) && unref(onCompositionEnd)(...args)),
-          onInput,
-          onFocus,
-          onBlur
-        }), null, 16, _hoisted_6),
-        ownNotice.value ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          notice: unref(notice),
-          id: noticeId
-        }, null, 8, ["notice"])) : createCommentVNode("", true)
-      ], 6);
+            }, 8, ["open", "disabled"]),
+            createElementVNode("input", mergeProps({
+              type: "tel",
+              inputmode: "tel",
+              autocomplete: "tel"
+            }, inputAttrs.value, {
+              id: unref(field).id,
+              value: __props.modelValue,
+              placeholder: shownPlaceholder.value,
+              disabled: unref(field).disabled,
+              required: unref(field).required || void 0,
+              "aria-invalid": unref(field).invalid || void 0,
+              "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy, unref(notice).message.value ? noticeId : void 0),
+              class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
+              onBeforeinput: onBeforeEdit,
+              onPaste: _cache[2] || (_cache[2] = //@ts-ignore
+              (...args) => unref(onPaste) && unref(onPaste)(...args)),
+              onCompositionend: _cache[3] || (_cache[3] = //@ts-ignore
+              (...args) => unref(onCompositionEnd) && unref(onCompositionEnd)(...args)),
+              onInput,
+              onFocus,
+              onBlur
+            }), null, 16, _hoisted_6),
+            ownNotice.value ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              notice: unref(notice),
+              id: noticeId
+            }, null, 8, ["notice"])) : createCommentVNode("", true)
+          ], 6)
+        ]),
+        _: 1
+      }, 16);
     };
   }
 });

package/dist/chunks/LpRadioGroup-DTM0nd9G.js

@@ -0,0 +1,103 @@
+import { defineComponent, useId, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
+import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator } from "reka-ui";
+import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$2 } 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 },
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const { field, wrapper, ownAttrs } = useOwnField(() => ({ error: props.error, disabled: props.disabled }));
+    const uid = useId();
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-2",
+      () => ownAttrs()
+    );
+    usePaletteControl({ disabled: () => field.value.disabled });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          createVNode(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$2, {
+                      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"])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpRangeSlider-DJsEZXad.js

@@ -0,0 +1,97 @@
+import { defineComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { _ as _sfc_main$2 } from "./SliderRail-DhPREa_R.js";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
+import { SliderRoot, SliderThumb } from "reka-ui";
+import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { SLIDER_GLIDE, useSliderDrag } 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 },
+    error: {},
+    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, wrapper, ownAttrs } = useOwnField(() => ({ error: props.error, 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}`,
+      () => ownAttrs()
+    );
+    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(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          createVNode(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$2),
+              (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"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};