@skeletonlabs/skeleton-svelte 4.7.3 → 4.8.0

package/dist/components/navigation/anatomy/trigger-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 NavigationTriggerAnchorProps extends PropsWithElement<'anchor'>, HTMLAttributes<'anchor'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: NavigationTriggerAnchorProps = $props();
+
+	const navigation = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			{
+				'data-scope': 'navigation',
+				'data-part': 'trigger-anchor',
+				'data-layout': navigation().layout,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<a {...attributes}>
+		{@render children?.()}
+	</a>
+{/if}

package/dist/components/navigation/anatomy/trigger-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 NavigationTriggerAnchorProps extends PropsWithElement<'anchor'>, HTMLAttributes<'anchor'> {
+}
+declare const TriggerAnchor: import("svelte").Component<NavigationTriggerAnchorProps, {}, "">;
+type TriggerAnchor = ReturnType<typeof TriggerAnchor>;
+export default TriggerAnchor;

package/dist/components/navigation/anatomy/trigger-text.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 NavigationTriggerTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: NavigationTriggerTextProps = $props();
+
+	const navigation = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			{
+				'data-scope': 'navigation',
+				'data-part': 'trigger-text',
+				'data-layout': navigation().layout,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<span {...attributes}>
+		{@render children?.()}
+	</span>
+{/if}

package/dist/components/navigation/anatomy/trigger-text.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 NavigationTriggerTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {
+}
+declare const TriggerText: import("svelte").Component<NavigationTriggerTextProps, {}, "">;
+type TriggerText = ReturnType<typeof TriggerText>;
+export default TriggerText;

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

@@ -0,0 +1,37 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface NavigationTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: NavigationTriggerProps = $props();
+
+	const navigation = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			{
+				'data-scope': 'navigation',
+				'data-part': 'trigger',
+				'data-layout': navigation().layout,
+				type: 'button',
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button type="button" {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/navigation/anatomy/trigger.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 NavigationTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
+}
+declare const Trigger: import("svelte").Component<NavigationTriggerProps, {}, "">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

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

@@ -5,4 +5,7 @@ export type { NavigationContentProps } from './anatomy/content.svelte';
 export type { NavigationFooterProps } from './anatomy/footer.svelte';
 export type { NavigationGroupProps } from './anatomy/group.svelte';
 export type { NavigationLabelProps } from './anatomy/label.svelte';
+export type { NavigationTriggerAnchorProps } from './anatomy/trigger-anchor.svelte';
+export type { NavigationTriggerProps } from './anatomy/trigger.svelte';
+export type { NavigationTriggerTextProps } from './anatomy/trigger-text.svelte';
 export { Navigation } from './modules/anatomy.js';

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

@@ -4,5 +4,8 @@ export declare const Navigation: import("svelte").Component<import("../anatomy/r
     Group: import("svelte").Component<import("../anatomy/group.svelte").NavigationGroupProps, {}, "">;
     Label: import("svelte").Component<import("../anatomy/label.svelte").NavigationLabelProps, {}, "">;
     Menu: import("svelte").Component<import("../anatomy/menu.svelte").NavigationMenuProps, {}, "">;
+    Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").NavigationTriggerProps, {}, "">;
+    TriggerAnchor: import("svelte").Component<import("../anatomy/trigger-anchor.svelte").NavigationTriggerAnchorProps, {}, "">;
+    TriggerText: import("svelte").Component<import("../anatomy/trigger-text.svelte").NavigationTriggerTextProps, {}, "">;
     Footer: import("svelte").Component<import("../anatomy/footer.svelte").NavigationFooterProps, {}, "">;
 };

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

@@ -4,6 +4,9 @@ import Group from '../anatomy/group.svelte';
 import Header from '../anatomy/header.svelte';
 import Label from '../anatomy/label.svelte';
 import Menu from '../anatomy/menu.svelte';
+import TriggerAnchor from '../anatomy/trigger-anchor.svelte';
+import Trigger from '../anatomy/trigger.svelte';
+import TriggerText from '../anatomy/trigger-text.svelte';
 import Root from '../anatomy/root.svelte';
 export const Navigation = Object.assign(Root, {
     Header: Header,
@@ -11,5 +14,8 @@ export const Navigation = Object.assign(Root, {
     Group: Group,
     Label: Label,
     Menu: Menu,
+    Trigger: Trigger,
+    TriggerAnchor: TriggerAnchor,
+    TriggerText: TriggerText,
     Footer: Footer,
 });

package/dist/components/rating-group/anatomy/label.svelte

@@ -15,7 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(mergeProps(ratingGroup().getControlProps(), rest));
+	const attributes = $derived(mergeProps(ratingGroup().getLabelProps(), rest));
 </script>
 
 {#if element}

package/package.json

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