@skeletonlabs/skeleton-svelte 4.5.0 → 4.5.2

package/dist/components/accordion/anatomy/item-content.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AccordionItemContentProps extends PropsWithElement<'div'>, HTML
 declare const ItemContent: import("svelte").Component<AccordionItemContentProps, {}, "">;
 type ItemContent = ReturnType<typeof ItemContent>;
 export default ItemContent;
-//# sourceMappingURL=item-content.svelte.d.ts.map

package/dist/components/accordion/anatomy/item-indicator.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AccordionItemIndicatorProps extends PropsWithElement<'div'>, HT
 declare const ItemIndicator: import("svelte").Component<AccordionItemIndicatorProps, {}, "">;
 type ItemIndicator = ReturnType<typeof ItemIndicator>;
 export default ItemIndicator;
-//# sourceMappingURL=item-indicator.svelte.d.ts.map

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

@@ -5,4 +5,3 @@ export interface AccordionItemTriggerProps extends PropsWithElement<'button'>, H
 declare const ItemTrigger: import("svelte").Component<AccordionItemTriggerProps, {}, "">;
 type ItemTrigger = ReturnType<typeof ItemTrigger>;
 export default ItemTrigger;
-//# sourceMappingURL=item-trigger.svelte.d.ts.map

package/dist/components/accordion/anatomy/item.svelte.d.ts

@@ -6,4 +6,3 @@ export interface AccordionItemProps extends ItemProps, PropsWithElement<'div'>,
 declare const Item: import("svelte").Component<AccordionItemProps, {}, "">;
 type Item = ReturnType<typeof Item>;
 export default Item;
-//# sourceMappingURL=item.svelte.d.ts.map

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

@@ -7,4 +7,3 @@ import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<AccordionRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;
-//# sourceMappingURL=root-context.svelte.d.ts.map

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

@@ -1,7 +1,7 @@
 <script lang="ts" module>
-	import type { useAccordion } from '../modules/provider.svelte';
 	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { useAccordion } from '../modules/provider.svelte';
 
 	export interface AccordionRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useAccordion>;

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

@@ -1,10 +1,9 @@
-import type { useAccordion } from '../modules/provider.svelte';
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { useAccordion } from '../modules/provider.svelte';
 export interface AccordionRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useAccordion>;
 }
 declare const RootProvider: import("svelte").Component<AccordionRootProviderProps, {}, "">;
 type RootProvider = ReturnType<typeof RootProvider>;
 export default RootProvider;
-//# sourceMappingURL=root-provider.svelte.d.ts.map

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

@@ -6,4 +6,3 @@ export interface AccordionRootProps extends Omit<Props, 'id'>, PropsWithElement<
 declare const Root: import("svelte").Component<AccordionRootProps, {}, "">;
 type Root = ReturnType<typeof Root>;
 export default Root;
-//# sourceMappingURL=root.svelte.d.ts.map

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

@@ -7,4 +7,3 @@ export type { AccordionRootProviderProps } from './anatomy/root-provider.svelte'
 export type { AccordionItemTriggerProps } from './anatomy/item-trigger.svelte';
 export { Accordion } from './modules/anatomy.js';
 export { useAccordion } from './modules/provider.svelte.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export declare const Accordion: import("svelte").Component<import("../anatomy/ro
     ItemIndicator: import("svelte").Component<import("../anatomy/item-indicator.svelte").AccordionItemIndicatorProps, {}, "">;
     ItemContent: import("svelte").Component<import("../anatomy/item-content.svelte").AccordionItemContentProps, {}, "">;
 };
-//# sourceMappingURL=anatomy.d.ts.map

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

@@ -4,4 +4,3 @@ export declare const ItemContext: {
     consume(): () => ItemProps;
     provide(value: () => ItemProps): () => ItemProps;
 };
-//# sourceMappingURL=item-context.d.ts.map

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

@@ -1,4 +1,3 @@
 import type { Api, Props } from '@zag-js/accordion';
 import { type PropTypes } from '@zag-js/svelte';
 export declare function useAccordion(props: Props | (() => Props)): () => Api<PropTypes>;
-//# sourceMappingURL=provider.svelte.d.ts.map

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

@@ -3,4 +3,3 @@ export declare const RootContext: {
     consume(): () => import("@zag-js/accordion", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
     provide(value: () => import("@zag-js/accordion", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/accordion", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
-//# sourceMappingURL=root-context.d.ts.map

package/dist/components/app-bar/anatomy/headline.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AppBarHeadlineProps extends PropsWithElement<'div'>, HTMLAttrib
 declare const Headline: import("svelte").Component<AppBarHeadlineProps, {}, "">;
 type Headline = ReturnType<typeof Headline>;
 export default Headline;
-//# sourceMappingURL=headline.svelte.d.ts.map

package/dist/components/app-bar/anatomy/lead.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AppBarLeadProps extends PropsWithElement<'nav'>, HTMLAttributes
 declare const Lead: import("svelte").Component<AppBarLeadProps, {}, "">;
 type Lead = ReturnType<typeof Lead>;
 export default Lead;
-//# sourceMappingURL=lead.svelte.d.ts.map

package/dist/components/app-bar/anatomy/root.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AppBarRootProps extends PropsWithElement<'header'>, HTMLAttribu
 declare const Root: import("svelte").Component<AppBarRootProps, {}, "">;
 type Root = ReturnType<typeof Root>;
 export default Root;
-//# sourceMappingURL=root.svelte.d.ts.map

package/dist/components/app-bar/anatomy/toolbar.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AppBarToolbarProps extends PropsWithElement<'div'>, HTMLAttribu
 declare const Toolbar: import("svelte").Component<AppBarToolbarProps, {}, "">;
 type Toolbar = ReturnType<typeof Toolbar>;
 export default Toolbar;
-//# sourceMappingURL=toolbar.svelte.d.ts.map

package/dist/components/app-bar/anatomy/trail.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AppBarTrailProps extends PropsWithElement<'nav'>, HTMLAttribute
 declare const Trail: import("svelte").Component<AppBarTrailProps, {}, "">;
 type Trail = ReturnType<typeof Trail>;
 export default Trail;
-//# sourceMappingURL=trail.svelte.d.ts.map

package/dist/components/app-bar/index.d.ts

@@ -4,4 +4,3 @@ export type { AppBarLeadProps } from './anatomy/lead.svelte';
 export type { AppBarHeadlineProps } from './anatomy/headline.svelte';
 export type { AppBarTrailProps } from './anatomy/trail.svelte';
 export { AppBar } from './modules/anatomy.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/app-bar/modules/anatomy.d.ts

@@ -4,4 +4,3 @@ export declare const AppBar: import("svelte").Component<import("../anatomy/root.
     Headline: import("svelte").Component<import("../anatomy/headline.svelte").AppBarHeadlineProps, {}, "">;
     Trail: import("svelte").Component<import("../anatomy/trail.svelte").AppBarTrailProps, {}, "">;
 };
-//# sourceMappingURL=anatomy.d.ts.map

package/dist/components/avatar/anatomy/fallback.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AvatarFallbackProps extends PropsWithElement<'span'>, HTMLAttri
 declare const Fallback: import("svelte").Component<AvatarFallbackProps, {}, "">;
 type Fallback = ReturnType<typeof Fallback>;
 export default Fallback;
-//# sourceMappingURL=fallback.svelte.d.ts.map

package/dist/components/avatar/anatomy/image.svelte.d.ts

@@ -5,4 +5,3 @@ export interface AvatarImageProps extends PropsWithElement<'img'>, HTMLAttribute
 declare const Image: import("svelte").Component<AvatarImageProps, {}, "">;
 type Image = ReturnType<typeof Image>;
 export default Image;
-//# sourceMappingURL=image.svelte.d.ts.map

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

@@ -7,4 +7,3 @@ import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<AvatarRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;
-//# sourceMappingURL=root-context.svelte.d.ts.map

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

@@ -1,7 +1,7 @@
 <script lang="ts" module>
-	import type { useAvatar } from '../modules/provider.svelte';
 	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { useAvatar } from '../modules/provider.svelte';
 
 	export interface AvatarRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useAvatar>;

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

@@ -1,10 +1,9 @@
-import type { useAvatar } from '../modules/provider.svelte';
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { useAvatar } from '../modules/provider.svelte';
 export interface AvatarRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useAvatar>;
 }
 declare const RootProvider: import("svelte").Component<AvatarRootProviderProps, {}, "">;
 type RootProvider = ReturnType<typeof RootProvider>;
 export default RootProvider;
-//# sourceMappingURL=root-provider.svelte.d.ts.map

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

@@ -6,4 +6,3 @@ export interface AvatarRootProps extends Omit<Props, 'id'>, PropsWithElement<'di
 declare const Root: import("svelte").Component<AvatarRootProps, {}, "">;
 type Root = ReturnType<typeof Root>;
 export default Root;
-//# sourceMappingURL=root.svelte.d.ts.map

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

@@ -5,4 +5,3 @@ export type { AvatarRootContextProps } from './anatomy/root-context.svelte';
 export type { AvatarRootProviderProps } from './anatomy/root-provider.svelte';
 export { Avatar } from './modules/anatomy.js';
 export { useAvatar } from './modules/provider.svelte.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -4,4 +4,3 @@ export declare const Avatar: import("svelte").Component<import("../anatomy/root.
     Image: import("svelte").Component<import("../anatomy/image.svelte").AvatarImageProps, {}, "">;
     Fallback: import("svelte").Component<import("../anatomy/fallback.svelte").AvatarFallbackProps, {}, "">;
 };
-//# sourceMappingURL=anatomy.d.ts.map

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

@@ -1,4 +1,3 @@
 import type { Api, Props } from '@zag-js/avatar';
 import { type PropTypes } from '@zag-js/svelte';
 export declare function useAvatar(props: Props | (() => Props)): () => Api<PropTypes>;
-//# sourceMappingURL=provider.svelte.d.ts.map

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

@@ -3,4 +3,3 @@ export declare const RootContext: {
     consume(): () => import("@zag-js/avatar", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
     provide(value: () => import("@zag-js/avatar", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/avatar", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
-//# sourceMappingURL=root-context.d.ts.map

package/dist/components/collapsible/anatomy/content.svelte.d.ts

@@ -5,4 +5,3 @@ export interface CollapsibleContentProps extends PropsWithElement<'div'>, HTMLAt
 declare const Content: import("svelte").Component<CollapsibleContentProps, {}, "">;
 type Content = ReturnType<typeof Content>;
 export default Content;
-//# sourceMappingURL=content.svelte.d.ts.map

package/dist/components/collapsible/anatomy/indicator.svelte.d.ts

@@ -5,4 +5,3 @@ export interface CollapsibleIndicatorProps extends PropsWithElement<'div'>, HTML
 declare const Indicator: import("svelte").Component<CollapsibleIndicatorProps, {}, "">;
 type Indicator = ReturnType<typeof Indicator>;
 export default Indicator;
-//# sourceMappingURL=indicator.svelte.d.ts.map

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

@@ -7,4 +7,3 @@ import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<CollapsibleRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;
-//# sourceMappingURL=root-context.svelte.d.ts.map

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

@@ -1,7 +1,7 @@
 <script lang="ts" module>
-	import type { useCollapsible } from '../modules/provider.svelte';
 	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { useCollapsible } from '../modules/provider.svelte';
 
 	export interface CollapsibleRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useCollapsible>;

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

@@ -1,10 +1,9 @@
-import type { useCollapsible } from '../modules/provider.svelte';
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { useCollapsible } from '../modules/provider.svelte';
 export interface CollapsibleRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useCollapsible>;
 }
 declare const RootProvider: import("svelte").Component<CollapsibleRootProviderProps, {}, "">;
 type RootProvider = ReturnType<typeof RootProvider>;
 export default RootProvider;
-//# sourceMappingURL=root-provider.svelte.d.ts.map

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

@@ -6,4 +6,3 @@ export interface CollapsibleRootProps extends Omit<Props, 'id'>, PropsWithElemen
 declare const Root: import("svelte").Component<CollapsibleRootProps, {}, "">;
 type Root = ReturnType<typeof Root>;
 export default Root;
-//# sourceMappingURL=root.svelte.d.ts.map

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

@@ -5,4 +5,3 @@ export interface CollapsibleTriggerProps extends PropsWithElement<'button'>, HTM
 declare const Trigger: import("svelte").Component<CollapsibleTriggerProps, {}, "">;
 type Trigger = ReturnType<typeof Trigger>;
 export default Trigger;
-//# sourceMappingURL=trigger.svelte.d.ts.map

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

@@ -6,4 +6,3 @@ export type { CollapsibleTriggerProps } from './anatomy/trigger.svelte';
 export type { CollapsibleIndicatorProps } from './anatomy/indicator.svelte';
 export { Collapsible } from './modules/anatomy.js';
 export { useCollapsible } from './modules/provider.svelte.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,4 +5,3 @@ export declare const Collapsible: import("svelte").Component<import("../anatomy/
     Indicator: import("svelte").Component<import("../anatomy/indicator.svelte").CollapsibleIndicatorProps, {}, "">;
     Content: import("svelte").Component<import("../anatomy/content.svelte").CollapsibleContentProps, {}, "">;
 };
-//# sourceMappingURL=anatomy.d.ts.map

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

@@ -1,4 +1,3 @@
 import type { Api, Props } from '@zag-js/collapsible';
 import { type PropTypes } from '@zag-js/svelte';
 export declare function useCollapsible(props: Props | (() => Props)): () => Api<PropTypes>;
-//# sourceMappingURL=provider.svelte.d.ts.map

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

@@ -3,4 +3,3 @@ export declare const RootContext: {
     consume(): () => import("@zag-js/collapsible", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
     provide(value: () => import("@zag-js/collapsible", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/collapsible", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
-//# sourceMappingURL=root-context.d.ts.map

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

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

package/dist/components/combobox/anatomy/content.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxContentProps extends PropsWithElement<'ul'>, HTMLAttrib
 declare const Content: import("svelte").Component<ComboboxContentProps, {}, "">;
 type Content = ReturnType<typeof Content>;
 export default Content;
-//# sourceMappingURL=content.svelte.d.ts.map

package/dist/components/combobox/anatomy/control.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxControlProps extends PropsWithElement<'div'>, HTMLAttri
 declare const Control: import("svelte").Component<ComboboxControlProps, {}, "">;
 type Control = ReturnType<typeof Control>;
 export default Control;
-//# sourceMappingURL=control.svelte.d.ts.map

package/dist/components/combobox/anatomy/input.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxInputProps extends PropsWithElement<'input'>, HTMLAttri
 declare const Input: import("svelte").Component<ComboboxInputProps, {}, "">;
 type Input = ReturnType<typeof Input>;
 export default Input;
-//# sourceMappingURL=input.svelte.d.ts.map

package/dist/components/combobox/anatomy/item-group-label.svelte.d.ts

@@ -6,4 +6,3 @@ import { type ItemGroupLabelProps } from '@zag-js/combobox';
 declare const ItemGroupLabel: import("svelte").Component<ComboboxItemGroupLabelProps, {}, "">;
 type ItemGroupLabel = ReturnType<typeof ItemGroupLabel>;
 export default ItemGroupLabel;
-//# sourceMappingURL=item-group-label.svelte.d.ts.map

package/dist/components/combobox/anatomy/item-group.svelte.d.ts

@@ -6,4 +6,3 @@ export interface ComboboxItemGroupProps extends Omit<ItemGroupProps, 'id'>, Prop
 declare const ItemGroup: import("svelte").Component<ComboboxItemGroupProps, {}, "">;
 type ItemGroup = ReturnType<typeof ItemGroup>;
 export default ItemGroup;
-//# sourceMappingURL=item-group.svelte.d.ts.map

package/dist/components/combobox/anatomy/item-indicator.svelte

@@ -6,9 +6,9 @@
 </script>
 
 <script lang="ts">
+	import Check from '../../../internal/components/check.svelte';
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import Check from '../../../internal/components/check.svelte';
 	import { classesCombobox } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/combobox/anatomy/item-indicator.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxItemIndicatorProps extends PropsWithElement<'div'>, HTM
 declare const ItemIndicator: import("svelte").Component<ComboboxItemIndicatorProps, {}, "">;
 type ItemIndicator = ReturnType<typeof ItemIndicator>;
 export default ItemIndicator;
-//# sourceMappingURL=item-indicator.svelte.d.ts.map

package/dist/components/combobox/anatomy/item-text.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxItemTextProps extends PropsWithElement<'span'>, HTMLAtt
 declare const ItemText: import("svelte").Component<ComboboxItemTextProps, {}, "">;
 type ItemText = ReturnType<typeof ItemText>;
 export default ItemText;
-//# sourceMappingURL=item-text.svelte.d.ts.map

package/dist/components/combobox/anatomy/item.svelte.d.ts

@@ -6,4 +6,3 @@ export interface ComboboxItemProps extends Omit<ItemProps, 'id'>, PropsWithEleme
 declare const Item: import("svelte").Component<ComboboxItemProps, {}, "">;
 type Item = ReturnType<typeof Item>;
 export default Item;
-//# sourceMappingURL=item.svelte.d.ts.map

package/dist/components/combobox/anatomy/label.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxLabelProps extends PropsWithElement<'label'>, HTMLAttri
 declare const Label: import("svelte").Component<ComboboxLabelProps, {}, "">;
 type Label = ReturnType<typeof Label>;
 export default Label;
-//# sourceMappingURL=label.svelte.d.ts.map

package/dist/components/combobox/anatomy/positioner.svelte.d.ts

@@ -5,4 +5,3 @@ export interface ComboboxPositionerProps extends PropsWithElement<'div'>, HTMLAt
 declare const Positioner: import("svelte").Component<ComboboxPositionerProps, {}, "">;
 type Positioner = ReturnType<typeof Positioner>;
 export default Positioner;
-//# sourceMappingURL=positioner.svelte.d.ts.map

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

@@ -7,4 +7,3 @@ import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<ComboboxRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;
-//# sourceMappingURL=root-context.svelte.d.ts.map

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

@@ -1,7 +1,7 @@
 <script lang="ts" module>
-	import type { useCombobox } from '../modules/provider.svelte';
 	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { useCombobox } from '../modules/provider.svelte';
 
 	export interface ComboboxRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {
 		value: ReturnType<typeof useCombobox>;

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

@@ -1,10 +1,9 @@
-import type { useCombobox } from '../modules/provider.svelte';
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { useCombobox } from '../modules/provider.svelte';
 export interface ComboboxRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {
     value: ReturnType<typeof useCombobox>;
 }
 declare const RootProvider: import("svelte").Component<ComboboxRootProviderProps, {}, "">;
 type RootProvider = ReturnType<typeof RootProvider>;
 export default RootProvider;
-//# sourceMappingURL=root-provider.svelte.d.ts.map

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

@@ -6,4 +6,3 @@ export interface ComboboxRootProps extends Omit<Props, 'id'>, PropsWithElement<'
 declare const Root: import("svelte").Component<ComboboxRootProps, {}, "">;
 type Root = ReturnType<typeof Root>;
 export default Root;
-//# sourceMappingURL=root.svelte.d.ts.map

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

@@ -6,8 +6,8 @@
 </script>
 
 <script lang="ts">
-	import { RootContext } from '../modules/root-context.js';
 	import ChevronDownIcon from '../../../internal/components/chevron-down.svelte';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesCombobox } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

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

@@ -5,4 +5,3 @@ export interface ComboboxTriggerProps extends PropsWithElement<'button'>, HTMLAt
 declare const Trigger: import("svelte").Component<ComboboxTriggerProps, {}, "">;
 type Trigger = ReturnType<typeof Trigger>;
 export default Trigger;
-//# sourceMappingURL=trigger.svelte.d.ts.map

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

@@ -1,3 +1,4 @@
+export type { ComboboxClearTriggerProps } from './anatomy/clear-trigger.svelte';
 export type { ComboboxContentProps } from './anatomy/content.svelte';
 export type { ComboboxControlProps } from './anatomy/control.svelte';
 export type { ComboboxInputProps } from './anatomy/input.svelte';
@@ -14,4 +15,3 @@ export type { ComboboxRootProviderProps } from './anatomy/root-provider.svelte';
 export type { ComboboxTriggerProps } from './anatomy/trigger.svelte';
 export { Combobox } from './modules/anatomy.js';
 export { useCombobox } from './modules/provider.svelte.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,6 +5,7 @@ export declare const Combobox: import("svelte").Component<import("../anatomy/roo
     Control: import("svelte").Component<import("../anatomy/control.svelte").ComboboxControlProps, {}, "">;
     Input: import("svelte").Component<import("../anatomy/input.svelte").ComboboxInputProps, {}, "">;
     Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").ComboboxTriggerProps, {}, "">;
+    ClearTrigger: import("svelte").Component<import("../anatomy/clear-trigger.svelte").ComboboxClearTriggerProps, {}, "">;
     Positioner: import("svelte").Component<import("../anatomy/positioner.svelte").ComboboxPositionerProps, {}, "">;
     Content: import("svelte").Component<import("../anatomy/content.svelte").ComboboxContentProps, {}, "">;
     ItemGroup: import("svelte").Component<import("../anatomy/item-group.svelte").ComboboxItemGroupProps, {}, "">;
@@ -13,4 +14,3 @@ export declare const Combobox: import("svelte").Component<import("../anatomy/roo
     ItemText: import("svelte").Component<import("../anatomy/item-text.svelte").ComboboxItemTextProps, {}, "">;
     ItemIndicator: import("svelte").Component<import("../anatomy/item-indicator.svelte").ComboboxItemIndicatorProps, {}, "">;
 };
-//# sourceMappingURL=anatomy.d.ts.map

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

@@ -1,3 +1,4 @@
+import ClearTrigger from '../anatomy/clear-trigger.svelte';
 import Content from '../anatomy/content.svelte';
 import Control from '../anatomy/control.svelte';
 import Input from '../anatomy/input.svelte';
@@ -19,6 +20,7 @@ export const Combobox = Object.assign(Root, {
     Control: Control,
     Input: Input,
     Trigger: Trigger,
+    ClearTrigger: ClearTrigger,
     Positioner: Positioner,
     Content: Content,
     ItemGroup: ItemGroup,

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

@@ -4,4 +4,3 @@ export declare const ItemContext: {
     consume(): () => ItemProps;
     provide(value: () => ItemProps): () => ItemProps;
 };
-//# sourceMappingURL=item-context.d.ts.map

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

@@ -4,4 +4,3 @@ export declare const ItemGroupContext: {
     consume(): () => ItemGroupProps;
     provide(value: () => ItemGroupProps): () => ItemGroupProps;
 };
-//# sourceMappingURL=item-group-context.d.ts.map

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

@@ -1,4 +1,3 @@
 import { type Api, type Props } from '@zag-js/combobox';
 import { type PropTypes } from '@zag-js/svelte';
 export declare function useCombobox(props: Props | (() => Props)): () => Api<PropTypes>;
-//# sourceMappingURL=provider.svelte.d.ts.map

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

@@ -3,4 +3,3 @@ export declare const RootContext: {
     consume(): () => import("@zag-js/combobox", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
     provide(value: () => import("@zag-js/combobox", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/combobox", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
-//# sourceMappingURL=root-context.d.ts.map

package/dist/components/date-picker/anatomy/content.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerContentProps extends PropsWithElement<'div'>, HTMLAtt
 declare const Content: import("svelte").Component<DatePickerContentProps, {}, "">;
 type Content = ReturnType<typeof Content>;
 export default Content;
-//# sourceMappingURL=content.svelte.d.ts.map

package/dist/components/date-picker/anatomy/control.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerControlProps extends PropsWithElement<'div'>, HTMLAtt
 declare const Control: import("svelte").Component<DatePickerControlProps, {}, "">;
 type Control = ReturnType<typeof Control>;
 export default Control;
-//# sourceMappingURL=control.svelte.d.ts.map

package/dist/components/date-picker/anatomy/input.svelte.d.ts

@@ -6,4 +6,3 @@ export interface DatePickerInputProps extends InputProps, PropsWithElement<'inpu
 declare const Input: import("svelte").Component<DatePickerInputProps, {}, "">;
 type Input = ReturnType<typeof Input>;
 export default Input;
-//# sourceMappingURL=input.svelte.d.ts.map

package/dist/components/date-picker/anatomy/label.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerLabelProps extends PropsWithElement<'label'>, HTMLAtt
 declare const Label: import("svelte").Component<DatePickerLabelProps, {}, "">;
 type Label = ReturnType<typeof Label>;
 export default Label;
-//# sourceMappingURL=label.svelte.d.ts.map

package/dist/components/date-picker/anatomy/month-select.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerMonthSelectProps extends PropsWithElement<'select'>,
 declare const MonthSelect: import("svelte").Component<DatePickerMonthSelectProps, {}, "">;
 type MonthSelect = ReturnType<typeof MonthSelect>;
 export default MonthSelect;
-//# sourceMappingURL=month-select.svelte.d.ts.map

package/dist/components/date-picker/anatomy/next-trigger.svelte

@@ -6,9 +6,9 @@
 </script>
 
 <script lang="ts">
+	import ChevronRightIcon from '../../../internal/components/chevron-right.svelte';
 	import { RootContext } from '../modules/root-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import ChevronRightIcon from '../../../internal/components/chevron-right.svelte';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/date-picker/anatomy/next-trigger.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerNextTriggerProps extends PropsWithElement<'button'>,
 declare const NextTrigger: import("svelte").Component<DatePickerNextTriggerProps, {}, "">;
 type NextTrigger = ReturnType<typeof NextTrigger>;
 export default NextTrigger;
-//# sourceMappingURL=next-trigger.svelte.d.ts.map

package/dist/components/date-picker/anatomy/positioner.svelte.d.ts

@@ -5,4 +5,3 @@ export interface DatePickerPositionerProps extends PropsWithElement<'div'>, HTML
 declare const Positioner: import("svelte").Component<DatePickerPositionerProps, {}, "">;
 type Positioner = ReturnType<typeof Positioner>;
 export default Positioner;
-//# sourceMappingURL=positioner.svelte.d.ts.map