@tradalab/lyra 1.10.0 → 2.0.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/README.md +16 -1
- package/dist/blocks/index.d.ts +1 -1
- package/dist/blocks/index.js +4 -4
- package/dist/blocks/index.js.map +1 -1
- package/dist/{chunk-V6TVUMAU.js → chunk-2PHVSGAE.js} +75 -27
- package/dist/chunk-2PHVSGAE.js.map +1 -0
- package/dist/{chunk-KFQOYZ64.js → chunk-5Q4UTRYU.js} +4 -4
- package/dist/chunk-5Q4UTRYU.js.map +1 -0
- package/dist/{chunk-ZG5ZPKFL.js → chunk-LZZ3UOPT.js} +6 -6
- package/dist/chunk-LZZ3UOPT.js.map +1 -0
- package/dist/{chunk-44WIOUJJ.js → chunk-RSAN65FI.js} +3 -3
- package/dist/{chunk-44WIOUJJ.js.map → chunk-RSAN65FI.js.map} +1 -1
- package/dist/data-table/index.d.ts +9 -1
- package/dist/data-table/index.js +58 -15
- package/dist/data-table/index.js.map +1 -1
- package/dist/shell/index.d.ts +23 -4
- package/dist/shell/index.js +27 -17
- package/dist/shell/index.js.map +1 -1
- package/dist/ui/index.d.ts +261 -8
- package/dist/ui/index.js +2792 -564
- package/dist/ui/index.js.map +1 -1
- package/package.json +12 -11
- package/dist/chunk-KFQOYZ64.js.map +0 -1
- package/dist/chunk-V6TVUMAU.js.map +0 -1
- package/dist/chunk-ZG5ZPKFL.js.map +0 -1
package/dist/ui/index.d.ts
CHANGED
|
@@ -1,15 +1,23 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
3
|
+
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
|
|
3
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import { d as Button, e as Separator } from '../breadcrumb-CgEcSonR.js';
|
|
6
7
|
export { f as AccountMenu, c as AccountMenuLabels, g as AccountMenuProps, A as AccountMenuUser, B as Breadcrumb, h as BreadcrumbEllipsis, i as BreadcrumbItem, j as BreadcrumbLink, k as BreadcrumbList, l as BreadcrumbPage, m as BreadcrumbSeparator, I as Input, b as Sidebar, n as SidebarContent, o as SidebarFooter, p as SidebarGroup, q as SidebarGroupAction, r as SidebarGroupContent, s as SidebarGroupLabel, t as SidebarHeader, u as SidebarInput, a as SidebarInset, v as SidebarMenu, w as SidebarMenuAction, x as SidebarMenuBadge, y as SidebarMenuButton, z as SidebarMenuItem, C as SidebarMenuSkeleton, D as SidebarMenuSub, E as SidebarMenuSubButton, F as SidebarMenuSubItem, S as SidebarProvider, G as SidebarRail, H as SidebarSeparator, J as SidebarTrigger, T as Tooltip, K as TooltipContent, L as TooltipProvider, M as TooltipTrigger, N as buttonVariants, O as defaultAccountMenuLabels, P as initialsOf, Q as useSidebar } from '../breadcrumb-CgEcSonR.js';
|
|
8
|
+
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
9
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
10
|
+
import * as RechartsPrimitive from 'recharts';
|
|
11
|
+
import { TooltipValueType } from 'recharts';
|
|
12
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
13
|
+
import { Combobox as Combobox$1 } from '@base-ui/react';
|
|
7
14
|
import { Command as Command$1 } from 'cmdk';
|
|
8
15
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
9
16
|
import { OTPInput } from 'input-otp';
|
|
17
|
+
import { MessageScroller as MessageScroller$1 } from '@shadcn/react/message-scroller';
|
|
18
|
+
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
10
19
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
11
|
-
import {
|
|
12
|
-
export { toast } from 'sonner';
|
|
20
|
+
import { Toast as Toast$1 } from '@base-ui/react/toast';
|
|
13
21
|
|
|
14
22
|
declare function Accordion({ className, ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): React$1.JSX.Element;
|
|
15
23
|
declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof Accordion$1.Item>): React$1.JSX.Element;
|
|
@@ -41,6 +49,27 @@ declare function AlertDialogCancel({ className, variant, size, ...props }: React
|
|
|
41
49
|
|
|
42
50
|
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): React$1.JSX.Element;
|
|
43
51
|
|
|
52
|
+
declare const attachmentVariants: (props?: ({
|
|
53
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
54
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
55
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
56
|
+
declare function Attachment({ className, state, size, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
|
|
57
|
+
state?: "idle" | "uploading" | "processing" | "error" | "done";
|
|
58
|
+
}): React$1.JSX.Element;
|
|
59
|
+
declare const attachmentMediaVariants: (props?: ({
|
|
60
|
+
variant?: "image" | "icon" | null | undefined;
|
|
61
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
62
|
+
declare function AttachmentMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): React$1.JSX.Element;
|
|
63
|
+
declare function AttachmentContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
64
|
+
declare function AttachmentTitle({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
65
|
+
declare function AttachmentDescription({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
66
|
+
declare function AttachmentActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
67
|
+
declare function AttachmentAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
68
|
+
declare function AttachmentTrigger({ className, asChild, type, ...props }: React$1.ComponentProps<"button"> & {
|
|
69
|
+
asChild?: boolean;
|
|
70
|
+
}): React$1.JSX.Element;
|
|
71
|
+
declare function AttachmentGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
72
|
+
|
|
44
73
|
declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
|
|
45
74
|
size?: "default" | "sm" | "lg";
|
|
46
75
|
}): React$1.JSX.Element;
|
|
@@ -57,6 +86,21 @@ declare function Badge({ className, variant, asChild, ...props }: React$1.Compon
|
|
|
57
86
|
asChild?: boolean;
|
|
58
87
|
}): React$1.JSX.Element;
|
|
59
88
|
|
|
89
|
+
declare function BubbleGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
90
|
+
declare const bubbleVariants: (props?: ({
|
|
91
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "muted" | "tinted" | null | undefined;
|
|
92
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
93
|
+
declare function Bubble({ variant, align, className, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
|
|
94
|
+
align?: "start" | "end";
|
|
95
|
+
}): React$1.JSX.Element;
|
|
96
|
+
declare function BubbleContent({ asChild, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
97
|
+
asChild?: boolean;
|
|
98
|
+
}): React$1.JSX.Element;
|
|
99
|
+
declare function BubbleReactions({ side, align, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
100
|
+
align?: "start" | "end";
|
|
101
|
+
side?: "top" | "bottom";
|
|
102
|
+
}): React$1.JSX.Element;
|
|
103
|
+
|
|
60
104
|
declare const buttonGroupVariants: (props?: ({
|
|
61
105
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
62
106
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -66,6 +110,13 @@ declare function ButtonGroupText({ className, asChild, ...props }: React.Compone
|
|
|
66
110
|
}): React$1.JSX.Element;
|
|
67
111
|
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
68
112
|
|
|
113
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
|
|
114
|
+
buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
115
|
+
}): React$1.JSX.Element;
|
|
116
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
|
|
117
|
+
locale?: Partial<Locale>;
|
|
118
|
+
}): React$1.JSX.Element;
|
|
119
|
+
|
|
69
120
|
declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
|
|
70
121
|
size?: "default" | "sm";
|
|
71
122
|
}): React$1.JSX.Element;
|
|
@@ -76,12 +127,100 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div
|
|
|
76
127
|
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
77
128
|
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
78
129
|
|
|
130
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
131
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
132
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
133
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
134
|
+
type CarouselProps = {
|
|
135
|
+
opts?: CarouselOptions;
|
|
136
|
+
plugins?: CarouselPlugin;
|
|
137
|
+
orientation?: "horizontal" | "vertical";
|
|
138
|
+
setApi?: (api: CarouselApi) => void;
|
|
139
|
+
};
|
|
140
|
+
type CarouselContextProps = {
|
|
141
|
+
carouselRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
142
|
+
api: ReturnType<typeof useEmblaCarousel>[1];
|
|
143
|
+
scrollPrev: () => void;
|
|
144
|
+
scrollNext: () => void;
|
|
145
|
+
canScrollPrev: boolean;
|
|
146
|
+
canScrollNext: boolean;
|
|
147
|
+
} & CarouselProps;
|
|
148
|
+
declare function useCarousel(): CarouselContextProps;
|
|
149
|
+
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): React$1.JSX.Element;
|
|
150
|
+
declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
151
|
+
declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
152
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
153
|
+
declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
154
|
+
|
|
155
|
+
declare const THEMES: {
|
|
156
|
+
readonly light: "";
|
|
157
|
+
readonly dark: ".dark";
|
|
158
|
+
};
|
|
159
|
+
type TooltipNameType = number | string;
|
|
160
|
+
type ChartConfig = Record<string, {
|
|
161
|
+
label?: React$1.ReactNode;
|
|
162
|
+
icon?: React$1.ComponentType;
|
|
163
|
+
} & ({
|
|
164
|
+
color?: string;
|
|
165
|
+
theme?: never;
|
|
166
|
+
} | {
|
|
167
|
+
color?: never;
|
|
168
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
169
|
+
})>;
|
|
170
|
+
declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React$1.ComponentProps<"div"> & {
|
|
171
|
+
config: ChartConfig;
|
|
172
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
173
|
+
initialDimension?: {
|
|
174
|
+
width: number;
|
|
175
|
+
height: number;
|
|
176
|
+
};
|
|
177
|
+
}): React$1.JSX.Element;
|
|
178
|
+
declare const ChartStyle: ({ id, config }: {
|
|
179
|
+
id: string;
|
|
180
|
+
config: ChartConfig;
|
|
181
|
+
}) => React$1.JSX.Element | null;
|
|
182
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
183
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
|
|
184
|
+
hideLabel?: boolean;
|
|
185
|
+
hideIndicator?: boolean;
|
|
186
|
+
indicator?: "line" | "dot" | "dashed";
|
|
187
|
+
nameKey?: string;
|
|
188
|
+
labelKey?: string;
|
|
189
|
+
} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): React$1.JSX.Element | null;
|
|
190
|
+
declare const ChartLegend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
|
|
191
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & {
|
|
192
|
+
hideIcon?: boolean;
|
|
193
|
+
nameKey?: string;
|
|
194
|
+
} & RechartsPrimitive.DefaultLegendContentProps): React$1.JSX.Element | null;
|
|
195
|
+
|
|
79
196
|
declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): React$1.JSX.Element;
|
|
80
197
|
|
|
81
198
|
declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): React$1.JSX.Element;
|
|
82
199
|
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): React$1.JSX.Element;
|
|
83
200
|
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): React$1.JSX.Element;
|
|
84
201
|
|
|
202
|
+
declare const Combobox: typeof Combobox$1.Root;
|
|
203
|
+
declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React$1.JSX.Element;
|
|
204
|
+
declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React$1.JSX.Element;
|
|
205
|
+
declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
|
|
206
|
+
showTrigger?: boolean;
|
|
207
|
+
showClear?: boolean;
|
|
208
|
+
}): React$1.JSX.Element;
|
|
209
|
+
declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React$1.JSX.Element;
|
|
210
|
+
declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): React$1.JSX.Element;
|
|
211
|
+
declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): React$1.JSX.Element;
|
|
212
|
+
declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): React$1.JSX.Element;
|
|
213
|
+
declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): React$1.JSX.Element;
|
|
214
|
+
declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): React$1.JSX.Element;
|
|
215
|
+
declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): React$1.JSX.Element;
|
|
216
|
+
declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): React$1.JSX.Element;
|
|
217
|
+
declare function ComboboxChips({ className, ...props }: React$1.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): React$1.JSX.Element;
|
|
218
|
+
declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
|
|
219
|
+
showRemove?: boolean;
|
|
220
|
+
}): React$1.JSX.Element;
|
|
221
|
+
declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): React$1.JSX.Element;
|
|
222
|
+
declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
|
|
223
|
+
|
|
85
224
|
declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): React$1.JSX.Element;
|
|
86
225
|
declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): React$1.JSX.Element;
|
|
87
226
|
declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): React$1.JSX.Element;
|
|
@@ -141,6 +280,11 @@ declare function ContextMenuLabel({ className, inset, ...props }: React$1.Compon
|
|
|
141
280
|
declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): React$1.JSX.Element;
|
|
142
281
|
declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
143
282
|
|
|
283
|
+
declare function DirectionProvider({ dir, direction, children, }: React$1.ComponentProps<typeof Direction.DirectionProvider> & {
|
|
284
|
+
direction?: React$1.ComponentProps<typeof Direction.DirectionProvider>["dir"];
|
|
285
|
+
}): React$1.JSX.Element;
|
|
286
|
+
declare const useDirection: typeof Direction.useDirection;
|
|
287
|
+
|
|
144
288
|
declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): React$1.JSX.Element;
|
|
145
289
|
declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): React$1.JSX.Element;
|
|
146
290
|
declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): React$1.JSX.Element;
|
|
@@ -179,6 +323,16 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
|
|
|
179
323
|
}): React$1.JSX.Element;
|
|
180
324
|
declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.SubContent>): React$1.JSX.Element;
|
|
181
325
|
|
|
326
|
+
declare function Empty({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
327
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
328
|
+
declare const emptyMediaVariants: (props?: ({
|
|
329
|
+
variant?: "default" | "icon" | null | undefined;
|
|
330
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
331
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): React$1.JSX.Element;
|
|
332
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
333
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
|
|
334
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
335
|
+
|
|
182
336
|
declare function Label({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): React$1.JSX.Element;
|
|
183
337
|
|
|
184
338
|
declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React$1.JSX.Element;
|
|
@@ -229,6 +383,38 @@ declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentP
|
|
|
229
383
|
}): React$1.JSX.Element;
|
|
230
384
|
declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
231
385
|
|
|
386
|
+
declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
387
|
+
declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
388
|
+
declare const itemVariants: (props?: ({
|
|
389
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
390
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
391
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
392
|
+
declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
|
|
393
|
+
asChild?: boolean;
|
|
394
|
+
}): React$1.JSX.Element;
|
|
395
|
+
declare const itemMediaVariants: (props?: ({
|
|
396
|
+
variant?: "image" | "default" | "icon" | null | undefined;
|
|
397
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
398
|
+
declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React$1.JSX.Element;
|
|
399
|
+
declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
400
|
+
declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
401
|
+
declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
|
|
402
|
+
declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
403
|
+
declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
404
|
+
declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
405
|
+
|
|
406
|
+
declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React$1.JSX.Element;
|
|
407
|
+
declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
408
|
+
|
|
409
|
+
declare const markerVariants: (props?: ({
|
|
410
|
+
variant?: "separator" | "default" | "border" | null | undefined;
|
|
411
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
412
|
+
declare function Marker({ className, variant, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof markerVariants> & {
|
|
413
|
+
asChild?: boolean;
|
|
414
|
+
}): React$1.JSX.Element;
|
|
415
|
+
declare function MarkerIcon({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
416
|
+
declare function MarkerContent({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
417
|
+
|
|
232
418
|
declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.Root>): React$1.JSX.Element;
|
|
233
419
|
declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof Menubar$1.Menu>): React$1.JSX.Element;
|
|
234
420
|
declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof Menubar$1.Group>): React$1.JSX.Element;
|
|
@@ -257,6 +443,29 @@ declare function MenubarSubTrigger({ className, inset, children, ...props }: Rea
|
|
|
257
443
|
}): React$1.JSX.Element;
|
|
258
444
|
declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.SubContent>): React$1.JSX.Element;
|
|
259
445
|
|
|
446
|
+
declare function MessageGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
447
|
+
declare function Message({ className, align, ...props }: React$1.ComponentProps<"div"> & {
|
|
448
|
+
align?: "start" | "end";
|
|
449
|
+
}): React$1.JSX.Element;
|
|
450
|
+
declare function MessageAvatar({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
451
|
+
declare function MessageContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
452
|
+
declare function MessageHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
453
|
+
declare function MessageFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
454
|
+
|
|
455
|
+
declare function MessageScrollerProvider(props: React$1.ComponentProps<typeof MessageScroller$1.Provider>): React$1.JSX.Element;
|
|
456
|
+
declare function MessageScroller({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Root>): React$1.JSX.Element;
|
|
457
|
+
declare function MessageScrollerViewport({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Viewport>): React$1.JSX.Element;
|
|
458
|
+
declare function MessageScrollerContent({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Content>): React$1.JSX.Element;
|
|
459
|
+
declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Item>): React$1.JSX.Element;
|
|
460
|
+
declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Button> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): React$1.JSX.Element;
|
|
461
|
+
|
|
462
|
+
type NativeSelectProps = Omit<React$1.ComponentProps<"select">, "size"> & {
|
|
463
|
+
size?: "sm" | "default";
|
|
464
|
+
};
|
|
465
|
+
declare function NativeSelect({ className, size, ...props }: NativeSelectProps): React$1.JSX.Element;
|
|
466
|
+
declare function NativeSelectOption({ className, ...props }: React$1.ComponentProps<"option">): React$1.JSX.Element;
|
|
467
|
+
declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<"optgroup">): React$1.JSX.Element;
|
|
468
|
+
|
|
260
469
|
declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenu$1.Root> & {
|
|
261
470
|
viewport?: boolean;
|
|
262
471
|
}): React$1.JSX.Element;
|
|
@@ -297,9 +506,9 @@ declare function Progress({ className, value, ...props }: React$1.ComponentProps
|
|
|
297
506
|
declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root>): React$1.JSX.Element;
|
|
298
507
|
declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item>): React$1.JSX.Element;
|
|
299
508
|
|
|
300
|
-
declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.
|
|
509
|
+
declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): React$1.JSX.Element;
|
|
301
510
|
declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): React$1.JSX.Element;
|
|
302
|
-
declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.
|
|
511
|
+
declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
|
|
303
512
|
withHandle?: boolean;
|
|
304
513
|
}): React$1.JSX.Element;
|
|
305
514
|
|
|
@@ -335,8 +544,6 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
|
|
|
335
544
|
|
|
336
545
|
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): React$1.JSX.Element;
|
|
337
546
|
|
|
338
|
-
declare const Toaster: ({ ...props }: ToasterProps) => React$1.JSX.Element;
|
|
339
|
-
|
|
340
547
|
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React$1.JSX.Element;
|
|
341
548
|
|
|
342
549
|
declare function Switch({ className, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & {
|
|
@@ -362,6 +569,20 @@ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typ
|
|
|
362
569
|
|
|
363
570
|
declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
|
|
364
571
|
|
|
572
|
+
declare const toast: _base_ui_react.ToastManager<any>;
|
|
573
|
+
declare function ToastProvider({ ...props }: Toast$1.Provider.Props): React$1.JSX.Element;
|
|
574
|
+
declare function ToastPortal({ ...props }: Toast$1.Portal.Props): React$1.JSX.Element;
|
|
575
|
+
declare function ToastViewport({ className, ...props }: Toast$1.Viewport.Props): React$1.JSX.Element;
|
|
576
|
+
declare function Toast({ className, ...props }: Toast$1.Root.Props): React$1.JSX.Element;
|
|
577
|
+
declare function ToastContent({ className, ...props }: Toast$1.Content.Props): React$1.JSX.Element;
|
|
578
|
+
declare function ToastTitle({ className, ...props }: Toast$1.Title.Props): React$1.JSX.Element;
|
|
579
|
+
declare function ToastDescription({ className, ...props }: Toast$1.Description.Props): React$1.JSX.Element;
|
|
580
|
+
declare function ToastAction({ className, render, ...props }: Toast$1.Action.Props): React$1.JSX.Element;
|
|
581
|
+
declare function ToastClose({ className, children, render, ...props }: Toast$1.Close.Props): React$1.JSX.Element;
|
|
582
|
+
declare function Toaster({ children, toastManager, ...props }: Toast$1.Provider.Props): React$1.JSX.Element;
|
|
583
|
+
declare const createToastManager: typeof Toast$1.createToastManager;
|
|
584
|
+
declare const useToastManager: typeof Toast$1.useToastManager;
|
|
585
|
+
|
|
365
586
|
declare const toggleVariants: (props?: ({
|
|
366
587
|
variant?: "default" | "outline" | null | undefined;
|
|
367
588
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -374,4 +595,36 @@ declare function ToggleGroup({ className, variant, size, spacing, orientation, c
|
|
|
374
595
|
}): React$1.JSX.Element;
|
|
375
596
|
declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
|
|
376
597
|
|
|
377
|
-
|
|
598
|
+
/** Max content width, keyed to Tailwind's `--breakpoint-*` scale. `false` = no cap. */
|
|
599
|
+
type ContainerMaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | false;
|
|
600
|
+
/** Which axis the content is centred on. */
|
|
601
|
+
type ContainerCenter = "x" | "y" | "both";
|
|
602
|
+
interface ContainerProps extends ComponentPropsWithoutRef<"div"> {
|
|
603
|
+
/** Element to render. Default `div`; pass `"main"` / `"section"` for page landmarks. */
|
|
604
|
+
as?: ElementType;
|
|
605
|
+
/** Default `"xl"`. Ignored when `fluid`. */
|
|
606
|
+
maxWidth?: ContainerMaxWidth;
|
|
607
|
+
/** Drop the width cap and span the full parent. */
|
|
608
|
+
fluid?: boolean;
|
|
609
|
+
/** Centre horizontally (`mx-auto`), vertically (flex column), or both. */
|
|
610
|
+
center?: ContainerCenter;
|
|
611
|
+
/** With `center: "y" | "both"`, stretch to the viewport height so the centring has room. */
|
|
612
|
+
fullHeight?: boolean;
|
|
613
|
+
children?: ReactNode;
|
|
614
|
+
}
|
|
615
|
+
/**
|
|
616
|
+
* Page content wrapper: full width, responsive gutters, optional max-width cap
|
|
617
|
+
* and centring.
|
|
618
|
+
*
|
|
619
|
+
* Sits *inside* the app shell — `AppShellBody` owns the scroll region, this owns
|
|
620
|
+
* the readable measure. `fullHeight` uses `min-h-screen`, so reach for it on
|
|
621
|
+
* standalone pages (sign-in, error) rather than inside `AppShellMain`, which is
|
|
622
|
+
* already `h-svh`.
|
|
623
|
+
*
|
|
624
|
+
* @example
|
|
625
|
+
* <Container as="main" maxWidth="lg">…</Container>
|
|
626
|
+
* <Container center="both" fullHeight>…</Container>
|
|
627
|
+
*/
|
|
628
|
+
declare function Container({ as: Component, maxWidth, fluid, center, fullHeight, className, children, ...props }: ContainerProps): React$1.JSX.Element;
|
|
629
|
+
|
|
630
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerCenter, type ContainerMaxWidth, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonGroupVariants, createToastManager, markerVariants, navigationMenuTriggerStyle, tabsListVariants, toast, toggleVariants, useCarousel, useComboboxAnchor, useDirection, useToastManager };
|