chesai-ui 0.1.0

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 (60) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +18 -0
  3. package/dist/chesai-ui.css +1 -0
  4. package/dist/chesai-ui.es.js +23190 -0
  5. package/dist/chesai-ui.umd.js +148 -0
  6. package/dist/components/accordion/index.d.ts +16 -0
  7. package/dist/components/appbar/index.d.ts +32 -0
  8. package/dist/components/avatar/AvatarGroup.d.ts +7 -0
  9. package/dist/components/avatar/index.d.ts +14 -0
  10. package/dist/components/badge/index.d.ts +10 -0
  11. package/dist/components/bottom-tabs/index.d.ts +31 -0
  12. package/dist/components/bouncy-box/index.d.ts +7 -0
  13. package/dist/components/button/index.d.ts +14 -0
  14. package/dist/components/button-group/index.d.ts +11 -0
  15. package/dist/components/calendar/index.d.ts +8 -0
  16. package/dist/components/card/index.d.ts +12 -0
  17. package/dist/components/checkbox/index.d.ts +5 -0
  18. package/dist/components/chip/index.d.ts +11 -0
  19. package/dist/components/context-menu/index.d.ts +34 -0
  20. package/dist/components/date-picker/header.d.ts +9 -0
  21. package/dist/components/date-picker/index.d.ts +10 -0
  22. package/dist/components/date-picker/input-view.d.ts +9 -0
  23. package/dist/components/date-picker/paginated-calendar.d.ts +8 -0
  24. package/dist/components/dialog/index.d.ts +37 -0
  25. package/dist/components/dropdown-menu/index.d.ts +31 -0
  26. package/dist/components/elastic-scroll-area/index.d.ts +24 -0
  27. package/dist/components/fab/index.d.ts +15 -0
  28. package/dist/components/icon-button/index.d.ts +12 -0
  29. package/dist/components/index.d.ts +28 -0
  30. package/dist/components/input/index.d.ts +18 -0
  31. package/dist/components/item/index.d.ts +30 -0
  32. package/dist/components/menubar/index.d.ts +38 -0
  33. package/dist/components/navigation-menu/index.d.ts +23 -0
  34. package/dist/components/otp-field/index.d.ts +34 -0
  35. package/dist/components/pull-to-refresh/index.d.ts +17 -0
  36. package/dist/components/radio-group/index.d.ts +18 -0
  37. package/dist/components/select/index.d.ts +51 -0
  38. package/dist/components/shallow-router/index.d.ts +63 -0
  39. package/dist/components/sheet/index.d.ts +41 -0
  40. package/dist/components/sidebar/index.d.ts +76 -0
  41. package/dist/components/slider/index.d.ts +9 -0
  42. package/dist/components/split-button/index.d.ts +19 -0
  43. package/dist/components/switch/index.d.ts +12 -0
  44. package/dist/components/table/index.d.ts +43 -0
  45. package/dist/components/tabs/index.d.ts +42 -0
  46. package/dist/components/taskbar/index.d.ts +23 -0
  47. package/dist/components/textarea/index.d.ts +17 -0
  48. package/dist/components/time-picker/index.d.ts +12 -0
  49. package/dist/components/toast/index.d.ts +9 -0
  50. package/dist/components/tooltip/index.d.ts +33 -0
  51. package/dist/components/typography/index.d.ts +30 -0
  52. package/dist/components/window-controls/index.d.ts +2 -0
  53. package/dist/context/List.context.d.ts +12 -0
  54. package/dist/hooks/use-calender.d.ts +16 -0
  55. package/dist/hooks/use-time-picker.d.ts +15 -0
  56. package/dist/hooks/useAppBar.d.ts +36 -0
  57. package/dist/hooks/useShallowRouter.d.ts +25 -0
  58. package/dist/index.d.ts +1 -0
  59. package/dist/storybook-utils.d.ts +4 -0
  60. package/package.json +50 -0
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import * as AccordionPrimitive from "@radix-ui/react-accordion";
3
+ type AccordionRootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
4
+ variant?: "primary" | "secondary";
5
+ shape?: "full" | "minimal" | "sharp";
6
+ layout?: "integrated" | "separated";
7
+ };
8
+ export declare const Accordion: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>> & {
9
+ Item: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ Trigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
11
+ /** If true, the ripple effect on click will be disabled. */
12
+ disableRipple?: boolean;
13
+ } & React.RefAttributes<HTMLButtonElement>>;
14
+ Content: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ };
16
+ export {};
@@ -0,0 +1,32 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { HTMLMotionProps } from 'framer-motion';
3
+ import { default as React } from 'react';
4
+ declare const appBarVariants: (props?: {
5
+ appBarColor?: "background" | "card" | "primary" | "secondary";
6
+ shadow?: "md" | "none";
7
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
8
+ export interface AppBarSharedProps {
9
+ scrollBehavior?: "sticky" | "conditionally-sticky";
10
+ animatedBehavior?: Array<"none" | "appbar-color" | "fold" | "shadow">;
11
+ animatedColor?: "background" | "card" | "primary" | "secondary";
12
+ size?: "md" | "lg";
13
+ largeHeaderContent?: React.ReactNode;
14
+ smallHeaderContent?: React.ReactNode;
15
+ stickyHideTarget?: "main-row" | "full-appbar";
16
+ scrollContainerRef?: React.RefObject<HTMLElement | null>;
17
+ /** The height of the main app bar row in its normal (md) or collapsed state. @default 64 */
18
+ normalHeaderRowHeight?: number;
19
+ /** The height of the main app bar row in its large (lg) expanded state. @default 96 */
20
+ largeHeaderRowHeight?: number;
21
+ /** The scroll distance over which the "fold" animation occurs. @default 50 */
22
+ foldAnimationDistance?: number;
23
+ /** The border-radius applied at the end of the "fold" animation. @default 24 */
24
+ foldBorderRadius?: number;
25
+ }
26
+ export interface AppBarProps extends Omit<HTMLMotionProps<"header">, "color" | "size">, VariantProps<typeof appBarVariants>, AppBarSharedProps {
27
+ startAdornment?: React.ReactNode;
28
+ centerAdornment?: React.ReactNode;
29
+ endAdornments?: React.ReactNode[];
30
+ }
31
+ export declare const AppBar: React.ForwardRefExoticComponent<Omit<AppBarProps, "ref"> & React.RefAttributes<HTMLElement>>;
32
+ export {};
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ children: React.ReactNode;
4
+ /** The maximum number of avatars to display before showing an overflow count. */
5
+ max?: number;
6
+ }
7
+ export declare const AvatarGroup: React.FC<AvatarGroupProps>;
@@ -0,0 +1,14 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ import * as RadixAvatar from "@radix-ui/react-avatar";
4
+ declare const avatarVariants: (props?: {
5
+ size?: "md" | "lg" | "xs" | "sm" | "xl";
6
+ shape?: "full" | "minimal" | "sharp";
7
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
8
+ export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof RadixAvatar.Root>, VariantProps<typeof avatarVariants> {
9
+ src?: string;
10
+ fallback?: string;
11
+ variant?: "default" | "count";
12
+ }
13
+ export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
14
+ export {};
@@ -0,0 +1,10 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ declare const badgeVariants: (props?: {
4
+ variant?: "primary" | "secondary" | "outline" | "destructive";
5
+ shape?: "full" | "minimal" | "sharp";
6
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
7
+ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
8
+ }
9
+ export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
10
+ export {};
@@ -0,0 +1,31 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ export interface ScreenProps {
4
+ /** A unique name for the screen. */
5
+ name: string;
6
+ /** The text label to display. */
7
+ label: React.ReactNode;
8
+ /** A function that returns the icon element, receiving active state. */
9
+ icon: (props: {
10
+ isActive: boolean;
11
+ }) => React.ReactNode;
12
+ /** Overrides the shape of this specific tab item, indicator, and ripple effect. */
13
+ shape?: "full" | "minimal" | "sharp";
14
+ }
15
+ declare const navigatorVariants: (props?: {
16
+ mode?: "detached" | "attached";
17
+ shape?: "full" | "minimal" | "sharp";
18
+ bordered?: boolean;
19
+ shadow?: "md" | "lg" | "none" | "sm";
20
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
21
+ interface NavigatorProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof navigatorVariants> {
22
+ children: React.ReactElement<ScreenProps> | React.ReactElement<ScreenProps>[];
23
+ activeTab: string;
24
+ onTabPress: (name: string) => void;
25
+ itemLayout?: "stacked" | "inline";
26
+ }
27
+ export declare const BottomTabs: {
28
+ Navigator: React.FC<NavigatorProps>;
29
+ Screen: React.FC<ScreenProps>;
30
+ };
31
+ export {};
@@ -0,0 +1,7 @@
1
+ import { HTMLMotionProps } from 'framer-motion';
2
+ import { default as React } from 'react';
3
+ export interface BouncyBoxProps extends HTMLMotionProps<"div"> {
4
+ /** The amount to scale down on press. 1 is no scale, 0.9 is 90%. */
5
+ scaleAmount?: number;
6
+ }
7
+ export declare const BouncyBox: React.ForwardRefExoticComponent<Omit<BouncyBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,14 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ export declare const buttonVariants: (props?: {
4
+ variant?: "primary" | "secondary" | "link" | "destructive" | "ghost";
5
+ size?: "md" | "lg" | "xs" | "sm";
6
+ shape?: "full" | "minimal" | "sharp";
7
+ isLoading?: boolean;
8
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
9
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
10
+ startIcon?: React.ReactNode;
11
+ endIcon?: React.ReactNode;
12
+ isLoading?: boolean;
13
+ }
14
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ type ButtonShape = "full" | "minimal" | "sharp";
3
+ interface ButtonGroupProps extends React.HTMLAttributes<HTMLFieldSetElement> {
4
+ children: React.ReactNode;
5
+ shape?: ButtonShape;
6
+ }
7
+ export declare const ButtonGroup: {
8
+ ({ children, className, shape, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
9
+ displayName: string;
10
+ };
11
+ export {};
@@ -0,0 +1,8 @@
1
+ import { DayPicker } from 'react-day-picker';
2
+ import * as React from "react";
3
+ export type CalendarProps = React.ComponentProps<typeof DayPicker>;
4
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
5
+ declare namespace Calendar {
6
+ var displayName: string;
7
+ }
8
+ export { Calendar };
@@ -0,0 +1,12 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ declare const cardVariants: (props?: {
4
+ variant?: "primary" | "secondary" | "glass";
5
+ shape?: "full" | "minimal" | "sharp";
6
+ padding?: "md" | "lg" | "none" | "sm";
7
+ isSelected?: boolean;
8
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
9
+ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
10
+ }
11
+ export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
12
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
+ label?: string;
4
+ }
5
+ export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,11 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ declare const chipVariants: (props?: {
4
+ selected?: boolean;
5
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
6
+ export interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
7
+ startIcon?: React.ReactNode;
8
+ endIcon?: React.ReactNode;
9
+ }
10
+ export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
11
+ export {};
@@ -0,0 +1,34 @@
1
+ import { default as React } from 'react';
2
+ import * as RadixContextMenu from "@radix-ui/react-context-menu";
3
+ type ContextMenuShape = "full" | "minimal" | "sharp";
4
+ type ContextMenuSize = "sm" | "md" | "lg";
5
+ interface ContextMenuProps extends RadixContextMenu.ContextMenuProps {
6
+ shape?: ContextMenuShape;
7
+ size?: ContextMenuSize;
8
+ }
9
+ export declare const ContextMenu: React.FC<ContextMenuProps> & {
10
+ Trigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
11
+ Content: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ Item: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
13
+ inset?: boolean;
14
+ } & React.RefAttributes<HTMLDivElement>>;
15
+ CheckboxItem: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ RadioGroup: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
17
+ RadioItem: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ Label: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
19
+ inset?: boolean;
20
+ } & React.RefAttributes<HTMLDivElement>>;
21
+ Separator: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
+ Shortcut: {
23
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
24
+ displayName: string;
25
+ };
26
+ Group: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
27
+ Portal: React.FC<RadixContextMenu.ContextMenuPortalProps>;
28
+ Sub: React.FC<RadixContextMenu.ContextMenuSubProps>;
29
+ SubContent: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
+ SubTrigger: React.ForwardRefExoticComponent<Omit<RadixContextMenu.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
31
+ inset?: boolean;
32
+ } & React.RefAttributes<HTMLDivElement>>;
33
+ };
34
+ export {};
@@ -0,0 +1,9 @@
1
+ import { DateRange } from 'react-day-picker';
2
+ interface DatePickerHeaderProps {
3
+ mode: "single" | "range";
4
+ selectedDate?: Date;
5
+ selectedRange?: DateRange;
6
+ onEditClick: () => void;
7
+ }
8
+ export declare const DatePickerHeader: ({ mode, selectedDate, selectedRange, onEditClick, }: DatePickerHeaderProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,10 @@
1
+ import { DateRange } from 'react-day-picker';
2
+ import { InputProps } from '../input';
3
+ type DatePickerProps = Omit<InputProps, "value" | "onChange" | "readOnly" | "endAdornment"> & {
4
+ value?: Date | DateRange;
5
+ onChange?: (value?: Date | DateRange) => void;
6
+ mode?: "single" | "range";
7
+ variant?: "docked" | "modal" | "fullscreen";
8
+ };
9
+ export declare const DatePicker: ({ value, onChange, mode, placeholder, variant: explicitVariant, ...inputProps }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,9 @@
1
+ import { DateRange } from 'react-day-picker';
2
+ interface DateInputViewProps {
3
+ mode: "single" | "range";
4
+ value: Date | DateRange | undefined;
5
+ onValueChange: (value: Date | DateRange | undefined) => void;
6
+ onCalendarClick: () => void;
7
+ }
8
+ export declare const DateInputView: ({ mode, value, onValueChange, onCalendarClick, }: DateInputViewProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,8 @@
1
+ import { DateRange } from 'react-day-picker';
2
+ interface CalendarProps {
3
+ mode: "single" | "range";
4
+ value?: Date | DateRange;
5
+ onSelect: (value?: Date | DateRange) => void;
6
+ }
7
+ export declare const PaginatedCalendar: ({ mode, value, onSelect }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,37 @@
1
+ import { FC, HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
2
+ import { CardProps } from '../card';
3
+ import { ElasticScrollAreaProps } from '../elastic-scroll-area';
4
+ type DialogVariant = "basic" | "fullscreen";
5
+ export interface DialogProps {
6
+ open: boolean;
7
+ onOpenChange: (open: boolean) => void;
8
+ children: ReactNode;
9
+ variant?: DialogVariant;
10
+ }
11
+ declare const Dialog: FC<DialogProps>;
12
+ interface DialogTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
13
+ asChild?: boolean;
14
+ }
15
+ declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
16
+ export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
17
+ shape?: CardProps["shape"];
18
+ }
19
+ declare const DialogContent: import('react').ForwardRefExoticComponent<DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
20
+ interface DialogCloseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
21
+ asChild?: boolean;
22
+ }
23
+ declare const DialogClose: import('react').ForwardRefExoticComponent<DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
24
+ declare const DialogHeader: {
25
+ (props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
26
+ displayName: string;
27
+ };
28
+ declare const DialogFooter: {
29
+ (props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
30
+ displayName: string;
31
+ };
32
+ declare const DialogTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
33
+ declare const DialogDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
34
+ export interface DialogBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, "dir">, Omit<ElasticScrollAreaProps, "children" | "className" | "ref"> {
35
+ }
36
+ declare const DialogBody: import('react').ForwardRefExoticComponent<DialogBodyProps & import('react').RefAttributes<HTMLDivElement>>;
37
+ export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
3
+ type DropdownMenuShape = "full" | "minimal" | "sharp";
4
+ interface DropdownMenuProps extends RadixDropdownMenu.DropdownMenuProps {
5
+ shape?: DropdownMenuShape;
6
+ }
7
+ declare const DropdownMenu: React.FC<DropdownMenuProps>;
8
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
9
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
10
+ declare const DropdownMenuPortal: React.FC<RadixDropdownMenu.DropdownMenuPortalProps>;
11
+ declare const DropdownMenuSub: React.FC<RadixDropdownMenu.DropdownMenuSubProps>;
12
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
13
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
15
+ inset?: boolean;
16
+ } & React.RefAttributes<HTMLDivElement>>;
17
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
20
+ inset?: boolean;
21
+ } & React.RefAttributes<HTMLDivElement>>;
22
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
24
+ inset?: boolean;
25
+ } & React.RefAttributes<HTMLDivElement>>;
26
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
27
+ declare const DropdownMenuShortcut: {
28
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
29
+ displayName: string;
30
+ };
31
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
@@ -0,0 +1,24 @@
1
+ import { MotionValue } from 'framer-motion';
2
+ import { ComponentPropsWithoutRef, ComponentType } from 'react';
3
+ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
4
+ interface RefreshIndicatorProps {
5
+ pullProgress: MotionValue<number>;
6
+ isRefreshing: boolean;
7
+ }
8
+ export interface ElasticScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
9
+ /** The primary scrolling direction of the content. @default "vertical" */
10
+ orientation?: "vertical" | "horizontal";
11
+ elasticity?: boolean;
12
+ dampingFactor?: number;
13
+ scrollbarVisibility?: "auto" | "always" | "scroll";
14
+ pullToRefresh?: boolean;
15
+ onRefresh?: () => Promise<unknown>;
16
+ pullThreshold?: number;
17
+ RefreshIndicatorComponent?: ComponentType<RefreshIndicatorProps>;
18
+ }
19
+ export declare const ElasticScrollArea: import('react').ForwardRefExoticComponent<ElasticScrollAreaProps & import('react').RefAttributes<HTMLDivElement>> & {
20
+ ScrollBar: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
21
+ scrollbarVisibility?: ElasticScrollAreaProps["scrollbarVisibility"];
22
+ } & import('react').RefAttributes<HTMLDivElement>>;
23
+ };
24
+ export {};
@@ -0,0 +1,15 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { HTMLMotionProps } from 'framer-motion';
3
+ import { default as React } from 'react';
4
+ declare const fabVariants: (props?: {
5
+ variant?: "primary" | "secondary";
6
+ size?: "md" | "lg" | "sm";
7
+ shape?: "full" | "minimal" | "sharp";
8
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
9
+ export interface FABProps extends Omit<HTMLMotionProps<"button">, "children" | "ref">, VariantProps<typeof fabVariants> {
10
+ icon: React.ReactNode;
11
+ isExtended?: boolean;
12
+ children?: React.ReactNode;
13
+ }
14
+ export declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<HTMLButtonElement>>;
15
+ export {};
@@ -0,0 +1,12 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ export declare const iconButtonVariants: (props?: {
4
+ variant?: "primary" | "secondary" | "link" | "destructive" | "ghost";
5
+ size?: "md" | "lg" | "xs" | "sm";
6
+ shape?: "full" | "minimal" | "sharp";
7
+ isLoading?: boolean;
8
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
9
+ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
10
+ isLoading?: boolean;
11
+ }
12
+ export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,28 @@
1
+ export * from './appbar';
2
+ export * from './avatar';
3
+ export * from './badge';
4
+ export * from './bouncy-box';
5
+ export * from './button';
6
+ export * from './button-group';
7
+ export * from './calendar';
8
+ export * from './card';
9
+ export * from './checkbox';
10
+ export * from './chip';
11
+ export * from './date-picker';
12
+ export * from './dialog';
13
+ export * from './dropdown-menu';
14
+ export * from './elastic-scroll-area';
15
+ export * from './fab';
16
+ export * from './icon-button';
17
+ export * from './input';
18
+ export * from './item';
19
+ export * from './radio-group';
20
+ export * from './select';
21
+ export * from './shallow-router';
22
+ export * from './sheet';
23
+ export * from './split-button';
24
+ export * from './switch';
25
+ export * from './tabs';
26
+ export * from './textarea';
27
+ export * from './tooltip';
28
+ export * from './typography';
@@ -0,0 +1,18 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { default as React } from 'react';
3
+ export declare const inputWrapperVariants: (props?: {
4
+ variant?: "primary" | "secondary" | "minimal";
5
+ shape?: "full" | "minimal" | "sharp";
6
+ size?: "md" | "lg" | "sm";
7
+ isErrored?: boolean;
8
+ isFocused?: boolean;
9
+ disabled?: boolean;
10
+ } & import('class-variance-authority/dist/types').ClassProp) => string;
11
+ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputWrapperVariants> {
12
+ label?: string;
13
+ startAdornment?: React.ReactNode;
14
+ endAdornment?: React.ReactNode;
15
+ error?: string;
16
+ wrapperClassName?: string;
17
+ }
18
+ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,30 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const ItemGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const ItemSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
6
+ variant?: "primary" | "secondary" | "ghost";
7
+ size?: "md" | "lg" | "sm";
8
+ padding?: "md" | "lg" | "none" | "sm";
9
+ shape?: "full" | "minimal" | "sharp";
10
+ direction?: "horizontal" | "vertical";
11
+ } & import('class-variance-authority/dist/types').ClassProp) => string> & {
12
+ asChild?: boolean;
13
+ disabled?: boolean;
14
+ /** If true, the ripple effect on click will be disabled. */
15
+ disableRipple?: boolean;
16
+ /** Callback fired when the item is pressed for 500ms. */
17
+ onLongPress?: (event: React.PointerEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
18
+ } & React.RefAttributes<HTMLDivElement>>;
19
+ declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
20
+ variant?: "default" | "icon" | "avatar";
21
+ size?: "md" | "lg" | "sm";
22
+ shape?: "full" | "minimal" | "sharp";
23
+ } & import('class-variance-authority/dist/types').ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
24
+ declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
25
+ declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
26
+ declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
27
+ declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
28
+ declare const ItemHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
29
+ declare const ItemFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
30
+ export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, };
@@ -0,0 +1,38 @@
1
+ import { default as React } from 'react';
2
+ import * as RadixMenubar from "@radix-ui/react-menubar";
3
+ type MenubarShape = "full" | "minimal" | "sharp";
4
+ interface MenubarProps extends RadixMenubar.MenubarProps {
5
+ shape?: MenubarShape;
6
+ }
7
+ export declare const Menubar: React.FC<MenubarProps> & {
8
+ Menu: {
9
+ (props: RadixMenubar.MenubarMenuProps & {
10
+ __scopeMenubar?: import('@radix-ui/react-context').Scope;
11
+ }): import("react/jsx-runtime").JSX.Element;
12
+ displayName: string;
13
+ };
14
+ Trigger: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
15
+ Content: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ Item: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
17
+ inset?: boolean;
18
+ } & React.RefAttributes<HTMLDivElement>>;
19
+ Separator: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
+ Label: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
21
+ inset?: boolean;
22
+ } & React.RefAttributes<HTMLDivElement>>;
23
+ CheckboxItem: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
+ RadioGroup: React.ForwardRefExoticComponent<RadixMenubar.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
25
+ RadioItem: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
26
+ Portal: React.FC<RadixMenubar.MenubarPortalProps>;
27
+ Group: React.ForwardRefExoticComponent<RadixMenubar.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
28
+ Sub: React.FC<RadixMenubar.MenubarSubProps>;
29
+ SubContent: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
+ SubTrigger: React.ForwardRefExoticComponent<Omit<RadixMenubar.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
31
+ inset?: boolean;
32
+ } & React.RefAttributes<HTMLDivElement>>;
33
+ Shortcut: {
34
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
35
+ displayName: string;
36
+ };
37
+ };
38
+ export {};
@@ -0,0 +1,23 @@
1
+ import { default as React } from 'react';
2
+ import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
3
+ export declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/dist/types').ClassProp) => string;
4
+ declare const NavigationMenuLink: React.ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
5
+ interface ContentItemProps extends Omit<React.ComponentPropsWithoutRef<typeof NavigationMenuLink>, "title"> {
6
+ title: React.ReactNode;
7
+ startIcon?: React.ReactNode;
8
+ endAdornment?: React.ReactNode;
9
+ }
10
+ export declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
11
+ List: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
12
+ Item: React.ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
13
+ Content: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+ Trigger: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
15
+ Link: React.ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
16
+ Indicator: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
17
+ Viewport: React.ForwardRefExoticComponent<Omit<RadixNavigationMenu.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ ContentList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
19
+ grid?: "cols-1" | "cols-2" | "cols-3";
20
+ } & React.RefAttributes<HTMLUListElement>>;
21
+ ContentItem: React.ForwardRefExoticComponent<ContentItemProps & React.RefAttributes<HTMLAnchorElement>>;
22
+ };
23
+ export {};
@@ -0,0 +1,34 @@
1
+ import * as React from "react";
2
+ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "onChange" | "value" | "containerClassName" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
3
+ value?: string;
4
+ onChange?: (newValue: string) => unknown;
5
+ maxLength: number;
6
+ textAlign?: "left" | "center" | "right";
7
+ onComplete?: (...args: any[]) => unknown;
8
+ pushPasswordManagerStrategy?: "increase-width" | "none";
9
+ pasteTransformer?: (pasted: string) => string;
10
+ containerClassName?: string;
11
+ noScriptCSSFallback?: string | null;
12
+ } & {
13
+ render: (props: import('input-otp').RenderProps) => React.ReactNode;
14
+ children?: never;
15
+ } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "onChange" | "value" | "containerClassName" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
16
+ value?: string;
17
+ onChange?: (newValue: string) => unknown;
18
+ maxLength: number;
19
+ textAlign?: "left" | "center" | "right";
20
+ onComplete?: (...args: any[]) => unknown;
21
+ pushPasswordManagerStrategy?: "increase-width" | "none";
22
+ pasteTransformer?: (pasted: string) => string;
23
+ containerClassName?: string;
24
+ noScriptCSSFallback?: string | null;
25
+ } & {
26
+ render?: never;
27
+ children: React.ReactNode;
28
+ } & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
29
+ declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
+ declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
31
+ index: number;
32
+ } & React.RefAttributes<HTMLDivElement>>;
33
+ declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
34
+ export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
@@ -0,0 +1,17 @@
1
+ import { useMotionValue } from 'framer-motion';
2
+ import { default as React } from 'react';
3
+ interface RefreshIndicatorProps {
4
+ /** The current pull distance as a motion value. */
5
+ pullProgress: ReturnType<typeof useMotionValue<number>>;
6
+ /** Whether the component is in the "refreshing" state. */
7
+ isRefreshing: boolean;
8
+ }
9
+ export interface PullToRefreshProps {
10
+ children: React.ReactNode;
11
+ onRefresh: () => Promise<unknown>;
12
+ IndicatorComponent?: React.ComponentType<RefreshIndicatorProps>;
13
+ pullThreshold?: number;
14
+ className?: string;
15
+ }
16
+ export declare const PullToRefresh: ({ children, onRefresh, IndicatorComponent, pullThreshold, className, }: PullToRefreshProps) => import("react/jsx-runtime").JSX.Element;
17
+ export {};