@skeletonlabs/skeleton-svelte 4.3.4 → 4.4.1

package/dist/components/menu/anatomy/root-provider.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+	import type { useMenu } from '../modules/provider.svelte.js';
+	import { untrack, type Snippet } from 'svelte';
+
+	export interface MenuRootProviderProps {
+		value: ReturnType<typeof useMenu>;
+		children?: Snippet;
+	}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { TriggerItemContext } from '../modules/trigger-item-context.js';
+
+	const props: MenuRootProviderProps = $props();
+
+	const parentMenu = RootContext.consume();
+
+	const { children, value: menu } = $derived(props);
+
+	$effect(() =>
+		untrack(() => {
+			if (!parentMenu) {
+				return;
+			}
+			menu().setParent(parentMenu().service);
+			parentMenu().setChild(menu().service);
+		}),
+	);
+
+	RootContext.provide(() => menu());
+	TriggerItemContext.provide(() => parentMenu?.().getTriggerItemProps(menu()));
+</script>
+
+{@render children?.()}

package/dist/components/menu/anatomy/root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { useMenu } from '../modules/provider.svelte.js';
+import { type Snippet } from 'svelte';
+export interface MenuRootProviderProps {
+    value: ReturnType<typeof useMenu>;
+    children?: Snippet;
+}
+declare const RootProvider: import("svelte").Component<MenuRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;
+//# sourceMappingURL=root-provider.svelte.d.ts.map

package/dist/components/menu/anatomy/root.svelte

@@ -0,0 +1,43 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { Props } from '@zag-js/menu';
+
+	export interface MenuRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'aria-label'> {}
+</script>
+
+<script lang="ts">
+	import { useMenu } from '../modules/provider.svelte';
+	import { RootContext } from '../modules/root-context.js';
+	import { TriggerItemContext } from '../modules/trigger-item-context.js';
+	import { splitProps } from '@zag-js/menu';
+	import { untrack } from 'svelte';
+
+	const props: MenuRootProps = $props();
+
+	const parentMenu = RootContext.consume();
+
+	const [menuProps, componentProps] = $derived(splitProps(props));
+	const { children } = $derived(componentProps);
+
+	const id = $props.id();
+	const menu = useMenu(() => ({
+		...menuProps,
+		id: id,
+	}));
+
+	$effect(() =>
+		untrack(() => {
+			if (!parentMenu) {
+				return;
+			}
+			menu().setParent(parentMenu().service);
+			parentMenu().setChild(menu().service);
+		}),
+	);
+
+	RootContext.provide(() => menu());
+	TriggerItemContext.provide(() => parentMenu?.().getTriggerItemProps(menu()));
+</script>
+
+{@render children?.()}

package/dist/components/menu/anatomy/root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { Props } from '@zag-js/menu';
+export interface MenuRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'aria-label'> {
+}
+declare const Root: import("svelte").Component<MenuRootProps, {}, "">;
+type Root = ReturnType<typeof Root>;
+export default Root;
+//# sourceMappingURL=root.svelte.d.ts.map

package/dist/components/menu/anatomy/separator.svelte

@@ -0,0 +1,34 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface MenuSeparatorProps extends PropsWithElement<'hr'>, HTMLAttributes<'hr', 'id' | 'dir' | 'children'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: MenuSeparatorProps = $props();
+
+	const menu = RootContext.consume();
+
+	const { element, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			menu().getSeparatorProps(),
+			{
+				class: classesMenu.separator,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<hr {...attributes} />
+{/if}

package/dist/components/menu/anatomy/separator.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface MenuSeparatorProps extends PropsWithElement<'hr'>, HTMLAttributes<'hr', 'id' | 'dir' | 'children'> {
+}
+declare const Separator: import("svelte").Component<MenuSeparatorProps, {}, "">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;
+//# sourceMappingURL=separator.svelte.d.ts.map

package/dist/components/menu/anatomy/trigger-item.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface MenuTriggerItemProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
+</script>
+
+<script lang="ts">
+	import { ItemContext } from '../modules/item-context.js';
+	import { TriggerItemContext } from '../modules/trigger-item-context.js';
+	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import { splitItemProps, type ItemProps } from '@zag-js/menu';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: MenuTriggerItemProps = $props();
+
+	const triggerItemProps = TriggerItemContext.consume();
+
+	const [itemProps, componentProps] = $derived(splitItemProps(props));
+	const { element, children, ...rest } = $derived(componentProps);
+
+	const attributes = $derived(
+		mergeProps(
+			triggerItemProps(),
+			{
+				class: classesMenu.item,
+			},
+			rest,
+		),
+	);
+
+	ItemContext.provide(() => itemProps);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/menu/anatomy/trigger-item.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface MenuTriggerItemProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+}
+import { type ItemProps } from '@zag-js/menu';
+declare const TriggerItem: import("svelte").Component<MenuTriggerItemProps, {}, "">;
+type TriggerItem = ReturnType<typeof TriggerItem>;
+export default TriggerItem;
+//# sourceMappingURL=trigger-item.svelte.d.ts.map

package/dist/components/menu/anatomy/trigger.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 MenuTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'id' | 'dir'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: MenuTriggerProps = $props();
+
+	const menu = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			menu().getTriggerProps(),
+			{
+				class: classesMenu.trigger,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/menu/anatomy/trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface MenuTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'id' | 'dir'> {
+}
+declare const Trigger: import("svelte").Component<MenuTriggerProps, {}, "">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;
+//# sourceMappingURL=trigger.svelte.d.ts.map

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

@@ -0,0 +1,21 @@
+export type { MenuArrowProps } from './anatomy/arrow.svelte';
+export type { MenuArrowTipProps } from './anatomy/arrow-tip.svelte';
+export type { MenuContentProps } from './anatomy/content.svelte';
+export type { MenuContextTriggerProps } from './anatomy/context-trigger.svelte';
+export type { MenuItemProps } from './anatomy/item.svelte';
+export type { MenuItemGroupProps } from './anatomy/item-group.svelte';
+export type { MenuItemGroupLabelProps } from './anatomy/item-group-label.svelte';
+export type { MenuItemIndicatorProps } from './anatomy/item-indicator.svelte';
+export type { MenuItemTextProps } from './anatomy/item-text.svelte';
+export type { MenuPositionerProps } from './anatomy/positioner.svelte';
+export type { MenuRootProps } from './anatomy/root.svelte';
+export type { MenuOptionItemProps } from './anatomy/option-item.svelte';
+export type { MenuRootContextProps } from './anatomy/root-context.svelte';
+export type { MenuRootProviderProps } from './anatomy/root-provider.svelte';
+export type { MenuSeparatorProps } from './anatomy/separator.svelte';
+export type { MenuTriggerProps } from './anatomy/trigger.svelte';
+export type { MenuTriggerItemProps } from './anatomy/trigger-item.svelte';
+export type { MenuIndicatorProps } from './anatomy/indicator.svelte';
+export { Menu } from './modules/anatomy.js';
+export { useMenu } from './modules/provider.svelte.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.js

@@ -0,0 +1,2 @@
+export { Menu } from './modules/anatomy.js';
+export { useMenu } from './modules/provider.svelte.js';

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

@@ -0,0 +1,20 @@
+export declare const Menu: import("svelte").Component<import("../anatomy/root.svelte").MenuRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").MenuRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").MenuRootContextProps, {}, "">;
+    Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").MenuTriggerProps, {}, "">;
+    ContextTrigger: import("svelte").Component<import("../anatomy/context-trigger.svelte").MenuContextTriggerProps, {}, "">;
+    Indicator: import("svelte").Component<import("../anatomy/indicator.svelte").MenuIndicatorProps, {}, "">;
+    Positioner: import("svelte").Component<import("../anatomy/positioner.svelte").MenuPositionerProps, {}, "">;
+    Content: import("svelte").Component<import("../anatomy/content.svelte").MenuContentProps, {}, "">;
+    ItemGroup: import("svelte").Component<import("../anatomy/item-group.svelte").MenuItemGroupProps, {}, "">;
+    ItemGroupLabel: import("svelte").Component<import("../anatomy/item-group-label.svelte").MenuItemGroupLabelProps, {}, "">;
+    Item: import("svelte").Component<import("../anatomy/item.svelte").MenuItemProps, {}, "">;
+    OptionItem: import("svelte").Component<import("../anatomy/option-item.svelte").MenuOptionItemProps, {}, "">;
+    TriggerItem: import("svelte").Component<import("../anatomy/trigger-item.svelte").MenuTriggerItemProps, {}, "">;
+    ItemText: import("svelte").Component<import("../anatomy/item-text.svelte").MenuItemTextProps, {}, "">;
+    ItemIndicator: import("svelte").Component<import("../anatomy/item-indicator.svelte").MenuItemIndicatorProps, {}, "">;
+    Separator: import("svelte").Component<import("../anatomy/separator.svelte").MenuSeparatorProps, {}, "">;
+    Arrow: import("svelte").Component<import("../anatomy/arrow.svelte").MenuArrowProps, {}, "">;
+    ArrowTip: import("svelte").Component<import("../anatomy/arrow-tip.svelte").MenuArrowTipProps, {}, "">;
+};
+//# sourceMappingURL=anatomy.d.ts.map

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

@@ -0,0 +1,37 @@
+import ArrowTip from '../anatomy/arrow-tip.svelte';
+import Arrow from '../anatomy/arrow.svelte';
+import Content from '../anatomy/content.svelte';
+import ContextTrigger from '../anatomy/context-trigger.svelte';
+import Indicator from '../anatomy/indicator.svelte';
+import ItemGroupLabel from '../anatomy/item-group-label.svelte';
+import ItemGroup from '../anatomy/item-group.svelte';
+import ItemIndicator from '../anatomy/item-indicator.svelte';
+import ItemText from '../anatomy/item-text.svelte';
+import Item from '../anatomy/item.svelte';
+import OptionItem from '../anatomy/option-item.svelte';
+import Positioner from '../anatomy/positioner.svelte';
+import RootContext from '../anatomy/root-context.svelte';
+import RootProvider from '../anatomy/root-provider.svelte';
+import Root from '../anatomy/root.svelte';
+import Separator from '../anatomy/separator.svelte';
+import TriggerItem from '../anatomy/trigger-item.svelte';
+import Trigger from '../anatomy/trigger.svelte';
+export const Menu = Object.assign(Root, {
+    Provider: RootProvider,
+    Context: RootContext,
+    Trigger: Trigger,
+    ContextTrigger: ContextTrigger,
+    Indicator: Indicator,
+    Positioner: Positioner,
+    Content: Content,
+    ItemGroup: ItemGroup,
+    ItemGroupLabel: ItemGroupLabel,
+    Item: Item,
+    OptionItem: OptionItem,
+    TriggerItem: TriggerItem,
+    ItemText: ItemText,
+    ItemIndicator: ItemIndicator,
+    Separator: Separator,
+    Arrow: Arrow,
+    ArrowTip: ArrowTip,
+});

package/dist/components/menu/modules/item-context.d.ts

@@ -0,0 +1,7 @@
+import type { ItemProps } from '@zag-js/menu';
+export declare const ItemContext: {
+    key: symbol;
+    consume(): () => ItemProps;
+    provide(value: () => ItemProps): () => ItemProps;
+};
+//# sourceMappingURL=item-context.d.ts.map

package/dist/components/menu/modules/item-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context.js';
+export const ItemContext = createContext();

package/dist/components/menu/modules/item-group-context.d.ts

@@ -0,0 +1,7 @@
+import type { ItemGroupProps } from '@zag-js/menu';
+export declare const ItemGroupContext: {
+    key: symbol;
+    consume(): () => ItemGroupProps;
+    provide(value: () => ItemGroupProps): () => ItemGroupProps;
+};
+//# sourceMappingURL=item-group-context.d.ts.map

package/dist/components/menu/modules/item-group-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context.js';
+export const ItemGroupContext = createContext();

package/dist/components/menu/modules/provider.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type Api, type Props, type Service } from '@zag-js/menu';
+import { type PropTypes } from '@zag-js/svelte';
+export declare function useMenu(props: Props | (() => Props)): () => Api<PropTypes> & {
+    service: Service;
+};
+//# sourceMappingURL=provider.svelte.d.ts.map

package/dist/components/menu/modules/provider.svelte.js

@@ -0,0 +1,12 @@
+import { connect, machine } from '@zag-js/menu';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+export function useMenu(props) {
+    const service = useMachine(machine, props);
+    const menu = $derived(connect(service, normalizeProps));
+    return () => ({
+        ...menu,
+        get service() {
+            return service;
+        },
+    });
+}

package/dist/components/menu/modules/root-context.d.ts

@@ -0,0 +1,12 @@
+export declare const RootContext: {
+    key: symbol;
+    consume(): () => import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes> & {
+        service: import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Service;
+    };
+    provide(value: () => import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes> & {
+        service: import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Service;
+    }): () => import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes> & {
+        service: import("@zag-js/menu", { with: { "resolution-mode": "require" } }).Service;
+    };
+};
+//# sourceMappingURL=root-context.d.ts.map

package/dist/components/menu/modules/root-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context.js';
+export const RootContext = createContext();

package/dist/components/menu/modules/trigger-item-context.d.ts

@@ -0,0 +1,7 @@
+import type { useMenu } from './provider.svelte.js';
+export declare const TriggerItemContext: {
+    key: symbol;
+    consume(): () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>;
+    provide(value: () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>): () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>;
+};
+//# sourceMappingURL=trigger-item-context.d.ts.map

package/dist/components/menu/modules/trigger-item-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context.js';
+export const TriggerItemContext = createContext();

package/dist/components/popover/anatomy/arrow-tip.svelte

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverArrowTipProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverArrowProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

package/dist/components/popover/anatomy/close-trigger.svelte

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverCloseTriggerProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverContentProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverDescriptionProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverPositionerProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

package/dist/components/popover/anatomy/root-context.svelte

@@ -8,11 +8,11 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 
 	const props: PopoverRootContextProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { children } = $derived(props);
 </script>

package/dist/components/popover/anatomy/root-context.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 export interface PopoverRootContextProps {
     children: Snippet<[ReturnType<typeof usePopover>]>;
 }
+import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<PopoverRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;

package/dist/components/popover/anatomy/root-provider.svelte

@@ -8,13 +8,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 
 	const props: PopoverRootProviderProps = $props();
 
 	const { children, value: popover } = $derived(props);
 
-	PopoverRootContext.provide(() => popover());
+	RootContext.provide(() => popover());
 </script>
 
 {@render children?.()}

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { usePopover } from '../modules/provider.svelte';
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { splitProps } from '@zag-js/popover';
 
 	const props: PopoverRootProps = $props();
@@ -21,7 +21,7 @@
 		id: id,
 	}));
 
-	PopoverRootContext.provide(() => popover());
+	RootContext.provide(() => popover());
 </script>
 
 {@render children?.()}

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverTitleProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

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

@@ -6,13 +6,13 @@
 </script>
 
 <script lang="ts">
-	import { PopoverRootContext } from '../modules/root-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesPopover } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverTriggerProps = $props();
 
-	const popover = PopoverRootContext.consume();
+	const popover = RootContext.consume();
 
 	const { element, children, ...rest } = $derived(props);
 

package/dist/components/popover/modules/root-context.d.ts

@@ -1,4 +1,4 @@
-export declare const PopoverRootContext: {
+export declare const RootContext: {
     key: symbol;
     consume(): () => import("@zag-js/popover", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
     provide(value: () => import("@zag-js/popover", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/popover", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;

package/dist/components/popover/modules/root-context.js

@@ -1,2 +1,2 @@
 import { createContext } from '../../../internal/create-context.js';
-export const PopoverRootContext = createContext();
+export const RootContext = createContext();