@ark-ui/react 0.0.0-rc-20221122014539 → 0.0.0-rc-20221125023333

package/dist/index.cjs.js

@@ -362,10 +362,11 @@ var Checkbox = (0, import_react16.forwardRef)((props, ref) => {
     "aria-label",
     "aria-labelledby",
     "defaultChecked",
-    "dir",
     "defaultValue",
+    "dir",
     "disabled",
     "focusable",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -373,7 +374,7 @@ var Checkbox = (0, import_react16.forwardRef)((props, ref) => {
     "invalid",
     "name",
     "onChange",
-    "readonly",
+    "readOnly",
     "required",
     "value"
   ]);
@@ -592,6 +593,7 @@ var Editable = (0, import_react42.forwardRef)((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -603,7 +605,7 @@ var Editable = (0, import_react42.forwardRef)((props, ref) => {
     "onEdit",
     "onSubmit",
     "placeholder",
-    "readonly",
+    "readOnly",
     "selectOnFocus",
     "startWithEditView",
     "submitMode",
@@ -1112,6 +1114,7 @@ var NumberInput = (0, import_react94.forwardRef)((props, ref) => {
     "dir",
     "disabled",
     "focusInputOnChange",
+    "form",
     "format",
     "getRootNode",
     "id",
@@ -1129,7 +1132,7 @@ var NumberInput = (0, import_react94.forwardRef)((props, ref) => {
     "onInvalid",
     "parse",
     "pattern",
-    "readonly",
+    "readOnly",
     "spinOnPress",
     "step",
     "translations",
@@ -1349,6 +1352,7 @@ var PinInput = (0, import_react117.forwardRef)((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -1584,11 +1588,11 @@ var [RadioGroupProvider, useRadioGroupContext] = createContext({
 // src/radio-group/radio.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var Radio = (0, import_react142.forwardRef)((props, ref) => {
-  const { value, disabled, invalid, readonly, ...divProps } = props;
+  const { value, disabled, invalid, readOnly, ...divProps } = props;
   const { getItemProps } = useRadioGroupContext();
   const mergedProps = (0, import_react143.mergeProps)(getItemProps({ value, disabled }), divProps);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RadioProvider, {
-    value: { value, disabled, invalid, readonly },
+    value: { value, disabled, invalid, readOnly },
     children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ark.label, {
       ...mergedProps,
       ref
@@ -1641,13 +1645,14 @@ var RadioGroup = (0, import_react148.forwardRef)((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
     "name",
     "onChange",
     "orientation",
-    "readonly",
+    "readOnly",
     "value"
   ]);
   const radioGroup = useRadioGroup(useRadioGroupProps);
@@ -1742,6 +1747,7 @@ var Rating = (0, import_react158.forwardRef)((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -1749,7 +1755,7 @@ var Rating = (0, import_react158.forwardRef)((props, ref) => {
     "name",
     "onChange",
     "onHover",
-    "readonly",
+    "readOnly",
     "translations",
     "value"
   ]);
@@ -1861,6 +1867,7 @@ var Slider = (0, import_react168.forwardRef)((props, ref) => {
     "dir",
     "disabled",
     "focusThumbOnChange",
+    "form",
     "getAriaValueText",
     "getRootNode",
     "id",
@@ -1874,7 +1881,7 @@ var Slider = (0, import_react168.forwardRef)((props, ref) => {
     "onChangeStart",
     "orientation",
     "origin",
-    "readonly",
+    "readOnly",
     "step",
     "thumbAlignment",
     "value"
@@ -2194,6 +2201,7 @@ var TagsInput = (0, import_react206.forwardRef)((props, ref) => {
       "delimiter",
       "dir",
       "disabled",
+      "form",
       "getRootNode",
       "id",
       "ids",
@@ -2206,7 +2214,7 @@ var TagsInput = (0, import_react206.forwardRef)((props, ref) => {
       "onHighlight",
       "onInvalid",
       "onTagUpdate",
-      "readonly",
+      "readOnly",
       "translations",
       "validate",
       "value"

package/dist/index.d.ts

@@ -553,25 +553,25 @@ declare const useRadioGroup: (props: UseRadioGroupProps) => {
     getItemProps(props: {
         value: string;
         disabled?: boolean | undefined;
-        readonly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     }): react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
     getItemLabelProps(props: {
         value: string;
         disabled?: boolean | undefined;
-        readonly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     }): react.HTMLAttributes<HTMLElement>;
     getItemControlProps(props: {
         value: string;
         disabled?: boolean | undefined;
-        readonly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     }): react.HTMLAttributes<HTMLElement>;
     getItemInputProps(props: {
         value: string;
         disabled?: boolean | undefined;
-        readonly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     } & {
         focusable?: boolean | undefined;

package/dist/index.esm.js

@@ -205,10 +205,11 @@ var Checkbox = forwardRef6((props, ref) => {
     "aria-label",
     "aria-labelledby",
     "defaultChecked",
-    "dir",
     "defaultValue",
+    "dir",
     "disabled",
     "focusable",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -216,7 +217,7 @@ var Checkbox = forwardRef6((props, ref) => {
     "invalid",
     "name",
     "onChange",
-    "readonly",
+    "readOnly",
     "required",
     "value"
   ]);
@@ -435,6 +436,7 @@ var Editable = forwardRef16((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -446,7 +448,7 @@ var Editable = forwardRef16((props, ref) => {
     "onEdit",
     "onSubmit",
     "placeholder",
-    "readonly",
+    "readOnly",
     "selectOnFocus",
     "startWithEditView",
     "submitMode",
@@ -955,6 +957,7 @@ var NumberInput = forwardRef37((props, ref) => {
     "dir",
     "disabled",
     "focusInputOnChange",
+    "form",
     "format",
     "getRootNode",
     "id",
@@ -972,7 +975,7 @@ var NumberInput = forwardRef37((props, ref) => {
     "onInvalid",
     "parse",
     "pattern",
-    "readonly",
+    "readOnly",
     "spinOnPress",
     "step",
     "translations",
@@ -1192,6 +1195,7 @@ var PinInput = forwardRef47((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -1427,11 +1431,11 @@ var [RadioGroupProvider, useRadioGroupContext] = createContext({
 // src/radio-group/radio.tsx
 import { jsx as jsx63 } from "react/jsx-runtime";
 var Radio = forwardRef57((props, ref) => {
-  const { value, disabled, invalid, readonly, ...divProps } = props;
+  const { value, disabled, invalid, readOnly, ...divProps } = props;
   const { getItemProps } = useRadioGroupContext();
   const mergedProps = mergeProps51(getItemProps({ value, disabled }), divProps);
   return /* @__PURE__ */ jsx63(RadioProvider, {
-    value: { value, disabled, invalid, readonly },
+    value: { value, disabled, invalid, readOnly },
     children: /* @__PURE__ */ jsx63(ark.label, {
       ...mergedProps,
       ref
@@ -1484,13 +1488,14 @@ var RadioGroup = forwardRef59((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
     "name",
     "onChange",
     "orientation",
-    "readonly",
+    "readOnly",
     "value"
   ]);
   const radioGroup = useRadioGroup(useRadioGroupProps);
@@ -1585,6 +1590,7 @@ var Rating = forwardRef63((props, ref) => {
     "defaultValue",
     "dir",
     "disabled",
+    "form",
     "getRootNode",
     "id",
     "ids",
@@ -1592,7 +1598,7 @@ var Rating = forwardRef63((props, ref) => {
     "name",
     "onChange",
     "onHover",
-    "readonly",
+    "readOnly",
     "translations",
     "value"
   ]);
@@ -1704,6 +1710,7 @@ var Slider = forwardRef67((props, ref) => {
     "dir",
     "disabled",
     "focusThumbOnChange",
+    "form",
     "getAriaValueText",
     "getRootNode",
     "id",
@@ -1717,7 +1724,7 @@ var Slider = forwardRef67((props, ref) => {
     "onChangeStart",
     "orientation",
     "origin",
-    "readonly",
+    "readOnly",
     "step",
     "thumbAlignment",
     "value"
@@ -2037,6 +2044,7 @@ var TagsInput = forwardRef84((props, ref) => {
       "delimiter",
       "dir",
       "disabled",
+      "form",
       "getRootNode",
       "id",
       "ids",
@@ -2049,7 +2057,7 @@ var TagsInput = forwardRef84((props, ref) => {
       "onHighlight",
       "onInvalid",
       "onTagUpdate",
-      "readonly",
+      "readOnly",
       "translations",
       "validate",
       "value"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.0.0-rc-20221122014539",
+  "version": "0.0.0-rc-20221125023333",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/chakra-ui/ark#readme",
@@ -33,23 +33,23 @@
   "dependencies": {
     "@polymorphic-factory/react": "0.2.0",
     "@zag-js/accordion": "0.2.2",
-    "@zag-js/checkbox": "0.2.2",
+    "@zag-js/checkbox": "0.2.3",
     "@zag-js/dialog": "0.2.2",
-    "@zag-js/editable": "0.2.2",
+    "@zag-js/editable": "0.2.3",
     "@zag-js/hover-card": "0.1.2",
     "@zag-js/menu": "0.2.2",
-    "@zag-js/number-input": "0.2.2",
+    "@zag-js/number-input": "0.2.3",
     "@zag-js/pagination": "0.1.2",
-    "@zag-js/pin-input": "0.2.2",
+    "@zag-js/pin-input": "0.2.3",
     "@zag-js/popover": "0.2.2",
     "@zag-js/pressable": "0.3.2",
-    "@zag-js/radio": "0.1.2",
-    "@zag-js/range-slider": "0.2.2",
-    "@zag-js/rating": "0.2.2",
-    "@zag-js/react": "0.3.0",
-    "@zag-js/slider": "0.2.2",
+    "@zag-js/radio": "0.1.3",
+    "@zag-js/range-slider": "0.2.3",
+    "@zag-js/rating": "0.2.3",
+    "@zag-js/react": "0.3.1",
+    "@zag-js/slider": "0.2.3",
     "@zag-js/tabs": "0.2.2",
-    "@zag-js/tags-input": "0.3.2",
+    "@zag-js/tags-input": "0.3.3",
     "@zag-js/toast": "0.2.3",
     "@zag-js/tooltip": "0.2.2"
   },
@@ -65,7 +65,7 @@
     "@typescript-eslint/eslint-plugin": "5.44.0",
     "@typescript-eslint/parser": "5.44.0",
     "@vitejs/plugin-react": "2.2.0",
-    "@vitest/coverage-c8": "0.25.2",
+    "@vitest/coverage-c8": "0.25.3",
     "eslint": "8.28.0",
     "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
@@ -75,7 +75,7 @@
     "tsup": "6.5.0",
     "typescript": "4.9.3",
     "vite": "3.2.4",
-    "vitest": "0.25.2"
+    "vitest": "0.25.3"
   },
   "peerDependencies": {
     "react": ">=18.0.0",