@skeletonlabs/skeleton-svelte 4.5.1 → 4.5.2

package/dist/components/popover/anatomy/anchor.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface PopoverAnchorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: PopoverAnchorProps = $props();
+
+	const popover = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			popover().getAnchorProps(),
+			{
+				class: classesPopover.anchor,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/popover/anatomy/anchor.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface PopoverAnchorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const Anchor: import("svelte").Component<PopoverAnchorProps, {}, "">;
+type Anchor = ReturnType<typeof Anchor>;
+export default Anchor;

package/dist/components/popover/index.d.ts

@@ -1,3 +1,4 @@
+export type { PopoverAnchorProps } from './anatomy/anchor.svelte';
 export type { PopoverCloseTriggerProps } from './anatomy/close-trigger.svelte';
 export type { PopoverContentProps } from './anatomy/content.svelte';
 export type { PopoverDescriptionProps } from './anatomy/description.svelte';

package/dist/components/popover/modules/anatomy.d.ts

@@ -1,6 +1,7 @@
 export declare const Popover: import("svelte").Component<import("../anatomy/root.svelte").PopoverRootProps, {}, ""> & {
     Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").PopoverRootProviderProps, {}, "">;
     Context: import("svelte").Component<import("../anatomy/root-context.svelte").PopoverRootContextProps, {}, "">;
+    Anchor: import("svelte").Component<import("../anatomy/anchor.svelte").PopoverAnchorProps, {}, "">;
     Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").PopoverTriggerProps, {}, "">;
     Positioner: import("svelte").Component<import("../anatomy/positioner.svelte").PopoverPositionerProps, {}, "">;
     Content: import("svelte").Component<import("../anatomy/content.svelte").PopoverContentProps, {}, "">;

package/dist/components/popover/modules/anatomy.js

@@ -1,3 +1,4 @@
+import Anchor from '../anatomy/anchor.svelte';
 import ArrowTip from '../anatomy/arrow-tip.svelte';
 import Arrow from '../anatomy/arrow.svelte';
 import CloseTrigger from '../anatomy/close-trigger.svelte';
@@ -12,6 +13,7 @@ import Trigger from '../anatomy/trigger.svelte';
 export const Popover = Object.assign(Root, {
     Provider: RootProvider,
     Context: RootContext,
+    Anchor: Anchor,
     Trigger: Trigger,
     Positioner: Positioner,
     Content: Content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -46,7 +46,7 @@
     "@zag-js/toggle-group": "1.29.1",
     "@zag-js/tooltip": "1.29.1",
     "@zag-js/tree-view": "1.29.1",
-    "@skeletonlabs/skeleton-common": "4.5.1"
+    "@skeletonlabs/skeleton-common": "4.5.2"
   },
   "peerDependencies": {
     "svelte": "^5.29.0"