@sesamehr/react-design-system 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.
- package/LICENSE +21 -0
- package/README.md +89 -0
- package/dist/Button/Button.d.ts +12 -0
- package/dist/Button/index.d.ts +7 -0
- package/dist/Data/Table/Table.d.ts +43 -0
- package/dist/Data/Table/TableAvatar/TableAvatar.d.ts +13 -0
- package/dist/Data/Table/TableBody/TableBody.d.ts +21 -0
- package/dist/Data/Table/TableBulkHeader/TableBulkHeader.d.ts +13 -0
- package/dist/Data/Table/TableCell/TableCell.d.ts +8 -0
- package/dist/Data/Table/TableColumnVisibility/TableColumnVisibility.d.ts +10 -0
- package/dist/Data/Table/TableDragCell/TableDragCell.d.ts +6 -0
- package/dist/Data/Table/TableEmpty/TableEmpty.d.ts +3 -0
- package/dist/Data/Table/TableExpandCell/TableExpandCell.d.ts +6 -0
- package/dist/Data/Table/TableFixed/TableFixed.d.ts +27 -0
- package/dist/Data/Table/TableFixed/index.d.ts +1 -0
- package/dist/Data/Table/TableHead/TableHead.d.ts +3 -0
- package/dist/Data/Table/TableHeaderCell/TableHeaderCell.d.ts +18 -0
- package/dist/Data/Table/TablePagination/TablePagination.d.ts +10 -0
- package/dist/Data/Table/TableRow/TableRow.d.ts +11 -0
- package/dist/Data/Table/TableRow/rowDrag.d.ts +17 -0
- package/dist/Data/Table/TableRowExpanded/TableRowExpanded.d.ts +5 -0
- package/dist/Data/Table/TableSelectCell/TableSelectCell.d.ts +9 -0
- package/dist/Data/Table/hooks/index.d.ts +20 -0
- package/dist/Data/Table/hooks/useDragToScroll/useDragToScroll.d.ts +19 -0
- package/dist/Data/Table/hooks/useFixedColumns.d.ts +8 -0
- package/dist/Data/Table/hooks/useScrollShadow/useScrollShadow.d.ts +14 -0
- package/dist/Data/Table/hooks/useTable/useTable.d.ts +3 -0
- package/dist/Data/Table/hooks/useTable/useTable.types.d.ts +55 -0
- package/dist/Data/Table/hooks/useTableColumns/useTableColumns.d.ts +2 -0
- package/dist/Data/Table/hooks/useTableColumns/useTableColumns.types.d.ts +31 -0
- package/dist/Data/Table/hooks/useTableDetailRow/useTableDetailRow.d.ts +2 -0
- package/dist/Data/Table/hooks/useTableDetailRow/useTableDetailRow.types.d.ts +29 -0
- package/dist/Data/Table/hooks/useTablePagination/useTablePagination.d.ts +44 -0
- package/dist/Data/Table/hooks/useTablePinning/index.d.ts +2 -0
- package/dist/Data/Table/hooks/useTablePinning/useTablePinning.d.ts +2 -0
- package/dist/Data/Table/hooks/useTablePinning/useTablePinning.types.d.ts +50 -0
- package/dist/Data/Table/hooks/useTableSelection/useTableSelection.d.ts +2 -0
- package/dist/Data/Table/hooks/useTableSelection/useTableSelection.types.d.ts +31 -0
- package/dist/Data/Table/hooks/useTableSorting/useTableSorting.d.ts +2 -0
- package/dist/Data/Table/hooks/useTableSorting/useTableSorting.types.d.ts +24 -0
- package/dist/Data/Table/index.d.ts +17 -0
- package/dist/Data/Table/types.d.ts +90 -0
- package/dist/Display/Avatar/Avatar.d.ts +23 -0
- package/dist/Display/Avatar/hooks/useAvatarBullet.d.ts +16 -0
- package/dist/Display/Avatar/index.d.ts +9 -0
- package/dist/Display/AvatarGroup/AvatarGroup.d.ts +16 -0
- package/dist/Display/AvatarGroup/index.d.ts +1 -0
- package/dist/Display/Badge/Badge.d.ts +6 -0
- package/dist/Display/Badge/index.d.ts +6 -0
- package/dist/Display/PaymentCard/PaymentCard.d.ts +13 -0
- package/dist/Display/PaymentCard/index.d.ts +20 -0
- package/dist/Feedback/Alert/Alert.d.ts +18 -0
- package/dist/Feedback/Alert/AlertClose.d.ts +3 -0
- package/dist/Feedback/Alert/AlertDescription.d.ts +3 -0
- package/dist/Feedback/Alert/AlertIcon.d.ts +3 -0
- package/dist/Feedback/Alert/AlertTitle.d.ts +3 -0
- package/dist/Feedback/Alert/AlertToggle.d.ts +3 -0
- package/dist/Feedback/Alert/alert-context.d.ts +12 -0
- package/dist/Feedback/Alert/index.d.ts +7 -0
- package/dist/Feedback/Bullet/Bullet.d.ts +7 -0
- package/dist/Feedback/Bullet/index.d.ts +7 -0
- package/dist/Feedback/Dialog/Dialog.d.ts +12 -0
- package/dist/Feedback/Dialog/DialogContent.d.ts +6 -0
- package/dist/Feedback/Dialog/DialogDescription.d.ts +3 -0
- package/dist/Feedback/Dialog/DialogOverlay.d.ts +4 -0
- package/dist/Feedback/Dialog/DialogTitle.d.ts +3 -0
- package/dist/Feedback/Dialog/DialogTwoPanelContent.d.ts +8 -0
- package/dist/Feedback/Dialog/index.d.ts +7 -0
- package/dist/Feedback/Popover/Popover.d.ts +14 -0
- package/dist/Feedback/Popover/PopoverContent.d.ts +6 -0
- package/dist/Feedback/Popover/index.d.ts +3 -0
- package/dist/Feedback/StatusBadge/StatusBadge.d.ts +6 -0
- package/dist/Feedback/StatusBadge/index.d.ts +9 -0
- package/dist/Feedback/Tooltip/Tooltip.d.ts +16 -0
- package/dist/Feedback/Tooltip/TooltipContent.d.ts +6 -0
- package/dist/Feedback/Tooltip/index.d.ts +2 -0
- package/dist/Forms/Field/FieldGroup/FieldGroup.d.ts +4 -0
- package/dist/Forms/Field/FieldLabel/FieldLabel.d.ts +2 -0
- package/dist/Forms/Field/FieldMessage/FieldMessage.d.ts +5 -0
- package/dist/Forms/Field/index.d.ts +3 -0
- package/dist/Forms/Inputs/Combobox/Combobox.d.ts +27 -0
- package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.d.ts +12 -0
- package/dist/Forms/Inputs/Combobox/ComboboxContent.d.ts +13 -0
- package/dist/Forms/Inputs/Combobox/ComboboxEmpty.d.ts +10 -0
- package/dist/Forms/Inputs/Combobox/ComboboxGroup.d.ts +7 -0
- package/dist/Forms/Inputs/Combobox/ComboboxInput.d.ts +14 -0
- package/dist/Forms/Inputs/Combobox/ComboboxItem.d.ts +10 -0
- package/dist/Forms/Inputs/Combobox/ComboboxSeparator.d.ts +10 -0
- package/dist/Forms/Inputs/Combobox/context.d.ts +26 -0
- package/dist/Forms/Inputs/Combobox/index.d.ts +8 -0
- package/dist/Forms/Inputs/Combobox/types.d.ts +8 -0
- package/dist/Forms/Inputs/InputGroup/InputGroup.d.ts +2 -0
- package/dist/Forms/Inputs/InputNumber/InputNumber.d.ts +18 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberContent.d.ts +2 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberContext.d.ts +20 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberDecrement.d.ts +3 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberIncrement.d.ts +3 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberInput.d.ts +3 -0
- package/dist/Forms/Inputs/InputNumber/index.d.ts +5 -0
- package/dist/Forms/Inputs/InputText/InputText.d.ts +14 -0
- package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.d.ts +11 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.d.ts +7 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.d.ts +9 -0
- package/dist/Forms/Inputs/Toggle/Switch/Switch.d.ts +13 -0
- package/dist/Forms/Inputs/Toggle/Switch/constants.d.ts +1 -0
- package/dist/Forms/Inputs/Toggle/ToggleDescription/ToggleDescription.d.ts +5 -0
- package/dist/Forms/Inputs/Toggle/ToggleGroup/ToggleGroup.d.ts +7 -0
- package/dist/Forms/Inputs/Toggle/ToggleLabel/ToggleLabel.d.ts +5 -0
- package/dist/Forms/Inputs/Toggle/index.d.ts +8 -0
- package/dist/Forms/Inputs/index.d.ts +5 -0
- package/dist/Layout/Resizable/Resizable.d.ts +13 -0
- package/dist/Layout/Resizable/ResizableHandle.d.ts +21 -0
- package/dist/Layout/Resizable/ResizablePanel.d.ts +20 -0
- package/dist/Layout/Resizable/index.d.ts +3 -0
- package/dist/Navigation/Accordion/Accordion.d.ts +4 -0
- package/dist/Navigation/Accordion/AccordionContent.d.ts +3 -0
- package/dist/Navigation/Accordion/AccordionItem.d.ts +3 -0
- package/dist/Navigation/Accordion/AccordionTrigger.d.ts +3 -0
- package/dist/Navigation/Accordion/index.d.ts +4 -0
- package/dist/Navigation/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbItem.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbLink.d.ts +7 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbList.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbPage.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.d.ts +2 -0
- package/dist/Navigation/Breadcrumb/index.d.ts +7 -0
- package/dist/Navigation/Tabs/Tabs.d.ts +4 -0
- package/dist/Navigation/Tabs/TabsContent.d.ts +3 -0
- package/dist/Navigation/Tabs/TabsList.d.ts +3 -0
- package/dist/Navigation/Tabs/TabsTrigger.d.ts +3 -0
- package/dist/Navigation/Tabs/index.d.ts +4 -0
- package/dist/Transitions/TransitionBase.d.ts +30 -0
- package/dist/Transitions/TransitionBounce/TransitionBounce.d.ts +7 -0
- package/dist/Transitions/TransitionBounce/index.d.ts +1 -0
- package/dist/Transitions/TransitionExpand/TransitionExpand.d.ts +7 -0
- package/dist/Transitions/TransitionExpand/index.d.ts +1 -0
- package/dist/Transitions/TransitionFade/TransitionFade.d.ts +7 -0
- package/dist/Transitions/TransitionFade/index.d.ts +1 -0
- package/dist/Transitions/TransitionFlip/TransitionFlip.d.ts +13 -0
- package/dist/Transitions/TransitionFlip/index.d.ts +1 -0
- package/dist/Transitions/TransitionSlideX/TransitionSlideX.d.ts +10 -0
- package/dist/Transitions/TransitionSlideX/index.d.ts +1 -0
- package/dist/Transitions/TransitionSlideY/TransitionSlideY.d.ts +10 -0
- package/dist/Transitions/TransitionSlideY/index.d.ts +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/main.d.ts +25 -0
- package/dist/react-design-system.css +1 -0
- package/dist/react-design-system.js +19498 -0
- package/dist/react-design-system.umd.cjs +165 -0
- package/package.json +94 -0
- package/src/assets/styles/mainTheme.css +1 -0
- package/src/assets/styles/primitives.css +98 -0
- package/src/assets/styles/theme-v2.css +298 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface ComboboxChipsInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
|
|
2
|
+
placeholder?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
/** Custom trigger content (defaults to a chevron icon). */
|
|
5
|
+
trigger?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* ComboboxChipsInput — replaces reka `ComboboxChipsInput`.
|
|
9
|
+
* Multi-select field: renders the selected values as removable chips (read from
|
|
10
|
+
* the shared `multiple` model) alongside the search field.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ComboboxChipsInput: import('react').ForwardRefExoticComponent<ComboboxChipsInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
2
|
+
export interface ComboboxContentProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side' | 'align' | 'sideOffset'> {
|
|
3
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
sideOffset?: number;
|
|
5
|
+
align?: 'start' | 'center' | 'end';
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* ComboboxContent — replaces reka `ComboboxPortal`/`ComboboxContent`/`ComboboxViewport`.
|
|
9
|
+
* `@radix-ui/react-popover` provides the portal + positioning; `cmdk`'s `Command`
|
|
10
|
+
* provides item filtering. A visually-hidden `CommandInput` receives the shared
|
|
11
|
+
* search string so typing in the anchored input filters the list.
|
|
12
|
+
*/
|
|
13
|
+
export declare const ComboboxContent: import('react').ForwardRefExoticComponent<ComboboxContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CommandEmpty } from 'cmdk';
|
|
2
|
+
export type ComboboxEmptyProps = React.ComponentPropsWithoutRef<typeof CommandEmpty>;
|
|
3
|
+
/** ComboboxEmpty — replaces reka `ComboboxEmpty`. Shown when no items match. */
|
|
4
|
+
export declare const ComboboxEmpty: import('react').ForwardRefExoticComponent<Omit<{
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
7
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
8
|
+
} & {
|
|
9
|
+
asChild?: boolean;
|
|
10
|
+
}, keyof import('react').HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CommandGroup } from 'cmdk';
|
|
2
|
+
export interface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandGroup> {
|
|
3
|
+
/** Optional group heading. */
|
|
4
|
+
label?: string;
|
|
5
|
+
}
|
|
6
|
+
/** ComboboxGroup — replaces reka `ComboboxGroup` + `ComboboxLabel`. */
|
|
7
|
+
export declare const ComboboxGroup: import('react').ForwardRefExoticComponent<ComboboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface ComboboxInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
|
|
2
|
+
placeholder?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
/** Formats the selected value shown in the input when not actively searching. */
|
|
5
|
+
displayValue?: (value: unknown) => string;
|
|
6
|
+
/** Custom trigger content (defaults to a chevron icon). */
|
|
7
|
+
trigger?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* ComboboxInput — replaces reka `ComboboxAnchor` + `ComboboxInput` + `ComboboxTrigger`.
|
|
11
|
+
* The single-select text field: shows the current selection, opens the popover
|
|
12
|
+
* on focus and drives cmdk filtering via the shared `search` state.
|
|
13
|
+
*/
|
|
14
|
+
export declare const ComboboxInput: import('react').ForwardRefExoticComponent<ComboboxInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CommandItem } from 'cmdk';
|
|
2
|
+
export interface ComboboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CommandItem>, 'value' | 'onSelect'> {
|
|
3
|
+
value: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* ComboboxItem — replaces reka `ComboboxItem` + `ComboboxItemIndicator`.
|
|
8
|
+
* Selecting commits the value through the shared context (toggles for multiple).
|
|
9
|
+
*/
|
|
10
|
+
export declare const ComboboxItem: import('react').ForwardRefExoticComponent<ComboboxItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CommandSeparator } from 'cmdk';
|
|
2
|
+
export type ComboboxSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandSeparator>;
|
|
3
|
+
/** ComboboxSeparator — replaces reka `ComboboxSeparator`. */
|
|
4
|
+
export declare const ComboboxSeparator: import('react').ForwardRefExoticComponent<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
5
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
+
} & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}, keyof import('react').HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
|
|
9
|
+
alwaysRender?: boolean;
|
|
10
|
+
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared Combobox state.
|
|
3
|
+
*
|
|
4
|
+
* The reka-ui `ComboboxRoot` exposed a single context (model value, multiple,
|
|
5
|
+
* disabled, open) consumed by every sub-part. cmdk + `@radix-ui/react-popover`
|
|
6
|
+
* split those responsibilities, so we recreate that single context here to keep
|
|
7
|
+
* the same public component split and behaviour.
|
|
8
|
+
*/
|
|
9
|
+
export interface ComboboxContextValue {
|
|
10
|
+
/** Current selection. `string` for single-select, `string[]` for multiple. */
|
|
11
|
+
value: string | string[] | undefined;
|
|
12
|
+
/** Commit a selection (toggles for `multiple`). */
|
|
13
|
+
select: (value: string) => void;
|
|
14
|
+
/** Whether multiple values can be selected (chips input). */
|
|
15
|
+
multiple: boolean;
|
|
16
|
+
/** Disables input + trigger. */
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
/** Popover open state. */
|
|
19
|
+
open: boolean;
|
|
20
|
+
setOpen: (open: boolean) => void;
|
|
21
|
+
/** Search string driving cmdk filtering. */
|
|
22
|
+
search: string;
|
|
23
|
+
setSearch: (search: string) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare const ComboboxContext: import('react').Context<ComboboxContextValue | null>;
|
|
26
|
+
export declare function useComboboxContext(): ComboboxContextValue;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { Combobox, type ComboboxProps } from './Combobox';
|
|
2
|
+
export { ComboboxInput, type ComboboxInputProps } from './ComboboxInput';
|
|
3
|
+
export { ComboboxChipsInput, type ComboboxChipsInputProps, } from './ComboboxChipsInput';
|
|
4
|
+
export { ComboboxContent, type ComboboxContentProps } from './ComboboxContent';
|
|
5
|
+
export { ComboboxItem, type ComboboxItemProps } from './ComboboxItem';
|
|
6
|
+
export { ComboboxEmpty, type ComboboxEmptyProps } from './ComboboxEmpty';
|
|
7
|
+
export { ComboboxGroup, type ComboboxGroupProps } from './ComboboxGroup';
|
|
8
|
+
export { ComboboxSeparator, type ComboboxSeparatorProps, } from './ComboboxSeparator';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type { ComboboxProps } from './Combobox';
|
|
2
|
+
export type { ComboboxInputProps } from './ComboboxInput';
|
|
3
|
+
export type { ComboboxChipsInputProps } from './ComboboxChipsInput';
|
|
4
|
+
export type { ComboboxContentProps } from './ComboboxContent';
|
|
5
|
+
export type { ComboboxItemProps } from './ComboboxItem';
|
|
6
|
+
export type { ComboboxEmptyProps } from './ComboboxEmpty';
|
|
7
|
+
export type { ComboboxGroupProps } from './ComboboxGroup';
|
|
8
|
+
export type { ComboboxSeparatorProps } from './ComboboxSeparator';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface InputNumberProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
|
|
2
|
+
/** Controlled value. */
|
|
3
|
+
value?: number | null;
|
|
4
|
+
/** Uncontrolled initial value. */
|
|
5
|
+
defaultValue?: number | null;
|
|
6
|
+
/** Emitted whenever the value changes. */
|
|
7
|
+
onValueChange?: (value: number | null) => void;
|
|
8
|
+
min?: number;
|
|
9
|
+
max?: number;
|
|
10
|
+
step?: number;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* InputNumber root — replaces reka-ui `NumberFieldRoot`.
|
|
15
|
+
* Radix has no NumberField, so this is a controlled numeric field that provides
|
|
16
|
+
* value/step/min/max/disabled context to its subcomponents.
|
|
17
|
+
*/
|
|
18
|
+
export declare const InputNumber: import('react').ForwardRefExoticComponent<InputNumberProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface InputNumberContextValue {
|
|
2
|
+
/** Current numeric value, or null when empty. */
|
|
3
|
+
value: number | null;
|
|
4
|
+
/** Commit a raw string typed into the input. */
|
|
5
|
+
setInputValue: (raw: string) => void;
|
|
6
|
+
increment: () => void;
|
|
7
|
+
decrement: () => void;
|
|
8
|
+
/** Whether incrementing further is not allowed (at/over max). */
|
|
9
|
+
canIncrement: boolean;
|
|
10
|
+
/** Whether decrementing further is not allowed (at/under min). */
|
|
11
|
+
canDecrement: boolean;
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
min?: number;
|
|
14
|
+
max?: number;
|
|
15
|
+
step: number;
|
|
16
|
+
/** String shown in the input. */
|
|
17
|
+
displayValue: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const InputNumberContext: import('react').Context<InputNumberContextValue | null>;
|
|
20
|
+
export declare function useInputNumberContext(): InputNumberContextValue;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type InputNumberDecrementProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
2
|
+
/** Replaces reka-ui `NumberFieldDecrement`. */
|
|
3
|
+
export declare const InputNumberDecrement: import('react').ForwardRefExoticComponent<InputNumberDecrementProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type InputNumberIncrementProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
2
|
+
/** Replaces reka-ui `NumberFieldIncrement`. */
|
|
3
|
+
export declare const InputNumberIncrement: import('react').ForwardRefExoticComponent<InputNumberIncrementProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type InputNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'type'>;
|
|
2
|
+
/** Replaces reka-ui `NumberFieldInput` — a `spinbutton`-role text input. */
|
|
3
|
+
export declare const InputNumberInput: import('react').ForwardRefExoticComponent<InputNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { InputNumber, type InputNumberProps } from './InputNumber';
|
|
2
|
+
export { InputNumberContent, type InputNumberContentProps, } from './InputNumberContent';
|
|
3
|
+
export { InputNumberDecrement, type InputNumberDecrementProps, } from './InputNumberDecrement';
|
|
4
|
+
export { InputNumberIncrement, type InputNumberIncrementProps, } from './InputNumberIncrement';
|
|
5
|
+
export { InputNumberInput, type InputNumberInputProps, } from './InputNumberInput';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
2
|
+
/** Controlled value (mirrors the Vue `field` model). */
|
|
3
|
+
field?: string;
|
|
4
|
+
/** Emitted on input (mirrors the Vue `update:field` event). */
|
|
5
|
+
onFieldChange?: (value: string) => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* InputText — mirrors `@orxata/core` InputText.
|
|
9
|
+
* The Vue `field` v-model becomes the `field` value + `onFieldChange` callback.
|
|
10
|
+
* Native `value`/`onChange` still pass through via `...props`.
|
|
11
|
+
* `type` defaults to `'text'` but can be overridden (matches the Vue
|
|
12
|
+
* `<input type="text" v-bind="props">` where a passed `type` wins).
|
|
13
|
+
*/
|
|
14
|
+
export declare const InputText: import('react').ForwardRefExoticComponent<InputTextProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
2
|
+
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
3
|
+
variant?: 'default' | 'rounded';
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Checkbox — mirrors `@orxata/core` Checkbox.
|
|
7
|
+
* `v-model` (`boolean | 'indeterminate'`) maps to Radix `checked` /
|
|
8
|
+
* `onCheckedChange` (+ `defaultChecked`). The Vue `TransitionBounce` wrapper
|
|
9
|
+
* has no React equivalent yet and is omitted.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
2
|
+
export type RadioButtonProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
|
|
3
|
+
/**
|
|
4
|
+
* RadioButton — mirrors `@orxata/core` RadioButton (reka `RadioGroupItem`).
|
|
5
|
+
* The Vue `TransitionBounce` wrapper has no React equivalent yet and is omitted.
|
|
6
|
+
*/
|
|
7
|
+
export declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
2
|
+
export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
3
|
+
orientation?: 'horizontal' | 'vertical';
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* RadioGroup — mirrors `@orxata/core` RadioGroup (reka `RadioGroupRoot`).
|
|
7
|
+
* `v-model` maps to Radix `value` / `onValueChange` (+ `defaultValue`).
|
|
8
|
+
*/
|
|
9
|
+
export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'children'> {
|
|
2
|
+
checked?: boolean;
|
|
3
|
+
size?: 'small' | 'regular';
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Switch — mirrors `@orxata/core` Switch. A custom div + native checkbox
|
|
10
|
+
* toggle (the source does not use reka `SwitchRoot`), so it is ported as a
|
|
11
|
+
* controlled component: `checked` + `onCheckedChange` replace Vue's `v-model`.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SWITCH_SIZES: string[];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export interface ToggleDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
2
|
+
size?: 'xs' | 'sm' | 'base';
|
|
3
|
+
}
|
|
4
|
+
/** ToggleDescription — mirrors `@orxata/core` ToggleDescription. */
|
|
5
|
+
export declare const ToggleDescription: import('react').ForwardRefExoticComponent<ToggleDescriptionProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface ToggleGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
2
|
+
align?: 'start' | 'center';
|
|
3
|
+
gap?: 'sm' | 'md' | 'lg';
|
|
4
|
+
}
|
|
5
|
+
/** ToggleGroup — mirrors `@orxata/core` ToggleGroup. Grid wrapper that lays
|
|
6
|
+
* out a controller, its label and description. */
|
|
7
|
+
export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export interface ToggleLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
2
|
+
htmlFor?: string;
|
|
3
|
+
}
|
|
4
|
+
/** ToggleLabel — mirrors `@orxata/core` ToggleLabel. */
|
|
5
|
+
export declare const ToggleLabel: import('react').ForwardRefExoticComponent<ToggleLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { Switch, type SwitchProps } from './Switch/Switch';
|
|
2
|
+
export * from './Switch/constants';
|
|
3
|
+
export { Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
|
|
4
|
+
export { RadioButton, type RadioButtonProps } from './RadioButton/RadioButton';
|
|
5
|
+
export { RadioGroup, type RadioGroupProps } from './RadioButton/RadioGroup';
|
|
6
|
+
export { ToggleGroup, type ToggleGroupProps } from './ToggleGroup/ToggleGroup';
|
|
7
|
+
export { ToggleLabel, type ToggleLabelProps } from './ToggleLabel/ToggleLabel';
|
|
8
|
+
export { ToggleDescription, type ToggleDescriptionProps, } from './ToggleDescription/ToggleDescription';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
|
+
import { ImperativePanelGroupHandle, PanelGroup } from 'react-resizable-panels';
|
|
3
|
+
export type ResizableProps = Omit<React.ComponentPropsWithoutRef<typeof PanelGroup>, 'direction'> & {
|
|
4
|
+
direction?: 'horizontal' | 'vertical';
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Resizable — maps reka-ui `SplitterGroup` to `react-resizable-panels` `PanelGroup`.
|
|
8
|
+
*
|
|
9
|
+
* `direction` mirrors reka's `direction`. We also set `data-orientation` from it
|
|
10
|
+
* because `react-resizable-panels` emits `data-panel-group-direction` (not
|
|
11
|
+
* `data-orientation`), and the CSS selectors + a11y rely on `data-orientation`.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Resizable: ForwardRefExoticComponent<ResizableProps & RefAttributes<ImperativePanelGroupHandle>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PanelResizeHandleProps } from 'react-resizable-panels';
|
|
2
|
+
export type ResizableHandleProps = PanelResizeHandleProps & {
|
|
3
|
+
/**
|
|
4
|
+
* Orientation of the parent group. `react-resizable-panels` does not expose
|
|
5
|
+
* the group direction to the handle DOM (reka propagated it via context), so
|
|
6
|
+
* we accept it explicitly to drive the `data-orientation` CSS selectors.
|
|
7
|
+
*/
|
|
8
|
+
orientation?: 'horizontal' | 'vertical';
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* ResizableHandle — maps reka-ui `SplitterResizeHandle` to
|
|
12
|
+
* `react-resizable-panels` `PanelResizeHandle`. Renders a grip bar; `children`
|
|
13
|
+
* override the default `GripVertical` icon (mirrors reka's default slot).
|
|
14
|
+
*
|
|
15
|
+
* Not `forwardRef`: `PanelResizeHandle` is a plain function component and does
|
|
16
|
+
* not accept a `ref`.
|
|
17
|
+
*/
|
|
18
|
+
export declare const ResizableHandle: {
|
|
19
|
+
({ className, orientation, children, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Panel } from 'react-resizable-panels';
|
|
2
|
+
export type ResizablePanelProps = React.ComponentPropsWithoutRef<typeof Panel>;
|
|
3
|
+
/** ResizablePanel — maps reka-ui `SplitterPanel` to `react-resizable-panels` `Panel`. */
|
|
4
|
+
export declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').HTMLAttributes<HTMLElement | HTMLDivElement | HTMLLabelElement | HTMLSpanElement | HTMLInputElement | HTMLButtonElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
collapsedSize?: number | undefined;
|
|
7
|
+
collapsible?: boolean | undefined;
|
|
8
|
+
defaultSize?: number | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
maxSize?: number | undefined;
|
|
11
|
+
minSize?: number | undefined;
|
|
12
|
+
onCollapse?: import('react-resizable-panels').PanelOnCollapse | undefined;
|
|
13
|
+
onExpand?: import('react-resizable-panels').PanelOnExpand | undefined;
|
|
14
|
+
onResize?: import('react-resizable-panels').PanelOnResize | undefined;
|
|
15
|
+
order?: number | undefined;
|
|
16
|
+
style?: object | undefined;
|
|
17
|
+
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
18
|
+
} & {
|
|
19
|
+
children?: import('react').ReactNode;
|
|
20
|
+
} & import('react').RefAttributes<import('react-resizable-panels').ImperativePanelHandle>, "ref"> & import('react').RefAttributes<import('react-resizable-panels').ImperativePanelHandle>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
export type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
|
|
3
|
+
/** Accordion root — maps reka-ui `AccordionRoot` to `@radix-ui/react-accordion`. */
|
|
4
|
+
export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
export type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
|
|
3
|
+
export declare const AccordionContent: import('react').ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
export type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
|
|
3
|
+
export declare const AccordionItem: import('react').ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
export type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
|
|
3
|
+
export declare const AccordionTrigger: import('react').ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Accordion, type AccordionProps } from './Accordion';
|
|
2
|
+
export { AccordionItem, type AccordionItemProps } from './AccordionItem';
|
|
3
|
+
export { AccordionTrigger, type AccordionTriggerProps, } from './AccordionTrigger';
|
|
4
|
+
export { AccordionContent, type AccordionContentProps, } from './AccordionContent';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbProps = React.ComponentPropsWithoutRef<'nav'>;
|
|
2
|
+
export declare const Breadcrumb: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbEllipsisProps = React.ComponentPropsWithoutRef<'span'>;
|
|
2
|
+
export declare const BreadcrumbEllipsis: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbItemProps = React.ComponentPropsWithoutRef<'li'>;
|
|
2
|
+
export declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {
|
|
2
|
+
/** Render the child element instead of an `<a>`. Useful with router links. */
|
|
3
|
+
asChild?: boolean;
|
|
4
|
+
/** Mark as the current page (not clickable). */
|
|
5
|
+
current?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const BreadcrumbLink: import('react').ForwardRefExoticComponent<BreadcrumbLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbListProps = React.ComponentPropsWithoutRef<'ol'>;
|
|
2
|
+
export declare const BreadcrumbList: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbPageProps = React.ComponentPropsWithoutRef<'span'>;
|
|
2
|
+
export declare const BreadcrumbPage: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<'li'>;
|
|
2
|
+
export declare const BreadcrumbSeparator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
|
|
2
|
+
export { BreadcrumbList, type BreadcrumbListProps } from './BreadcrumbList';
|
|
3
|
+
export { BreadcrumbItem, type BreadcrumbItemProps } from './BreadcrumbItem';
|
|
4
|
+
export { BreadcrumbLink, type BreadcrumbLinkProps } from './BreadcrumbLink';
|
|
5
|
+
export { BreadcrumbPage, type BreadcrumbPageProps } from './BreadcrumbPage';
|
|
6
|
+
export { BreadcrumbSeparator, type BreadcrumbSeparatorProps, } from './BreadcrumbSeparator';
|
|
7
|
+
export { BreadcrumbEllipsis, type BreadcrumbEllipsisProps, } from './BreadcrumbEllipsis';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
|
+
export type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
|
|
3
|
+
/** Tabs root — maps reka-ui `TabsRoot` to `@radix-ui/react-tabs`. */
|
|
4
|
+
export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
|
+
export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
|
|
3
|
+
export declare const TabsContent: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
|
+
export type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
3
|
+
export declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
|
+
export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
|
|
3
|
+
export declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export interface TransitionBaseProps {
|
|
3
|
+
/** Toggles the enter (true) / exit (false) animation. */
|
|
4
|
+
in?: boolean;
|
|
5
|
+
/** Run the enter animation on initial mount. */
|
|
6
|
+
appear?: boolean;
|
|
7
|
+
/** Keep the child mounted until the exit animation finishes (default true). */
|
|
8
|
+
unmountOnExit?: boolean;
|
|
9
|
+
/** Delay mounting the child until the enter starts (default true). */
|
|
10
|
+
mountOnEnter?: boolean;
|
|
11
|
+
/** A single element child that accepts a ref (DOM element or forwardRef). */
|
|
12
|
+
children: ReactElement;
|
|
13
|
+
}
|
|
14
|
+
interface InternalTransitionProps extends TransitionBaseProps {
|
|
15
|
+
classNames: string;
|
|
16
|
+
timeout: {
|
|
17
|
+
enter: number;
|
|
18
|
+
exit: number;
|
|
19
|
+
appear?: number;
|
|
20
|
+
};
|
|
21
|
+
styleVars: Record<string, string>;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Shared wrapper around react-transition-group's `CSSTransition`, used by every
|
|
25
|
+
* Transition* component. Injects the per-instance duration CSS variables and a
|
|
26
|
+
* `nodeRef` onto the single child (no extra wrapper node — mirrors Vue's
|
|
27
|
+
* `<Transition>`, which applies transition classes directly to its child).
|
|
28
|
+
*/
|
|
29
|
+
export declare function TransitionBase({ in: inProp, appear, unmountOnExit, mountOnEnter, classNames, timeout, styleVars, children, }: InternalTransitionProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionBounceProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
}
|
|
6
|
+
/** Bounce transition — ported from `@orxata/core` TransitionBounce. */
|
|
7
|
+
export declare function TransitionBounce({ enterDuration, leaveDuration, ...rest }: TransitionBounceProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TransitionBounce, type TransitionBounceProps, } from './TransitionBounce';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionExpandProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
}
|
|
6
|
+
/** Vertical expand/collapse transition — ported from `@orxata/core` TransitionExpand. */
|
|
7
|
+
export declare function TransitionExpand({ enterDuration, leaveDuration, ...rest }: TransitionExpandProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TransitionExpand, type TransitionExpandProps, } from './TransitionExpand';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionFadeProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
}
|
|
6
|
+
/** Fade transition — ported from `@orxata/core` TransitionFade. */
|
|
7
|
+
export declare function TransitionFade({ enterDuration, leaveDuration, ...rest }: TransitionFadeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TransitionFade, type TransitionFadeProps } from './TransitionFade';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionFlipProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
axis?: 'x' | 'y';
|
|
6
|
+
/**
|
|
7
|
+
* Kept for API parity with the Vue source; the Animista keyframes use fixed
|
|
8
|
+
* 70°/80° rotations, so this value does not alter the animation (matches core).
|
|
9
|
+
*/
|
|
10
|
+
enterDegrees?: number;
|
|
11
|
+
}
|
|
12
|
+
/** 3D flip transition — ported from `@orxata/core` TransitionFlip. */
|
|
13
|
+
export declare function TransitionFlip({ enterDuration, leaveDuration, axis, enterDegrees, ...rest }: TransitionFlipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TransitionFlip, type TransitionFlipProps } from './TransitionFlip';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionSlideXProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
distance?: string;
|
|
6
|
+
direction?: 'left' | 'right';
|
|
7
|
+
leaveDirection?: 'left' | 'right';
|
|
8
|
+
}
|
|
9
|
+
/** Horizontal slide transition — ported from `@orxata/core` TransitionSlideX. */
|
|
10
|
+
export declare function TransitionSlideX({ enterDuration, leaveDuration, distance, direction, leaveDirection, ...rest }: TransitionSlideXProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TransitionSlideX, type TransitionSlideXProps, } from './TransitionSlideX';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TransitionBaseProps } from '../TransitionBase';
|
|
2
|
+
export interface TransitionSlideYProps extends TransitionBaseProps {
|
|
3
|
+
enterDuration?: number;
|
|
4
|
+
leaveDuration?: number;
|
|
5
|
+
distance?: string;
|
|
6
|
+
direction?: 'top' | 'bottom';
|
|
7
|
+
leaveDirection?: 'top' | 'bottom';
|
|
8
|
+
}
|
|
9
|
+
/** Vertical slide transition — ported from `@orxata/core` TransitionSlideY. */
|
|
10
|
+
export declare function TransitionSlideY({ enterDuration, leaveDuration, distance, direction, leaveDirection, ...rest }: TransitionSlideYProps): import("react/jsx-runtime").JSX.Element;
|