@oneplatformdev/ui 0.0.1-beta.14 → 0.0.1-beta.140

package/Input/Input.mjs

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

package/Input/Input.types.d.ts

@@ -1,13 +1,17 @@
+import { BaseInput } from './Input';
 import { inputVariants } from './inputVariants';
 import { VariantProps } from 'class-variance-authority';
-import { default as React, ReactNode } from 'react';
+import { default as React, ChangeEvent, ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
 
-export interface InputSlotInputProps {
+export interface InputSlotInputProps extends ComponentPropsWithoutRef<typeof BaseInput> {
     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/LoadedIcon/LoadedIcon.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const loadedIconVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface ILoadedIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof loadedIconVariants> {
+    loading?: boolean;
+}
+export declare const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>>;
+export {};

package/LoadedIcon/LoadedIcon.mjs

@@ -0,0 +1,27 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { LoaderCircleIcon as t } from "lucide-react";
+import { cn as c } from "@oneplatformdev/utils";
+const d = n([], {
+  variants: {
+    size: {
+      sm: "[&_svg]:!size-[18px]",
+      md: "[&_svg]:!size-5",
+      lg: "[&_svg]:!size-5"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), f = (a) => {
+  const { loading: e, children: i, size: o = "md", className: r, ...m } = a;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ...m,
+      className: c(d({ size: o, className: r })),
+      children: e ? /* @__PURE__ */ s(t, { className: "animate-spin" }) : i
+    }
+  );
+};
+export {
+  f as LoadedIcon
+};

package/LoadedIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadedIcon';

package/LoadedIcon/index.mjs

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

package/LoadedIcon/package.json

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

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/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/Popover/Popover.mjs

@@ -1,24 +1,33 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import { jsx as e } from "react/jsx-runtime";
+import * as p from "react";
 import * as o from "@radix-ui/react-popover";
-import { cn as s } from "@oneplatformdev/utils";
-const l = o.Root, c = o.Trigger, g = o.Anchor, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
-  o.Content,
-  {
-    ref: i,
-    align: a,
-    sideOffset: r,
-    className: s(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
-    ),
-    ...d
-  }
-) }));
-m.displayName = o.Content.displayName;
+import { cn as l } from "@oneplatformdev/utils";
+import { useDialogOverlayContainer as f } from "../Dialog/DialogOverlayScope.mjs";
+const P = (t) => /* @__PURE__ */ e(o.Root, { ...t, modal: !1 }), h = o.Trigger, b = o.Anchor, c = p.forwardRef(({ className: t, align: a = "center", sideOffset: r = 4, style: n, avoidCollisions: i = !0, ...d }, s) => {
+  const m = f();
+  return /* @__PURE__ */ e(o.Portal, { container: m, children: /* @__PURE__ */ e(
+    o.Content,
+    {
+      ref: s,
+      align: a,
+      sideOffset: r,
+      className: l(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        t
+      ),
+      style: {
+        pointerEvents: "auto",
+        ...n
+      },
+      ...d,
+      avoidCollisions: i
+    }
+  ) });
+});
+c.displayName = o.Content.displayName;
 export {
-  l as Popover,
-  g as PopoverAnchor,
-  m as PopoverContent,
-  c as PopoverTrigger
+  P as Popover,
+  b as PopoverAnchor,
+  c as PopoverContent,
+  h as PopoverTrigger
 };

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 };