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

package/dist/chunks/{Presence-C7IJvh_P.js → Presence-DE4MlrJz.js}

@@ -23,6 +23,35 @@ function toElement(value) {
   const el = value?.$el;
   return el instanceof HTMLElement ? el : null;
 }
+const TWO_FRAMES_MS = 32;
+function afterTwoFrames(cb) {
+  let settled = false;
+  let raf1 = 0;
+  let raf2 = 0;
+  const clear = () => {
+    if (typeof cancelAnimationFrame !== "undefined") {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    }
+    clearTimeout(timer);
+  };
+  const run = () => {
+    if (settled) return;
+    settled = true;
+    clear();
+    cb();
+  };
+  if (typeof requestAnimationFrame !== "undefined") {
+    raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(run);
+    });
+  }
+  const timer = setTimeout(run, TWO_FRAMES_MS);
+  return () => {
+    settled = true;
+    clear();
+  };
+}
 const Presence = defineComponent({
   name: "Presence",
   props: {
@@ -44,17 +73,14 @@ const Presence = defineComponent({
           return;
         }
         if (dataState.value === "open") return;
-        if (typeof requestAnimationFrame === "undefined") return;
-        let raf2 = 0;
-        const raf1 = requestAnimationFrame(() => {
-          raf2 = requestAnimationFrame(() => {
+        if (typeof requestAnimationFrame === "undefined" && typeof setTimeout === "undefined") {
+          return;
+        }
+        onCleanup(
+          afterTwoFrames(() => {
             dataState.value = "open";
-          });
-        });
-        onCleanup(() => {
-          cancelAnimationFrame(raf1);
-          cancelAnimationFrame(raf2);
-        });
+          })
+        );
       },
       { immediate: true, flush: "post" }
     );
@@ -68,8 +94,6 @@ const Presence = defineComponent({
           return;
         }
         let started = false;
-        let timer;
-        let raf2 = 0;
         const onStart = (event) => {
           if (event.target === el) started = true;
         };
@@ -82,26 +106,20 @@ const Presence = defineComponent({
         el.addEventListener("transitionend", onEnd);
         el.setAttribute("data-state", "closed");
         dataState.value = "closed";
-        const raf1 = requestAnimationFrame(() => {
-          raf2 = requestAnimationFrame(() => {
-            const animating = started || (el.getAnimations?.().length ?? 0) > 0;
-            if (!animating) {
-              rendered.value = false;
-              return;
-            }
-            timer = window.setTimeout(() => {
-              rendered.value = false;
-            }, getTotalDurationMs(el) + 100);
-          });
+        const safety = setTimeout(() => {
+          rendered.value = false;
+        }, getTotalDurationMs(el) + 100);
+        const cancelFrames = afterTwoFrames(() => {
+          const animating = started || (el.getAnimations?.().length ?? 0) > 0;
+          if (!animating) rendered.value = false;
         });
         onCleanup(() => {
           el.removeEventListener("animationstart", onStart);
           el.removeEventListener("transitionrun", onStart);
           el.removeEventListener("animationend", onEnd);
           el.removeEventListener("transitionend", onEnd);
-          cancelAnimationFrame(raf1);
-          cancelAnimationFrame(raf2);
-          if (timer !== void 0) window.clearTimeout(timer);
+          cancelFrames();
+          clearTimeout(safety);
         });
       },
       { immediate: true, flush: "post" }
@@ -117,4 +135,4 @@ const Presence = defineComponent({
 export {
   Presence as P
 };
-//# sourceMappingURL=Presence-C7IJvh_P.js.map
+//# sourceMappingURL=Presence-DE4MlrJz.js.map

package/dist/chunks/Presence-DE4MlrJz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Presence-DE4MlrJz.js","sources":["../../src/foundation/primitives/presence/Presence.ts"],"sourcesContent":["import { cloneVNode, defineComponent, shallowRef, watch, type VNode } from 'vue';\nimport { renderableChildren } from '../slot/Slot';\n\nexport interface PresenceProps {\n  /** The presence flag — toggle false to trigger exit. */\n  isPresent: boolean;\n}\n\nfunction parseTimes(value: string): ReadonlyArray<number> {\n  return value.split(',').map((part) => {\n    const trimmed = part.trim();\n    const ms = trimmed.endsWith('ms') ? parseFloat(trimmed) : parseFloat(trimmed) * 1000;\n    return Number.isFinite(ms) ? ms : 0;\n  });\n}\n\n/** Longest computed transition/animation (duration + delay) in ms. */\nfunction getTotalDurationMs(node: HTMLElement): number {\n  const cs = getComputedStyle(node);\n  const maxOf = (durations: ReadonlyArray<number>, delays: ReadonlyArray<number>) =>\n    durations.reduce(\n      (max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)),\n      0,\n    );\n  return Math.max(\n    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),\n    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay)),\n  );\n}\n\n/** A function ref may receive a component's public instance; the DOM node is what the timing logic needs. */\nfunction toElement(value: unknown): HTMLElement | null {\n  if (value instanceof HTMLElement) return value;\n  const el = (value as { $el?: unknown } | null)?.$el;\n  return el instanceof HTMLElement ? el : null;\n}\n\n/**\n * The timeout that stands in for two frames where `requestAnimationFrame` never fires.\n *\n * ~2 frames at 60Hz. Long enough that rAF wins whenever the document is actually being\n * painted, short enough that the enter flip is not perceptibly late when it does not.\n */\nconst TWO_FRAMES_MS = 32;\n\n/**\n * Runs `cb` after two animation frames, or after {@link TWO_FRAMES_MS}, whichever lands first.\n *\n * `requestAnimationFrame` does not fire at all while `document.hidden` — a background tab, a\n * prerendered page, an embedded webview. Gating on rAF alone left an overlay mounted stuck at\n * `data-state=\"closed\"` on enter and, worse, never unmounted on exit: a full-viewport\n * `pointer-events: auto` layer over a page that looked idle. The timer is the floor under that.\n *\n * Returns a cancel function; whichever path fires first cancels the other, so `cb` runs once.\n */\nfunction afterTwoFrames(cb: () => void): () => void {\n  let settled = false;\n  let raf1 = 0;\n  let raf2 = 0;\n\n  const clear = (): void => {\n    if (typeof cancelAnimationFrame !== 'undefined') {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n    }\n    clearTimeout(timer);\n  };\n\n  const run = (): void => {\n    if (settled) return;\n    settled = true;\n    clear();\n    cb();\n  };\n\n  if (typeof requestAnimationFrame !== 'undefined') {\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(run);\n    });\n  }\n  /* Declared after `clear` closes over it: both callers are async, so the binding is\n     always initialised by the time either one reads it. */\n  const timer = setTimeout(run, TWO_FRAMES_MS);\n\n  return (): void => {\n    settled = true;\n    clear();\n  };\n}\n\n/**\n * Defer unmount until the child's exit animation/transition finishes.\n * Pass `is-present=\"false\"` to start the exit; the child stays mounted with\n * `data-state=\"closed\"` until its own `animationend`/`transitionend` fires\n * (or a computed-duration timeout as a fallback). If no exit animation\n * actually starts, the child unmounts immediately. On enter, the child\n * mounts with `data-state=\"closed\"` and flips to `\"open\"` on the next\n * frame so enter transitions play.\n *\n * Deliberately not Vue's `<Transition>`: this primitive drives unmount off the\n * child's *own* computed timing rather than off CSS class hooks, which is what\n * lets a consumer style the exit entirely in their own stylesheet.\n *\n * Both effects use `flush: 'post'`, the analogue of React's `useEffect` here —\n * the DOM node must exist before the timing window opens.\n *\n * Neither effect depends on `requestAnimationFrame` firing. Both go through\n * {@link afterTwoFrames}, and the exit additionally arms its unmount timer up front, so a\n * document that is never painted still enters and — the part that matters — still unmounts.\n */\nexport const Presence = defineComponent({\n  name: 'Presence',\n  props: {\n    isPresent: { type: Boolean, required: true },\n  },\n  setup(props, { slots }) {\n    const rendered = shallowRef(props.isPresent);\n    const dataState = shallowRef<'open' | 'closed'>('closed');\n    const node = shallowRef<HTMLElement | null>(null);\n\n    const setNode = (value: unknown): void => {\n      node.value = toElement(value);\n    };\n\n    // Enter — mount closed, then flip to open on the next frame (double rAF\n    // so the closed styles are committed and painted first) to run transitions.\n    watch(\n      [() => props.isPresent, rendered, dataState],\n      ([isPresent], _previous, onCleanup) => {\n        if (!isPresent) return;\n        if (!rendered.value) {\n          rendered.value = true;\n          return;\n        }\n        if (dataState.value === 'open') return;\n        /* `immediate: true` makes this watcher run during SSR too (Vue skips only the\n           non-immediate post-flush ones), and there is neither `requestAnimationFrame` nor a\n           useful `setTimeout` on the server. Bail rather than throw: the server emits\n           `data-state=\"closed\"`, which is exactly what the client's first render produces, so\n           hydration still matches and this same watcher runs the enter on the client. */\n        if (typeof requestAnimationFrame === 'undefined' && typeof setTimeout === 'undefined') {\n          return;\n        }\n        onCleanup(\n          afterTwoFrames(() => {\n            dataState.value = 'open';\n          }),\n        );\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    // Exit — flip to closed, then unmount when the child's own exit\n    // animation/transition ends; immediately if none starts within a frame\n    // window; or after the computed total duration as a safety net.\n    watch(\n      () => props.isPresent,\n      (isPresent, _previous, onCleanup) => {\n        if (isPresent) return;\n        const el = node.value;\n        if (!el) {\n          rendered.value = false;\n          return;\n        }\n        let started = false;\n        const onStart = (event: Event) => {\n          if (event.target === el) started = true;\n        };\n        const onEnd = (event: Event) => {\n          if (event.target === el) rendered.value = false;\n        };\n        el.addEventListener('animationstart', onStart);\n        el.addEventListener('transitionrun', onStart);\n        el.addEventListener('animationend', onEnd);\n        el.addEventListener('transitionend', onEnd);\n        // Flip the DOM synchronously so the start-detection window below is\n        // deterministic; the next render settles on the same value.\n        el.setAttribute('data-state', 'closed');\n        dataState.value = 'closed';\n\n        /* Armed here, NOT inside the frame callback.\n           This is the unmount guarantee: `animationend` does not fire for an animation that\n           never started, and neither the frame callback nor the event listeners run at all in\n           a document that is never painted. Previously this timer lived inside the inner rAF,\n           so all three failure paths converged on \"stays mounted forever\" — a full-viewport\n           `pointer-events: auto` scrim the user cannot click past. `getComputedStyle` recalcs\n           synchronously, so reading the duration right after the flip already reflects the\n           closed state's timing. */\n        const safety = setTimeout(() => {\n          rendered.value = false;\n        }, getTotalDurationMs(el) + 100);\n\n        /* The fast path — nothing is animating, so drop it now rather than wait out the\n           safety timer. */\n        const cancelFrames = afterTwoFrames(() => {\n          const animating = started || (el.getAnimations?.().length ?? 0) > 0;\n          if (!animating) rendered.value = false;\n        });\n\n        onCleanup(() => {\n          el.removeEventListener('animationstart', onStart);\n          el.removeEventListener('transitionrun', onStart);\n          el.removeEventListener('animationend', onEnd);\n          el.removeEventListener('transitionend', onEnd);\n          cancelFrames();\n          clearTimeout(safety);\n        });\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    return (): VNode | null => {\n      if (!rendered.value) return null;\n      const child = renderableChildren(slots.default?.())[0];\n      if (!child) return null;\n      // `mergeRef` composes our tracking ref with any ref the consumer already\n      // put on the child, the job React's `useComposedRefs` did here.\n      return cloneVNode(child, { 'data-state': dataState.value, ref: setNode }, true);\n    };\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/chunks/{SortableHandle.vue_vue_type_script_setup_true_lang-CWCXGjZG.js → SortableHandle.vue_vue_type_script_setup_true_lang-8WPwGZ5e.js}

@@ -10,13 +10,13 @@ import { u as useEscape } from "./useEscape-CYPdpm_l.js";
 import { u as useReducedMotion } from "./useReducedMotion-B9LqQ3UT.js";
 import { _ as _sfc_main$1T } from "./Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js";
 import { _ as _sfc_main$1U } from "./AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js";
-import { P as Presence } from "./Presence-C7IJvh_P.js";
+import { P as Presence } from "./Presence-DE4MlrJz.js";
 import { TrendingUp, TrendingDown, Check, Copy, ChevronDown, ChevronRight, ArrowUp, ArrowDown, ArrowUpDown, ChevronLeft, Plus, Minus, Maximize, Pause, Play, VolumeX, Volume2, Captions, CaptionsOff, PictureInPicture2, Minimize, ZoomOut, ZoomIn, Download, SmilePlus, AlertTriangle, CheckCheck, Clock, X } from "lucide-vue-next";
 import { _ as _sfc_main$1V } from "./Icon.vue_vue_type_script_setup_true_lang-DgwdLCRR.js";
 import { u as useClipboard } from "./useClipboard-BVRwXC--.js";
 import { S as Size } from "./StyleTokens-Bkz7Dm5L.js";
 import { S as StatusTone } from "./StatusTone-BoPK1s09.js";
-import { _ as _sfc_main$1W, r as nowZoned, z as zonedAtHour, u as formatZonedTime, v as minutesBetween, g as today, w as daysBetween, x as isWeekend, e as addDays, W as WEEKDAYS_SHORT, y as isZonedDayInRange, d as isToday, A as isZonedOnDay, B as maxZoned, C as minZoned, M as MONTHS_LONG } from "./DateExtensions-QahSUlRy.js";
+import { _ as _sfc_main$1W, q as nowZoned, z as zonedAtHour, r as formatZonedTime, u as minutesBetween, g as today, v as daysBetween, w as isWeekend, e as addDays, W as WEEKDAYS_SHORT, x as isZonedDayInRange, d as isToday, y as isZonedOnDay, A as maxZoned, B as minZoned, M as MONTHS_LONG } from "./DateExtensions-C6a-h8ji.js";
 import { _ as _sfc_main$1X } from "./Inline.vue_vue_type_script_setup_true_lang-BvWbQpJD.js";
 import { C as CornerPosition } from "./CornerPosition-FneGck5D.js";
 import { d as dataAttr } from "./dataAttr-7BR67dTj.js";
@@ -25,8 +25,8 @@ import { B as ButtonType, H as HtmlElement } from "./HtmlExtensions-jlKY5f9C.js"
 import { _ as _sfc_main$1Y, O as Orientation$1, b as useRovingFocusItem } from "./RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js";
 import { Temporal } from "temporal-polyfill";
 import { c as compareStrings } from "./Compare-Du6p-OX1.js";
-import { T as Tones } from "./Tones-CI65uuq9.js";
-import { s as surfaceVariants } from "./SurfaceStyles-ChdpGRBO.js";
+import { T as Tones } from "./Tones-WKBNZ_u2.js";
+import { s as surfaceVariants } from "./SurfaceStyles-B6W7zdMi.js";
 import { K as Key } from "./KeyboardExtensions-CQlkK53D.js";
 const HeadingSize = {
   /** Refers to the extra-small step. */
@@ -1744,11 +1744,11 @@ const MetricChipSize = {
   Md: "md"
 };
 const TONE$1 = {
-  neutral: "text-muted-foreground",
-  success: "text-success",
-  warning: "text-warning",
-  danger: "text-destructive",
-  info: "text-info"
+  neutral: { icon: "text-muted-foreground", value: "text-foreground" },
+  success: { icon: "text-success-soft-foreground", value: "text-success-soft-foreground" },
+  warning: { icon: "text-warning-soft-foreground", value: "text-warning-soft-foreground" },
+  danger: { icon: "text-destructive-soft-foreground", value: "text-destructive-soft-foreground" },
+  info: { icon: "text-info-soft-foreground", value: "text-info-soft-foreground" }
 };
 const SIZE = {
   xs: { wrapper: "gap-1 text-[10px]", label: "text-[10px]", value: "text-xs" },
@@ -1772,13 +1772,14 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     const classes = computed(
       () => cn("inline-flex items-center", size.value.wrapper, attrs.class)
     );
+    const tone = computed(() => TONE$1[props.tone]);
     const iconClasses = computed(
-      () => cn("inline-flex shrink-0 items-center", TONE$1[props.tone])
+      () => cn("inline-flex shrink-0 items-center", tone.value.icon)
     );
     const labelClasses = computed(
       () => cn("font-medium uppercase tracking-wide text-muted-foreground", size.value.label)
     );
-    const valueClasses = computed(() => cn("tabular-nums text-foreground", size.value.value));
+    const valueClasses = computed(() => cn("tabular-nums", tone.value.value, size.value.value));
     const rest = computed(() => {
       const { class: _class, ...others } = attrs;
       return others;
@@ -2144,7 +2145,6 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     asChild: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
-    const props = __props;
     const context = useCollapsibleContext();
     const el = shallowRef(null);
     const setEl = (value) => {
@@ -2160,7 +2160,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Primitive), mergeProps({
         ref: setEl,
         as: unref(HtmlElement).Button,
-        "as-child": props.asChild,
+        "as-child": __props.asChild,
         id: unref(context).triggerId,
         type: unref(ButtonType).Button,
         "aria-expanded": unref(context).open,
@@ -2186,7 +2186,6 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     isForceMounted: { type: Boolean, default: void 0 }
   },
   setup(__props, { expose: __expose }) {
-    const props = __props;
     const attrs = useAttrs();
     const context = useCollapsibleContext();
     const el = useTemplateRef("el");
@@ -2210,7 +2209,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         id: unref(context).contentId,
         role: "region",
         "aria-labelledby": unref(context).triggerId,
-        hidden: !unref(context).open && !props.isForceMounted
+        hidden: !unref(context).open && !__props.isForceMounted
       }, rest.value, { class: classes.value }), [
         createElementVNode("div", {
           class: "min-h-0 overflow-hidden motion-safe:data-[state=open]:animate-(--animate-fade-in) motion-safe:data-[state=closed]:animate-(--animate-fade-out) motion-reduce:animate-none",
@@ -2229,7 +2228,6 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     isForceMounted: { type: Boolean, default: void 0 }
   },
   setup(__props, { expose: __expose }) {
-    const props = __props;
     const context = useCollapsibleContext();
     const inner = useTemplateRef("inner");
     const el = computed(
@@ -2237,11 +2235,11 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     );
     __expose({ el });
     return (_ctx, _cache) => {
-      return props.isForceMounted ? (openBlock(), createBlock(_sfc_main$1k, mergeProps({
+      return __props.isForceMounted ? (openBlock(), createBlock(_sfc_main$1k, mergeProps({
         key: 0,
         ref_key: "inner",
         ref: inner,
-        "is-force-mounted": props.isForceMounted,
+        "is-force-mounted": __props.isForceMounted,
         "data-state": unref(context).open ? "open" : "closed"
       }, _ctx.$attrs), {
         default: withCtx(() => [
@@ -2256,7 +2254,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$1k, mergeProps({
             ref_key: "inner",
             ref: inner,
-            "is-force-mounted": props.isForceMounted
+            "is-force-mounted": __props.isForceMounted
           }, _ctx.$attrs), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
@@ -2774,6 +2772,10 @@ const listVariants = tv({
 const listItemVariants = tv({
   base: "flex items-start gap-3 text-sm text-foreground"
 });
+const ListKey = Symbol("wow-two.list");
+function useListContext() {
+  return inject(ListKey, { marker: "none" });
+}
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{ name: "List", inheritAttrs: false },
   __name: "List",
@@ -2787,6 +2789,11 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const el = useTemplateRef("el");
     const tag = computed(() => props.isOrdered ? "ol" : "ul");
+    provide(ListKey, {
+      get marker() {
+        return props.marker ?? "none";
+      }
+    });
     const classes = computed(
       () => cn(
         listVariants({ marker: props.marker, spacing: props.spacing }),
@@ -2836,6 +2843,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const attrs = useAttrs();
     const el = useTemplateRef("el");
+    const list = useListContext();
+    const showCheck = computed(() => props.hasCheckMarker ?? list.marker === "check");
     const classes = computed(
       () => cn(listItemVariants(), attrs.class)
     );
@@ -2849,7 +2858,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         ref_key: "el",
         ref: el
       }, rest.value, { class: classes.value }), [
-        props.hasCheckMarker ? (openBlock(), createElementBlock("span", _hoisted_1$N, [
+        showCheck.value ? (openBlock(), createElementBlock("span", _hoisted_1$N, [
           createVNode(unref(Check), { class: "h-4 w-4" })
         ])) : createCommentVNode("", true),
         _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$B, [
@@ -2988,7 +2997,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("li", mergeProps({
         ref_key: "el",
         ref: el,
-        "data-status": props.status
+        "data-status": __props.status
       }, rest.value, { class: classes.value }), [
         createElementVNode("div", _hoisted_2$A, [
           createElementVNode("span", {
@@ -4540,8 +4549,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "DiffViewer", inheritAttrs: false },
   __name: "DiffViewer",
   props: {
-    left: {},
-    right: {},
+    left: { default: "" },
+    right: { default: "" },
     view: { default: DiffView.Split },
     leftLabel: { default: "Before" },
     rightLabel: { default: "After" },
@@ -4878,7 +4887,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "RadiusGlyph" },
   __name: "RadiusGlyph",
   props: {
-    extent: {},
+    extent: { default: 0 },
     size: { default: 16 },
     color: { default: "currentColor" },
     strokeWidth: { default: 1.5 },
@@ -4924,8 +4933,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "FrameGlyph" },
   __name: "FrameGlyph",
   props: {
-    frameRx: {},
-    pupilRoundness: {},
+    frameRx: { default: 0 },
+    pupilRoundness: { default: 0 },
     isDot: { type: Boolean, default: void 0 },
     size: { default: 20 }
   },
@@ -5082,7 +5091,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "CellsGlyph" },
   __name: "CellsGlyph",
   props: {
-    cornerRx: {},
+    cornerRx: { default: 0 },
     size: { default: 20 }
   },
   setup(__props, { expose: __expose }) {
@@ -5175,7 +5184,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "HeatmapCalendar", inheritAttrs: false },
   __name: "HeatmapCalendar",
   props: {
-    values: {},
+    values: { default: () => /* @__PURE__ */ new Map() },
     year: { default: void 0 },
     weekStart: { default: 0 },
     cellSize: { default: 12 },
@@ -5509,9 +5518,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "DataGrid", inheritAttrs: false },
   __name: "DataGrid",
   props: {
-    columns: {},
-    rows: {},
-    rowKey: {},
+    columns: { default: () => [] },
+    rows: { default: () => [] },
+    rowKey: { type: Function, default: (row) => String(row) },
     isDense: { type: Boolean, default: void 0 }
   },
   emits: ["row-change"],
@@ -6068,7 +6077,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "AudioWaveform", inheritAttrs: false },
   __name: "AudioWaveform",
   props: {
-    peaks: {},
+    peaks: { default: () => [] },
     progress: { default: 0 },
     width: { default: 320 },
     height: { default: 48 },
@@ -7176,7 +7185,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "Gantt", inheritAttrs: false },
   __name: "Gantt",
   props: {
-    tasks: {},
+    tasks: { default: () => [] },
     dependencies: { default: () => [] },
     milestones: { default: () => [] },
     from: {},
@@ -7859,7 +7868,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "EventCalendar", inheritAttrs: false },
   __name: "EventCalendar",
   props: {
-    events: {},
+    events: { default: () => [] },
     view: {},
     defaultView: { default: EventCalendarView.Month },
     date: {},
@@ -8935,7 +8944,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "ReactionBar", inheritAttrs: false },
   __name: "ReactionBar",
   props: {
-    reactions: {},
+    reactions: { default: () => [] },
     hasAddButton: { type: Boolean, default: true },
     isCompact: { type: Boolean, default: void 0 },
     hasEmpty: { type: Boolean, default: false }
@@ -10206,7 +10215,7 @@ export {
   _sfc_main$z as Z,
   _sfc_main$1i as _,
   _sfc_main$1f as a,
-  _sfc_main$2 as a$,
+  SortDirection as a$,
   DataGridColumnAlign as a0,
   _sfc_main$T as a1,
   DataTableColumnAlign as a2,
@@ -10217,33 +10226,33 @@ export {
   DiffView as a7,
   _sfc_main$J as a8,
   _sfc_main$F as a9,
-  ListSpacing as aA,
-  _sfc_main$1L as aB,
-  _sfc_main$i as aC,
-  MarqueeDirection as aD,
-  _sfc_main$c as aE,
-  _sfc_main$1q as aF,
-  _sfc_main$1s as aG,
-  MetricChipSize as aH,
-  MetricChipTone as aI,
-  _sfc_main$y as aJ,
-  _sfc_main$1y as aK,
-  NotificationDotSize as aL,
-  NotificationDotTone as aM,
-  _sfc_main$u as aN,
-  _sfc_main$3 as aO,
-  _sfc_main$1K as aP,
-  _sfc_main$H as aQ,
-  _sfc_main$e as aR,
-  _sfc_main$t as aS,
-  _sfc_main$k as aT,
-  ScrollRevealEffect as aU,
-  _sfc_main$1o as aV,
-  SectionHeaderSize as aW,
-  _sfc_main$1M as aX,
-  _sfc_main$1z as aY,
-  SnippetVariant as aZ,
-  SortDirection as a_,
+  ListMarker as aA,
+  ListSpacing as aB,
+  _sfc_main$1L as aC,
+  _sfc_main$i as aD,
+  MarqueeDirection as aE,
+  _sfc_main$c as aF,
+  _sfc_main$1q as aG,
+  _sfc_main$1s as aH,
+  MetricChipSize as aI,
+  MetricChipTone as aJ,
+  _sfc_main$y as aK,
+  _sfc_main$1y as aL,
+  NotificationDotSize as aM,
+  NotificationDotTone as aN,
+  _sfc_main$u as aO,
+  _sfc_main$3 as aP,
+  _sfc_main$1K as aQ,
+  _sfc_main$H as aR,
+  _sfc_main$e as aS,
+  _sfc_main$t as aT,
+  _sfc_main$k as aU,
+  ScrollRevealEffect as aV,
+  _sfc_main$1o as aW,
+  SectionHeaderSize as aX,
+  _sfc_main$1M as aY,
+  _sfc_main$1z as aZ,
+  SnippetVariant as a_,
   _sfc_main$1B as aa,
   EmptyStateSize as ab,
   _sfc_main$o as ac,
@@ -10269,74 +10278,76 @@ export {
   _sfc_main$1v as aw,
   _sfc_main$1a as ax,
   _sfc_main$19 as ay,
-  ListMarker as az,
+  ListKey as az,
   _sfc_main$1h as b,
-  useTreeContext as b$,
-  _sfc_main as b0,
-  _sfc_main$1 as b1,
-  _sfc_main$I as b2,
-  SparklineTone as b3,
-  SparklineVariant as b4,
-  _sfc_main$1A as b5,
-  StatSize as b6,
-  _sfc_main$1w as b7,
-  StatusSize as b8,
-  _sfc_main$4 as b9,
-  _sfc_main$17 as bA,
-  TimelineKey as bB,
-  TimelineStatus as bC,
-  _sfc_main$16 as bD,
-  _sfc_main$1C as bE,
-  _sfc_main$14 as bF,
-  _sfc_main$11 as bG,
-  _sfc_main$10 as bH,
-  _sfc_main$h as bI,
-  _sfc_main$E as bJ,
-  _sfc_main$v as bK,
-  VideoTrackKind as bL,
-  avatarVariants as bM,
-  badgeVariants as bN,
-  codeVariants as bO,
-  headingVariants as bP,
-  listVariants as bQ,
-  textVariants as bR,
-  useAccordionContext as bS,
-  useAccordionItemContext as bT,
-  useCarouselContext as bU,
-  useCollapsibleContext as bV,
-  useSortableItem as bW,
-  useSortableRoot as bX,
-  useTableContext as bY,
-  useTabsContext as bZ,
-  useTimelineContext as b_,
-  _sfc_main$K as ba,
-  _sfc_main$$ as bb,
-  _sfc_main$Z as bc,
-  _sfc_main$U as bd,
-  _sfc_main$V as be,
-  TableDensity as bf,
-  _sfc_main$Y as bg,
-  _sfc_main$_ as bh,
-  TableHeadVariant as bi,
-  _sfc_main$W as bj,
-  TableRadius as bk,
-  _sfc_main$X as bl,
-  _sfc_main$1e as bm,
-  TabsActivationMode as bn,
-  _sfc_main$1d as bo,
-  _sfc_main$1b as bp,
-  _sfc_main$1c as bq,
-  _sfc_main$1R as br,
-  TextAlign as bs,
-  TextColor as bt,
-  TextWeight as bu,
-  _sfc_main$a as bv,
-  _sfc_main$j as bw,
-  _sfc_main$18 as bx,
-  TimelineAlign as by,
-  _sfc_main$15 as bz,
+  useTabsContext as b$,
+  _sfc_main$2 as b0,
+  _sfc_main as b1,
+  _sfc_main$1 as b2,
+  _sfc_main$I as b3,
+  SparklineTone as b4,
+  SparklineVariant as b5,
+  _sfc_main$1A as b6,
+  StatSize as b7,
+  _sfc_main$1w as b8,
+  StatusSize as b9,
+  _sfc_main$15 as bA,
+  _sfc_main$17 as bB,
+  TimelineKey as bC,
+  TimelineStatus as bD,
+  _sfc_main$16 as bE,
+  _sfc_main$1C as bF,
+  _sfc_main$14 as bG,
+  _sfc_main$11 as bH,
+  _sfc_main$10 as bI,
+  _sfc_main$h as bJ,
+  _sfc_main$E as bK,
+  _sfc_main$v as bL,
+  VideoTrackKind as bM,
+  avatarVariants as bN,
+  badgeVariants as bO,
+  codeVariants as bP,
+  headingVariants as bQ,
+  listVariants as bR,
+  textVariants as bS,
+  useAccordionContext as bT,
+  useAccordionItemContext as bU,
+  useCarouselContext as bV,
+  useCollapsibleContext as bW,
+  useListContext as bX,
+  useSortableItem as bY,
+  useSortableRoot as bZ,
+  useTableContext as b_,
+  _sfc_main$4 as ba,
+  _sfc_main$K as bb,
+  _sfc_main$$ as bc,
+  _sfc_main$Z as bd,
+  _sfc_main$U as be,
+  _sfc_main$V as bf,
+  TableDensity as bg,
+  _sfc_main$Y as bh,
+  _sfc_main$_ as bi,
+  TableHeadVariant as bj,
+  _sfc_main$W as bk,
+  TableRadius as bl,
+  _sfc_main$X as bm,
+  _sfc_main$1e as bn,
+  TabsActivationMode as bo,
+  _sfc_main$1d as bp,
+  _sfc_main$1b as bq,
+  _sfc_main$1c as br,
+  _sfc_main$1R as bs,
+  TextAlign as bt,
+  TextColor as bu,
+  TextWeight as bv,
+  _sfc_main$a as bw,
+  _sfc_main$j as bx,
+  _sfc_main$18 as by,
+  TimelineAlign as bz,
   _sfc_main$1g as c,
-  useTreeLevel as c0,
+  useTimelineContext as c0,
+  useTreeContext as c1,
+  useTreeLevel as c2,
   _sfc_main$7 as d,
   _sfc_main$6 as e,
   _sfc_main$l as f,
@@ -10361,4 +10372,4 @@ export {
   _sfc_main$1H as y,
   _sfc_main$S as z
 };
-//# sourceMappingURL=SortableHandle.vue_vue_type_script_setup_true_lang-CWCXGjZG.js.map
+//# sourceMappingURL=SortableHandle.vue_vue_type_script_setup_true_lang-8WPwGZ5e.js.map