@yamada-ui/radio 1.2.16-next-20241126134247 → 1.3.0-dev-20241127015414

package/dist/chunk-NP4GICPF.mjs

@@ -0,0 +1,124 @@
+"use client"
+import {
+  RadioCardAddon
+} from "./chunk-YRIADAI7.mjs";
+import {
+  RadioCardDescription
+} from "./chunk-27VC2SJI.mjs";
+import {
+  RadioCardLabel
+} from "./chunk-Q5GTUIUF.mjs";
+import {
+  useRadio
+} from "./chunk-HFS5TQ47.mjs";
+import {
+  RadioCardProvider,
+  useRadioCardGroupContext
+} from "./chunk-ZLJHOIFP.mjs";
+
+// src/radio-card.tsx
+import { omitThemeProps, ui, useComponentMultiStyle } from "@yamada-ui/core";
+import { useFormControl } from "@yamada-ui/form-control";
+import {
+  cx,
+  findChild,
+  funcAll,
+  getValidChildren,
+  isEmpty,
+  omitChildren
+} from "@yamada-ui/utils";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioCard = forwardRef(
+  (props, ref) => {
+    var _a, _b, _c, _d, _e;
+    const group = useRadioCardGroupContext();
+    const { value: groupValue, ...groupProps } = { ...group };
+    const control = useFormControl(props);
+    const [styles, mergedProps] = useComponentMultiStyle("RadioCard", {
+      ...groupProps,
+      ...props
+    });
+    const {
+      className,
+      addon,
+      children,
+      description,
+      isDisabled = (_a = groupProps.isDisabled) != null ? _a : control.isDisabled,
+      isInvalid = (_b = groupProps.isInvalid) != null ? _b : control.isInvalid,
+      isReadOnly = (_c = groupProps.isReadOnly) != null ? _c : control.isReadOnly,
+      isRequired = (_d = groupProps.isRequired) != null ? _d : control.isRequired,
+      label,
+      withIcon = true,
+      addonProps,
+      descriptionProps,
+      iconProps,
+      inputProps,
+      labelProps,
+      ...computedProps
+    } = omitThemeProps(mergedProps);
+    (_e = computedProps.checked) != null ? _e : computedProps.checked = computedProps.isChecked;
+    const checkedProp = groupValue && computedProps.value ? groupValue === computedProps.value : computedProps.checked;
+    const onChange = groupProps.onChange && computedProps.value ? funcAll(groupProps.onChange, computedProps.onChange) : computedProps.onChange;
+    const {
+      checked,
+      props: rest,
+      getContainerProps,
+      getIconProps,
+      getInputProps
+    } = useRadio({
+      ...computedProps,
+      checked: checkedProp,
+      isDisabled,
+      isInvalid,
+      isReadOnly,
+      isRequired,
+      onChange
+    });
+    const tabIndex = !groupValue ? 0 : checked ? 0 : -1;
+    const validChildren = getValidChildren(children);
+    const customLabel = findChild(validChildren, RadioCardLabel);
+    const customDescription = findChild(validChildren, RadioCardDescription);
+    const customAddon = findChild(validChildren, RadioCardAddon);
+    const computedChildren = !isEmpty(validChildren) ? omitChildren(
+      validChildren,
+      RadioCardLabel,
+      RadioCardDescription,
+      RadioCardAddon
+    ) : children;
+    return /* @__PURE__ */ jsx(RadioCardProvider, { value: { styles, withIcon, getIconProps, iconProps }, children: /* @__PURE__ */ jsxs(
+      ui.label,
+      {
+        className: cx("ui-radio-card", className),
+        ...getContainerProps(rest),
+        __css: { ...styles.container },
+        children: [
+          /* @__PURE__ */ jsx(
+            ui.input,
+            {
+              className: "ui-radio-card__input",
+              ...getInputProps(
+                {
+                  ...inputProps,
+                  tabIndex
+                },
+                ref
+              )
+            }
+          ),
+          customLabel != null ? customLabel : label ? /* @__PURE__ */ jsx(RadioCardLabel, { ...labelProps, children: label }) : null,
+          customDescription != null ? customDescription : description ? /* @__PURE__ */ jsx(RadioCardDescription, { ...descriptionProps, children: description }) : null,
+          customAddon != null ? customAddon : addon ? /* @__PURE__ */ jsx(RadioCardAddon, { ...addonProps, children: addon }) : null,
+          computedChildren
+        ]
+      }
+    ) });
+  }
+);
+RadioCard.displayName = "RadioCard";
+RadioCard.__ui__ = "RadioCard";
+
+export {
+  RadioCard
+};
+//# sourceMappingURL=chunk-NP4GICPF.mjs.map

package/dist/chunk-NP4GICPF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-card.tsx"],"sourcesContent":["import type { ComponentArgs, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport type {\n  ForwardedRef,\n  InputHTMLAttributes,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\"\nimport type { RadioCardAddonProps } from \"./radio-card-addon\"\nimport type { RadioCardDescriptionProps } from \"./radio-card-description\"\nimport type { RadioCardLabelProps } from \"./radio-card-label\"\nimport type { UseRadioProps } from \"./use-radio\"\nimport { omitThemeProps, ui, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport {\n  cx,\n  findChild,\n  funcAll,\n  getValidChildren,\n  isEmpty,\n  omitChildren,\n} from \"@yamada-ui/utils\"\nimport { forwardRef } from \"react\"\nimport { RadioCardAddon } from \"./radio-card-addon\"\nimport { RadioCardDescription } from \"./radio-card-description\"\nimport { RadioCardLabel } from \"./radio-card-label\"\nimport { RadioCardProvider, useRadioCardGroupContext } from \"./radio-context\"\nimport { useRadio } from \"./use-radio\"\n\ninterface RadioCardOptions {\n  /**\n   * The addon of the radio card.\n   */\n  addon?: ReactNode\n  /**\n   * The body of the radio card.\n   */\n  description?: ReactNode\n  /**\n   * The label of the radio card.\n   */\n  label?: ReactNode\n  /**\n   * If `true`, the icon will be displayed.\n   *\n   * @default true\n   */\n  withIcon?: boolean\n  /**\n   * Props for the footer of the radio card.\n   */\n  addonProps?: RadioCardAddonProps\n  /**\n   * Props for the description of the radio card.\n   */\n  descriptionProps?: RadioCardDescriptionProps\n  /**\n   * Props for the icon of the radio card.\n   */\n  iconProps?: HTMLUIProps\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for the label of the radio card.\n   */\n  labelProps?: RadioCardLabelProps\n}\n\nexport interface RadioCardProps<Y extends number | string = string>\n  extends Omit<HTMLUIProps<\"label\">, keyof UseRadioProps>,\n    ThemeProps<\"RadioCard\">,\n    UseRadioProps<Y>,\n    RadioCardOptions {}\n\n/**\n * `RadioCard` is a component used for allowing users to select one option from multiple choices.\n *\n * @see Docs https://yamada-ui.com/components/forms/radio-card\n */\nexport const RadioCard = forwardRef(\n  <Y extends number | string = string>(\n    props: RadioCardProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useRadioCardGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useComponentMultiStyle(\"RadioCard\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      addon,\n      children,\n      description,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      label,\n      withIcon = true,\n      addonProps,\n      descriptionProps,\n      iconProps,\n      inputProps,\n      labelProps,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    computedProps.checked ??= computedProps.isChecked\n\n    const checkedProp =\n      groupValue && computedProps.value\n        ? groupValue === computedProps.value\n        : computedProps.checked\n\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      checked,\n      props: rest,\n      getContainerProps,\n      getIconProps,\n      getInputProps,\n    } = useRadio({\n      ...computedProps,\n      checked: checkedProp,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      onChange,\n    })\n\n    const tabIndex = !groupValue ? 0 : checked ? 0 : -1\n\n    const validChildren = getValidChildren(children)\n    const customLabel = findChild(validChildren, RadioCardLabel)\n    const customDescription = findChild(validChildren, RadioCardDescription)\n    const customAddon = findChild(validChildren, RadioCardAddon)\n\n    const computedChildren = !isEmpty(validChildren)\n      ? omitChildren(\n          validChildren,\n          RadioCardLabel,\n          RadioCardDescription,\n          RadioCardAddon,\n        )\n      : children\n\n    return (\n      <RadioCardProvider value={{ styles, withIcon, getIconProps, iconProps }}>\n        <ui.label\n          className={cx(\"ui-radio-card\", className)}\n          {...getContainerProps(rest)}\n          __css={{ ...styles.container }}\n        >\n          <ui.input\n            className=\"ui-radio-card__input\"\n            {...getInputProps(\n              {\n                ...inputProps,\n                tabIndex,\n              },\n              ref,\n            )}\n          />\n\n          {customLabel ??\n            (label ? (\n              <RadioCardLabel {...labelProps}>{label}</RadioCardLabel>\n            ) : null)}\n\n          {customDescription ??\n            (description ? (\n              <RadioCardDescription {...descriptionProps}>\n                {description}\n              </RadioCardDescription>\n            ) : null)}\n\n          {customAddon ??\n            (addon ? (\n              <RadioCardAddon {...addonProps}>{addon}</RadioCardAddon>\n            ) : null)}\n\n          {computedChildren}\n        </ui.label>\n      </RadioCardProvider>\n    )\n  },\n) as {\n  <Y extends number | string = string>(\n    props: RadioCardProps<Y> & RefAttributes<HTMLInputElement>,\n  ): ReactElement\n} & ComponentArgs\n\nRadioCard.displayName = \"RadioCard\"\nRadioCard.__ui__ = \"RadioCard\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,SAAS,gBAAgB,IAAI,8BAA8B;AAC3D,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAwInB,SAKE,KALF;AA7ED,IAAM,YAAY;AAAA,EACvB,CACE,OACA,QACG;AArFP;AAsFI,UAAM,QAAQ,yBAAyB;AACvC,UAAM,EAAE,OAAO,YAAY,GAAG,WAAW,IAAI,EAAE,GAAG,MAAM;AACxD,UAAM,UAAU,eAAe,KAAK;AACpC,UAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,aAAa;AAAA,MAChE,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,aAAY,gBAAW,cAAX,YAAwB,QAAQ;AAAA,MAC5C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,eAAe,WAAW;AAE9B,wBAAc,YAAd,0BAAc,UAAY,cAAc;AAExC,UAAM,cACJ,cAAc,cAAc,QACxB,eAAe,cAAc,QAC7B,cAAc;AAEpB,UAAM,WACJ,WAAW,YAAY,cAAc,QACjC,QAAQ,WAAW,UAAU,cAAc,QAAQ,IACnD,cAAc;AAEpB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,SAAS;AAAA,MACX,GAAG;AAAA,MACH,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,WAAW,CAAC,aAAa,IAAI,UAAU,IAAI;AAEjD,UAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,UAAM,cAAc,UAAU,eAAe,cAAc;AAC3D,UAAM,oBAAoB,UAAU,eAAe,oBAAoB;AACvE,UAAM,cAAc,UAAU,eAAe,cAAc;AAE3D,UAAM,mBAAmB,CAAC,QAAQ,aAAa,IAC3C;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAEJ,WACE,oBAAC,qBAAkB,OAAO,EAAE,QAAQ,UAAU,cAAc,UAAU,GACpE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,WAAW,GAAG,iBAAiB,SAAS;AAAA,QACvC,GAAG,kBAAkB,IAAI;AAAA,QAC1B,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,QAE7B;AAAA;AAAA,YAAC,GAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACT,GAAG;AAAA,gBACF;AAAA,kBACE,GAAG;AAAA,kBACH;AAAA,gBACF;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEC,oCACE,QACC,oBAAC,kBAAgB,GAAG,YAAa,iBAAM,IACrC;AAAA,UAEL,gDACE,cACC,oBAAC,wBAAsB,GAAG,kBACvB,uBACH,IACE;AAAA,UAEL,oCACE,QACC,oBAAC,kBAAgB,GAAG,YAAa,iBAAM,IACrC;AAAA,UAEL;AAAA;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAMA,UAAU,cAAc;AACxB,UAAU,SAAS;","names":[]}

package/dist/chunk-Q5GTUIUF.mjs

@@ -0,0 +1,56 @@
+"use client"
+import {
+  useRadioCardContext
+} from "./chunk-ZLJHOIFP.mjs";
+
+// src/radio-card-label.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { ui } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioCardLabel = forwardRef(
+  ({ className, children, withIcon, contentProps, iconProps, ...rest }, ref) => {
+    const {
+      styles,
+      withIcon: defaultWithIcon,
+      getIconProps,
+      iconProps: defaultIconProps
+    } = useRadioCardContext();
+    withIcon != null ? withIcon : withIcon = defaultWithIcon;
+    return /* @__PURE__ */ jsxs(
+      ui.div,
+      {
+        ref,
+        className: cx("ui-radio-card__label", className),
+        __css: { ...styles.label },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            ui.span,
+            {
+              className: "ui-radio-card__label-content",
+              __css: { ...styles.labelContent },
+              ...contentProps,
+              children
+            }
+          ),
+          withIcon ? /* @__PURE__ */ jsx(
+            ui.div,
+            {
+              className: "ui-radio-card__icon",
+              __css: { ...styles.icon },
+              ...getIconProps({ ...defaultIconProps, ...iconProps })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+RadioCardLabel.displayName = "RadioCardLabel";
+RadioCardLabel.__ui__ = "RadioCardLabel";
+
+export {
+  RadioCardLabel
+};
+//# sourceMappingURL=chunk-Q5GTUIUF.mjs.map

package/dist/chunk-Q5GTUIUF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-card-label.tsx"],"sourcesContent":["import type { HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useRadioCardContext } from \"./radio-context\"\n\nexport interface RadioCardLabelProps extends HTMLUIProps {\n  /**\n   * If `true`, the icon will be displayed.\n   *\n   * @default true\n   */\n  withIcon?: boolean\n  /**\n   * The props for the label content.\n   */\n  contentProps?: HTMLUIProps<\"span\">\n  /**\n   * The props for the icon.\n   */\n  iconProps?: HTMLUIProps\n}\n\nexport const RadioCardLabel = forwardRef<RadioCardLabelProps, \"div\">(\n  (\n    { className, children, withIcon, contentProps, iconProps, ...rest },\n    ref,\n  ) => {\n    const {\n      styles,\n      withIcon: defaultWithIcon,\n      getIconProps,\n      iconProps: defaultIconProps,\n    } = useRadioCardContext()\n\n    withIcon ??= defaultWithIcon\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-radio-card__label\", className)}\n        __css={{ ...styles.label }}\n        {...rest}\n      >\n        <ui.span\n          className=\"ui-radio-card__label-content\"\n          __css={{ ...styles.labelContent }}\n          {...contentProps}\n        >\n          {children}\n        </ui.span>\n\n        {withIcon ? (\n          <ui.div\n            className=\"ui-radio-card__icon\"\n            __css={{ ...styles.icon }}\n            {...getIconProps({ ...defaultIconProps, ...iconProps })}\n          />\n        ) : null}\n      </ui.div>\n    )\n  },\n)\n\nRadioCardLabel.displayName = \"RadioCardLabel\"\nRadioCardLabel.__ui__ = \"RadioCardLabel\"\n"],"mappings":";;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,UAAU;AAmCb,SAME,KANF;AAfC,IAAM,iBAAiB;AAAA,EAC5B,CACE,EAAE,WAAW,UAAU,UAAU,cAAc,WAAW,GAAG,KAAK,GAClE,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,IACb,IAAI,oBAAoB;AAExB,6CAAa;AAEb,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,QAC/C,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,QACxB,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,GAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,aAAa;AAAA,cAC/B,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA,UAEC,WACC;AAAA,YAAC,GAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,KAAK;AAAA,cACvB,GAAG,aAAa,EAAE,GAAG,kBAAkB,GAAG,UAAU,CAAC;AAAA;AAAA,UACxD,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;","names":[]}

package/dist/chunk-YDYOLCNG.mjs

@@ -0,0 +1,94 @@
+"use client"
+import {
+  Radio
+} from "./chunk-JLL7F3NY.mjs";
+import {
+  useRadioGroup
+} from "./chunk-AOVCDCCW.mjs";
+import {
+  RadioGroupProvider
+} from "./chunk-ZLJHOIFP.mjs";
+
+// src/radio-group.tsx
+import { useFormControl } from "@yamada-ui/form-control";
+import { Flex } from "@yamada-ui/layouts";
+import { cx, getValidChildren } from "@yamada-ui/utils";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var RadioGroup = forwardRef(
+  ({
+    id: idProp,
+    className,
+    colorScheme,
+    size,
+    variant,
+    children,
+    direction = "column",
+    gap,
+    items = [],
+    ...props
+  }, ref) => {
+    const {
+      isDisabled,
+      isInvalid,
+      isReadOnly,
+      isRequired,
+      labelId,
+      ...computedProps
+    } = useFormControl({
+      id: idProp,
+      ...props
+    });
+    const {
+      id,
+      name,
+      props: rest,
+      value,
+      getContainerProps,
+      onChange
+    } = useRadioGroup(computedProps);
+    const validChildren = getValidChildren(children);
+    let computedChildren = [];
+    if (!validChildren.length && items.length)
+      computedChildren = items.map((props2, index) => /* @__PURE__ */ jsx(Radio, { ...props2 }, index));
+    return /* @__PURE__ */ jsx(
+      RadioGroupProvider,
+      {
+        value: {
+          name,
+          colorScheme,
+          size,
+          variant,
+          isDisabled,
+          isInvalid,
+          isReadOnly,
+          isRequired,
+          value,
+          onChange
+        },
+        children: /* @__PURE__ */ jsx(
+          Flex,
+          {
+            ref,
+            className: cx("ui-radio-group", className),
+            gap: gap != null ? gap : direction === "row" ? "1rem" : void 0,
+            ...getContainerProps({
+              id,
+              "aria-labelledby": labelId,
+              ...rest
+            }),
+            direction,
+            children: children != null ? children : computedChildren
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+RadioGroup.__ui__ = "RadioGroup";
+
+export {
+  RadioGroup
+};
+//# sourceMappingURL=chunk-YDYOLCNG.mjs.map

package/dist/chunk-YDYOLCNG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["import type { ComponentArgs, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport type { ForwardedRef, ReactElement, RefAttributes } from \"react\"\nimport type { RadioProps } from \"./radio\"\nimport type { RadioGroupContext } from \"./radio-context\"\nimport type { UseRadioGroupProps } from \"./use-radio-group\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { cx, getValidChildren } from \"@yamada-ui/utils\"\nimport { forwardRef } from \"react\"\nimport { Radio } from \"./radio\"\nimport { RadioGroupProvider } from \"./radio-context\"\nimport { useRadioGroup } from \"./use-radio-group\"\n\nexport type RadioItem<Y extends number | string = string> = RadioProps<Y>\n\nexport interface RadioGroupSharedProps<Y extends number | string = string>\n  extends Omit<FlexProps, \"defaultValue\" | \"onChange\">,\n    UseRadioGroupProps<Y>,\n    FormControlOptions {}\n\nexport interface RadioGroupProps<Y extends number | string = string>\n  extends RadioGroupSharedProps<Y>,\n    ThemeProps<\"Radio\"> {\n  /**\n   * If provided, generate radios based on items.\n   *\n   * @default '[]'\n   */\n  items?: RadioItem<Y>[]\n}\n\n/**\n * `RadioGroup` is a component that groups `Radio` components.\n *\n * @see Docs https://yamada-ui.com/components/forms/radio\n */\nexport const RadioGroup = forwardRef(\n  <Y extends number | string = string>(\n    {\n      id: idProp,\n      className,\n      colorScheme,\n      size,\n      variant,\n      children,\n      direction = \"column\",\n      gap,\n      items = [],\n      ...props\n    }: RadioGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      labelId,\n      ...computedProps\n    } = useFormControl({\n      id: idProp,\n      ...props,\n    })\n    const {\n      id,\n      name,\n      props: rest,\n      value,\n      getContainerProps,\n      onChange,\n    } = useRadioGroup(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length)\n      computedChildren = items.map((props, index) => (\n        <Radio key={index} {...props} />\n      ))\n\n    return (\n      <RadioGroupProvider\n        value={\n          {\n            name,\n            colorScheme,\n            size,\n            variant,\n            isDisabled,\n            isInvalid,\n            isReadOnly,\n            isRequired,\n            value,\n            onChange,\n          } as RadioGroupContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-radio-group\", className)}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            id,\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n          direction={direction}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </RadioGroupProvider>\n    )\n  },\n) as {\n  <Y extends number | string = string>(\n    props: RadioGroupProps<Y> & RefAttributes<HTMLDivElement>,\n  ): ReactElement\n} & ComponentArgs\n\nRadioGroup.displayName = \"RadioGroup\"\nRadioGroup.__ui__ = \"RadioGroup\"\n"],"mappings":";;;;;;;;;;;;AAOA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,IAAI,wBAAwB;AACrC,SAAS,kBAAkB;AAqEnB;AAzCD,IAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,eAAe;AAAA,MACjB,IAAI;AAAA,MACJ,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,cAAc,aAAa;AAE/B,UAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,QAAI,mBAAmC,CAAC;AAExC,QAAI,CAAC,cAAc,UAAU,MAAM;AACjC,yBAAmB,MAAM,IAAI,CAACA,QAAO,UACnC,oBAAC,SAAmB,GAAGA,UAAX,KAAkB,CAC/B;AAEH,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,GAAG,kBAAkB,SAAS;AAAA,YACzC,KAAK,oBAAQ,cAAc,QAAQ,SAAS;AAAA,YAC3C,GAAG,kBAAkB;AAAA,cACpB;AAAA,cACA,mBAAmB;AAAA,cACnB,GAAG;AAAA,YACL,CAAC;AAAA,YACD;AAAA,YAEC,wCAAY;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":["props"]}

package/dist/chunk-YRIADAI7.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  useRadioCardContext
+} from "./chunk-ZLJHOIFP.mjs";
+
+// src/radio-card-addon.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { ui } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var RadioCardAddon = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const { styles } = useRadioCardContext();
+    const css = { ...styles.addon };
+    return /* @__PURE__ */ jsx(
+      ui.div,
+      {
+        ref,
+        className: cx("ui-radio-card__addon", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+RadioCardAddon.displayName = "RadioCardAddon";
+RadioCardAddon.__ui__ = "RadioCardAddon";
+
+export {
+  RadioCardAddon
+};
+//# sourceMappingURL=chunk-YRIADAI7.mjs.map

package/dist/chunk-YRIADAI7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-card-addon.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useRadioCardContext } from \"./radio-context\"\n\nexport interface RadioCardAddonProps extends HTMLUIProps {}\n\nexport const RadioCardAddon = forwardRef<RadioCardAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useRadioCardContext()\n\n    const css: CSSUIObject = { ...styles.addon }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-radio-card__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nRadioCardAddon.displayName = \"RadioCardAddon\"\nRadioCardAddon.__ui__ = \"RadioCardAddon\"\n"],"mappings":";;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,UAAU;AAYb;AAPC,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,oBAAoB;AAEvC,UAAM,MAAmB,EAAE,GAAG,OAAO,MAAM;AAE3C,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;","names":[]}

package/dist/chunk-ZLJHOIFP.mjs

@@ -0,0 +1,26 @@
+"use client"
+
+// src/radio-context.ts
+import { createContext } from "@yamada-ui/utils";
+var [RadioGroupProvider, useRadioGroupContext] = createContext({
+  name: "RadioGroupContext",
+  strict: false
+});
+var [RadioCardGroupProvider, useRadioCardGroupContext] = createContext({
+  name: "RadioCardGroupContext",
+  strict: false
+});
+var [RadioCardProvider, useRadioCardContext] = createContext({
+  name: "RadioCardContext",
+  errorMessage: `useRadioCardContext returned is 'undefined'. Seems you forgot to wrap the components in "<RadioCard />"`
+});
+
+export {
+  RadioGroupProvider,
+  useRadioGroupContext,
+  RadioCardGroupProvider,
+  useRadioCardGroupContext,
+  RadioCardProvider,
+  useRadioCardContext
+};
+//# sourceMappingURL=chunk-ZLJHOIFP.mjs.map

package/dist/chunk-ZLJHOIFP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-context.ts"],"sourcesContent":["import type {\n  CSSUIObject,\n  HTMLUIProps,\n  PropGetter,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent } from \"react\"\nimport type { RadioCardProps } from \"./radio-card\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface RadioGroupSharedContext extends FormControlOptions {\n  name: string\n  value: number | string\n  onChange: (evOrValue: ChangeEvent<HTMLInputElement> | number | string) => void\n}\n\nexport interface RadioGroupContext\n  extends RadioGroupSharedContext,\n    ThemeProps<\"Radio\"> {}\n\nexport const [RadioGroupProvider, useRadioGroupContext] =\n  createContext<RadioGroupContext>({\n    name: \"RadioGroupContext\",\n    strict: false,\n  })\n\nexport interface RadioCardGroupContext\n  extends RadioGroupSharedContext,\n    Pick<\n      RadioCardProps,\n      \"addonProps\" | \"descriptionProps\" | \"labelProps\" | \"withIcon\"\n    >,\n    ThemeProps<\"RadioCard\"> {}\n\nexport const [RadioCardGroupProvider, useRadioCardGroupContext] =\n  createContext<RadioCardGroupContext>({\n    name: \"RadioCardGroupContext\",\n    strict: false,\n  })\n\nexport interface RadioCardContext {\n  styles: { [key: string]: CSSUIObject | undefined }\n  withIcon: boolean\n  getIconProps: PropGetter\n  iconProps?: HTMLUIProps\n}\n\nexport const [RadioCardProvider, useRadioCardContext] =\n  createContext<RadioCardContext>({\n    name: \"RadioCardContext\",\n    errorMessage: `useRadioCardContext returned is 'undefined'. Seems you forgot to wrap the components in \"<RadioCard />\"`,\n  })\n"],"mappings":";;;AASA,SAAS,qBAAqB;AAYvB,IAAM,CAAC,oBAAoB,oBAAoB,IACpD,cAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAUI,IAAM,CAAC,wBAAwB,wBAAwB,IAC5D,cAAqC;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AASI,IAAM,CAAC,mBAAmB,mBAAmB,IAClD,cAAgC;AAAA,EAC9B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,14 @@
-export { Radio, RadioProps, UseRadioProps, UseRadioReturn, useRadio } from './radio.mjs';
-export { RadioGroup, RadioGroupProps, RadioItem, UseRadioGroupProps, UseRadioGroupReturn, useRadioGroup } from './radio-group.mjs';
-import '@yamada-ui/form-control';
-import 'react';
+export { Radio, RadioProps } from './radio.mjs';
+export { RadioCard, RadioCardProps } from './radio-card.mjs';
+export { RadioCardAddon, RadioCardAddonProps } from './radio-card-addon.mjs';
+export { RadioCardDescription, RadioCardDescriptionProps } from './radio-card-description.mjs';
+export { RadioCardGroup, RadioCardGroupProps, RadioCardItem } from './radio-card-group.mjs';
+export { RadioCardLabel, RadioCardLabelProps } from './radio-card-label.mjs';
+export { RadioGroup, RadioGroupProps, RadioItem } from './radio-group.mjs';
+export { UseRadioProps, UseRadioReturn, useRadio } from './use-radio.mjs';
+export { UseRadioGroupProps, UseRadioGroupReturn, useRadioGroup } from './use-radio-group.mjs';
 import '@yamada-ui/core';
+import 'react';
+import '@yamada-ui/form-control';
 import '@yamada-ui/utils';
 import '@yamada-ui/layouts';

package/dist/index.d.ts

@@ -1,7 +1,14 @@
-export { Radio, RadioProps, UseRadioProps, UseRadioReturn, useRadio } from './radio.js';
-export { RadioGroup, RadioGroupProps, RadioItem, UseRadioGroupProps, UseRadioGroupReturn, useRadioGroup } from './radio-group.js';
-import '@yamada-ui/form-control';
-import 'react';
+export { Radio, RadioProps } from './radio.js';
+export { RadioCard, RadioCardProps } from './radio-card.js';
+export { RadioCardAddon, RadioCardAddonProps } from './radio-card-addon.js';
+export { RadioCardDescription, RadioCardDescriptionProps } from './radio-card-description.js';
+export { RadioCardGroup, RadioCardGroupProps, RadioCardItem } from './radio-card-group.js';
+export { RadioCardLabel, RadioCardLabelProps } from './radio-card-label.js';
+export { RadioGroup, RadioGroupProps, RadioItem } from './radio-group.js';
+export { UseRadioProps, UseRadioReturn, useRadio } from './use-radio.js';
+export { UseRadioGroupProps, UseRadioGroupReturn, useRadioGroup } from './use-radio-group.js';
 import '@yamada-ui/core';
+import 'react';
+import '@yamada-ui/form-control';
 import '@yamada-ui/utils';
 import '@yamada-ui/layouts';