@rock.star/ui 1.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 +27 -0
- package/dist/hooks/index.d.ts +51 -0
- package/dist/hooks/index.js +351 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/icon/index.d.ts +30 -0
- package/dist/icon/index.js +205 -0
- package/dist/icon/index.js.map +1 -0
- package/dist/lib/index.d.ts +301 -0
- package/dist/lib/index.js +380 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/styles.css +509 -0
- package/dist/ui/index.d.ts +794 -0
- package/dist/ui/index.js +7336 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.js +9 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +112 -0
|
@@ -0,0 +1,794 @@
|
|
|
1
|
+
import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { ReactNode, HTMLAttributes } from 'react';
|
|
4
|
+
import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
|
|
5
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
|
+
import { Button as Button$1 } from '@base-ui/react/button';
|
|
7
|
+
import { VariantProps } from 'class-variance-authority';
|
|
8
|
+
import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
|
|
9
|
+
export { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
|
|
10
|
+
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
|
|
11
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
12
|
+
import { Separator as Separator$1 } from '@base-ui/react/separator';
|
|
13
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
14
|
+
import * as RechartsPrimitive from 'recharts';
|
|
15
|
+
import { TooltipValueType } from 'recharts';
|
|
16
|
+
import { Combobox as Combobox$1 } from '@base-ui/react';
|
|
17
|
+
import { Command as Command$1 } from 'cmdk';
|
|
18
|
+
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
19
|
+
import { LucideIcon } from 'lucide-react';
|
|
20
|
+
import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
|
|
21
|
+
import { Menu } from '@base-ui/react/menu';
|
|
22
|
+
import { MotionProps, Variants } from 'motion/react';
|
|
23
|
+
import { ImageProps as ImageProps$1 } from 'next/image';
|
|
24
|
+
import { OTPInput as OTPInput$1 } from 'input-otp';
|
|
25
|
+
import { JellyBlobMascotProps, JellyBlobMood } from 'feral-blob';
|
|
26
|
+
export { BlobSpeech, JellyBlobMascot, JellyBlobMascotProps, JellyBlobMood } from 'feral-blob';
|
|
27
|
+
import { MessageScroller as MessageScroller$1 } from '@shadcn/react/message-scroller';
|
|
28
|
+
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
29
|
+
import { ClassValue } from 'clsx';
|
|
30
|
+
import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
31
|
+
import { NumberField } from '@base-ui/react/number-field';
|
|
32
|
+
import { Radio } from '@base-ui/react/radio';
|
|
33
|
+
import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
|
|
34
|
+
import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
|
|
35
|
+
import { Select as Select$1 } from '@base-ui/react/select';
|
|
36
|
+
import { GooeyToasterProps } from 'goey-toast';
|
|
37
|
+
import { Switch as Switch$1 } from '@base-ui/react/switch';
|
|
38
|
+
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
39
|
+
|
|
40
|
+
declare function Accordion({ className, ...props }: Accordion$1.Root.Props): React$1.JSX.Element;
|
|
41
|
+
declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): React$1.JSX.Element;
|
|
42
|
+
declare function AccordionTrigger({ className, children, endContent, ...props }: Accordion$1.Trigger.Props & {
|
|
43
|
+
endContent?: React$1.ReactNode;
|
|
44
|
+
}): React$1.JSX.Element;
|
|
45
|
+
declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): React$1.JSX.Element;
|
|
46
|
+
|
|
47
|
+
declare const buttonVariants: (props?: ({
|
|
48
|
+
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
49
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-title" | null | undefined;
|
|
50
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
51
|
+
declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React$1.JSX.Element;
|
|
52
|
+
|
|
53
|
+
declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): React$1.JSX.Element;
|
|
54
|
+
declare function AlertDialogTrigger({ ...props }: AlertDialog$1.Trigger.Props): React$1.JSX.Element;
|
|
55
|
+
declare function AlertDialogPortal({ ...props }: AlertDialog$1.Portal.Props): React$1.JSX.Element;
|
|
56
|
+
declare function AlertDialogOverlay({ className, ...props }: AlertDialog$1.Backdrop.Props): React$1.JSX.Element;
|
|
57
|
+
declare function AlertDialogContent({ className, size, ...props }: AlertDialog$1.Popup.Props & {
|
|
58
|
+
size?: "default" | "sm";
|
|
59
|
+
}): React$1.JSX.Element;
|
|
60
|
+
declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
61
|
+
declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
62
|
+
declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
63
|
+
declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): React$1.JSX.Element;
|
|
64
|
+
declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): React$1.JSX.Element;
|
|
65
|
+
declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
66
|
+
declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog$1.Close.Props & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): React$1.JSX.Element;
|
|
67
|
+
|
|
68
|
+
declare function Apple(): React$1.JSX.Element;
|
|
69
|
+
|
|
70
|
+
declare const Autocomplete: typeof Autocomplete$1.Root;
|
|
71
|
+
declare function AutocompleteInput({ className, showTrigger, showClear, startAddon, size, triggerProps, clearProps, ...props }: Omit<Autocomplete$1.Input.Props, "size"> & {
|
|
72
|
+
showTrigger?: boolean;
|
|
73
|
+
showClear?: boolean;
|
|
74
|
+
startAddon?: React__default.ReactNode;
|
|
75
|
+
size?: "sm" | "default" | "lg" | number;
|
|
76
|
+
ref?: React__default.Ref<HTMLInputElement>;
|
|
77
|
+
triggerProps?: Autocomplete$1.Trigger.Props;
|
|
78
|
+
clearProps?: Autocomplete$1.Clear.Props;
|
|
79
|
+
}): React__default.ReactElement;
|
|
80
|
+
declare function AutocompletePopup({ className, children, side, sideOffset, alignOffset, align, anchor, portalProps, ...props }: Autocomplete$1.Popup.Props & {
|
|
81
|
+
align?: Autocomplete$1.Positioner.Props["align"];
|
|
82
|
+
sideOffset?: Autocomplete$1.Positioner.Props["sideOffset"];
|
|
83
|
+
alignOffset?: Autocomplete$1.Positioner.Props["alignOffset"];
|
|
84
|
+
side?: Autocomplete$1.Positioner.Props["side"];
|
|
85
|
+
anchor?: Autocomplete$1.Positioner.Props["anchor"];
|
|
86
|
+
portalProps?: Autocomplete$1.Portal.Props;
|
|
87
|
+
}): React__default.ReactElement;
|
|
88
|
+
declare function AutocompleteItem({ className, children, ...props }: Autocomplete$1.Item.Props): React__default.ReactElement;
|
|
89
|
+
declare function AutocompleteSeparator({ className, ...props }: Autocomplete$1.Separator.Props): React__default.ReactElement;
|
|
90
|
+
declare function AutocompleteGroup({ className, ...props }: Autocomplete$1.Group.Props): React__default.ReactElement;
|
|
91
|
+
declare function AutocompleteGroupLabel({ className, ...props }: Autocomplete$1.GroupLabel.Props): React__default.ReactElement;
|
|
92
|
+
declare function AutocompleteEmpty({ className, ...props }: Autocomplete$1.Empty.Props): React__default.ReactElement;
|
|
93
|
+
declare function AutocompleteRow({ className, ...props }: Autocomplete$1.Row.Props): React__default.ReactElement;
|
|
94
|
+
declare const AutocompleteValue: typeof Autocomplete$1.Value;
|
|
95
|
+
declare function AutocompleteList({ className, ...props }: Autocomplete$1.List.Props): React__default.ReactElement;
|
|
96
|
+
declare function AutocompleteClear({ className, ...props }: Autocomplete$1.Clear.Props): React__default.ReactElement;
|
|
97
|
+
declare function AutocompleteStatus({ className, ...props }: Autocomplete$1.Status.Props): React__default.ReactElement;
|
|
98
|
+
declare const AutocompleteCollection: typeof Autocomplete$1.Collection;
|
|
99
|
+
declare function AutocompleteTrigger({ className, children, ...props }: Autocomplete$1.Trigger.Props): React__default.ReactElement;
|
|
100
|
+
declare const useAutocompleteFilter: typeof Autocomplete$1.useFilter;
|
|
101
|
+
|
|
102
|
+
declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
|
|
103
|
+
size?: "default" | "sm" | "lg";
|
|
104
|
+
}): React$1.JSX.Element;
|
|
105
|
+
declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): React$1.JSX.Element;
|
|
106
|
+
declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): React$1.JSX.Element;
|
|
107
|
+
declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
108
|
+
declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
109
|
+
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
110
|
+
|
|
111
|
+
declare const badgeVariants: (props?: ({
|
|
112
|
+
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
113
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
+
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
115
|
+
|
|
116
|
+
declare function NativeAppBridge(): null;
|
|
117
|
+
|
|
118
|
+
declare function BubbleGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
119
|
+
declare const bubbleVariants: (props?: ({
|
|
120
|
+
variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "muted" | "tinted" | null | undefined;
|
|
121
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
122
|
+
declare function Bubble({ variant, align, className, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
|
|
123
|
+
align?: "start" | "end";
|
|
124
|
+
}): React$1.JSX.Element;
|
|
125
|
+
declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
126
|
+
declare function BubbleReactions({ side, align, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
127
|
+
align?: "start" | "end";
|
|
128
|
+
side?: "top" | "bottom";
|
|
129
|
+
}): React$1.JSX.Element;
|
|
130
|
+
|
|
131
|
+
declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
|
|
132
|
+
|
|
133
|
+
declare const buttonGroupVariants: (props?: ({
|
|
134
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
135
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
136
|
+
declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
|
|
137
|
+
declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
138
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
139
|
+
|
|
140
|
+
declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
|
|
141
|
+
size?: "default" | "sm";
|
|
142
|
+
}): React$1.JSX.Element;
|
|
143
|
+
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
144
|
+
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
145
|
+
declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
146
|
+
declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
147
|
+
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
148
|
+
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
149
|
+
|
|
150
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
151
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
152
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
153
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
154
|
+
type CarouselProps = {
|
|
155
|
+
opts?: CarouselOptions;
|
|
156
|
+
plugins?: CarouselPlugin;
|
|
157
|
+
orientation?: "horizontal" | "vertical";
|
|
158
|
+
setApi?: (api: CarouselApi) => void;
|
|
159
|
+
};
|
|
160
|
+
type CarouselContextProps = {
|
|
161
|
+
carouselRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
162
|
+
api: ReturnType<typeof useEmblaCarousel>[1];
|
|
163
|
+
scrollPrev: () => void;
|
|
164
|
+
scrollNext: () => void;
|
|
165
|
+
canScrollPrev: boolean;
|
|
166
|
+
canScrollNext: boolean;
|
|
167
|
+
} & CarouselProps;
|
|
168
|
+
declare function useCarousel(): CarouselContextProps;
|
|
169
|
+
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): React$1.JSX.Element;
|
|
170
|
+
declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
171
|
+
declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
172
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
173
|
+
declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
174
|
+
|
|
175
|
+
declare const THEMES: {
|
|
176
|
+
readonly light: "";
|
|
177
|
+
readonly dark: ".dark";
|
|
178
|
+
};
|
|
179
|
+
type TooltipNameType = number | string;
|
|
180
|
+
type ChartConfig = Record<string, {
|
|
181
|
+
label?: React$1.ReactNode;
|
|
182
|
+
icon?: React$1.ComponentType;
|
|
183
|
+
} & ({
|
|
184
|
+
color?: string;
|
|
185
|
+
theme?: never;
|
|
186
|
+
} | {
|
|
187
|
+
color?: never;
|
|
188
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
189
|
+
})>;
|
|
190
|
+
declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React$1.ComponentProps<"div"> & {
|
|
191
|
+
config: ChartConfig;
|
|
192
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
193
|
+
initialDimension?: {
|
|
194
|
+
width: number;
|
|
195
|
+
height: number;
|
|
196
|
+
};
|
|
197
|
+
}): React$1.JSX.Element;
|
|
198
|
+
declare const ChartStyle: ({ id, config }: {
|
|
199
|
+
id: string;
|
|
200
|
+
config: ChartConfig;
|
|
201
|
+
}) => React$1.JSX.Element | null;
|
|
202
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
203
|
+
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"> & {
|
|
204
|
+
hideLabel?: boolean;
|
|
205
|
+
hideIndicator?: boolean;
|
|
206
|
+
indicator?: "line" | "dot" | "dashed";
|
|
207
|
+
nameKey?: string;
|
|
208
|
+
labelKey?: string;
|
|
209
|
+
} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): React$1.JSX.Element | null;
|
|
210
|
+
declare const ChartLegend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
|
|
211
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & {
|
|
212
|
+
hideIcon?: boolean;
|
|
213
|
+
nameKey?: string;
|
|
214
|
+
} & RechartsPrimitive.DefaultLegendContentProps): React$1.JSX.Element | null;
|
|
215
|
+
|
|
216
|
+
declare const Combobox: typeof Combobox$1.Root;
|
|
217
|
+
declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React$1.JSX.Element;
|
|
218
|
+
declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React$1.JSX.Element;
|
|
219
|
+
declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, startContent, endContent, ...props }: Combobox$1.Input.Props & {
|
|
220
|
+
showTrigger?: boolean;
|
|
221
|
+
showClear?: boolean;
|
|
222
|
+
endContentFocusInput?: boolean;
|
|
223
|
+
startContent?: React$1.ReactNode;
|
|
224
|
+
endContent?: React$1.ReactNode;
|
|
225
|
+
}): React$1.JSX.Element;
|
|
226
|
+
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;
|
|
227
|
+
declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): React$1.JSX.Element;
|
|
228
|
+
declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): React$1.JSX.Element;
|
|
229
|
+
declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): React$1.JSX.Element;
|
|
230
|
+
declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): React$1.JSX.Element;
|
|
231
|
+
declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): React$1.JSX.Element;
|
|
232
|
+
declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): React$1.JSX.Element;
|
|
233
|
+
declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): React$1.JSX.Element;
|
|
234
|
+
declare function ComboboxChips({ className, ...props }: React$1.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): React$1.JSX.Element;
|
|
235
|
+
declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
|
|
236
|
+
showRemove?: boolean;
|
|
237
|
+
}): React$1.JSX.Element;
|
|
238
|
+
declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): React$1.JSX.Element;
|
|
239
|
+
declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
|
|
240
|
+
|
|
241
|
+
declare function Dialog({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
|
|
242
|
+
declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
|
|
243
|
+
declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React$1.JSX.Element;
|
|
244
|
+
declare function DialogClose({ ...props }: Dialog$1.Close.Props): React$1.JSX.Element;
|
|
245
|
+
declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React$1.JSX.Element;
|
|
246
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
|
|
247
|
+
showCloseButton?: boolean;
|
|
248
|
+
}): React$1.JSX.Element;
|
|
249
|
+
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
250
|
+
declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
251
|
+
showCloseButton?: boolean;
|
|
252
|
+
}): React$1.JSX.Element;
|
|
253
|
+
declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React$1.JSX.Element;
|
|
254
|
+
declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React$1.JSX.Element;
|
|
255
|
+
|
|
256
|
+
declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
|
|
257
|
+
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React$1.ComponentProps<typeof Dialog>, "children"> & {
|
|
258
|
+
title?: string;
|
|
259
|
+
description?: string;
|
|
260
|
+
className?: string;
|
|
261
|
+
showCloseButton?: boolean;
|
|
262
|
+
children: React$1.ReactNode;
|
|
263
|
+
}): React$1.JSX.Element;
|
|
264
|
+
declare function CommandInput({ className, startContent, endContent, focusAddon, ...props }: React$1.ComponentProps<typeof Command$1.Input> & {
|
|
265
|
+
startContent?: React$1.ReactNode;
|
|
266
|
+
endContent?: React$1.ReactNode;
|
|
267
|
+
/** When false, clicking the leading magnifier won't focus the input. */
|
|
268
|
+
focusAddon?: boolean;
|
|
269
|
+
}): React$1.JSX.Element;
|
|
270
|
+
declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
|
|
271
|
+
declare function CommandEmpty({ className, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
|
|
272
|
+
declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
|
|
273
|
+
declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
|
|
274
|
+
declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
|
|
275
|
+
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
276
|
+
|
|
277
|
+
type DashedSeparatorProps = {
|
|
278
|
+
className?: string;
|
|
279
|
+
dashWidth?: number;
|
|
280
|
+
minimumGap?: number;
|
|
281
|
+
thickness?: number;
|
|
282
|
+
};
|
|
283
|
+
declare function DashedSeparator({ className, dashWidth, minimumGap, thickness, }: DashedSeparatorProps): React$1.JSX.Element;
|
|
284
|
+
|
|
285
|
+
interface DockProps {
|
|
286
|
+
className?: string;
|
|
287
|
+
items: {
|
|
288
|
+
icon: LucideIcon;
|
|
289
|
+
label: string;
|
|
290
|
+
onClick?: () => void;
|
|
291
|
+
}[];
|
|
292
|
+
}
|
|
293
|
+
declare const Dock: React$1.ForwardRefExoticComponent<DockProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
294
|
+
|
|
295
|
+
declare function Drawer({ modal, showSwipeHandle, snapPoints, swipeDirection, ...props }: Drawer$1.Root.Props & {
|
|
296
|
+
showSwipeHandle?: boolean;
|
|
297
|
+
}): React$1.JSX.Element;
|
|
298
|
+
declare function DrawerTrigger({ ...props }: Drawer$1.Trigger.Props): React$1.JSX.Element;
|
|
299
|
+
declare function DrawerPortal({ ...props }: Drawer$1.Portal.Props): React$1.JSX.Element;
|
|
300
|
+
declare function DrawerClose({ ...props }: Drawer$1.Close.Props): React$1.JSX.Element;
|
|
301
|
+
declare function DrawerOverlay({ className, ...props }: Drawer$1.Backdrop.Props): React$1.JSX.Element;
|
|
302
|
+
declare function DrawerSwipeHandle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
303
|
+
declare function DrawerContent({ className, children, ...props }: Drawer$1.Popup.Props): React$1.JSX.Element;
|
|
304
|
+
declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
305
|
+
declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
306
|
+
declare function DrawerTitle({ className, ...props }: Drawer$1.Title.Props): React$1.JSX.Element;
|
|
307
|
+
declare function DrawerDescription({ className, ...props }: Drawer$1.Description.Props): React$1.JSX.Element;
|
|
308
|
+
|
|
309
|
+
declare function DropdownMenu({ ...props }: Menu.Root.Props): React$1.JSX.Element;
|
|
310
|
+
declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): React$1.JSX.Element;
|
|
311
|
+
declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;
|
|
312
|
+
declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
313
|
+
declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React$1.JSX.Element;
|
|
314
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
|
|
315
|
+
inset?: boolean;
|
|
316
|
+
}): React$1.JSX.Element;
|
|
317
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
|
|
318
|
+
inset?: boolean;
|
|
319
|
+
variant?: "default" | "destructive";
|
|
320
|
+
}): React$1.JSX.Element;
|
|
321
|
+
declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React$1.JSX.Element;
|
|
322
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
|
|
323
|
+
inset?: boolean;
|
|
324
|
+
}): React$1.JSX.Element;
|
|
325
|
+
declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React$1.ComponentProps<typeof DropdownMenuContent>): React$1.JSX.Element;
|
|
326
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
|
|
327
|
+
inset?: boolean;
|
|
328
|
+
}): React$1.JSX.Element;
|
|
329
|
+
declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): React$1.JSX.Element;
|
|
330
|
+
declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
|
|
331
|
+
inset?: boolean;
|
|
332
|
+
}): React$1.JSX.Element;
|
|
333
|
+
declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React$1.JSX.Element;
|
|
334
|
+
declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
335
|
+
|
|
336
|
+
declare function Empty({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
337
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
338
|
+
declare const emptyMediaVariants: (props?: ({
|
|
339
|
+
variant?: "default" | "icon" | null | undefined;
|
|
340
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
341
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): React$1.JSX.Element;
|
|
342
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
343
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
|
|
344
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
345
|
+
|
|
346
|
+
type AnimatedTAGProps = MotionProps & {
|
|
347
|
+
variants?: Variants;
|
|
348
|
+
mobileVariants?: Variants;
|
|
349
|
+
className?: string;
|
|
350
|
+
children: React__default.ReactNode;
|
|
351
|
+
infinity?: boolean;
|
|
352
|
+
};
|
|
353
|
+
|
|
354
|
+
declare const activityItemAnimation: Variants;
|
|
355
|
+
declare const popUp: Variants;
|
|
356
|
+
declare const popUpFromBottomForText: Variants;
|
|
357
|
+
declare const fromRightVariant: Variants;
|
|
358
|
+
declare const Top: Variants;
|
|
359
|
+
declare const Bottom: Variants;
|
|
360
|
+
declare const headingFromLeft: Variants;
|
|
361
|
+
declare const fromLeftVariant: Variants;
|
|
362
|
+
declare const fromLeftChildren: Variants;
|
|
363
|
+
declare const fromTopVariant: Variants;
|
|
364
|
+
declare const opacityVariant: Variants;
|
|
365
|
+
declare const hamFastFadeContainer: Variants;
|
|
366
|
+
declare const mobileNavItemSideways: Variants;
|
|
367
|
+
declare const FadeContainer: Variants;
|
|
368
|
+
declare const svgVariant: Variants;
|
|
369
|
+
declare const searchBarSlideAnimation: Variants;
|
|
370
|
+
declare const BlogCardAnimation: Variants;
|
|
371
|
+
declare const ListItemVariant: Variants;
|
|
372
|
+
declare const kanbanOrderCardAnimation: Variants;
|
|
373
|
+
declare const kanbanOrderCardReducedMotionAnimation: Variants;
|
|
374
|
+
declare const kanbanOrderCardLayoutTransition: {
|
|
375
|
+
readonly type: "spring";
|
|
376
|
+
readonly stiffness: 520;
|
|
377
|
+
readonly damping: 42;
|
|
378
|
+
readonly mass: 0.75;
|
|
379
|
+
};
|
|
380
|
+
|
|
381
|
+
declare function Label({ className, ...props }: React$1.ComponentProps<"label">): React$1.JSX.Element;
|
|
382
|
+
|
|
383
|
+
declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React$1.JSX.Element;
|
|
384
|
+
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
|
|
385
|
+
variant?: "legend" | "label";
|
|
386
|
+
}): React$1.JSX.Element;
|
|
387
|
+
declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
388
|
+
declare const fieldVariants: (props?: ({
|
|
389
|
+
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
390
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
391
|
+
declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React$1.JSX.Element;
|
|
392
|
+
declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
393
|
+
declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
|
|
394
|
+
declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
395
|
+
declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
|
|
396
|
+
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
|
|
397
|
+
children?: React.ReactNode;
|
|
398
|
+
}): React$1.JSX.Element;
|
|
399
|
+
declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
|
|
400
|
+
errors?: Array<{
|
|
401
|
+
message?: string;
|
|
402
|
+
} | undefined>;
|
|
403
|
+
}): React$1.JSX.Element | null;
|
|
404
|
+
|
|
405
|
+
type ImageProps = Omit<ImageProps$1, "children" | "placeholder" | "blurDataURL" | "src"> & {
|
|
406
|
+
src?: ImageProps$1["src"] | null;
|
|
407
|
+
wrapper?: string;
|
|
408
|
+
showSkeleton?: boolean;
|
|
409
|
+
children?: ReactNode;
|
|
410
|
+
/** Content to render when no source is provided or the image fails to load. */
|
|
411
|
+
fallback?: ReactNode;
|
|
412
|
+
};
|
|
413
|
+
declare function Image({ wrapper, showSkeleton, className, loading, fetchPriority, preload, quality, src, alt, onLoad, onError, children, fallback, ...props }: ImageProps): React$1.JSX.Element;
|
|
414
|
+
|
|
415
|
+
declare function Input({ className, type, inputMode, onWheel, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
|
|
416
|
+
|
|
417
|
+
declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
418
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
419
|
+
align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
|
|
420
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
421
|
+
declare function InputGroupAddon({ className, align, focusInput, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants> & {
|
|
422
|
+
focusInput?: boolean;
|
|
423
|
+
}): React$1.JSX.Element;
|
|
424
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
425
|
+
size?: "xs" | "sm" | "icon-xs" | "icon-sm" | "bar-icon" | null | undefined;
|
|
426
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
427
|
+
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
|
|
428
|
+
type?: "button" | "submit" | "reset";
|
|
429
|
+
}): React$1.JSX.Element;
|
|
430
|
+
declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
431
|
+
declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
|
|
432
|
+
declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
|
|
433
|
+
|
|
434
|
+
declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput$1> & {
|
|
435
|
+
containerClassName?: string;
|
|
436
|
+
}): React$1.JSX.Element;
|
|
437
|
+
declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
438
|
+
declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
439
|
+
index: number;
|
|
440
|
+
}): React$1.JSX.Element;
|
|
441
|
+
declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
442
|
+
|
|
443
|
+
declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
444
|
+
declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
445
|
+
declare const itemVariants: (props?: ({
|
|
446
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
447
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
448
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
449
|
+
declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
450
|
+
declare const itemMediaVariants: (props?: ({
|
|
451
|
+
variant?: "image" | "default" | "icon" | null | undefined;
|
|
452
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
453
|
+
declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React$1.JSX.Element;
|
|
454
|
+
declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
455
|
+
declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
456
|
+
declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
|
|
457
|
+
declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
458
|
+
declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
459
|
+
declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
460
|
+
|
|
461
|
+
declare function JellyBlob({ ...props }: JellyBlobMascotProps): React$1.JSX.Element;
|
|
462
|
+
declare function JellyMini({ mood, className, }: {
|
|
463
|
+
mood?: JellyBlobMood;
|
|
464
|
+
className?: string;
|
|
465
|
+
}): React$1.JSX.Element;
|
|
466
|
+
|
|
467
|
+
declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React$1.JSX.Element;
|
|
468
|
+
declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
469
|
+
|
|
470
|
+
declare function MessageGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
471
|
+
declare function Message({ className, align, ...props }: React$1.ComponentProps<"div"> & {
|
|
472
|
+
align?: "start" | "end";
|
|
473
|
+
}): React$1.JSX.Element;
|
|
474
|
+
declare function MessageAvatar({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
475
|
+
declare function MessageContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
476
|
+
declare function MessageHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
477
|
+
declare function MessageFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
478
|
+
|
|
479
|
+
declare function MessageScrollerProvider(props: React$1.ComponentProps<typeof MessageScroller$1.Provider>): React$1.JSX.Element;
|
|
480
|
+
declare function MessageScroller({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Root>): React$1.JSX.Element;
|
|
481
|
+
declare function MessageScrollerViewport({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Viewport>): React$1.JSX.Element;
|
|
482
|
+
declare function MessageScrollerContent({ className, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Content>): React$1.JSX.Element;
|
|
483
|
+
declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React$1.ComponentProps<typeof MessageScroller$1.Item>): React$1.JSX.Element;
|
|
484
|
+
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;
|
|
485
|
+
|
|
486
|
+
declare const EASE_OUT: readonly [0.16, 1, 0.3, 1];
|
|
487
|
+
declare const EASE_IN_OUT: readonly [0.77, 0, 0.175, 1];
|
|
488
|
+
declare const EASE_DRAWER: readonly [0.32, 0.72, 0, 1];
|
|
489
|
+
declare const EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
490
|
+
declare const SPRING_PRESS: {
|
|
491
|
+
readonly type: "spring";
|
|
492
|
+
readonly stiffness: 500;
|
|
493
|
+
readonly damping: 30;
|
|
494
|
+
readonly mass: 0.6;
|
|
495
|
+
};
|
|
496
|
+
declare const SPRING_SWAP: {
|
|
497
|
+
readonly type: "spring";
|
|
498
|
+
readonly stiffness: 460;
|
|
499
|
+
readonly damping: 30;
|
|
500
|
+
readonly mass: 0.55;
|
|
501
|
+
};
|
|
502
|
+
declare const SPRING_PANEL: {
|
|
503
|
+
readonly type: "spring";
|
|
504
|
+
readonly stiffness: 420;
|
|
505
|
+
readonly damping: 40;
|
|
506
|
+
readonly mass: 0.5;
|
|
507
|
+
};
|
|
508
|
+
declare const SPRING_LAYOUT: {
|
|
509
|
+
readonly type: "spring";
|
|
510
|
+
readonly stiffness: 360;
|
|
511
|
+
readonly damping: 32;
|
|
512
|
+
readonly mass: 0.6;
|
|
513
|
+
};
|
|
514
|
+
declare const SPRING_MOUSE: {
|
|
515
|
+
readonly stiffness: 200;
|
|
516
|
+
readonly damping: 15;
|
|
517
|
+
readonly mass: 0.3;
|
|
518
|
+
};
|
|
519
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
520
|
+
type OTPStatus = "idle" | "error" | "success";
|
|
521
|
+
interface OTPInputProps {
|
|
522
|
+
length?: number;
|
|
523
|
+
value?: string;
|
|
524
|
+
defaultValue?: string;
|
|
525
|
+
onChange?: (value: string) => void;
|
|
526
|
+
onComplete?: (value: string) => void;
|
|
527
|
+
label?: string;
|
|
528
|
+
hint?: string;
|
|
529
|
+
successMessage?: string;
|
|
530
|
+
errorMessage?: string;
|
|
531
|
+
status?: OTPStatus;
|
|
532
|
+
mask?: boolean;
|
|
533
|
+
disabled?: boolean;
|
|
534
|
+
autoFocus?: boolean;
|
|
535
|
+
onFocusChange?: (focused: boolean) => void;
|
|
536
|
+
"aria-label"?: string;
|
|
537
|
+
className?: string;
|
|
538
|
+
}
|
|
539
|
+
declare function OTPInput({ length, value: controlledValue, defaultValue, onChange, onComplete, label, hint, successMessage, errorMessage, status, mask, disabled, autoFocus, onFocusChange, "aria-label": ariaLabel, className, }: OTPInputProps): React$1.JSX.Element;
|
|
540
|
+
|
|
541
|
+
declare function Popover({ ...props }: Popover$1.Root.Props): React$1.JSX.Element;
|
|
542
|
+
declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React$1.JSX.Element;
|
|
543
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
544
|
+
declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
545
|
+
declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React$1.JSX.Element;
|
|
546
|
+
declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React$1.JSX.Element;
|
|
547
|
+
|
|
548
|
+
declare function QuantityInput({ ...props }: React$1.ComponentProps<typeof NumberField.Root>): React$1.JSX.Element;
|
|
549
|
+
|
|
550
|
+
declare function RadioGroup({ className, ...props }: RadioGroup$1.Props): React$1.JSX.Element;
|
|
551
|
+
declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): React$1.JSX.Element;
|
|
552
|
+
|
|
553
|
+
interface FilterI18nConfig {
|
|
554
|
+
addFilter: string;
|
|
555
|
+
searchFields: string;
|
|
556
|
+
noFieldsFound: string;
|
|
557
|
+
noResultsFound: string;
|
|
558
|
+
select: string;
|
|
559
|
+
true: string;
|
|
560
|
+
false: string;
|
|
561
|
+
min: string;
|
|
562
|
+
max: string;
|
|
563
|
+
to: string;
|
|
564
|
+
typeAndPressEnter: string;
|
|
565
|
+
selected: string;
|
|
566
|
+
selectedCount: string;
|
|
567
|
+
percent: string;
|
|
568
|
+
defaultCurrency: string;
|
|
569
|
+
defaultColor: string;
|
|
570
|
+
addFilterTitle: string;
|
|
571
|
+
loadingOptions?: string;
|
|
572
|
+
errorLoadingOptions?: string;
|
|
573
|
+
operators: {
|
|
574
|
+
is: string;
|
|
575
|
+
isNot: string;
|
|
576
|
+
isAnyOf: string;
|
|
577
|
+
isNotAnyOf: string;
|
|
578
|
+
includesAll: string;
|
|
579
|
+
excludesAll: string;
|
|
580
|
+
before: string;
|
|
581
|
+
after: string;
|
|
582
|
+
between: string;
|
|
583
|
+
notBetween: string;
|
|
584
|
+
contains: string;
|
|
585
|
+
notContains: string;
|
|
586
|
+
startsWith: string;
|
|
587
|
+
endsWith: string;
|
|
588
|
+
isExactly: string;
|
|
589
|
+
equals: string;
|
|
590
|
+
notEquals: string;
|
|
591
|
+
greaterThan: string;
|
|
592
|
+
lessThan: string;
|
|
593
|
+
overlaps: string;
|
|
594
|
+
includes: string;
|
|
595
|
+
excludes: string;
|
|
596
|
+
includesAllOf: string;
|
|
597
|
+
includesAnyOf: string;
|
|
598
|
+
empty: string;
|
|
599
|
+
notEmpty: string;
|
|
600
|
+
};
|
|
601
|
+
placeholders: {
|
|
602
|
+
enterField: (fieldType: string) => string;
|
|
603
|
+
selectField: string;
|
|
604
|
+
searchField: (fieldName: string) => string;
|
|
605
|
+
enterKey: string;
|
|
606
|
+
enterValue: string;
|
|
607
|
+
};
|
|
608
|
+
helpers: {
|
|
609
|
+
formatOperator: (operator: string) => string;
|
|
610
|
+
};
|
|
611
|
+
validation: {
|
|
612
|
+
invalidEmail: string;
|
|
613
|
+
invalidUrl: string;
|
|
614
|
+
invalidTel: string;
|
|
615
|
+
invalid: string;
|
|
616
|
+
};
|
|
617
|
+
}
|
|
618
|
+
declare const DEFAULT_I18N: FilterI18nConfig;
|
|
619
|
+
interface FilterOption<T = unknown> {
|
|
620
|
+
value: T;
|
|
621
|
+
label: string;
|
|
622
|
+
icon?: React__default.ReactNode;
|
|
623
|
+
metadata?: Record<string, unknown>;
|
|
624
|
+
className?: string;
|
|
625
|
+
}
|
|
626
|
+
interface FilterOperator {
|
|
627
|
+
value: string;
|
|
628
|
+
label: string;
|
|
629
|
+
supportsMultiple?: boolean;
|
|
630
|
+
}
|
|
631
|
+
interface CustomRendererProps<T = unknown> {
|
|
632
|
+
field: FilterFieldConfig<T>;
|
|
633
|
+
values: T[];
|
|
634
|
+
onChange: (values: T[]) => void;
|
|
635
|
+
operator: string;
|
|
636
|
+
}
|
|
637
|
+
interface FilterOptionListRenderProps<T = unknown> {
|
|
638
|
+
options: FilterOption<T>[];
|
|
639
|
+
highlightedIndex: number;
|
|
640
|
+
renderOption: (option: FilterOption<T>, index: number) => React__default.ReactNode;
|
|
641
|
+
}
|
|
642
|
+
interface FilterFieldGroup<T = unknown> {
|
|
643
|
+
group?: string;
|
|
644
|
+
fields: FilterFieldConfig<T>[];
|
|
645
|
+
}
|
|
646
|
+
type FilterFieldsConfig<T = unknown> = FilterFieldConfig<T>[] | FilterFieldGroup<T>[];
|
|
647
|
+
interface FilterFieldConfig<T = unknown> {
|
|
648
|
+
key?: string;
|
|
649
|
+
label?: string;
|
|
650
|
+
icon?: React__default.ReactNode;
|
|
651
|
+
type?: "select" | "multiselect" | "text" | "custom" | "separator";
|
|
652
|
+
group?: string;
|
|
653
|
+
fields?: FilterFieldConfig<T>[];
|
|
654
|
+
options?: FilterOption<T>[];
|
|
655
|
+
loadOptions?: (query: string) => FilterOption<T>[] | Promise<FilterOption<T>[]>;
|
|
656
|
+
renderOptionList?: (props: FilterOptionListRenderProps<T>) => React__default.ReactNode;
|
|
657
|
+
operators?: FilterOperator[];
|
|
658
|
+
customRenderer?: (props: CustomRendererProps<T>) => React__default.ReactNode;
|
|
659
|
+
customValueRenderer?: (values: T[], options: FilterOption<T>[]) => React__default.ReactNode;
|
|
660
|
+
placeholder?: string;
|
|
661
|
+
searchable?: boolean;
|
|
662
|
+
maxSelections?: number;
|
|
663
|
+
min?: number;
|
|
664
|
+
max?: number;
|
|
665
|
+
step?: number;
|
|
666
|
+
prefix?: string | React__default.ReactNode;
|
|
667
|
+
suffix?: string | React__default.ReactNode;
|
|
668
|
+
pattern?: string;
|
|
669
|
+
validation?: (value: unknown) => boolean | {
|
|
670
|
+
valid: boolean;
|
|
671
|
+
message?: string;
|
|
672
|
+
};
|
|
673
|
+
allowCustomValues?: boolean;
|
|
674
|
+
className?: string;
|
|
675
|
+
menuPopupClassName?: string;
|
|
676
|
+
groupLabel?: string;
|
|
677
|
+
onLabel?: string;
|
|
678
|
+
offLabel?: string;
|
|
679
|
+
onInputChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
680
|
+
defaultOperator?: string;
|
|
681
|
+
value?: T[];
|
|
682
|
+
onValueChange?: (values: T[]) => void;
|
|
683
|
+
}
|
|
684
|
+
declare const DEFAULT_OPERATORS: Record<string, FilterOperator[]>;
|
|
685
|
+
interface Filter<T = unknown> {
|
|
686
|
+
id: string;
|
|
687
|
+
field: string;
|
|
688
|
+
operator: string;
|
|
689
|
+
values: T[];
|
|
690
|
+
}
|
|
691
|
+
interface FilterGroup<T = unknown> {
|
|
692
|
+
id: string;
|
|
693
|
+
label?: string;
|
|
694
|
+
filters: Filter<T>[];
|
|
695
|
+
fields: FilterFieldConfig<T>[];
|
|
696
|
+
}
|
|
697
|
+
interface FiltersContentProps<T = unknown> {
|
|
698
|
+
filters: Filter<T>[];
|
|
699
|
+
fields: FilterFieldsConfig<T>;
|
|
700
|
+
onChange: (filters: Filter<T>[]) => void;
|
|
701
|
+
}
|
|
702
|
+
declare const FiltersContent: <T = unknown>({ filters, fields, onChange, }: FiltersContentProps<T>) => React__default.JSX.Element;
|
|
703
|
+
interface FiltersProps<T = unknown> {
|
|
704
|
+
filters: Filter<T>[];
|
|
705
|
+
fields: FilterFieldsConfig<T>;
|
|
706
|
+
onChange: (filters: Filter<T>[]) => void;
|
|
707
|
+
className?: string;
|
|
708
|
+
variant?: "solid" | "default";
|
|
709
|
+
size?: "sm" | "default" | "lg";
|
|
710
|
+
radius?: "default" | "full";
|
|
711
|
+
i18n?: Partial<FilterI18nConfig>;
|
|
712
|
+
showSearchInput?: boolean;
|
|
713
|
+
trigger?: React__default.ReactNode;
|
|
714
|
+
allowMultiple?: boolean;
|
|
715
|
+
menuPopupClassName?: string;
|
|
716
|
+
collapseAddButton?: boolean;
|
|
717
|
+
enableShortcut?: boolean;
|
|
718
|
+
shortcutKey?: string;
|
|
719
|
+
shortcutLabel?: string;
|
|
720
|
+
}
|
|
721
|
+
declare function Filters<T = unknown>({ filters, fields, onChange, className, variant, size, radius, i18n, showSearchInput, trigger, allowMultiple, menuPopupClassName, enableShortcut, shortcutKey, shortcutLabel, }: FiltersProps<T>): React__default.JSX.Element;
|
|
722
|
+
declare const createFilter: <T = unknown>(field: string, operator?: string, values?: T[]) => Filter<T>;
|
|
723
|
+
declare const createFilterGroup: <T = unknown>(id: string, label: string, fields: FilterFieldConfig<T>[], initialFilters?: Filter<T>[]) => FilterGroup<T>;
|
|
724
|
+
|
|
725
|
+
declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): React$1.JSX.Element;
|
|
726
|
+
declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React$1.JSX.Element;
|
|
727
|
+
|
|
728
|
+
declare const Select: typeof Select$1.Root;
|
|
729
|
+
declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React$1.JSX.Element;
|
|
730
|
+
declare function SelectValue({ className, ...props }: Select$1.Value.Props): React$1.JSX.Element;
|
|
731
|
+
declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
|
|
732
|
+
size?: "sm" | "default";
|
|
733
|
+
}): React$1.JSX.Element;
|
|
734
|
+
declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React$1.JSX.Element;
|
|
735
|
+
declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React$1.JSX.Element;
|
|
736
|
+
declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React$1.JSX.Element;
|
|
737
|
+
declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React$1.JSX.Element;
|
|
738
|
+
declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): React$1.JSX.Element;
|
|
739
|
+
declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): React$1.JSX.Element;
|
|
740
|
+
|
|
741
|
+
type SkeletonRounded = "none" | "sm" | "md" | "lg" | "full";
|
|
742
|
+
type SkeletonVariant = "shimmer" | "fade";
|
|
743
|
+
declare const skeletonRoundedClasses: {
|
|
744
|
+
readonly none: "rounded-none";
|
|
745
|
+
readonly sm: "rounded-sm";
|
|
746
|
+
readonly md: "rounded-md";
|
|
747
|
+
readonly lg: "rounded-lg";
|
|
748
|
+
readonly full: "rounded-full";
|
|
749
|
+
};
|
|
750
|
+
declare const skeletonVariantDefaultDuration: Record<SkeletonVariant, number>;
|
|
751
|
+
declare function getSkeletonVariantDuration(variant: SkeletonVariant, duration?: number): number;
|
|
752
|
+
declare function resolveSkeletonA11yProps({ animate, decorative, label, }: {
|
|
753
|
+
animate?: boolean;
|
|
754
|
+
decorative?: boolean;
|
|
755
|
+
label?: string | null;
|
|
756
|
+
}): {
|
|
757
|
+
"aria-hidden": true;
|
|
758
|
+
"aria-label"?: undefined;
|
|
759
|
+
"aria-live"?: undefined;
|
|
760
|
+
role?: undefined;
|
|
761
|
+
} | {
|
|
762
|
+
"aria-label": string;
|
|
763
|
+
"aria-live": "polite";
|
|
764
|
+
role: "status";
|
|
765
|
+
"aria-hidden"?: undefined;
|
|
766
|
+
};
|
|
767
|
+
interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
768
|
+
animate?: boolean;
|
|
769
|
+
decorative?: boolean;
|
|
770
|
+
duration?: number;
|
|
771
|
+
label?: string | null;
|
|
772
|
+
rounded?: SkeletonRounded;
|
|
773
|
+
variant?: SkeletonVariant;
|
|
774
|
+
}
|
|
775
|
+
declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
776
|
+
declare function SkeletonAvatar({ className, ...props }: Omit<SkeletonProps, "rounded">): React$1.JSX.Element;
|
|
777
|
+
declare function SkeletonText({ className, ...props }: SkeletonProps): React$1.JSX.Element;
|
|
778
|
+
declare function SkeletonButton({ className, ...props }: Omit<SkeletonProps, "rounded">): React$1.JSX.Element;
|
|
779
|
+
declare const ShimmerSkeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
780
|
+
|
|
781
|
+
declare const Toaster: ({ closeButton, ...props }: GooeyToasterProps) => React$1.JSX.Element;
|
|
782
|
+
|
|
783
|
+
declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
|
|
784
|
+
size?: "sm" | "default";
|
|
785
|
+
}): React$1.JSX.Element;
|
|
786
|
+
|
|
787
|
+
declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
|
|
788
|
+
|
|
789
|
+
declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
|
|
790
|
+
declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
|
|
791
|
+
declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
|
|
792
|
+
declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
793
|
+
|
|
794
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AnimatedTAGProps, Apple, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BlogCardAnimation, Bottom, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type CustomRendererProps, DEFAULT_I18N, DEFAULT_OPERATORS, DashedSeparator, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EASE_DRAWER, EASE_IN_OUT, EASE_OUT, EASE_OUT_CSS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FadeContainer, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type Filter, type FilterFieldConfig, type FilterFieldGroup, type FilterFieldsConfig, type FilterGroup, type FilterI18nConfig, type FilterOperator, type FilterOption, type FilterOptionListRenderProps, Filters, FiltersContent, Image, type ImageProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JellyBlob, JellyMini, Kbd, KbdGroup, Label, ListItemVariant, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NativeAppBridge, OTPInput, type OTPInputProps, type OTPStatus, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, QuantityInput, RadioGroup, RadioGroupItem, SPRING_LAYOUT, SPRING_MOUSE, SPRING_PANEL, SPRING_PRESS, SPRING_SWAP, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShimmerSkeleton, type SkeletonProps as ShimmerSkeletonProps, Skeleton, SkeletonAvatar, SkeletonButton, type SkeletonProps, type SkeletonRounded, SkeletonText, type SkeletonVariant, Switch, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Top, activityItemAnimation, badgeVariants, buttonGroupVariants, buttonVariants, cn, createFilter, createFilterGroup, fromLeftChildren, fromLeftVariant, fromRightVariant, fromTopVariant, getSkeletonVariantDuration, hamFastFadeContainer, headingFromLeft, kanbanOrderCardAnimation, kanbanOrderCardLayoutTransition, kanbanOrderCardReducedMotionAnimation, mobileNavItemSideways, opacityVariant, popUp, popUpFromBottomForText, resolveSkeletonA11yProps, searchBarSlideAnimation, skeletonRoundedClasses, skeletonVariantDefaultDuration, svgVariant, useAutocompleteFilter, useCarousel, useComboboxAnchor };
|