@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.
Files changed (69) hide show
  1. package/package.json +24 -8
  2. package/Accordion/Accordion.d.ts +0 -3
  3. package/Accordion/index.d.ts +0 -2
  4. package/Avatar/Avatar.d.ts +0 -3
  5. package/Avatar/AvatarGroup/AvatarGroup.d.ts +0 -4
  6. package/Avatar/AvatarGroup/types.d.ts +0 -4
  7. package/Avatar/types.d.ts +0 -6
  8. package/Badge/Badge.d.ts +0 -3
  9. package/Badge/types.d.ts +0 -3
  10. package/Breadcrumbs/BreadcrumbEllipsis.d.ts +0 -3
  11. package/Breadcrumbs/BreadcrumbItem.d.ts +0 -3
  12. package/Breadcrumbs/BreadcrumbLink.d.ts +0 -3
  13. package/Breadcrumbs/BreadcrumbSeparator.d.ts +0 -3
  14. package/Breadcrumbs/Breadcrumbs.d.ts +0 -3
  15. package/Breadcrumbs/types.d.ts +0 -10
  16. package/Button/Button.d.ts +0 -7
  17. package/Button/types.d.ts +0 -6
  18. package/Card/Card.d.ts +0 -4
  19. package/Checkbox/Checkbox.d.ts +0 -20
  20. package/Collapsible/Collapsible.d.ts +0 -3
  21. package/Collapsible/CollapsibleTrigger.d.ts +0 -5
  22. package/Collapsible/types.d.ts +0 -13
  23. package/Container/Container.d.ts +0 -3
  24. package/ContextMenu/ContextMenu.d.ts +0 -24
  25. package/CreditCardExpirationInput/CreditCardExpirationInput.d.ts +0 -20
  26. package/CreditCardInput/CreditCardInput.d.ts +0 -24
  27. package/DateInput/DateInput.d.ts +0 -18
  28. package/Dialog/Dialog.d.ts +0 -17
  29. package/DialogTrigger/DialogTrigger.d.ts +0 -10
  30. package/Divider/Divider.d.ts +0 -3
  31. package/Divider/types.d.ts +0 -4
  32. package/Drawer/Drawer.d.ts +0 -21
  33. package/Input/Input.d.ts +0 -21
  34. package/Link/Link.d.ts +0 -3
  35. package/Loader/CircularEasing/CircularEasing.d.ts +0 -3
  36. package/Loader/CircularEasing/types.d.ts +0 -7
  37. package/Loader/Pulse/Pulse.d.ts +0 -11
  38. package/Loader/index.d.ts +0 -2
  39. package/Meter/Meter.d.ts +0 -16
  40. package/Modal/Modal.d.ts +0 -7
  41. package/ModalOverlay/ModalOverlay.d.ts +0 -23
  42. package/NavigationMenu/NavigationMenu.d.ts +0 -2
  43. package/NumberInput/NumberInput.d.ts +0 -27
  44. package/PinInput/PinInput.d.ts +0 -36
  45. package/Progressbar/CircularProgressbar/CircularProgressbar.d.ts +0 -3
  46. package/Progressbar/CircularProgressbar/types.d.ts +0 -9
  47. package/Progressbar/LinearProgressbar/LinearProgressbar.d.ts +0 -3
  48. package/Progressbar/LinearProgressbar/types.d.ts +0 -8
  49. package/Progressbar/index.d.ts +0 -2
  50. package/Radio/Radio.d.ts +0 -20
  51. package/Select/Option.d.ts +0 -3
  52. package/Select/Select.d.ts +0 -40
  53. package/Slider/Slider.d.ts +0 -18
  54. package/Switch/Switch.d.ts +0 -11
  55. package/Tabs/Tab.d.ts +0 -15
  56. package/Tabs/TabList.d.ts +0 -3
  57. package/Tabs/TabPanel.d.ts +0 -3
  58. package/Tabs/Tabs.d.ts +0 -5
  59. package/Tabs/types.d.ts +0 -13
  60. package/TimeInput/TimeInput.d.ts +0 -11
  61. package/TimeInput/types.d.ts +0 -8
  62. package/ToggleButton/ToggleButton.d.ts +0 -3
  63. package/ToggleButton/types.d.ts +0 -5
  64. package/Tooltip/Tooltip.d.ts +0 -4
  65. package/index.d.ts +0 -48
  66. package/index.js +0 -1
  67. package/index.mjs +0 -14532
  68. package/types.d.ts +0 -4
  69. 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",
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
- "require": "./index.js",
22
- "import": "./index.mjs",
23
- "default": "./index.js"
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
  },
@@ -1,3 +0,0 @@
1
- import { AccordionProps } from '@nextui-org/accordion';
2
- export declare function Accordion({ children, variant, isCompact, className, itemClasses, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
3
- export default Accordion;
@@ -1,2 +0,0 @@
1
- export * from './Accordion';
2
- export { AccordionItem } from '@nextui-org/accordion';
@@ -1,3 +0,0 @@
1
- import { AvatarProps } from './types';
2
- export declare function Avatar({ icon, className, isDisabled, size, classNames, isBordered, radius, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
3
- export default Avatar;
@@ -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;
@@ -1,4 +0,0 @@
1
- import { AvatarGroupProps as NextAvatarGroupProps } from '@nextui-org/avatar';
2
- export type AvatarGroupProps = Pick<NextAvatarGroupProps, 'isGrid' | 'renderCount'> & {
3
- className?: string;
4
- };
package/Avatar/types.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import { AvatarProps as NextAvatarProps } from '@nextui-org/avatar';
2
- export type AvatarProps = Omit<NextAvatarProps, 'color'>;
3
- export interface RootProps {
4
- isInGroup: boolean;
5
- isGrid: boolean;
6
- }
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
@@ -1,3 +0,0 @@
1
- import { BadgeProps as NextBadgeProps } from '@nextui-org/badge';
2
- export type BadgeProps = Omit<NextBadgeProps, 'color | disableOutline'>;
3
- export type BadgeWrapperProps = Pick<BadgeProps, 'placement' | 'shape'>;
@@ -1,3 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- export declare function BreadcrumbEllipsis({ children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
3
- export default BreadcrumbEllipsis;
@@ -1,3 +0,0 @@
1
- import { BreadcrumbProps } from 'react-aria-components';
2
- export declare function BreadcrumbItem({ children, className, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
3
- export default BreadcrumbItem;
@@ -1,3 +0,0 @@
1
- import { LinkProps } from 'react-aria-components';
2
- export declare function BreadcrumbLink({ children, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
3
- export default BreadcrumbLink;
@@ -1,3 +0,0 @@
1
- import { BreadcrumbItemProps } from './types';
2
- export declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
3
- export default BreadcrumbSeparator;
@@ -1,3 +0,0 @@
1
- import { BreadcrumbsProps } from './types';
2
- export declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<object>): import("react/jsx-runtime").JSX.Element;
3
- export default Breadcrumbs;
@@ -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'>;
@@ -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
@@ -1,6 +0,0 @@
1
- import { ButtonProps as AriaButtonProps } from 'react-aria-components';
2
- export type ButtonProps = AriaButtonProps & {
3
- isLoading?: boolean;
4
- variant?: 'solid' | 'outline' | 'ghost';
5
- size?: 'sm' | 'md' | 'lg';
6
- };
package/Card/Card.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { PropsWithChildren, HTMLAttributes } from 'react';
2
- type CardProps = HTMLAttributes<HTMLDivElement>;
3
- export declare function Card({ children, className, ...props }: PropsWithChildren<CardProps>): import("react/jsx-runtime").JSX.Element;
4
- export default Card;
@@ -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,3 +0,0 @@
1
- import type { CollapsibleContentProps } from './types';
2
- export declare function Collapsible({ children, className }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
3
- export default Collapsible;
@@ -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;
@@ -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>>;
@@ -1,3 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- export declare const Container: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
3
- export default Container;
@@ -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;
@@ -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;
@@ -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;
@@ -1,3 +0,0 @@
1
- import { DividerProps } from './types';
2
- export declare function Divider({ orientation, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
3
- export default Divider;
@@ -1,4 +0,0 @@
1
- import { SeparatorProps } from 'react-aria';
2
- export type DividerProps = SeparatorProps & {
3
- className?: string;
4
- };
@@ -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
@@ -1,3 +0,0 @@
1
- import { LinkProps } from 'react-aria-components';
2
- export declare function Link({ children, isDisabled, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
3
- export default Link;
@@ -1,3 +0,0 @@
1
- import { CircularEasingProps } from './types';
2
- export declare function CircularEasing({ width, stroke, strokeLinecap, strokeWidth, className, style, ...props }: CircularEasingProps): import("react/jsx-runtime").JSX.Element;
3
- export default CircularEasing;
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- export type CircularEasingProps = HTMLAttributes<HTMLDivElement> & {
3
- stroke: string;
4
- strokeLinecap?: 'butt' | 'round' | 'square';
5
- strokeWidth?: number;
6
- width: number;
7
- };
@@ -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
@@ -1,2 +0,0 @@
1
- export * from './CircularEasing/CircularEasing';
2
- export * from './Pulse/Pulse';
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,2 +0,0 @@
1
- export declare function NavigationMenu(): import("react/jsx-runtime").JSX.Element;
2
- export default NavigationMenu;
@@ -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;
@@ -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
- }
@@ -1,2 +0,0 @@
1
- export * from './CircularProgressbar/CircularProgressbar';
2
- export * from './LinearProgressbar/LinearProgressbar';
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;
@@ -1,3 +0,0 @@
1
- import { ListBoxItemProps } from 'react-aria-components';
2
- export declare function Option({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
3
- export default Option;