@exsto/ds 0.0.0-stage → 0.0.1-rc.1
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 +202 -0
- package/README.md +84 -2
- package/dist/chunks/toggle-group-ByNq8g7H.js +4263 -0
- package/dist/chunks/toggle-group-ByNq8g7H.js.map +1 -0
- package/dist/dom/src/context.d.ts +34 -0
- package/dist/dom/src/define-element.d.ts +11 -0
- package/dist/dom/src/define-element.test.d.ts +1 -0
- package/dist/dom/src/field-control.d.ts +5 -0
- package/dist/dom/src/index.d.ts +6 -0
- package/dist/dom/src/mode.d.ts +8 -0
- package/dist/dom/src/native-slot.test.d.ts +1 -0
- package/dist/dom/src/styles.d.ts +6 -0
- package/dist/dom/src/theme-state.d.ts +1 -0
- package/dist/dom/src/types.d.ts +65 -0
- package/dist/ds/src/elements.d.ts +12 -0
- package/dist/ds/src/index.d.ts +8 -0
- package/dist/elements/src/edx-accordion.d.ts +14 -0
- package/dist/elements/src/edx-accordion.test.d.ts +1 -0
- package/dist/elements/src/edx-alert.d.ts +14 -0
- package/dist/elements/src/edx-audio-player.d.ts +11 -0
- package/dist/elements/src/edx-avatar.d.ts +10 -0
- package/dist/elements/src/edx-badge.d.ts +12 -0
- package/dist/elements/src/edx-breadcrumb.d.ts +11 -0
- package/dist/elements/src/edx-button-group.d.ts +7 -0
- package/dist/elements/src/edx-button.d.ts +20 -0
- package/dist/elements/src/edx-calendar.d.ts +21 -0
- package/dist/elements/src/edx-card.d.ts +8 -0
- package/dist/elements/src/edx-checkbox.d.ts +18 -0
- package/dist/elements/src/edx-combobox.d.ts +28 -0
- package/dist/elements/src/edx-content-components.d.ts +2 -0
- package/dist/elements/src/edx-dialog.d.ts +20 -0
- package/dist/elements/src/edx-drawer.d.ts +21 -0
- package/dist/elements/src/edx-dropdown-menu.d.ts +29 -0
- package/dist/elements/src/edx-field.d.ts +9 -0
- package/dist/elements/src/edx-field.test.d.ts +1 -0
- package/dist/elements/src/edx-indicator.d.ts +14 -0
- package/dist/elements/src/edx-input-group.d.ts +32 -0
- package/dist/elements/src/edx-input-otp.d.ts +19 -0
- package/dist/elements/src/edx-input.d.ts +31 -0
- package/dist/elements/src/edx-interactive-components.d.ts +2 -0
- package/dist/elements/src/edx-label.d.ts +6 -0
- package/dist/elements/src/edx-pagination.d.ts +8 -0
- package/dist/elements/src/edx-popover.d.ts +24 -0
- package/dist/elements/src/edx-progress.d.ts +10 -0
- package/dist/elements/src/edx-radio-group.d.ts +22 -0
- package/dist/elements/src/edx-radio-group.test.d.ts +1 -0
- package/dist/elements/src/edx-scroll-area.d.ts +15 -0
- package/dist/elements/src/edx-scroll-area.test.d.ts +1 -0
- package/dist/elements/src/edx-select.d.ts +34 -0
- package/dist/elements/src/edx-separator.d.ts +10 -0
- package/dist/elements/src/edx-skeleton.d.ts +8 -0
- package/dist/elements/src/edx-slider.d.ts +17 -0
- package/dist/elements/src/edx-slider.test.d.ts +1 -0
- package/dist/elements/src/edx-switch.d.ts +18 -0
- package/dist/elements/src/edx-table.d.ts +13 -0
- package/dist/elements/src/edx-table.test.d.ts +1 -0
- package/dist/elements/src/edx-tabs.d.ts +15 -0
- package/dist/elements/src/edx-tabs.test.d.ts +1 -0
- package/dist/elements/src/edx-textarea.d.ts +25 -0
- package/dist/elements/src/edx-toggle-group.d.ts +27 -0
- package/dist/elements/src/edx-toggle-group.test.d.ts +1 -0
- package/dist/elements/src/edx-toggle.d.ts +18 -0
- package/dist/elements/src/edx-tooltip.d.ts +28 -0
- package/dist/elements/src/edx-video-player.d.ts +16 -0
- package/dist/elements/src/field-control-bridge.d.ts +7 -0
- package/dist/elements/src/index.d.ts +14 -0
- package/dist/elements/src/projected-content.test.d.ts +1 -0
- package/dist/elements/src/registry.d.ts +39 -0
- package/dist/elements/src/registry.test.d.ts +1 -0
- package/dist/elements.js +4020 -0
- package/dist/elements.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/styles.css +7486 -0
- package/dist/styles.css.d.ts +2 -0
- package/dist/theme/src/index.d.ts +4 -0
- package/dist/ui/src/components/edyn/audio-player/audio-player.d.ts +29 -0
- package/dist/ui/src/components/edyn/audio-player/index.d.ts +1 -0
- package/dist/ui/src/components/edyn/video-player/index.d.ts +1 -0
- package/dist/ui/src/components/edyn/video-player/video-player.d.ts +55 -0
- package/dist/ui/src/components/ui/accordion/accordion.behavior.test.d.ts +13 -0
- package/dist/ui/src/components/ui/accordion/accordion.d.ts +27 -0
- package/dist/ui/src/components/ui/accordion/index.d.ts +1 -0
- package/dist/ui/src/components/ui/alert/alert.d.ts +10 -0
- package/dist/ui/src/components/ui/alert/index.d.ts +1 -0
- package/dist/ui/src/components/ui/alert-dialog/alert-dialog.d.ts +17 -0
- package/dist/ui/src/components/ui/alert-dialog/index.d.ts +1 -0
- package/dist/ui/src/components/ui/aspect-ratio/aspect-ratio.d.ts +3 -0
- package/dist/ui/src/components/ui/aspect-ratio/index.d.ts +1 -0
- package/dist/ui/src/components/ui/attachment/attachment.d.ts +23 -0
- package/dist/ui/src/components/ui/attachment/index.d.ts +1 -0
- package/dist/ui/src/components/ui/avatar/avatar.d.ts +10 -0
- package/dist/ui/src/components/ui/avatar/index.d.ts +1 -0
- package/dist/ui/src/components/ui/badge/badge.d.ts +7 -0
- package/dist/ui/src/components/ui/badge/index.d.ts +1 -0
- package/dist/ui/src/components/ui/breadcrumb/breadcrumb.d.ts +9 -0
- package/dist/ui/src/components/ui/breadcrumb/index.d.ts +1 -0
- package/dist/ui/src/components/ui/bubble/bubble.d.ts +16 -0
- package/dist/ui/src/components/ui/bubble/index.d.ts +1 -0
- package/dist/ui/src/components/ui/button/button.d.ts +7 -0
- package/dist/ui/src/components/ui/button/index.d.ts +1 -0
- package/dist/ui/src/components/ui/button-group/button-group.d.ts +12 -0
- package/dist/ui/src/components/ui/button-group/index.d.ts +1 -0
- package/dist/ui/src/components/ui/calendar/calendar.d.ts +9 -0
- package/dist/ui/src/components/ui/calendar/index.d.ts +1 -0
- package/dist/ui/src/components/ui/card/card.d.ts +10 -0
- package/dist/ui/src/components/ui/card/index.d.ts +1 -0
- package/dist/ui/src/components/ui/carousel/carousel.d.ts +28 -0
- package/dist/ui/src/components/ui/carousel/index.d.ts +3 -0
- package/dist/ui/src/components/ui/chart/chart.d.ts +44 -0
- package/dist/ui/src/components/ui/chart/index.d.ts +3 -0
- package/dist/ui/src/components/ui/checkbox/checkbox.d.ts +2 -0
- package/dist/ui/src/components/ui/checkbox/index.d.ts +1 -0
- package/dist/ui/src/components/ui/collapsible/collapsible.d.ts +4 -0
- package/dist/ui/src/components/ui/collapsible/index.d.ts +1 -0
- package/dist/ui/src/components/ui/combobox/combobox.d.ts +15 -0
- package/dist/ui/src/components/ui/combobox/index.d.ts +1 -0
- package/dist/ui/src/components/ui/command/command.d.ts +18 -0
- package/dist/ui/src/components/ui/command/index.d.ts +1 -0
- package/dist/ui/src/components/ui/context-menu/context-menu.d.ts +28 -0
- package/dist/ui/src/components/ui/context-menu/index.d.ts +1 -0
- package/dist/ui/src/components/ui/dialog/dialog.d.ts +16 -0
- package/dist/ui/src/components/ui/dialog/index.d.ts +1 -0
- package/dist/ui/src/components/ui/direction/direction.d.ts +1 -0
- package/dist/ui/src/components/ui/direction/index.d.ts +1 -0
- package/dist/ui/src/components/ui/drawer/drawer.d.ts +15 -0
- package/dist/ui/src/components/ui/drawer/index.d.ts +1 -0
- package/dist/ui/src/components/ui/dropdown-menu/dropdown-menu.d.ts +28 -0
- package/dist/ui/src/components/ui/dropdown-menu/index.d.ts +1 -0
- package/dist/ui/src/components/ui/empty/empty.d.ts +11 -0
- package/dist/ui/src/components/ui/empty/index.d.ts +1 -0
- package/dist/ui/src/components/ui/field/field.d.ts +5 -0
- package/dist/ui/src/components/ui/field/index.d.ts +1 -0
- package/dist/ui/src/components/ui/hover-card/hover-card.d.ts +4 -0
- package/dist/ui/src/components/ui/hover-card/index.d.ts +1 -0
- package/dist/ui/src/components/ui/indicator/index.d.ts +1 -0
- package/dist/ui/src/components/ui/indicator/indicator.d.ts +10 -0
- package/dist/ui/src/components/ui/input/index.d.ts +1 -0
- package/dist/ui/src/components/ui/input/input.d.ts +2 -0
- package/dist/ui/src/components/ui/input-group/index.d.ts +1 -0
- package/dist/ui/src/components/ui/input-group/input-group.d.ts +26 -0
- package/dist/ui/src/components/ui/input-otp/index.d.ts +1 -0
- package/dist/ui/src/components/ui/input-otp/input-otp.d.ts +10 -0
- package/dist/ui/src/components/ui/item/index.d.ts +1 -0
- package/dist/ui/src/components/ui/item/item.d.ts +22 -0
- package/dist/ui/src/components/ui/kbd/index.d.ts +1 -0
- package/dist/ui/src/components/ui/kbd/kbd.d.ts +2 -0
- package/dist/ui/src/components/ui/label/index.d.ts +1 -0
- package/dist/ui/src/components/ui/label/label.d.ts +2 -0
- package/dist/ui/src/components/ui/marker/index.d.ts +1 -0
- package/dist/ui/src/components/ui/marker/marker.d.ts +9 -0
- package/dist/ui/src/components/ui/menubar/index.d.ts +1 -0
- package/dist/ui/src/components/ui/menubar/menubar.d.ts +28 -0
- package/dist/ui/src/components/ui/message/index.d.ts +1 -0
- package/dist/ui/src/components/ui/message/message.d.ts +9 -0
- package/dist/ui/src/components/ui/message-scroller/index.d.ts +1 -0
- package/dist/ui/src/components/ui/message-scroller/message-scroller.d.ts +10 -0
- package/dist/ui/src/components/ui/native-select/index.d.ts +1 -0
- package/dist/ui/src/components/ui/native-select/native-select.d.ts +8 -0
- package/dist/ui/src/components/ui/navigation-menu/index.d.ts +1 -0
- package/dist/ui/src/components/ui/navigation-menu/navigation-menu.d.ts +10 -0
- package/dist/ui/src/components/ui/pagination/index.d.ts +1 -0
- package/dist/ui/src/components/ui/pagination/pagination.behavior.test.d.ts +1 -0
- package/dist/ui/src/components/ui/pagination/pagination.d.ts +17 -0
- package/dist/ui/src/components/ui/pagination/pagination.test.d.ts +1 -0
- package/dist/ui/src/components/ui/popover/index.d.ts +1 -0
- package/dist/ui/src/components/ui/popover/popover.d.ts +8 -0
- package/dist/ui/src/components/ui/progress/index.d.ts +1 -0
- package/dist/ui/src/components/ui/progress/progress.d.ts +5 -0
- package/dist/ui/src/components/ui/questionnaire/index.d.ts +1 -0
- package/dist/ui/src/components/ui/questionnaire/questionnaire.d.ts +18 -0
- package/dist/ui/src/components/ui/radio-group/index.d.ts +1 -0
- package/dist/ui/src/components/ui/radio-group/radio-group.d.ts +10 -0
- package/dist/ui/src/components/ui/resizable/index.d.ts +1 -0
- package/dist/ui/src/components/ui/resizable/resizable.d.ts +6 -0
- package/dist/ui/src/components/ui/scroll-area/index.d.ts +1 -0
- package/dist/ui/src/components/ui/scroll-area/scroll-area.d.ts +32 -0
- package/dist/ui/src/components/ui/select/index.d.ts +1 -0
- package/dist/ui/src/components/ui/select/select.d.ts +17 -0
- package/dist/ui/src/components/ui/separator/index.d.ts +1 -0
- package/dist/ui/src/components/ui/separator/separator.d.ts +2 -0
- package/dist/ui/src/components/ui/sheet/index.d.ts +1 -0
- package/dist/ui/src/components/ui/sheet/sheet.d.ts +13 -0
- package/dist/ui/src/components/ui/sidebar/index.d.ts +1 -0
- package/dist/ui/src/components/ui/sidebar/sidebar.d.ts +63 -0
- package/dist/ui/src/components/ui/skeleton/index.d.ts +1 -0
- package/dist/ui/src/components/ui/skeleton/skeleton.d.ts +1 -0
- package/dist/ui/src/components/ui/slider/index.d.ts +1 -0
- package/dist/ui/src/components/ui/slider/slider.d.ts +17 -0
- package/dist/ui/src/components/ui/spinner/index.d.ts +1 -0
- package/dist/ui/src/components/ui/spinner/spinner.d.ts +5 -0
- package/dist/ui/src/components/ui/switch/index.d.ts +1 -0
- package/dist/ui/src/components/ui/switch/switch.d.ts +4 -0
- package/dist/ui/src/components/ui/table/index.d.ts +1 -0
- package/dist/ui/src/components/ui/table/table.behavior.test.d.ts +10 -0
- package/dist/ui/src/components/ui/table/table.d.ts +9 -0
- package/dist/ui/src/components/ui/tabs/index.d.ts +1 -0
- package/dist/ui/src/components/ui/tabs/tabs.behavior.test.d.ts +21 -0
- package/dist/ui/src/components/ui/tabs/tabs.d.ts +35 -0
- package/dist/ui/src/components/ui/textarea/index.d.ts +1 -0
- package/dist/ui/src/components/ui/textarea/textarea.d.ts +2 -0
- package/dist/ui/src/components/ui/toast/index.d.ts +1 -0
- package/dist/ui/src/components/ui/toast/toast.d.ts +15 -0
- package/dist/ui/src/components/ui/toggle/index.d.ts +1 -0
- package/dist/ui/src/components/ui/toggle/toggle.d.ts +8 -0
- package/dist/ui/src/components/ui/toggle-group/index.d.ts +1 -0
- package/dist/ui/src/components/ui/toggle-group/toggle-group.d.ts +7 -0
- package/dist/ui/src/components/ui/tooltip/index.d.ts +1 -0
- package/dist/ui/src/components/ui/tooltip/tooltip.d.ts +5 -0
- package/dist/ui/src/hooks/use-media-player.d.ts +29 -0
- package/dist/ui/src/hooks/use-merged-refs.d.ts +4 -0
- package/dist/ui/src/hooks/use-mobile.d.ts +1 -0
- package/dist/ui/src/index.d.ts +68 -0
- package/dist/ui/src/lib/utils.d.ts +13 -0
- package/package.json +72 -4
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const Empty: ({ className, ...props }: React.ComponentProps<"div">) => import('react').JSX.Element;
|
|
3
|
+
export declare const EmptyHeader: ({ className, ...props }: React.ComponentProps<"div">) => import('react').JSX.Element;
|
|
4
|
+
declare const emptyMediaVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "icon" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export declare const EmptyMedia: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) => import('react').JSX.Element;
|
|
8
|
+
export declare const EmptyTitle: ({ className, ...props }: React.ComponentProps<"div">) => import('react').JSX.Element;
|
|
9
|
+
export declare const EmptyDescription: ({ className, ...props }: React.ComponentProps<"p">) => import('react').JSX.Element;
|
|
10
|
+
export declare const EmptyContent: ({ className, ...props }: React.ComponentProps<"div">) => import('react').JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './empty';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Field as FieldPrimitive } from '@base-ui/react/field';
|
|
2
|
+
export declare const Field: ({ className, ...props }: FieldPrimitive.Root.Props) => import('react').JSX.Element;
|
|
3
|
+
export declare const FieldLabel: ({ className, ...props }: FieldPrimitive.Label.Props) => import('react').JSX.Element;
|
|
4
|
+
export declare const FieldDescription: ({ className, ...props }: FieldPrimitive.Description.Props) => import('react').JSX.Element;
|
|
5
|
+
export declare const FieldError: ({ className, ...props }: FieldPrimitive.Error.Props) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './field';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
|
|
2
|
+
export declare const HoverCard: ({ ...props }: PreviewCardPrimitive.Root.Props) => import('react').JSX.Element;
|
|
3
|
+
export declare const HoverCardTrigger: ({ ...props }: PreviewCardPrimitive.Trigger.Props) => import('react').JSX.Element;
|
|
4
|
+
export declare const HoverCardContent: ({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './hover-card';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './indicator';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export declare const indicatorVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "dot" | null | undefined;
|
|
5
|
+
side?: "top" | "bottom" | null | undefined;
|
|
6
|
+
align?: "end" | "start" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export type TIndicatorVariantProps = VariantProps<typeof indicatorVariants>;
|
|
9
|
+
export type TIndicatorProps = ComponentProps<'span'> & TIndicatorVariantProps;
|
|
10
|
+
export declare const Indicator: ({ className, variant, side, align, children, ...props }: TIndicatorProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './input-group';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Button } from '../button/button';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export interface IInputGroupProps extends React.ComponentProps<'div'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const InputGroup: ({ className, ...props }: IInputGroupProps) => React.JSX.Element;
|
|
7
|
+
export type TInputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
|
|
8
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
9
|
+
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
+
export interface IInputGroupAddonProps extends React.ComponentProps<'div'>, VariantProps<typeof inputGroupAddonVariants> {
|
|
12
|
+
}
|
|
13
|
+
export declare const InputGroupAddon: ({ className, align, ...props }: IInputGroupAddonProps) => React.JSX.Element;
|
|
14
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
15
|
+
size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
17
|
+
export type TInputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
|
|
18
|
+
type?: 'button' | 'submit' | 'reset';
|
|
19
|
+
};
|
|
20
|
+
export declare const InputGroupButton: ({ className, type, variant, size, ...props }: TInputGroupButtonProps) => React.JSX.Element;
|
|
21
|
+
export declare const InputGroupText: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
|
|
22
|
+
export interface IInputGroupInputProps extends React.ComponentProps<'input'> {
|
|
23
|
+
}
|
|
24
|
+
export declare const InputGroupInput: ({ className, ...props }: IInputGroupInputProps) => React.JSX.Element;
|
|
25
|
+
export declare const InputGroupTextarea: ({ className, ...props }: React.ComponentProps<"textarea">) => React.JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './input-otp';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { OTPInput } from 'input-otp';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export declare const InputOTP: ({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
|
|
4
|
+
containerClassName?: string;
|
|
5
|
+
}) => React.JSX.Element;
|
|
6
|
+
export declare const InputOTPGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
7
|
+
export declare const InputOTPSlot: ({ index, className, ...props }: React.ComponentProps<"div"> & {
|
|
8
|
+
index: number;
|
|
9
|
+
}) => React.JSX.Element;
|
|
10
|
+
export declare const InputOTPSeparator: ({ ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './item';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { Separator } from '../separator';
|
|
4
|
+
import type * as React from 'react';
|
|
5
|
+
export declare const ItemGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
6
|
+
export declare const ItemSeparator: ({ className, ...props }: React.ComponentProps<typeof Separator>) => React.JSX.Element;
|
|
7
|
+
declare const itemVariants: (props?: ({
|
|
8
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
9
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
+
export declare const Item: ({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
declare const itemMediaVariants: (props?: ({
|
|
13
|
+
variant?: "default" | "image" | "icon" | null | undefined;
|
|
14
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
|
+
export declare const ItemMedia: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) => React.JSX.Element;
|
|
16
|
+
export declare const ItemContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
17
|
+
export declare const ItemTitle: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
18
|
+
export declare const ItemDescription: ({ className, ...props }: React.ComponentProps<"p">) => React.JSX.Element;
|
|
19
|
+
export declare const ItemActions: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
20
|
+
export declare const ItemHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
21
|
+
export declare const ItemFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './kbd';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './label';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './marker';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export declare const markerVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "separator" | "border" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export declare const Marker: ({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
8
|
+
export declare const MarkerIcon: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
|
|
9
|
+
export declare const MarkerContent: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './menubar';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Menu as MenuPrimitive } from '@base-ui/react/menu';
|
|
2
|
+
import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
|
|
3
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../dropdown-menu';
|
|
4
|
+
import type * as React from 'react';
|
|
5
|
+
export declare const Menubar: ({ className, ...props }: MenubarPrimitive.Props) => React.JSX.Element;
|
|
6
|
+
export declare const MenubarMenu: ({ ...props }: React.ComponentProps<typeof DropdownMenu>) => React.JSX.Element;
|
|
7
|
+
export declare const MenubarGroup: ({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>) => React.JSX.Element;
|
|
8
|
+
export declare const MenubarPortal: ({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>) => React.JSX.Element;
|
|
9
|
+
export declare const MenubarTrigger: ({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>) => React.JSX.Element;
|
|
10
|
+
export declare const MenubarContent: ({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuContent>) => React.JSX.Element;
|
|
11
|
+
export declare const MenubarItem: ({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuItem>) => React.JSX.Element;
|
|
12
|
+
export declare const MenubarCheckboxItem: ({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
|
|
13
|
+
inset?: boolean;
|
|
14
|
+
}) => React.JSX.Element;
|
|
15
|
+
export declare const MenubarRadioGroup: ({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>) => React.JSX.Element;
|
|
16
|
+
export declare const MenubarRadioItem: ({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
}) => React.JSX.Element;
|
|
19
|
+
export declare const MenubarLabel: ({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuLabel> & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
}) => React.JSX.Element;
|
|
22
|
+
export declare const MenubarSeparator: ({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>) => React.JSX.Element;
|
|
23
|
+
export declare const MenubarShortcut: ({ className, ...props }: React.ComponentProps<typeof DropdownMenuShortcut>) => React.JSX.Element;
|
|
24
|
+
export declare const MenubarSub: ({ ...props }: React.ComponentProps<typeof DropdownMenuSub>) => React.JSX.Element;
|
|
25
|
+
export declare const MenubarSubTrigger: ({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger> & {
|
|
26
|
+
inset?: boolean;
|
|
27
|
+
}) => React.JSX.Element;
|
|
28
|
+
export declare const MenubarSubContent: ({ className, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './message';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export declare const MessageGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
3
|
+
export declare const Message: ({ className, align, ...props }: React.ComponentProps<"div"> & {
|
|
4
|
+
align?: "start" | "end";
|
|
5
|
+
}) => React.JSX.Element;
|
|
6
|
+
export declare const MessageAvatar: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
7
|
+
export declare const MessageContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
8
|
+
export declare const MessageHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
9
|
+
export declare const MessageFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './message-scroller';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MessageScroller as MessageScrollerPrimitive } from '@shadcn/react/message-scroller';
|
|
2
|
+
import { Button } from '../button';
|
|
3
|
+
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
4
|
+
import type * as React from 'react';
|
|
5
|
+
export declare const MessageScrollerProvider: (props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>) => React.JSX.Element;
|
|
6
|
+
export declare const MessageScroller: ({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>) => React.JSX.Element;
|
|
7
|
+
export declare const MessageScrollerViewport: ({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>) => React.JSX.Element;
|
|
8
|
+
export declare const MessageScrollerContent: ({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>) => React.JSX.Element;
|
|
9
|
+
export declare const MessageScrollerItem: ({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>) => React.JSX.Element;
|
|
10
|
+
export declare const MessageScrollerButton: ({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './native-select';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
type TNativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
|
|
3
|
+
size?: 'sm' | 'default';
|
|
4
|
+
};
|
|
5
|
+
export declare const NativeSelect: ({ className, size, ...props }: TNativeSelectProps) => React.JSX.Element;
|
|
6
|
+
export declare const NativeSelectOption: ({ className, ...props }: React.ComponentProps<"option">) => React.JSX.Element;
|
|
7
|
+
export declare const NativeSelectOptGroup: ({ className, ...props }: React.ComponentProps<"optgroup">) => React.JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './navigation-menu';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
|
+
export declare const NavigationMenu: ({ align, className, children, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align">) => import('react').JSX.Element;
|
|
3
|
+
export declare const NavigationMenuList: ({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) => import('react').JSX.Element;
|
|
4
|
+
export declare const NavigationMenuItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) => import('react').JSX.Element;
|
|
5
|
+
export declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
6
|
+
export declare const NavigationMenuTrigger: ({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props) => import('react').JSX.Element;
|
|
7
|
+
export declare const NavigationMenuContent: ({ className, ...props }: NavigationMenuPrimitive.Content.Props) => import('react').JSX.Element;
|
|
8
|
+
export declare const NavigationMenuPositioner: ({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props) => import('react').JSX.Element;
|
|
9
|
+
export declare const NavigationMenuLink: ({ className, ...props }: NavigationMenuPrimitive.Link.Props) => import('react').JSX.Element;
|
|
10
|
+
export declare const NavigationMenuIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pagination';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type TPaginationRangeItem = number | 'ellipsis';
|
|
2
|
+
/**
|
|
3
|
+
* Compute the ordered list of page numbers and ellipsis markers to render.
|
|
4
|
+
* First and last pages are always included. `siblingCount` controls how many
|
|
5
|
+
* page numbers appear on each side of the current page.
|
|
6
|
+
*/
|
|
7
|
+
export declare const getPaginationRange: (page: number, count: number, siblingCount?: number) => TPaginationRangeItem[];
|
|
8
|
+
/** Clamp a page number to the valid [1, count] range (count <= 0 yields 1). */
|
|
9
|
+
export declare const clampPage: (page: number, count: number) => number;
|
|
10
|
+
export interface IPaginationProps {
|
|
11
|
+
page: number;
|
|
12
|
+
count: number;
|
|
13
|
+
onPageChange: (page: number) => void;
|
|
14
|
+
siblingCount?: number;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const Pagination: ({ page, count, onPageChange, siblingCount, className }: IPaginationProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './popover';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export declare const Popover: ({ ...props }: PopoverPrimitive.Root.Props) => React.JSX.Element;
|
|
4
|
+
export declare const PopoverTrigger: ({ ...props }: PopoverPrimitive.Trigger.Props) => React.JSX.Element;
|
|
5
|
+
export declare const PopoverContent: ({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => React.JSX.Element;
|
|
6
|
+
export declare const PopoverHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
7
|
+
export declare const PopoverTitle: ({ className, ...props }: PopoverPrimitive.Title.Props) => React.JSX.Element;
|
|
8
|
+
export declare const PopoverDescription: ({ className, ...props }: PopoverPrimitive.Description.Props) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './progress';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
2
|
+
export interface IProgressProps extends Omit<ProgressPrimitive.Root.Props, 'value'> {
|
|
3
|
+
value?: number | null;
|
|
4
|
+
}
|
|
5
|
+
export declare const Progress: ({ value, className, ...props }: IProgressProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './questionnaire';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Questionnaire as QuestionnairePrimitive } from '@shadcn/react/questionnaire';
|
|
2
|
+
import { Button } from '../button';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export declare const Questionnaire: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Root>) => React.JSX.Element;
|
|
5
|
+
export declare const QuestionnaireProgress: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Progress>) => React.JSX.Element;
|
|
6
|
+
export declare const QuestionnaireItem: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Item>) => React.JSX.Element;
|
|
7
|
+
export declare const QuestionnaireTitle: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Title>) => React.JSX.Element;
|
|
8
|
+
export declare const QuestionnaireDescription: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Description>) => React.JSX.Element;
|
|
9
|
+
export declare const QuestionnaireChoices: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choices>) => React.JSX.Element;
|
|
10
|
+
export declare const QuestionnaireChoice: ({ children, className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choice>) => React.JSX.Element;
|
|
11
|
+
export declare const QuestionnaireChoiceDescription: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
|
|
12
|
+
export declare const QuestionnaireInput: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Input>) => React.JSX.Element;
|
|
13
|
+
export declare const QuestionnaireError: ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Error>) => React.JSX.Element;
|
|
14
|
+
export declare const QuestionnaireActions: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
15
|
+
export declare const QuestionnairePrevious: ({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">) => React.JSX.Element;
|
|
16
|
+
export declare const QuestionnaireSkip: ({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">) => React.JSX.Element;
|
|
17
|
+
export declare const QuestionnaireNext: ({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">) => React.JSX.Element;
|
|
18
|
+
export declare const QuestionnaireSubmit: ({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './radio-group';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Radio } from '@base-ui/react/radio';
|
|
2
|
+
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
3
|
+
export interface IRadioGroupProps extends RadioGroupPrimitive.Props {
|
|
4
|
+
orientation?: 'horizontal' | 'vertical';
|
|
5
|
+
}
|
|
6
|
+
export declare const RadioGroup: ({ className, orientation, ...props }: IRadioGroupProps) => import('react').JSX.Element;
|
|
7
|
+
export interface IRadioGroupItemProps extends Radio.Root.Props {
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const RadioGroupItem: ({ className, ...props }: IRadioGroupItemProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './resizable';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
2
|
+
export declare const ResizablePanelGroup: ({ className, ...props }: ResizablePrimitive.GroupProps) => import('react').JSX.Element;
|
|
3
|
+
export declare const ResizablePanel: ({ ...props }: ResizablePrimitive.PanelProps) => import('react').JSX.Element;
|
|
4
|
+
export declare const ResizableHandle: ({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
|
|
5
|
+
withHandle?: boolean;
|
|
6
|
+
}) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './scroll-area';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
|
|
2
|
+
import { ComponentProps, RefObject } from 'react';
|
|
3
|
+
/** When the bar shows: 'hover' on area hover or while scrolling (default), 'scroll' only while scrolling, 'always' permanent. */
|
|
4
|
+
export type TScrollbarVisibility = 'hover' | 'scroll' | 'always';
|
|
5
|
+
export interface IScrollBarProps extends ComponentProps<typeof BaseScrollArea.Scrollbar> {
|
|
6
|
+
visibility?: TScrollbarVisibility;
|
|
7
|
+
}
|
|
8
|
+
export declare const ScrollBar: ({ className, orientation, visibility, ...props }: IScrollBarProps) => import('react').JSX.Element;
|
|
9
|
+
export interface IScrollAreaProps extends ComponentProps<typeof BaseScrollArea.Root> {
|
|
10
|
+
/** Which axes get a styled scrollbar; content decides what actually overflows. */
|
|
11
|
+
orientation?: 'horizontal' | 'vertical' | 'both';
|
|
12
|
+
/** Scrollbar reveal behavior (mirrors the Radix ScrollArea `type` prop). */
|
|
13
|
+
type?: TScrollbarVisibility;
|
|
14
|
+
viewPortId?: string;
|
|
15
|
+
/** Access to the scrollable viewport (e.g. to reset scroll position on route changes). */
|
|
16
|
+
viewPortRef?: RefObject<HTMLDivElement | null>;
|
|
17
|
+
viewPortClassName?: string;
|
|
18
|
+
scrollVerticalClassName?: string;
|
|
19
|
+
scrollHorizontalClassName?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Themed scroll container (Base UI): overflowing content scrolls INSIDE the component
|
|
23
|
+
* with a slim overlay scrollbar instead of exposing a native browser scrollbar. House
|
|
24
|
+
* rule: wide/tall content (tables, lists, code) always goes through this, never a bare
|
|
25
|
+
* overflow-* utility.
|
|
26
|
+
*
|
|
27
|
+
* The viewport publishes its size as --scroll-area-width/--scroll-area-height CSS vars
|
|
28
|
+
* so children can size against the visible area. Edge fades are NOT built in; apply
|
|
29
|
+
* the faded-* utilities from @edyn/theme/utilities.css on the ScrollArea (it is the
|
|
30
|
+
* positioning root) where a fade is wanted.
|
|
31
|
+
*/
|
|
32
|
+
export declare const ScrollArea: ({ className, children, orientation, type, viewPortId, viewPortRef, viewPortClassName, scrollVerticalClassName, scrollHorizontalClassName, ...props }: IScrollAreaProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './select';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export declare const Select: <TValue>({ ...props }: SelectPrimitive.Root.Props<TValue>) => React.JSX.Element;
|
|
4
|
+
export type TSelectTriggerSize = 'sm' | 'default';
|
|
5
|
+
export interface ISelectTriggerProps extends SelectPrimitive.Trigger.Props {
|
|
6
|
+
size?: TSelectTriggerSize;
|
|
7
|
+
}
|
|
8
|
+
export declare const SelectTrigger: ({ className, size, children, ...props }: ISelectTriggerProps) => React.JSX.Element;
|
|
9
|
+
export declare const SelectValue: ({ className, ...props }: SelectPrimitive.Value.Props) => React.JSX.Element;
|
|
10
|
+
export interface ISelectContentProps extends SelectPrimitive.Popup.Props {
|
|
11
|
+
portalContainer?: SelectPrimitive.Portal.Props['container'];
|
|
12
|
+
}
|
|
13
|
+
export declare const SelectContent: ({ className, children, portalContainer, ...props }: ISelectContentProps) => React.JSX.Element;
|
|
14
|
+
export declare const SelectGroup: ({ className, ...props }: SelectPrimitive.Group.Props) => React.JSX.Element;
|
|
15
|
+
export declare const SelectLabel: ({ className, ...props }: SelectPrimitive.GroupLabel.Props) => React.JSX.Element;
|
|
16
|
+
export declare const SelectItem: ({ className, children, ...props }: SelectPrimitive.Item.Props) => React.JSX.Element;
|
|
17
|
+
export declare const SelectSeparator: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './separator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sheet';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export declare const Sheet: ({ ...props }: SheetPrimitive.Root.Props) => React.JSX.Element;
|
|
4
|
+
export declare const SheetTrigger: ({ ...props }: SheetPrimitive.Trigger.Props) => React.JSX.Element;
|
|
5
|
+
export declare const SheetClose: ({ ...props }: SheetPrimitive.Close.Props) => React.JSX.Element;
|
|
6
|
+
export declare const SheetContent: ({ className, children, side, showCloseButton, ...props }: SheetPrimitive.Popup.Props & {
|
|
7
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
8
|
+
showCloseButton?: boolean;
|
|
9
|
+
}) => React.JSX.Element;
|
|
10
|
+
export declare const SheetHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
11
|
+
export declare const SheetFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
12
|
+
export declare const SheetTitle: ({ className, ...props }: SheetPrimitive.Title.Props) => React.JSX.Element;
|
|
13
|
+
export declare const SheetDescription: ({ className, ...props }: SheetPrimitive.Description.Props) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sidebar';
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { Button } from '../button';
|
|
4
|
+
import { Input } from '../input';
|
|
5
|
+
import { Separator } from '../separator';
|
|
6
|
+
import { TooltipContent } from '../tooltip';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
type TSidebarContextProps = {
|
|
9
|
+
state: 'expanded' | 'collapsed';
|
|
10
|
+
open: boolean;
|
|
11
|
+
setOpen: (open: boolean) => void;
|
|
12
|
+
openMobile: boolean;
|
|
13
|
+
setOpenMobile: (open: boolean) => void;
|
|
14
|
+
isMobile: boolean;
|
|
15
|
+
toggleSidebar: () => void;
|
|
16
|
+
};
|
|
17
|
+
export declare const useSidebar: () => TSidebarContextProps;
|
|
18
|
+
export declare const SidebarProvider: ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
|
|
19
|
+
defaultOpen?: boolean;
|
|
20
|
+
open?: boolean;
|
|
21
|
+
onOpenChange?: (open: boolean) => void;
|
|
22
|
+
}) => React.JSX.Element;
|
|
23
|
+
export declare const Sidebar: ({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
|
|
24
|
+
side?: "left" | "right";
|
|
25
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
26
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
27
|
+
}) => React.JSX.Element;
|
|
28
|
+
export declare const SidebarTrigger: ({ className, onClick, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
|
|
29
|
+
export declare const SidebarRail: ({ className, ...props }: React.ComponentProps<"button">) => React.JSX.Element;
|
|
30
|
+
export declare const SidebarInset: ({ className, ...props }: React.ComponentProps<"main">) => React.JSX.Element;
|
|
31
|
+
export declare const SidebarInput: ({ className, ...props }: React.ComponentProps<typeof Input>) => React.JSX.Element;
|
|
32
|
+
export declare const SidebarHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
33
|
+
export declare const SidebarFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
34
|
+
export declare const SidebarSeparator: ({ className, ...props }: React.ComponentProps<typeof Separator>) => React.JSX.Element;
|
|
35
|
+
export declare const SidebarContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
36
|
+
export declare const SidebarGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
37
|
+
export declare const SidebarGroupLabel: ({ className, render, ...props }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
38
|
+
export declare const SidebarGroupAction: ({ className, render, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
39
|
+
export declare const SidebarGroupContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
40
|
+
export declare const SidebarMenu: ({ className, ...props }: React.ComponentProps<"ul">) => React.JSX.Element;
|
|
41
|
+
export declare const SidebarMenuItem: ({ className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
|
|
42
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
43
|
+
variant?: "default" | "outline" | null | undefined;
|
|
44
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
45
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
46
|
+
export declare const SidebarMenuButton: ({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
|
|
47
|
+
isActive?: boolean;
|
|
48
|
+
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
49
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>) => React.JSX.Element;
|
|
50
|
+
export declare const SidebarMenuAction: ({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
|
|
51
|
+
showOnHover?: boolean;
|
|
52
|
+
}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
53
|
+
export declare const SidebarMenuBadge: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
|
|
54
|
+
export declare const SidebarMenuSkeleton: ({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
|
|
55
|
+
showIcon?: boolean;
|
|
56
|
+
}) => React.JSX.Element;
|
|
57
|
+
export declare const SidebarMenuSub: ({ className, ...props }: React.ComponentProps<"ul">) => React.JSX.Element;
|
|
58
|
+
export declare const SidebarMenuSubItem: ({ className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
|
|
59
|
+
export declare const SidebarMenuSubButton: ({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
|
|
60
|
+
size?: "sm" | "md";
|
|
61
|
+
isActive?: boolean;
|
|
62
|
+
}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
63
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Skeleton: ({ className, ...props }: React.ComponentProps<"div">) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './slider';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Slider as SliderPrimitive } from '@base-ui/react/slider';
|
|
2
|
+
export type TSliderValue = number | readonly number[];
|
|
3
|
+
export interface ISliderProps<TValue extends TSliderValue = number> {
|
|
4
|
+
value?: TValue;
|
|
5
|
+
defaultValue?: TValue;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onValueChange?: (value: TValue extends number ? number : TValue, eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;
|
|
11
|
+
onValueCommitted?: (value: TValue extends number ? number : TValue, eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
name?: string;
|
|
14
|
+
minStepsBetweenValues?: number;
|
|
15
|
+
'aria-label'?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const Slider: <TValue extends TSliderValue = number>({ className, value, defaultValue, min, max, step, disabled, onValueChange, onValueCommitted, name, minStepsBetweenValues, "aria-label": ariaLabel, ...props }: ISliderProps<TValue>) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './spinner';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const spinnerVariants: (props?: ({
|
|
3
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const Spinner: ({ className, size, ...props }: React.ComponentProps<"svg"> & VariantProps<typeof spinnerVariants>) => import('react').JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './switch';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './table';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Structure test for the Table primitives.
|
|
3
|
+
*
|
|
4
|
+
* Uses happy-dom (registered by test-setup.ts) and the same React-in-bun-test
|
|
5
|
+
* pattern as packages/dom: render with createRoot + flushSync, then query the
|
|
6
|
+
* real DOM. Guards that the primitives produce a semantic <table> (thead/tbody/
|
|
7
|
+
* th/td/caption) and the shadcn overflow wrapper, so the data-driven edx-table
|
|
8
|
+
* (and the Angular demos that consume it) get a real, accessible table.
|
|
9
|
+
*/
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export declare const Table: ({ className, ...props }: React.ComponentProps<"table">) => React.JSX.Element;
|
|
3
|
+
export declare const TableHeader: ({ className, ...props }: React.ComponentProps<"thead">) => React.JSX.Element;
|
|
4
|
+
export declare const TableBody: ({ className, ...props }: React.ComponentProps<"tbody">) => React.JSX.Element;
|
|
5
|
+
export declare const TableFooter: ({ className, ...props }: React.ComponentProps<"tfoot">) => React.JSX.Element;
|
|
6
|
+
export declare const TableRow: ({ className, ...props }: React.ComponentProps<"tr">) => React.JSX.Element;
|
|
7
|
+
export declare const TableHead: ({ className, ...props }: React.ComponentProps<"th">) => React.JSX.Element;
|
|
8
|
+
export declare const TableCell: ({ className, ...props }: React.ComponentProps<"td">) => React.JSX.Element;
|
|
9
|
+
export declare const TableCaption: ({ className, ...props }: React.ComponentProps<"caption">) => React.JSX.Element;
|