@ark-ui/solid 0.7.1 → 0.7.2-beta.0

package/CHANGELOG.md

@@ -6,9 +6,15 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.7.2-beta.0] - 2023-07-03
+
+### Fixed
+
+- Fixed an issue with SSR
+
 ## [0.7.1] - 2023-06-30
 
-## Fixed
+### Fixed
 
 - Resolved an issue that types accross various components were not being exported correctly.
 
@@ -93,7 +99,7 @@ description: All notable changes to this project will be documented in this file
 - Add `Toast`
 - Add `Tooltip`
 
-[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.1...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.2-beta.0...HEAD
 [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.1.0
 [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.2.0
 [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.3.0
@@ -101,5 +107,6 @@ description: All notable changes to this project will be documented in this file
 [0.5.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.5.0
 [0.6.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.6.0
 [0.7.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.0
-
 [0.7.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.1
+
+[0.7.2-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.0

package/date-picker/date-picker-month-select.cjs

@@ -19,7 +19,7 @@ const DatePickerMonthSelect = props => {
           return datePicker().getMonths();
         },
         children: month => (() => {
-          const _el$ = _tmpl$();
+          const _el$ = web.getNextElement(_tmpl$);
           web.insert(_el$, () => month.label);
           web.effect(() => _el$.value = month.value);
           return _el$;

package/date-picker/date-picker-month-select.mjs

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, insert, effect, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, getNextElement, insert, effect, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
@@ -15,7 +15,7 @@ const DatePickerMonthSelect = props => {
           return datePicker().getMonths();
         },
         children: month => (() => {
-          const _el$ = _tmpl$();
+          const _el$ = getNextElement(_tmpl$);
           insert(_el$, () => month.label);
           effect(() => _el$.value = month.value);
           return _el$;

package/date-picker/date-picker-year-select.cjs

@@ -22,7 +22,7 @@ const DatePickerYearSelect = props => {
           });
         },
         children: year => (() => {
-          const _el$ = _tmpl$();
+          const _el$ = web.getNextElement(_tmpl$);
           _el$.value = year;
           web.insert(_el$, year);
           return _el$;

package/date-picker/date-picker-year-select.mjs

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, getNextElement, insert, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
@@ -18,7 +18,7 @@ const DatePickerYearSelect = props => {
           });
         },
         children: year => (() => {
-          const _el$ = _tmpl$();
+          const _el$ = getNextElement(_tmpl$);
           _el$.value = year;
           insert(_el$, year);
           return _el$;

package/environment/environment.cjs

@@ -17,7 +17,7 @@ const Environment = props => {
     },
     get children() {
       return [web.memo(() => props.children), web.memo(() => web.memo(() => !!!props.value)() && (() => {
-        const _el$ = _tmpl$();
+        const _el$ = web.getNextElement(_tmpl$);
         const _ref$ = spanRef;
         typeof _ref$ === "function" ? web.use(_ref$, _el$) : spanRef = _el$;
         return _el$;

package/environment/environment.mjs

@@ -1,4 +1,4 @@
-import { createComponent, memo, use, template } from 'solid-js/web';
+import { createComponent, memo, getNextElement, use, template } from 'solid-js/web';
 import { createMemo } from 'solid-js';
 import { EnvironmentProvider } from './environment-context.mjs';
 
@@ -13,7 +13,7 @@ const Environment = props => {
     },
     get children() {
       return [memo(() => props.children), memo(() => memo(() => !!!props.value)() && (() => {
-        const _el$ = _tmpl$();
+        const _el$ = getNextElement(_tmpl$);
         const _ref$ = spanRef;
         typeof _ref$ === "function" ? use(_ref$, _el$) : spanRef = _el$;
         return _el$;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.7.1",
+  "version": "0.7.2-beta.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

package/pin-input/pin-input-control.cjs

@@ -16,8 +16,9 @@ const PinInputControl = props => {
   return web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
     get children() {
       return [web.memo(() => childrenProps.children), (() => {
-        const _el$ = _tmpl$();
+        const _el$ = web.getNextElement(_tmpl$);
         web.spread(_el$, web.mergeProps(() => api().hiddenInputProps), false, false);
+        web.runHydrationEvents();
         return _el$;
       })()];
     }

package/pin-input/pin-input-control.mjs

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, memo, spread, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, memo, getNextElement, spread, runHydrationEvents, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { splitProps } from 'solid-js';
 import { ark } from '../factory.mjs';
@@ -12,8 +12,9 @@ const PinInputControl = props => {
   return createComponent(ark.div, mergeProps$1(controlProps, {
     get children() {
       return [memo(() => childrenProps.children), (() => {
-        const _el$ = _tmpl$();
+        const _el$ = getNextElement(_tmpl$);
         spread(_el$, mergeProps$1(() => api().hiddenInputProps), false, false);
+        runHydrationEvents();
         return _el$;
       })()];
     }