@ark-ui/svelte 5.0.0 → 5.0.2

package/dist/components/accordion/accordion-item-context.svelte

@@ -1,8 +1,9 @@
 <script module lang="ts">
   import type { Snippet } from 'svelte'
+  import type { UseAccordionItemContext } from './use-accordion-item-context'
 
   export interface AccordionItemContextProps {
-    render: Snippet
+    render: Snippet<[UseAccordionItemContext]>
   }
 </script>
 
@@ -15,4 +16,4 @@
   AccordionItemProvider(itemState)
 </script>
 
-{@render render()}
+{@render render(itemState)}

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

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
+import type { UseAccordionItemContext } from './use-accordion-item-context';
 export interface AccordionItemContextProps {
-    render: Snippet;
+    render: Snippet<[UseAccordionItemContext]>;
 }
 declare const AccordionItemContext: import("svelte").Component<AccordionItemContextProps, {}, "">;
 type AccordionItemContext = ReturnType<typeof AccordionItemContext>;

package/dist/components/factory/factory.svelte

@@ -7,7 +7,13 @@
 
   type Props = HTMLProps<T> &
     PolymorphicProps<T> & {
+      /**
+       * The HTML tag of the component.
+       */
       as: T
+      /**
+       * The bindable ref of the component.
+       */
       ref?: Element | null
     }
 

package/dist/components/factory/factory.svelte.d.ts

@@ -2,7 +2,13 @@ import type { HTMLProps, PolymorphicProps } from '../../types';
 import type { SvelteHTMLElements } from 'svelte/elements';
 declare class __sveltets_Render<T extends keyof SvelteHTMLElements> {
     props(): HTMLProps<T> & PolymorphicProps<T> & {
+        /**
+         * The HTML tag of the component.
+         */
         as: T;
+        /**
+         * The bindable ref of the component.
+         */
         ref?: Element | null;
     };
     events(): {};

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

@@ -4,6 +4,7 @@ export { default as ListboxContent, type ListboxContentBaseProps, type ListboxCo
 export { default as ListboxContext, type ListboxContextProps } from './listbox-context.svelte';
 export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.svelte';
 export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.svelte';
+export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.svelte';
 export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.svelte';
 export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.svelte';
 export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.svelte';

package/dist/components/listbox/index.js

@@ -3,6 +3,7 @@ export { default as ListboxContent, } from './listbox-content.svelte';
 export { default as ListboxContext } from './listbox-context.svelte';
 export { default as ListboxInput } from './listbox-input.svelte';
 export { default as ListboxItem } from './listbox-item.svelte';
+export { default as ListboxItemContext } from './listbox-item-context.svelte';
 export { default as ListboxItemGroup, } from './listbox-item-group.svelte';
 export { default as ListboxItemGroupLabel, } from './listbox-item-group-label.svelte';
 export { default as ListboxItemIndicator, } from './listbox-item-indicator.svelte';

package/dist/components/listbox/listbox-item-context.svelte

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

package/dist/components/listbox/listbox-item-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ListboxItemContextProps {
+    render: Snippet<[UseListboxItemContext]>;
+}
+import type { UseListboxItemContext } from './use-listbox-item-context.js';
+declare const ListboxItemContext: import("svelte").Component<ListboxItemContextProps, {}, "">;
+type ListboxItemContext = ReturnType<typeof ListboxItemContext>;
+export default ListboxItemContext;

package/dist/components/listbox/listbox.d.ts

@@ -2,6 +2,7 @@ export { default as Content, type ListboxContentBaseProps as ContentBaseProps, t
 export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.svelte';
 export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.svelte';
 export { default as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item.svelte';
+export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.svelte';
 export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.svelte';
 export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.svelte';
 export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.svelte';

package/dist/components/listbox/listbox.js

@@ -2,6 +2,7 @@ export { default as Content, } from './listbox-content.svelte';
 export { default as Context } from './listbox-context.svelte';
 export { default as Input, } from './listbox-input.svelte';
 export { default as Item, } from './listbox-item.svelte';
+export { default as ItemContext } from './listbox-item-context.svelte';
 export { default as ItemGroup, } from './listbox-item-group.svelte';
 export { default as ItemGroupLabel, } from './listbox-item-group-label.svelte';
 export { default as ItemIndicator, } from './listbox-item-indicator.svelte';

package/dist/types.d.ts

@@ -8,7 +8,13 @@ export type HTMLTag = keyof SvelteHTMLElements;
 export type PropsFn<T extends HTMLTag> = (props?: HTMLProps<T>) => HTMLAttributes<HTMLElement>;
 export type HTMLProps<T extends HTMLTag> = SvelteHTMLElements[T];
 export type PolymorphicProps<T extends HTMLTag> = {
+    /**
+     * The children snippet of the component.
+     */
     children?: Snippet;
+    /**
+     * Use the provided child element as the default rendered element, combining their props and behavior.
+     */
     asChild?: Snippet<[PropsFn<T>]>;
 };
 export interface RefAttribute<T extends Element = Element> {

package/package.json

@@ -1,11 +1,50 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
+    "accordion",
+    "angle slider",
     "avatar",
-    "svelte"
+    "carousel",
+    "checkbox",
+    "clipboard",
+    "collapsible",
+    "color picker",
+    "combobox",
+    "date picker",
+    "dialog",
+    "editable",
+    "field",
+    "fieldset",
+    "file upload",
+    "frame",
+    "hover card",
+    "menu",
+    "number input",
+    "pagination",
+    "pin input",
+    "popover",
+    "portal",
+    "progress",
+    "radio group",
+    "rating group",
+    "segment group",
+    "select",
+    "signature pad",
+    "slider",
+    "splitter",
+    "switch",
+    "tabs",
+    "tags input",
+    "time picker",
+    "timer",
+    "toast",
+    "toggle group",
+    "tooltip",
+    "tree view",
+    "password input"
   ],
   "license": "MIT",
   "homepage": "https://ark-ui.com",
@@ -81,63 +120,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.17.0",
-    "@zag-js/angle-slider": "1.17.0",
-    "@zag-js/anatomy": "1.17.0",
-    "@zag-js/auto-resize": "1.17.0",
-    "@zag-js/avatar": "1.17.0",
-    "@zag-js/carousel": "1.17.0",
-    "@zag-js/checkbox": "1.17.0",
-    "@zag-js/clipboard": "1.17.0",
-    "@zag-js/collapsible": "1.17.0",
-    "@zag-js/collection": "1.17.0",
-    "@zag-js/color-picker": "1.17.0",
-    "@zag-js/color-utils": "1.17.0",
-    "@zag-js/combobox": "1.17.0",
-    "@zag-js/core": "1.17.0",
-    "@zag-js/date-picker": "1.17.0",
-    "@zag-js/date-utils": "1.17.0",
-    "@zag-js/dialog": "1.17.0",
-    "@zag-js/dom-query": "1.17.0",
-    "@zag-js/editable": "1.17.0",
-    "@zag-js/file-upload": "1.17.0",
-    "@zag-js/file-utils": "1.17.0",
-    "@zag-js/focus-trap": "1.17.0",
-    "@zag-js/floating-panel": "1.17.0",
-    "@zag-js/highlight-word": "1.17.0",
-    "@zag-js/hover-card": "1.17.0",
-    "@zag-js/i18n-utils": "1.17.0",
-    "@zag-js/listbox": "1.17.0",
-    "@zag-js/menu": "1.17.0",
-    "@zag-js/number-input": "1.17.0",
-    "@zag-js/pagination": "1.17.0",
-    "@zag-js/password-input": "1.17.0",
-    "@zag-js/pin-input": "1.17.0",
-    "@zag-js/popover": "1.17.0",
-    "@zag-js/presence": "1.17.0",
-    "@zag-js/progress": "1.17.0",
-    "@zag-js/qr-code": "1.17.0",
-    "@zag-js/radio-group": "1.17.0",
-    "@zag-js/rating-group": "1.17.0",
-    "@zag-js/svelte": "1.17.0",
-    "@zag-js/select": "1.17.0",
-    "@zag-js/signature-pad": "1.17.0",
-    "@zag-js/slider": "1.17.0",
-    "@zag-js/splitter": "1.17.0",
-    "@zag-js/steps": "1.17.0",
-    "@zag-js/switch": "1.17.0",
-    "@zag-js/tabs": "1.17.0",
-    "@zag-js/tags-input": "1.17.0",
-    "@zag-js/time-picker": "1.17.0",
-    "@zag-js/timer": "1.17.0",
-    "@zag-js/toast": "1.17.0",
-    "@zag-js/toggle": "1.17.0",
-    "@zag-js/toggle-group": "1.17.0",
-    "@zag-js/tooltip": "1.17.0",
-    "@zag-js/tour": "1.17.0",
-    "@zag-js/tree-view": "1.17.0",
-    "@zag-js/types": "1.17.0",
-    "@zag-js/utils": "1.17.0"
+    "@zag-js/accordion": "1.17.2",
+    "@zag-js/angle-slider": "1.17.2",
+    "@zag-js/anatomy": "1.17.2",
+    "@zag-js/auto-resize": "1.17.2",
+    "@zag-js/avatar": "1.17.2",
+    "@zag-js/carousel": "1.17.2",
+    "@zag-js/checkbox": "1.17.2",
+    "@zag-js/clipboard": "1.17.2",
+    "@zag-js/collapsible": "1.17.2",
+    "@zag-js/collection": "1.17.2",
+    "@zag-js/color-picker": "1.17.2",
+    "@zag-js/color-utils": "1.17.2",
+    "@zag-js/combobox": "1.17.2",
+    "@zag-js/core": "1.17.2",
+    "@zag-js/date-picker": "1.17.2",
+    "@zag-js/date-utils": "1.17.2",
+    "@zag-js/dialog": "1.17.2",
+    "@zag-js/dom-query": "1.17.2",
+    "@zag-js/editable": "1.17.2",
+    "@zag-js/file-upload": "1.17.2",
+    "@zag-js/file-utils": "1.17.2",
+    "@zag-js/focus-trap": "1.17.2",
+    "@zag-js/floating-panel": "1.17.2",
+    "@zag-js/highlight-word": "1.17.2",
+    "@zag-js/hover-card": "1.17.2",
+    "@zag-js/i18n-utils": "1.17.2",
+    "@zag-js/listbox": "1.17.2",
+    "@zag-js/menu": "1.17.2",
+    "@zag-js/number-input": "1.17.2",
+    "@zag-js/pagination": "1.17.2",
+    "@zag-js/password-input": "1.17.2",
+    "@zag-js/pin-input": "1.17.2",
+    "@zag-js/popover": "1.17.2",
+    "@zag-js/presence": "1.17.2",
+    "@zag-js/progress": "1.17.2",
+    "@zag-js/qr-code": "1.17.2",
+    "@zag-js/radio-group": "1.17.2",
+    "@zag-js/rating-group": "1.17.2",
+    "@zag-js/svelte": "1.17.2",
+    "@zag-js/select": "1.17.2",
+    "@zag-js/signature-pad": "1.17.2",
+    "@zag-js/slider": "1.17.2",
+    "@zag-js/splitter": "1.17.2",
+    "@zag-js/steps": "1.17.2",
+    "@zag-js/switch": "1.17.2",
+    "@zag-js/tabs": "1.17.2",
+    "@zag-js/tags-input": "1.17.2",
+    "@zag-js/time-picker": "1.17.2",
+    "@zag-js/timer": "1.17.2",
+    "@zag-js/toast": "1.17.2",
+    "@zag-js/toggle": "1.17.2",
+    "@zag-js/toggle-group": "1.17.2",
+    "@zag-js/tooltip": "1.17.2",
+    "@zag-js/tour": "1.17.2",
+    "@zag-js/tree-view": "1.17.2",
+    "@zag-js/types": "1.17.2",
+    "@zag-js/utils": "1.17.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "9.0.10",
@@ -146,6 +185,7 @@
     "@sveltejs/kit": "2.21.5",
     "@sveltejs/package": "2.3.11",
     "@sveltejs/vite-plugin-svelte": "5.1.0",
+    "@tanstack/svelte-form": "1.12.3",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/svelte": "5.2.8",
     "@testing-library/user-event": "14.6.1",