@saas-ui/react 2.11.2 → 3.0.0-alpha.1

package/dist/components/persona/index.cjs

@@ -0,0 +1,181 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/persona/index.ts
+var persona_exports = {};
+__export(persona_exports, {
+  Persona: () => Persona,
+  PersonaAvatar: () => PersonaAvatar2
+});
+module.exports = __toCommonJS(persona_exports);
+
+// src/components/persona/persona.tsx
+var React2 = __toESM(require("react"), 1);
+
+// src/components/persona/persona-primitive.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_utils = require("@saas-ui/core/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var {
+  useStyles: usePersonaStyles,
+  withProvider,
+  withContext
+} = (0, import_react2.createSlotRecipeContext)({
+  key: "persona"
+});
+var PersonaRoot = withProvider(
+  (0, import_react.forwardRef)((props, ref) => {
+    const { outOfOffice, presence, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react2.chakra.div,
+      {
+        ref,
+        ...rest,
+        "data-out-of-office": (0, import_utils.dataAttr)(outOfOffice),
+        "data-presence": presence,
+        css: [
+          presence ? {
+            "--persona-presence": `colors.presence.${presence}`
+          } : void 0,
+          rest.css
+        ]
+      }
+    );
+  }),
+  "root"
+);
+var PersonaAvatar = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      name,
+      getInitials = (name2) => name2 == null ? void 0 : name2[0],
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Fallback, { children: getInitials(name) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react2.Avatar.Image,
+        {
+          src,
+          srcSet,
+          loading,
+          onError
+        }
+      ),
+      children
+    ] });
+  }
+);
+var PersonaPresenceBadge = withContext("span", "presence");
+var PersonaDetails = withContext(
+  "div",
+  "details"
+);
+var PersonaLabel = withContext(
+  "span",
+  "label"
+);
+PersonaLabel.displayName = "PersonaLabel";
+var PersonaSecondaryLabel = withContext("span", "secondaryLabel");
+var PersonaTertiaryLabel = withContext("span", "tertiaryLabel");
+
+// src/components/persona/persona.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Persona = React2.forwardRef(
+  (props, ref) => {
+    const {
+      name,
+      presence,
+      presenceIcon,
+      isOutOfOffice,
+      label,
+      secondaryLabel,
+      tertiaryLabel,
+      size,
+      hideDetails,
+      children,
+      /** Avatar props */
+      getInitials,
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      PersonaRoot,
+      {
+        ref,
+        outOfOffice: isOutOfOffice,
+        presence,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            PersonaAvatar,
+            {
+              name,
+              size,
+              getInitials,
+              icon,
+              loading,
+              onError,
+              src,
+              srcSet,
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaPresenceBadge, { children: presenceIcon })
+            }
+          ),
+          !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(PersonaDetails, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaLabel, { children: label || name }),
+            secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
+            tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
+            children
+          ] })
+        ]
+      }
+    );
+  }
+);
+Persona.displayName = "Persona";
+var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Persona, { ref, ...props, hideDetails: true });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Persona,
+  PersonaAvatar
+});

package/dist/components/persona/index.d.cts

@@ -0,0 +1,93 @@
+import * as react from 'react';
+import react__default from 'react';
+import { HTMLChakraProps, SlotRecipeProps, AvatarRootProps, ImageProps } from '@chakra-ui/react';
+
+type Presence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'persona'> {
+    /**
+     * Indicates that a person is out of office. Changes the presence badge style.
+     */
+    outOfOffice?: boolean;
+    /**
+     * The presence status of the person
+     */
+    presence?: Presence;
+}
+interface PersonaAvatarOptions {
+    /**
+     * The name of the person in the avatar.
+     *
+     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
+     * - If `src` is not loaded, the name will be used to create the initials
+     */
+    name?: string;
+}
+interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarRootProps {
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: react__default.ReactElement;
+    fallback?: react__default.ReactNode;
+    getInitials?: (name?: string | null) => string | null;
+}
+
+interface PersonaOptions {
+    /**
+     * The name of the person in the avatar.
+     *
+     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
+     * - If `src` is not loaded, the name will be used to create the initials
+     */
+    name?: string;
+    /**
+     * The presence status of the person
+     *
+     * If set will add an AvatarBadge with color configured in `Presence`
+     * Default presence options:
+     * - online
+     * - offline
+     * - busy
+     * - dnd
+     * - away
+     */
+    presence?: Presence;
+    /**
+     * The icon shown in the AvatarBadge
+     */
+    presenceIcon?: react.ReactNode;
+    /**
+     * Indicates that a person is out of office. Changes the presence badge style.
+     */
+    isOutOfOffice?: boolean;
+    /**
+     * Primary label of the persona, defaults to the name
+     */
+    label?: react.ReactNode;
+    /**
+     * Secondary label, usually the role of the person
+     * Only visible from md size and up.
+     */
+    secondaryLabel?: react.ReactNode;
+    /**
+     * Tertiary label, usually the status of the person.
+     * Only visible from lg size and up.
+     */
+    tertiaryLabel?: react.ReactNode;
+    /**
+     * Hide the persona details next to the avatar.
+     */
+    hideDetails?: boolean;
+}
+interface PersonaProps extends PersonaOptions, PersonaAvatarProps$1, PersonaRootProps {
+}
+/**
+ * The wrapper component that handles default composition.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/data-display/persona
+ */
+declare const Persona: react.ForwardRefExoticComponent<PersonaProps & react.RefAttributes<HTMLDivElement>>;
+interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
+}
+declare const PersonaAvatar: react.ForwardRefExoticComponent<PersonaAvatarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaProps };

package/dist/components/persona/index.d.ts

@@ -0,0 +1,93 @@
+import * as react from 'react';
+import react__default from 'react';
+import { HTMLChakraProps, SlotRecipeProps, AvatarRootProps, ImageProps } from '@chakra-ui/react';
+
+type Presence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'persona'> {
+    /**
+     * Indicates that a person is out of office. Changes the presence badge style.
+     */
+    outOfOffice?: boolean;
+    /**
+     * The presence status of the person
+     */
+    presence?: Presence;
+}
+interface PersonaAvatarOptions {
+    /**
+     * The name of the person in the avatar.
+     *
+     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
+     * - If `src` is not loaded, the name will be used to create the initials
+     */
+    name?: string;
+}
+interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarRootProps {
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: react__default.ReactElement;
+    fallback?: react__default.ReactNode;
+    getInitials?: (name?: string | null) => string | null;
+}
+
+interface PersonaOptions {
+    /**
+     * The name of the person in the avatar.
+     *
+     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
+     * - If `src` is not loaded, the name will be used to create the initials
+     */
+    name?: string;
+    /**
+     * The presence status of the person
+     *
+     * If set will add an AvatarBadge with color configured in `Presence`
+     * Default presence options:
+     * - online
+     * - offline
+     * - busy
+     * - dnd
+     * - away
+     */
+    presence?: Presence;
+    /**
+     * The icon shown in the AvatarBadge
+     */
+    presenceIcon?: react.ReactNode;
+    /**
+     * Indicates that a person is out of office. Changes the presence badge style.
+     */
+    isOutOfOffice?: boolean;
+    /**
+     * Primary label of the persona, defaults to the name
+     */
+    label?: react.ReactNode;
+    /**
+     * Secondary label, usually the role of the person
+     * Only visible from md size and up.
+     */
+    secondaryLabel?: react.ReactNode;
+    /**
+     * Tertiary label, usually the status of the person.
+     * Only visible from lg size and up.
+     */
+    tertiaryLabel?: react.ReactNode;
+    /**
+     * Hide the persona details next to the avatar.
+     */
+    hideDetails?: boolean;
+}
+interface PersonaProps extends PersonaOptions, PersonaAvatarProps$1, PersonaRootProps {
+}
+/**
+ * The wrapper component that handles default composition.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/data-display/persona
+ */
+declare const Persona: react.ForwardRefExoticComponent<PersonaProps & react.RefAttributes<HTMLDivElement>>;
+interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
+}
+declare const PersonaAvatar: react.ForwardRefExoticComponent<PersonaAvatarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaProps };

package/dist/components/persona/index.js

@@ -0,0 +1,149 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/persona/persona.tsx
+import * as React2 from "react";
+
+// src/components/persona/persona-primitive.tsx
+import { forwardRef } from "react";
+import {
+  Avatar,
+  chakra,
+  createSlotRecipeContext
+} from "@chakra-ui/react";
+import { dataAttr } from "@saas-ui/core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var {
+  useStyles: usePersonaStyles,
+  withProvider,
+  withContext
+} = createSlotRecipeContext({
+  key: "persona"
+});
+var PersonaRoot = withProvider(
+  forwardRef((props, ref) => {
+    const { outOfOffice, presence, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      chakra.div,
+      {
+        ref,
+        ...rest,
+        "data-out-of-office": dataAttr(outOfOffice),
+        "data-presence": presence,
+        css: [
+          presence ? {
+            "--persona-presence": `colors.presence.${presence}`
+          } : void 0,
+          rest.css
+        ]
+      }
+    );
+  }),
+  "root"
+);
+var PersonaAvatar = forwardRef(
+  (props, ref) => {
+    const {
+      name,
+      getInitials = (name2) => name2 == null ? void 0 : name2[0],
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ jsx(Avatar.Fallback, { children: getInitials(name) }),
+      /* @__PURE__ */ jsx(
+        Avatar.Image,
+        {
+          src,
+          srcSet,
+          loading,
+          onError
+        }
+      ),
+      children
+    ] });
+  }
+);
+var PersonaPresenceBadge = withContext("span", "presence");
+var PersonaDetails = withContext(
+  "div",
+  "details"
+);
+var PersonaLabel = withContext(
+  "span",
+  "label"
+);
+PersonaLabel.displayName = "PersonaLabel";
+var PersonaSecondaryLabel = withContext("span", "secondaryLabel");
+var PersonaTertiaryLabel = withContext("span", "tertiaryLabel");
+
+// src/components/persona/persona.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Persona = React2.forwardRef(
+  (props, ref) => {
+    const {
+      name,
+      presence,
+      presenceIcon,
+      isOutOfOffice,
+      label,
+      secondaryLabel,
+      tertiaryLabel,
+      size,
+      hideDetails,
+      children,
+      /** Avatar props */
+      getInitials,
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs2(
+      PersonaRoot,
+      {
+        ref,
+        outOfOffice: isOutOfOffice,
+        presence,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx2(
+            PersonaAvatar,
+            {
+              name,
+              size,
+              getInitials,
+              icon,
+              loading,
+              onError,
+              src,
+              srcSet,
+              children: /* @__PURE__ */ jsx2(PersonaPresenceBadge, { children: presenceIcon })
+            }
+          ),
+          !hideDetails && /* @__PURE__ */ jsxs2(PersonaDetails, { children: [
+            /* @__PURE__ */ jsx2(PersonaLabel, { children: label || name }),
+            secondaryLabel && /* @__PURE__ */ jsx2(PersonaSecondaryLabel, { children: secondaryLabel }),
+            tertiaryLabel && /* @__PURE__ */ jsx2(PersonaTertiaryLabel, { children: tertiaryLabel }),
+            children
+          ] })
+        ]
+      }
+    );
+  }
+);
+Persona.displayName = "Persona";
+var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
+  return /* @__PURE__ */ jsx2(Persona, { ref, ...props, hideDetails: true });
+});
+export {
+  Persona,
+  PersonaAvatar2 as PersonaAvatar
+};

package/dist/components/pin-input/index.cjs

@@ -0,0 +1,51 @@
+'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/components/pin-input/index.ts
+var pin_input_exports = {};
+__export(pin_input_exports, {
+  PinInput: () => PinInput
+});
+module.exports = __toCommonJS(pin_input_exports);
+
+// src/components/pin-input/pin-input.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PinInput = (0, import_react.forwardRef)(
+  function PinInput2(props, ref) {
+    const {
+      pinLength = 4,
+      inputProps,
+      rootRef,
+      attached,
+      gap = attached ? 0 : 2,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.PinInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.PinInput.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.PinInput.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.PinInput.Input, { index }, index)) }) })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PinInput
+});

package/dist/components/pin-input/index.d.cts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { PinInput as PinInput$1 } from '@chakra-ui/react';
+
+interface PinInputProps extends PinInput$1.RootProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    pinLength?: number;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    attached?: boolean;
+}
+declare const PinInput: react.ForwardRefExoticComponent<PinInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { PinInput, type PinInputProps };

package/dist/components/pin-input/index.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { PinInput as PinInput$1 } from '@chakra-ui/react';
+
+interface PinInputProps extends PinInput$1.RootProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    pinLength?: number;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    attached?: boolean;
+}
+declare const PinInput: react.ForwardRefExoticComponent<PinInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { PinInput, type PinInputProps };

package/dist/components/pin-input/index.js

@@ -0,0 +1,26 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/pin-input/pin-input.tsx
+import { forwardRef } from "react";
+import { PinInput as ChakraPinInput, Group } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PinInput = forwardRef(
+  function PinInput2(props, ref) {
+    const {
+      pinLength = 4,
+      inputProps,
+      rootRef,
+      attached,
+      gap = attached ? 0 : 2,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraPinInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraPinInput.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraPinInput.Control, { children: /* @__PURE__ */ jsx(Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ jsx(ChakraPinInput.Input, { index }, index)) }) })
+    ] });
+  }
+);
+export {
+  PinInput
+};

package/dist/components/radio/index.cjs

@@ -0,0 +1,48 @@
+'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/components/radio/index.ts
+var radio_exports = {};
+__export(radio_exports, {
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(radio_exports);
+
+// src/components/radio/radio.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Radio = (0, import_react.forwardRef)(
+  function Radio2(props, ref) {
+    const { children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.RadioGroup.Item, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.RadioGroup.ItemIndicator, {}),
+      children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.RadioGroup.ItemText, { children })
+    ] });
+  }
+);
+var RadioGroup = import_react2.RadioGroup.Root;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio,
+  RadioGroup
+});

package/dist/components/radio/index.d.cts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { RadioGroup as RadioGroup$1 } from '@chakra-ui/react';
+
+interface RadioProps extends RadioGroup$1.ItemProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+type RadioGroupProps = RadioGroup$1.RootProps;
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };