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

package/dist/radio-card-label.d.mts

@@ -0,0 +1,22 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+interface RadioCardLabelProps extends HTMLUIProps {
+    /**
+     * If `true`, the icon will be displayed.
+     *
+     * @default true
+     */
+    withIcon?: boolean;
+    /**
+     * The props for the label content.
+     */
+    contentProps?: HTMLUIProps<"span">;
+    /**
+     * The props for the icon.
+     */
+    iconProps?: HTMLUIProps;
+}
+declare const RadioCardLabel: _yamada_ui_core.Component<"div", RadioCardLabelProps>;
+
+export { RadioCardLabel, type RadioCardLabelProps };

package/dist/radio-card-label.d.ts

@@ -0,0 +1,22 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+interface RadioCardLabelProps extends HTMLUIProps {
+    /**
+     * If `true`, the icon will be displayed.
+     *
+     * @default true
+     */
+    withIcon?: boolean;
+    /**
+     * The props for the label content.
+     */
+    contentProps?: HTMLUIProps<"span">;
+    /**
+     * The props for the icon.
+     */
+    iconProps?: HTMLUIProps;
+}
+declare const RadioCardLabel: _yamada_ui_core.Component<"div", RadioCardLabelProps>;
+
+export { RadioCardLabel, type RadioCardLabelProps };

package/dist/radio-card-label.js

@@ -0,0 +1,93 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/radio-card-label.tsx
+var radio_card_label_exports = {};
+__export(radio_card_label_exports, {
+  RadioCardLabel: () => RadioCardLabel
+});
+module.exports = __toCommonJS(radio_card_label_exports);
+var import_core = require("@yamada-ui/core");
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/radio-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [RadioGroupProvider, useRadioGroupContext] = (0, import_utils.createContext)({
+  name: "RadioGroupContext",
+  strict: false
+});
+var [RadioCardGroupProvider, useRadioCardGroupContext] = (0, import_utils.createContext)({
+  name: "RadioCardGroupContext",
+  strict: false
+});
+var [RadioCardProvider, useRadioCardContext] = (0, import_utils.createContext)({
+  name: "RadioCardContext",
+  errorMessage: `useRadioCardContext returned is 'undefined'. Seems you forgot to wrap the components in "<RadioCard />"`
+});
+
+// src/radio-card-label.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var RadioCardLabel = (0, import_core.forwardRef)(
+  ({ className, children, withIcon, contentProps, iconProps, ...rest }, ref) => {
+    const {
+      styles,
+      withIcon: defaultWithIcon,
+      getIconProps,
+      iconProps: defaultIconProps
+    } = useRadioCardContext();
+    withIcon != null ? withIcon : withIcon = defaultWithIcon;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_core2.ui.div,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-radio-card__label", className),
+        __css: { ...styles.label },
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core2.ui.span,
+            {
+              className: "ui-radio-card__label-content",
+              __css: { ...styles.labelContent },
+              ...contentProps,
+              children
+            }
+          ),
+          withIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core2.ui.div,
+            {
+              className: "ui-radio-card__icon",
+              __css: { ...styles.icon },
+              ...getIconProps({ ...defaultIconProps, ...iconProps })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+RadioCardLabel.displayName = "RadioCardLabel";
+RadioCardLabel.__ui__ = "RadioCardLabel";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioCardLabel
+});
+//# sourceMappingURL=radio-card-label.js.map

package/dist/radio-card-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-card-label.tsx","../src/radio-context.ts"],"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","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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA2B;AAC3B,IAAAA,eAAmB;AACnB,IAAAC,gBAAmB;;;ACMnB,mBAA8B;AAYvB,IAAM,CAAC,oBAAoB,oBAAoB,QACpD,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAUI,IAAM,CAAC,wBAAwB,wBAAwB,QAC5D,4BAAqC;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AASI,IAAM,CAAC,mBAAmB,mBAAmB,QAClD,4BAAgC;AAAA,EAC9B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;ADdG;AAfC,IAAM,qBAAiB;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,gBAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,wBAAwB,SAAS;AAAA,QAC/C,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,QACxB,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,gBAAG;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,gBAAG;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":["import_core","import_utils"]}

package/dist/radio-card-label.mjs

@@ -0,0 +1,9 @@
+"use client"
+import {
+  RadioCardLabel
+} from "./chunk-Q5GTUIUF.mjs";
+import "./chunk-ZLJHOIFP.mjs";
+export {
+  RadioCardLabel
+};
+//# sourceMappingURL=radio-card-label.mjs.map

package/dist/radio-card-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/radio-card.d.mts

@@ -0,0 +1,61 @@
+import { HTMLUIProps, ThemeProps, ComponentArgs } from '@yamada-ui/core';
+import { RefAttributes, ReactElement, ReactNode, InputHTMLAttributes } from 'react';
+import { RadioCardAddonProps } from './radio-card-addon.mjs';
+import { RadioCardDescriptionProps } from './radio-card-description.mjs';
+import { RadioCardLabelProps } from './radio-card-label.mjs';
+import { UseRadioProps } from './use-radio.mjs';
+import '@yamada-ui/form-control';
+import '@yamada-ui/utils';
+
+interface RadioCardOptions {
+    /**
+     * The addon of the radio card.
+     */
+    addon?: ReactNode;
+    /**
+     * The body of the radio card.
+     */
+    description?: ReactNode;
+    /**
+     * The label of the radio card.
+     */
+    label?: ReactNode;
+    /**
+     * If `true`, the icon will be displayed.
+     *
+     * @default true
+     */
+    withIcon?: boolean;
+    /**
+     * Props for the footer of the radio card.
+     */
+    addonProps?: RadioCardAddonProps;
+    /**
+     * Props for the description of the radio card.
+     */
+    descriptionProps?: RadioCardDescriptionProps;
+    /**
+     * Props for the icon of the radio card.
+     */
+    iconProps?: HTMLUIProps;
+    /**
+     * Props for input element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Props for the label of the radio card.
+     */
+    labelProps?: RadioCardLabelProps;
+}
+interface RadioCardProps<Y extends number | string = string> extends Omit<HTMLUIProps<"label">, keyof UseRadioProps>, ThemeProps<"RadioCard">, UseRadioProps<Y>, RadioCardOptions {
+}
+/**
+ * `RadioCard` is a component used for allowing users to select one option from multiple choices.
+ *
+ * @see Docs https://yamada-ui.com/components/forms/radio-card
+ */
+declare const RadioCard: {
+    <Y extends number | string = string>(props: RadioCardProps<Y> & RefAttributes<HTMLInputElement>): ReactElement;
+} & ComponentArgs;
+
+export { RadioCard, type RadioCardProps };

package/dist/radio-card.d.ts

@@ -0,0 +1,61 @@
+import { HTMLUIProps, ThemeProps, ComponentArgs } from '@yamada-ui/core';
+import { RefAttributes, ReactElement, ReactNode, InputHTMLAttributes } from 'react';
+import { RadioCardAddonProps } from './radio-card-addon.js';
+import { RadioCardDescriptionProps } from './radio-card-description.js';
+import { RadioCardLabelProps } from './radio-card-label.js';
+import { UseRadioProps } from './use-radio.js';
+import '@yamada-ui/form-control';
+import '@yamada-ui/utils';
+
+interface RadioCardOptions {
+    /**
+     * The addon of the radio card.
+     */
+    addon?: ReactNode;
+    /**
+     * The body of the radio card.
+     */
+    description?: ReactNode;
+    /**
+     * The label of the radio card.
+     */
+    label?: ReactNode;
+    /**
+     * If `true`, the icon will be displayed.
+     *
+     * @default true
+     */
+    withIcon?: boolean;
+    /**
+     * Props for the footer of the radio card.
+     */
+    addonProps?: RadioCardAddonProps;
+    /**
+     * Props for the description of the radio card.
+     */
+    descriptionProps?: RadioCardDescriptionProps;
+    /**
+     * Props for the icon of the radio card.
+     */
+    iconProps?: HTMLUIProps;
+    /**
+     * Props for input element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Props for the label of the radio card.
+     */
+    labelProps?: RadioCardLabelProps;
+}
+interface RadioCardProps<Y extends number | string = string> extends Omit<HTMLUIProps<"label">, keyof UseRadioProps>, ThemeProps<"RadioCard">, UseRadioProps<Y>, RadioCardOptions {
+}
+/**
+ * `RadioCard` is a component used for allowing users to select one option from multiple choices.
+ *
+ * @see Docs https://yamada-ui.com/components/forms/radio-card
+ */
+declare const RadioCard: {
+    <Y extends number | string = string>(props: RadioCardProps<Y> & RefAttributes<HTMLInputElement>): ReactElement;
+} & ComponentArgs;
+
+export { RadioCard, type RadioCardProps };