@oneplatformdev/ui 0.0.1-beta.7 → 0.0.1-beta.71

package/FormSelect/FormSelect.mjs

@@ -1,38 +1,40 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.mjs";
-import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { FormControl as f } from "../Form/Form.mjs";
+import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
-import { Select as d } from "../Select/Select.mjs";
-const x = (m) => {
+import { Select as g } from "../Select/Select.mjs";
+const S = (n) => {
   const {
-    form: n,
+    form: m,
     label: i,
-    name: l,
-    options: p = [],
+    name: p,
+    options: l = [],
     onChange: r,
-    ...c
-  } = m;
+    containerProps: c,
+    ...s
+  } = n;
   return /* @__PURE__ */ e(
-    f,
+    d,
     {
-      form: n,
-      name: l,
+      form: m,
+      name: p,
       label: i,
+      containerProps: c,
       render: ({ field: t }) => /* @__PURE__ */ e(
-        d,
+        g,
         {
           value: t.value,
-          options: p,
+          options: l,
           onChange: (o) => {
             t.onChange(o), r == null || r(o);
           },
-          renderTrigger: (o, s) => /* @__PURE__ */ e(a, { children: s }),
-          ...c
+          renderTrigger: (o, a) => /* @__PURE__ */ e(f, { children: a }),
+          ...s
         }
       )
     }
   );
 };
 export {
-  x as FormSelect
+  S as FormSelect
 };

package/FormSelect/FormSelect.types.d.ts

@@ -1,7 +1,6 @@
 import { SelectProps } from '../Select';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, SelectProps<ExtendOptionData> {
+export interface FormSelectProps<Data extends FieldValues, ExtendOptionData> extends FormRenderControlExtendProps<Data>, Omit<SelectProps<ExtendOptionData>, 'onChange'>, Partial<Pick<SelectProps<ExtendOptionData>, 'onChange'>> {
 }

package/FormTextarea/FormTextarea.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormTextareaProps } from './FormTextarea.types';
 
-export declare const FormTextarea: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormTextareaProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <Data extends FieldValues>(props: FormTextareaProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormTextarea/FormTextarea.mjs

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Textarea as f } from "../Textarea/Textarea.mjs";
-const u = (e) => {
-  const { form: m, label: t, name: n, ...a } = e;
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Textarea as s } from "../Textarea/Textarea.mjs";
+const F = (e) => {
+  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
-    p,
+    i,
     {
-      form: m,
+      form: t,
       name: n,
-      label: t,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        f,
+      label: m,
+      containerProps: a,
+      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+        s,
         {
           ...o,
           value: o.value || "",
-          ...a
+          ...l
         }
       ) })
     }
   );
 };
 export {
-  u as FormTextarea
+  F as FormTextarea
 };

package/FormTextarea/FormTextarea.types.d.ts

@@ -1,7 +1,6 @@
 import { TextareaProps } from '../Textarea';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormTextareaProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<TextareaProps, 'form' | 'name'> {
+export interface FormTextareaProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<TextareaProps, 'form' | 'name'> {
 }

package/Input/Input.mjs

@@ -1,61 +1,67 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import l, { useState as d } from "react";
-import { Eye as f, EyeOff as y } from "lucide-react";
-import { inputVariants as N } from "./inputVariants.mjs";
-import { cn as b } from "@oneplatformdev/utils";
-const p = l.forwardRef(
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import d, { useState as b } from "react";
+import { Eye as v, EyeOff as w } from "lucide-react";
+import { inputVariants as h } from "./inputVariants.mjs";
+import { cn as f } from "@oneplatformdev/utils";
+const p = d.forwardRef(
   (t, e) => {
     const {
-      className: a,
-      variant: r,
-      type: o,
-      slotProps: { input: n } = {},
-      ...u
-    } = t, { startAdornment: i } = n || {};
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
-      /* @__PURE__ */ s(
+      className: s,
+      variant: o,
+      type: c,
+      slotProps: { input: u, wrapper: n } = {},
+      onChange: l,
+      onTransform: i,
+      ...g
+    } = t, { startAdornment: m } = u || {};
+    return /* @__PURE__ */ y("div", { ...n || {}, className: f("relative", n == null ? void 0 : n.className), children: [
+      !!m && /* @__PURE__ */ a("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: m }),
+      /* @__PURE__ */ a(
         "input",
         {
-          type: o,
-          className: b(
-            N({ variant: r, className: a }),
-            !!i && "pl-8"
+          type: c,
+          className: f(
+            h({ variant: o, className: s }),
+            !!m && "pl-8"
           ),
           ref: e,
-          ...u
+          ...g,
+          onChange: (r) => {
+            typeof (i == null ? void 0 : i(r.target.value, r)) == "string" && (r.target.value = i(r.target.value, r)), l && l(r);
+          }
         }
       )
     ] });
   }
 );
 p.displayName = "Input";
-const m = l.forwardRef(
+const N = d.forwardRef(
   (t, e) => {
-    const [a, r] = d(!1), o = a ? "text" : "password", n = () => {
-      r(!a);
+    var n, l, i;
+    const [s, o] = b(!1), c = s ? "text" : "password", u = () => {
+      o(!s);
     };
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ s(p, { ...t, type: o, className: "pr-8", ref: e }),
-      /* @__PURE__ */ s(w, { isVisible: a, onClick: n })
+    return /* @__PURE__ */ y("div", { ...((n = t == null ? void 0 : t.slotProps) == null ? void 0 : n.wrapper) || {}, className: f("relative", (i = (l = t == null ? void 0 : t.slotProps) == null ? void 0 : l.wrapper) == null ? void 0 : i.className), children: [
+      /* @__PURE__ */ a(p, { ...t, type: c, className: "pr-8", ref: e }),
+      /* @__PURE__ */ a(I, { isVisible: s, onClick: u })
     ] });
   }
 );
-m.displayName = "PasswordInput";
-const w = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ s(
+N.displayName = "PasswordInput";
+const I = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ a(
   "button",
   {
     type: "button",
     onClick: e,
     className: "absolute top-1/2 right-3 transform -translate-y-1/2",
-    children: t ? /* @__PURE__ */ s(f, { size: 16 }) : /* @__PURE__ */ s(y, { size: 16 })
+    children: t ? /* @__PURE__ */ a(v, { size: 16 }) : /* @__PURE__ */ a(w, { size: 16 })
   }
-), I = l.forwardRef(
-  ({ type: t, ...e }, a) => t === "password" ? /* @__PURE__ */ s(m, { type: t, ...e, ref: a }) : /* @__PURE__ */ s(p, { type: t, ...e, ref: a })
+), x = d.forwardRef(
+  ({ type: t, ...e }, s) => t === "password" ? /* @__PURE__ */ a(N, { type: t, ...e, ref: s }) : /* @__PURE__ */ a(p, { type: t, ...e, ref: s })
 );
-I.displayName = "Input";
+x.displayName = "Input";
 export {
   p as BaseInput,
-  I as Input,
-  m as PasswordInput
+  x as Input,
+  N as PasswordInput
 };

package/Input/Input.types.d.ts

@@ -1,13 +1,16 @@
 import { inputVariants } from './inputVariants';
 import { VariantProps } from 'class-variance-authority';
-import { default as React, ReactNode } from 'react';
+import { default as React, ChangeEvent, HTMLAttributes, ReactNode } from 'react';
 
 export interface InputSlotInputProps {
     startAdornment?: ReactNode;
 }
 export interface InputSlotProps {
     input?: InputSlotInputProps;
+    wrapper?: HTMLAttributes<HTMLDivElement>;
 }
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     slotProps?: InputSlotProps;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }

package/Input/inputVariants.mjs

@@ -1,6 +1,12 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
-  "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+const t = e(
+  [
+    "flex h-10 w-full rounded-md border border-input px-3 py-2",
+    "text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    "group-data-[state=invalid]/form-control:border-destructive",
+    "group-data-[state=valid]/form-control:border-input"
+  ],
   {
     variants: {
       variant: {
@@ -14,5 +20,5 @@ const r = e(
   }
 );
 export {
-  r as inputVariants
+  t as inputVariants
 };

package/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/Label/labelVariants.mjs

@@ -1,7 +1,10 @@
-import { cva as e } from "class-variance-authority";
-const a = e(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
+import { cva as t } from "class-variance-authority";
+const a = t([
+  "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  "text-md font-medium leading-[150%]",
+  "group-data-[state=valid]/form-control:text-[#363B4E]",
+  "group-data-[state=invalid]/form-control:text-destructive"
+]);
 export {
   a as labelVariants
 };

package/LazyLoader/LazyLoader.mjs

@@ -1,7 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Suspense as m } from "react";
-import { LoadingMask as t } from "../LoadingMask/LoadingMask.mjs";
-const p = (r, a = !0) => (e) => /* @__PURE__ */ o(m, { fallback: a ? /* @__PURE__ */ o(t, {}) : null, children: /* @__PURE__ */ o(r, { ...e }) });
+import { Suspense as a } from "react";
+import { LoadingMask as e } from "../LoadingMask/LoadingMask.mjs";
+import "../LoadingMask/RenderLoadingMask.mjs";
+const s = (r, m = !0) => (t) => /* @__PURE__ */ o(a, { fallback: m ? /* @__PURE__ */ o(e, {}) : null, children: /* @__PURE__ */ o(r, { ...t }) });
 export {
-  p as LazyLoader
+  s as LazyLoader
 };

package/LoadingMask/LoadingMask.d.ts

@@ -1 +1,4 @@
-export declare const LoadingMask: () => import("react/jsx-runtime").JSX.Element;
+import { ILoadingMaskProps } from './LoadingMask.types';
+import { FC } from 'react';
+
+export declare const LoadingMask: FC<ILoadingMaskProps>;

package/LoadingMask/LoadingMask.mjs

@@ -1,59 +1,21 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-const t = () => /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ o(
-  "svg",
-  {
-    className: "h-8 w-8 animate-spin text-gray-900 dark:text-gray-50",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ r("path", { d: "M12 4.75V6.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M17.1475 6.8525L16.0625 7.9375",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
+import { jsx as e } from "react/jsx-runtime";
+import { RenderLoadingMask as r } from "./RenderLoadingMask.mjs";
+import { cn as o } from "@oneplatformdev/utils";
+const f = (t) => {
+  const { fullWidth: s = !1, className: i, ...n } = t;
+  return s ? /* @__PURE__ */ e(
+    "div",
+    {
+      ...n,
+      className: o(
+        "absolute inset-0",
+        "flex items-center justify-center",
+        i
       ),
-      /* @__PURE__ */ r("path", { d: "M19.25 12H17.75", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M17.1475 17.1475L16.0625 16.0625",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M12 17.75V19.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6.8525 17.1475L7.9375 16.0625",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M4.75 12H6.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6.8525 6.8525L7.9375 7.9375",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-) });
+      children: /* @__PURE__ */ e(r, {})
+    }
+  ) : /* @__PURE__ */ e(r, {});
+};
 export {
-  t as LoadingMask
+  f as LoadingMask
 };

package/LoadingMask/LoadingMask.types.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+
+export interface ILoadingMaskProps extends HTMLAttributes<HTMLDivElement> {
+    fullWidth?: boolean;
+}

package/LoadingMask/RenderLoadingMask.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+
+export declare const RenderLoadingMask: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/LoadingMask/RenderLoadingMask.mjs

@@ -0,0 +1,108 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as d } from "@oneplatformdev/utils";
+const u = i((o, e) => {
+  const { className: t, ...n } = o;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...n,
+      ref: e,
+      className: d("flex flex-1 items-center justify-center", t),
+      children: /* @__PURE__ */ s(
+        "svg",
+        {
+          className: "h-8 w-8 animate-spin text-gray-900 dark:text-gray-50",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M12 4.75V6.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M17.1475 6.8525L16.0625 7.9375",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M19.25 12H17.75",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M17.1475 17.1475L16.0625 16.0625",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M12 17.75V19.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M6.8525 17.1475L7.9375 16.0625",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M4.75 12H6.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M6.8525 6.8525L7.9375 7.9375",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  u as RenderLoadingMask
+};

package/LoadingMask/index.d.ts

@@ -1 +1,3 @@
 export { LoadingMask } from './LoadingMask';
+export { RenderLoadingMask } from './RenderLoadingMask';
+export type * from './LoadingMask.types';

package/LoadingMask/index.mjs

@@ -1,4 +1,6 @@
-import { LoadingMask as r } from "./LoadingMask.mjs";
+import { LoadingMask as a } from "./LoadingMask.mjs";
+import { RenderLoadingMask as d } from "./RenderLoadingMask.mjs";
 export {
-  r as LoadingMask
+  a as LoadingMask,
+  d as RenderLoadingMask
 };

package/Radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import { RadioProps } from './Radio.types';
+import { FC } from 'react';
+
+export declare const Radio: FC<RadioProps>;

package/Radio/Radio.mjs

@@ -0,0 +1,12 @@
+import { jsx as a } from "react/jsx-runtime";
+import { RadioGroup as c, RadioGroupLabel as u } from "../RadioGroup/RadioGroup.mjs";
+const l = (e) => {
+  const { options: f = [], renderOption: r, ...s } = e;
+  return /* @__PURE__ */ a(c, { ...s, children: f.map((t) => {
+    const o = /* @__PURE__ */ a(u, { ...t }, t.value);
+    return !r || typeof r != "function" || !(r != null && r(t, u)) ? o : r == null ? void 0 : r(t, u);
+  }) });
+};
+export {
+  l as Radio
+};

package/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import { RadioGroup, RadioGroupLabel } from '../RadioGroup/RadioGroup';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+
+export interface RadioOptionProps<Value extends string | number = string> {
+    value: Value;
+    label: ReactNode;
+}
+export interface RadioProps extends Partial<ComponentPropsWithoutRef<typeof RadioGroup>> {
+    options?: RadioOptionProps[];
+    renderOption?: (option: RadioOptionProps, DefaultOptionComponent: FC<ComponentPropsWithoutRef<typeof RadioGroupLabel>>) => ReactNode | null;
+}

package/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Radio';
+export type * from './Radio.types.ts';

package/Radio/index.mjs

@@ -0,0 +1,4 @@
+import { Radio as a } from "./Radio.mjs";
+export {
+  a as Radio
+};

package/Radio/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,11 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };
+declare const RadioGroupLabel: React.ForwardRefExoticComponent<{
+    label: React.ReactNode;
+    value: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { RadioGroup, RadioGroupItem, RadioGroupLabel };