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

package/dist/chunks/CharacterCountCallout.vue_vue_type_script_setup_true_lang-CJaPwXly.js

@@ -0,0 +1,2076 @@
+import { defineComponent, useAttrs, useTemplateRef, computed, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, normalizeStyle, normalizeClass, useSlots, getCurrentInstance, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, Fragment, renderList, shallowRef, ref, onMounted, watch, onUnmounted, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { c as cn } from "./Cn-CzDCF-Ah.js";
+import { tv } from "tailwind-variants";
+import { P as ProgressTone } from "./ProgressTone-BpLPUptx.js";
+import { X, Check, Minus, TrendingDown, TrendingUp } from "lucide-vue-next";
+import { _ as _sfc_main$p } from "./Icon.vue_vue_type_script_setup_true_lang-BVWSqaoe.js";
+import { S as Severity } from "./Severity-D0C5oAt-.js";
+import { _ as _sfc_main$q, S as SpinnerTone } from "./Spinner.vue_vue_type_script_setup_true_lang-jgKrZLIK.js";
+import { S as Size } from "./StyleTokens-Bkz7Dm5L.js";
+import { O as Orientation } from "./Orientation-u-sYunuG.js";
+import { S as StatusTone } from "./StatusTone-BoPK1s09.js";
+import { f as feedbackBus } from "./FeedbackBus-CTj18X4n.js";
+import { O as OverlayPosition } from "./OverlayPosition-BNybkMGG.js";
+import { s as surfaceVariants } from "./SurfaceStyles-BYLzCbuJ.js";
+import { _ as _sfc_main$r } from "./Portal.vue_vue_type_script_setup_true_lang-C2_xSIMy.js";
+import { P as Presence } from "./Presence-BwBquQOQ.js";
+import { _ as _sfc_main$s } from "./Announce.vue_vue_type_script_setup_true_lang-QM4vCs2n.js";
+import { _ as _sfc_main$t } from "./BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js";
+import { u as useReducedMotion } from "./UseReducedMotion-NZ5fg-Xb.js";
+const SkeletonStateShape = {
+  /** Refers to a rounded rectangle block. */
+  Rect: "rect",
+  /** Refers to a text line (fixed height, small radius). */
+  Text: "text",
+  /** Refers to a circle (avatar / icon placeholder). */
+  Circle: "circle"
+};
+const skeletonVariants = tv({
+  base: "animate-pulse bg-muted",
+  variants: {
+    shape: {
+      rect: "rounded-md",
+      text: "h-4 rounded-sm",
+      circle: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    shape: "rect"
+  }
+});
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...{ name: "SkeletonState", inheritAttrs: false },
+  __name: "SkeletonState",
+  props: {
+    shape: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const classes = computed(() => cn(skeletonVariants({ shape: props.shape }), attrs.class));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        "aria-hidden": "true"
+      }, rest.value, { class: classes.value }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const progressTrackVariants = tv({
+  base: "h-2 w-full overflow-hidden rounded-full bg-muted",
+  variants: {
+    size: {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const progressFillVariants = tv({
+  base: "h-full rounded-full transition-[width] duration-300",
+  variants: {
+    tone: {
+      brand: "bg-primary",
+      success: "bg-success",
+      warning: "bg-warning",
+      danger: "bg-destructive",
+      neutral: "bg-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    tone: "brand"
+  }
+});
+const _hoisted_1$h = ["aria-label", "aria-valuemax", "aria-valuenow"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProgressBar", inheritAttrs: false },
+  __name: "ProgressBar",
+  props: {
+    size: {},
+    tone: {},
+    value: {},
+    max: { default: 100 },
+    label: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const determinate = computed(() => typeof props.value === "number");
+    const pct = computed(
+      () => determinate.value ? Math.min(100, Math.max(0, (props.value ?? 0) / props.max * 100)) : void 0
+    );
+    const classes = computed(
+      () => cn(
+        progressTrackVariants({
+          /* `size` is the 5-member `Size`; the track defines only sm/md/lg.
+             Cast to the tv key type — an out-of-range value falls through to
+             the tv default. */
+          size: props.size
+        }),
+        attrs.class
+      )
+    );
+    const fillClasses = computed(
+      () => cn(
+        progressFillVariants({ tone: props.tone }),
+        !determinate.value && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "progressbar",
+        "aria-label": props.label,
+        "aria-valuemin": 0,
+        "aria-valuemax": props.max,
+        "aria-valuenow": determinate.value ? props.value : void 0
+      }, rest.value, { class: classes.value }), [
+        createElementVNode("div", {
+          class: normalizeClass(fillClasses.value),
+          style: normalizeStyle(determinate.value ? { width: `${pct.value}%` } : void 0)
+        }, null, 6)
+      ], 16, _hoisted_1$h);
+    };
+  }
+});
+const _hoisted_1$g = ["aria-label", "aria-valuemax", "aria-valuenow"];
+const _hoisted_2$a = ["width", "height", "viewBox"];
+const _hoisted_3$6 = ["cx", "cy", "r", "stroke-width"];
+const _hoisted_4$4 = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProgressCircleIndicator", inheritAttrs: false },
+  __name: "ProgressCircleIndicator",
+  props: {
+    value: {},
+    max: { default: 100 },
+    size: { default: 40 },
+    thickness: { default: 4 },
+    tone: { default: ProgressTone.Brand },
+    label: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const ToneClass2 = {
+      brand: "text-primary",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-destructive",
+      neutral: "text-muted-foreground"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const determinate = computed(() => typeof props.value === "number");
+    const radius = computed(() => (props.size - props.thickness) / 2);
+    const circumference = computed(() => 2 * Math.PI * radius.value);
+    const pct = computed(
+      () => determinate.value ? Math.min(100, Math.max(0, (props.value ?? 0) / props.max * 100)) : 25
+    );
+    const offset = computed(() => circumference.value - pct.value / 100 * circumference.value);
+    const classes = computed(
+      () => cn("inline-block", !determinate.value && "animate-spin", ToneClass2[props.tone], attrs.class)
+    );
+    const boxStyle = computed(() => ({ width: `${props.size}px`, height: `${props.size}px` }));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "progressbar",
+        "aria-label": props.label,
+        "aria-valuemin": 0,
+        "aria-valuemax": props.max,
+        "aria-valuenow": determinate.value ? props.value : void 0,
+        style: boxStyle.value
+      }, rest.value, { class: classes.value }), [
+        (openBlock(), createElementBlock("svg", {
+          width: props.size,
+          height: props.size,
+          viewBox: `0 0 ${props.size} ${props.size}`
+        }, [
+          createElementVNode("circle", {
+            cx: props.size / 2,
+            cy: props.size / 2,
+            r: radius.value,
+            stroke: "currentColor",
+            "stroke-width": props.thickness,
+            fill: "none",
+            opacity: 0.2
+          }, null, 8, _hoisted_3$6),
+          createElementVNode("circle", {
+            cx: props.size / 2,
+            cy: props.size / 2,
+            r: radius.value,
+            stroke: "currentColor",
+            "stroke-width": props.thickness,
+            "stroke-linecap": "round",
+            fill: "none",
+            "stroke-dasharray": circumference.value,
+            "stroke-dashoffset": offset.value,
+            transform: `rotate(-90 ${props.size / 2} ${props.size / 2})`,
+            style: { transition: "stroke-dashoffset 300ms ease" }
+          }, null, 8, _hoisted_4$4)
+        ], 8, _hoisted_2$a))
+      ], 16, _hoisted_1$g);
+    };
+  }
+});
+const alertSimpleVariants = tv({
+  base: "rounded-md border px-4 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "border-info-soft bg-info-soft text-info-soft-foreground",
+      success: "border-success-soft bg-success-soft text-success-soft-foreground",
+      warning: "border-warning-soft bg-warning-soft text-warning-soft-foreground",
+      danger: "border-destructive-soft bg-destructive-soft text-destructive-soft-foreground",
+      neutral: "border-border bg-muted text-foreground"
+    }
+  },
+  defaultVariants: {
+    severity: "info"
+  }
+});
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...{ name: "AlertSimple", inheritAttrs: false },
+  __name: "AlertSimple",
+  props: {
+    severity: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const classes = computed(
+      () => cn(alertSimpleVariants({ severity: props.severity }), attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status"
+      }, rest.value, { class: classes.value }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const bannerSimpleVariants = tv({
+  base: "w-full px-6 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "bg-info text-info-foreground",
+      success: "bg-success text-success-foreground",
+      warning: "bg-warning text-warning-foreground",
+      danger: "bg-destructive text-destructive-foreground",
+      neutral: "bg-inverse text-inverse-foreground"
+    }
+  },
+  defaultVariants: {
+    severity: "info"
+  }
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...{ name: "BannerSimple", inheritAttrs: false },
+  __name: "BannerSimple",
+  props: {
+    severity: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const classes = computed(
+      () => cn(bannerSimpleVariants({ severity: props.severity }), attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status"
+      }, rest.value, { class: classes.value }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...{ name: "ToastSimple", inheritAttrs: false },
+  __name: "ToastSimple",
+  props: {
+    severity: { default: "neutral" }
+  },
+  setup(__props, { expose: __expose }) {
+    const SeverityToTone = {
+      info: "info",
+      success: "success",
+      warning: "warning",
+      danger: "danger",
+      neutral: "neutral"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const classes = computed(
+      () => cn(
+        "pointer-events-auto text-sm",
+        surfaceVariants({
+          variant: "surface",
+          tone: SeverityToTone[props.severity],
+          radius: "md",
+          padding: "md",
+          elevation: 3
+        }),
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status",
+        "aria-live": "polite"
+      }, rest.value, { class: classes.value }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const toastSimpleVariants = tv({
+  base: "pointer-events-auto rounded-md border bg-popover text-popover-foreground shadow-lg px-4 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "border-info-soft",
+      success: "border-success-soft",
+      warning: "border-warning-soft",
+      danger: "border-destructive-soft",
+      neutral: "border-border"
+    }
+  },
+  defaultVariants: {
+    severity: "neutral"
+  }
+});
+const _hoisted_1$f = {
+  key: 0,
+  class: "mt-0.5 shrink-0"
+};
+const _hoisted_2$9 = { class: "min-w-0 flex-1" };
+const _hoisted_3$5 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_4$3 = {
+  key: 2,
+  class: "mt-2 flex flex-wrap items-center gap-2"
+};
+const _hoisted_5$2 = ["aria-label"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...{ name: "Alert", inheritAttrs: false },
+  __name: "Alert",
+  props: {
+    severity: {},
+    icon: {},
+    title: {},
+    description: {},
+    actions: {},
+    closeLabel: { default: "Dismiss" }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const CloseIcon = X;
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const instance = getCurrentInstance();
+    const inner = useTemplateRef("inner");
+    const hasClose = () => Boolean(instance?.vnode.props?.onClose);
+    const hasIcon = computed(() => Boolean(props.icon) || Boolean(slots.icon));
+    const hasTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
+    const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
+    const hasActions = computed(() => Boolean(props.actions) || Boolean(slots.actions));
+    const classes = computed(() => cn("flex items-start gap-3", attrs.class));
+    const descriptionClasses = computed(() => cn("text-sm", hasTitle.value && "mt-0.5 opacity-90"));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    const el = computed(() => inner.value?.el ?? null);
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$l, mergeProps({
+        ref_key: "inner",
+        ref: inner,
+        severity: props.severity
+      }, rest.value, { class: classes.value }), {
+        default: withCtx(() => [
+          hasIcon.value ? (openBlock(), createElementBlock("span", _hoisted_1$f, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              createTextVNode(toDisplayString(props.icon), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2$9, [
+            hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(props.title), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            hasDescription.value ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(descriptionClasses.value)
+            }, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString(props.description), 1)
+              ])
+            ], 2)) : createCommentVNode("", true),
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+              renderSlot(_ctx.$slots, "actions", {}, () => [
+                createTextVNode(toDisplayString(props.actions), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          hasClose() ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            type: "button",
+            "aria-label": props.closeLabel,
+            class: "-mr-1 grid h-6 w-6 shrink-0 place-items-center rounded text-current opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-current",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+          }, [
+            createVNode(unref(_sfc_main$p), {
+              icon: unref(CloseIcon),
+              size: 14
+            }, null, 8, ["icon"])
+          ], 8, _hoisted_5$2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["severity", "class"]);
+    };
+  }
+});
+const _hoisted_1$e = {
+  key: 0,
+  class: "shrink-0"
+};
+const _hoisted_2$8 = { class: "flex min-w-0 flex-1 items-baseline gap-3" };
+const _hoisted_3$4 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_4$2 = {
+  key: 1,
+  class: "opacity-90"
+};
+const _hoisted_5$1 = {
+  key: 1,
+  class: "flex shrink-0 items-center gap-2"
+};
+const _hoisted_6 = ["aria-label"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...{ name: "Banner", inheritAttrs: false },
+  __name: "Banner",
+  props: {
+    severity: {},
+    icon: {},
+    title: {},
+    description: {},
+    actions: {},
+    closeLabel: { default: "Dismiss" }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const CloseIcon = X;
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const instance = getCurrentInstance();
+    const inner = useTemplateRef("inner");
+    const hasClose = () => Boolean(instance?.vnode.props?.onClose);
+    const hasIcon = computed(() => Boolean(props.icon) || Boolean(slots.icon));
+    const hasTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
+    const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
+    const hasActions = computed(() => Boolean(props.actions) || Boolean(slots.actions));
+    const classes = computed(() => cn("flex items-center gap-4", attrs.class));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    const el = computed(() => inner.value?.el ?? null);
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$k, mergeProps({
+        ref_key: "inner",
+        ref: inner,
+        severity: props.severity
+      }, rest.value, { class: classes.value }), {
+        default: withCtx(() => [
+          hasIcon.value ? (openBlock(), createElementBlock("span", _hoisted_1$e, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              createTextVNode(toDisplayString(props.icon), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2$8, [
+            hasTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(props.title), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString(props.description), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+            renderSlot(_ctx.$slots, "actions", {}, () => [
+              createTextVNode(toDisplayString(props.actions), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          hasClose() ? (openBlock(), createElementBlock("button", {
+            key: 2,
+            type: "button",
+            "aria-label": props.closeLabel,
+            class: "-mr-2 grid h-7 w-7 shrink-0 place-items-center rounded text-current opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-current",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+          }, [
+            createVNode(unref(_sfc_main$p), {
+              icon: unref(CloseIcon),
+              size: 16
+            }, null, 8, ["icon"])
+          ], 8, _hoisted_6)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["severity", "class"]);
+    };
+  }
+});
+const _hoisted_1$d = {
+  key: 0,
+  class: "mt-0.5 shrink-0"
+};
+const _hoisted_2$7 = { class: "min-w-0 flex-1" };
+const _hoisted_3$3 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_4$1 = {
+  key: 2,
+  class: "mt-2 flex flex-wrap items-center gap-2"
+};
+const _hoisted_5 = ["aria-label"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{ name: "Toast", inheritAttrs: false },
+  __name: "Toast",
+  props: {
+    severity: {},
+    icon: {},
+    title: {},
+    description: {},
+    actions: {},
+    closeLabel: { default: "Dismiss" }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const CloseIcon = X;
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const instance = getCurrentInstance();
+    const inner = useTemplateRef("inner");
+    const hasClose = () => Boolean(instance?.vnode.props?.onClose);
+    const hasIcon = computed(() => Boolean(props.icon) || Boolean(slots.icon));
+    const hasTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
+    const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
+    const hasActions = computed(() => Boolean(props.actions) || Boolean(slots.actions));
+    const classes = computed(() => cn("flex items-start gap-3", attrs.class));
+    const descriptionClasses = computed(() => cn("text-sm", hasTitle.value && "mt-0.5 text-muted-foreground"));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    const el = computed(() => inner.value?.el ?? null);
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$j, mergeProps({
+        ref_key: "inner",
+        ref: inner,
+        severity: props.severity
+      }, rest.value, { class: classes.value }), {
+        default: withCtx(() => [
+          hasIcon.value ? (openBlock(), createElementBlock("span", _hoisted_1$d, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              createTextVNode(toDisplayString(props.icon), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2$7, [
+            hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(props.title), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            hasDescription.value ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(descriptionClasses.value)
+            }, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString(props.description), 1)
+              ])
+            ], 2)) : createCommentVNode("", true),
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              renderSlot(_ctx.$slots, "actions", {}, () => [
+                createTextVNode(toDisplayString(props.actions), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          hasClose() ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            type: "button",
+            "aria-label": props.closeLabel,
+            class: "-mr-1 grid h-6 w-6 shrink-0 place-items-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+          }, [
+            createVNode(unref(_sfc_main$p), {
+              icon: unref(CloseIcon),
+              size: 14
+            }, null, 8, ["icon"])
+          ], 8, _hoisted_5)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["severity", "class"]);
+    };
+  }
+});
+const _hoisted_1$c = {
+  key: 0,
+  class: "mt-0.5 shrink-0"
+};
+const _hoisted_2$6 = { class: "min-w-0 flex-1" };
+const _hoisted_3$2 = {
+  key: 0,
+  class: "mb-0.5 font-medium"
+};
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{ name: "Callout", inheritAttrs: false },
+  __name: "Callout",
+  props: {
+    severity: { default: Severity.Info },
+    icon: {},
+    title: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const SeverityClass = {
+      info: "border-l-info text-foreground",
+      success: "border-l-success text-foreground",
+      warning: "border-l-warning text-foreground",
+      danger: "border-l-destructive text-foreground",
+      neutral: "border-l-border text-foreground"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const hasIcon = computed(() => Boolean(props.icon) || Boolean(slots.icon));
+    const hasTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
+    const classes = computed(
+      () => cn(
+        "flex items-start gap-3 rounded-md border-l-4 bg-card px-4 py-3 text-sm",
+        SeverityClass[props.severity],
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el
+      }, rest.value, { class: classes.value }), [
+        hasIcon.value ? (openBlock(), createElementBlock("span", _hoisted_1$c, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createTextVNode(toDisplayString(props.icon), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$6, [
+          hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(props.title), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 16);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{ name: "InlineSpinner", inheritAttrs: false },
+  __name: "InlineSpinner",
+  props: {
+    size: { default: "sm" },
+    tone: { default: "default" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const classes = computed(
+      () => cn("inline-flex items-center gap-2 text-sm text-muted-foreground", attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        ref_key: "el",
+        ref: el
+      }, rest.value, { class: classes.value }), [
+        createVNode(_sfc_main$q, {
+          size: props.size,
+          tone: props.tone
+        }, null, 8, ["size", "tone"]),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          _cache[0] || (_cache[0] = createTextVNode("Loading…", -1))
+        ])
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$b = {
+  key: 0,
+  class: "text-sm font-medium text-foreground"
+};
+const _hoisted_2$5 = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "LoadingState", inheritAttrs: false },
+  __name: "LoadingState",
+  props: {
+    title: { default: "Loading…" },
+    description: {},
+    size: { default: Size.Lg }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const hasTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
+    const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
+    const classes = computed(
+      () => cn("flex flex-col items-center justify-center gap-3 py-12 text-center", attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status"
+      }, rest.value, { class: classes.value }), [
+        createVNode(_sfc_main$q, {
+          size: props.size,
+          tone: "brand"
+        }, null, 8, ["size"]),
+        hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(props.title), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        hasDescription.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createTextVNode(toDisplayString(props.description), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$a = ["aria-current"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProgressStepsIndicator", inheritAttrs: false },
+  __name: "ProgressStepsIndicator",
+  props: {
+    steps: {},
+    current: {},
+    orientation: { default: Orientation.Horizontal }
+  },
+  setup(__props, { expose: __expose }) {
+    const CheckIcon = Check;
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const isHorizontal = computed(() => props.orientation === Orientation.Horizontal);
+    const classes = computed(
+      () => cn("flex", isHorizontal.value ? "flex-row items-center gap-2" : "flex-col gap-3", attrs.class)
+    );
+    const statusAt = (i) => i < props.current ? "complete" : i === props.current ? "current" : "upcoming";
+    const itemClasses = (i) => cn("flex items-center gap-2", isHorizontal.value && i < props.steps.length - 1 && "flex-1");
+    const markerClasses = (i) => {
+      const status = statusAt(i);
+      return cn(
+        "grid h-7 w-7 place-items-center rounded-full text-xs font-medium",
+        status === "complete" && "bg-primary text-primary-foreground",
+        status === "current" && "border-2 border-primary text-primary",
+        status === "upcoming" && "border border-border text-muted-foreground"
+      );
+    };
+    const labelClasses = (i) => cn("text-sm", statusAt(i) === "upcoming" ? "text-muted-foreground" : "text-foreground");
+    const connectorClasses = (i) => cn("h-px flex-1", i < props.current ? "bg-primary" : "bg-border");
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ol", mergeProps({
+        ref_key: "el",
+        ref: el
+      }, rest.value, { class: classes.value }), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (label, i) => {
+          return openBlock(), createElementBlock("li", {
+            key: i,
+            class: normalizeClass(itemClasses(i))
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(markerClasses(i)),
+              "aria-current": statusAt(i) === "current" ? "step" : void 0
+            }, [
+              statusAt(i) === "complete" ? (openBlock(), createBlock(unref(_sfc_main$p), {
+                key: 0,
+                icon: unref(CheckIcon),
+                size: 14
+              }, null, 8, ["icon"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(i + 1), 1)
+              ], 64))
+            ], 10, _hoisted_1$a),
+            createElementVNode("span", {
+              class: normalizeClass(labelClasses(i))
+            }, toDisplayString(label), 3),
+            isHorizontal.value && i < props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(connectorClasses(i)),
+              "aria-hidden": "true"
+            }, null, 2)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$9 = { class: "relative mt-1 inline-flex" };
+const _hoisted_2$4 = { class: "min-w-0 flex-1" };
+const _hoisted_3$1 = { class: "text-sm font-medium text-foreground" };
+const _hoisted_4 = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "StatusIndicator", inheritAttrs: false },
+  __name: "StatusIndicator",
+  props: {
+    tone: { default: StatusTone.Success },
+    label: {},
+    description: {},
+    hasPulse: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const ToneClass2 = {
+      success: "bg-success",
+      warning: "bg-warning",
+      destructive: "bg-destructive",
+      info: "bg-info",
+      neutral: "bg-muted-foreground"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
+    const dotClasses = computed(() => cn("inline-block h-2.5 w-2.5 rounded-full", ToneClass2[props.tone]));
+    const pulseClasses = computed(
+      () => cn("absolute inset-0 inline-block rounded-full opacity-75 animate-ping", ToneClass2[props.tone])
+    );
+    const classes = computed(() => cn("flex items-start gap-3", attrs.class));
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el
+      }, rest.value, { class: classes.value }), [
+        createElementVNode("span", _hoisted_1$9, [
+          createElementVNode("span", {
+            class: normalizeClass(dotClasses.value)
+          }, null, 2),
+          props.hasPulse ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(pulseClasses.value)
+          }, null, 2)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_3$1, [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(props.label), 1)
+            ])
+          ]),
+          hasDescription.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(props.description), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$8 = ["aria-label", "aria-valuemax", "aria-valuenow"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{ name: "MeterBar", inheritAttrs: false },
+  __name: "MeterBar",
+  props: {
+    value: {},
+    max: { default: 100 },
+    thresholds: {},
+    size: { default: Size.Md },
+    label: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const TrackHeight = {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const tone = computed(() => {
+      const [good, warn] = props.thresholds ?? [props.max * 0.7, props.max * 0.9];
+      return props.value <= good ? "bg-success" : props.value <= warn ? "bg-warning" : "bg-destructive";
+    });
+    const pct = computed(() => Math.min(100, Math.max(0, props.value / props.max * 100)));
+    const classes = computed(
+      () => cn(
+        "w-full overflow-hidden rounded-full bg-muted",
+        TrackHeight[props.size] ?? TrackHeight.md,
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "meter",
+        "aria-label": props.label,
+        "aria-valuemin": 0,
+        "aria-valuemax": props.max,
+        "aria-valuenow": props.value
+      }, rest.value, { class: classes.value }), [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cn)("h-full rounded-full transition-[width] duration-300", tone.value)),
+          style: normalizeStyle({ width: `${pct.value}%` })
+        }, null, 6)
+      ], 16, _hoisted_1$8);
+    };
+  }
+});
+const _hoisted_1$7 = {
+  key: 0,
+  class: "text-muted-foreground"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{ name: "TrendIndicator", inheritAttrs: false },
+  __name: "TrendIndicator",
+  props: {
+    value: {},
+    format: {},
+    isInverse: { type: Boolean },
+    label: {},
+    size: { default: Size.Sm }
+  },
+  setup(__props, { expose: __expose }) {
+    const SizeText = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base"
+    };
+    const SizeIcon = {
+      xs: 12,
+      sm: 14,
+      md: 16
+    };
+    const DirectionIcon = {
+      up: TrendingUp,
+      down: TrendingDown,
+      flat: Minus
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const direction = computed(() => props.value > 0 ? "up" : props.value < 0 ? "down" : "flat");
+    const positive = computed(
+      () => direction.value === "flat" ? false : direction.value === "up" !== Boolean(props.isInverse)
+    );
+    const tone = computed(
+      () => direction.value === "flat" ? "text-muted-foreground" : positive.value ? "text-success" : "text-destructive"
+    );
+    const arrow = computed(() => DirectionIcon[direction.value]);
+    const display = computed(
+      () => props.format ? props.format(props.value) : `${props.value > 0 ? "+" : ""}${props.value}%`
+    );
+    const iconSize = computed(() => SizeIcon[props.size] ?? SizeIcon.md);
+    const hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label));
+    const classes = computed(
+      () => cn(
+        "inline-flex items-center gap-1 font-medium",
+        SizeText[props.size] ?? SizeText.md,
+        tone.value,
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        ref_key: "el",
+        ref: el
+      }, rest.value, { class: classes.value }), [
+        createVNode(unref(_sfc_main$p), {
+          icon: arrow.value,
+          size: iconSize.value
+        }, null, 8, ["icon", "size"]),
+        renderSlot(_ctx.$slots, "value", {
+          value: props.value,
+          display: display.value
+        }, () => [
+          createTextVNode(toDisplayString(display.value), 1)
+        ]),
+        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_1$7, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(props.label), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$6 = ["onVnodeUnmounted"];
+function normalizeContent(content) {
+  return typeof content === "string" ? { title: content } : content;
+}
+class ToastHostStore {
+  items = [];
+  listeners = /* @__PURE__ */ new Set();
+  idSeq = 0;
+  toast(opts) {
+    if (opts.key !== void 0) {
+      const existing = this.items.find((t) => t.key === opts.key);
+      if (existing) {
+        this.update(existing.id, opts);
+        return existing.id;
+      }
+    }
+    const id = `t_${++this.idSeq}`;
+    this.items = [...this.items, { id, ...opts, nonce: 0 }];
+    this.emit();
+    return id;
+  }
+  /** Merges a patch into an existing toast (content + severity + duration), refreshing its timer. */
+  update(id, patch) {
+    this.items = this.items.map((t) => t.id === id ? { ...t, ...patch, nonce: t.nonce + 1 } : t);
+    this.emit();
+  }
+  /** Shows a sticky loading toast, updated in place to success / error when `promise` settles. Returns `promise`. */
+  promise(promise, opts) {
+    const id = this.toast({ ...normalizeContent(opts.loading), severity: "info", duration: Infinity });
+    const settle = (content, severity) => this.update(id, { ...normalizeContent(content), severity, duration: opts.duration });
+    promise.then(
+      (value) => settle(typeof opts.success === "function" ? opts.success(value) : opts.success, "success"),
+      (err) => settle(typeof opts.error === "function" ? opts.error(err) : opts.error, "danger")
+    );
+    return promise;
+  }
+  dismiss(id) {
+    const entry = this.items.find((t) => t.id === id);
+    this.items = this.items.filter((t) => t.id !== id);
+    entry?.onDismiss?.();
+    this.emit();
+  }
+  dismissAll() {
+    const gone = this.items;
+    this.items = [];
+    for (const t of gone) t.onDismiss?.();
+    this.emit();
+  }
+  subscribe(fn) {
+    this.listeners.add(fn);
+    fn(this.items);
+    return () => {
+      this.listeners.delete(fn);
+    };
+  }
+  emit() {
+    for (const fn of this.listeners) fn(this.items);
+  }
+}
+const toastHost = new ToastHostStore();
+function useToastHost() {
+  return {
+    toast: (opts) => toastHost.toast(opts),
+    update: (id, patch) => toastHost.update(id, patch),
+    promise: (promise, opts) => toastHost.promise(promise, opts),
+    dismiss: (id) => toastHost.dismiss(id),
+    dismissAll: () => toastHost.dismissAll()
+  };
+}
+const PositionClasses = {
+  "top-right": "top-4 right-4 items-end",
+  "top-left": "top-4 left-4 items-start",
+  "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
+  "bottom-right": "bottom-4 right-4 items-end",
+  "bottom-left": "bottom-4 left-4 items-start",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center"
+};
+const MotionClasses = {
+  "top-right": "motion-safe:data-[state=open]:animate-(--animate-slide-in-right) motion-safe:data-[state=closed]:animate-(--animate-slide-out-right) motion-reduce:animate-none",
+  "top-left": "motion-safe:data-[state=open]:animate-(--animate-slide-in-left) motion-safe:data-[state=closed]:animate-(--animate-slide-out-left) motion-reduce:animate-none",
+  "top-center": "motion-safe:data-[state=open]:animate-(--animate-slide-in-top) motion-safe:data-[state=closed]:animate-(--animate-slide-out-top) motion-reduce:animate-none",
+  "bottom-right": "motion-safe:data-[state=open]:animate-(--animate-slide-in-right) motion-safe:data-[state=closed]:animate-(--animate-slide-out-right) motion-reduce:animate-none",
+  "bottom-left": "motion-safe:data-[state=open]:animate-(--animate-slide-in-left) motion-safe:data-[state=closed]:animate-(--animate-slide-out-left) motion-reduce:animate-none",
+  "bottom-center": "motion-safe:data-[state=open]:animate-(--animate-slide-in-bottom) motion-safe:data-[state=closed]:animate-(--animate-slide-out-bottom) motion-reduce:animate-none"
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ToastHost", inheritAttrs: false },
+  __name: "ToastHost",
+  props: {
+    position: { default: OverlayPosition.BottomRight },
+    max: { default: 5 },
+    defaultDuration: { default: 5e3 },
+    canPauseOnHover: { type: Boolean, default: true },
+    gap: { default: 8 }
+  },
+  setup(__props) {
+    const ToastNodeView = defineComponent({
+      name: "ToastNodeView",
+      props: { node: { type: [String, Object], required: true } },
+      setup: (nodeProps) => () => nodeProps.node
+    });
+    const props = __props;
+    const attrs = useAttrs();
+    const items = shallowRef([]);
+    const paused = ref(false);
+    const timers = /* @__PURE__ */ new Map();
+    const remaining = /* @__PURE__ */ new Map();
+    const startedAt = /* @__PURE__ */ new Map();
+    const nonces = /* @__PURE__ */ new Map();
+    let unsubscribe;
+    onMounted(() => {
+      unsubscribe = toastHost.subscribe((next) => {
+        items.value = next;
+      });
+    });
+    const visible = computed(
+      () => items.value.slice(0, props.max).map((t) => ({
+        ...t,
+        resolvedDuration: t.duration ?? props.defaultDuration
+      }))
+    );
+    const visibleIds = computed(() => new Set(visible.value.map((v) => v.id)));
+    const exiting = shallowRef([]);
+    let prevVisible = [];
+    watch(
+      visibleIds,
+      (ids) => {
+        const gone = prevVisible.filter((p) => !ids.has(p.id));
+        prevVisible = visible.value;
+        const current = exiting.value;
+        const known = new Set(current.map((e) => e.id));
+        const merged = [...current, ...gone.filter((g) => !known.has(g.id))].filter((e) => !ids.has(e.id));
+        if (merged.length !== current.length || !merged.every((e, i) => e.id === current[i]?.id)) {
+          exiting.value = merged;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    const removeExiting = (id) => {
+      exiting.value = exiting.value.filter((e) => e.id !== id);
+    };
+    const rendered = computed(() => [
+      ...visible.value.map((v) => ({ ...v, present: true })),
+      ...exiting.value.map((e) => ({ ...e, present: false }))
+    ]);
+    const latestTitle = computed(() => {
+      const last = visible.value[visible.value.length - 1];
+      if (typeof last?.title === "string") return last.title;
+      if (typeof last?.description === "string") return last.description;
+      return "";
+    });
+    watch(
+      [items, () => props.max, () => props.defaultDuration, paused],
+      () => {
+        const ids = visibleIds.value;
+        for (const [id, handle] of timers) {
+          if (!ids.has(id)) {
+            window.clearTimeout(handle);
+            timers.delete(id);
+            remaining.delete(id);
+            startedAt.delete(id);
+          }
+        }
+        for (const id of nonces.keys()) {
+          if (!ids.has(id)) nonces.delete(id);
+        }
+        if (paused.value) return;
+        for (const v of visible.value) {
+          const seen = nonces.get(v.id);
+          if (seen !== void 0 && seen !== v.nonce) {
+            const handle = timers.get(v.id);
+            if (handle !== void 0) window.clearTimeout(handle);
+            timers.delete(v.id);
+            remaining.delete(v.id);
+            startedAt.delete(v.id);
+          }
+          nonces.set(v.id, v.nonce);
+        }
+        for (const v of visible.value) {
+          if (v.resolvedDuration === Infinity) continue;
+          if (timers.has(v.id)) continue;
+          const left = remaining.get(v.id) ?? v.resolvedDuration;
+          const handle = window.setTimeout(() => {
+            toastHost.dismiss(v.id);
+          }, left);
+          timers.set(v.id, handle);
+          startedAt.set(v.id, Date.now());
+          remaining.set(v.id, left);
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    onUnmounted(() => {
+      unsubscribe?.();
+      for (const handle of timers.values()) window.clearTimeout(handle);
+      timers.clear();
+    });
+    const handlePause = () => {
+      if (!props.canPauseOnHover || paused.value) return;
+      paused.value = true;
+      for (const [id, handle] of timers) {
+        window.clearTimeout(handle);
+        const start = startedAt.get(id) ?? Date.now();
+        const previous = remaining.get(id) ?? 0;
+        const elapsed = Date.now() - start;
+        remaining.set(id, Math.max(0, previous - elapsed));
+      }
+      timers.clear();
+    };
+    const handleResume = () => {
+      if (!props.canPauseOnHover || !paused.value) return;
+      paused.value = false;
+    };
+    const stackClasses = computed(
+      () => cn(
+        "pointer-events-none fixed z-toast flex flex-col",
+        PositionClasses[props.position],
+        attrs.class
+      )
+    );
+    const itemClasses = computed(() => cn("pointer-events-auto w-80", MotionClasses[props.position]));
+    const stackStyle = computed(() => ({ gap: `${props.gap}px` }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$r), null, {
+        default: withCtx(() => [
+          rendered.value.length > 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            "aria-label": "Notifications",
+            style: normalizeStyle(stackStyle.value),
+            class: normalizeClass(stackClasses.value),
+            onMouseenter: handlePause,
+            onMouseleave: handleResume,
+            onFocus: handlePause,
+            onBlur: handleResume
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(rendered.value, (t) => {
+              return openBlock(), createBlock(unref(Presence), {
+                key: t.id,
+                "is-present": t.present
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(itemClasses.value),
+                    onVnodeUnmounted: ($event) => t.present ? void 0 : removeExiting(t.id)
+                  }, [
+                    t.content ? (openBlock(), createBlock(unref(ToastNodeView), {
+                      key: 0,
+                      node: t.content
+                    }, null, 8, ["node"])) : (openBlock(), createBlock(_sfc_main$g, {
+                      key: 1,
+                      severity: t.severity,
+                      onClose: ($event) => unref(toastHost).dismiss(t.id)
+                    }, createSlots({ _: 2 }, [
+                      t.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          createVNode(unref(ToastNodeView), {
+                            node: t.icon
+                          }, null, 8, ["node"])
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      t.title ? {
+                        name: "title",
+                        fn: withCtx(() => [
+                          createVNode(unref(ToastNodeView), {
+                            node: t.title
+                          }, null, 8, ["node"])
+                        ]),
+                        key: "1"
+                      } : void 0,
+                      t.description ? {
+                        name: "description",
+                        fn: withCtx(() => [
+                          createVNode(unref(ToastNodeView), {
+                            node: t.description
+                          }, null, 8, ["node"])
+                        ]),
+                        key: "2"
+                      } : void 0,
+                      t.action ? {
+                        name: "actions",
+                        fn: withCtx(() => [
+                          createVNode(unref(ToastNodeView), {
+                            node: t.action
+                          }, null, 8, ["node"])
+                        ]),
+                        key: "3"
+                      } : void 0
+                    ]), 1032, ["severity", "onClose"]))
+                  ], 10, _hoisted_1$6)
+                ]),
+                _: 2
+              }, 1032, ["is-present"]);
+            }), 128))
+          ], 38)) : createCommentVNode("", true),
+          createVNode(unref(_sfc_main$s), { politeness: "polite" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(latestTitle.value), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+function toToastOptions(notice) {
+  return {
+    title: notice.title,
+    description: notice.description,
+    severity: notice.tone,
+    duration: notice.durationMs,
+    action: notice.action
+  };
+}
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{ name: "FeedbackToastHost", inheritAttrs: false },
+  __name: "FeedbackToastHost",
+  props: {
+    bus: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const bus = computed(() => props.bus ?? feedbackBus);
+    watch(
+      bus,
+      (current, _previous, onCleanup) => {
+        if (typeof document === "undefined") return;
+        onCleanup(
+          current.subscribe((notice) => {
+            toastHost.toast(toToastOptions(notice));
+          })
+        );
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$8, normalizeProps(guardReactiveProps(unref(attrs))), null, 16);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "text-sm text-foreground"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LoadingOverlay", inheritAttrs: false },
+  __name: "LoadingOverlay",
+  props: {
+    isOpen: { type: Boolean, default: true },
+    label: { default: "Loading…" },
+    isInline: { type: Boolean, default: false },
+    hasBlur: { type: Boolean, default: false },
+    spinnerSize: { default: Size.Lg },
+    spinnerTone: { default: SpinnerTone.Brand }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label));
+    const spinnerLabel = computed(() => props.label || "Loading");
+    const classes = computed(
+      () => cn(
+        "flex flex-col items-center justify-center gap-3",
+        "motion-safe:data-[state=isOpen]:animate-(--animate-fade-in)",
+        "motion-safe:data-[state=closed]:animate-(--animate-fade-out)",
+        "motion-reduce:animate-none",
+        props.isInline ? ["absolute inset-0 z-banner bg-background/70", props.hasBlur && "backdrop-blur-sm"] : "fixed inset-0 z-modal pointer-events-none",
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        !props.isInline ? (openBlock(), createBlock(_sfc_main$t, {
+          key: 0,
+          isOpen: props.isOpen,
+          "is-blurred": props.hasBlur,
+          class: "bg-background/70"
+        }, null, 8, ["isOpen", "is-blurred"])) : createCommentVNode("", true),
+        createVNode(unref(Presence), {
+          "is-present": props.isOpen
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", mergeProps({
+              ref_key: "el",
+              ref: el,
+              role: "status"
+            }, rest.value, { class: classes.value }), [
+              createVNode(_sfc_main$q, {
+                size: props.spinnerSize,
+                tone: props.spinnerTone,
+                label: spinnerLabel.value
+              }, null, 8, ["size", "tone", "label"]),
+              hasLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+                renderSlot(_ctx.$slots, "label", {}, () => [
+                  createTextVNode(toDisplayString(props.label), 1)
+                ])
+              ])) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "default")
+            ], 16)
+          ]),
+          _: 3
+        }, 8, ["is-present"])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "flex-1" };
+const _hoisted_2$3 = {
+  key: 1,
+  class: "absolute bottom-0 left-0 h-0.5 w-full bg-border"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "UndoBar", inheritAttrs: false },
+  __name: "UndoBar",
+  props: {
+    open: { type: Boolean },
+    message: {},
+    undoLabel: { default: "Undo" },
+    duration: { default: 5e3 },
+    canPauseOnHover: { type: Boolean, default: true },
+    position: { default: OverlayPosition.BottomCenter },
+    hasCountdown: { type: Boolean, default: false }
+  },
+  emits: ["update:open", "undo"],
+  setup(__props, { emit: __emit }) {
+    const PositionClass = {
+      "top-right": "top-4 right-4",
+      "top-left": "top-4 left-4",
+      "top-center": "top-4 left-1/2 -translate-x-1/2",
+      "bottom-right": "bottom-4 right-4",
+      "bottom-left": "bottom-4 left-4",
+      "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+    };
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const instance = getCurrentInstance();
+    const hasUndo = () => Boolean(instance?.vnode.props?.onUndo);
+    const progress = ref(1);
+    const paused = ref(false);
+    let start = 0;
+    let remaining = props.duration;
+    let raf = null;
+    watch(
+      [() => props.open, () => props.duration, paused, () => props.hasCountdown],
+      ([isOpen, duration, isPaused, hasCountdown], _previous, onCleanup) => {
+        if (!isOpen) {
+          remaining = duration;
+          progress.value = 1;
+          return;
+        }
+        if (duration === Infinity) {
+          progress.value = 1;
+          return;
+        }
+        if (isPaused) return;
+        if (typeof window === "undefined" || typeof requestAnimationFrame === "undefined") return;
+        start = performance.now();
+        if (!hasCountdown) {
+          const handle = window.setTimeout(() => {
+            emit("update:open", false);
+          }, remaining);
+          onCleanup(() => {
+            window.clearTimeout(handle);
+            const elapsed = performance.now() - start;
+            remaining = Math.max(0, remaining - elapsed);
+          });
+          return;
+        }
+        const tick = (now) => {
+          const elapsed = now - start;
+          const left = Math.max(0, remaining - elapsed);
+          progress.value = left / duration;
+          if (left <= 0) {
+            emit("update:open", false);
+            return;
+          }
+          raf = requestAnimationFrame(tick);
+        };
+        raf = requestAnimationFrame(tick);
+        onCleanup(() => {
+          if (raf != null) cancelAnimationFrame(raf);
+          const elapsed = performance.now() - start;
+          remaining = Math.max(0, remaining - elapsed);
+        });
+      },
+      { immediate: true, flush: "post" }
+    );
+    onUnmounted(() => {
+      if (raf != null) cancelAnimationFrame(raf);
+    });
+    const setPaused = (value) => {
+      if (props.canPauseOnHover) paused.value = value;
+    };
+    const onUndoClick = () => {
+      emit("undo");
+      emit("update:open", false);
+    };
+    const wrapperClasses = computed(() => cn("fixed z-toast", PositionClass[props.position]));
+    const panelClasses = computed(
+      () => cn(
+        "relative flex items-center gap-3 overflow-hidden text-sm",
+        surfaceVariants({ variant: "surface", radius: "md", padding: "sm", elevation: 3 }),
+        "px-4 py-2.5",
+        "motion-safe:data-[state=open]:animate-(--animate-slide-in-bottom)",
+        "motion-safe:data-[state=closed]:animate-(--animate-slide-out-bottom)",
+        "motion-reduce:animate-none",
+        attrs.class
+      )
+    );
+    const showCountdown = computed(() => props.hasCountdown && props.duration !== Infinity);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$r), null, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(wrapperClasses.value)
+          }, [
+            createVNode(unref(Presence), {
+              "is-present": props.open
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  role: "status",
+                  "aria-live": "polite",
+                  class: normalizeClass(panelClasses.value),
+                  onMouseenter: _cache[0] || (_cache[0] = ($event) => setPaused(true)),
+                  onMouseleave: _cache[1] || (_cache[1] = ($event) => setPaused(false)),
+                  onFocus: _cache[2] || (_cache[2] = ($event) => setPaused(true)),
+                  onBlur: _cache[3] || (_cache[3] = ($event) => setPaused(false))
+                }, [
+                  createElementVNode("span", _hoisted_1$4, [
+                    renderSlot(_ctx.$slots, "message", {}, () => [
+                      createTextVNode(toDisplayString(props.message), 1)
+                    ])
+                  ]),
+                  hasUndo() ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    class: "font-medium text-primary transition-colors hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring rounded-sm px-1",
+                    onClick: onUndoClick
+                  }, toDisplayString(props.undoLabel), 1)) : createCommentVNode("", true),
+                  showCountdown.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                    createElementVNode("div", {
+                      class: "h-full bg-primary transition-[width] duration-100 ease-linear",
+                      style: normalizeStyle({ width: `${progress.value * 100}%` })
+                    }, null, 4)
+                  ])) : createCommentVNode("", true)
+                ], 34)
+              ]),
+              _: 3
+            }, 8, ["is-present"])
+          ], 2)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _hoisted_1$3 = ["aria-label"];
+const _hoisted_2$2 = {
+  key: 0,
+  class: "truncate"
+};
+const _hoisted_3 = {
+  class: "inline-flex items-end gap-1",
+  "aria-hidden": "true"
+};
+const TypingTone = {
+  /** Refers to the muted-foreground tone. */
+  Muted: "muted",
+  /** Refers to the primary / brand tone. */
+  Primary: "primary",
+  /** Refers to the full-emphasis foreground tone. */
+  Foreground: "foreground"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{ name: "TypingIndicator", inheritAttrs: false },
+  __name: "TypingIndicator",
+  props: {
+    who: {},
+    size: { default: Size.Md },
+    tone: { default: TypingTone.Muted },
+    isSubtle: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const SizeDot = {
+      sm: "h-1 w-1",
+      md: "h-1.5 w-1.5",
+      lg: "h-2 w-2"
+    };
+    const ToneClass2 = {
+      muted: "bg-muted-foreground",
+      primary: "bg-primary",
+      foreground: "bg-foreground"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const hasWho = computed(() => Boolean(props.who) || Boolean(slots.who));
+    const dot = computed(
+      () => cn(
+        "inline-block rounded-full motion-safe:animate-bounce",
+        SizeDot[props.size] ?? SizeDot.md,
+        ToneClass2[props.tone],
+        props.isSubtle && "motion-safe:opacity-60"
+      )
+    );
+    const ariaLabel = computed(() => props.who ? `${props.who} is typing` : "Typing");
+    const classes = computed(
+      () => cn("inline-flex items-center gap-2 text-xs text-muted-foreground", attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": ariaLabel.value
+      }, rest.value, { class: classes.value }), [
+        hasWho.value ? (openBlock(), createElementBlock("span", _hoisted_2$2, [
+          renderSlot(_ctx.$slots, "who", {}, () => [
+            createTextVNode(toDisplayString(props.who), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_3, [
+          createElementVNode("span", {
+            class: normalizeClass(dot.value),
+            style: { animationDelay: "0ms" }
+          }, null, 2),
+          createElementVNode("span", {
+            class: normalizeClass(dot.value),
+            style: { animationDelay: "150ms" }
+          }, null, 2),
+          createElementVNode("span", {
+            class: normalizeClass(dot.value),
+            style: { animationDelay: "300ms" }
+          }, null, 2)
+        ])
+      ], 16, _hoisted_1$3);
+    };
+  }
+});
+const _hoisted_1$2 = ["aria-label", "data-status"];
+const PresenceStatus = {
+  /** Refers to actively available. */
+  Online: "online",
+  /** Refers to present but inactive. */
+  Idle: "idle",
+  /** Refers to present but do-not-disturb. */
+  Busy: "busy",
+  /** Refers to not connected. */
+  Offline: "offline",
+  /** Refers to connected but appearing offline. */
+  Invisible: "invisible"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{ name: "PresenceIndicator", inheritAttrs: false },
+  __name: "PresenceIndicator",
+  props: {
+    status: { default: PresenceStatus.Online },
+    size: { default: Size.Sm },
+    hasPulse: { type: Boolean },
+    position: {},
+    label: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const StatusBackground = {
+      online: "bg-success",
+      idle: "bg-warning",
+      busy: "bg-destructive",
+      offline: "bg-muted-foreground",
+      invisible: "bg-transparent border border-muted-foreground"
+    };
+    const SizeDot = {
+      xs: "h-1.5 w-1.5",
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3"
+    };
+    const PositionClass = {
+      "top-right": "absolute top-0 right-0",
+      "top-left": "absolute top-0 left-0",
+      "bottom-right": "absolute bottom-0 right-0",
+      "bottom-left": "absolute bottom-0 left-0"
+    };
+    const StatusLabel = {
+      online: "Online",
+      idle: "Idle",
+      busy: "Busy",
+      offline: "Offline",
+      invisible: "Invisible"
+    };
+    const props = __props;
+    const attrs = useAttrs();
+    const el = useTemplateRef("el");
+    const showPulse = computed(() => Boolean(props.hasPulse) && props.status === PresenceStatus.Online);
+    const classes = computed(
+      () => cn(
+        "inline-flex rounded-full ring-2 ring-background",
+        StatusBackground[props.status],
+        SizeDot[props.size] ?? SizeDot.sm,
+        props.position && PositionClass[props.position],
+        "relative",
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        ref_key: "el",
+        ref: el,
+        role: "status",
+        "aria-label": props.label ?? StatusLabel[props.status],
+        "data-status": props.status
+      }, rest.value, { class: classes.value }), [
+        showPulse.value ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          "aria-hidden": "true",
+          class: normalizeClass(unref(cn)("absolute inset-0 rounded-full opacity-75 motion-safe:animate-ping", StatusBackground.online))
+        }, null, 2)) : createCommentVNode("", true)
+      ], 16, _hoisted_1$2);
+    };
+  }
+});
+const _hoisted_1$1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "drop-shadow-sm"
+};
+const _hoisted_2$1 = ["fill"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LiveCursorIndicator", inheritAttrs: false },
+  __name: "LiveCursorIndicator",
+  props: {
+    x: {},
+    y: {},
+    name: {},
+    color: { default: "var(--color-primary)" },
+    isSmooth: { type: Boolean, default: true },
+    labelOffset: {},
+    isPointerOnly: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const el = useTemplateRef("el");
+    const reducedMotion = useReducedMotion();
+    const useTransition = computed(() => props.isSmooth && !reducedMotion.value);
+    const lx = computed(() => props.labelOffset?.x ?? 12);
+    const ly = computed(() => props.labelOffset?.y ?? 16);
+    const hasName = computed(() => Boolean(props.name) || Boolean(slots.name));
+    const wrapperStyle = computed(() => ({
+      transform: `translate3d(${props.x}px, ${props.y}px, 0)`,
+      transition: useTransition.value ? "transform 80ms linear" : void 0
+    }));
+    const labelStyle = computed(() => ({
+      backgroundColor: props.color,
+      transform: `translate(${lx.value}px, ${ly.value}px)`
+    }));
+    const classes = computed(
+      () => cn("pointer-events-none absolute left-0 top-0 z-tooltip select-none", attrs.class)
+    );
+    const rest = computed(() => {
+      const { class: _class, style: _style, ...others } = attrs;
+      return others;
+    });
+    const callerStyle = computed(() => attrs.style);
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "el",
+        ref: el,
+        "aria-hidden": "true"
+      }, rest.value, {
+        class: classes.value,
+        style: [wrapperStyle.value, callerStyle.value ?? {}]
+      }), [
+        (openBlock(), createElementBlock("svg", _hoisted_1$1, [
+          createElementVNode("path", {
+            d: "M5 3 L5 19 L9.5 14.5 L12.5 21 L15.5 19.5 L12.5 13 L19 13 Z",
+            fill: props.color,
+            stroke: "white",
+            "stroke-width": "1.25",
+            "stroke-linejoin": "round"
+          }, null, 8, _hoisted_2$1)
+        ])),
+        hasName.value && !props.isPointerOnly ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "absolute whitespace-nowrap rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none text-white shadow-sm",
+          style: normalizeStyle(labelStyle.value)
+        }, [
+          renderSlot(_ctx.$slots, "name", {}, () => [
+            createTextVNode(toDisplayString(props.name), 1)
+          ])
+        ], 4)) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _hoisted_1 = {
+  class: "flex gap-1",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+};
+const StrengthLabels = ["Too weak", "Weak", "Fair", "Strong", "Excellent"];
+const ToneClass = ["bg-destructive", "bg-destructive", "bg-warning", "bg-success", "bg-success"];
+function scorePassword(pw) {
+  let score = 0;
+  if (pw.length >= 8) score++;
+  if (pw.length >= 12) score++;
+  if (/[a-z]/.test(pw) && /[A-Z]/.test(pw)) score++;
+  if (/\d/.test(pw)) score++;
+  if (/[^A-Za-z0-9]/.test(pw)) score++;
+  return Math.min(4, score);
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "PasswordStrengthCallout", inheritAttrs: false },
+  __name: "PasswordStrengthCallout",
+  props: {
+    value: {},
+    score: { default: void 0 },
+    isLabelHidden: { type: Boolean, default: void 0 }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const resolvedScore = computed(
+      () => props.score ?? (props.value.length === 0 ? 0 : scorePassword(props.value))
+    );
+    const label = computed(() => StrengthLabels[resolvedScore.value] ?? "");
+    const tone = computed(() => ToneClass[resolvedScore.value] ?? "bg-destructive");
+    function barClass(index) {
+      return cn("h-1 flex-1 rounded-full bg-muted transition-colors", index < resolvedScore.value && tone.value);
+    }
+    const isLabelShown = computed(() => !props.isLabelHidden && Boolean(props.value));
+    const OwnedAttributes = /* @__PURE__ */ new Set(["class"]);
+    const passthroughAttrs = computed(
+      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key)))
+    );
+    const rootClass = computed(() => cn("flex flex-col gap-1", attrs.class));
+    const root = useTemplateRef("root");
+    __expose({ el: root });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "root",
+        ref: root,
+        class: rootClass.value
+      }, passthroughAttrs.value), [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+            return createElementVNode("div", {
+              key: i,
+              class: normalizeClass(barClass(i - 1))
+            }, null, 2);
+          }), 64))
+        ]),
+        isLabelShown.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(label.value), 1)) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CharacterCountCallout", inheritAttrs: false },
+  __name: "CharacterCountCallout",
+  props: {
+    value: {},
+    max: {},
+    isMaxShown: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const isOver = computed(() => props.value > props.max);
+    const OwnedAttributes = /* @__PURE__ */ new Set(["class"]);
+    const passthroughAttrs = computed(
+      () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key)))
+    );
+    const rootClass = computed(
+      () => cn("text-right text-xs", isOver.value ? "text-destructive" : "text-muted-foreground", attrs.class)
+    );
+    const root = useTemplateRef("root");
+    __expose({ el: root });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "root",
+        ref: root,
+        "aria-live": "polite",
+        class: rootClass.value
+      }, passthroughAttrs.value), toDisplayString(__props.value) + toDisplayString(__props.isMaxShown ? ` / ${__props.max}` : ""), 17);
+    };
+  }
+});
+export {
+  progressFillVariants as A,
+  progressTrackVariants as B,
+  skeletonVariants as C,
+  toastHost as D,
+  toastSimpleVariants as E,
+  useToastHost as F,
+  PresenceStatus as P,
+  SkeletonStateShape as S,
+  TypingTone as T,
+  _sfc_main$i as _,
+  _sfc_main$l as a,
+  _sfc_main$h as b,
+  _sfc_main$k as c,
+  _sfc_main$f as d,
+  _sfc_main as e,
+  _sfc_main$7 as f,
+  _sfc_main$e as g,
+  _sfc_main$2 as h,
+  _sfc_main$6 as i,
+  _sfc_main$d as j,
+  _sfc_main$a as k,
+  _sfc_main$1 as l,
+  _sfc_main$3 as m,
+  _sfc_main$n as n,
+  _sfc_main$m as o,
+  _sfc_main$c as p,
+  _sfc_main$o as q,
+  _sfc_main$b as r,
+  _sfc_main$g as s,
+  _sfc_main$8 as t,
+  _sfc_main$j as u,
+  _sfc_main$9 as v,
+  _sfc_main$4 as w,
+  _sfc_main$5 as x,
+  alertSimpleVariants as y,
+  bannerSimpleVariants as z
+};
+//# sourceMappingURL=CharacterCountCallout.vue_vue_type_script_setup_true_lang-CJaPwXly.js.map