@wow-two-beta/ui-vue 0.0.5 → 0.0.6

package/dist/chunks/BackToTopButton.vue_vue_type_script_setup_true_lang-iLYlhK05.js

@@ -1,1002 +0,0 @@
-import { defineComponent, useAttrs, computed, useTemplateRef, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, watch, useSlots, normalizeClass, createCommentVNode, createElementVNode, inject, provide, watchPostEffect, shallowRef, createVNode, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from "vue";
-import { tv } from "tailwind-variants";
-import { c as cn } from "./cn-CzDCF-Ah.js";
-import { P as Primitive } from "./Primitive-Cm3ECaVw.js";
-import { H as HtmlElement, B as ButtonType } from "./HtmlExtensions-jlKY5f9C.js";
-import { O as Orientation } from "./Orientation-u-sYunuG.js";
-import { f as _sfc_main$f, h as ToggleButtonGroupVariant, a as ButtonVariant, _ as _sfc_main$g } from "./OptionTileGroup.vue_vue_type_script_setup_true_lang-CKSVGCby.js";
-import { Check, Copy, ChevronDown, X, Plus, ArrowUp } from "lucide-vue-next";
-import { _ as _sfc_main$h } from "./Icon.vue_vue_type_script_setup_true_lang-DgwdLCRR.js";
-import { u as useClipboard } from "./useClipboard-BVRwXC--.js";
-import { O as OptionalExtensions } from "./Environment-CuQav_mw.js";
-import { S as Side } from "./Side-CSys3p-F.js";
-import { u as useControlled } from "./useControlled-B6M4kTLn.js";
-import { d as dataAttr } from "./dataAttr-7BR67dTj.js";
-import { _ as _sfc_main$i, b as useRovingFocusItem } from "./RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js";
-import { O as OverlayPosition } from "./OverlayPosition-BNybkMGG.js";
-import { u as useEscape } from "./useEscape-CYPdpm_l.js";
-import { u as useOutsideClick } from "./useOutsideClick-CW80BJfE.js";
-import { P as Presence } from "./Presence-DE4MlrJz.js";
-import { r as renderableChildren } from "./Slot-D2lIitvV.js";
-import { K as Key } from "./KeyboardExtensions-CQlkK53D.js";
-const LinkVariant = {
-  /** Refers to the primary-colored link. */
-  Default: "default",
-  /** Refers to a foreground-colored, underline-on-hover link. */
-  Subtle: "subtle",
-  /** Refers to a muted link that brightens on hover. */
-  Muted: "muted",
-  /** Refers to a link that inherits the surrounding text color. */
-  Inherit: "inherit"
-};
-const LinkSize = {
-  /** Refers to the small text size. */
-  Sm: "sm",
-  /** Refers to the base (default) text size. */
-  Md: "md",
-  /** Refers to the large text size. */
-  Lg: "lg"
-};
-const linkVariants = tv({
-  base: "inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
-  variants: {
-    variant: {
-      /* `-soft-foreground`, not `text-primary`: a link has no fill of its own, so it lands on
-         whatever surface hosts it — the pairing `--color-primary-soft-foreground` is toned for.
-         `text-primary` measured 4.19:1 on `theme-smart-qr`'s own page background, under AA for
-         body text. Same fix as `Button.variants.ts` and `foundation/utils/Tones.ts`. */
-      default: "text-primary-soft-foreground hover:text-primary-soft-foreground/85 hover:underline",
-      subtle: "text-foreground hover:underline",
-      muted: "text-muted-foreground hover:text-foreground hover:underline",
-      inherit: "text-current underline-offset-2 hover:underline"
-    },
-    size: {
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md"
-  }
-});
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...{ name: "Link", inheritAttrs: false },
-  __name: "Link",
-  props: {
-    variant: {},
-    size: {},
-    asChild: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(linkVariants({ variant: props.variant, size: props.size }), attrs.class)
-    );
-    const root = useTemplateRef("root");
-    const el = computed(() => {
-      const node = root.value?.$el;
-      return node instanceof HTMLElement ? node : null;
-    });
-    __expose({ el });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({
-        ref_key: "root",
-        ref: root,
-        as: unref(HtmlElement).Anchor,
-        "as-child": __props.asChild,
-        class: rootClass.value
-      }, passthroughAttrs.value), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["as", "as-child", "class"]);
-    };
-  }
-});
-const _hoisted_1$7 = ["data-orientation"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...{ name: "ButtonGroup", inheritAttrs: false },
-  __name: "ButtonGroup",
-  props: {
-    orientation: { default: Orientation.Horizontal },
-    isAttached: { type: Boolean, default: true }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const isHorizontal = computed(() => props.orientation === Orientation.Horizontal);
-    const rootClass = computed(
-      () => cn(
-        "inline-flex",
-        isHorizontal.value ? "flex-row" : "flex-col",
-        props.isAttached ? isHorizontal.value ? "[&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px" : "[&>*]:rounded-none [&>*:first-child]:rounded-t-md [&>*:last-child]:rounded-b-md [&>*:not(:first-child)]:-mt-px" : "gap-2",
-        attrs.class
-      )
-    );
-    const root = useTemplateRef("root");
-    __expose({ el: root });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "root",
-        ref: root,
-        role: "group",
-        "data-orientation": __props.orientation,
-        class: rootClass.value
-      }, passthroughAttrs.value), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$7);
-    };
-  }
-});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...{ name: "SegmentedControl" },
-  __name: "SegmentedControl",
-  props: {
-    type: {},
-    value: {},
-    defaultValue: {},
-    orientation: {},
-    isAttached: { type: Boolean, default: void 0 },
-    itemRole: {},
-    equalWidth: { type: Boolean, default: void 0 }
-  },
-  emits: ["value-change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, mergeProps(props, {
-        variant: unref(ToggleButtonGroupVariant).Segmented,
-        onValueChange: _cache[0] || (_cache[0] = (value) => emit("value-change", value))
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["variant"]);
-    };
-  }
-});
-const FabVariant = {
-  /** Refers to the primary brand-filled surface. */
-  Primary: "primary",
-  /** Refers to the neutral card surface with a hairline border. */
-  Secondary: "secondary",
-  /** Refers to the destructive / error-filled surface. */
-  Destructive: "destructive"
-};
-const FabSize = {
-  /** Refers to the small (2.5rem) diameter. */
-  Sm: "sm",
-  /** Refers to the medium (3.5rem) default diameter. */
-  Md: "md",
-  /** Refers to the large (4rem) diameter. */
-  Lg: "lg"
-};
-const fabVariants = tv({
-  base: "fixed inline-flex items-center justify-center rounded-full shadow-lg transition-all hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-  variants: {
-    variant: {
-      primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-      secondary: "bg-card text-card-foreground border border-border hover:bg-muted",
-      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90"
-    },
-    size: {
-      sm: "h-10 w-10",
-      md: "h-14 w-14",
-      lg: "h-16 w-16"
-    },
-    position: {
-      "bottom-right": "bottom-6 right-6",
-      "bottom-left": "bottom-6 left-6",
-      "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
-      "top-right": "top-6 right-6",
-      "top-left": "top-6 left-6",
-      "top-center": "top-6 left-1/2 -translate-x-1/2"
-    }
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md",
-    position: "bottom-right"
-  }
-});
-const _hoisted_1$6 = ["type"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...{ name: "FAB", inheritAttrs: false },
-  __name: "FAB",
-  props: {
-    variant: {},
-    size: {},
-    position: {},
-    type: { default: ButtonType.Button }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        fabVariants({ variant: props.variant, size: props.size, position: props.position }),
-        attrs.class
-      )
-    );
-    const root = useTemplateRef("root");
-    __expose({ el: root });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        ref_key: "root",
-        ref: root,
-        type: __props.type,
-        class: rootClass.value
-      }, passthroughAttrs.value), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$6);
-    };
-  }
-});
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...{ name: "CopyButton", inheritAttrs: false },
-  __name: "CopyButton",
-  props: {
-    text: {},
-    resetAfter: { default: 2e3 },
-    copiedAriaLabel: {},
-    variant: { default: ButtonVariant.Ghost }
-  },
-  emits: ["error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["aria-label"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const { copied, error, copy } = useClipboard({ resetAfter: () => props.resetAfter });
-    watch(error, (next) => {
-      if (next) emit("error", next);
-    });
-    const effectiveAriaLabel = computed(() => {
-      const label = attrs["aria-label"];
-      return copied.value ? props.copiedAriaLabel ?? label : label;
-    });
-    const fallbackIcon = computed(() => copied.value ? Check : Copy);
-    function handleClick() {
-      void copy(props.text);
-    }
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$g, mergeProps({
-        variant: __props.variant,
-        "aria-label": effectiveAriaLabel.value,
-        "data-copied": unref(OptionalExtensions).from(unref(copied), "true")
-      }, passthroughAttrs.value, { onClick: handleClick }), {
-        default: withCtx(() => [
-          slots.default ? renderSlot(_ctx.$slots, "default", {
-            copied: unref(copied),
-            error: unref(error)
-          }, void 0, void 0, 0) : (openBlock(), createBlock(unref(_sfc_main$h), {
-            key: 1,
-            icon: fallbackIcon.value,
-            size: 16
-          }, null, 8, ["icon"]))
-        ]),
-        _: 3
-      }, 16, ["variant", "aria-label", "data-copied"]);
-    };
-  }
-});
-const _hoisted_1$5 = ["type", "aria-expanded", "data-state", "data-disabled"];
-const _hoisted_2$1 = { class: "flex-1 text-left" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...{ name: "DisclosureButton", inheritAttrs: false },
-  __name: "DisclosureButton",
-  props: {
-    isOpen: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: false },
-    chevronSide: { default: Side.Right },
-    type: { default: ButtonType.Button }
-  },
-  emits: ["open-change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const { value: open, setValue: setOpen } = useControlled({
-      controlled: () => props.isOpen,
-      default: props.defaultOpen,
-      onChange: (next) => emit("open-change", next)
-    });
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const chevronClass = computed(() => cn("transition-transform", open.value && "rotate-180"));
-    const rootClass = computed(
-      () => cn(
-        "inline-flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-        attrs.class
-      )
-    );
-    function handleClick(event) {
-      if (event.defaultPrevented) return;
-      setOpen(!open.value);
-    }
-    const root = useTemplateRef("root");
-    __expose({ el: root });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        ref_key: "root",
-        ref: root,
-        type: __props.type,
-        "aria-expanded": unref(open),
-        "data-state": unref(open) ? "open" : "closed",
-        "data-disabled": unref(dataAttr)(unref(attrs).disabled),
-        class: rootClass.value
-      }, passthroughAttrs.value, { onClick: handleClick }), [
-        __props.chevronSide === unref(Side).Left ? (openBlock(), createBlock(unref(_sfc_main$h), {
-          key: 0,
-          icon: unref(ChevronDown),
-          size: 16,
-          class: normalizeClass(chevronClass.value)
-        }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$1, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        __props.chevronSide === unref(Side).Right ? (openBlock(), createBlock(unref(_sfc_main$h), {
-          key: 1,
-          icon: unref(ChevronDown),
-          size: 16,
-          class: normalizeClass(chevronClass.value)
-        }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$5);
-    };
-  }
-});
-const ToolbarKey = Symbol("wow-two.toolbar");
-function useToolbarContext() {
-  const context = inject(ToolbarKey, null);
-  if (!context) throw new Error("Toolbar.* must be used inside <Toolbar>");
-  return context;
-}
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...{ name: "Toolbar", inheritAttrs: false },
-  __name: "Toolbar",
-  props: {
-    orientation: { default: Orientation.Horizontal }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    provide(ToolbarKey, {
-      get orientation() {
-        return props.orientation;
-      }
-    });
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        "inline-flex items-center gap-1 rounded-md border border-border bg-background p-1",
-        props.orientation === Orientation.Vertical && "flex-col items-stretch",
-        attrs.class
-      )
-    );
-    const root = useTemplateRef("root");
-    const el = computed(() => {
-      const node = root.value?.$el;
-      return node instanceof HTMLElement ? node : null;
-    });
-    __expose({ el });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), mergeProps({
-        ref_key: "root",
-        ref: root,
-        orientation: __props.orientation,
-        "can-loop": "",
-        role: "toolbar",
-        "aria-orientation": __props.orientation,
-        "data-orientation": __props.orientation,
-        class: rootClass.value
-      }, passthroughAttrs.value), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["orientation", "aria-orientation", "data-orientation", "class"]);
-    };
-  }
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ToolbarButton", inheritAttrs: false },
-  __name: "ToolbarButton",
-  props: {
-    asChild: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const roving = useRovingFocusItem();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => props.asChild ? cn(attrs.class) : cn(
-        "inline-flex h-8 items-center justify-center rounded-sm px-2 text-sm transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-        attrs.class
-      )
-    );
-    function handleKeydown(event) {
-      if (event.defaultPrevented) return;
-      roving.onKeydown(event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({
-        ref: unref(roving).ref,
-        as: unref(HtmlElement).Button,
-        "as-child": __props.asChild,
-        type: __props.asChild ? void 0 : unref(ButtonType).Button,
-        tabindex: unref(roving).tabindex,
-        "data-roving-focus-item": unref(roving)["data-roving-focus-item"],
-        class: rootClass.value
-      }, passthroughAttrs.value, {
-        onFocus: _cache[0] || (_cache[0] = ($event) => unref(roving).onFocus()),
-        onKeydown: handleKeydown
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["as", "as-child", "type", "tabindex", "data-roving-focus-item", "class"]);
-    };
-  }
-});
-const _hoisted_1$4 = ["tabindex", "data-roving-focus-item"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ToolbarLink", inheritAttrs: false },
-  __name: "ToolbarLink",
-  setup(__props) {
-    const attrs = useAttrs();
-    const roving = useRovingFocusItem();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        "inline-flex h-8 items-center justify-center rounded-sm px-2 text-sm text-foreground underline-offset-2 transition-colors hover:bg-muted hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        attrs.class
-      )
-    );
-    function handleKeydown(event) {
-      if (event.defaultPrevented) return;
-      roving.onKeydown(event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", mergeProps({
-        ref: unref(roving).ref,
-        tabindex: unref(roving).tabindex,
-        "data-roving-focus-item": unref(roving)["data-roving-focus-item"],
-        class: rootClass.value
-      }, passthroughAttrs.value, {
-        onFocus: _cache[0] || (_cache[0] = ($event) => unref(roving).onFocus()),
-        onKeydown: handleKeydown
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$4);
-    };
-  }
-});
-const _hoisted_1$3 = ["aria-orientation"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ToolbarSeparator", inheritAttrs: false },
-  __name: "ToolbarSeparator",
-  setup(__props) {
-    const attrs = useAttrs();
-    const context = useToolbarContext();
-    const isVertical = computed(() => context.orientation === Orientation.Vertical);
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        "shrink-0 bg-border",
-        isVertical.value ? "mx-1 h-px" : "my-1 w-px self-stretch",
-        attrs.class
-      )
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        role: "separator",
-        "aria-orientation": isVertical.value ? "horizontal" : "vertical",
-        class: rootClass.value
-      }, passthroughAttrs.value), null, 16, _hoisted_1$3);
-    };
-  }
-});
-const Toolbar = Object.assign(_sfc_main$8, {
-  Button: _sfc_main$7,
-  Link: _sfc_main$6,
-  Separator: _sfc_main$5
-});
-const SpeedDialDirection = {
-  /** Refers to items stacking upward from the trigger. */
-  Up: "up",
-  /** Refers to items stacking downward from the trigger. */
-  Down: "down",
-  /** Refers to items stacking to the left of the trigger. */
-  Left: "left",
-  /** Refers to items stacking to the right of the trigger. */
-  Right: "right"
-};
-const SpeedDialKey = Symbol("wow-two.speedDial");
-function useSpeedDialContext() {
-  const context = inject(SpeedDialKey, null);
-  if (!context) throw new Error("SpeedDial.* must be used inside <SpeedDial>");
-  return context;
-}
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SpeedDialList", inheritAttrs: false },
-  __name: "SpeedDialList",
-  setup(__props) {
-    const attrs = useAttrs();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        "group absolute flex",
-        /* list fade gated on data-state; motion-safe so reduced-motion users
-           get no movement. */
-        "motion-safe:data-[state=open]:animate-(--animate-fade-in)",
-        "motion-safe:data-[state=closed]:animate-(--animate-fade-out)",
-        "motion-reduce:animate-none",
-        /* Per-item enter stagger: ramp `animation-delay` on the first few items
-           while opening only (closed → delay 0 so no item outlasts the list's
-           own fade-out, which gates unmount). */
-        "motion-safe:group-data-[state=open]:[&>li:nth-child(2)]:[animation-delay:40ms]",
-        "motion-safe:group-data-[state=open]:[&>li:nth-child(3)]:[animation-delay:80ms]",
-        "motion-safe:group-data-[state=open]:[&>li:nth-child(4)]:[animation-delay:120ms]",
-        "motion-safe:group-data-[state=open]:[&>li:nth-child(n+5)]:[animation-delay:160ms]",
-        attrs.class
-      )
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", mergeProps({
-        role: "menu",
-        class: rootClass.value
-      }, passthroughAttrs.value), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SpeedDialTrigger", inheritAttrs: false },
-  __name: "SpeedDialTrigger",
-  props: {
-    closedIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
-    openIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
-    variant: {},
-    size: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const context = useSpeedDialContext();
-    const ariaLabel = computed(() => attrs["aria-label"] ?? "Toggle actions");
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class", "aria-label"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const ClosedIconProp = defineComponent({ render: () => props.closedIcon });
-    const OpenIconProp = defineComponent({ render: () => props.openIcon });
-    const fab = useTemplateRef("fab");
-    watchPostEffect(() => {
-      const node = fab.value?.$el;
-      context.triggerEl.value = node instanceof HTMLElement ? node : null;
-    });
-    const rootClass = computed(
-      () => cn(
-        "static !bottom-auto !left-auto !right-auto !top-auto !translate-x-0",
-        attrs.class
-      )
-    );
-    function handleClick(event) {
-      if (event.defaultPrevented) return;
-      context.setOpen(!context.open);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$b, mergeProps({
-        ref_key: "fab",
-        ref: fab
-      }, passthroughAttrs.value, {
-        "aria-label": ariaLabel.value,
-        "aria-haspopup": "menu",
-        "aria-expanded": unref(context).open,
-        variant: __props.variant,
-        size: __props.size,
-        position: unref(context).position,
-        class: rootClass.value,
-        onClick: handleClick
-      }), {
-        default: withCtx(() => [
-          unref(context).open ? renderSlot(_ctx.$slots, "open-icon", {}, () => [
-            __props.openIcon !== void 0 ? (openBlock(), createBlock(unref(OpenIconProp), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$h), {
-              key: 1,
-              icon: unref(X),
-              size: 20
-            }, null, 8, ["icon"]))
-          ], void 0, 0) : renderSlot(_ctx.$slots, "closed-icon", {}, () => [
-            __props.closedIcon !== void 0 ? (openBlock(), createBlock(unref(ClosedIconProp), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$h), {
-              key: 1,
-              icon: unref(Plus),
-              size: 20
-            }, null, 8, ["icon"]))
-          ], void 0, 1)
-        ]),
-        _: 3
-      }, 16, ["aria-label", "aria-expanded", "variant", "size", "position", "class"]);
-    };
-  }
-});
-const _hoisted_1$2 = ["data-state"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SpeedDial", inheritAttrs: false },
-  __name: "SpeedDial",
-  props: {
-    position: { default: OverlayPosition.BottomRight },
-    direction: { default: void 0 },
-    isOpen: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: false },
-    gap: { default: 12 }
-  },
-  emits: ["open-change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const POSITION_TO_DIRECTION = {
-      "bottom-right": SpeedDialDirection.Up,
-      "bottom-left": SpeedDialDirection.Up,
-      "bottom-center": SpeedDialDirection.Up,
-      "top-right": SpeedDialDirection.Down,
-      "top-left": SpeedDialDirection.Down,
-      "top-center": SpeedDialDirection.Down
-    };
-    const POSITION_OFFSETS = {
-      "bottom-right": "bottom-6 right-6",
-      "bottom-left": "bottom-6 left-6",
-      "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
-      "top-right": "top-6 right-6",
-      "top-left": "top-6 left-6",
-      "top-center": "top-6 left-1/2 -translate-x-1/2"
-    };
-    const DIRECTION_TO_STACK = {
-      [SpeedDialDirection.Up]: "flex-col-reverse bottom-full mb-3",
-      [SpeedDialDirection.Down]: "flex-col top-full mt-3",
-      [SpeedDialDirection.Left]: "flex-row-reverse right-full mr-3",
-      [SpeedDialDirection.Right]: "flex-row top-1/2 -translate-y-1/2 left-full ml-3"
-    };
-    const { value: open, setValue: setOpen } = useControlled({
-      controlled: () => props.isOpen,
-      default: props.defaultOpen,
-      onChange: (next) => emit("open-change", next)
-    });
-    const rootEl = useTemplateRef("rootEl");
-    const triggerEl = shallowRef(null);
-    const resolvedDirection = computed(
-      () => props.direction ?? POSITION_TO_DIRECTION[props.position]
-    );
-    useEscape(() => {
-      setOpen(false);
-      requestAnimationFrame(() => triggerEl.value?.focus());
-    }, open);
-    useOutsideClick(
-      rootEl,
-      () => {
-        if (open.value) setOpen(false);
-      },
-      open
-    );
-    provide(SpeedDialKey, {
-      get open() {
-        return open.value;
-      },
-      setOpen,
-      triggerEl,
-      get direction() {
-        return resolvedDirection.value;
-      },
-      get position() {
-        return props.position;
-      }
-    });
-    function splitChildren(keepTrigger) {
-      return renderableChildren(slots.default?.()).filter(
-        (child) => child.type === _sfc_main$3 === keepTrigger
-      );
-    }
-    const rootClass = computed(
-      () => cn("fixed", POSITION_OFFSETS[props.position], attrs.class)
-    );
-    const stackClass = computed(() => DIRECTION_TO_STACK[resolvedDirection.value]);
-    function handleKeydown(event) {
-      if (!open.value || event.key !== Key.ArrowDown && event.key !== Key.ArrowUp) return;
-      const root = rootEl.value;
-      if (!root) return;
-      const items = Array.from(root.querySelectorAll('[role="menuitem"]'));
-      if (items.length === 0) return;
-      event.preventDefault();
-      const currentIndex = items.indexOf(document.activeElement);
-      const nextIndex = currentIndex === -1 ? event.key === Key.ArrowDown ? 0 : items.length - 1 : (currentIndex + (event.key === Key.ArrowDown ? 1 : -1) + items.length) % items.length;
-      items[nextIndex]?.focus();
-    }
-    __expose({ el: rootEl });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "rootEl",
-        ref: rootEl,
-        "data-state": unref(open) ? "open" : "closed",
-        class: rootClass.value
-      }, passthroughAttrs.value, { onKeydown: handleKeydown }), [
-        createVNode(unref(Presence), { "is-present": unref(open) }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$4, {
-              "data-direction": resolvedDirection.value,
-              style: normalizeStyle({ gap: `${__props.gap}px` }),
-              class: normalizeClass(stackClass.value)
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(splitChildren(false), (node, index) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(node), { key: index });
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["data-direction", "style", "class"])
-          ]),
-          _: 1
-        }, 8, ["is-present"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(splitChildren(true), (node, index) => {
-          return openBlock(), createBlock(resolveDynamicComponent(node), { key: index });
-        }), 128))
-      ], 16, _hoisted_1$2);
-    };
-  }
-});
-const _hoisted_1$1 = ["data-side"];
-const _hoisted_2 = {
-  key: 0,
-  class: "rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground shadow"
-};
-const _hoisted_3 = ["type"];
-const _hoisted_4 = {
-  key: 1,
-  class: "rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground shadow"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SpeedDialAction", inheritAttrs: false },
-  __name: "SpeedDialAction",
-  props: {
-    icon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
-    tooltip: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
-    type: { default: ButtonType.Button }
-  },
-  emits: ["select"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const context = useSpeedDialContext();
-    const DIRECTION_LABEL_SIDE = {
-      [SpeedDialDirection.Up]: Side.Right,
-      [SpeedDialDirection.Down]: Side.Right,
-      [SpeedDialDirection.Left]: Side.Right,
-      [SpeedDialDirection.Right]: Side.Left
-    };
-    const IconProp = defineComponent({ render: () => props.icon });
-    const TooltipProp = defineComponent({ render: () => props.tooltip });
-    const labelSide = computed(() => DIRECTION_LABEL_SIDE[context.direction]);
-    const hasTooltip = computed(() => props.tooltip !== void 0 || slots.tooltip !== void 0);
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const buttonClass = computed(
-      () => cn(
-        "inline-flex h-10 w-10 items-center justify-center rounded-full bg-card text-card-foreground shadow-md transition-all hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        attrs.class
-      )
-    );
-    function handleClick(event) {
-      if (event.defaultPrevented) return;
-      emit("select");
-      context.setOpen(false);
-      requestAnimationFrame(() => context.triggerEl.value?.focus());
-    }
-    const root = useTemplateRef("root");
-    __expose({ el: root });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        role: "none",
-        "data-side": labelSide.value,
-        class: normalizeClass(
-          unref(cn)(
-            "flex items-center gap-2",
-            /* fade+scale each action off the list's `group` state; motion-safe so
-               reduced-motion users get no movement (delay ramp lives on the list). */
-            "motion-safe:group-data-[state=open]:animate-(--animate-pop-in)",
-            "motion-safe:group-data-[state=closed]:animate-(--animate-pop-out)",
-            "motion-reduce:animate-none"
-          )
-        )
-      }, [
-        hasTooltip.value && labelSide.value === unref(Side).Left ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "tooltip", {}, () => [
-            __props.tooltip !== void 0 ? (openBlock(), createBlock(unref(TooltipProp), { key: 0 })) : createCommentVNode("", true)
-          ])
-        ])) : createCommentVNode("", true),
-        createElementVNode("button", mergeProps({
-          ref_key: "root",
-          ref: root
-        }, passthroughAttrs.value, {
-          type: __props.type,
-          role: "menuitem",
-          class: buttonClass.value,
-          onClick: handleClick
-        }), [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              __props.icon !== void 0 ? (openBlock(), createBlock(unref(IconProp), { key: 0 })) : createCommentVNode("", true)
-            ])
-          ])
-        ], 16, _hoisted_3),
-        hasTooltip.value && labelSide.value === unref(Side).Right ? (openBlock(), createElementBlock("span", _hoisted_4, [
-          renderSlot(_ctx.$slots, "tooltip", {}, () => [
-            __props.tooltip !== void 0 ? (openBlock(), createBlock(unref(TooltipProp), { key: 0 })) : createCommentVNode("", true)
-          ])
-        ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$1);
-    };
-  }
-});
-const SpeedDial = Object.assign(_sfc_main$2, {
-  Trigger: _sfc_main$3,
-  Action: _sfc_main$1
-});
-const _hoisted_1 = ["type", "aria-label"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "BackToTopButton", inheritAttrs: false },
-  __name: "BackToTopButton",
-  props: {
-    threshold: { default: 400 },
-    scrollContainer: { default: null },
-    position: { default: OverlayPosition.BottomRight },
-    label: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
-    type: { default: ButtonType.Button }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const POSITION = {
-      "bottom-right": "bottom-6 right-6",
-      "bottom-left": "bottom-6 left-6",
-      "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
-      "top-right": "top-6 right-6",
-      "top-left": "top-6 left-6",
-      "top-center": "top-6 left-1/2 -translate-x-1/2"
-    };
-    const LabelProp = defineComponent({ render: () => props.label });
-    const hasLabel = computed(() => props.label !== void 0 || slots.label !== void 0);
-    const visible = shallowRef(false);
-    watchPostEffect((onCleanup) => {
-      if (typeof window === "undefined") return;
-      const element = props.scrollContainer ?? window;
-      const read = () => {
-        const y = "scrollY" in element ? element.scrollY : element.scrollTop;
-        visible.value = y >= props.threshold;
-      };
-      read();
-      const target = element;
-      target.addEventListener("scroll", read, { passive: true });
-      onCleanup(() => target.removeEventListener("scroll", read));
-    });
-    const ariaLabel = computed(() => attrs["aria-label"] ?? "Back to top");
-    const OWNED_ATTRS = /* @__PURE__ */ new Set(["class", "aria-label"]);
-    const passthroughAttrs = computed(
-      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OWNED_ATTRS.has(key)))
-    );
-    const rootClass = computed(
-      () => cn(
-        "fixed z-banner inline-flex items-center justify-center gap-2 rounded-full bg-card text-card-foreground shadow-lg ring-1 ring-border transition-all hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        hasLabel.value ? "h-11 px-4 text-sm font-medium" : "h-11 w-11",
-        POSITION[props.position],
-        attrs.class
-      )
-    );
-    function handleClick(event) {
-      if (event.defaultPrevented) return;
-      const reducedMotion = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-      const target = props.scrollContainer ?? window;
-      if ("scrollTo" in target) {
-        target.scrollTo({ top: 0, behavior: reducedMotion ? "auto" : "smooth" });
-      }
-    }
-    const root = useTemplateRef("root");
-    __expose({ el: root });
-    return (_ctx, _cache) => {
-      return visible.value ? (openBlock(), createElementBlock("button", mergeProps({
-        key: 0,
-        ref_key: "root",
-        ref: root,
-        type: __props.type,
-        "aria-label": ariaLabel.value,
-        class: rootClass.value
-      }, passthroughAttrs.value, { onClick: handleClick }), [
-        createVNode(unref(_sfc_main$h), {
-          icon: unref(ArrowUp),
-          size: 16
-        }, null, 8, ["icon"]),
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          __props.label !== void 0 ? (openBlock(), createBlock(unref(LabelProp), { key: 0 })) : createCommentVNode("", true)
-        ])
-      ], 16, _hoisted_1)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  FabSize as F,
-  LinkSize as L,
-  SpeedDial as S,
-  Toolbar as T,
-  _sfc_main as _,
-  _sfc_main$d as a,
-  _sfc_main$a as b,
-  _sfc_main$9 as c,
-  _sfc_main$b as d,
-  FabVariant as e,
-  _sfc_main$e as f,
-  LinkVariant as g,
-  _sfc_main$c as h,
-  _sfc_main$1 as i,
-  SpeedDialDirection as j,
-  SpeedDialKey as k,
-  _sfc_main$3 as l,
-  _sfc_main$7 as m,
-  ToolbarKey as n,
-  _sfc_main$6 as o,
-  _sfc_main$5 as p,
-  fabVariants as q,
-  linkVariants as r,
-  useToolbarContext as s,
-  useSpeedDialContext as u
-};
-//# sourceMappingURL=BackToTopButton.vue_vue_type_script_setup_true_lang-iLYlhK05.js.map