@ark-ui/solid 0.7.1 → 0.7.2-beta.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 (10) hide show
  1. package/CHANGELOG.md +15 -3
  2. package/date-picker/date-picker-month-select.cjs +1 -1
  3. package/date-picker/date-picker-month-select.mjs +2 -2
  4. package/date-picker/date-picker-year-select.cjs +1 -1
  5. package/date-picker/date-picker-year-select.mjs +2 -2
  6. package/environment/environment.cjs +1 -1
  7. package/environment/environment.mjs +2 -2
  8. package/package.json +42 -42
  9. package/pin-input/pin-input-control.cjs +2 -1
  10. package/pin-input/pin-input-control.mjs +3 -2
package/CHANGELOG.md CHANGED
@@ -6,9 +6,19 @@ description: All notable changes to this project will be documented in this file
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
+ ## [0.7.2-beta.1] - 2023-07-05
10
+
11
+ - Updated @zag-js dependencies to their latest versions
12
+
13
+ ## [0.7.2-beta.0] - 2023-07-03
14
+
15
+ ### Fixed
16
+
17
+ - Fixed an issue with SSR
18
+
9
19
  ## [0.7.1] - 2023-06-30
10
20
 
11
- ## Fixed
21
+ ### Fixed
12
22
 
13
23
  - Resolved an issue that types accross various components were not being exported correctly.
14
24
 
@@ -93,7 +103,7 @@ description: All notable changes to this project will be documented in this file
93
103
  - Add `Toast`
94
104
  - Add `Tooltip`
95
105
 
96
- [unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.1...HEAD
106
+ [unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.2-beta.1...HEAD
97
107
  [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.1.0
98
108
  [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.2.0
99
109
  [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.3.0
@@ -101,5 +111,7 @@ description: All notable changes to this project will be documented in this file
101
111
  [0.5.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.5.0
102
112
  [0.6.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.6.0
103
113
  [0.7.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.0
104
-
105
114
  [0.7.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.1
115
+ [0.7.2-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.0
116
+
117
+ [0.7.2-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.1
package/date-picker/date-picker-month-select.cjs CHANGED
@@ -19,7 +19,7 @@ const DatePickerMonthSelect = props => {
19
19
  return datePicker().getMonths();
20
20
  },
21
21
  children: month => (() => {
22
- const _el$ = _tmpl$();
22
+ const _el$ = web.getNextElement(_tmpl$);
23
23
  web.insert(_el$, () => month.label);
24
24
  web.effect(() => _el$.value = month.value);
25
25
  return _el$;
package/date-picker/date-picker-month-select.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, mergeProps as mergeProps$1, insert, effect, template } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1, getNextElement, insert, effect, template } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { For } from 'solid-js';
4
4
  import { ark } from '../factory.mjs';
@@ -15,7 +15,7 @@ const DatePickerMonthSelect = props => {
15
15
  return datePicker().getMonths();
16
16
  },
17
17
  children: month => (() => {
18
- const _el$ = _tmpl$();
18
+ const _el$ = getNextElement(_tmpl$);
19
19
  insert(_el$, () => month.label);
20
20
  effect(() => _el$.value = month.value);
21
21
  return _el$;
package/date-picker/date-picker-year-select.cjs CHANGED
@@ -22,7 +22,7 @@ const DatePickerYearSelect = props => {
22
22
  });
23
23
  },
24
24
  children: year => (() => {
25
- const _el$ = _tmpl$();
25
+ const _el$ = web.getNextElement(_tmpl$);
26
26
  _el$.value = year;
27
27
  web.insert(_el$, year);
28
28
  return _el$;
package/date-picker/date-picker-year-select.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1, getNextElement, insert, template } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { For } from 'solid-js';
4
4
  import { ark } from '../factory.mjs';
@@ -18,7 +18,7 @@ const DatePickerYearSelect = props => {
18
18
  });
19
19
  },
20
20
  children: year => (() => {
21
- const _el$ = _tmpl$();
21
+ const _el$ = getNextElement(_tmpl$);
22
22
  _el$.value = year;
23
23
  insert(_el$, year);
24
24
  return _el$;
package/environment/environment.cjs CHANGED
@@ -17,7 +17,7 @@ const Environment = props => {
17
17
  },
18
18
  get children() {
19
19
  return [web.memo(() => props.children), web.memo(() => web.memo(() => !!!props.value)() && (() => {
20
- const _el$ = _tmpl$();
20
+ const _el$ = web.getNextElement(_tmpl$);
21
21
  const _ref$ = spanRef;
22
22
  typeof _ref$ === "function" ? web.use(_ref$, _el$) : spanRef = _el$;
23
23
  return _el$;
package/environment/environment.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, memo, use, template } from 'solid-js/web';
1
+ import { createComponent, memo, getNextElement, use, template } from 'solid-js/web';
2
2
  import { createMemo } from 'solid-js';
3
3
  import { EnvironmentProvider } from './environment-context.mjs';
4
4
 
@@ -13,7 +13,7 @@ const Environment = props => {
13
13
  },
14
14
  get children() {
15
15
  return [memo(() => props.children), memo(() => memo(() => !!!props.value)() && (() => {
16
- const _el$ = _tmpl$();
16
+ const _el$ = getNextElement(_tmpl$);
17
17
  const _ref$ = spanRef;
18
18
  typeof _ref$ === "function" ? use(_ref$, _el$) : spanRef = _el$;
19
19
  return _el$;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/solid",
3
- "version": "0.7.1",
3
+ "version": "0.7.2-beta.1",
4
4
  "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -60,67 +60,67 @@
60
60
  "foo": "pnpm --filter=@ark-ui/scripts release:prepare @ark-ui/solid"
61
61
  },
62
62
  "dependencies": {
63
- "@zag-js/accordion": "0.10.3",
64
- "@zag-js/anatomy": "0.10.3",
65
- "@zag-js/avatar": "0.10.3",
66
- "@zag-js/carousel": "0.10.3",
67
- "@zag-js/checkbox": "0.10.3",
68
- "@zag-js/color-picker": "0.10.3",
69
- "@zag-js/combobox": "0.10.3",
70
- "@zag-js/date-picker": "0.10.3",
71
- "@zag-js/dialog": "0.10.3",
72
- "@zag-js/editable": "0.10.3",
73
- "@zag-js/hover-card": "0.10.3",
74
- "@zag-js/menu": "0.10.3",
75
- "@zag-js/number-input": "0.10.3",
76
- "@zag-js/pagination": "0.10.3",
77
- "@zag-js/pin-input": "0.10.3",
78
- "@zag-js/popover": "0.10.3",
79
- "@zag-js/pressable": "0.10.3",
80
- "@zag-js/radio-group": "0.10.3",
81
- "@zag-js/range-slider": "0.10.3",
82
- "@zag-js/rating-group": "0.10.3",
83
- "@zag-js/select": "0.10.3",
84
- "@zag-js/slider": "0.10.3",
85
- "@zag-js/solid": "0.10.3",
86
- "@zag-js/splitter": "0.10.3",
87
- "@zag-js/switch": "0.10.3",
88
- "@zag-js/tabs": "0.10.3",
89
- "@zag-js/tags-input": "0.10.3",
90
- "@zag-js/toast": "0.10.3",
91
- "@zag-js/tooltip": "0.10.3",
92
- "@zag-js/types": "0.10.3"
63
+ "@zag-js/accordion": "0.0.0-dev-20230705143151",
64
+ "@zag-js/anatomy": "0.0.0-dev-20230705143151",
65
+ "@zag-js/avatar": "0.0.0-dev-20230705143151",
66
+ "@zag-js/carousel": "0.0.0-dev-20230705143151",
67
+ "@zag-js/checkbox": "0.0.0-dev-20230705143151",
68
+ "@zag-js/color-picker": "0.0.0-dev-20230705143151",
69
+ "@zag-js/combobox": "0.0.0-dev-20230705143151",
70
+ "@zag-js/date-picker": "0.0.0-dev-20230705143151",
71
+ "@zag-js/dialog": "0.0.0-dev-20230705143151",
72
+ "@zag-js/editable": "0.0.0-dev-20230705143151",
73
+ "@zag-js/hover-card": "0.0.0-dev-20230705143151",
74
+ "@zag-js/menu": "0.0.0-dev-20230705143151",
75
+ "@zag-js/number-input": "0.0.0-dev-20230705143151",
76
+ "@zag-js/pagination": "0.0.0-dev-20230705143151",
77
+ "@zag-js/pin-input": "0.0.0-dev-20230705143151",
78
+ "@zag-js/popover": "0.0.0-dev-20230705143151",
79
+ "@zag-js/pressable": "0.0.0-dev-20230705143151",
80
+ "@zag-js/radio-group": "0.0.0-dev-20230705143151",
81
+ "@zag-js/range-slider": "0.0.0-dev-20230705143151",
82
+ "@zag-js/rating-group": "0.0.0-dev-20230705143151",
83
+ "@zag-js/select": "0.0.0-dev-20230705143151",
84
+ "@zag-js/slider": "0.0.0-dev-20230705143151",
85
+ "@zag-js/solid": "0.0.0-dev-20230705143151",
86
+ "@zag-js/splitter": "0.0.0-dev-20230705143151",
87
+ "@zag-js/switch": "0.0.0-dev-20230705143151",
88
+ "@zag-js/tabs": "0.0.0-dev-20230705143151",
89
+ "@zag-js/tags-input": "0.0.0-dev-20230705143151",
90
+ "@zag-js/toast": "0.0.0-dev-20230705143151",
91
+ "@zag-js/tooltip": "0.0.0-dev-20230705143151",
92
+ "@zag-js/types": "0.0.0-dev-20230705143151"
93
93
  },
94
94
  "devDependencies": {
95
95
  "@release-it/keep-a-changelog": "3.1.0",
96
- "@solidjs/testing-library": "0.8.3",
97
- "@storybook/addon-essentials": "7.0.24",
98
- "@storybook/addon-interactions": "7.0.24",
99
- "@storybook/addon-links": "7.0.24",
100
- "@storybook/blocks": "7.0.24",
96
+ "@solidjs/testing-library": "0.8.4",
97
+ "@storybook/addon-essentials": "7.0.25",
98
+ "@storybook/addon-interactions": "7.0.25",
99
+ "@storybook/addon-links": "7.0.25",
100
+ "@storybook/blocks": "7.0.25",
101
101
  "@storybook/testing-library": "0.2.0",
102
102
  "@testing-library/dom": "9.3.1",
103
103
  "@testing-library/jest-dom": "5.16.5",
104
104
  "@testing-library/user-event": "14.4.3",
105
105
  "@types/jsdom": "21.1.1",
106
106
  "@types/testing-library__jest-dom": "5.14.6",
107
- "@typescript-eslint/eslint-plugin": "5.60.1",
108
- "@typescript-eslint/parser": "5.60.1",
109
- "@vitest/coverage-v8": "0.32.2",
110
- "eslint": "8.43.0",
107
+ "@typescript-eslint/eslint-plugin": "5.61.0",
108
+ "@typescript-eslint/parser": "5.61.0",
109
+ "@vitest/coverage-v8": "0.32.4",
110
+ "eslint": "8.44.0",
111
111
  "happy-dom": "9.20.3",
112
112
  "react": "18.2.0",
113
113
  "react-dom": "18.2.0",
114
114
  "release-it": "15.11.0",
115
115
  "solid-js": "1.7.7",
116
- "storybook": "7.0.24",
116
+ "storybook": "7.0.25",
117
117
  "storybook-solidjs": "1.0.0-beta.2",
118
118
  "storybook-solidjs-vite": "1.0.0-beta.2",
119
119
  "typescript": "5.1.6",
120
120
  "vite": "4.3.9",
121
121
  "vite-plugin-dts": "2.3.0",
122
122
  "vite-plugin-solid": "2.7.0",
123
- "vitest": "0.32.2"
123
+ "vitest": "0.32.4"
124
124
  },
125
125
  "peerDependencies": {
126
126
  "solid-js": ">=1.6.0"
package/pin-input/pin-input-control.cjs CHANGED
@@ -16,8 +16,9 @@ const PinInputControl = props => {
16
16
  return web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
17
17
  get children() {
18
18
  return [web.memo(() => childrenProps.children), (() => {
19
- const _el$ = _tmpl$();
19
+ const _el$ = web.getNextElement(_tmpl$);
20
20
  web.spread(_el$, web.mergeProps(() => api().hiddenInputProps), false, false);
21
+ web.runHydrationEvents();
21
22
  return _el$;
22
23
  })()];
23
24
  }
package/pin-input/pin-input-control.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, mergeProps as mergeProps$1, memo, spread, template } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1, memo, getNextElement, spread, runHydrationEvents, template } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { splitProps } from 'solid-js';
4
4
  import { ark } from '../factory.mjs';
@@ -12,8 +12,9 @@ const PinInputControl = props => {
12
12
  return createComponent(ark.div, mergeProps$1(controlProps, {
13
13
  get children() {
14
14
  return [memo(() => childrenProps.children), (() => {
15
- const _el$ = _tmpl$();
15
+ const _el$ = getNextElement(_tmpl$);
16
16
  spread(_el$, mergeProps$1(() => api().hiddenInputProps), false, false);
17
+ runHydrationEvents();
17
18
  return _el$;
18
19
  })()];
19
20
  }