@yamada-ui/radio 0.4.2 → 0.5.0

package/dist/{chunk-UX7EGSYQ.mjs → chunk-DYAHEFLQ.mjs}

@@ -13,19 +13,10 @@ import {
   omitObject as omitObject2,
   getValidChildren
 } from "@yamada-ui/utils";
-import {
-  useCallback as useCallback2,
-  useId,
-  useRef,
-  forwardRef as forwardRef2
-} from "react";
+import { useCallback as useCallback2, useId, useRef, forwardRef as forwardRef2 } from "react";
 
 // src/radio.tsx
-import {
-  ui,
-  useMultiComponentStyle,
-  omitThemeProps
-} from "@yamada-ui/core";
+import { ui, useMultiComponentStyle, omitThemeProps } from "@yamada-ui/core";
 import {
   useFormControl,
   useFormControlProps,
@@ -41,12 +32,7 @@ import {
   dataAttr,
   pickObject
 } from "@yamada-ui/utils";
-import {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useState
-} from "react";
+import { forwardRef, useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var useRadio = (props) => {
   const { id, name, value, required, disabled, readOnly, ...rest } = useFormControlProps(props);
@@ -54,7 +40,7 @@ var useRadio = (props) => {
   const [isFocused, setFocused] = useState(false);
   const [isHovered, setHovered] = useState(false);
   const [isActive, setActive] = useState(false);
-  const [isChecked, setIsChecked] = useState(!!props.defaultChecked);
+  const [isChecked, setIsChecked] = useState(!!props.defaultIsChecked);
   const isControlled = props.isChecked !== void 0;
   const checked = isControlled ? props.isChecked : isChecked;
   useEffect(() => {
@@ -232,7 +218,7 @@ var Radio = forwardRef(
           "name",
           "value",
           "defaultValue",
-          "defaultChecked",
+          "defaultIsChecked",
           "isChecked",
           "onChange",
           "onBlur",
@@ -293,8 +279,8 @@ var useRadioGroup = ({
   isNative,
   ...props
 }) => {
-  id = id != null ? id : useId();
-  name = name != null ? name : `radio-${id}`;
+  id != null ? id : id = useId();
+  name != null ? name : name = `radio-${id}`;
   props.onChange = useCallbackRef2(props.onChange);
   const [value, setValue] = useControllableState({
     value: props.value,

package/dist/index.js

@@ -49,8 +49,8 @@ var useRadioGroup = ({
   isNative,
   ...props
 }) => {
-  id = id != null ? id : (0, import_react.useId)();
-  name = name != null ? name : `radio-${id}`;
+  id != null ? id : id = (0, import_react.useId)();
+  name != null ? name : name = `radio-${id}`;
   props.onChange = (0, import_utils.useCallbackRef)(props.onChange);
   const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
     value: props.value,
@@ -178,7 +178,7 @@ var useRadio = (props) => {
   const [isFocused, setFocused] = (0, import_react2.useState)(false);
   const [isHovered, setHovered] = (0, import_react2.useState)(false);
   const [isActive, setActive] = (0, import_react2.useState)(false);
-  const [isChecked, setIsChecked] = (0, import_react2.useState)(!!props.defaultChecked);
+  const [isChecked, setIsChecked] = (0, import_react2.useState)(!!props.defaultIsChecked);
   const isControlled = props.isChecked !== void 0;
   const checked = isControlled ? props.isChecked : isChecked;
   (0, import_react2.useEffect)(() => {
@@ -356,7 +356,7 @@ var Radio = (0, import_react2.forwardRef)(
           "name",
           "value",
           "defaultValue",
-          "defaultChecked",
+          "defaultIsChecked",
           "isChecked",
           "onChange",
           "onBlur",

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
   RadioGroup,
   useRadio,
   useRadioGroup
-} from "./chunk-UX7EGSYQ.mjs";
+} from "./chunk-DYAHEFLQ.mjs";
 export {
   Radio,
   RadioGroup,

package/dist/radio-group.d.mts

@@ -60,7 +60,7 @@ declare const useRadioGroup: <Y extends string | number = string>({ id, name, is
         onChange: (ev: ChangeEvent<HTMLInputElement> | Y) => void;
     }>;
 };
-type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>;
+type UseRadioGroupReturn<Y extends string | number = string> = ReturnType<typeof useRadioGroup<Y>>;
 type RadioGroupProps<Y extends string | number = string> = ThemeProps<"Radio"> & Omit<FlexProps, "onChange"> & UseRadioGroupProps<Y> & FormControlOptions & {
     /**
      * If provided, generate radios based on items.

package/dist/radio-group.d.ts

@@ -60,7 +60,7 @@ declare const useRadioGroup: <Y extends string | number = string>({ id, name, is
         onChange: (ev: ChangeEvent<HTMLInputElement> | Y) => void;
     }>;
 };
-type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>;
+type UseRadioGroupReturn<Y extends string | number = string> = ReturnType<typeof useRadioGroup<Y>>;
 type RadioGroupProps<Y extends string | number = string> = ThemeProps<"Radio"> & Omit<FlexProps, "onChange"> & UseRadioGroupProps<Y> & FormControlOptions & {
     /**
      * If provided, generate radios based on items.

package/dist/radio-group.js

@@ -45,7 +45,7 @@ var useRadio = (props) => {
   const [isFocused, setFocused] = (0, import_react.useState)(false);
   const [isHovered, setHovered] = (0, import_react.useState)(false);
   const [isActive, setActive] = (0, import_react.useState)(false);
-  const [isChecked, setIsChecked] = (0, import_react.useState)(!!props.defaultChecked);
+  const [isChecked, setIsChecked] = (0, import_react.useState)(!!props.defaultIsChecked);
   const isControlled = props.isChecked !== void 0;
   const checked = isControlled ? props.isChecked : isChecked;
   (0, import_react.useEffect)(() => {
@@ -223,7 +223,7 @@ var Radio = (0, import_react.forwardRef)(
           "name",
           "value",
           "defaultValue",
-          "defaultChecked",
+          "defaultIsChecked",
           "isChecked",
           "onChange",
           "onBlur",
@@ -284,8 +284,8 @@ var useRadioGroup = ({
   isNative,
   ...props
 }) => {
-  id = id != null ? id : (0, import_react2.useId)();
-  name = name != null ? name : `radio-${id}`;
+  id != null ? id : id = (0, import_react2.useId)();
+  name != null ? name : name = `radio-${id}`;
   props.onChange = (0, import_utils2.useCallbackRef)(props.onChange);
   const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
     value: props.value,

package/dist/radio-group.mjs

@@ -3,7 +3,7 @@ import {
   RadioGroup,
   useRadioGroup,
   useRadioGroupContenxt
-} from "./chunk-UX7EGSYQ.mjs";
+} from "./chunk-DYAHEFLQ.mjs";
 export {
   RadioGroup,
   useRadioGroup,

package/dist/radio.d.mts

@@ -21,7 +21,7 @@ type UseRadioProps<Y extends string | number = string> = FormControlOptions & {
      *
      * @default false
      */
-    defaultChecked?: boolean;
+    defaultIsChecked?: boolean;
     /**
      * If `true`, the radio will be checked.
      *
@@ -51,7 +51,7 @@ type RadioOptions = {
     labelProps?: HTMLUIProps<"span">;
 };
 type RadioProps<Y extends string | number = string> = Omit<HTMLUIProps<"label">, keyof UseRadioProps> & ThemeProps<"Radio"> & UseRadioProps<Y> & RadioOptions;
-declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIProps<"label">, "value" | "name" | "id" | "onChange" | "defaultChecked" | keyof FormControlOptions | "isChecked"> & ThemeProps<"Radio"> & FormControlOptions & {
+declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIProps<"label">, "value" | "name" | "id" | "onChange" | keyof FormControlOptions | "defaultIsChecked" | "isChecked"> & ThemeProps<"Radio"> & FormControlOptions & {
     /**
      * id assigned to input.
      */
@@ -69,7 +69,7 @@ declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIPro
      *
      * @default false
      */
-    defaultChecked?: boolean | undefined;
+    defaultIsChecked?: boolean | undefined;
     /**
      * If `true`, the radio will be checked.
      *

package/dist/radio.d.ts

@@ -21,7 +21,7 @@ type UseRadioProps<Y extends string | number = string> = FormControlOptions & {
      *
      * @default false
      */
-    defaultChecked?: boolean;
+    defaultIsChecked?: boolean;
     /**
      * If `true`, the radio will be checked.
      *
@@ -51,7 +51,7 @@ type RadioOptions = {
     labelProps?: HTMLUIProps<"span">;
 };
 type RadioProps<Y extends string | number = string> = Omit<HTMLUIProps<"label">, keyof UseRadioProps> & ThemeProps<"Radio"> & UseRadioProps<Y> & RadioOptions;
-declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIProps<"label">, "value" | "name" | "id" | "onChange" | "defaultChecked" | keyof FormControlOptions | "isChecked"> & ThemeProps<"Radio"> & FormControlOptions & {
+declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIProps<"label">, "value" | "name" | "id" | "onChange" | keyof FormControlOptions | "defaultIsChecked" | "isChecked"> & ThemeProps<"Radio"> & FormControlOptions & {
     /**
      * id assigned to input.
      */
@@ -69,7 +69,7 @@ declare const Radio: (<Y extends string | number = string>(props: Omit<HTMLUIPro
      *
      * @default false
      */
-    defaultChecked?: boolean | undefined;
+    defaultIsChecked?: boolean | undefined;
     /**
      * If `true`, the radio will be checked.
      *

package/dist/radio.js

@@ -45,8 +45,8 @@ var useRadioGroup = ({
   isNative,
   ...props
 }) => {
-  id = id != null ? id : (0, import_react.useId)();
-  name = name != null ? name : `radio-${id}`;
+  id != null ? id : id = (0, import_react.useId)();
+  name != null ? name : name = `radio-${id}`;
   props.onChange = (0, import_utils.useCallbackRef)(props.onChange);
   const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
     value: props.value,
@@ -174,7 +174,7 @@ var useRadio = (props) => {
   const [isFocused, setFocused] = (0, import_react2.useState)(false);
   const [isHovered, setHovered] = (0, import_react2.useState)(false);
   const [isActive, setActive] = (0, import_react2.useState)(false);
-  const [isChecked, setIsChecked] = (0, import_react2.useState)(!!props.defaultChecked);
+  const [isChecked, setIsChecked] = (0, import_react2.useState)(!!props.defaultIsChecked);
   const isControlled = props.isChecked !== void 0;
   const checked = isControlled ? props.isChecked : isChecked;
   (0, import_react2.useEffect)(() => {
@@ -352,7 +352,7 @@ var Radio = (0, import_react2.forwardRef)(
           "name",
           "value",
           "defaultValue",
-          "defaultChecked",
+          "defaultIsChecked",
           "isChecked",
           "onChange",
           "onBlur",

package/dist/radio.mjs

@@ -2,7 +2,7 @@
 import {
   Radio,
   useRadio
-} from "./chunk-UX7EGSYQ.mjs";
+} from "./chunk-DYAHEFLQ.mjs";
 export {
   Radio,
   useRadio

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/radio",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Yamada UI radio component",
   "keywords": [
     "yamada",
@@ -35,11 +35,11 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.12.6",
+    "@yamada-ui/core": "0.12.7",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/form-control": "0.3.19",
-    "@yamada-ui/layouts": "0.3.17",
-    "@yamada-ui/use-controllable-state": "0.3.1",
+    "@yamada-ui/form-control": "0.3.20",
+    "@yamada-ui/layouts": "0.3.18",
+    "@yamada-ui/use-controllable-state": "0.3.2",
     "@yamada-ui/use-focus-visible": "0.2.5"
   },
   "devDependencies": {