@marigold/components 0.3.2 → 0.5.0

package/package.json

@@ -1,14 +1,31 @@
 {
   "name": "@marigold/components",
-  "version": "0.3.2",
+  "version": "0.5.0",
   "description": "Components for the Marigold Design System",
-  "main": "dist/index.js",
-  "module": "dist/components.esm.js",
-  "typings": "dist/index.d.ts",
   "license": "MIT",
+  "keywords": [
+    "marigiold",
+    "components",
+    "design",
+    "design system",
+    "react"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/marigold-ui/marigold",
+    "directory": "packages/components"
+  },
   "dependencies": {
-    "@marigold/icons": "workspace:*",
-    "@marigold/system": "workspace:*",
+    "@marigold/icons": "0.4.1",
+    "@marigold/system": "0.5.0",
+    "@marigold/types": "0.4.0",
     "@react-aria/button": "^3.3.3",
     "@react-aria/checkbox": "^3.2.3",
     "@react-aria/dialog": "^3.1.4",
@@ -19,6 +36,7 @@
     "@react-aria/select": "^3.4.1",
     "@react-aria/separator": "^3.1.3",
     "@react-aria/ssr": "^3.1.0",
+    "@react-aria/textfield": "^3.5.0",
     "@react-aria/utils": "^3.8.2",
     "@react-aria/visually-hidden": "^3.2.3",
     "@react-stately/collections": "^3.3.3",
@@ -34,11 +52,12 @@
     "react-dom": "^16.x || ^17.0.0"
   },
   "devDependencies": {
-    "@marigold/types": "workspace:*",
-    "@testing-library/user-event": "13.5.0"
+    "@marigold/tsconfig": "0.3.0",
+    "tsup": "5.11.13"
   },
   "scripts": {
-    "build": "tsdx build --tsconfig tsconfig.build.json --transpileOnly",
-    "watch": "tsdx watch --tsconfig tsconfig.build.json --transpileOnly"
+    "build": "tsup src/index.ts",
+    "watch": "tsup src/index.ts --watch",
+    "clean": "rm -rf node_modules && rm -rf dist"
   }
-}
+}

package/dist/ActionGroup/ActionGroup.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ResponsiveStyleValue } from '@marigold/system';
-import { ComponentProps } from '@marigold/types';
-export declare type ActionGroupProps = {
-    space?: ResponsiveStyleValue<string>;
-    verticalAlignment?: boolean;
-} & ComponentProps<'div'>;
-export declare const ActionGroup: React.FC<ActionGroupProps>;

package/dist/ActionGroup/ActionGroup.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { ActionGroup } from './ActionGroup';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof ActionGroup>;

package/dist/ActionGroup/index.d.ts

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

package/dist/Alert/Alert.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-declare const ICON_MAP: {
-    readonly success: ({ className, ...props }: {
-        [x: string]: any;
-        className?: string | undefined;
-    }) => JSX.Element;
-    readonly warning: ({ className, ...props }: {
-        [x: string]: any;
-        className?: string | undefined;
-    }) => JSX.Element;
-    readonly error: ({ className, ...props }: {
-        [x: string]: any;
-        className?: string | undefined;
-    }) => JSX.Element;
-};
-export declare type AlertVariants = keyof typeof ICON_MAP;
-export interface AlertThemeExtension<Value> {
-    alert?: {
-        [key in AlertVariants]?: Value;
-    };
-}
-export declare type AlertProps = {
-    variant?: AlertVariants;
-} & ComponentProps<'div'>;
-export declare const Alert: React.FC<AlertProps>;
-export {};

package/dist/Alert/Alert.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Alert } from './Alert';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Alert>;

package/dist/Alert/index.d.ts

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

package/dist/Badge/Badge.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-export interface BadgeThemeExtension<Value> {
-    badge?: {
-        [key: string]: Value;
-    };
-}
-export declare type BadgeProps = {
-    variant?: string;
-    bgColor?: string;
-    borderColor?: string;
-} & ComponentProps<'div'>;
-export declare const Badge: React.FC<BadgeProps>;

package/dist/Badge/Badge.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Badge } from './Badge';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Badge>;

package/dist/Badge/index.d.ts

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

package/dist/Box.d.ts

@@ -1,2 +0,0 @@
-export { Box } from '@marigold/system';
-export type { BoxProps, BoxOwnProps, StyleProps } from '@marigold/system';

package/dist/Button/Button.d.ts

@@ -1,9 +0,0 @@
-import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
-import { BoxOwnProps } from '../Box';
-export interface ButtonThemeExtension<Value> {
-    button?: {
-        [key: string]: Value;
-    };
-}
-export declare type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;
-export declare const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'>;

package/dist/Button/Button.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Button } from './Button';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Button>;

package/dist/Button/index.d.ts

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

package/dist/Card/Card.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ResponsiveStyleValue } from '@marigold/system';
-import { ComponentProps } from '@marigold/types';
-export interface CardThemeExtension<Value> {
-    card?: {
-        [key: string]: Value;
-    };
-}
-export declare type CardProps = {
-    title?: string;
-    width?: ResponsiveStyleValue<string>;
-    variant?: string;
-} & ComponentProps<'div'>;
-export declare const Card: React.FC<CardProps>;

package/dist/Card/Card.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Card } from './Card';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Card>;

package/dist/Card/index.d.ts

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

package/dist/Checkbox/Checkbox.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ToggleProps } from '@react-types/checkbox';
-import { ComponentProps } from '@marigold/types';
-import { CheckboxIconProps } from './CheckboxIcons';
-export interface CheckboxThemeExtension<Value> {
-    checkbox?: {
-        [key: string]: Value;
-    };
-}
-declare type CheckboxInputProps = CheckboxIconProps & ToggleProps & ComponentProps<'input'>;
-export declare type CheckboxProps = {
-    id: string;
-    label: string;
-    required?: boolean;
-    labelVariant?: string;
-    error?: boolean;
-    errorMessage?: string;
-} & CheckboxInputProps;
-export declare const Checkbox: React.FC<CheckboxProps>;
-export {};

package/dist/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Checkbox } from './Checkbox';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Checkbox>;

package/dist/Checkbox/CheckboxIcons.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type CheckboxIconProps = {
-    variant?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    children?: never;
-};
-export declare const CheckboxIcon: React.FC<CheckboxIconProps>;

package/dist/Checkbox/index.d.ts

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

package/dist/Column/Column.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare type WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type ColumnProps = {
-    className?: string;
-    width?: WidthValues | WidthValues[];
-};
-export declare const Column: React.FC<ColumnProps>;
-export {};

package/dist/Column/Column.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Column } from './Column';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Column>;

package/dist/Column/index.d.ts

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

package/dist/Columns/Columns.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ResponsiveStyleValue } from '@marigold/system';
-declare type ColumnsProps = {
-    className?: string;
-    space?: ResponsiveStyleValue<string>;
-    horizontalAlign?: 'left' | 'right' | 'center';
-    verticalAlign?: 'top' | 'bottom' | 'center';
-};
-export declare const Columns: React.FC<ColumnsProps>;
-export {};

package/dist/Columns/Columns.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Columns } from '@marigold/components';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Columns>;

package/dist/Columns/index.d.ts

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

package/dist/Container/Container.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare type ContainerProps = {
-    className?: string;
-    title?: string;
-};
-export declare const Container: React.FC<ContainerProps>;

package/dist/Container/Container.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Container } from './Container';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Container>;

package/dist/Container/index.d.ts

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

package/dist/Dialog/Dialog.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-import { Button } from '../Button';
-import { ModalDialogProps } from './ModalDialog';
-export declare type DialogProps = {
-    backdropVariant?: string;
-    close: ComponentProps<typeof Button>['onClick'];
-    isOpen: boolean;
-    title?: string;
-    variant?: string;
-} & ModalDialogProps & ComponentProps<'div'>;
-export declare const Dialog: React.FC<DialogProps>;
-export declare const useDialogButtonProps: () => {
-    state: import("@react-stately/overlays").OverlayTriggerState;
-    openButtonProps: React.HTMLAttributes<HTMLSpanElement>;
-    openButtonRef: React.RefObject<HTMLElement>;
-};

package/dist/Dialog/Dialog.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Dialog } from './Dialog';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Dialog>;

package/dist/Dialog/ModalDialog.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OverlayProps } from '@react-aria/overlays';
-import { AriaDialogProps } from '@react-types/dialog';
-export declare type ModalDialogProps = {
-    variant?: string;
-    backdropVariant?: string;
-} & OverlayProps & AriaDialogProps;
-export declare const ModalDialog: React.FC<ModalDialogProps>;

package/dist/Dialog/index.d.ts

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

package/dist/Divider/Divider.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { SeparatorProps } from '@react-aria/separator';
-export interface DividerThemeExtension<Value> {
-    divider?: {
-        [key: string]: Value;
-    };
-}
-export declare type DividerProps = {
-    variant?: string;
-} & SeparatorProps;
-export declare const Divider: React.FC<DividerProps>;

package/dist/Divider/Divider.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Divider } from './Divider';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Divider>;

package/dist/Divider/index.d.ts

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

package/dist/Field/Field.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-export declare type FieldProps = {
-    variant?: string;
-    labelVariant?: string;
-    htmlFor: string;
-    label: string;
-    required?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-    disabled?: boolean;
-} & ComponentProps<'input'>;
-export declare const Field: React.FC<FieldProps>;

package/dist/Field/Field.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Field } from './Field';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Field>;

package/dist/Field/index.d.ts

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

package/dist/Image/Image.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-export interface ImageThemeExtension<Value> {
-    image?: {
-        [key: string]: Value;
-    };
-}
-export declare type ImageProps = {
-    variant?: string;
-    children?: never;
-} & ComponentProps<'img'>;
-export declare const Image: React.FC<ImageProps>;

package/dist/Image/Image.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Image } from './Image';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Image>;

package/dist/Image/index.d.ts

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

package/dist/Inline/Inline.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ResponsiveStyleValue } from '@marigold/system';
-export declare type InlineProps = {
-    space?: ResponsiveStyleValue<string>;
-    align?: 'top' | 'center' | 'bottom';
-};
-export declare const Inline: React.FC<InlineProps>;

package/dist/Inline/Inline.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Inline } from './Inline';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Inline>;

package/dist/Inline/index.d.ts

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

package/dist/Input/Input.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-export interface InputThemeExtension<Value> {
-    input?: {
-        [key: string]: Value;
-    };
-}
-export declare type InputProps = {
-    variant?: string;
-} & ComponentProps<'input'>;
-export declare const Input: React.FC<InputProps>;

package/dist/Input/Input.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Input } from './Input';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Input>;

package/dist/Input/index.d.ts

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

package/dist/Label/Label.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-import { ResponsiveStyleValue } from '@marigold/system';
-export interface LabelThemeExtension<Value> {
-    label?: {
-        [key: string]: Value;
-    };
-}
-export declare type LabelBaseProps = {
-    htmlFor?: string;
-    variant?: string;
-    required?: boolean;
-    color?: ResponsiveStyleValue<string>;
-} & ComponentProps<'label'>;
-export declare const LabelBase: React.FC<LabelProps>;
-export declare type LabelProps = {
-    required?: boolean;
-} & LabelBaseProps;
-export declare const Label: React.FC<LabelProps>;

package/dist/Label/Label.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Label } from './Label';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Label>;

package/dist/Label/index.d.ts

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

package/dist/Link/Link.d.ts

@@ -1,10 +0,0 @@
-import { PolymorphicComponent, PolymorphicProps } from '@marigold/types';
-import { TextOwnProps } from '../Text';
-export interface LinkThemeExtension<Value> {
-    link?: Value;
-}
-export declare type LinkOwnProps = {
-    disabled?: boolean;
-} & TextOwnProps;
-export declare type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;
-export declare const Link: PolymorphicComponent<LinkOwnProps, "a">;

package/dist/Link/Link.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Link } from './Link';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Link>;

package/dist/Link/index.d.ts

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

package/dist/Menu/Menu.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-import { Button } from '../Button';
-export interface MenuThemeExtension<Value> {
-    menu?: Value;
-}
-export declare type MenuProps = {
-    variant?: string;
-    label?: string;
-    onClick: ComponentProps<typeof Button>['onClick'];
-    show?: boolean;
-    className?: string;
-    title?: string;
-};
-export declare const Menu: React.FC<MenuProps>;

package/dist/Menu/Menu.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Menu } from './Menu';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Menu>;

package/dist/Menu/index.d.ts

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

package/dist/MenuItem/MenuItem.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-import { Link } from '../Link';
-export interface MenuItemThemeExtension<Value> {
-    menuItem?: {
-        [key: string]: Value;
-    };
-}
-export declare type MenuItemProps = {
-    variant?: string;
-} & ComponentProps<typeof Link>;
-export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/MenuItem/MenuItem.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { MenuItem } from './MenuItem';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof MenuItem>;

package/dist/MenuItem/index.d.ts

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

package/dist/Message/Message.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-export interface MessageThemeExtension<Value> {
-    message?: {
-        [key: string]: Value;
-    };
-}
-export declare type MessageProps = {
-    messageTitle: string;
-    variant?: string;
-} & ComponentProps<'div'>;
-export declare const Message: React.FC<MessageProps>;

package/dist/Message/Message.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Message } from './Message';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Message>;

package/dist/Message/index.d.ts

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

package/dist/Provider/MarigoldProvider.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Theme, ThemeProviderProps } from '@marigold/system';
-export interface RootThemeExtension<Value> {
-    root?: {
-        body?: Value;
-        html?: Value;
-    };
-}
-export interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
-}
-export declare function MarigoldProvider<T extends Theme>({ theme, children, }: MarigoldProviderProps<T>): JSX.Element;

package/dist/Provider/index.d.ts

@@ -1,3 +0,0 @@
-export { useTheme, ThemeProvider } from '@marigold/system';
-export { SSRProvider } from '@react-aria/ssr';
-export * from './MarigoldProvider';

package/dist/Radio/Radio.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '@marigold/types';
-import { RadioIconProps } from './RadioIcon';
-export interface RadioThemeExtension<Value> {
-    radio?: {
-        [key: string]: Value;
-    };
-}
-declare type RadioInputProps = RadioIconProps & ComponentProps<'input'>;
-export declare type RadioProps = {
-    id: string;
-    label: string;
-    required?: boolean;
-    labelVariant?: string;
-    error?: boolean;
-    errorMessage?: string;
-} & RadioInputProps;
-export declare const Radio: React.FC<RadioProps>;
-export {};