npm - @orvui/vue - Versions diffs - 0.0.0-stage → 0.1.1 - Mend

@orvui/vue 0.0.0-stage → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3238) hide show

package/dist/popover-CMwRDauk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popover-CMwRDauk.js","names":["emit","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_unref","_sfc_main","_sfc_main","$attrs","_openBlock","_createBlock","_Teleport","_createElementVNode","_normalizeStyle","_unref","_createElementBlock","_mergeProps","_renderSlot","_createCommentVNode","_sfc_main","props","emit","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_unref","_sfc_main","$attrs","_openBlock","_createBlock","_Teleport","_unref","_normalizeStyle","_normalizeClass","_withCtx","_createVNode","_mergeProps","_renderSlot","_createCommentVNode","_sfc_main","PopoverTrigger","_sfc_main","useFloatingLayer","useReducedMotion","resolveElement","cn","GOO_OPEN_SPRING","GOO_CLOSE_SPRING","hoverGesture","dragging","hover","event","dragged","createPopover","id","useId","root","ref","trigger","shallowRef","content","memory","props","open","computed","next","emit","anchor","reduce","progress","motionValue","layer","mounted","disposed","closeTimer","timerRevision","animation","focusIntent","clearIntent","cancelClose","setOpen","toggle","openHover","scheduleClose","version","close","current","restore","armFocusOnOpen","armed","documentScope","cancel","takeFocusOnOpen","intended","animateState","kind","animate","outside","escape","onMounted","onBeforeUnmount","popoverKey","usePopover","state","inject","usePortalPosition","layout","revision","observer","attached","update","source","target","box","previous","key","detach","bind","nextTick","active","watch","Popover_default","defineComponent","__emit","__props","enter","leave","openBlock","createElementBlock","normalizeClass","renderSlot","_ctx","unref","flatten","nodes","node","Fragment","Comment","PopoverTrigger_default","keyboard","contact","click","gesture","slots","child","Text","h","cloneVNode","attrs","buildGeo","horizontal","position","tW","cW","align","vertical","side","cH","gap","tH","left","top","panelRadius","positionPopover","free","options","viewport","alternative","height","preferred","rectAtProgress","interpolate","geo","insetFor","rect","layerW","layerH","edge","outline","radius","right","bottom","handles","roundedRectShape","shape","point","coordinates","coordinate","commands","corner","clipForProgress","surface","supportsShape","roundedRectPath","arc","path","axis","index","triggerCutout","padding","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PopoverContent_default","resize","measure","blob","clip","bridge","blur","chrome","resting","contentHover","corridorHover","placement","size","placed","value","geometry","bounds","triggerRect","stopChange","stopComplete","settledProgress","surfaceFilter","shadow","paint","settled","element","createBlock","Teleport","createElementVNode","normalizeStyle","_cache","$event","mergeProps","createCommentVNode","MorphPopover_default","createMorphFocus","epoch","used","reset","focus","panel","allowed","takeIntent","document","untouched","first","candidates","isRef","candidate","wrapper","retry","MorphPopoverContent_default","present","measured","fade","clipPath","useTransform","inset","opacity","run","opened","done","EASE_OUT","ready","motion","withCtx","createVNode","MorphPopoverTrigger_default","MorphPopoverTrigger_vue_vue_type_script_lang_default"],"sources":["../src/motion/popover/src/context.ts","../src/motion/popover/src/Popover.vue","../src/motion/popover/src/Popover.vue","../src/motion/popover/src/PopoverTrigger.vue","../src/motion/popover/src/PopoverTrigger.vue","../src/motion/popover/src/geometry.ts","../src/motion/popover/src/PopoverContent.vue","../src/motion/popover/src/PopoverContent.vue","../src/motion/popover/src/MorphPopover.vue","../src/motion/popover/src/MorphPopover.vue","../src/motion/popover/src/morph-focus.ts","../src/motion/popover/src/MorphPopoverContent.vue","../src/motion/popover/src/MorphPopoverContent.vue","../src/motion/popover/src/MorphPopoverTrigger.vue","../src/motion/popover/src/MorphPopoverTrigger.vue"],"sourcesContent":["import {\n computed,\n inject,\n nextTick,\n onBeforeUnmount,\n onMounted,\n ref,\n shallowRef,\n useId,\n watch,\n type InjectionKey,\n type Ref,\n} from \"vue\";\nimport { animate, motionValue } from \"motion-v\";\nimport {\n resolveElement,\n useFloatingLayer,\n useReducedMotion,\n} from \"../../../lib/composables\";\nimport type { Side, Align } from \"./geometry\";\nexport interface PopoverProps {\n open?: boolean;\n defaultOpen?: boolean;\n trigger?: \"click\" | \"hover\";\n side?: Side;\n align?: Align;\n sideOffset?: number;\n panelRadius?: number;\n gooStrength?: number;\n className?: string;\n}\nexport const GOO_OPEN_SPRING = {\n type: \"spring\",\n visualDuration: 0.3,\n bounce: 0.15,\n} as const;\nexport const GOO_CLOSE_SPRING = {\n type: \"spring\",\n visualDuration: 0.21,\n bounce: 0.15,\n} as const;\n/** A dragged contact is never interpreted as a hovering pointer departure. */\nexport function hoverGesture() {\n const dragging = new Map<number, boolean>();\n return {\n enter(event: PointerEvent) {\n const hover = event.pointerType !== \"touch\" && event.buttons === 0;\n dragging.set(event.pointerId, !hover);\n return hover;\n },\n leave(event: PointerEvent) {\n const dragged = dragging.get(event.pointerId);\n dragging.delete(event.pointerId);\n return event.pointerType !== \"touch\" && !dragged;\n },\n };\n}\nexport function createPopover(\n props: PopoverProps,\n emit: (event: any, ...args: any[]) => void,\n kind: \"goo\" | \"morph\" = \"goo\",\n) {\n const id = useId().replace(/[^\\w-]/g, \"\");\n const root = ref<HTMLElement | null>(null);\n const trigger = shallowRef<HTMLElement | null>(null);\n const content = shallowRef<HTMLElement | null>(null);\n const memory = ref(props.defaultOpen ?? false);\n const open = computed({\n get: () => props.open ?? memory.value,\n set: (next: boolean) => {\n if (props.open === undefined) memory.value = next;\n emit(\"update:open\", next);\n emit(\"openChange\", next);\n },\n });\n const anchor = computed(() => trigger.value ?? root.value);\n const reduce = useReducedMotion();\n const progress = motionValue(open.value ? 1 : 0);\n const layer = useFloatingLayer(open, content);\n let mounted = false;\n let disposed = false;\n let closeTimer: ReturnType<typeof setTimeout> | undefined;\n let timerRevision = 0;\n let animation: ReturnType<typeof animate> | undefined;\n let focusIntent = false;\n let clearIntent: (() => void) | undefined;\n const cancelClose = () => {\n ++timerRevision;\n clearTimeout(closeTimer);\n closeTimer = undefined;\n };\n const setOpen = (next: boolean) => {\n open.value = next;\n };\n const toggle = () => {\n open.value = !open.value;\n };\n const openHover = () => {\n cancelClose();\n open.value = true;\n };\n function scheduleClose() {\n cancelClose();\n const version = timerRevision;\n closeTimer = setTimeout(() => {\n if (!disposed && version === timerRevision) open.value = false;\n }, 120);\n }\n function close() {\n cancelClose();\n const current = content.value?.ownerDocument.activeElement;\n const restore = current && content.value?.contains(current);\n open.value = false;\n if (restore)\n (\n trigger.value ??\n (root.value && root.value.tabIndex >= 0 ? root.value : null)\n )?.focus();\n }\n function armFocusOnOpen(armed: boolean) {\n clearIntent?.();\n clearIntent = undefined;\n focusIntent = armed;\n if (!armed || typeof document === \"undefined\") return;\n const documentScope = anchor.value?.ownerDocument ?? document;\n const cancel = () => {\n focusIntent = false;\n clearIntent?.();\n clearIntent = undefined;\n };\n documentScope.addEventListener(\"keydown\", cancel, true);\n documentScope.addEventListener(\"pointerdown\", cancel, true);\n clearIntent = () => {\n documentScope.removeEventListener(\"keydown\", cancel, true);\n documentScope.removeEventListener(\"pointerdown\", cancel, true);\n };\n }\n function takeFocusOnOpen() {\n const intended = focusIntent;\n armFocusOnOpen(false);\n return intended;\n }\n function animateState() {\n animation?.stop();\n if (!mounted || kind === \"morph\") return;\n animation = animate(\n progress,\n open.value ? 1 : 0,\n reduce.value\n ? { duration: 0 }\n : open.value\n ? GOO_OPEN_SPRING\n : GOO_CLOSE_SPRING,\n );\n }\n watch([open, reduce], animateState, { flush: \"post\" });\n const outside = (event: PointerEvent) => {\n if (\n open.value &&\n event.target instanceof Node &&\n !layer.containsHigher(event.target) &&\n !root.value?.contains(event.target) &&\n !content.value?.contains(event.target)\n )\n close();\n };\n const escape = (event: KeyboardEvent) => {\n if (layer.claimEscape(event)) close();\n };\n onMounted(() => {\n mounted = true;\n animateState();\n window.addEventListener(\"pointerdown\", outside, true);\n window.addEventListener(\"keydown\", escape);\n });\n onBeforeUnmount(() => {\n disposed = true;\n mounted = false;\n cancelClose();\n clearIntent?.();\n animation?.stop();\n progress.destroy();\n window.removeEventListener(\"pointerdown\", outside, true);\n window.removeEventListener(\"keydown\", escape);\n });\n return {\n kind,\n p: props,\n root,\n trigger,\n content,\n anchor,\n open,\n progress,\n reduce,\n setOpen,\n toggle,\n close,\n openHover,\n scheduleClose,\n cancelClose,\n armFocusOnOpen,\n takeFocusOnOpen,\n gooId: `${id}-goo`,\n triggerId: `${id}-trigger`,\n contentId: `${id}-content`,\n };\n}\nexport const popoverKey: InjectionKey<ReturnType<typeof createPopover>> =\n Symbol(\"popover\");\nexport function usePopover() {\n const state = inject(popoverKey);\n if (!state)\n throw Error(\"Popover parts must be inside Popover or MorphPopover.\");\n return state;\n}\nexport type PortalLayout = {\n trigger: { left: number; top: number; width: number; height: number };\n content: { width: number; height: number };\n};\nexport function usePortalPosition(\n anchor: Ref<HTMLElement | null>,\n content: Ref<HTMLElement | null>,\n active: Ref<boolean>,\n) {\n const layout = ref<PortalLayout | null>(null);\n let mounted = false;\n let revision = 0;\n let observer: ResizeObserver | undefined;\n let attached = false;\n function update() {\n const source = anchor.value;\n const target = content.value;\n if (!mounted || !source || !target) return;\n const box = source.getBoundingClientRect();\n const next = {\n trigger: {\n left: box.left,\n top: box.top,\n width: box.width,\n height: box.height,\n },\n content: { width: target.offsetWidth, height: target.offsetHeight },\n };\n const previous = layout.value;\n if (\n !previous ||\n Object.keys(next.trigger).some(\n (key) =>\n next.trigger[key as keyof typeof next.trigger] !==\n previous.trigger[key as keyof typeof previous.trigger],\n ) ||\n next.content.width !== previous.content.width ||\n next.content.height !== previous.content.height\n )\n layout.value = next;\n }\n function detach() {\n observer?.disconnect();\n observer = undefined;\n if (attached) {\n window.removeEventListener(\"scroll\", update, true);\n window.removeEventListener(\"resize\", update);\n attached = false;\n }\n }\n async function bind() {\n const version = ++revision;\n detach();\n if (!mounted) return;\n await nextTick();\n if (!mounted || version !== revision) return;\n update();\n if (!active.value) return;\n if (typeof ResizeObserver !== \"undefined\") {\n observer = new ResizeObserver(update);\n if (anchor.value) observer.observe(anchor.value);\n if (content.value) observer.observe(content.value);\n }\n window.addEventListener(\"scroll\", update, true);\n window.addEventListener(\"resize\", update);\n attached = true;\n }\n watch([active, anchor, content], bind, { flush: \"post\" });\n onMounted(() => {\n mounted = true;\n void bind();\n });\n onBeforeUnmount(() => {\n mounted = false;\n ++revision;\n detach();\n });\n return layout;\n}\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n createPopover,\n popoverKey,\n hoverGesture,\n type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(defineProps<PopoverProps>(), {\n open: undefined,\n defaultOpen: false,\n trigger: \"click\",\n side: \"bottom\",\n align: \"center\",\n sideOffset: 14,\n panelRadius: 16,\n gooStrength: 8,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"goo\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n if (props.trigger === \"hover\" && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n if (props.trigger === \"hover\" && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n <div\n ref=\"root\"\n :class=\"['relative inline-flex isolate', className]\"\n @pointerenter=\"enter\"\n @pointerleave=\"leave\"\n >\n <slot :open=\"state.open.value\" />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n createPopover,\n popoverKey,\n hoverGesture,\n type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(defineProps<PopoverProps>(), {\n open: undefined,\n defaultOpen: false,\n trigger: \"click\",\n side: \"bottom\",\n align: \"center\",\n sideOffset: 14,\n panelRadius: 16,\n gooStrength: 8,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"goo\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n if (props.trigger === \"hover\" && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n if (props.trigger === \"hover\" && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n <div\n ref=\"root\"\n :class=\"['relative inline-flex isolate', className]\"\n @pointerenter=\"enter\"\n @pointerleave=\"leave\"\n >\n <slot :open=\"state.open.value\" />\n </div>\n</template>\n","<script lang=\"ts\">\nimport {\n Comment,\n Fragment,\n Text,\n cloneVNode,\n defineComponent,\n h,\n onBeforeUnmount,\n type VNode,\n} from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n return nodes.flatMap((node) =>\n node.type === Fragment\n ? flatten(node.children as VNode[])\n : node.type === Comment\n ? []\n : [node],\n );\n}\nexport default defineComponent({\n name: \"PopoverTrigger\",\n inheritAttrs: false,\n setup(_, { attrs, slots }) {\n const state = usePopover();\n let keyboard = false;\n let contact: { kind: string; opened: boolean } | undefined;\n onBeforeUnmount(() => {\n state.trigger.value = null;\n });\n const click = (event: MouseEvent) => {\n if (event.defaultPrevented) return;\n if (state.kind === \"morph\") {\n state.armFocusOnOpen(\n !state.open.value && keyboard && event.detail === 0,\n );\n keyboard = false;\n state.toggle();\n } else if (state.p.trigger !== \"hover\") state.toggle();\n else {\n const gesture = contact;\n contact = undefined;\n if (gesture && gesture.kind !== \"mouse\") state.setOpen(!gesture.opened);\n }\n };\n return () => {\n const nodes = flatten(slots.default?.() ?? []);\n const child =\n nodes.length === 1 && nodes[0]!.type !== Text\n ? nodes[0]!\n : h(\n \"button\",\n {\n type: \"button\",\n class:\n \"inline-flex items-center rounded-full border border-border bg-background px-4 py-2 text-sm\",\n },\n nodes,\n );\n return cloneVNode(\n child,\n {\n ...attrs,\n ref: (node: unknown) => {\n state.trigger.value = resolveElement<HTMLElement>(node);\n },\n id: state.triggerId,\n \"aria-haspopup\": \"dialog\",\n \"aria-expanded\": state.open.value,\n \"aria-controls\": state.open.value ? state.contentId : undefined,\n \"data-state\": state.open.value ? \"open\" : \"closed\",\n class: [\n attrs.class,\n state.kind === \"goo\" ? \"relative z-0\" : undefined,\n ],\n onPointerdown: (event: PointerEvent) => {\n keyboard = false;\n contact = { kind: event.pointerType, opened: state.open.value };\n },\n onPointercancel: () => {\n contact = undefined;\n },\n onKeydown: (event: KeyboardEvent) => {\n contact = undefined;\n keyboard = event.key === \"Enter\" || event.key === \" \";\n },\n onFocus: (event: FocusEvent) => {\n if (\n !event.defaultPrevented &&\n state.kind === \"goo\" &&\n state.p.trigger === \"hover\"\n )\n state.openHover();\n },\n onBlur: (event: FocusEvent) => {\n if (\n !event.defaultPrevented &&\n state.kind === \"goo\" &&\n state.p.trigger === \"hover\"\n )\n state.scheduleClose();\n },\n onClick: click,\n },\n true,\n );\n };\n },\n});\n</script>\n","<script lang=\"ts\">\nimport {\n Comment,\n Fragment,\n Text,\n cloneVNode,\n defineComponent,\n h,\n onBeforeUnmount,\n type VNode,\n} from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n return nodes.flatMap((node) =>\n node.type === Fragment\n ? flatten(node.children as VNode[])\n : node.type === Comment\n ? []\n : [node],\n );\n}\nexport default defineComponent({\n name: \"PopoverTrigger\",\n inheritAttrs: false,\n setup(_, { attrs, slots }) {\n const state = usePopover();\n let keyboard = false;\n let contact: { kind: string; opened: boolean } | undefined;\n onBeforeUnmount(() => {\n state.trigger.value = null;\n });\n const click = (event: MouseEvent) => {\n if (event.defaultPrevented) return;\n if (state.kind === \"morph\") {\n state.armFocusOnOpen(\n !state.open.value && keyboard && event.detail === 0,\n );\n keyboard = false;\n state.toggle();\n } else if (state.p.trigger !== \"hover\") state.toggle();\n else {\n const gesture = contact;\n contact = undefined;\n if (gesture && gesture.kind !== \"mouse\") state.setOpen(!gesture.opened);\n }\n };\n return () => {\n const nodes = flatten(slots.default?.() ?? []);\n const child =\n nodes.length === 1 && nodes[0]!.type !== Text\n ? nodes[0]!\n : h(\n \"button\",\n {\n type: \"button\",\n class:\n \"inline-flex items-center rounded-full border border-border bg-background px-4 py-2 text-sm\",\n },\n nodes,\n );\n return cloneVNode(\n child,\n {\n ...attrs,\n ref: (node: unknown) => {\n state.trigger.value = resolveElement<HTMLElement>(node);\n },\n id: state.triggerId,\n \"aria-haspopup\": \"dialog\",\n \"aria-expanded\": state.open.value,\n \"aria-controls\": state.open.value ? state.contentId : undefined,\n \"data-state\": state.open.value ? \"open\" : \"closed\",\n class: [\n attrs.class,\n state.kind === \"goo\" ? \"relative z-0\" : undefined,\n ],\n onPointerdown: (event: PointerEvent) => {\n keyboard = false;\n contact = { kind: event.pointerType, opened: state.open.value };\n },\n onPointercancel: () => {\n contact = undefined;\n },\n onKeydown: (event: KeyboardEvent) => {\n contact = undefined;\n keyboard = event.key === \"Enter\" || event.key === \" \";\n },\n onFocus: (event: FocusEvent) => {\n if (\n !event.defaultPrevented &&\n state.kind === \"goo\" &&\n state.p.trigger === \"hover\"\n )\n state.openHover();\n },\n onBlur: (event: FocusEvent) => {\n if (\n !event.defaultPrevented &&\n state.kind === \"goo\" &&\n state.p.trigger === \"hover\"\n )\n state.scheduleClose();\n },\n onClick: click,\n },\n true,\n );\n };\n },\n});\n</script>\n","export type Side = \"top\" | \"bottom\";\nexport type Align = \"start\" | \"center\" | \"end\";\nexport interface Rect { x: number; y: number; w: number; h: number; r: number }\nexport interface Geo {\n layerW: number; layerH: number; left: number; top: number;\n trigger: Rect; panel: Rect;\n}\n\n/** Place both surfaces in the bounding box of their union. */\nexport function buildGeo(tW: number, tH: number, cW: number, cH: number, side: Side, align: Align, gap: number, panelRadius: number, position?: { x: number; y: number }): Geo {\n const horizontal = position?.x ?? { start: 0, center: (tW - cW) / 2, end: tW - cW }[align];\n const vertical = position?.y ?? (side === \"top\" ? -cH - gap : tH + gap);\n const left = Math.min(0, horizontal), top = Math.min(0, vertical);\n const layerW = Math.max(tW, horizontal + cW) - left;\n const layerH = Math.max(tH, vertical + cH) - top;\n return {\n layerW, layerH, left, top,\n trigger: { x: -left, y: -top, w: tW, h: tH, r: Math.min(tH / 2, panelRadius) },\n panel: { x: horizontal - left, y: vertical - top, w: cW, h: cH, r: panelRadius },\n };\n}\nexport function positionPopover(\n trigger: { left: number; top: number; width: number; height: number },\n content: { width: number; height: number },\n viewport: { width: number; height: number },\n options: { side: Side; align: Align; gap: number; radius: number },\n) {\n const gutter = 12;\n const free = {\n top: Math.max(0, trigger.top - options.gap - gutter),\n bottom: Math.max(0, viewport.height - trigger.top - trigger.height - options.gap - gutter),\n };\n const alternative = options.side === \"top\" ? \"bottom\" : \"top\";\n const side = content.height > free[options.side] && free[alternative] > free[options.side] ? alternative : options.side;\n const height = Math.min(content.height, free[side]);\n const preferred = trigger.left + { start: 0, center: (trigger.width - content.width) / 2, end: trigger.width - content.width }[options.align];\n const left = Math.max(gutter, Math.min(preferred, viewport.width - content.width - gutter));\n const top = side === \"top\" ? trigger.top - options.gap - height : trigger.top + trigger.height + options.gap;\n return {\n side, availableHeight: free[side],\n geometry: buildGeo(trigger.width, trigger.height, content.width, height, side, options.align, options.gap, options.radius, { x: left - trigger.left, y: top - trigger.top }),\n };\n}\nexport function rectAtProgress(geo: Geo, progress: number): Rect {\n const interpolate = (key: keyof Rect) => geo.trigger[key] * (1 - progress) + geo.panel[key] * progress;\n return { x: interpolate(\"x\"), y: interpolate(\"y\"), w: interpolate(\"w\"), h: interpolate(\"h\"), r: interpolate(\"r\") };\n}\nexport function insetFor(rect: Rect, layerW: number, layerH: number) {\n const edges = [rect.y, layerW - rect.x - rect.w, layerH - rect.y - rect.h, rect.x];\n return `inset(${edges.map(edge => `${edge}px`).join(\" \")} round ${rect.r}px)`;\n}\nfunction outline(rect: Rect) {\n const radius = Math.max(0, Math.min(rect.r, rect.w / 2, rect.h / 2));\n const left = rect.x, top = rect.y, right = rect.x + rect.w, bottom = rect.y + rect.h;\n const handles = radius * 0.5523;\n return {\n radius, start: [left + radius, top],\n corners: [\n { line: [right - radius, top], end: [right, top + radius], a: [right - radius + handles, top], b: [right, top + radius - handles] },\n { line: [right, bottom - radius], end: [right - radius, bottom], a: [right, bottom - radius + handles], b: [right - radius + handles, bottom] },\n { line: [left + radius, bottom], end: [left, bottom - radius], a: [left + radius - handles, bottom], b: [left, bottom - radius + handles] },\n { line: [left, top + radius], end: [left + radius, top], a: [left, top + radius - handles], b: [left + radius - handles, top] },\n ],\n };\n}\nexport function roundedRectShape(rect: Rect) {\n const shape = outline(rect);\n const point = (coordinates: number[]) => coordinates.map(coordinate => `${coordinate.toFixed(3)}px`).join(\" \");\n const commands = shape.corners.flatMap(corner => [\n `line to ${point(corner.line)}`,\n `curve to ${point(corner.end)} with ${point(corner.a)} / ${point(corner.b)}`,\n ]);\n return `shape(from ${point(shape.start)}, ${commands.join(\", \")}, close)`;\n}\nexport function clipForProgress(geo: Geo, progress: number, supportsShape: boolean) {\n const surface = rectAtProgress(geo, progress);\n return supportsShape ? roundedRectShape(surface) : insetFor(surface, geo.layerW, geo.layerH);\n}\nexport function roundedRectPath(rect: Rect) {\n const shape = outline(rect);\n const point = (coordinates: number[]) => coordinates.map(coordinate => coordinate.toFixed(3)).join(\" \");\n const arc = `A${shape.radius.toFixed(3)} ${shape.radius.toFixed(3)} 0 0 1`;\n let path = `M${point(shape.start)}`;\n shape.corners.forEach((corner, index) => {\n const axis = index % 2 === 0 ? 0 : 1;\n path += `${axis === 0 ? \"H\" : \"V\"}${corner.line[axis]!.toFixed(3)}${arc} ${point(corner.end)}`;\n });\n return path + \"Z\";\n}\n/** An even-odd path leaves the real trigger visible through the goo surface. */\nexport function triggerCutout(geo: Geo, padding = 0) {\n const bounds: Rect = { x: -padding, y: -padding, w: geo.layerW + padding * 2, h: geo.layerH + padding * 2, r: 0 };\n return `path(evenodd, \"${roundedRectPath(bounds)} ${roundedRectPath(geo.trigger)}\")`;\n}\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { usePopover, usePortalPosition, hoverGesture } from \"./context\";\nimport {\n buildGeo,\n clipForProgress,\n positionPopover,\n triggerCutout,\n} from \"./geometry\";\ndefineProps<{ className?: string }>();\nconst state = usePopover();\nconst mounted = ref(false);\nconst viewport = ref({ width: 0, height: 0 });\nconst resize = () => {\n viewport.value = { width: window.innerWidth, height: window.innerHeight };\n};\nconst measure = state.content;\nconst layout = usePortalPosition(state.anchor, measure, mounted);\nconst blob = ref<HTMLElement | null>(null);\nconst clip = ref<HTMLElement | null>(null);\nconst bridge = ref<HTMLElement | null>(null);\nconst blur = ref<SVGFEGaussianBlurElement | null>(null);\nconst chrome = ref<HTMLElement | null>(null);\nconst surface = ref<HTMLElement | null>(null);\nconst resting = ref(!state.open.value && state.progress.get() === 0);\nconst shape = ref(false);\nconst contentHover = hoverGesture();\nconst corridorHover = hoverGesture();\nconst placement = computed(() => {\n const size = layout.value;\n const options = {\n side: state.p.side ?? \"bottom\",\n align: state.p.align ?? \"center\",\n gap: state.p.sideOffset ?? 14,\n radius: state.p.panelRadius ?? 16,\n };\n if (!size)\n return {\n side: options.side,\n availableHeight: 0,\n geometry: buildGeo(\n 0,\n 0,\n 0,\n 0,\n options.side,\n options.align,\n options.gap,\n options.radius,\n ),\n };\n const placed = positionPopover(\n size.trigger,\n size.content,\n viewport.value,\n options,\n );\n const anchor = state.anchor.value;\n if (anchor) {\n const radius = getComputedStyle(anchor).borderTopLeftRadius;\n const value = parseFloat(radius);\n if (Number.isFinite(value))\n placed.geometry.trigger.r = Math.min(\n radius.endsWith(\"%\") ? (value * size.trigger.height) / 100 : value,\n size.trigger.width / 2,\n size.trigger.height / 2,\n );\n }\n return placed;\n});\nconst geometry = computed(() => placement.value.geometry);\nconst bounds = computed(() => ({\n left: geometry.value.left + \"px\",\n top: geometry.value.top + \"px\",\n width: geometry.value.layerW + \"px\",\n height: geometry.value.layerH + \"px\",\n}));\nconst triggerRect = computed(() => {\n const box = geometry.value.trigger;\n return {\n left: box.x + \"px\",\n top: box.y + \"px\",\n width: box.w + \"px\",\n height: box.h + \"px\",\n borderRadius: box.r + \"px\",\n };\n});\nlet stopChange: (() => void) | undefined;\nlet stopComplete: (() => void) | undefined;\nfunction settledProgress(progress: number) {\n const value = Math.max(0, Math.min(1, (progress - 0.55) / 0.45));\n return value * value * (3 - 2 * value);\n}\nfunction surfaceFilter() {\n const shadow = \"drop-shadow(0 10px 22px rgb(0 0 0 / 0.12))\";\n return state.reduce.value || settledProgress(state.progress.get()) >= 0.999\n ? shadow\n : `url(#${state.gooId}) ${shadow}`;\n}\nfunction paint() {\n if (!geometry.value.layerW) return;\n const progress = state.progress.get();\n const settled = settledProgress(progress);\n if (surface.value) surface.value.style.filter = surfaceFilter();\n if (bridge.value) bridge.value.style.opacity = String(1 - settled);\n if (blur.value)\n blur.value.setAttribute(\n \"stdDeviation\",\n String(\n state.reduce.value ? 0 : (state.p.gooStrength ?? 8) * (1 - settled),\n ),\n );\n if (chrome.value) chrome.value.style.opacity = String(settled);\n const path = clipForProgress(geometry.value, progress, shape.value);\n for (const element of [blob.value, clip.value])\n if (element) element.style.clipPath = path;\n}\nfunction enter(event: PointerEvent, surface: \"content\" | \"clip\") {\n if (\n state.p.trigger !== \"hover\" ||\n !(surface === \"content\" ? contentHover : corridorHover).enter(event)\n )\n return;\n surface === \"content\" ? state.openHover() : state.cancelClose();\n}\nfunction leave(event: PointerEvent, surface: \"content\" | \"clip\") {\n if (\n state.p.trigger === \"hover\" &&\n (surface === \"content\" ? contentHover : corridorHover).leave(event)\n )\n state.scheduleClose();\n}\nwatch(state.open, (open) => {\n if (open) resting.value = false;\n});\nwatch(\n [geometry, blob, clip, blur, bridge, chrome, surface, state.reduce],\n paint,\n {\n flush: \"post\",\n },\n);\nonMounted(() => {\n resize();\n window.addEventListener(\"resize\", resize);\n mounted.value = true;\n shape.value =\n typeof CSS !== \"undefined\" &&\n typeof CSS.supports === \"function\" &&\n CSS.supports(\"clip-path\", \"shape(from 0px 0px, line to 1px 1px, close)\");\n stopChange = state.progress.on(\"change\", paint);\n stopComplete = state.progress.on(\"animationComplete\", () => {\n if (!state.open.value && state.progress.get() === 0) resting.value = true;\n });\n});\nonBeforeUnmount(() => {\n window.removeEventListener(\"resize\", resize);\n stopChange?.();\n stopComplete?.();\n measure.value = null;\n});\n</script>\n<template>\n <Teleport v-if=\"mounted\" to=\"body\"\n ><div\n data-popover-portal=\"\"\n class=\"pointer-events-none fixed top-0 left-0 z-[9999] isolate size-0\"\n :style=\"{\n visibility: layout && !resting ? 'visible' : 'hidden',\n transform: `translate3d(${layout?.trigger.left ?? 0}px,${layout?.trigger.top ?? 0}px,0)`,\n }\"\n >\n <svg aria-hidden=\"true\" width=\"0\" height=\"0\" class=\"absolute\">\n <title>Popover visual effects</title>\n <defs>\n <filter\n :id=\"state.gooId\"\n x=\"-50%\"\n y=\"-50%\"\n width=\"200%\"\n height=\"200%\"\n >\n <feGaussianBlur\n ref=\"blur\"\n in=\"SourceGraphic\"\n :stdDeviation=\"\n state.reduce.value\n ? 0\n : (state.p.gooStrength ?? 8) *\n (1 - settledProgress(state.progress.get()))\n \"\n result=\"blur\"\n />\n <feColorMatrix\n in=\"blur\"\n mode=\"matrix\"\n values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -10\"\n result=\"goo\"\n />\n <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\" />\n </filter>\n </defs>\n </svg>\n <div\n ref=\"surface\"\n aria-hidden=\"true\"\n class=\"pointer-events-none absolute z-[-1]\"\n :style=\"{\n ...bounds,\n filter: surfaceFilter(),\n clipPath: triggerCutout(geometry, 48),\n }\"\n >\n <div ref=\"bridge\" class=\"absolute bg-popover\" :style=\"triggerRect\" />\n <div\n ref=\"blob\"\n class=\"absolute inset-0 bg-popover\"\n :style=\"{\n clipPath: clipForProgress(geometry, state.progress.get(), false),\n }\"\n />\n </div>\n <div class=\"pointer-events-none absolute z-10\" :style=\"bounds\">\n <div\n ref=\"clip\"\n :inert=\"!state.open.value\"\n data-popover-interactive-clip=\"\"\n @pointerenter=\"enter($event, 'clip')\"\n @pointerleave=\"leave($event, 'clip')\"\n class=\"absolute inset-0\"\n :style=\"{\n clipPath: clipForProgress(geometry, state.progress.get(), false),\n pointerEvents: state.open.value ? 'auto' : 'none',\n }\"\n >\n <div\n ref=\"chrome\"\n aria-hidden=\"true\"\n data-popover-chrome=\"\"\n class=\"pointer-events-none absolute z-20\"\n :style=\"{\n left: geometry.panel.x + 'px',\n top: geometry.panel.y + 'px',\n width: geometry.panel.w + 'px',\n height: geometry.panel.h + 'px',\n borderRadius: geometry.panel.r + 'px',\n boxShadow: 'inset 0 0 0 1px var(--color-border)',\n opacity: settledProgress(state.progress.get()),\n }\"\n />\n <div\n ref=\"measure\"\n v-bind=\"$attrs\"\n :id=\"state.contentId\"\n role=\"dialog\"\n :aria-labelledby=\"state.triggerId\"\n :aria-hidden=\"!state.open.value\"\n @pointerenter=\"enter($event, 'content')\"\n @pointerleave=\"leave($event, 'content')\"\n :style=\"{\n position: 'absolute',\n left: geometry.panel.x + 'px',\n top: geometry.panel.y + 'px',\n transformOrigin: `${state.p.align === 'start' ? 'left' : state.p.align === 'end' ? 'right' : 'center'} ${placement.side === 'top' ? 'bottom' : 'top'}`,\n maxHeight: layout ? placement.availableHeight + 'px' : undefined,\n overflowY: 'auto',\n }\"\n :class=\"\n cn(\n 'w-max max-w-[min(92vw,20rem)] p-4 text-popover-foreground outline-none',\n $attrs.class as string,\n className,\n )\n \"\n >\n <slot />\n </div>\n </div>\n </div></div\n ></Teleport>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { usePopover, usePortalPosition, hoverGesture } from \"./context\";\nimport {\n buildGeo,\n clipForProgress,\n positionPopover,\n triggerCutout,\n} from \"./geometry\";\ndefineProps<{ className?: string }>();\nconst state = usePopover();\nconst mounted = ref(false);\nconst viewport = ref({ width: 0, height: 0 });\nconst resize = () => {\n viewport.value = { width: window.innerWidth, height: window.innerHeight };\n};\nconst measure = state.content;\nconst layout = usePortalPosition(state.anchor, measure, mounted);\nconst blob = ref<HTMLElement | null>(null);\nconst clip = ref<HTMLElement | null>(null);\nconst bridge = ref<HTMLElement | null>(null);\nconst blur = ref<SVGFEGaussianBlurElement | null>(null);\nconst chrome = ref<HTMLElement | null>(null);\nconst surface = ref<HTMLElement | null>(null);\nconst resting = ref(!state.open.value && state.progress.get() === 0);\nconst shape = ref(false);\nconst contentHover = hoverGesture();\nconst corridorHover = hoverGesture();\nconst placement = computed(() => {\n const size = layout.value;\n const options = {\n side: state.p.side ?? \"bottom\",\n align: state.p.align ?? \"center\",\n gap: state.p.sideOffset ?? 14,\n radius: state.p.panelRadius ?? 16,\n };\n if (!size)\n return {\n side: options.side,\n availableHeight: 0,\n geometry: buildGeo(\n 0,\n 0,\n 0,\n 0,\n options.side,\n options.align,\n options.gap,\n options.radius,\n ),\n };\n const placed = positionPopover(\n size.trigger,\n size.content,\n viewport.value,\n options,\n );\n const anchor = state.anchor.value;\n if (anchor) {\n const radius = getComputedStyle(anchor).borderTopLeftRadius;\n const value = parseFloat(radius);\n if (Number.isFinite(value))\n placed.geometry.trigger.r = Math.min(\n radius.endsWith(\"%\") ? (value * size.trigger.height) / 100 : value,\n size.trigger.width / 2,\n size.trigger.height / 2,\n );\n }\n return placed;\n});\nconst geometry = computed(() => placement.value.geometry);\nconst bounds = computed(() => ({\n left: geometry.value.left + \"px\",\n top: geometry.value.top + \"px\",\n width: geometry.value.layerW + \"px\",\n height: geometry.value.layerH + \"px\",\n}));\nconst triggerRect = computed(() => {\n const box = geometry.value.trigger;\n return {\n left: box.x + \"px\",\n top: box.y + \"px\",\n width: box.w + \"px\",\n height: box.h + \"px\",\n borderRadius: box.r + \"px\",\n };\n});\nlet stopChange: (() => void) | undefined;\nlet stopComplete: (() => void) | undefined;\nfunction settledProgress(progress: number) {\n const value = Math.max(0, Math.min(1, (progress - 0.55) / 0.45));\n return value * value * (3 - 2 * value);\n}\nfunction surfaceFilter() {\n const shadow = \"drop-shadow(0 10px 22px rgb(0 0 0 / 0.12))\";\n return state.reduce.value || settledProgress(state.progress.get()) >= 0.999\n ? shadow\n : `url(#${state.gooId}) ${shadow}`;\n}\nfunction paint() {\n if (!geometry.value.layerW) return;\n const progress = state.progress.get();\n const settled = settledProgress(progress);\n if (surface.value) surface.value.style.filter = surfaceFilter();\n if (bridge.value) bridge.value.style.opacity = String(1 - settled);\n if (blur.value)\n blur.value.setAttribute(\n \"stdDeviation\",\n String(\n state.reduce.value ? 0 : (state.p.gooStrength ?? 8) * (1 - settled),\n ),\n );\n if (chrome.value) chrome.value.style.opacity = String(settled);\n const path = clipForProgress(geometry.value, progress, shape.value);\n for (const element of [blob.value, clip.value])\n if (element) element.style.clipPath = path;\n}\nfunction enter(event: PointerEvent, surface: \"content\" | \"clip\") {\n if (\n state.p.trigger !== \"hover\" ||\n !(surface === \"content\" ? contentHover : corridorHover).enter(event)\n )\n return;\n surface === \"content\" ? state.openHover() : state.cancelClose();\n}\nfunction leave(event: PointerEvent, surface: \"content\" | \"clip\") {\n if (\n state.p.trigger === \"hover\" &&\n (surface === \"content\" ? contentHover : corridorHover).leave(event)\n )\n state.scheduleClose();\n}\nwatch(state.open, (open) => {\n if (open) resting.value = false;\n});\nwatch(\n [geometry, blob, clip, blur, bridge, chrome, surface, state.reduce],\n paint,\n {\n flush: \"post\",\n },\n);\nonMounted(() => {\n resize();\n window.addEventListener(\"resize\", resize);\n mounted.value = true;\n shape.value =\n typeof CSS !== \"undefined\" &&\n typeof CSS.supports === \"function\" &&\n CSS.supports(\"clip-path\", \"shape(from 0px 0px, line to 1px 1px, close)\");\n stopChange = state.progress.on(\"change\", paint);\n stopComplete = state.progress.on(\"animationComplete\", () => {\n if (!state.open.value && state.progress.get() === 0) resting.value = true;\n });\n});\nonBeforeUnmount(() => {\n window.removeEventListener(\"resize\", resize);\n stopChange?.();\n stopComplete?.();\n measure.value = null;\n});\n</script>\n<template>\n <Teleport v-if=\"mounted\" to=\"body\"\n ><div\n data-popover-portal=\"\"\n class=\"pointer-events-none fixed top-0 left-0 z-[9999] isolate size-0\"\n :style=\"{\n visibility: layout && !resting ? 'visible' : 'hidden',\n transform: `translate3d(${layout?.trigger.left ?? 0}px,${layout?.trigger.top ?? 0}px,0)`,\n }\"\n >\n <svg aria-hidden=\"true\" width=\"0\" height=\"0\" class=\"absolute\">\n <title>Popover visual effects</title>\n <defs>\n <filter\n :id=\"state.gooId\"\n x=\"-50%\"\n y=\"-50%\"\n width=\"200%\"\n height=\"200%\"\n >\n <feGaussianBlur\n ref=\"blur\"\n in=\"SourceGraphic\"\n :stdDeviation=\"\n state.reduce.value\n ? 0\n : (state.p.gooStrength ?? 8) *\n (1 - settledProgress(state.progress.get()))\n \"\n result=\"blur\"\n />\n <feColorMatrix\n in=\"blur\"\n mode=\"matrix\"\n values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -10\"\n result=\"goo\"\n />\n <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\" />\n </filter>\n </defs>\n </svg>\n <div\n ref=\"surface\"\n aria-hidden=\"true\"\n class=\"pointer-events-none absolute z-[-1]\"\n :style=\"{\n ...bounds,\n filter: surfaceFilter(),\n clipPath: triggerCutout(geometry, 48),\n }\"\n >\n <div ref=\"bridge\" class=\"absolute bg-popover\" :style=\"triggerRect\" />\n <div\n ref=\"blob\"\n class=\"absolute inset-0 bg-popover\"\n :style=\"{\n clipPath: clipForProgress(geometry, state.progress.get(), false),\n }\"\n />\n </div>\n <div class=\"pointer-events-none absolute z-10\" :style=\"bounds\">\n <div\n ref=\"clip\"\n :inert=\"!state.open.value\"\n data-popover-interactive-clip=\"\"\n @pointerenter=\"enter($event, 'clip')\"\n @pointerleave=\"leave($event, 'clip')\"\n class=\"absolute inset-0\"\n :style=\"{\n clipPath: clipForProgress(geometry, state.progress.get(), false),\n pointerEvents: state.open.value ? 'auto' : 'none',\n }\"\n >\n <div\n ref=\"chrome\"\n aria-hidden=\"true\"\n data-popover-chrome=\"\"\n class=\"pointer-events-none absolute z-20\"\n :style=\"{\n left: geometry.panel.x + 'px',\n top: geometry.panel.y + 'px',\n width: geometry.panel.w + 'px',\n height: geometry.panel.h + 'px',\n borderRadius: geometry.panel.r + 'px',\n boxShadow: 'inset 0 0 0 1px var(--color-border)',\n opacity: settledProgress(state.progress.get()),\n }\"\n />\n <div\n ref=\"measure\"\n v-bind=\"$attrs\"\n :id=\"state.contentId\"\n role=\"dialog\"\n :aria-labelledby=\"state.triggerId\"\n :aria-hidden=\"!state.open.value\"\n @pointerenter=\"enter($event, 'content')\"\n @pointerleave=\"leave($event, 'content')\"\n :style=\"{\n position: 'absolute',\n left: geometry.panel.x + 'px',\n top: geometry.panel.y + 'px',\n transformOrigin: `${state.p.align === 'start' ? 'left' : state.p.align === 'end' ? 'right' : 'center'} ${placement.side === 'top' ? 'bottom' : 'top'}`,\n maxHeight: layout ? placement.availableHeight + 'px' : undefined,\n overflowY: 'auto',\n }\"\n :class=\"\n cn(\n 'w-max max-w-[min(92vw,20rem)] p-4 text-popover-foreground outline-none',\n $attrs.class as string,\n className,\n )\n \"\n >\n <slot />\n </div>\n </div>\n </div></div\n ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n createPopover,\n popoverKey,\n hoverGesture,\n type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(\n defineProps<{ open?: boolean; defaultOpen?: boolean; className?: string }>(),\n { open: undefined },\n);\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"morph\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n if (false && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n if (false && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n <div\n ref=\"root\"\n :class=\"['relative inline-flex', className]\"\n @pointerenter=\"enter\"\n @pointerleave=\"leave\"\n >\n <slot :open=\"state.open.value\" />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n createPopover,\n popoverKey,\n hoverGesture,\n type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(\n defineProps<{ open?: boolean; defaultOpen?: boolean; className?: string }>(),\n { open: undefined },\n);\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"morph\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n if (false && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n if (false && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n <div\n ref=\"root\"\n :class=\"['relative inline-flex', className]\"\n @pointerenter=\"enter\"\n @pointerleave=\"leave\"\n >\n <slot :open=\"state.open.value\" />\n </div>\n</template>\n","import { isRef, nextTick, onBeforeUnmount, type Ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\ntype Options = {\n initialFocus?: HTMLElement | Ref<HTMLElement | null> | null;\n onOpenAutoFocus?: (content: HTMLDivElement) => void;\n};\nexport function createMorphFocus(\n options: Options,\n allowed: () => boolean,\n takeIntent: () => boolean,\n) {\n let epoch = 0;\n let used = false;\n let detach: (() => void) | undefined;\n let disposed = false;\n function reset() {\n ++epoch;\n used = false;\n detach?.();\n detach = undefined;\n }\n async function focus(panel: HTMLElement | null) {\n if (used || !panel || !allowed()) return;\n used = true;\n if (options.onOpenAutoFocus) {\n options.onOpenAutoFocus(panel as HTMLDivElement);\n takeIntent();\n return;\n }\n if (!takeIntent()) return;\n const version = epoch;\n await nextTick();\n if (disposed || version !== epoch || !allowed()) return;\n const document = panel.ownerDocument;\n const previous = document.activeElement;\n const untouched = () =>\n document.activeElement === previous || document.activeElement === panel;\n const first = () => {\n const initial = resolveElement<HTMLElement>(\n isRef(options.initialFocus)\n ? options.initialFocus.value\n : options.initialFocus,\n );\n const candidates = [\n initial,\n ...panel.querySelectorAll<HTMLElement>(\n 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])',\n ),\n ];\n for (const candidate of candidates) {\n candidate?.focus({ preventScroll: true });\n if (!untouched()) {\n candidate?.scrollIntoView?.({ block: \"nearest\" });\n return true;\n }\n }\n panel.focus({ preventScroll: true });\n return false;\n };\n if (first()) return;\n const wrapper = panel.parentElement;\n const cancel = () => {\n detach?.();\n detach = undefined;\n };\n const retry = (event: TransitionEvent) => {\n if (event.propertyName === \"visibility\" && (!untouched() || first()))\n cancel();\n };\n wrapper?.addEventListener(\"transitionend\", retry);\n document.addEventListener(\"keydown\", cancel, true);\n document.addEventListener(\"pointerdown\", cancel, true);\n detach = () => {\n wrapper?.removeEventListener(\"transitionend\", retry);\n document.removeEventListener(\"keydown\", cancel, true);\n document.removeEventListener(\"pointerdown\", cancel, true);\n };\n }\n onBeforeUnmount(() => {\n disposed = true;\n reset();\n });\n return { focus, reset };\n}\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n type Ref,\n} from \"vue\";\nimport { animate, motion, motionValue, useTransform } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover, usePortalPosition } from \"./context\";\nimport { createMorphFocus } from \"./morph-focus\";\nconst props = withDefaults(\n defineProps<{\n side?: \"top\" | \"bottom\";\n align?: \"start\" | \"end\";\n sideOffset?: number;\n radius?: number;\n shadow?: boolean;\n initialFocus?: HTMLElement | Ref<HTMLElement | null> | null;\n onOpenAutoFocus?: (content: HTMLDivElement) => void;\n className?: string;\n }>(),\n { side: \"bottom\", align: \"end\", sideOffset: 8, radius: 16, shadow: true },\n);\nconst state = usePopover();\nconst mounted = ref(false);\nconst present = ref(state.open.value);\nconst panel = ref<unknown>(null);\nconst measured = computed({\n get: () => resolveElement<HTMLElement>(panel.value),\n set: (value) => {\n panel.value = value;\n },\n});\nconst layout = usePortalPosition(\n state.anchor,\n measured,\n computed(() => mounted.value && state.open.value),\n);\nconst progress = motionValue(0);\nconst fade = motionValue(state.reduce.value ? 0 : 1);\nconst focus = createMorphFocus(\n props,\n () => state.open.value && !!layout.value,\n state.takeFocusOnOpen,\n);\nwatch(\n panel,\n (value) => {\n state.content.value = resolveElement<HTMLElement>(value);\n },\n { flush: \"post\" },\n);\nconst placement = computed(() => {\n const box = layout.value;\n if (!box) return { left: 0, top: 0, side: props.side, available: 0 };\n const gutter = 12;\n const free = {\n bottom: Math.max(\n 0,\n window.innerHeight -\n box.trigger.top -\n box.trigger.height -\n props.sideOffset -\n gutter,\n ),\n top: Math.max(0, box.trigger.top - props.sideOffset - gutter),\n };\n const alternative = props.side === \"top\" ? \"bottom\" : \"top\";\n const side =\n box.content.height > free[props.side] &&\n free[alternative] > free[props.side]\n ? alternative\n : props.side;\n const preferred =\n box.trigger.left +\n (props.align === \"end\" ? box.trigger.width - box.content.width : 0);\n return {\n left: Math.max(\n gutter,\n Math.min(preferred, window.innerWidth - box.content.width - gutter),\n ),\n top:\n side === \"bottom\"\n ? box.trigger.top + box.trigger.height + props.sideOffset\n : Math.max(\n gutter,\n box.trigger.top - box.content.height - props.sideOffset,\n ),\n side,\n available: free[side],\n };\n});\nconst clipPath = useTransform(() => {\n const inset = 92 * (1 - progress.get());\n return `inset(${placement.value.side === \"top\" ? inset : 0}% ${props.align === \"start\" ? inset : 0}% ${placement.value.side === \"bottom\" ? inset : 0}% ${props.align === \"end\" ? inset : 0}% round ${props.radius}px)`;\n});\nconst opacity = useTransform(progress, [0, 0.15], [0, 1]);\nlet animation: ReturnType<typeof animate> | undefined;\nlet revision = 0;\nlet disposed = false;\nfunction run() {\n animation?.stop();\n if (!mounted.value || !layout.value || disposed) return;\n const version = ++revision;\n const opened = state.open.value;\n const done = () => {\n if (!disposed && version === revision && !opened && !state.open.value)\n present.value = false;\n };\n if (state.reduce.value) {\n progress.jump(1);\n animation = animate(fade, opened ? 1 : 0, {\n duration: 0.12,\n onComplete: done,\n });\n } else\n animation = animate(progress, opened ? 1 : 0, {\n ...(opened\n ? { type: \"spring\", duration: 0.26, bounce: 0 }\n : { duration: 0.2, ease: EASE_OUT }),\n onComplete: done,\n });\n void focus.focus(state.content.value);\n}\nwatch(\n state.open,\n async (opened) => {\n focus.reset();\n ++revision;\n if (opened) {\n layout.value = null;\n progress.jump(0);\n fade.jump(state.reduce.value ? 0 : 1);\n present.value = true;\n await nextTick();\n }\n run();\n },\n { flush: \"post\" },\n);\nwatch(\n () => !!layout.value,\n (ready) => {\n if (ready) run();\n },\n { flush: \"post\" },\n);\nonMounted(() => {\n mounted.value = true;\n present.value = state.open.value;\n});\nonBeforeUnmount(() => {\n disposed = true;\n ++revision;\n animation?.stop();\n progress.destroy();\n fade.destroy();\n state.content.value = null;\n});\n</script>\n<template>\n <Teleport v-if=\"mounted\" to=\"body\"\n ><motion.div\n v-if=\"present\"\n data-morph-popover-portal=\"\"\n :inert=\"!state.open.value\"\n :style=\"{\n left: placement.left + 'px',\n top: placement.top + 'px',\n opacity: state.reduce.value ? fade : opacity,\n pointerEvents: state.open.value ? 'auto' : 'none',\n visibility: layout ? 'visible' : 'hidden',\n }\"\n :class=\"[\n 'fixed z-[9999]',\n shadow\n ? '[filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]'\n : undefined,\n ]\"\n ><motion.div\n ref=\"panel\"\n v-bind=\"$attrs\"\n :id=\"state.contentId\"\n role=\"dialog\"\n :aria-labelledby=\"state.triggerId\"\n tabindex=\"-1\"\n :style=\"{\n clipPath: state.reduce.value ? undefined : clipPath,\n borderRadius: props.radius + 'px',\n maxHeight: layout ? placement.available + 'px' : undefined,\n overflowX: 'hidden',\n overflowY: 'auto',\n }\"\n :class=\"\n cn(\n 'overflow-hidden border border-border bg-background outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n $attrs.class as string,\n className,\n )\n \"\n ><slot /></motion.div></motion.div\n ></Teleport>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n type Ref,\n} from \"vue\";\nimport { animate, motion, motionValue, useTransform } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover, usePortalPosition } from \"./context\";\nimport { createMorphFocus } from \"./morph-focus\";\nconst props = withDefaults(\n defineProps<{\n side?: \"top\" | \"bottom\";\n align?: \"start\" | \"end\";\n sideOffset?: number;\n radius?: number;\n shadow?: boolean;\n initialFocus?: HTMLElement | Ref<HTMLElement | null> | null;\n onOpenAutoFocus?: (content: HTMLDivElement) => void;\n className?: string;\n }>(),\n { side: \"bottom\", align: \"end\", sideOffset: 8, radius: 16, shadow: true },\n);\nconst state = usePopover();\nconst mounted = ref(false);\nconst present = ref(state.open.value);\nconst panel = ref<unknown>(null);\nconst measured = computed({\n get: () => resolveElement<HTMLElement>(panel.value),\n set: (value) => {\n panel.value = value;\n },\n});\nconst layout = usePortalPosition(\n state.anchor,\n measured,\n computed(() => mounted.value && state.open.value),\n);\nconst progress = motionValue(0);\nconst fade = motionValue(state.reduce.value ? 0 : 1);\nconst focus = createMorphFocus(\n props,\n () => state.open.value && !!layout.value,\n state.takeFocusOnOpen,\n);\nwatch(\n panel,\n (value) => {\n state.content.value = resolveElement<HTMLElement>(value);\n },\n { flush: \"post\" },\n);\nconst placement = computed(() => {\n const box = layout.value;\n if (!box) return { left: 0, top: 0, side: props.side, available: 0 };\n const gutter = 12;\n const free = {\n bottom: Math.max(\n 0,\n window.innerHeight -\n box.trigger.top -\n box.trigger.height -\n props.sideOffset -\n gutter,\n ),\n top: Math.max(0, box.trigger.top - props.sideOffset - gutter),\n };\n const alternative = props.side === \"top\" ? \"bottom\" : \"top\";\n const side =\n box.content.height > free[props.side] &&\n free[alternative] > free[props.side]\n ? alternative\n : props.side;\n const preferred =\n box.trigger.left +\n (props.align === \"end\" ? box.trigger.width - box.content.width : 0);\n return {\n left: Math.max(\n gutter,\n Math.min(preferred, window.innerWidth - box.content.width - gutter),\n ),\n top:\n side === \"bottom\"\n ? box.trigger.top + box.trigger.height + props.sideOffset\n : Math.max(\n gutter,\n box.trigger.top - box.content.height - props.sideOffset,\n ),\n side,\n available: free[side],\n };\n});\nconst clipPath = useTransform(() => {\n const inset = 92 * (1 - progress.get());\n return `inset(${placement.value.side === \"top\" ? inset : 0}% ${props.align === \"start\" ? inset : 0}% ${placement.value.side === \"bottom\" ? inset : 0}% ${props.align === \"end\" ? inset : 0}% round ${props.radius}px)`;\n});\nconst opacity = useTransform(progress, [0, 0.15], [0, 1]);\nlet animation: ReturnType<typeof animate> | undefined;\nlet revision = 0;\nlet disposed = false;\nfunction run() {\n animation?.stop();\n if (!mounted.value || !layout.value || disposed) return;\n const version = ++revision;\n const opened = state.open.value;\n const done = () => {\n if (!disposed && version === revision && !opened && !state.open.value)\n present.value = false;\n };\n if (state.reduce.value) {\n progress.jump(1);\n animation = animate(fade, opened ? 1 : 0, {\n duration: 0.12,\n onComplete: done,\n });\n } else\n animation = animate(progress, opened ? 1 : 0, {\n ...(opened\n ? { type: \"spring\", duration: 0.26, bounce: 0 }\n : { duration: 0.2, ease: EASE_OUT }),\n onComplete: done,\n });\n void focus.focus(state.content.value);\n}\nwatch(\n state.open,\n async (opened) => {\n focus.reset();\n ++revision;\n if (opened) {\n layout.value = null;\n progress.jump(0);\n fade.jump(state.reduce.value ? 0 : 1);\n present.value = true;\n await nextTick();\n }\n run();\n },\n { flush: \"post\" },\n);\nwatch(\n () => !!layout.value,\n (ready) => {\n if (ready) run();\n },\n { flush: \"post\" },\n);\nonMounted(() => {\n mounted.value = true;\n present.value = state.open.value;\n});\nonBeforeUnmount(() => {\n disposed = true;\n ++revision;\n animation?.stop();\n progress.destroy();\n fade.destroy();\n state.content.value = null;\n});\n</script>\n<template>\n <Teleport v-if=\"mounted\" to=\"body\"\n ><motion.div\n v-if=\"present\"\n data-morph-popover-portal=\"\"\n :inert=\"!state.open.value\"\n :style=\"{\n left: placement.left + 'px',\n top: placement.top + 'px',\n opacity: state.reduce.value ? fade : opacity,\n pointerEvents: state.open.value ? 'auto' : 'none',\n visibility: layout ? 'visible' : 'hidden',\n }\"\n :class=\"[\n 'fixed z-[9999]',\n shadow\n ? '[filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]'\n : undefined,\n ]\"\n ><motion.div\n ref=\"panel\"\n v-bind=\"$attrs\"\n :id=\"state.contentId\"\n role=\"dialog\"\n :aria-labelledby=\"state.triggerId\"\n tabindex=\"-1\"\n :style=\"{\n clipPath: state.reduce.value ? undefined : clipPath,\n borderRadius: props.radius + 'px',\n maxHeight: layout ? placement.available + 'px' : undefined,\n overflowX: 'hidden',\n overflowY: 'auto',\n }\"\n :class=\"\n cn(\n 'overflow-hidden border border-border bg-background outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n $attrs.class as string,\n className,\n )\n \"\n ><slot /></motion.div></motion.div\n ></Teleport>\n</template>\n","<script lang=\"ts\">\nimport PopoverTrigger from \"./PopoverTrigger.vue\";\nexport default PopoverTrigger;\n</script>\n","<script lang=\"ts\">\nimport PopoverTrigger from \"./PopoverTrigger.vue\";\nexport default PopoverTrigger;\n</script>\n"],"mappings":"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"}

package/dist/poses-BY_jc8mF.js ADDED Viewed

@@ -0,0 +1,72 @@
+import { r as e, u as t } from "./ease-rIvCM4O3.js";
+// src/motion/action-swap/src/poses.ts
+function n(n, r, i) {
+	let a = n !== "blur";
+	return {
+		initial: i ? !1 : a ? {
+			opacity: 0,
+			y: r === "icon" ? 12 : "90%",
+			filter: "blur(6px)"
+		} : {
+			opacity: 0,
+			scale: r === "icon" ? .25 : .96,
+			filter: "blur(6px)"
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1,
+			filter: "blur(0px)"
+		},
+		exit: i ? void 0 : a ? {
+			opacity: 0,
+			y: r === "icon" ? -12 : "-90%",
+			filter: "blur(6px)",
+			transition: {
+				duration: .14,
+				ease: e
+			}
+		} : {
+			opacity: 0,
+			scale: r === "icon" ? .25 : .96,
+			filter: "blur(6px)",
+			transition: {
+				duration: .12,
+				ease: e
+			}
+		},
+		transition: a ? t : {
+			duration: .18,
+			ease: e
+		}
+	};
+}
+var r = {
+	initial: {
+		opacity: 0,
+		y: "105%",
+		filter: "blur(6px)"
+	},
+	animate: (e = 0) => ({
+		opacity: 1,
+		y: "0%",
+		filter: "blur(0px)",
+		transition: {
+			...t,
+			delay: Number(e)
+		}
+	}),
+	exit: (t = 0) => ({
+		opacity: 0,
+		y: "-105%",
+		filter: "blur(6px)",
+		transition: {
+			duration: .16,
+			ease: e,
+			delay: Number(t) / 2
+		}
+	})
+};
+export { n, r as t };
+//# sourceMappingURL=poses-BY_jc8mF.js.map

package/dist/poses-BY_jc8mF.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"poses-BY_jc8mF.js","names":["EASE_OUT","SPRING_SWAP","swapPose","rolling","animation","quiet","kind","cascadePoses","offset"],"sources":["../src/motion/action-swap/src/poses.ts"],"sourcesContent":["import { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nexport function swapPose(animation: \"cascade\" | \"blur\" | \"roll\", kind: \"icon\" | \"text\", quiet: boolean) {\n const rolling = animation !== \"blur\";\n const initial = rolling ? { opacity: 0, y: kind === \"icon\" ? 12 : \"90%\", filter: \"blur(6px)\" }\n : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\" };\n const exit = rolling ? { opacity: 0, y: kind === \"icon\" ? -12 : \"-90%\", filter: \"blur(6px)\", transition: { duration: 0.14, ease: EASE_OUT } }\n : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\", transition: { duration: 0.12, ease: EASE_OUT } };\n return { initial: quiet ? false as const : initial, animate: { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" }, exit: quiet ? undefined : exit, transition: rolling ? SPRING_SWAP : { duration: 0.18, ease: EASE_OUT } };\n}\nexport const cascadePoses = {\n initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n animate: (offset: unknown = 0) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: Number(offset) } }),\n exit: (offset: unknown = 0) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: Number(offset) / 2 } }),\n};\n"],"mappings":";;AACA,SAAgBE,EAAS,GAAwC,GAAuB,GAAgB;CACtG,IAAMC,IAAUC,MAAc;CAK9B,OAAO;EAAE,SAASC,IAAQ,KAJVF,IAAU;GAAE,SAAS;GAAG,GAAGG,MAAS,SAAS,KAAK;GAAO,QAAQ;EAAY,IACzF;GAAE,SAAS;GAAG,OAAOA,MAAS,SAAS,MAAO;GAAM,QAAQ;EAAY;EAGxB,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG,OAAO;GAAG,QAAQ;EAAY;EAAG,MAAMD,IAAQ,KAAA,IAFnHF,IAAU;GAAE,SAAS;GAAG,GAAGG,MAAS,SAAS,MAAM;GAAQ,QAAQ;GAAa,YAAY;IAAE,UAAU;IAAM,MAAMN;GAAS;EAAE,IACxI;GAAE,SAAS;GAAG,OAAOM,MAAS,SAAS,MAAO;GAAM,QAAQ;GAAa,YAAY;IAAE,UAAU;IAAM,MAAMN;GAAS;EAAE;EACsB,YAAYG,IAAUF,IAAc;GAAE,UAAU;GAAM,MAAMD;EAAS;CAAE;AAC3N;AACA,IAAaO,IAAe;CAC1B,SAAS;EAAE,SAAS;EAAG,GAAG;EAAQ,QAAQ;CAAY;CACtD,UAAU,IAAkB,OAAO;EAAE,SAAS;EAAG,GAAG;EAAM,QAAQ;EAAa,YAAY;GAAE,GAAGN;GAAa,OAAO,OAAOO,CAAM;EAAE;CAAE;CACrI,OAAO,IAAkB,OAAO;EAAE,SAAS;EAAG,GAAG;EAAS,QAAQ;EAAa,YAAY;GAAE,UAAU;GAAM,MAAMR;GAAU,OAAO,OAAOQ,CAAM,IAAI;EAAE;CAAE;AAC3J"}