npm - @wow-two-beta/ui-vue - Versions diffs - 0.0.4 → 0.0.6 - Mend

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

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 (2100) hide show

package/dist/chunks/BackToTopButton.vue_vue_type_script_setup_true_lang-CSRUFdcY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BackToTopButton.vue_vue_type_script_setup_true_lang-CSRUFdcY.js","sources":["../../src/presentation/actions/buttonGroup/ButtonGroup.vue","../../src/presentation/actions/fabButton/FabButton.variants.ts","../../src/presentation/actions/fabButton/FabButton.vue","../../src/presentation/actions/copyButton/CopyButton.vue","../../src/presentation/actions/googleSignInButton/GoogleSignInButton.vue","../../src/presentation/actions/disclosureButton/DisclosureButton.vue","../../src/presentation/actions/toolbar/ToolbarContext.ts","../../src/presentation/actions/toolbar/Toolbar.vue","../../src/presentation/actions/toolbar/ToolbarButton.vue","../../src/presentation/actions/toolbar/ToolbarLink.vue","../../src/presentation/actions/toolbar/ToolbarSeparator.vue","../../src/presentation/actions/toolbar/index.ts","../../src/presentation/actions/speedDialGroup/SpeedDialGroupContext.ts","../../src/presentation/actions/speedDialGroup/SpeedDialGroupList.vue","../../src/presentation/actions/speedDialGroup/SpeedDialGroupTrigger.vue","../../src/presentation/actions/speedDialGroup/SpeedDialGroup.vue","../../src/presentation/actions/speedDialGroup/SpeedDialGroupAction.vue","../../src/presentation/actions/speedDialGroup/index.ts","../../src/presentation/actions/backToTopButton/BackToTopButton.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\nimport type { Orientation } from '../../../foundation/styles';\n\n/* Native div attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface ButtonGroupProps extends /* @vue-ignore */ HTMLAttributes {\n /** The visual orientation. Default `horizontal`. */\n readonly orientation?: Orientation;\n\n /** The attached state — groups children with collapsed inner radii (connected look). Default `true`. */\n readonly isAttached?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useTemplateRef } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn, Orientation as OrientationValue } from '../../../foundation/styles';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a row or column of related buttons, collapsing their inner radii into one connected control. */\ndefineOptions({ name: 'ButtonGroup', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<ButtonGroupProps>(), {\n orientation: OrientationValue.Horizontal,\n isAttached: true,\n});\n\ndefineSlots<{\n /** The buttons the group lays out and joins into one connected control. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst isHorizontal = computed(() => props.orientation === OrientationValue.Horizontal);\n\nconst rootClass = computed(() =>\n cn(\n 'inline-flex',\n isHorizontal.value ? 'flex-row' : 'flex-col',\n props.isAttached\n ? isHorizontal.value\n ? '[&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px'\n : '[&>*]:rounded-none [&>*:first-child]:rounded-t-md [&>*:last-child]:rounded-b-md [&>*:not(:first-child)]:-mt-px'\n : 'gap-2',\n attrs.class as ClassValue,\n ),\n);\n\nconst root = useTemplateRef<HTMLDivElement>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: root });\n</script>\n\n<template>\n \n <div ref=\"root\" role=\"group\" :data-orientation=\"orientation\" :class=\"rootClass\" v-bind=\"passthroughAttrs\">\n <slot />\n </div>\n</template>\n","import { tv, OverlayPosition, type VariantProps } from '../../../foundation/styles';\n\n/** Defines the FabButton's visual surface style. */\nexport const FabButtonVariant = {\n /** Refers to the primary brand-filled surface. */\n Primary: 'primary',\n /** Refers to the neutral card surface with a hairline border. */\n Secondary: 'secondary',\n /** Refers to the destructive / error-filled surface. */\n Destructive: 'destructive',\n} as const;\n\nexport type FabButtonVariant = (typeof FabButtonVariant)[keyof typeof FabButtonVariant];\n\n/** Defines the FabButton's diameter. */\nexport const FabButtonSize = {\n /** Refers to the small (2.5rem) diameter. */\n Sm: 'sm',\n /** Refers to the medium (3.5rem) default diameter. */\n Md: 'md',\n /** Refers to the large (4rem) diameter. */\n Lg: 'lg',\n} as const;\n\nexport type FabButtonSize = (typeof FabButtonSize)[keyof typeof FabButtonSize];\n\nexport const fabVariants = tv({\n base: 'fixed inline-flex items-center justify-center rounded-full shadow-lg transition-all hover:shadow-xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n primary: 'bg-primary text-primary-foreground hover:bg-primary/90',\n secondary: 'bg-card text-card-foreground border border-border hover:bg-muted',\n destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n },\n size: {\n sm: 'h-10 w-10',\n md: 'h-14 w-14',\n lg: 'h-16 w-16',\n },\n position: {\n 'bottom-right': 'bottom-6 right-6',\n 'bottom-left': 'bottom-6 left-6',\n 'bottom-center': 'bottom-6 left-1/2 -translate-x-1/2',\n 'top-right': 'top-6 right-6',\n 'top-left': 'top-6 left-6',\n 'top-center': 'top-6 left-1/2 -translate-x-1/2',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n position: 'bottom-right',\n },\n});\n\nexport type FabButtonVariants = VariantProps<typeof fabVariants>;\n\n/* Compile-time lock: enum values ≡ tv axis keys (drift = type error). */\ntype AssertExact<A, B> = [A] extends [B] ? ([B] extends [A] ? true : never) : never;\nconst _assertFabVariant: AssertExact<FabButtonVariant, NonNullable<FabButtonVariants['variant']>> = true;\nconst _assertFabSize: AssertExact<FabButtonSize, NonNullable<FabButtonVariants['size']>> = true;\nconst _assertFabPosition: AssertExact<OverlayPosition, NonNullable<FabButtonVariants['position']>> = true;\nvoid _assertFabVariant;\nvoid _assertFabSize;\nvoid _assertFabPosition;\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes } from 'vue';\nimport { AriaAttribute } from '../../../foundation/dom';\nimport { type OverlayPosition } from '../../../foundation/styles';\nimport type { FabButtonVariants, FabButtonVariant, FabButtonSize } from './FabButton.variants';\n\n/** @internal An attribute name this component derives or requires. */\ntype RequiredAttribute = typeof AriaAttribute.Label;\n\n/* The required accessible label rides on the ignored heritage rather than the body — FabButton content\n is typically icon-only, so the name is mandatory, but it must reach the DOM as an attribute. */\ntype FabButtonAttributes = ButtonHTMLAttributes & Record<RequiredAttribute, string>;\n\n/* Both heritage types are `@vue-ignore`d — native button attributes belong in attribute\n fallthrough, and `FabButtonVariants` resolves through `typeof fabVariants`, which the SFC prop\n compiler cannot walk. */\ntype FabButtonBase = FabButtonAttributes & Omit<FabButtonVariants, 'variant' | 'size' | 'position'>;\n\nexport interface FabButtonProps extends /* @vue-ignore */ FabButtonBase {\n /** The visual surface style. */\n readonly variant?: FabButtonVariant;\n /** The button diameter. */\n readonly size?: FabButtonSize;\n /** The anchor position on the viewport. */\n readonly position?: OverlayPosition;\n /** The button type. Default `ButtonType.Button`. */\n readonly type?: ButtonType;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useTemplateRef } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { ButtonType } from '../../../foundation/dom';\nimport { cn } from '../../../foundation/styles';\nimport { fabVariants } from './FabButton.variants';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a floating action button — a circular, shadowed control pinned to a corner of the viewport. */\ndefineOptions({ name: 'FabButton', inheritAttrs: false });\n\n/* `aria-label` is deliberately NOT a declared prop: Vue camelizes prop keys, so a declared\n `'aria-label'` would arrive as `props.ariaLabel` and never render. It stays a fallthrough attr;\n the interface keeps the requirement through the `@vue-ignore`d heritage. */\n/* `children` has no prop counterpart — it is the default slot. */\nconst props = withDefaults(defineProps<FabButtonProps>(), { type: ButtonType.Button });\n\ndefineSlots<{\n /** The button's content — typically a single icon. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn(fabVariants({ variant: props.variant, size: props.size, position: props.position }), attrs.class as ClassValue),\n);\n\nconst root = useTemplateRef<HTMLButtonElement>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: root });\n</script>\n\n<template>\n \n <button ref=\"root\" :type=\"type\" :class=\"rootClass\" v-bind=\"passthroughAttrs\">\n <slot />\n </button>\n</template>\n","<script lang=\"ts\">\nimport { AriaAttribute, DomEvent, type HandlerProp } from '../../../foundation/dom';\nimport type { ButtonProps } from '../button';\n\n/** @internal The attributes this component renders itself rather than forwarding. */\nconst OwnedAttributes = [AriaAttribute.Label] as const;\n\n/** @internal An attribute name from {@link OwnedAttributes}. */\ntype OwnedAttribute = (typeof OwnedAttributes)[number];\n\n/** @internal The `ButtonProps` handler this component replaces with its own emit. */\ntype ReplacedButtonProp = keyof Pick<ButtonProps, HandlerProp<typeof DomEvent.Error>>;\n\n/** Defines the forwarded `ButtonProps`, with the owned attributes re-added as required. */\ntype CopyButtonAttributes = Omit<ButtonProps, ReplacedButtonProp | OwnedAttribute> & Record<OwnedAttribute, string>;\n\n/** Defines props for the clipboard-copy button. */\nexport interface CopyButtonProps extends /* @vue-ignore */ CopyButtonAttributes {\n /** The text to copy when the button is activated. */\n readonly text: string;\n\n /** The reset window for the `copied` state in ms. Default 2000. Set 0 to hold `copied` until the next mount. */\n readonly resetAfter?: number;\n\n /** The accessible name to announce while `copied` is true. Falls back to `aria-label` when omitted. */\n readonly copiedAriaLabel?: string;\n\n /** The visual surface style. Default `ghost`. */\n readonly variant?: ButtonVariant;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, watch } from 'vue';\nimport { Check, Copy } from 'lucide-vue-next';\n\nimport { Icon } from '../../../foundation/icons';\nimport { useClipboard } from '../../../foundation/clipboard';\nimport { AttributeValue } from '../../../foundation/dom';\nimport { OptionalExtensions } from '../../../foundation/optionals';\nimport Button from '../button/Button.vue';\nimport { ButtonVariant } from '../button';\n\n/** Renders a clipboard-copy button — for code blocks, ID / URL fields, and inline copy affordances. */\ndefineOptions({ name: 'CopyButton', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<CopyButtonProps>(), {\n resetAfter: 2000,\n variant: ButtonVariant.Ghost,\n});\n\nconst emit = defineEmits<{\n /** Fires when `navigator.clipboard.writeText` rejects, once per error transition. */\n error: [error: Error];\n}>();\n\nconst slots = defineSlots<{\n /** The content — receives `{ copied, error }` for a state-driven swap. Icon-only Copy/Check when omitted. */\n default?: (props: { copied: boolean; error: Error | null }) => unknown;\n}>();\n\n/** @internal {@link OwnedAttributes} as a lookup, for filtering the fallthrough set. */\nconst OwnedAttributeLookup: ReadonlySet<string> = new Set(OwnedAttributes);\n\nconst attrs = useAttrs();\n\nconst { copied, error, copy } = useClipboard({ resetAfter: () => props.resetAfter });\n\n/** The fallthrough attributes minus the ones this component renders itself. */\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributeLookup.has(key))),\n);\n\n/** The accessible name for the current state — `copiedAriaLabel` while copied, `aria-label` otherwise. */\nconst effectiveAriaLabel = computed(() => {\n const label = attrs[AriaAttribute.Label] as string | undefined;\n return copied.value ? (props.copiedAriaLabel ?? label) : label;\n});\n\n/** The state icon shown when the consumer supplies no content. */\nconst fallbackIcon = computed(() => (copied.value ? Check : Copy));\n\n/** Emits `error` on each transition into a failed copy. */\nwatch(error, (next) => {\n if (next) emit(DomEvent.Error, next);\n});\n\n/** Copies the current text, discarding the settled promise. */\nfunction handleClick(): void {\n void copy(props.text);\n}\n</script>\n\n<template>\n <Button\n :variant=\"variant\"\n :aria-label=\"effectiveAriaLabel\"\n :data-copied=\"OptionalExtensions.from(copied, AttributeValue.True)\"\n v-bind=\"passthroughAttrs\"\n @click=\"handleClick\"\n >\n <slot v-if=\"slots.default\" :copied=\"copied\" :error=\"error\" />\n <Icon v-else :icon=\"fallbackIcon\" :size=\"16\" />\n </Button>\n</template>\n","<script lang=\"ts\">\nimport type { GoogleButtonOptions } from '../../../foundation/oauth';\n\n/** Defines the props for {@link GoogleSignInButton}. */\nexport interface GoogleSignInButtonProps {\n /** The OAuth client id. Empty renders nothing, so an app without one configured stays guest-only. */\n readonly clientId?: string;\n\n /** The button surface. Default `outline`. */\n readonly theme?: GoogleButtonOptions['theme'];\n\n /** The button height band. Default `large`. */\n readonly size?: GoogleButtonOptions['size'];\n\n /** The label wording. Default `signin_with`. */\n readonly text?: GoogleButtonOptions['text'];\n\n /** The button outline. Default `rectangular`. */\n readonly shape?: GoogleButtonOptions['shape'];\n\n /** The rendered width in px. GIS caps this at 400; omit to size to the host element. */\n readonly width?: number;\n\n /** The logo placement. Default `left`. */\n readonly logoAlignment?: GoogleButtonOptions['logo_alignment'];\n\n /** The BCP-47 locale for the button copy. Defaults to the browser's. */\n readonly locale?: string;\n\n /** Whether GIS may sign a returning user in without a click. Default `false`. */\n readonly autoSelect?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue';\n\nimport { GoogleIdentityStatus, useGoogleIdentity, type GoogleCredentialResponse } from '../../../foundation/oauth';\n\n/**\n * Renders the Google sign-in button — the Google-owned control for the GIS ID-token flow.\n *\n * The button itself is drawn by Google into the host element, not by this package: the ID-token flow\n * requires Google's own branding, so `theme` / `size` / `shape` are forwarded to GIS rather than\n * mapped onto house variants. Everything below the pixels is ours — script loading, `initialize`, and\n * the credential handoff live in `auth`'s `useGoogleIdentity`.\n *\n * The emitted `credential` is a signed JWT ID token, and it is **not** a session. Post it to the\n * product's identity endpoint for server-side verification, and let the response drive `AuthProvider`.\n */\ndefineOptions({ name: 'GoogleSignInButton', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<GoogleSignInButtonProps>(), {\n theme: 'outline',\n size: 'large',\n text: 'signin_with',\n shape: 'rectangular',\n logoAlignment: 'left',\n autoSelect: false,\n});\n\nconst emit = defineEmits<{\n /** Fires when the reader completes Google sign-in — carries the signed ID token and the raw GIS response. */\n credential: [credential: string, response: GoogleCredentialResponse];\n\n /** Fires when the GIS script fails to load or initialize. The button renders nothing once this fires. */\n error: [error: Error];\n}>();\n\nconst host = ref<HTMLElement | null>(null);\n\nconst identity = useGoogleIdentity({\n clientId: () => props.clientId,\n onCredential: (credential, response) => emit('credential', credential, response),\n onError: (error) => emit('error', error),\n autoSelect: () => props.autoSelect,\n});\n\n/* GIS reads these once per `renderButton` call, so a prop change has to re-render the button rather\n than mutate it. Collected into one computed so the watcher below fires on any of them. */\nconst buttonOptions = computed<GoogleButtonOptions>(() => ({\n theme: props.theme,\n size: props.size,\n text: props.text,\n shape: props.shape,\n width: props.width,\n logo_alignment: props.logoAlignment,\n locale: props.locale,\n}));\n\nconst isReady = computed(() => identity.status.value === GoogleIdentityStatus.Ready);\n\n/* `immediate` covers the case where the script resolved before this watcher was registered; the\n `nextTick` covers the opposite one, where `isReady` flips in the same tick the host is created and\n the ref is not populated yet. */\nwatch(\n [isReady, buttonOptions, host],\n async () => {\n if (!isReady.value) return;\n await nextTick();\n\n const target = host.value;\n if (!target) return;\n\n // GIS appends; without the clear, a re-render stacks a second button under the first.\n target.replaceChildren();\n identity.renderButton(target, buttonOptions.value);\n },\n { immediate: true },\n);\n</script>\n\n<template>\n <div v-if=\"clientId\" ref=\"host\" v-bind=\"$attrs\" />\n</template>\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes } from 'vue';\nimport type { Side } from '../../../foundation/styles';\n\n/* Native button attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface DisclosureButtonProps extends /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'children' | 'onChange'> {\n /** The controlled open state. */\n readonly open?: boolean;\n /** The uncontrolled initial state. */\n readonly defaultOpen?: boolean;\n /** The side the chevron sits on (`left` · `right`). Default `right`. */\n readonly chevronSide?: Side;\n /** The button type. Default `ButtonType.Button`. */\n readonly type?: ButtonType;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useTemplateRef } from 'vue';\nimport { ChevronDown } from 'lucide-vue-next';\nimport type { ClassValue } from 'clsx';\nimport { ButtonType, dataAttr } from '../../../foundation/dom';\nimport { cn, Side as SideValue } from '../../../foundation/styles';\nimport { Icon } from '../../../foundation/icons';\nimport { useControlled } from '../../../foundation/state';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a full-width labelled button with a rotating chevron that expands or collapses a section. */\ndefineOptions({ name: 'DisclosureButton', inheritAttrs: false });\n\n/* `children` became the default slot (the visible, left-aligned label); `onOpenChange` the\n `update:open` emit. */\nconst props = withDefaults(defineProps<DisclosureButtonProps>(), {\n chevronSide: SideValue.Right,\n type: ButtonType.Button,\n defaultOpen: false,\n open: undefined,\n});\n\nconst emit = defineEmits<{\n /** Fires when the reader expands or collapses the section, carrying the new open state. */\n 'update:open': [open: boolean];\n}>();\n\ndefineSlots<{\n /** The button's own label, left-aligned beside the chevron. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: open, setValue: setOpen } = useControlled<boolean>({\n controlled: () => props.open,\n default: props.defaultOpen,\n onChange: (next) => emit('update:open', next),\n});\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst chevronClass = computed(() => cn('transition-transform', open.value && 'rotate-180'));\n\nconst rootClass = computed(() =>\n cn(\n 'inline-flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n attrs.class as ClassValue,\n ),\n);\n\n/* Chained after the consumer's own click (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's `onClick?.(e); if (!e.defaultPrevented)`. */\nfunction handleClick(event: MouseEvent): void {\n if (event.defaultPrevented) return;\n setOpen(!open.value);\n}\n\nconst root = useTemplateRef<HTMLButtonElement>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: root });\n</script>\n\n<template>\n \n <button\n ref=\"root\"\n :type=\"type\"\n :aria-expanded=\"open\"\n :data-state=\"open ? 'open' : 'closed'\"\n :data-disabled=\"dataAttr(attrs.disabled as boolean | undefined)\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n @click=\"handleClick\"\n >\n <Icon v-if=\"chevronSide === SideValue.Left\" :icon=\"ChevronDown\" :size=\"16\" :class=\"chevronClass\" />\n <span class=\"flex-1 text-left\"><slot /></span>\n <Icon v-if=\"chevronSide === SideValue.Right\" :icon=\"ChevronDown\" :size=\"16\" :class=\"chevronClass\" />\n </button>\n</template>\n","import { inject, type InjectionKey } from 'vue';\nimport type { Orientation } from '../../../foundation/styles';\n\nexport interface ToolbarContextValue {\n /** The toolbar's layout axis. Live getter — read it, don't destructure it. */\n readonly orientation: Orientation;\n}\n\nexport const ToolbarKey: InjectionKey<ToolbarContextValue> = Symbol('wow-two.toolbar');\n\n/** Reads the surrounding `Toolbar`. Throws outside one — the parts are not standalone. */\nexport function useToolbarContext(): ToolbarContextValue {\n const context = inject(ToolbarKey, null);\n if (!context) throw new Error('Toolbar.* must be used inside <Toolbar>');\n return context;\n}\n","<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\nimport type { Orientation } from '../../../foundation/styles';\n\n/* Native div attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface ToolbarProps extends /* @vue-ignore */ HTMLAttributes {\n /** The layout axis — drives both the arrow-key navigation and the flex direction. Default `horizontal`. */\n readonly orientation?: Orientation;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, useAttrs, useTemplateRef, type ComponentPublicInstance } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn, Orientation as OrientationValue } from '../../../foundation/styles';\nimport { RovingFocusGroup } from '../../../foundation/primitives';\nimport { ToolbarKey } from './ToolbarContext';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a bordered strip of actions that arrow keys walk through as a single tab stop. */\ndefineOptions({ name: 'Toolbar', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<ToolbarProps>(), {\n orientation: OrientationValue.Horizontal,\n});\n\ndefineSlots<{\n /** The toolbar items — buttons, links, and separators sharing one roving tab stop. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\n/* Live getter, not a snapshot — `ToolbarSeparator` re-reads it to flip its own axis. */\nprovide(ToolbarKey, {\n get orientation() {\n return props.orientation;\n },\n});\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn(\n 'inline-flex items-center gap-1 rounded-md border border-border bg-background p-1',\n props.orientation === OrientationValue.Vertical && 'flex-col items-stretch',\n attrs.class as ClassValue,\n ),\n);\n\nconst root = useTemplateRef<ComponentPublicInstance>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\nconst el = computed<HTMLElement | null>(() => {\n const node = root.value?.$el;\n return node instanceof HTMLElement ? node : null;\n});\n\ndefineExpose({ el });\n</script>\n\n<template>\n <RovingFocusGroup\n ref=\"root\"\n :orientation=\"orientation\"\n can-loop\n role=\"toolbar\"\n :aria-orientation=\"orientation\"\n :data-orientation=\"orientation\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n >\n <slot />\n </RovingFocusGroup>\n</template>\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes } from 'vue';\n\n/* Native button attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface ToolbarButtonProps extends /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'children'> {\n /** The as-child flag — renders as the single child via `Primitive`, dropping item chrome. */\n readonly asChild?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { ButtonType, HtmlElement } from '../../../foundation/dom';\nimport { cn } from '../../../foundation/styles';\nimport { Primitive, useRovingFocusItem } from '../../../foundation/primitives';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders one action button inside a toolbar, taking its turn in the group's roving tab stop. */\ndefineOptions({ name: 'ToolbarButton', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<ToolbarButtonProps>(), { asChild: false });\n\ndefineSlots<{\n /** The button's label, or — under `asChild` — the single element that becomes the item. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\n/* Reactive object — `tabindex` tracks the group's tab stop, so read through it rather than\n destructuring. The function `ref` registers this item's node with the group. */\nconst roving = useRovingFocusItem();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n props.asChild\n ? cn(attrs.class as ClassValue)\n : cn(\n 'inline-flex h-8 items-center justify-center rounded-sm px-2 text-sm transition-colors hover:bg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n attrs.class as ClassValue,\n ),\n);\n\n/* Chained after the consumer's own keydown (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's explicit `if (e.defaultPrevented) return`. */\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.defaultPrevented) return;\n roving.onKeydown(event);\n}\n</script>\n\n<template>\n <Primitive\n :ref=\"roving.ref\"\n :as=\"HtmlElement.Button\"\n :as-child=\"asChild\"\n :type=\"asChild ? undefined : ButtonType.Button\"\n :tabindex=\"roving.tabindex\"\n :data-roving-focus-item=\"roving['data-roving-focus-item']\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n @focus=\"roving.onFocus()\"\n @keydown=\"handleKeydown\"\n >\n <slot />\n </Primitive>\n</template>\n","<script lang=\"ts\">\nimport type { AnchorHTMLAttributes } from 'vue';\n\n/* Native anchor attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport type ToolbarLinkProps = /* @vue-ignore */ Omit<AnchorHTMLAttributes, 'children'>;\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn } from '../../../foundation/styles';\nimport { useRovingFocusItem } from '../../../foundation/primitives';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders one anchor inside a toolbar, taking its turn in the group's roving tab stop. */\ndefineOptions({ name: 'ToolbarLink', inheritAttrs: false });\n\ndefineSlots<{\n /** The anchor's own label. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\n/* Reactive object — `tabindex` tracks the group's tab stop, so read through it rather than\n destructuring. The function `ref` registers this item's node with the group. */\nconst roving = useRovingFocusItem();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn(\n 'inline-flex h-8 items-center justify-center rounded-sm px-2 text-sm text-foreground underline-offset-2 transition-colors hover:bg-muted hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring',\n attrs.class as ClassValue,\n ),\n);\n\n/* Chained after the consumer's own keydown (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's explicit `if (e.defaultPrevented) return`. */\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.defaultPrevented) return;\n roving.onKeydown(event);\n}\n</script>\n\n<template>\n <a\n :ref=\"roving.ref\"\n :tabindex=\"roving.tabindex\"\n :data-roving-focus-item=\"roving['data-roving-focus-item']\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n @focus=\"roving.onFocus()\"\n @keydown=\"handleKeydown\"\n >\n <slot />\n </a>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn, Orientation } from '../../../foundation/styles';\nimport { useToolbarContext } from './ToolbarContext';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a hairline rule between two toolbar groups, turned across the toolbar's own axis. */\ndefineOptions({ name: 'ToolbarSeparator', inheritAttrs: false });\n\nconst attrs = useAttrs();\nconst context = useToolbarContext();\n\nconst isVertical = computed(() => context.orientation === Orientation.Vertical);\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn('shrink-0 bg-border', isVertical.value ? 'mx-1 h-px' : 'my-1 w-px self-stretch', attrs.class as ClassValue),\n);\n</script>\n\n<template>\n <div\n role=\"separator\"\n :aria-orientation=\"isVertical ? 'horizontal' : 'vertical'\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n />\n</template>\n","import ToolbarRoot from './Toolbar.vue';\nimport ToolbarButton from './ToolbarButton.vue';\nimport ToolbarLink from './ToolbarLink.vue';\nimport ToolbarSeparator from './ToolbarSeparator.vue';\n\n/**\n * The toolbar root, carrying its parts as properties so `<Toolbar.Button>` /\n * `<Toolbar.Separator>` resolve in a template — the counterpart of the React\n * original's `Object.assign`. Each part is also exported on its own name.\n */\nconst Toolbar: typeof ToolbarRoot & {\n Button: typeof ToolbarButton;\n LinkItem: typeof ToolbarLink;\n SeparatorLayout: typeof ToolbarSeparator;\n} = Object.assign(ToolbarRoot, {\n Button: ToolbarButton,\n LinkItem: ToolbarLink,\n SeparatorLayout: ToolbarSeparator,\n});\n\nexport { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator };\nexport type { ToolbarProps } from './Toolbar.vue';\nexport type { ToolbarButtonProps } from './ToolbarButton.vue';\nexport type { ToolbarLinkProps } from './ToolbarLink.vue';\nexport { ToolbarKey, useToolbarContext, type ToolbarContextValue } from './ToolbarContext';\n","import { inject, type InjectionKey, type ShallowRef } from 'vue';\nimport type { OverlayPosition } from '../../../foundation/styles';\n\n/** The overlay anchor position of a SpeedDialGroup (shared overlay vocabulary). */\nexport type SpeedDialGroupPosition = OverlayPosition;\n\n/** Defines the axis a SpeedDialGroup's action items fan out along. */\nexport const SpeedDialGroupDirection = {\n /** Refers to items stacking upward from the trigger. */\n Up: 'up',\n /** Refers to items stacking downward from the trigger. */\n Down: 'down',\n /** Refers to items stacking to the left of the trigger. */\n Left: 'left',\n /** Refers to items stacking to the right of the trigger. */\n Right: 'right',\n} as const;\n\nexport type SpeedDialGroupDirection = (typeof SpeedDialGroupDirection)[keyof typeof SpeedDialGroupDirection];\n\nexport interface SpeedDialGroupContextValue {\n /** The open state. Live getter — read it, don't destructure it. */\n readonly open: boolean;\n\n /** Sets the open state (and fires the root's `open-change`). */\n setOpen: (open: boolean) => void;\n\n /**\n * The trigger's element, published by `SpeedDialGroupTrigger` on mount. Escape and\n * action-select return focus here — the React original held a `MutableRefObject`\n * threaded through `composeRefs`; a Vue child writes its own element into this ref\n * instead.\n */\n triggerEl: ShallowRef<HTMLElement | null>;\n\n /** The resolved fan-out axis. Live getter. */\n readonly direction: SpeedDialGroupDirection;\n\n /** The viewport anchor. Live getter. */\n readonly position: SpeedDialGroupPosition;\n}\n\nexport const SpeedDialGroupKey: InjectionKey<SpeedDialGroupContextValue> = Symbol('wow-two.speedDial');\n\n/** Reads the surrounding `SpeedDialGroup`. Throws outside one — the parts are not standalone. */\nexport function useSpeedDialContext(): SpeedDialGroupContextValue {\n const context = inject(SpeedDialGroupKey, null);\n if (!context) throw new Error('SpeedDialGroup.* must be used inside <SpeedDialGroup>');\n return context;\n}\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn } from '../../../foundation/styles';\n\n/**\n * Renders the `<ul>` an open speed dial fans its action items into.\n *\n * `Presence`-clonable list: a single element that takes the `data-state` and `ref`\n * `Presence` injects. Marked `group` so each action item animates off its\n * `data-[state]`; carries its own fade so `Presence` has an animation on *this*\n * node to watch before unmount. Internal — not exported from the barrel.\n */\ndefineOptions({ name: 'SpeedDialGroupList', inheritAttrs: false });\n\ndefineSlots<{\n /** The `SpeedDialGroupAction` items the list fans out, each its own `<li>`. */\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn(\n 'group absolute flex',\n /* list fade gated on data-state; motion-safe so reduced-motion users\n get no movement. */\n 'motion-safe:data-[state=open]:animate-(--animate-fade-in)',\n 'motion-safe:data-[state=closed]:animate-(--animate-fade-out)',\n 'motion-reduce:animate-none',\n /* Per-item enter stagger: ramp `animation-delay` on the first few items\n while opening only (closed → delay 0 so no item outlasts the list's\n own fade-out, which gates unmount). */\n 'motion-safe:group-data-[state=open]:[&>li:nth-child(2)]:[animation-delay:40ms]',\n 'motion-safe:group-data-[state=open]:[&>li:nth-child(3)]:[animation-delay:80ms]',\n 'motion-safe:group-data-[state=open]:[&>li:nth-child(4)]:[animation-delay:120ms]',\n 'motion-safe:group-data-[state=open]:[&>li:nth-child(n+5)]:[animation-delay:160ms]',\n attrs.class as ClassValue,\n ),\n);\n</script>\n\n<template>\n <ul role=\"menu\" :class=\"rootClass\" v-bind=\"passthroughAttrs\">\n <slot />\n </ul>\n</template>\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes, VNodeChild } from 'vue';\nimport type { FabButtonVariant, FabButtonSize } from '../fabButton/FabButton.variants';\n\n/* Native button attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface SpeedDialGroupTriggerProps extends /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'children'> {\n /** The glyph shown while closed. Defaults to a `Plus` icon. Prefer the `closed-icon` named slot. */\n readonly closedIcon?: VNodeChild;\n\n /** The glyph shown while open. Defaults to an `X` icon. Prefer the `open-icon` named slot. */\n readonly openIcon?: VNodeChild;\n\n /** The FabButton surface style. */\n readonly variant?: FabButtonVariant;\n\n /** The FabButton diameter. */\n readonly size?: FabButtonSize;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, defineComponent, useAttrs, useTemplateRef, watchPostEffect } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { Plus, X } from 'lucide-vue-next';\nimport { AriaAttribute } from '../../../foundation/dom';\nimport { cn } from '../../../foundation/styles';\nimport { Icon } from '../../../foundation/icons';\nimport FabButton from '../fabButton/FabButton.vue';\nimport { useSpeedDialContext } from './SpeedDialGroupContext';\n\n/** Renders the speed dial's pinned FAB, swapping its glyph as the dial opens and closes. */\ndefineOptions({ name: 'SpeedDialGroupTrigger', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<SpeedDialGroupTriggerProps>(), {\n /* `VNodeChild` includes `boolean`, so Vue's boolean casting turns an absent node-valued prop\n into `false` rather than `undefined` — which reads as \"supplied\" at every `!== undefined`\n check. An explicit `undefined` default suppresses the cast. */\n closedIcon: undefined,\n openIcon: undefined,\n});\n\ndefineSlots<{\n /** The glyph shown while the dial is open. Falls back to `openIcon`, then to an `X` icon. */\n 'open-icon'?(): unknown;\n\n /** The glyph shown while the dial is closed. Falls back to `closedIcon`, then to a `Plus` icon. */\n 'closed-icon'?(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst context = useSpeedDialContext();\n\n/* `aria-label` is read off `attrs`, not `props`: Vue camelizes declared prop keys, so a declared\n `'aria-label'` would arrive as `props.ariaLabel` and never render. It is stripped from the\n forwarded attrs and re-bound below, so the resolved value is the one that lands. */\nconst ariaLabel = computed(() => (attrs[AriaAttribute.Label] as string | undefined) ?? 'Toggle actions');\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class', AriaAttribute.Label]);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\n/* Stable render-only wrappers for the node-valued props, so each can render as the fallback of its\n named-slot twin. */\nconst ClosedIconProp = defineComponent({ render: () => props.closedIcon });\nconst OpenIconProp = defineComponent({ render: () => props.openIcon });\n\nconst fab = useTemplateRef('fab');\n\n/* Publishes the trigger element into the root's context — Escape and action-select return focus\n here. The React original threaded a shared `MutableRefObject` through `composeRefs`. */\nwatchPostEffect(() => {\n const node = fab.value?.$el;\n context.triggerEl.value = node instanceof HTMLElement ? node : null;\n});\n\nconst rootClass = computed(() =>\n cn('static !bottom-auto !left-auto !right-auto !top-auto !translate-x-0', attrs.class as ClassValue),\n);\n\n/* Chained after the consumer's own click (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's `onClick?.(e); if (e.defaultPrevented) return`. */\nfunction handleClick(event: MouseEvent): void {\n if (event.defaultPrevented) return;\n context.setOpen(!context.open);\n}\n</script>\n\n<template>\n <FabButton\n ref=\"fab\"\n v-bind=\"passthroughAttrs\"\n :aria-label=\"ariaLabel\"\n aria-haspopup=\"menu\"\n :aria-expanded=\"context.open\"\n :variant=\"variant\"\n :size=\"size\"\n :position=\"context.position\"\n :class=\"rootClass\"\n @click=\"handleClick\"\n >\n <template v-if=\"context.open\">\n <slot name=\"open-icon\">\n <OpenIconProp v-if=\"openIcon !== undefined\" />\n <Icon v-else :icon=\"X\" :size=\"20\" />\n </slot>\n </template>\n <template v-else>\n <slot name=\"closed-icon\">\n <ClosedIconProp v-if=\"closedIcon !== undefined\" />\n <Icon v-else :icon=\"Plus\" :size=\"20\" />\n </slot>\n </template>\n </FabButton>\n</template>\n","<script lang=\"ts\">\nimport type { SpeedDialGroupDirection, SpeedDialGroupPosition } from './SpeedDialGroupContext';\n\nexport interface SpeedDialGroupProps {\n /** The viewport anchor. Default `bottom-right`. */\n readonly position?: SpeedDialGroupPosition;\n\n /** The axis the action items fan out along. Defaults to the one implied by `position`. */\n readonly direction?: SpeedDialGroupDirection;\n\n /** The controlled open state. */\n readonly open?: boolean;\n\n /** The uncontrolled initial state. */\n readonly defaultOpen?: boolean;\n\n /** The pixel gap between stacked action items. Default 12. */\n readonly gap?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, useAttrs, useSlots, useTemplateRef, type VNode } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { cn, OverlayPosition } from '../../../foundation/styles';\nimport { Key } from '../../../foundation/dom';\nimport { Presence, renderableChildren } from '../../../foundation/primitives';\nimport { useControlled } from '../../../foundation/state';\nimport { useEscape } from '../../../foundation/shortcuts';\nimport { useOutsideClick } from '../../../foundation/dom';\nimport { SpeedDialGroupDirection as SpeedDialGroupDirectionValue, SpeedDialGroupKey } from './SpeedDialGroupContext';\nimport SpeedDialGroupList from './SpeedDialGroupList.vue';\nimport SpeedDialGroupTrigger from './SpeedDialGroupTrigger.vue';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a pinned trigger that fans a stack of action buttons out across the viewport when opened. */\ndefineOptions({ name: 'SpeedDialGroup', inheritAttrs: false });\n\n/* `className` is Vue's `class` fallthrough attr; `children` is the default slot. */\nconst props = withDefaults(defineProps<SpeedDialGroupProps>(), {\n position: OverlayPosition.BottomRight,\n direction: undefined,\n gap: 12,\n defaultOpen: false,\n open: undefined,\n});\n\nconst emit = defineEmits<{\n /** Fires when the dial opens or closes, carrying the new open state. */\n 'update:open': [open: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst PositionToDirection: Record<SpeedDialGroupPosition, SpeedDialGroupDirection> = {\n 'bottom-right': SpeedDialGroupDirectionValue.Up,\n 'bottom-left': SpeedDialGroupDirectionValue.Up,\n 'bottom-center': SpeedDialGroupDirectionValue.Up,\n 'top-right': SpeedDialGroupDirectionValue.Down,\n 'top-left': SpeedDialGroupDirectionValue.Down,\n 'top-center': SpeedDialGroupDirectionValue.Down,\n};\n\nconst PositionOffsets: Record<SpeedDialGroupPosition, string> = {\n 'bottom-right': 'bottom-6 right-6',\n 'bottom-left': 'bottom-6 left-6',\n 'bottom-center': 'bottom-6 left-1/2 -translate-x-1/2',\n 'top-right': 'top-6 right-6',\n 'top-left': 'top-6 left-6',\n 'top-center': 'top-6 left-1/2 -translate-x-1/2',\n};\n\nconst DirectionToStack: Record<SpeedDialGroupDirection, string> = {\n [SpeedDialGroupDirectionValue.Up]: 'flex-col-reverse bottom-full mb-3',\n [SpeedDialGroupDirectionValue.Down]: 'flex-col top-full mt-3',\n [SpeedDialGroupDirectionValue.Left]: 'flex-row-reverse right-full mr-3',\n [SpeedDialGroupDirectionValue.Right]: 'flex-row top-1/2 -translate-y-1/2 left-full ml-3',\n};\n\nconst { value: open, setValue: setOpen } = useControlled<boolean>({\n controlled: () => props.open,\n default: props.defaultOpen,\n onChange: (next) => emit('update:open', next),\n});\n\nconst rootEl = useTemplateRef<HTMLDivElement>('rootEl');\nconst triggerEl = shallowRef<HTMLElement | null>(null);\n\nconst resolvedDirection = computed(() => props.direction ?? PositionToDirection[props.position]);\n\nuseEscape(() => {\n setOpen(false);\n requestAnimationFrame(() => triggerEl.value?.focus());\n}, open);\n\nuseOutsideClick(\n rootEl,\n () => {\n if (open.value) setOpen(false);\n },\n open,\n);\n\nprovide(SpeedDialGroupKey, {\n get open() {\n return open.value;\n },\n setOpen,\n triggerEl,\n get direction() {\n return resolvedDirection.value;\n },\n get position() {\n return props.position;\n },\n});\n\n/* The trigger renders always (a closed dial must still be openable); only the action items are\n gated behind `open`. The React original partitioned `Children.toArray` on `child.type`; the\n same split runs over the slot's vnodes, so the authoring shape is unchanged. */\nfunction splitChildren(keepTrigger: boolean): Array<VNode> {\n return renderableChildren(slots.default?.()).filter(\n (child) => (child.type === SpeedDialGroupTrigger) === keepTrigger,\n );\n}\n\nconst rootClass = computed(() => cn('fixed', PositionOffsets[props.position], attrs.class as ClassValue));\nconst stackClass = computed(() => DirectionToStack[resolvedDirection.value]);\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (!open.value || (event.key !== Key.ArrowDown && event.key !== Key.ArrowUp)) return;\n const root = rootEl.value;\n if (!root) return;\n const items = Array.from(root.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]'));\n if (items.length === 0) return;\n event.preventDefault();\n const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n const nextIndex =\n currentIndex === -1\n ? event.key === Key.ArrowDown\n ? 0\n : items.length - 1\n : (currentIndex + (event.key === Key.ArrowDown ? 1 : -1) + items.length) % items.length;\n items[nextIndex]?.focus();\n}\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: rootEl });\n</script>\n\n<template>\n <div\n ref=\"rootEl\"\n :data-state=\"open ? 'open' : 'closed'\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n @keydown=\"handleKeydown\"\n >\n \n <Presence :is-present=\"open\">\n <SpeedDialGroupList :data-direction=\"resolvedDirection\" :style=\"{ gap: `${gap}px` }\" :class=\"stackClass\">\n <component :is=\"node\" v-for=\"(node, index) in splitChildren(false)\" :key=\"node.key ?? index\" />\n </SpeedDialGroupList>\n </Presence>\n <component :is=\"node\" v-for=\"(node, index) in splitChildren(true)\" :key=\"node.key ?? index\" />\n </div>\n</template>\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes, VNodeChild } from 'vue';\nimport { AriaAttribute } from '../../../foundation/dom';\n\n/** @internal An attribute name this component derives or requires. */\ntype RequiredAttribute = typeof AriaAttribute.Label;\n\n/* The required accessible label rides on the ignored heritage rather than the body — action items\n are icon-only, so the name is mandatory, but it must reach the DOM as an attribute. */\ntype SpeedDialGroupActionAttributes = Omit<ButtonHTMLAttributes, 'children'> & Record<RequiredAttribute, string>;\n\n/* Native button attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface SpeedDialGroupActionProps extends /* @vue-ignore */ SpeedDialGroupActionAttributes {\n /** The action's glyph. Prefer the `icon` named slot; this prop stays for parity with the React API. */\n readonly icon?: VNodeChild;\n\n /** The label chip rendered beside the button. Prefer the `tooltip` named slot. */\n readonly tooltip?: VNodeChild;\n\n /** The button type. Default `ButtonType.Button`. */\n readonly type?: ButtonType;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, defineComponent, useAttrs, useSlots, useTemplateRef } from 'vue';\nimport type { ClassValue } from 'clsx';\nimport { ButtonType } from '../../../foundation/dom';\nimport { cn, Side } from '../../../foundation/styles';\nimport { SpeedDialGroupDirection, useSpeedDialContext } from './SpeedDialGroupContext';\n\n/* `aria-label` is deliberately NOT a declared prop: Vue camelizes prop keys, so a declared\n `'aria-label'` would arrive as `props.ariaLabel` and never render. It stays a fallthrough attr;\n the interface keeps the requirement through the `@vue-ignore`d heritage. */\n/** Renders one icon button of an open speed dial, with an optional label chip beside it. */\ndefineOptions({ name: 'SpeedDialGroupAction', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<SpeedDialGroupActionProps>(), {\n type: ButtonType.Button,\n /* `VNodeChild` includes `boolean`, so Vue's boolean casting turns an absent node-valued prop\n into `false` rather than `undefined` — which reads as \"supplied\" at every `!== undefined`\n check. An explicit `undefined` default suppresses the cast. */\n icon: undefined,\n tooltip: undefined,\n});\n\nconst emit = defineEmits<{\n /** Fires when the action is chosen — the dial closes and focus returns to the trigger afterwards. */\n select: [];\n}>();\n\ndefineSlots<{\n /** The action's glyph. Preferred over the `icon` prop. */\n icon?(): unknown;\n /** The glyph, in the plain-children shape a Vue caller reaches for. Same slot as `icon`. */\n default?(): unknown;\n /** The label chip beside the button. Preferred over the `tooltip` prop. */\n tooltip?(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\nconst context = useSpeedDialContext();\n\nconst DirectionLabelSide: Record<SpeedDialGroupDirection, Side> = {\n [SpeedDialGroupDirection.Up]: Side.Right,\n [SpeedDialGroupDirection.Down]: Side.Right,\n [SpeedDialGroupDirection.Left]: Side.Right,\n [SpeedDialGroupDirection.Right]: Side.Left,\n};\n\n/* Stable render-only wrappers for the node-valued props, so each can render as the fallback of its\n named-slot twin. */\nconst IconProp = defineComponent({ render: () => props.icon });\nconst TooltipProp = defineComponent({ render: () => props.tooltip });\n\nconst labelSide = computed(() => DirectionLabelSide[context.direction]);\nconst hasTooltip = computed(() => props.tooltip !== undefined || slots.tooltip !== undefined);\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class']);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst buttonClass = computed(() =>\n cn(\n 'inline-flex h-10 w-10 items-center justify-center rounded-full bg-card text-card-foreground shadow-md transition-all hover:shadow-lg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring',\n attrs.class as ClassValue,\n ),\n);\n\n/* Chained after the consumer's own click (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's `onClick?.(e); if (e.defaultPrevented) return`. */\nfunction handleClick(event: MouseEvent): void {\n if (event.defaultPrevented) return;\n emit('select');\n context.setOpen(false);\n requestAnimationFrame(() => context.triggerEl.value?.focus());\n}\n\nconst root = useTemplateRef<HTMLButtonElement>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: root });\n</script>\n\n<template>\n <li\n role=\"none\"\n :data-side=\"labelSide\"\n :class=\"\n cn(\n 'flex items-center gap-2',\n /* fade+scale each action off the list's `group` state; motion-safe so\n reduced-motion users get no movement (delay ramp lives on the list). */\n 'motion-safe:group-data-[state=open]:animate-(--animate-pop-in)',\n 'motion-safe:group-data-[state=closed]:animate-(--animate-pop-out)',\n 'motion-reduce:animate-none',\n )\n \"\n >\n <span\n v-if=\"hasTooltip && labelSide === Side.Left\"\n class=\"rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground shadow\"\n >\n <slot name=\"tooltip\"><TooltipProp v-if=\"tooltip !== undefined\" /></slot>\n </span>\n <button ref=\"root\" v-bind=\"passthroughAttrs\" :type=\"type\" role=\"menuitem\" :class=\"buttonClass\" @click=\"handleClick\">\n \n <slot name=\"icon\">\n <slot><IconProp v-if=\"icon !== undefined\" /></slot>\n </slot>\n </button>\n <span\n v-if=\"hasTooltip && labelSide === Side.Right\"\n class=\"rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground shadow\"\n >\n <slot name=\"tooltip\"><TooltipProp v-if=\"tooltip !== undefined\" /></slot>\n </span>\n </li>\n</template>\n","import SpeedDialGroupRoot from './SpeedDialGroup.vue';\nimport SpeedDialGroupTrigger from './SpeedDialGroupTrigger.vue';\nimport SpeedDialGroupAction from './SpeedDialGroupAction.vue';\n\n/**\n * The dial root, carrying its parts as properties so `<SpeedDialGroup.Trigger>` /\n * `<SpeedDialGroup.Action>` resolve in a template — the counterpart of the React\n * original's `Object.assign`. Each part is also exported on its own name.\n */\nconst SpeedDialGroup: typeof SpeedDialGroupRoot & {\n Trigger: typeof SpeedDialGroupTrigger;\n Action: typeof SpeedDialGroupAction;\n} = Object.assign(SpeedDialGroupRoot, {\n Trigger: SpeedDialGroupTrigger,\n Action: SpeedDialGroupAction,\n});\n\nexport { SpeedDialGroup, SpeedDialGroupAction, SpeedDialGroupTrigger };\nexport {\n SpeedDialGroupDirection,\n SpeedDialGroupKey,\n useSpeedDialContext,\n type SpeedDialGroupContextValue,\n type SpeedDialGroupPosition,\n} from './SpeedDialGroupContext';\nexport type { SpeedDialGroupProps } from './SpeedDialGroup.vue';\nexport type { SpeedDialGroupTriggerProps } from './SpeedDialGroupTrigger.vue';\nexport type { SpeedDialGroupActionProps } from './SpeedDialGroupAction.vue';\nexport default SpeedDialGroup;\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes, VNodeChild } from 'vue';\nimport type { OverlayPosition } from '../../../foundation/styles';\n\n/* Native button attributes stay in attribute fallthrough rather than becoming runtime props. */\nexport interface BackToTopButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {\n /** The scroll distance (px) before the button appears. Default 400. */\n readonly threshold?: number;\n\n /** The scrollable element to scope to. Defaults to the window. */\n readonly scrollContainer?: HTMLElement | null;\n\n /** The anchor position on the viewport. Default `bottom-right`. */\n readonly position?: OverlayPosition;\n\n /** The visible label. Omit for icon-only. Prefer the `label` named slot. */\n readonly label?: VNodeChild;\n\n /** The button type. Default `ButtonType.Button`. */\n readonly type?: ButtonType;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, defineComponent, shallowRef, useAttrs, useTemplateRef, watchPostEffect } from 'vue';\nimport { ArrowUp } from 'lucide-vue-next';\nimport type { ClassValue } from 'clsx';\nimport { AriaAttribute, ButtonType } from '../../../foundation/dom';\nimport { cn, OverlayPosition as OverlayPositionValue } from '../../../foundation/styles';\nimport { Icon } from '../../../foundation/icons';\n\n/* `inheritAttrs: false` so `class` folds into the component's own `cn()` call — plain fallthrough\n appends outside it and loses tailwind-merge conflict resolution. */\n/** Renders a floating button that appears past a scroll threshold and returns the page to the top. */\ndefineOptions({ name: 'BackToTopButton', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<BackToTopButtonProps>(), {\n threshold: 400,\n position: OverlayPositionValue.BottomRight,\n type: ButtonType.Button,\n scrollContainer: null,\n /* `VNodeChild` includes `boolean`, so Vue's boolean casting turns an absent node-valued prop\n into `false` rather than `undefined` — which reads as \"supplied\" at every `!== undefined`\n check. An explicit `undefined` default suppresses the cast. */\n label: undefined,\n});\n\nconst slots = defineSlots<{\n /** The visible label beside the arrow. Falls back to the `label` prop, then to icon-only. */\n label?(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst PositionClasses: Record<OverlayPosition, string> = {\n 'bottom-right': 'bottom-6 right-6',\n 'bottom-left': 'bottom-6 left-6',\n 'bottom-center': 'bottom-6 left-1/2 -translate-x-1/2',\n 'top-right': 'top-6 right-6',\n 'top-left': 'top-6 left-6',\n 'top-center': 'top-6 left-1/2 -translate-x-1/2',\n};\n\n/* Stable render-only wrapper for the node-valued `label` prop, so it can render as the fallback of\n its named-slot twin. */\nconst LabelProp = defineComponent({ render: () => props.label });\n\nconst hasLabel = computed(() => props.label !== undefined || slots.label !== undefined);\n\nconst visible = shallowRef(false);\n\n/* `watchPostEffect` is the `useEffect` counterpart: it re-subscribes whenever `threshold` or\n `scrollContainer` changes, and reads once on attach. */\nwatchPostEffect((onCleanup) => {\n if (typeof window === 'undefined') return;\n const element: HTMLElement | Window = props.scrollContainer ?? window;\n const read = (): void => {\n const y = 'scrollY' in element ? (element as Window).scrollY : (element as HTMLElement).scrollTop;\n visible.value = y >= props.threshold;\n };\n read();\n const target = element as EventTarget;\n target.addEventListener('scroll', read, { passive: true });\n onCleanup(() => target.removeEventListener('scroll', read));\n});\n\n/* `aria-label` is read off `attrs`, not `props`: Vue camelizes declared prop keys, so a declared\n `'aria-label'` would arrive as `props.ariaLabel` and never render. It is stripped from the\n forwarded attrs and re-bound below, so the resolved value is the one that lands. */\nconst ariaLabel = computed(() => (attrs[AriaAttribute.Label] as string | undefined) ?? 'Back to top');\n\nconst OwnedAttributes: ReadonlySet<string> = new Set(['class', AriaAttribute.Label]);\nconst passthroughAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\nconst rootClass = computed(() =>\n cn(\n 'fixed z-banner inline-flex items-center justify-center gap-2 rounded-full bg-card text-card-foreground shadow-lg ring-1 ring-border transition-all hover:shadow-xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring',\n hasLabel.value ? 'h-11 px-4 text-sm font-medium' : 'h-11 w-11',\n PositionClasses[props.position],\n attrs.class as ClassValue,\n ),\n);\n\n/* Chained after the consumer's own click (attribute fallthrough puts theirs first) and skipped\n when they called `preventDefault()` — the original's `onClick?.(e); if (e.defaultPrevented) return`. */\nfunction handleClick(event: MouseEvent): void {\n if (event.defaultPrevented) return;\n const reducedMotion =\n typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n const target = props.scrollContainer ?? window;\n if ('scrollTo' in target) {\n target.scrollTo({ top: 0, behavior: reducedMotion ? 'auto' : 'smooth' });\n }\n}\n\nconst root = useTemplateRef<HTMLButtonElement>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\ndefineExpose({ el: root });\n</script>\n\n<template>\n \n <button\n v-if=\"visible\"\n ref=\"root\"\n :type=\"type\"\n :aria-label=\"ariaLabel\"\n :class=\"rootClass\"\n v-bind=\"passthroughAttrs\"\n @click=\"handleClick\"\n >\n <Icon :icon=\"ArrowUp\" :size=\"16\" />\n <slot name=\"label\"><LabelProp v-if=\"label !== undefined\" /></slot>\n </button>\n</template>\n"],"names":["OwnedAttributes","OrientationValue","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_useSlots","_createBlock","Button","_unref","Icon","$attrs","SideValue","_createElementVNode","_hoisted_2","_hoisted_1","ToolbarRoot","ToolbarButton","ToolbarLink","ToolbarSeparator","FabButton","SpeedDialGroupDirectionValue","SpeedDialGroupTrigger","_createVNode","SpeedDialGroupList","_Fragment","_renderList","_resolveDynamicComponent","_normalizeClass","SpeedDialGroupRoot","SpeedDialGroupAction"],"mappings":"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"}

package/dist/chunks/BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { defineComponent, useAttrs, computed, normalizeStyle, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, renderSlot } from "vue";
+import { c as cn } from "./Cn-CzDCF-Ah.js";
+import { _ as _sfc_main$1 } from "./Portal.vue_vue_type_script_setup_true_lang-C2_xSIMy.js";
+import { P as Presence } from "./Presence-BwBquQOQ.js";
+const BackdropOverlayPointerEvents = {
+  /** Refers to a scrim that intercepts pointer events. */
+  Auto: "auto",
+  /** Refers to a scrim that lets clicks pass through. */
+  None: "none"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "BackdropOverlay", inheritAttrs: false },
+  __name: "BackdropOverlay",
+  props: {
+    isOpen: { type: Boolean, default: true },
+    isBlurred: { type: Boolean, default: false },
+    pointerEvents: { default: "auto" },
+    isInline: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const classes = computed(
+      () => cn(
+        "fixed inset-0 z-overlay bg-black/50",
+        "motion-safe:data-[state=isOpen]:animate-(--animate-fade-in)",
+        "motion-safe:data-[state=closed]:animate-(--animate-fade-out)",
+        props.isBlurred && "backdrop-blur-sm",
+        attrs.class
+      )
+    );
+    const inlineStyle = computed(() => normalizeStyle([{ pointerEvents: props.pointerEvents }, attrs.style]));
+    const rest = computed(() => {
+      const { class: _class, style: _style, ...others } = attrs;
+      return others;
+    });
+    return (_ctx, _cache) => {
+      return !props.isInline ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(unref(Presence), {
+            "is-present": props.isOpen
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", mergeProps(rest.value, {
+                style: inlineStyle.value,
+                class: classes.value
+              }), [
+                renderSlot(_ctx.$slots, "default")
+              ], 16)
+            ]),
+            _: 3
+          }, 8, ["is-present"])
+        ]),
+        _: 3
+      })) : (openBlock(), createBlock(unref(Presence), {
+        key: 1,
+        "is-present": props.isOpen
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps(rest.value, {
+            style: inlineStyle.value,
+            class: classes.value
+          }), [
+            renderSlot(_ctx.$slots, "default")
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["is-present"]));
+    };
+  }
+});
+export {
+  BackdropOverlayPointerEvents as B,
+  _sfc_main as _
+};
+//# sourceMappingURL=BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js.map

package/dist/chunks/BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js","sources":["../../src/presentation/overlays/backdropOverlay/BackdropOverlay.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Defines the pointer-event behavior of a `BackdropOverlay` scrim. */\nexport const BackdropOverlayPointerEvents = {\n /** Refers to a scrim that intercepts pointer events. */\n Auto: 'auto',\n /** Refers to a scrim that lets clicks pass through. */\n None: 'none',\n} as const;\n\nexport type BackdropOverlayPointerEvents =\n (typeof BackdropOverlayPointerEvents)[keyof typeof BackdropOverlayPointerEvents];\n\n/**\n * The prop surface of `BackdropOverlay`.\n *\n * React's `isOpen` is spelled `isOpen` here, matching the house boolean prefix\n * (`isBlurred`, `isInline`); React's `className` / `style` are Vue's `class` /\n * `style` attrs and so are absent. Everything else keeps its React name.\n */\nexport interface BackdropOverlayProps {\n /** The mount state. Default `true`. */\n readonly isOpen?: boolean;\n\n /** The backdrop-blur toggle. */\n readonly isBlurred?: boolean;\n\n /** The pointer-event behavior; `'none'` lets clicks pass through. Default `'auto'`. */\n readonly pointerEvents?: BackdropOverlayPointerEvents;\n\n /** The in-place render toggle — skips the Portal wrap. */\n readonly isInline?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, normalizeStyle, useAttrs } from 'vue';\nimport { cn } from '../../../foundation/styles';\nimport { Portal, Presence } from '../../../foundation/primitives';\n\n/**\n * Renders a fixed-position scrim behind an overlay, optionally blurred and click-through.\n * Used by Modal / Drawer / BottomSheet / LoadingOverlay; also public for custom surfaces.\n */\ndefineOptions({ name: 'BackdropOverlay', inheritAttrs: false });\n\n/** Scrim content — React's `children`; a scrim is normally empty. */\ndefineSlots<{ default?(): unknown }>();\n\n/**\n * `isOpen` carries a real `true` default (React's `isOpen = true`), unlike the\n * controlled overlays where the absent-vs-`false` distinction is load-bearing:\n * a `BackdropOverlay` has no uncontrolled mode to fall back to.\n */\nconst props = withDefaults(defineProps<BackdropOverlayProps>(), {\n isOpen: true,\n isBlurred: false,\n pointerEvents: 'auto',\n isInline: false,\n});\n\nconst attrs = useAttrs();\n\n// `data-state` is injected by <Presence>; the fade tokens are gated on it so\n// enter plays on mount and exit plays before Presence defers the unmount.\nconst classes = computed(() =>\n cn(\n 'fixed inset-0 z-overlay bg-black/50',\n 'motion-safe:data-[state=isOpen]:animate-(--animate-fade-in)',\n 'motion-safe:data-[state=closed]:animate-(--animate-fade-out)',\n props.isBlurred && 'backdrop-blur-sm',\n attrs.class as string | undefined,\n ),\n);\n\n/** `pointerEvents` is normalized first so a caller's `style` still wins — React's `{ pointerEvents, ...style }`. */\nconst inlineStyle = computed(() => normalizeStyle([{ pointerEvents: props.pointerEvents }, attrs.style]));\n\n/** Everything but `class` / `style`, both re-applied above. */\nconst rest = computed(() => {\n const { class: _class, style: _style, ...others } = attrs;\n return others;\n});\n</script>\n\n<template>\n \n <Portal v-if=\"!props.isInline\">\n <Presence :is-present=\"props.isOpen\">\n <div v-bind=\"rest\" :style=\"inlineStyle\" :class=\"classes\"><slot /></div>\n </Presence>\n </Portal>\n\n <Presence v-else :is-present=\"props.isOpen\">\n <div v-bind=\"rest\" :style=\"inlineStyle\" :class=\"classes\"><slot /></div>\n </Presence>\n</template>\n"],"names":["_createBlock","_unref","Portal","_createVNode","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;AAEO,MAAM,+BAA+B;AAAA;AAAA,EAE1C,MAAM;AAAA;AAAA,EAEN,MAAM;AACR;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAOd,UAAM,QAAQ,SAAA;AAId,UAAM,UAAU;AAAA,MAAS,MACvB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,aAAa;AAAA,QACnB,MAAM;AAAA,MAAA;AAAA,IACR;AAIF,UAAM,cAAc,SAAS,MAAM,eAAe,CAAC,EAAE,eAAe,MAAM,cAAA,GAAiB,MAAM,KAAK,CAAC,CAAC;AAGxG,UAAM,OAAO,SAAS,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,GAAG,WAAW;AACpD,aAAO;AAAA,IACT,CAAC;;AAKgB,aAAA,CAAA,MAAM,yBAArBA,YAISC,MAAAC,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,yBAHP,MAEW;AAAA,UAFXC,YAEWF,MAAA,QAAA,GAAA;AAAA,YAFA,cAAY,MAAM;AAAA,UAAA;6BAC3B,MAAuE;AAAA,cAAvEG,mBAAuE,OAAvEC,WAAuE,KAAA,OAAtD;AAAA,gBAAG,OAAO,YAAA;AAAA,gBAAc,OAAO,QAAA;AAAA,cAAA;gBAASC,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;;;;;;0BAIrEN,YAEWC,MAAA,QAAA,GAAA;AAAA;QAFO,cAAY,MAAM;AAAA,MAAA;yBAClC,MAAuE;AAAA,UAAvEG,mBAAuE,OAAvEC,WAAuE,KAAA,OAAtD;AAAA,YAAG,OAAO,YAAA;AAAA,YAAc,OAAO,QAAA;AAAA,UAAA;YAASC,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}