@dododog/ui 0.1.0

package/dist/components/Input/index.d.mts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

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

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

package/dist/components/Input/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk77WKG2D7_js = require('../../chunk-77WKG2D7.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk77WKG2D7_js.Input; }
+});
+Object.defineProperty(exports, "inputVariants", {
+  enumerable: true,
+  get: function () { return chunk77WKG2D7_js.inputVariants; }
+});

package/dist/components/Input/index.mjs

@@ -0,0 +1,2 @@
+export { Input, inputVariants } from '../../chunk-GRG4USTC.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/Lightbox/index.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface LightboxProps {
+    images: {
+        src: string;
+        alt: string;
+    }[];
+    initialIndex?: number;
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+}
+declare const Lightbox: React.ForwardRefExoticComponent<LightboxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Lightbox, type LightboxProps };

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface LightboxProps {
+    images: {
+        src: string;
+        alt: string;
+    }[];
+    initialIndex?: number;
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+}
+declare const Lightbox: React.ForwardRefExoticComponent<LightboxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Lightbox, type LightboxProps };

package/dist/components/Lightbox/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkU3XWNFHH_js = require('../../chunk-U3XWNFHH.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "Lightbox", {
+  enumerable: true,
+  get: function () { return chunkU3XWNFHH_js.Lightbox; }
+});

package/dist/components/Lightbox/index.mjs

@@ -0,0 +1,2 @@
+export { Lightbox } from '../../chunk-GBWVIY3C.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/LinkCard/index.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Show chevron on the right. Default: true */
+    showChevron?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard, type LinkCardProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Show chevron on the right. Default: true */
+    showChevron?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard, type LinkCardProps };

package/dist/components/LinkCard/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkW7DZZS6L_js = require('../../chunk-W7DZZS6L.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "LinkCard", {
+  enumerable: true,
+  get: function () { return chunkW7DZZS6L_js.LinkCard; }
+});

package/dist/components/LinkCard/index.mjs

@@ -0,0 +1,2 @@
+export { LinkCard } from '../../chunk-UYDZKAGZ.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/LoadingOverlay/index.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether overlay is visible. Default: true */
+    visible?: boolean;
+    label?: string;
+    /** Overlay opacity. Default: "medium" */
+    opacity?: "light" | "medium" | "heavy";
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LoadingOverlay, type LoadingOverlayProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether overlay is visible. Default: true */
+    visible?: boolean;
+    label?: string;
+    /** Overlay opacity. Default: "medium" */
+    opacity?: "light" | "medium" | "heavy";
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LoadingOverlay, type LoadingOverlayProps };

package/dist/components/LoadingOverlay/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkTE4WHZ4Q_js = require('../../chunk-TE4WHZ4Q.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "LoadingOverlay", {
+  enumerable: true,
+  get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
+});

package/dist/components/LoadingOverlay/index.mjs

@@ -0,0 +1,2 @@
+export { LoadingOverlay } from '../../chunk-WVEJS2J2.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/MegaMenu/index.d.mts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface MegaMenuCard {
+    label: string;
+    href: string;
+    imageUrl?: string;
+}
+interface MegaMenuLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+interface MegaMenuColumn {
+    title?: string;
+    links: MegaMenuLink[];
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface MegaMenuSection {
+    label: string;
+    layout: "cards" | "columns";
+    cards?: MegaMenuCard[];
+    columns?: MegaMenuColumn[];
+    /** CTA link shown after cards grid */
+    ctaLabel?: string;
+    ctaHref?: string;
+}
+interface MegaMenuProps {
+    section: MegaMenuSection;
+    isOpen: boolean;
+    onClose: () => void;
+    /** Render function for links — allows using Next.js Link or router links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render function for images — allows using Next.js Image or custom img */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+        fill?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MegaMenu: React.ForwardRefExoticComponent<MegaMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MegaMenu, type MegaMenuCard, type MegaMenuColumn, type MegaMenuLink, type MegaMenuProps, type MegaMenuSection };

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface MegaMenuCard {
+    label: string;
+    href: string;
+    imageUrl?: string;
+}
+interface MegaMenuLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+interface MegaMenuColumn {
+    title?: string;
+    links: MegaMenuLink[];
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface MegaMenuSection {
+    label: string;
+    layout: "cards" | "columns";
+    cards?: MegaMenuCard[];
+    columns?: MegaMenuColumn[];
+    /** CTA link shown after cards grid */
+    ctaLabel?: string;
+    ctaHref?: string;
+}
+interface MegaMenuProps {
+    section: MegaMenuSection;
+    isOpen: boolean;
+    onClose: () => void;
+    /** Render function for links — allows using Next.js Link or router links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render function for images — allows using Next.js Image or custom img */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+        fill?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MegaMenu: React.ForwardRefExoticComponent<MegaMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MegaMenu, type MegaMenuCard, type MegaMenuColumn, type MegaMenuLink, type MegaMenuProps, type MegaMenuSection };

package/dist/components/MegaMenu/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkHN6B4TAW_js = require('../../chunk-HN6B4TAW.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "MegaMenu", {
+  enumerable: true,
+  get: function () { return chunkHN6B4TAW_js.MegaMenu; }
+});

package/dist/components/MegaMenu/index.mjs

@@ -0,0 +1,2 @@
+export { MegaMenu } from '../../chunk-EUEM2D5M.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/MobileMenu/index.d.mts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+interface MobileMenuLink {
+    label: string;
+    href: string;
+}
+interface MobileMenuSection {
+    label: string;
+    /** "link" = simple link, "accordion" = expandable section */
+    type: "link" | "accordion";
+    href?: string;
+    children?: MobileMenuLink[];
+}
+interface MobileMenuProps {
+    items: MobileMenuSection[];
+    isOpen: boolean;
+    onClose: () => void;
+    /** Header content — e.g. logo */
+    header?: React.ReactNode;
+    /** Fixed bottom content — e.g. auth buttons */
+    footer?: React.ReactNode;
+    /** Extra links before the footer (e.g. "Aide") */
+    extraLinks?: MobileMenuLink[];
+    /** Render function for links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MobileMenu: React.ForwardRefExoticComponent<MobileMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MobileMenu, type MobileMenuLink, type MobileMenuProps, type MobileMenuSection };

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+interface MobileMenuLink {
+    label: string;
+    href: string;
+}
+interface MobileMenuSection {
+    label: string;
+    /** "link" = simple link, "accordion" = expandable section */
+    type: "link" | "accordion";
+    href?: string;
+    children?: MobileMenuLink[];
+}
+interface MobileMenuProps {
+    items: MobileMenuSection[];
+    isOpen: boolean;
+    onClose: () => void;
+    /** Header content — e.g. logo */
+    header?: React.ReactNode;
+    /** Fixed bottom content — e.g. auth buttons */
+    footer?: React.ReactNode;
+    /** Extra links before the footer (e.g. "Aide") */
+    extraLinks?: MobileMenuLink[];
+    /** Render function for links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MobileMenu: React.ForwardRefExoticComponent<MobileMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MobileMenu, type MobileMenuLink, type MobileMenuProps, type MobileMenuSection };

package/dist/components/MobileMenu/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkKZSGVMUG_js = require('../../chunk-KZSGVMUG.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "MobileMenu", {
+  enumerable: true,
+  get: function () { return chunkKZSGVMUG_js.MobileMenu; }
+});

package/dist/components/MobileMenu/index.mjs

@@ -0,0 +1,2 @@
+export { MobileMenu } from '../../chunk-R4DC7XPP.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/Modal/index.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    className?: string;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Modal, type ModalProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    className?: string;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Modal, type ModalProps };

package/dist/components/Modal/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkNBDPT3XQ_js = require('../../chunk-NBDPT3XQ.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunkNBDPT3XQ_js.Modal; }
+});

package/dist/components/Modal/index.mjs

@@ -0,0 +1,2 @@
+export { Modal } from '../../chunk-74B2EGKT.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/Pagination/index.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /** Max page buttons visible (excluding prev/next). Default: 5 */
+    siblingCount?: number;
+    className?: string;
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+
+export { Pagination, type PaginationProps };

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /** Max page buttons visible (excluding prev/next). Default: 5 */
+    siblingCount?: number;
+    className?: string;
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+
+export { Pagination, type PaginationProps };

package/dist/components/Pagination/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkSCGN5H6D_js = require('../../chunk-SCGN5H6D.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkSCGN5H6D_js.Pagination; }
+});

package/dist/components/Pagination/index.mjs

@@ -0,0 +1,2 @@
+export { Pagination } from '../../chunk-XQVODPHL.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/PriceDisplay/index.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface PriceDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    period?: string;
+    /** Show discount percentage badge. Default: true when originalPrice given */
+    showDiscount?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+declare const PriceDisplay: React.ForwardRefExoticComponent<PriceDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PriceDisplay, type PriceDisplayProps };

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface PriceDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    period?: string;
+    /** Show discount percentage badge. Default: true when originalPrice given */
+    showDiscount?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+declare const PriceDisplay: React.ForwardRefExoticComponent<PriceDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PriceDisplay, type PriceDisplayProps };

package/dist/components/PriceDisplay/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk6ASRTUXO_js = require('../../chunk-6ASRTUXO.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "PriceDisplay", {
+  enumerable: true,
+  get: function () { return chunk6ASRTUXO_js.PriceDisplay; }
+});

package/dist/components/PriceDisplay/index.mjs

@@ -0,0 +1,2 @@
+export { PriceDisplay } from '../../chunk-DGEXT7PN.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/ProgressBar/index.d.mts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressFillVariants: (props?: ({
+    color?: "primary" | "secondary" | "accent" | "error" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof progressBarVariants>, VariantProps<typeof progressFillVariants> {
+    value: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ProgressBar, type ProgressBarProps, progressBarVariants, progressFillVariants };

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

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressFillVariants: (props?: ({
+    color?: "primary" | "secondary" | "accent" | "error" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof progressBarVariants>, VariantProps<typeof progressFillVariants> {
+    value: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ProgressBar, type ProgressBarProps, progressBarVariants, progressFillVariants };

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkPG4I4NWO_js = require('../../chunk-PG4I4NWO.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () { return chunkPG4I4NWO_js.ProgressBar; }
+});
+Object.defineProperty(exports, "progressBarVariants", {
+  enumerable: true,
+  get: function () { return chunkPG4I4NWO_js.progressBarVariants; }
+});
+Object.defineProperty(exports, "progressFillVariants", {
+  enumerable: true,
+  get: function () { return chunkPG4I4NWO_js.progressFillVariants; }
+});

package/dist/components/ProgressBar/index.mjs

@@ -0,0 +1,2 @@
+export { ProgressBar, progressBarVariants, progressFillVariants } from '../../chunk-UGYMWWKT.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/RadioGroup/index.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface RadioGroupItemOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface RadioGroupProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    error?: string;
+    required?: boolean;
+    orientation?: "vertical" | "grid";
+    columns?: 2 | 3 | 4;
+    options: RadioGroupItemOption[];
+    className?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { RadioGroup, type RadioGroupItemOption, type RadioGroupProps };

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface RadioGroupItemOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface RadioGroupProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    error?: string;
+    required?: boolean;
+    orientation?: "vertical" | "grid";
+    columns?: 2 | 3 | 4;
+    options: RadioGroupItemOption[];
+    className?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { RadioGroup, type RadioGroupItemOption, type RadioGroupProps };