@clicktap/ui 0.12.3 → 0.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +24 -8
- package/Accordion/Accordion.d.ts +0 -3
- package/Accordion/index.d.ts +0 -2
- package/Avatar/Avatar.d.ts +0 -3
- package/Avatar/AvatarGroup/AvatarGroup.d.ts +0 -4
- package/Avatar/AvatarGroup/types.d.ts +0 -4
- package/Avatar/types.d.ts +0 -6
- package/Badge/Badge.d.ts +0 -3
- package/Badge/types.d.ts +0 -3
- package/Breadcrumbs/BreadcrumbEllipsis.d.ts +0 -3
- package/Breadcrumbs/BreadcrumbItem.d.ts +0 -3
- package/Breadcrumbs/BreadcrumbLink.d.ts +0 -3
- package/Breadcrumbs/BreadcrumbSeparator.d.ts +0 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +0 -3
- package/Breadcrumbs/types.d.ts +0 -10
- package/Button/Button.d.ts +0 -7
- package/Button/types.d.ts +0 -6
- package/Card/Card.d.ts +0 -4
- package/Checkbox/Checkbox.d.ts +0 -20
- package/Collapsible/Collapsible.d.ts +0 -3
- package/Collapsible/CollapsibleTrigger.d.ts +0 -5
- package/Collapsible/types.d.ts +0 -13
- package/Container/Container.d.ts +0 -3
- package/ContextMenu/ContextMenu.d.ts +0 -24
- package/CreditCardExpirationInput/CreditCardExpirationInput.d.ts +0 -20
- package/CreditCardInput/CreditCardInput.d.ts +0 -24
- package/DateInput/DateInput.d.ts +0 -18
- package/Dialog/Dialog.d.ts +0 -17
- package/DialogTrigger/DialogTrigger.d.ts +0 -10
- package/Divider/Divider.d.ts +0 -3
- package/Divider/types.d.ts +0 -4
- package/Drawer/Drawer.d.ts +0 -21
- package/Input/Input.d.ts +0 -21
- package/Link/Link.d.ts +0 -3
- package/Loader/CircularEasing/CircularEasing.d.ts +0 -3
- package/Loader/CircularEasing/types.d.ts +0 -7
- package/Loader/Pulse/Pulse.d.ts +0 -11
- package/Loader/index.d.ts +0 -2
- package/Meter/Meter.d.ts +0 -16
- package/Modal/Modal.d.ts +0 -7
- package/ModalOverlay/ModalOverlay.d.ts +0 -23
- package/NavigationMenu/NavigationMenu.d.ts +0 -2
- package/NumberInput/NumberInput.d.ts +0 -27
- package/PinInput/PinInput.d.ts +0 -36
- package/Progressbar/CircularProgressbar/CircularProgressbar.d.ts +0 -3
- package/Progressbar/CircularProgressbar/types.d.ts +0 -9
- package/Progressbar/LinearProgressbar/LinearProgressbar.d.ts +0 -3
- package/Progressbar/LinearProgressbar/types.d.ts +0 -8
- package/Progressbar/index.d.ts +0 -2
- package/Radio/Radio.d.ts +0 -20
- package/Select/Option.d.ts +0 -3
- package/Select/Select.d.ts +0 -40
- package/Slider/Slider.d.ts +0 -18
- package/Switch/Switch.d.ts +0 -11
- package/Tabs/Tab.d.ts +0 -15
- package/Tabs/TabList.d.ts +0 -3
- package/Tabs/TabPanel.d.ts +0 -3
- package/Tabs/Tabs.d.ts +0 -5
- package/Tabs/types.d.ts +0 -13
- package/TimeInput/TimeInput.d.ts +0 -11
- package/TimeInput/types.d.ts +0 -8
- package/ToggleButton/ToggleButton.d.ts +0 -3
- package/ToggleButton/types.d.ts +0 -5
- package/Tooltip/Tooltip.d.ts +0 -4
- package/index.d.ts +0 -48
- package/index.js +0 -1
- package/index.mjs +0 -14532
- package/types.d.ts +0 -4
- package/utils.d.ts +0 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clicktap/ui",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Clicktap",
|
|
6
6
|
"description": "A library of React UI components and low-level hooks.",
|
|
@@ -13,16 +13,31 @@
|
|
|
13
13
|
"publishConfig": {
|
|
14
14
|
"access": "public"
|
|
15
15
|
},
|
|
16
|
-
"main": "./index.js",
|
|
17
|
-
"module": "./index.mjs",
|
|
18
|
-
"types": "./index.d.ts",
|
|
19
16
|
"exports": {
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
"./components/*": "./dist/components/*.js",
|
|
18
|
+
"./hooks/*": "./dist/hooks/*.js",
|
|
19
|
+
"./utils/*": "./dist/utils/*.js",
|
|
20
|
+
"./types/*": "./dist/types/*.js"
|
|
21
|
+
},
|
|
22
|
+
"typesVersions": {
|
|
23
|
+
"*": {
|
|
24
|
+
"components/*": [
|
|
25
|
+
"dist/types/components/*"
|
|
26
|
+
],
|
|
27
|
+
"hooks/*": [
|
|
28
|
+
"dist/types/hooks/*"
|
|
29
|
+
],
|
|
30
|
+
"utils/*": [
|
|
31
|
+
"dist/types/utils/*"
|
|
32
|
+
],
|
|
33
|
+
"types/*": [
|
|
34
|
+
"dist/types/types/*"
|
|
35
|
+
]
|
|
24
36
|
}
|
|
25
37
|
},
|
|
38
|
+
"files": [
|
|
39
|
+
"dist"
|
|
40
|
+
],
|
|
26
41
|
"dependencies": {
|
|
27
42
|
"@nextui-org/accordion": "^2.0.28",
|
|
28
43
|
"@nextui-org/avatar": "^2.0.32",
|
|
@@ -40,6 +55,7 @@
|
|
|
40
55
|
"@storybook/addon-actions": "^8.0.6",
|
|
41
56
|
"@storybook/react": "7.4.5",
|
|
42
57
|
"framer-motion": "^11.0.0",
|
|
58
|
+
"glob": "^11.0.0",
|
|
43
59
|
"react-aria": "^3.0.0",
|
|
44
60
|
"react-aria-components": "^1.1.1"
|
|
45
61
|
},
|
package/Accordion/Accordion.d.ts
DELETED
package/Accordion/index.d.ts
DELETED
package/Avatar/Avatar.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { AvatarGroupProps } from './types';
|
|
3
|
-
export declare function AvatarGroup({ children, isGrid, renderCount, className, }: PropsWithChildren<AvatarGroupProps>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default AvatarGroup;
|
package/Avatar/types.d.ts
DELETED
package/Badge/Badge.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BadgeProps } from './types';
|
|
2
|
-
export declare function Badge({ children, isInvisible, disableAnimation, placement, shape, className, classNames, showOutline, content, isDot, isOneChar, size, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default Badge;
|
package/Badge/types.d.ts
DELETED
package/Breadcrumbs/types.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbProps, type BreadcrumbsProps as AriaBreadcrumbsProps, LinkProps } from 'react-aria-components';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export interface Breadcrumb extends LinkProps {
|
|
4
|
-
name: string;
|
|
5
|
-
component?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export interface BreadcrumbItemProps extends Omit<BreadcrumbProps, 'children'>, React.RefAttributes<HTMLLIElement> {
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export type BreadcrumbsProps<T extends object> = Omit<AriaBreadcrumbsProps<T>, 'items'>;
|
package/Button/Button.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Button: import("react").ForwardRefExoticComponent<import("react-aria-components").ButtonProps & {
|
|
3
|
-
isLoading?: boolean | undefined;
|
|
4
|
-
variant?: "solid" | "outline" | "ghost" | undefined;
|
|
5
|
-
size?: "sm" | "md" | "lg" | undefined;
|
|
6
|
-
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export default Button;
|
package/Button/types.d.ts
DELETED
package/Card/Card.d.ts
DELETED
package/Checkbox/Checkbox.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { CheckboxProps as UiCheckboxProps, CheckboxRenderProps } from 'react-aria-components';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import type { SlotsToClasses } from '../types';
|
|
4
|
-
interface CheckboxSlots {
|
|
5
|
-
control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
|
|
6
|
-
}
|
|
7
|
-
export interface CheckboxProps extends UiCheckboxProps {
|
|
8
|
-
slots?: CheckboxSlots;
|
|
9
|
-
classNames?: SlotsToClasses<'control'>;
|
|
10
|
-
}
|
|
11
|
-
export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare namespace Checkbox {
|
|
13
|
-
var defaultProps: {
|
|
14
|
-
slots: {
|
|
15
|
-
control: undefined;
|
|
16
|
-
};
|
|
17
|
-
classNames: undefined;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export default Checkbox;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CollapsibleTriggerProps, CollapsibleTriggerState } from './types';
|
|
3
|
-
export declare const CollapsibleTriggerStateContext: import("react").Context<CollapsibleTriggerState>;
|
|
4
|
-
export declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export default CollapsibleTrigger;
|
package/Collapsible/types.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren, HTMLAttributes } from 'react';
|
|
2
|
-
export type CollapsibleTriggerState = {
|
|
3
|
-
isOpen: boolean;
|
|
4
|
-
id: string;
|
|
5
|
-
defaultOpen: boolean;
|
|
6
|
-
};
|
|
7
|
-
export type CollapsibleTriggerProps = PropsWithChildren<{
|
|
8
|
-
isOpen?: boolean;
|
|
9
|
-
defaultOpen?: boolean;
|
|
10
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
11
|
-
className?: string | undefined;
|
|
12
|
-
}>;
|
|
13
|
-
export type CollapsibleContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
|
package/Container/Container.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
|
|
2
|
-
import { Dispatch, Key, SetStateAction, ReactNode } from 'react';
|
|
3
|
-
import { MotionStyle } from 'framer-motion';
|
|
4
|
-
import type { SlotsToClasses } from '../types';
|
|
5
|
-
export type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
|
|
6
|
-
interface PopoverProps extends Omit<AriaPopoverProps, 'children' | 'style'> {
|
|
7
|
-
animation: ContextMenuAnimationState;
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
onAction?: (key: Key) => void;
|
|
10
|
-
setAnimation: Dispatch<SetStateAction<ContextMenuAnimationState>>;
|
|
11
|
-
key?: Key | null;
|
|
12
|
-
classNames?: SlotsToClasses<'menu'>;
|
|
13
|
-
style?: MotionStyle;
|
|
14
|
-
}
|
|
15
|
-
export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare namespace ContextMenu {
|
|
17
|
-
var defaultProps: {
|
|
18
|
-
key: undefined;
|
|
19
|
-
onAction: undefined;
|
|
20
|
-
classNames: undefined;
|
|
21
|
-
style: undefined;
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
export default ContextMenu;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { TextFieldProps, ValidationResult } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
interface CreditCardExpirationInputProps extends TextFieldProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
|
|
9
|
-
}
|
|
10
|
-
export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, className, classNames, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare namespace CreditCardExpirationInput {
|
|
12
|
-
var defaultProps: {
|
|
13
|
-
label: undefined;
|
|
14
|
-
description: undefined;
|
|
15
|
-
errorMessage: undefined;
|
|
16
|
-
placeholder: undefined;
|
|
17
|
-
classNames: undefined;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export default CreditCardExpirationInput;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TextFieldProps, ValidationResult } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
interface CreditCardInputProps extends TextFieldProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
value?: string;
|
|
9
|
-
onChange?: (value: string) => void;
|
|
10
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
|
|
11
|
-
}
|
|
12
|
-
export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, className, classNames, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare namespace CreditCardInput {
|
|
14
|
-
var defaultProps: {
|
|
15
|
-
label: undefined;
|
|
16
|
-
description: undefined;
|
|
17
|
-
errorMessage: undefined;
|
|
18
|
-
placeholder: undefined;
|
|
19
|
-
classNames: undefined;
|
|
20
|
-
value: undefined;
|
|
21
|
-
onChange: () => void;
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
export default CreditCardInput;
|
package/DateInput/DateInput.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
interface DateInputProps extends DateFieldProps<DateValue> {
|
|
4
|
-
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
7
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
|
|
8
|
-
}
|
|
9
|
-
export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare namespace DateInput {
|
|
11
|
-
var defaultProps: {
|
|
12
|
-
label: undefined;
|
|
13
|
-
description: undefined;
|
|
14
|
-
errorMessage: undefined;
|
|
15
|
-
classNames: undefined;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
export default DateInput;
|
package/Dialog/Dialog.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Key } from 'react';
|
|
2
|
-
import { DialogProps as UIDialogProps } from 'react-aria-components';
|
|
3
|
-
import { MotionStyle, Variants } from 'framer-motion';
|
|
4
|
-
export type DialogProps = UIDialogProps & {
|
|
5
|
-
key?: Key;
|
|
6
|
-
style?: MotionStyle;
|
|
7
|
-
animationVariants?: Variants;
|
|
8
|
-
};
|
|
9
|
-
export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare namespace Dialog {
|
|
11
|
-
var defaultProps: {
|
|
12
|
-
key: undefined;
|
|
13
|
-
style: undefined;
|
|
14
|
-
animationVariants: undefined;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export default Dialog;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { DialogTriggerProps } from 'react-aria-components';
|
|
3
|
-
export type DriverAnimationState = 'unmounted' | 'visible' | 'hidden';
|
|
4
|
-
export declare const useDialogTrigger: () => {
|
|
5
|
-
animation: DriverAnimationState;
|
|
6
|
-
setAnimation: Dispatch<SetStateAction<DriverAnimationState>>;
|
|
7
|
-
onOpenChange: (isOpen: boolean) => void;
|
|
8
|
-
};
|
|
9
|
-
export declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export default DialogTrigger;
|
package/Divider/Divider.d.ts
DELETED
package/Divider/types.d.ts
DELETED
package/Drawer/Drawer.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Key } from 'react';
|
|
2
|
-
import { DialogProps } from 'react-aria-components';
|
|
3
|
-
import { MotionStyle, Variants } from 'framer-motion';
|
|
4
|
-
export type DrawerProps = DialogProps & {
|
|
5
|
-
direction?: 'top' | 'right' | 'bottom' | 'left';
|
|
6
|
-
key?: Key;
|
|
7
|
-
style?: MotionStyle;
|
|
8
|
-
animationVariants?: Variants;
|
|
9
|
-
size?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare namespace Drawer {
|
|
13
|
-
var defaultProps: {
|
|
14
|
-
direction: string;
|
|
15
|
-
key: undefined;
|
|
16
|
-
style: undefined;
|
|
17
|
-
animationVariants: undefined;
|
|
18
|
-
size: string;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
export default Drawer;
|
package/Input/Input.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TextFieldProps, ValidationResult } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
export interface MyTextFieldProps extends TextFieldProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
|
|
9
|
-
}
|
|
10
|
-
export declare const InputSharedClasses: string[];
|
|
11
|
-
export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare namespace Input {
|
|
13
|
-
var defaultProps: {
|
|
14
|
-
label: undefined;
|
|
15
|
-
description: undefined;
|
|
16
|
-
errorMessage: undefined;
|
|
17
|
-
placeholder: undefined;
|
|
18
|
-
classNames: undefined;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
export default Input;
|
package/Link/Link.d.ts
DELETED
package/Loader/Pulse/Pulse.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { SlotsToClasses } from '../../types';
|
|
2
|
-
export interface PulseProps {
|
|
3
|
-
classNames?: SlotsToClasses<'base' | 'dot'>;
|
|
4
|
-
}
|
|
5
|
-
export declare function Pulse({ classNames }: PulseProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare namespace Pulse {
|
|
7
|
-
var defaultProps: {
|
|
8
|
-
classNames: undefined;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
export default Pulse;
|
package/Loader/index.d.ts
DELETED
package/Meter/Meter.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { MeterProps as AriaMeterProps } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
export type MeterProps = AriaMeterProps & {
|
|
4
|
-
label?: string;
|
|
5
|
-
showValue?: boolean;
|
|
6
|
-
classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapepr'>;
|
|
7
|
-
};
|
|
8
|
-
export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, className, classNames, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare namespace Meter {
|
|
10
|
-
var defaultProps: {
|
|
11
|
-
showValue: undefined;
|
|
12
|
-
label: undefined;
|
|
13
|
-
classNames: undefined;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export default Meter;
|
package/Modal/Modal.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ModalOverlayProps } from 'react-aria-components';
|
|
3
|
-
interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare function Modal({ children, className, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default Modal;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ReactNode, Key } from 'react';
|
|
2
|
-
import { ModalOverlayProps as UiModalOverlayProps, ModalRenderProps } from 'react-aria-components';
|
|
3
|
-
import { MotionStyle, Variant } from 'framer-motion';
|
|
4
|
-
export interface ModalOverlayProps extends Omit<UiModalOverlayProps, 'children' | 'style'> {
|
|
5
|
-
key?: Key;
|
|
6
|
-
style?: MotionStyle;
|
|
7
|
-
animationVariants?: {
|
|
8
|
-
visible: Variant;
|
|
9
|
-
hidden: Variant;
|
|
10
|
-
};
|
|
11
|
-
children: ReactNode | ((values: ModalRenderProps & {
|
|
12
|
-
defaultChildren: ReactNode;
|
|
13
|
-
}) => ReactNode);
|
|
14
|
-
}
|
|
15
|
-
export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare namespace ModalOverlay {
|
|
17
|
-
var defaultProps: {
|
|
18
|
-
key: undefined;
|
|
19
|
-
style: undefined;
|
|
20
|
-
animationVariants: undefined;
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
export default ModalOverlay;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import type { NumberFieldProps, ValidationResult } from 'react-aria-components';
|
|
3
|
-
import type { SlotsToClasses } from '../types';
|
|
4
|
-
interface NumberInputProps extends NumberFieldProps {
|
|
5
|
-
label?: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
8
|
-
slots?: {
|
|
9
|
-
decrementIcon?: ReactNode;
|
|
10
|
-
incrementIcon?: ReactNode;
|
|
11
|
-
};
|
|
12
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
|
|
13
|
-
}
|
|
14
|
-
export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, className, classNames, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare namespace NumberInput {
|
|
16
|
-
var defaultProps: {
|
|
17
|
-
label: undefined;
|
|
18
|
-
description: undefined;
|
|
19
|
-
errorMessage: undefined;
|
|
20
|
-
classNames: undefined;
|
|
21
|
-
slots: {
|
|
22
|
-
decrementIcon: import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
incrementIcon: import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
export default NumberInput;
|
package/PinInput/PinInput.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { GroupProps, ValidationResult } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../types';
|
|
3
|
-
/** @todo extend certain textfield props like name, validationBehavior and isRequired */
|
|
4
|
-
interface PinInputProps extends GroupProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
7
|
-
label?: string;
|
|
8
|
-
length?: number;
|
|
9
|
-
name?: string;
|
|
10
|
-
onChange?: (...event: any[]) => void;
|
|
11
|
-
value?: string;
|
|
12
|
-
isMasked?: boolean;
|
|
13
|
-
isRequired?: boolean;
|
|
14
|
-
type?: 'alpha' | 'alphanumeric' | 'numeric';
|
|
15
|
-
validationBehavior?: 'native' | 'aria';
|
|
16
|
-
classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
|
|
17
|
-
}
|
|
18
|
-
/** based on https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/src/pin-input/use-pin-input.ts */
|
|
19
|
-
export declare function PinInput({ description, errorMessage, isDisabled, isInvalid, isMasked, isRequired, label, length, name, onChange: controlledOnChange, value, type, validationBehavior, className, classNames, ...props }: PinInputProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export declare namespace PinInput {
|
|
21
|
-
var defaultProps: {
|
|
22
|
-
description: undefined;
|
|
23
|
-
errorMessage: undefined;
|
|
24
|
-
isMasked: boolean;
|
|
25
|
-
isRequired: boolean;
|
|
26
|
-
label: undefined;
|
|
27
|
-
classNames: undefined;
|
|
28
|
-
length: number;
|
|
29
|
-
name: string;
|
|
30
|
-
onChange: () => void;
|
|
31
|
-
value: string;
|
|
32
|
-
type: string;
|
|
33
|
-
validationBehavior: string;
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
export default PinInput;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { CircularProgressbarProps } from './types';
|
|
2
|
-
export declare function CircularProgressbar({ label, value, showValue, size, strokeWidth, className, classNames, ...props }: CircularProgressbarProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default CircularProgressbar;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { ProgressBarProps } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../../types';
|
|
3
|
-
export interface CircularProgressbarProps extends ProgressBarProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
showValue?: boolean;
|
|
6
|
-
size?: number;
|
|
7
|
-
strokeWidth?: number;
|
|
8
|
-
classNames?: SlotsToClasses<'label' | 'base' | 'value'>;
|
|
9
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { LinearProgressbarProps } from './types';
|
|
2
|
-
export declare function LinearProgressbar({ label, isIndeterminate, showValue, width, className, classNames, ...props }: LinearProgressbarProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default LinearProgressbar;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { ProgressBarProps } from 'react-aria-components';
|
|
2
|
-
import type { SlotsToClasses } from '../../types';
|
|
3
|
-
export interface LinearProgressbarProps extends ProgressBarProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
width?: string;
|
|
6
|
-
showValue?: boolean;
|
|
7
|
-
classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapper'>;
|
|
8
|
-
}
|
package/Progressbar/index.d.ts
DELETED
package/Radio/Radio.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { RadioRenderProps, RadioProps as UiRadioProps } from 'react-aria-components';
|
|
3
|
-
import type { SlotsToClasses } from '../types';
|
|
4
|
-
interface RadioSlots {
|
|
5
|
-
control?: ReactNode | ((values: RadioRenderProps) => ReactNode);
|
|
6
|
-
}
|
|
7
|
-
export interface RadioProps extends UiRadioProps {
|
|
8
|
-
children?: ReactNode | ((values: RadioRenderProps) => ReactNode);
|
|
9
|
-
slots?: RadioSlots;
|
|
10
|
-
classNames?: SlotsToClasses<'control'>;
|
|
11
|
-
}
|
|
12
|
-
export declare function Radio({ children, slots, className, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare namespace Radio {
|
|
14
|
-
var defaultProps: {
|
|
15
|
-
children: undefined;
|
|
16
|
-
slots: undefined;
|
|
17
|
-
classNames: undefined;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export default Radio;
|
package/Select/Option.d.ts
DELETED