Skip to content

Commit b9b644f

Browse files
segunadebayosegunadebayo
committed
chore: bump zag-js
1 parent 6065f5b commit b9b644f

File tree

23 files changed

+836
-577
lines changed

23 files changed

+836
-577
lines changed

‎bun.lock‎

Lines changed: 327 additions & 327 deletions
Large diffs are not rendered by default.

‎packages/react/CHANGELOG.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,19 @@
11
## [Unreleased]
22

3+
### Added
4+
5+
- **Carousel**: Added support for `autoSize` prop to allow variable width/height slide items
6+
7+
### Fixed
8+
9+
- **Carousel**: Fixed dragging behavior that stops working after switching browser tabs or scrolling the page
10+
- **Date Picker**: Fixed issue where the range date picker crashes when typing the end date first and blurring the
11+
input field multiple times
12+
- **Presence**: Fixed a bug where elements get stuck in unmountSuspended state during rapid state updates
13+
- **Radio Group, Tabs**: Fixed indicator prematurely showing when rect has not been resolved yet
14+
- **Tabs**: Fixed tabs indicator position not updating when inactive tabs change size
15+
- **Tags Input**: Fixed issue where item delete trigger doesn't have `data-*` attached
16+
317
## [5.28.0] - 2025-11-14
418

519
### Added

‎packages/react/package.json‎

Lines changed: 62 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -85,68 +85,68 @@
8585
"sideEffects": false,
8686
"dependencies": {
8787
"@internationalized/date": "3.10.0",
88-
"@zag-js/accordion": "1.27.1",
89-
"@zag-js/anatomy": "1.27.1",
90-
"@zag-js/angle-slider": "1.27.1",
91-
"@zag-js/async-list": "1.27.1",
92-
"@zag-js/auto-resize": "1.27.1",
93-
"@zag-js/avatar": "1.27.1",
94-
"@zag-js/bottom-sheet": "1.27.1",
95-
"@zag-js/carousel": "1.27.1",
96-
"@zag-js/checkbox": "1.27.1",
97-
"@zag-js/clipboard": "1.27.1",
98-
"@zag-js/collapsible": "1.27.1",
99-
"@zag-js/collection": "1.27.1",
100-
"@zag-js/color-picker": "1.27.1",
101-
"@zag-js/color-utils": "1.27.1",
102-
"@zag-js/combobox": "1.27.1",
103-
"@zag-js/core": "1.27.1",
104-
"@zag-js/date-picker": "1.27.1",
105-
"@zag-js/date-utils": "1.27.1",
106-
"@zag-js/dialog": "1.27.1",
107-
"@zag-js/dom-query": "1.27.1",
108-
"@zag-js/editable": "1.27.1",
109-
"@zag-js/file-upload": "1.27.1",
110-
"@zag-js/file-utils": "1.27.1",
111-
"@zag-js/floating-panel": "1.27.1",
112-
"@zag-js/focus-trap": "1.27.1",
113-
"@zag-js/highlight-word": "1.27.1",
114-
"@zag-js/hover-card": "1.27.1",
115-
"@zag-js/image-cropper": "1.27.1",
116-
"@zag-js/i18n-utils": "1.27.1",
117-
"@zag-js/json-tree-utils": "1.27.1",
118-
"@zag-js/listbox": "1.27.1",
119-
"@zag-js/marquee": "1.27.1",
120-
"@zag-js/menu": "1.27.1",
121-
"@zag-js/number-input": "1.27.1",
122-
"@zag-js/pagination": "1.27.1",
123-
"@zag-js/password-input": "1.27.1",
124-
"@zag-js/pin-input": "1.27.1",
125-
"@zag-js/popover": "1.27.1",
126-
"@zag-js/presence": "1.27.1",
127-
"@zag-js/progress": "1.27.1",
128-
"@zag-js/qr-code": "1.27.1",
129-
"@zag-js/radio-group": "1.27.1",
130-
"@zag-js/rating-group": "1.27.1",
131-
"@zag-js/react": "1.27.1",
132-
"@zag-js/scroll-area": "1.27.1",
133-
"@zag-js/select": "1.27.1",
134-
"@zag-js/signature-pad": "1.27.1",
135-
"@zag-js/slider": "1.27.1",
136-
"@zag-js/splitter": "1.27.1",
137-
"@zag-js/steps": "1.27.1",
138-
"@zag-js/switch": "1.27.1",
139-
"@zag-js/tabs": "1.27.1",
140-
"@zag-js/tags-input": "1.27.1",
141-
"@zag-js/timer": "1.27.1",
142-
"@zag-js/toast": "1.27.1",
143-
"@zag-js/toggle": "1.27.1",
144-
"@zag-js/toggle-group": "1.27.1",
145-
"@zag-js/tooltip": "1.27.1",
146-
"@zag-js/tour": "1.27.1",
147-
"@zag-js/tree-view": "1.27.1",
148-
"@zag-js/types": "1.27.1",
149-
"@zag-js/utils": "1.27.1"
88+
"@zag-js/accordion": "1.28.0",
89+
"@zag-js/anatomy": "1.28.0",
90+
"@zag-js/angle-slider": "1.28.0",
91+
"@zag-js/async-list": "1.28.0",
92+
"@zag-js/auto-resize": "1.28.0",
93+
"@zag-js/avatar": "1.28.0",
94+
"@zag-js/bottom-sheet": "1.28.0",
95+
"@zag-js/carousel": "1.28.0",
96+
"@zag-js/checkbox": "1.28.0",
97+
"@zag-js/clipboard": "1.28.0",
98+
"@zag-js/collapsible": "1.28.0",
99+
"@zag-js/collection": "1.28.0",
100+
"@zag-js/color-picker": "1.28.0",
101+
"@zag-js/color-utils": "1.28.0",
102+
"@zag-js/combobox": "1.28.0",
103+
"@zag-js/core": "1.28.0",
104+
"@zag-js/date-picker": "1.28.0",
105+
"@zag-js/date-utils": "1.28.0",
106+
"@zag-js/dialog": "1.28.0",
107+
"@zag-js/dom-query": "1.28.0",
108+
"@zag-js/editable": "1.28.0",
109+
"@zag-js/file-upload": "1.28.0",
110+
"@zag-js/file-utils": "1.28.0",
111+
"@zag-js/floating-panel": "1.28.0",
112+
"@zag-js/focus-trap": "1.28.0",
113+
"@zag-js/highlight-word": "1.28.0",
114+
"@zag-js/hover-card": "1.28.0",
115+
"@zag-js/image-cropper": "1.28.0",
116+
"@zag-js/i18n-utils": "1.28.0",
117+
"@zag-js/json-tree-utils": "1.28.0",
118+
"@zag-js/listbox": "1.28.0",
119+
"@zag-js/marquee": "1.28.0",
120+
"@zag-js/menu": "1.28.0",
121+
"@zag-js/number-input": "1.28.0",
122+
"@zag-js/pagination": "1.28.0",
123+
"@zag-js/password-input": "1.28.0",
124+
"@zag-js/pin-input": "1.28.0",
125+
"@zag-js/popover": "1.28.0",
126+
"@zag-js/presence": "1.28.0",
127+
"@zag-js/progress": "1.28.0",
128+
"@zag-js/qr-code": "1.28.0",
129+
"@zag-js/radio-group": "1.28.0",
130+
"@zag-js/rating-group": "1.28.0",
131+
"@zag-js/react": "1.28.0",
132+
"@zag-js/scroll-area": "1.28.0",
133+
"@zag-js/select": "1.28.0",
134+
"@zag-js/signature-pad": "1.28.0",
135+
"@zag-js/slider": "1.28.0",
136+
"@zag-js/splitter": "1.28.0",
137+
"@zag-js/steps": "1.28.0",
138+
"@zag-js/switch": "1.28.0",
139+
"@zag-js/tabs": "1.28.0",
140+
"@zag-js/tags-input": "1.28.0",
141+
"@zag-js/timer": "1.28.0",
142+
"@zag-js/toast": "1.28.0",
143+
"@zag-js/toggle": "1.28.0",
144+
"@zag-js/toggle-group": "1.28.0",
145+
"@zag-js/tooltip": "1.28.0",
146+
"@zag-js/tour": "1.28.0",
147+
"@zag-js/tree-view": "1.28.0",
148+
"@zag-js/types": "1.28.0",
149+
"@zag-js/utils": "1.28.0"
150150
},
151151
"devDependencies": {
152152
"check-password-strength": "3.0.0",

‎packages/react/src/components/carousel/carousel-root.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ export const CarouselRoot = forwardRef<HTMLDivElement, CarouselRootProps>((props
1212
const [useCarouselProps, localProps] = createSplitProps<UseCarouselProps>()(props, [
1313
'allowMouseDrag',
1414
'autoplay',
15+
'autoSize',
1516
'defaultPage',
1617
'id',
1718
'ids',

‎packages/react/src/components/carousel/carousel.stories.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,5 @@ export { PauseOnHover } from './examples/pause-on-hover'
1515
export { RootProvider } from './examples/root-provider'
1616
export { ScrollTo } from './examples/scroll-to'
1717
export { SlidesPerPage } from './examples/slides-per-page'
18+
export { VariableSize } from './examples/variable-size'
1819
export { Vertical } from './examples/vertical'

‎packages/react/src/components/carousel/examples/variable-size.tsx‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import { Carousel } from '../'
2+
3+
const items = [
4+
{ id: '1', width: '120px', label: 'Small' },
5+
{ id: '2', width: '200px', label: 'Medium Size' },
6+
{ id: '3', width: '80px', label: 'XS' },
7+
{ id: '4', width: '250px', label: 'Large Content Here' },
8+
{ id: '5', width: '150px', label: 'Regular' },
9+
]
10+
11+
export const VariableSize = () => {
12+
return (
13+
<Carousel.Root slideCount={items.length} autoSize spacing="8px">
14+
<Carousel.Control>
15+
<Carousel.PrevTrigger>Previous</Carousel.PrevTrigger>
16+
<Carousel.NextTrigger>Next</Carousel.NextTrigger>
17+
</Carousel.Control>
18+
<Carousel.ItemGroup>
19+
{items.map((item, index) => (
20+
<Carousel.Item key={item.id} index={index} snapAlign="center">
21+
<div
22+
style={{
23+
width: item.width,
24+
height: '100px',
25+
display: 'flex',
26+
alignItems: 'center',
27+
justifyContent: 'center',
28+
backgroundColor: '#f0f0f0',
29+
borderRadius: '8px',
30+
fontSize: '14px',
31+
fontWeight: '500',
32+
}}
33+
>
34+
{item.label}
35+
</div>
36+
</Carousel.Item>
37+
))}
38+
</Carousel.ItemGroup>
39+
<Carousel.IndicatorGroup>
40+
{items.map((_, index) => (
41+
<Carousel.Indicator key={index} index={index} />
42+
))}
43+
</Carousel.IndicatorGroup>
44+
</Carousel.Root>
45+
)
46+
}

‎packages/solid/CHANGELOG.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,19 @@
11
## [Unreleased]
22

3+
### Added
4+
5+
- **Carousel**: Added support for `autoSize` prop to allow variable width/height slide items
6+
7+
### Fixed
8+
9+
- **Carousel**: Fixed dragging behavior that stops working after switching browser tabs or scrolling the page
10+
- **Date Picker**: Fixed issue where the range date picker crashes when typing the end date first and blurring the
11+
input field multiple times
12+
- **Presence**: Fixed a bug where elements get stuck in unmountSuspended state during rapid state updates
13+
- **Radio Group, Tabs**: Fixed indicator prematurely showing when rect has not been resolved yet
14+
- **Tabs**: Fixed tabs indicator position not updating when inactive tabs change size
15+
- **Tags Input**: Fixed issue where item delete trigger doesn't have `data-*` attached
16+
317
## [5.28.0] - 2025-11-14
418

519
### Added

‎packages/solid/package.json‎

Lines changed: 62 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -84,68 +84,68 @@
8484
"sideEffects": false,
8585
"dependencies": {
8686
"@internationalized/date": "3.10.0",
87-
"@zag-js/accordion": "1.27.1",
88-
"@zag-js/anatomy": "1.27.1",
89-
"@zag-js/angle-slider": "1.27.1",
90-
"@zag-js/async-list": "1.27.1",
91-
"@zag-js/auto-resize": "1.27.1",
92-
"@zag-js/avatar": "1.27.1",
93-
"@zag-js/bottom-sheet": "1.27.1",
94-
"@zag-js/carousel": "1.27.1",
95-
"@zag-js/checkbox": "1.27.1",
96-
"@zag-js/clipboard": "1.27.1",
97-
"@zag-js/collapsible": "1.27.1",
98-
"@zag-js/collection": "1.27.1",
99-
"@zag-js/color-picker": "1.27.1",
100-
"@zag-js/color-utils": "1.27.1",
101-
"@zag-js/combobox": "1.27.1",
102-
"@zag-js/core": "1.27.1",
103-
"@zag-js/date-picker": "1.27.1",
104-
"@zag-js/date-utils": "1.27.1",
105-
"@zag-js/dialog": "1.27.1",
106-
"@zag-js/dom-query": "1.27.1",
107-
"@zag-js/editable": "1.27.1",
108-
"@zag-js/file-upload": "1.27.1",
109-
"@zag-js/file-utils": "1.27.1",
110-
"@zag-js/floating-panel": "1.27.1",
111-
"@zag-js/focus-trap": "1.27.1",
112-
"@zag-js/highlight-word": "1.27.1",
113-
"@zag-js/hover-card": "1.27.1",
114-
"@zag-js/image-cropper": "1.27.1",
115-
"@zag-js/i18n-utils": "1.27.1",
116-
"@zag-js/json-tree-utils": "1.27.1",
117-
"@zag-js/listbox": "1.27.1",
118-
"@zag-js/marquee": "1.27.1",
119-
"@zag-js/menu": "1.27.1",
120-
"@zag-js/number-input": "1.27.1",
121-
"@zag-js/pagination": "1.27.1",
122-
"@zag-js/password-input": "1.27.1",
123-
"@zag-js/pin-input": "1.27.1",
124-
"@zag-js/popover": "1.27.1",
125-
"@zag-js/presence": "1.27.1",
126-
"@zag-js/progress": "1.27.1",
127-
"@zag-js/qr-code": "1.27.1",
128-
"@zag-js/radio-group": "1.27.1",
129-
"@zag-js/rating-group": "1.27.1",
130-
"@zag-js/scroll-area": "1.27.1",
131-
"@zag-js/select": "1.27.1",
132-
"@zag-js/signature-pad": "1.27.1",
133-
"@zag-js/slider": "1.27.1",
134-
"@zag-js/solid": "1.27.1",
135-
"@zag-js/splitter": "1.27.1",
136-
"@zag-js/steps": "1.27.1",
137-
"@zag-js/switch": "1.27.1",
138-
"@zag-js/tabs": "1.27.1",
139-
"@zag-js/tags-input": "1.27.1",
140-
"@zag-js/timer": "1.27.1",
141-
"@zag-js/toast": "1.27.1",
142-
"@zag-js/toggle": "1.27.1",
143-
"@zag-js/toggle-group": "1.27.1",
144-
"@zag-js/tooltip": "1.27.1",
145-
"@zag-js/tour": "1.27.1",
146-
"@zag-js/tree-view": "1.27.1",
147-
"@zag-js/types": "1.27.1",
148-
"@zag-js/utils": "1.27.1"
87+
"@zag-js/accordion": "1.28.0",
88+
"@zag-js/anatomy": "1.28.0",
89+
"@zag-js/angle-slider": "1.28.0",
90+
"@zag-js/async-list": "1.28.0",
91+
"@zag-js/auto-resize": "1.28.0",
92+
"@zag-js/avatar": "1.28.0",
93+
"@zag-js/bottom-sheet": "1.28.0",
94+
"@zag-js/carousel": "1.28.0",
95+
"@zag-js/checkbox": "1.28.0",
96+
"@zag-js/clipboard": "1.28.0",
97+
"@zag-js/collapsible": "1.28.0",
98+
"@zag-js/collection": "1.28.0",
99+
"@zag-js/color-picker": "1.28.0",
100+
"@zag-js/color-utils": "1.28.0",
101+
"@zag-js/combobox": "1.28.0",
102+
"@zag-js/core": "1.28.0",
103+
"@zag-js/date-picker": "1.28.0",
104+
"@zag-js/date-utils": "1.28.0",
105+
"@zag-js/dialog": "1.28.0",
106+
"@zag-js/dom-query": "1.28.0",
107+
"@zag-js/editable": "1.28.0",
108+
"@zag-js/file-upload": "1.28.0",
109+
"@zag-js/file-utils": "1.28.0",
110+
"@zag-js/floating-panel": "1.28.0",
111+
"@zag-js/focus-trap": "1.28.0",
112+
"@zag-js/highlight-word": "1.28.0",
113+
"@zag-js/hover-card": "1.28.0",
114+
"@zag-js/image-cropper": "1.28.0",
115+
"@zag-js/i18n-utils": "1.28.0",
116+
"@zag-js/json-tree-utils": "1.28.0",
117+
"@zag-js/listbox": "1.28.0",
118+
"@zag-js/marquee": "1.28.0",
119+
"@zag-js/menu": "1.28.0",
120+
"@zag-js/number-input": "1.28.0",
121+
"@zag-js/pagination": "1.28.0",
122+
"@zag-js/password-input": "1.28.0",
123+
"@zag-js/pin-input": "1.28.0",
124+
"@zag-js/popover": "1.28.0",
125+
"@zag-js/presence": "1.28.0",
126+
"@zag-js/progress": "1.28.0",
127+
"@zag-js/qr-code": "1.28.0",
128+
"@zag-js/radio-group": "1.28.0",
129+
"@zag-js/rating-group": "1.28.0",
130+
"@zag-js/scroll-area": "1.28.0",
131+
"@zag-js/select": "1.28.0",
132+
"@zag-js/signature-pad": "1.28.0",
133+
"@zag-js/slider": "1.28.0",
134+
"@zag-js/solid": "1.28.0",
135+
"@zag-js/splitter": "1.28.0",
136+
"@zag-js/steps": "1.28.0",
137+
"@zag-js/switch": "1.28.0",
138+
"@zag-js/tabs": "1.28.0",
139+
"@zag-js/tags-input": "1.28.0",
140+
"@zag-js/timer": "1.28.0",
141+
"@zag-js/toast": "1.28.0",
142+
"@zag-js/toggle": "1.28.0",
143+
"@zag-js/toggle-group": "1.28.0",
144+
"@zag-js/tooltip": "1.28.0",
145+
"@zag-js/tour": "1.28.0",
146+
"@zag-js/tree-view": "1.28.0",
147+
"@zag-js/types": "1.28.0",
148+
"@zag-js/utils": "1.28.0"
149149
},
150150
"devDependencies": {
151151
"check-password-strength": "3.0.0",

‎packages/solid/src/components/carousel/carousel-root.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ export const CarouselRoot = (props: CarouselRootProps) => {
1111
const [useCarouselProps, localProps] = createSplitProps<UseCarouselProps>()(props, [
1212
'allowMouseDrag',
1313
'autoplay',
14+
'autoSize',
1415
'defaultPage',
1516
'id',
1617
'ids',

‎packages/solid/src/components/carousel/carousel.stories.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,5 @@ export { PauseOnHover } from './examples/pause-on-hover'
1515
export { RootProvider } from './examples/root-provider'
1616
export { ScrollTo } from './examples/scroll-to'
1717
export { SlidesPerPage } from './examples/slides-per-page'
18+
export { VariableSize } from './examples/variable-size'
1819
export { Vertical } from './examples/vertical'

0 commit comments

Comments
 (0)