@ark-ui/svelte 5.3.3 → 5.4.0

package/dist/components/index.d.ts

@@ -37,6 +37,7 @@ export * from './progress';
 export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
+export * from './scroll-area';
 export * from './segment-group';
 export * from './select';
 export * from './signature-pad';

package/dist/components/index.js

@@ -37,6 +37,7 @@ export * from './progress';
 export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
+export * from './scroll-area';
 export * from './segment-group';
 export * from './select';
 export * from './signature-pad';

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,13 @@
+export type { ElementIds as ScrollAreaElementIds, ScrollToEdge as ScrollAreaScrollToEdge, ScrollbarState as ScrollAreaScrollbarState, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@zag-js/scroll-area';
+export { default as ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps, } from './scroll-area-content.svelte';
+export { default as ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context.svelte';
+export { default as ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps, } from './scroll-area-corner.svelte';
+export { default as ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps, } from './scroll-area-root.svelte';
+export { default as ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, } from './scroll-area-root-provider.svelte';
+export { default as ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, } from './scroll-area-scrollbar.svelte';
+export { default as ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps, } from './scroll-area-thumb.svelte';
+export { default as ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, } from './scroll-area-viewport.svelte';
+export { scrollAreaAnatomy } from './scroll-area.anatomy.js';
+export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area.svelte.js';
+export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context.js';
+export * as ScrollArea from './scroll-area.js';

package/dist/components/scroll-area/index.js

@@ -0,0 +1,12 @@
+export { default as ScrollAreaContent, } from './scroll-area-content.svelte';
+export { default as ScrollAreaContext } from './scroll-area-context.svelte';
+export { default as ScrollAreaCorner, } from './scroll-area-corner.svelte';
+export { default as ScrollAreaRoot, } from './scroll-area-root.svelte';
+export { default as ScrollAreaRootProvider, } from './scroll-area-root-provider.svelte';
+export { default as ScrollAreaScrollbar, } from './scroll-area-scrollbar.svelte';
+export { default as ScrollAreaThumb, } from './scroll-area-thumb.svelte';
+export { default as ScrollAreaViewport, } from './scroll-area-viewport.svelte';
+export { scrollAreaAnatomy } from './scroll-area.anatomy.js';
+export { useScrollArea } from './use-scroll-area.svelte.js';
+export { useScrollAreaContext } from './use-scroll-area-context.js';
+export * as ScrollArea from './scroll-area.js';

package/dist/components/scroll-area/scroll-area-content.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+
+  export interface ScrollAreaContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaContentProps extends Assign<HTMLProps<'div'>, ScrollAreaContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaContentProps = $props()
+
+  const scrollArea = useScrollAreaContext()
+  const mergedProps = $derived(mergeProps(scrollArea().getContentProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-content.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+export interface ScrollAreaContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaContentProps extends Assign<HTMLProps<'div'>, ScrollAreaContentBaseProps> {
+}
+declare const ScrollAreaContent: import("svelte").Component<ScrollAreaContentProps, {}, "ref">;
+type ScrollAreaContent = ReturnType<typeof ScrollAreaContent>;
+export default ScrollAreaContent;

package/dist/components/scroll-area/scroll-area-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseScrollAreaContext } from './use-scroll-area-context.js'
+
+  export interface ScrollAreaContextProps {
+    render: Snippet<[UseScrollAreaContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+
+  let { render }: ScrollAreaContextProps = $props()
+
+  const context = useScrollAreaContext()
+</script>
+
+{@render render(context)}

package/dist/components/scroll-area/scroll-area-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseScrollAreaContext } from './use-scroll-area-context.js';
+export interface ScrollAreaContextProps {
+    render: Snippet<[UseScrollAreaContext]>;
+}
+declare const ScrollAreaContext: import("svelte").Component<ScrollAreaContextProps, {}, "">;
+type ScrollAreaContext = ReturnType<typeof ScrollAreaContext>;
+export default ScrollAreaContext;

package/dist/components/scroll-area/scroll-area-corner.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+
+  export interface ScrollAreaCornerBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaCornerProps extends Assign<HTMLProps<'div'>, ScrollAreaCornerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaCornerProps = $props()
+
+  const scrollArea = useScrollAreaContext()
+  const mergedProps = $derived(mergeProps(scrollArea().getCornerProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-corner.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+export interface ScrollAreaCornerBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaCornerProps extends Assign<HTMLProps<'div'>, ScrollAreaCornerBaseProps> {
+}
+declare const ScrollAreaCorner: import("svelte").Component<ScrollAreaCornerProps, {}, "ref">;
+type ScrollAreaCorner = ReturnType<typeof ScrollAreaCorner>;
+export default ScrollAreaCorner;

package/dist/components/scroll-area/scroll-area-root-provider.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+  import type { UseScrollAreaContext } from './use-scroll-area-context.js'
+
+  export interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseScrollAreaContext
+  }
+  export interface ScrollAreaRootProviderProps extends Assign<HTMLProps<'div'>, ScrollAreaRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { Ark } from '../factory/index.js'
+  import { ScrollAreaProvider } from './use-scroll-area-context.js'
+
+  let { value, ref = $bindable(null), ...props }: ScrollAreaRootProviderProps = $props()
+
+  ScrollAreaProvider(value)
+</script>
+
+<Ark as="div" bind:ref {...props} />

package/dist/components/scroll-area/scroll-area-root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+import type { UseScrollAreaContext } from './use-scroll-area-context.js';
+export interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseScrollAreaContext;
+}
+export interface ScrollAreaRootProviderProps extends Assign<HTMLProps<'div'>, ScrollAreaRootProviderBaseProps> {
+}
+declare const ScrollAreaRootProvider: import("svelte").Component<ScrollAreaRootProviderProps, {}, "ref">;
+type ScrollAreaRootProvider = ReturnType<typeof ScrollAreaRootProvider>;
+export default ScrollAreaRootProvider;

package/dist/components/scroll-area/scroll-area-root.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+  import type { UseScrollAreaProps } from './use-scroll-area.svelte'
+
+  export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaRootProps extends Assign<HTMLProps<'div'>, ScrollAreaRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { ScrollAreaProvider } from './use-scroll-area-context.js'
+  import { useScrollArea } from './use-scroll-area.svelte.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaRootProps = $props()
+  const providedId = $props.id()
+
+  const [scrollAreaProps, localProps] = $derived(createSplitProps<UseScrollAreaProps>()(props, ['id', 'ids']))
+
+  const resolvedProps = $derived<UseScrollAreaProps>({
+    ...scrollAreaProps,
+    id: scrollAreaProps.id ?? providedId,
+  })
+
+  const scrollArea = useScrollArea(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(scrollArea().getRootProps(), localProps))
+
+  ScrollAreaProvider(scrollArea)
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+import type { UseScrollAreaProps } from './use-scroll-area.svelte';
+export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaRootProps extends Assign<HTMLProps<'div'>, ScrollAreaRootBaseProps> {
+}
+declare const ScrollAreaRoot: import("svelte").Component<ScrollAreaRootProps, {}, "ref">;
+type ScrollAreaRoot = ReturnType<typeof ScrollAreaRoot>;
+export default ScrollAreaRoot;

package/dist/components/scroll-area/scroll-area-scrollbar.svelte

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+  import type { Orientation } from '@zag-js/types'
+
+  interface ScrollbarProps {
+    orientation?: Orientation
+  }
+
+  export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaScrollbarProps extends Assign<HTMLProps<'div'>, ScrollAreaScrollbarBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { Ark } from '../factory/index.js'
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+  import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaScrollbarProps = $props()
+
+  const [scrollbarProps, localProps] = $derived(createSplitProps<ScrollbarProps>()(props, ['orientation']))
+
+  const scrollAreaApi = useScrollAreaContext()
+  const mergedProps = $derived(mergeProps(scrollAreaApi().getScrollbarProps(scrollbarProps), localProps))
+
+  ScrollAreaScrollbarProvider(() => scrollbarProps)
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+import type { Orientation } from '@zag-js/types';
+interface ScrollbarProps {
+    orientation?: Orientation;
+}
+export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaScrollbarProps extends Assign<HTMLProps<'div'>, ScrollAreaScrollbarBaseProps> {
+}
+declare const ScrollAreaScrollbar: import("svelte").Component<ScrollAreaScrollbarProps, {}, "ref">;
+type ScrollAreaScrollbar = ReturnType<typeof ScrollAreaScrollbar>;
+export default ScrollAreaScrollbar;

package/dist/components/scroll-area/scroll-area-thumb.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+
+  export interface ScrollAreaThumbBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaThumbProps extends Assign<HTMLProps<'div'>, ScrollAreaThumbBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+  import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaThumbProps = $props()
+
+  const scrollAreaApi = useScrollAreaContext()
+  const scrollbarProps = useScrollAreaScrollbarContext()
+
+  const mergedProps = $derived(mergeProps(scrollAreaApi().getThumbProps(scrollbarProps()), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-thumb.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+export interface ScrollAreaThumbBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaThumbProps extends Assign<HTMLProps<'div'>, ScrollAreaThumbBaseProps> {
+}
+declare const ScrollAreaThumb: import("svelte").Component<ScrollAreaThumbProps, {}, "ref">;
+type ScrollAreaThumb = ReturnType<typeof ScrollAreaThumb>;
+export default ScrollAreaThumb;

package/dist/components/scroll-area/scroll-area-viewport.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+
+  export interface ScrollAreaViewportBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaViewportProps extends Assign<HTMLProps<'div'>, ScrollAreaViewportBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useScrollAreaContext } from './use-scroll-area-context.js'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaViewportProps = $props()
+
+  const scrollArea = useScrollAreaContext()
+  const mergedProps = $derived(mergeProps(scrollArea().getViewportProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-viewport.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+export interface ScrollAreaViewportBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaViewportProps extends Assign<HTMLProps<'div'>, ScrollAreaViewportBaseProps> {
+}
+declare const ScrollAreaViewport: import("svelte").Component<ScrollAreaViewportProps, {}, "ref">;
+type ScrollAreaViewport = ReturnType<typeof ScrollAreaViewport>;
+export default ScrollAreaViewport;

package/dist/components/scroll-area/scroll-area.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';

package/dist/components/scroll-area/scroll-area.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,8 @@
+export { default as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content.svelte';
+export { default as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.svelte';
+export { default as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner.svelte';
+export { default as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root.svelte';
+export { default as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider.svelte';
+export { default as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar.svelte';
+export { default as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb.svelte';
+export { default as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport.svelte';

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,8 @@
+export { default as Content, } from './scroll-area-content.svelte';
+export { default as Context } from './scroll-area-context.svelte';
+export { default as Corner, } from './scroll-area-corner.svelte';
+export { default as Root, } from './scroll-area-root.svelte';
+export { default as RootProvider, } from './scroll-area-root-provider.svelte';
+export { default as Scrollbar, } from './scroll-area-scrollbar.svelte';
+export { default as Thumb, } from './scroll-area-thumb.svelte';
+export { default as Viewport, } from './scroll-area-viewport.svelte';

package/dist/components/scroll-area/use-scroll-area-context.d.ts

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types.js';
+import type * as scrollArea from '@zag-js/scroll-area';
+import type { PropTypes } from '@zag-js/svelte';
+export interface UseScrollAreaContext extends Accessor<scrollArea.Api<PropTypes>> {
+}
+export declare const ScrollAreaProvider: (opts: UseScrollAreaContext) => void, useScrollAreaContext: (fallback?: UseScrollAreaContext | undefined) => UseScrollAreaContext;

package/dist/components/scroll-area/use-scroll-area-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [ScrollAreaProvider, useScrollAreaContext] = createContext({
+    name: 'ScrollAreaContext',
+    hookName: 'useScrollAreaContext',
+    providerName: '<ScrollAreaProvider />',
+});

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from '../../types.js';
+import type { ScrollbarProps } from '@zag-js/scroll-area';
+export declare const ScrollAreaScrollbarProvider: (opts: Accessor<ScrollbarProps>) => void, useScrollAreaScrollbarContext: (fallback?: Accessor<ScrollbarProps> | undefined) => Accessor<ScrollbarProps>;

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext({
+    name: 'ScrollAreaScrollbarContext',
+    hookName: 'useScrollAreaScrollbarContext',
+    providerName: '<ScrollAreaScrollbarProvider />',
+});

package/dist/components/scroll-area/use-scroll-area.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types.js';
+import * as scrollArea from '@zag-js/scroll-area';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseScrollAreaReturn extends Accessor<scrollArea.Api<PropTypes>> {
+}
+export declare const useScrollArea: (props?: MaybeFunction<UseScrollAreaProps>) => UseScrollAreaReturn;

package/dist/components/scroll-area/use-scroll-area.svelte.js

@@ -0,0 +1,19 @@
+import * as scrollArea from '@zag-js/scroll-area';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+import { useEnvironmentContext, useLocaleContext } from '../../providers/index.js';
+export const useScrollArea = (props = {}) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(scrollArea.machine, () => machineProps);
+    const api = $derived(scrollArea.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/tags-input/index.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
 export { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.svelte';
 export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.svelte';
 export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.svelte';

package/dist/components/tags-input/tags-input.d.ts

@@ -1,3 +1,4 @@
+export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
 export { default as Root, type TagsInputRootProps as RootProps, type TagsInputRootBaseProps as RootBaseProps, } from './tags-input-root.svelte';
 export { default as RootProvider, type TagsInputRootProviderProps as RootProviderProps, type TagsInputRootProviderBaseProps as RootProviderBaseProps, } from './tags-input-root-provider.svelte';
 export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.3.3",
+  "version": "5.4.0",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -120,86 +120,87 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.21.1",
-    "@zag-js/angle-slider": "1.21.1",
-    "@zag-js/anatomy": "1.21.1",
-    "@zag-js/auto-resize": "1.21.1",
-    "@zag-js/avatar": "1.21.1",
-    "@zag-js/carousel": "1.21.1",
-    "@zag-js/checkbox": "1.21.1",
-    "@zag-js/clipboard": "1.21.1",
-    "@zag-js/collapsible": "1.21.1",
-    "@zag-js/collection": "1.21.1",
-    "@zag-js/color-picker": "1.21.1",
-    "@zag-js/color-utils": "1.21.1",
-    "@zag-js/combobox": "1.21.1",
-    "@zag-js/core": "1.21.1",
-    "@zag-js/date-picker": "1.21.1",
-    "@zag-js/date-utils": "1.21.1",
-    "@zag-js/dialog": "1.21.1",
-    "@zag-js/dom-query": "1.21.1",
-    "@zag-js/editable": "1.21.1",
-    "@zag-js/file-upload": "1.21.1",
-    "@zag-js/file-utils": "1.21.1",
-    "@zag-js/focus-trap": "1.21.1",
-    "@zag-js/floating-panel": "1.21.1",
-    "@zag-js/highlight-word": "1.21.1",
-    "@zag-js/hover-card": "1.21.1",
-    "@zag-js/i18n-utils": "1.21.1",
-    "@zag-js/json-tree-utils": "1.21.1",
-    "@zag-js/listbox": "1.21.1",
-    "@zag-js/menu": "1.21.1",
-    "@zag-js/number-input": "1.21.1",
-    "@zag-js/pagination": "1.21.1",
-    "@zag-js/password-input": "1.21.1",
-    "@zag-js/pin-input": "1.21.1",
-    "@zag-js/popover": "1.21.1",
-    "@zag-js/presence": "1.21.1",
-    "@zag-js/progress": "1.21.1",
-    "@zag-js/qr-code": "1.21.1",
-    "@zag-js/radio-group": "1.21.1",
-    "@zag-js/rating-group": "1.21.1",
-    "@zag-js/svelte": "1.21.1",
-    "@zag-js/select": "1.21.1",
-    "@zag-js/signature-pad": "1.21.1",
-    "@zag-js/slider": "1.21.1",
-    "@zag-js/splitter": "1.21.1",
-    "@zag-js/steps": "1.21.1",
-    "@zag-js/switch": "1.21.1",
-    "@zag-js/tabs": "1.21.1",
-    "@zag-js/tags-input": "1.21.1",
-    "@zag-js/time-picker": "1.21.1",
-    "@zag-js/timer": "1.21.1",
-    "@zag-js/toast": "1.21.1",
-    "@zag-js/toggle": "1.21.1",
-    "@zag-js/toggle-group": "1.21.1",
-    "@zag-js/tooltip": "1.21.1",
-    "@zag-js/tour": "1.21.1",
-    "@zag-js/tree-view": "1.21.1",
-    "@zag-js/types": "1.21.1",
-    "@zag-js/utils": "1.21.1"
+    "@zag-js/accordion": "1.21.6",
+    "@zag-js/anatomy": "1.21.6",
+    "@zag-js/angle-slider": "1.21.6",
+    "@zag-js/auto-resize": "1.21.6",
+    "@zag-js/avatar": "1.21.6",
+    "@zag-js/carousel": "1.21.6",
+    "@zag-js/checkbox": "1.21.6",
+    "@zag-js/clipboard": "1.21.6",
+    "@zag-js/collapsible": "1.21.6",
+    "@zag-js/collection": "1.21.6",
+    "@zag-js/color-picker": "1.21.6",
+    "@zag-js/color-utils": "1.21.6",
+    "@zag-js/combobox": "1.21.6",
+    "@zag-js/core": "1.21.6",
+    "@zag-js/date-picker": "1.21.6",
+    "@zag-js/date-utils": "1.21.6",
+    "@zag-js/dialog": "1.21.6",
+    "@zag-js/dom-query": "1.21.6",
+    "@zag-js/editable": "1.21.6",
+    "@zag-js/file-upload": "1.21.6",
+    "@zag-js/file-utils": "1.21.6",
+    "@zag-js/floating-panel": "1.21.6",
+    "@zag-js/focus-trap": "1.21.6",
+    "@zag-js/highlight-word": "1.21.6",
+    "@zag-js/hover-card": "1.21.6",
+    "@zag-js/i18n-utils": "1.21.6",
+    "@zag-js/json-tree-utils": "1.21.6",
+    "@zag-js/listbox": "1.21.6",
+    "@zag-js/menu": "1.21.6",
+    "@zag-js/number-input": "1.21.6",
+    "@zag-js/pagination": "1.21.6",
+    "@zag-js/password-input": "1.21.6",
+    "@zag-js/pin-input": "1.21.6",
+    "@zag-js/popover": "1.21.6",
+    "@zag-js/presence": "1.21.6",
+    "@zag-js/progress": "1.21.6",
+    "@zag-js/qr-code": "1.21.6",
+    "@zag-js/radio-group": "1.21.6",
+    "@zag-js/rating-group": "1.21.6",
+    "@zag-js/scroll-area": "1.21.6",
+    "@zag-js/select": "1.21.6",
+    "@zag-js/signature-pad": "1.21.6",
+    "@zag-js/slider": "1.21.6",
+    "@zag-js/splitter": "1.21.6",
+    "@zag-js/steps": "1.21.6",
+    "@zag-js/svelte": "1.21.6",
+    "@zag-js/switch": "1.21.6",
+    "@zag-js/tabs": "1.21.6",
+    "@zag-js/tags-input": "1.21.6",
+    "@zag-js/time-picker": "1.21.6",
+    "@zag-js/timer": "1.21.6",
+    "@zag-js/toast": "1.21.6",
+    "@zag-js/toggle": "1.21.6",
+    "@zag-js/toggle-group": "1.21.6",
+    "@zag-js/tooltip": "1.21.6",
+    "@zag-js/tour": "1.21.6",
+    "@zag-js/tree-view": "1.21.6",
+    "@zag-js/types": "1.21.6",
+    "@zag-js/utils": "1.21.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.0.18",
-    "@storybook/sveltekit": "9.0.18",
-    "@sveltejs/adapter-auto": "6.0.1",
-    "@sveltejs/kit": "2.25.1",
-    "@sveltejs/package": "2.4.0",
-    "@sveltejs/vite-plugin-svelte": "6.1.0",
-    "@tanstack/svelte-form": "1.14.2",
-    "@testing-library/jest-dom": "6.6.3",
+    "@storybook/addon-a11y": "9.1.2",
+    "@storybook/sveltekit": "9.1.2",
+    "@sveltejs/adapter-auto": "6.1.0",
+    "@sveltejs/kit": "2.31.1",
+    "@sveltejs/package": "2.4.1",
+    "@sveltejs/vite-plugin-svelte": "6.1.2",
+    "@tanstack/svelte-form": "1.19.2",
+    "@testing-library/jest-dom": "6.7.0",
     "@testing-library/svelte": "5.2.8",
     "@testing-library/user-event": "14.6.1",
     "@vitest/coverage-v8": "3.2.4",
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
-    "lucide-svelte": "0.525.0",
-    "storybook": "9.0.18",
-    "svelte": "5.36.13",
-    "svelte-check": "4.3.0",
+    "lucide-svelte": "0.539.0",
+    "storybook": "9.1.2",
+    "svelte": "5.38.1",
+    "svelte-check": "4.3.1",
     "tslib": "2.8.1",
-    "typescript": "5.8.3",
-    "vite": "7.0.5",
+    "typescript": "5.9.2",
+    "vite": "7.1.2",
     "vitest": "3.2.4"
   },
   "peerDependencies": {