@ark-ui/solid 0.7.2-beta.4 → 0.7.2-beta.5

package/CHANGELOG.md

@@ -6,6 +6,12 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.7.2-beta.5] - 2023-07-05
+
+### Added
+
+- solid({ solid: { generate: 'ssr', hydratable: true } })
+
 ## [0.7.2-beta.4] - 2023-07-05
 
 ### Added
@@ -121,7 +127,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.2-beta.4...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.2-beta.5...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
@@ -134,5 +140,6 @@ description: All notable changes to this project will be documented in this file
 [0.7.2-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.1
 [0.7.2-beta.2]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.2
 [0.7.2-beta.3]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.3
-
 [0.7.2-beta.4]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.4
+
+[0.7.2-beta.5]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.5

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

@@ -18,7 +18,7 @@ const DatePickerMonthSelect = props => {
         get each() {
           return datePicker().getMonths();
         },
-        children: month => web.ssr(_tmpl$, web.ssrAttribute("value", web.escape(month.value, true), false), web.escape(month.label))
+        children: month => web.ssr(_tmpl$, web.ssrHydrationKey() + web.ssrAttribute("value", web.escape(month.value, true), false), web.escape(month.label))
       });
     }
   }));

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

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, ssr, ssrAttribute, escape } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, ssr, ssrHydrationKey, ssrAttribute, escape } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
@@ -14,7 +14,7 @@ const DatePickerMonthSelect = props => {
         get each() {
           return datePicker().getMonths();
         },
-        children: month => ssr(_tmpl$, ssrAttribute("value", escape(month.value, true), false), escape(month.label))
+        children: month => ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("value", escape(month.value, true), false), escape(month.label))
       });
     }
   }));

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

@@ -21,7 +21,7 @@ const DatePickerYearSelect = props => {
             to: 4_000
           });
         },
-        children: year => web.ssr(_tmpl$, web.ssrAttribute("value", web.escape(year, true), false), web.escape(year))
+        children: year => web.ssr(_tmpl$, web.ssrHydrationKey() + web.ssrAttribute("value", web.escape(year, true), false), web.escape(year))
       });
     }
   }));

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

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, ssr, ssrAttribute, escape } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, ssr, ssrHydrationKey, ssrAttribute, escape } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
@@ -17,7 +17,7 @@ const DatePickerYearSelect = props => {
             to: 4_000
           });
         },
-        children: year => ssr(_tmpl$, ssrAttribute("value", escape(year, true), false), escape(year))
+        children: year => ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("value", escape(year, true), false), escape(year))
       });
     }
   }));

package/environment/environment.cjs

@@ -6,7 +6,7 @@ const web = require('solid-js/web');
 const solidJs = require('solid-js');
 const environmentContext = require('./environment-context.cjs');
 
-const _tmpl$ = "<span hidden></span>";
+const _tmpl$ = ["<span", " hidden></span>"];
 const Environment = props => {
   // eslint-disable-next-line prefer-const
   let spanRef = undefined;
@@ -16,7 +16,7 @@ const Environment = props => {
       return currentEnv();
     },
     get children() {
-      return [props.children, !props.value && web.ssr(_tmpl$)];
+      return [props.children, !props.value && web.ssr(_tmpl$, web.ssrHydrationKey())];
     }
   });
 };

package/environment/environment.mjs

@@ -1,8 +1,8 @@
-import { createComponent, ssr } from 'solid-js/web';
+import { createComponent, ssr, ssrHydrationKey } from 'solid-js/web';
 import { createMemo } from 'solid-js';
 import { EnvironmentProvider } from './environment-context.mjs';
 
-const _tmpl$ = "<span hidden></span>";
+const _tmpl$ = ["<span", " hidden></span>"];
 const Environment = props => {
   // eslint-disable-next-line prefer-const
   let spanRef = undefined;
@@ -12,7 +12,7 @@ const Environment = props => {
       return currentEnv();
     },
     get children() {
-      return [props.children, !props.value && ssr(_tmpl$)];
+      return [props.children, !props.value && ssr(_tmpl$, ssrHydrationKey())];
     }
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.7.2-beta.4",
+  "version": "0.7.2-beta.5",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -33,7 +33,6 @@
     "toast",
     "tooltip"
   ],
-  "type": "module",
   "homepage": "https://ark-ui.com",
   "license": "MIT",
   "sideEffects": false,

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

@@ -14,7 +14,7 @@ const PinInputControl = props => {
   const controlProps = solid.mergeProps(() => api().controlProps, restProps);
   return web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
     get children() {
-      return [childrenProps.children, web.ssrElement("input", api().hiddenInputProps, undefined, false)];
+      return [childrenProps.children, web.ssrElement("input", api().hiddenInputProps, undefined, true)];
     }
   }));
 };

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

@@ -10,7 +10,7 @@ const PinInputControl = props => {
   const controlProps = mergeProps(() => api().controlProps, restProps);
   return createComponent(ark.div, mergeProps$1(controlProps, {
     get children() {
-      return [childrenProps.children, ssrElement("input", api().hiddenInputProps, undefined, false)];
+      return [childrenProps.children, ssrElement("input", api().hiddenInputProps, undefined, true)];
     }
   }));
 };