@ark-ui/svelte 5.12.0 → 5.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/marquee/index.d.ts +1 -0
  2. package/dist/components/marquee/index.js +1 -0
  3. package/dist/components/marquee/marquee-item.svelte +19 -0
  4. package/dist/components/marquee/marquee-item.svelte.d.ts +8 -0
  5. package/dist/components/marquee/marquee.d.ts +1 -0
  6. package/dist/components/marquee/marquee.js +1 -0
  7. package/package.json +62 -62
package/dist/components/marquee/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
2
2
  export { default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, } from './marquee-content.svelte';
3
3
  export { default as MarqueeContext, type MarqueeContextProps } from './marquee-context.svelte';
4
4
  export { default as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.svelte';
5
+ export { default as MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.svelte';
5
6
  export { default as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root.svelte';
6
7
  export { default as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider.svelte';
7
8
  export { default as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, } from './marquee-viewport.svelte';
package/dist/components/marquee/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export { default as MarqueeContent, } from './marquee-content.svelte';
2
2
  export { default as MarqueeContext } from './marquee-context.svelte';
3
3
  export { default as MarqueeEdge } from './marquee-edge.svelte';
4
+ export { default as MarqueeItem } from './marquee-item.svelte';
4
5
  export { default as MarqueeRoot } from './marquee-root.svelte';
5
6
  export { default as MarqueeRootProvider, } from './marquee-root-provider.svelte';
6
7
  export { default as MarqueeViewport, } from './marquee-viewport.svelte';
package/dist/components/marquee/marquee-item.svelte ADDED
@@ -0,0 +1,19 @@
1
+ <script module lang="ts">
2
+ import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
3
+
4
+ export interface MarqueeItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
5
+ export interface MarqueeItemProps extends Assign<HTMLProps<'div'>, MarqueeItemBaseProps> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { mergeProps } from '@zag-js/svelte'
10
+ import { Ark } from '../factory'
11
+ import { useMarqueeContext } from './use-marquee-context'
12
+
13
+ let { ref = $bindable(null), ...props }: MarqueeItemProps = $props()
14
+
15
+ const marquee = useMarqueeContext()
16
+ const mergedProps = $derived(mergeProps(marquee().getItemProps(), props))
17
+ </script>
18
+
19
+ <Ark as="div" bind:ref {...mergedProps} />
package/dist/components/marquee/marquee-item.svelte.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
2
+ export interface MarqueeItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {
3
+ }
4
+ export interface MarqueeItemProps extends Assign<HTMLProps<'div'>, MarqueeItemBaseProps> {
5
+ }
6
+ declare const MarqueeItem: import("svelte").Component<MarqueeItemProps, {}, "ref">;
7
+ type MarqueeItem = ReturnType<typeof MarqueeItem>;
8
+ export default MarqueeItem;
package/dist/components/marquee/marquee.d.ts CHANGED
@@ -2,6 +2,7 @@ export type { PauseStatusDetails, Side } from '@zag-js/marquee';
2
2
  export { default as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.svelte';
3
3
  export { default as Context, type MarqueeContextProps as ContextProps } from './marquee-context.svelte';
4
4
  export { default as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.svelte';
5
+ export { default as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item.svelte';
5
6
  export { default as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root.svelte';
6
7
  export { default as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider.svelte';
7
8
  export { default as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport.svelte';
package/dist/components/marquee/marquee.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export { default as Content, } from './marquee-content.svelte';
2
2
  export { default as Context } from './marquee-context.svelte';
3
3
  export { default as Edge, } from './marquee-edge.svelte';
4
+ export { default as Item, } from './marquee-item.svelte';
4
5
  export { default as Root, } from './marquee-root.svelte';
5
6
  export { default as RootProvider, } from './marquee-root-provider.svelte';
6
7
  export { default as Viewport, } from './marquee-viewport.svelte';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/svelte",
3
3
  "type": "module",
4
- "version": "5.12.0",
4
+ "version": "5.12.1",
5
5
  "description": "A collection of unstyled, accessible UI components for Svelte",
6
6
  "keywords": [
7
7
  "accordion",
@@ -137,67 +137,67 @@
137
137
  "sideEffects": false,
138
138
  "dependencies": {
139
139
  "@internationalized/date": "3.10.0",
140
- "@zag-js/accordion": "1.26.5",
141
- "@zag-js/anatomy": "1.26.5",
142
- "@zag-js/angle-slider": "1.26.5",
143
- "@zag-js/async-list": "1.26.5",
144
- "@zag-js/auto-resize": "1.26.5",
145
- "@zag-js/avatar": "1.26.5",
146
- "@zag-js/bottom-sheet": "1.26.5",
147
- "@zag-js/carousel": "1.26.5",
148
- "@zag-js/checkbox": "1.26.5",
149
- "@zag-js/clipboard": "1.26.5",
150
- "@zag-js/collapsible": "1.26.5",
151
- "@zag-js/collection": "1.26.5",
152
- "@zag-js/color-picker": "1.26.5",
153
- "@zag-js/color-utils": "1.26.5",
154
- "@zag-js/combobox": "1.26.5",
155
- "@zag-js/core": "1.26.5",
156
- "@zag-js/date-picker": "1.26.5",
157
- "@zag-js/date-utils": "1.26.5",
158
- "@zag-js/dialog": "1.26.5",
159
- "@zag-js/dom-query": "1.26.5",
160
- "@zag-js/editable": "1.26.5",
161
- "@zag-js/file-upload": "1.26.5",
162
- "@zag-js/file-utils": "1.26.5",
163
- "@zag-js/floating-panel": "1.26.5",
164
- "@zag-js/focus-trap": "1.26.5",
165
- "@zag-js/highlight-word": "1.26.5",
166
- "@zag-js/hover-card": "1.26.5",
167
- "@zag-js/i18n-utils": "1.26.5",
168
- "@zag-js/json-tree-utils": "1.26.5",
169
- "@zag-js/listbox": "1.26.5",
170
- "@zag-js/marquee": "1.26.5",
171
- "@zag-js/menu": "1.26.5",
172
- "@zag-js/number-input": "1.26.5",
173
- "@zag-js/pagination": "1.26.5",
174
- "@zag-js/password-input": "1.26.5",
175
- "@zag-js/pin-input": "1.26.5",
176
- "@zag-js/popover": "1.26.5",
177
- "@zag-js/presence": "1.26.5",
178
- "@zag-js/progress": "1.26.5",
179
- "@zag-js/qr-code": "1.26.5",
180
- "@zag-js/radio-group": "1.26.5",
181
- "@zag-js/rating-group": "1.26.5",
182
- "@zag-js/scroll-area": "1.26.5",
183
- "@zag-js/select": "1.26.5",
184
- "@zag-js/signature-pad": "1.26.5",
185
- "@zag-js/slider": "1.26.5",
186
- "@zag-js/splitter": "1.26.5",
187
- "@zag-js/steps": "1.26.5",
188
- "@zag-js/svelte": "1.26.5",
189
- "@zag-js/switch": "1.26.5",
190
- "@zag-js/tabs": "1.26.5",
191
- "@zag-js/tags-input": "1.26.5",
192
- "@zag-js/timer": "1.26.5",
193
- "@zag-js/toast": "1.26.5",
194
- "@zag-js/toggle": "1.26.5",
195
- "@zag-js/toggle-group": "1.26.5",
196
- "@zag-js/tooltip": "1.26.5",
197
- "@zag-js/tour": "1.26.5",
198
- "@zag-js/tree-view": "1.26.5",
199
- "@zag-js/types": "1.26.5",
200
- "@zag-js/utils": "1.26.5"
140
+ "@zag-js/accordion": "1.27.0",
141
+ "@zag-js/anatomy": "1.27.0",
142
+ "@zag-js/angle-slider": "1.27.0",
143
+ "@zag-js/async-list": "1.27.0",
144
+ "@zag-js/auto-resize": "1.27.0",
145
+ "@zag-js/avatar": "1.27.0",
146
+ "@zag-js/bottom-sheet": "1.27.0",
147
+ "@zag-js/carousel": "1.27.0",
148
+ "@zag-js/checkbox": "1.27.0",
149
+ "@zag-js/clipboard": "1.27.0",
150
+ "@zag-js/collapsible": "1.27.0",
151
+ "@zag-js/collection": "1.27.0",
152
+ "@zag-js/color-picker": "1.27.0",
153
+ "@zag-js/color-utils": "1.27.0",
154
+ "@zag-js/combobox": "1.27.0",
155
+ "@zag-js/core": "1.27.0",
156
+ "@zag-js/date-picker": "1.27.0",
157
+ "@zag-js/date-utils": "1.27.0",
158
+ "@zag-js/dialog": "1.27.0",
159
+ "@zag-js/dom-query": "1.27.0",
160
+ "@zag-js/editable": "1.27.0",
161
+ "@zag-js/file-upload": "1.27.0",
162
+ "@zag-js/file-utils": "1.27.0",
163
+ "@zag-js/floating-panel": "1.27.0",
164
+ "@zag-js/focus-trap": "1.27.0",
165
+ "@zag-js/highlight-word": "1.27.0",
166
+ "@zag-js/hover-card": "1.27.0",
167
+ "@zag-js/i18n-utils": "1.27.0",
168
+ "@zag-js/json-tree-utils": "1.27.0",
169
+ "@zag-js/listbox": "1.27.0",
170
+ "@zag-js/marquee": "1.27.0",
171
+ "@zag-js/menu": "1.27.0",
172
+ "@zag-js/number-input": "1.27.0",
173
+ "@zag-js/pagination": "1.27.0",
174
+ "@zag-js/password-input": "1.27.0",
175
+ "@zag-js/pin-input": "1.27.0",
176
+ "@zag-js/popover": "1.27.0",
177
+ "@zag-js/presence": "1.27.0",
178
+ "@zag-js/progress": "1.27.0",
179
+ "@zag-js/qr-code": "1.27.0",
180
+ "@zag-js/radio-group": "1.27.0",
181
+ "@zag-js/rating-group": "1.27.0",
182
+ "@zag-js/scroll-area": "1.27.0",
183
+ "@zag-js/select": "1.27.0",
184
+ "@zag-js/signature-pad": "1.27.0",
185
+ "@zag-js/slider": "1.27.0",
186
+ "@zag-js/splitter": "1.27.0",
187
+ "@zag-js/steps": "1.27.0",
188
+ "@zag-js/svelte": "1.27.0",
189
+ "@zag-js/switch": "1.27.0",
190
+ "@zag-js/tabs": "1.27.0",
191
+ "@zag-js/tags-input": "1.27.0",
192
+ "@zag-js/timer": "1.27.0",
193
+ "@zag-js/toast": "1.27.0",
194
+ "@zag-js/toggle": "1.27.0",
195
+ "@zag-js/toggle-group": "1.27.0",
196
+ "@zag-js/tooltip": "1.27.0",
197
+ "@zag-js/tour": "1.27.0",
198
+ "@zag-js/tree-view": "1.27.0",
199
+ "@zag-js/types": "1.27.0",
200
+ "@zag-js/utils": "1.27.0"
201
201
  },
202
202
  "devDependencies": {
203
203
  "@storybook/addon-a11y": "9.1.15",