pxengine 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +175 -0
- package/config/tailwind-preset.js +106 -0
- package/dist/index.d.mts +1259 -0
- package/dist/index.d.ts +1259 -0
- package/dist/index.js +5175 -0
- package/dist/index.mjs +4929 -0
- package/package.json +94 -0
- package/src/atoms/AccordionAtom.tsx +44 -0
- package/src/atoms/AlertAtom.tsx +46 -0
- package/src/atoms/AlertDialogAtom.tsx +66 -0
- package/src/atoms/AspectRatioAtom.tsx +27 -0
- package/src/atoms/AvatarAtom.tsx +20 -0
- package/src/atoms/BadgeAtom.tsx +25 -0
- package/src/atoms/BreadcrumbAtom.tsx +36 -0
- package/src/atoms/ButtonAtom.tsx +63 -0
- package/src/atoms/CalendarAtom.tsx +24 -0
- package/src/atoms/CardAtom.tsx +64 -0
- package/src/atoms/CarouselAtom.tsx +40 -0
- package/src/atoms/CollapsibleAtom.tsx +44 -0
- package/src/atoms/CommandAtom.tsx +46 -0
- package/src/atoms/DialogAtom.tsx +68 -0
- package/src/atoms/InputAtom.tsx +162 -0
- package/src/atoms/LayoutAtom.tsx +43 -0
- package/src/atoms/PaginationAtom.tsx +49 -0
- package/src/atoms/PopoverAtom.tsx +40 -0
- package/src/atoms/ProgressAtom.tsx +15 -0
- package/src/atoms/ScrollAreaAtom.tsx +31 -0
- package/src/atoms/SeparatorAtom.tsx +16 -0
- package/src/atoms/SheetAtom.tsx +72 -0
- package/src/atoms/SkeletonAtom.tsx +22 -0
- package/src/atoms/SpinnerAtom.tsx +26 -0
- package/src/atoms/TableAtom.tsx +58 -0
- package/src/atoms/TabsAtom.tsx +40 -0
- package/src/atoms/TextAtom.tsx +35 -0
- package/src/atoms/TooltipAtom.tsx +39 -0
- package/src/atoms/index.ts +28 -0
- package/src/components/index.ts +178 -0
- package/src/components/ui/accordion.tsx +56 -0
- package/src/components/ui/alert-dialog.tsx +139 -0
- package/src/components/ui/alert.tsx +59 -0
- package/src/components/ui/aspect-ratio.tsx +5 -0
- package/src/components/ui/avatar.tsx +50 -0
- package/src/components/ui/badge.tsx +36 -0
- package/src/components/ui/breadcrumb.tsx +115 -0
- package/src/components/ui/button-group.tsx +83 -0
- package/src/components/ui/button.tsx +56 -0
- package/src/components/ui/calendar.tsx +213 -0
- package/src/components/ui/card.tsx +79 -0
- package/src/components/ui/carousel.tsx +260 -0
- package/src/components/ui/chart.tsx +367 -0
- package/src/components/ui/checkbox.tsx +28 -0
- package/src/components/ui/collapsible.tsx +11 -0
- package/src/components/ui/command.tsx +153 -0
- package/src/components/ui/context-menu.tsx +198 -0
- package/src/components/ui/dialog.tsx +122 -0
- package/src/components/ui/drawer.tsx +116 -0
- package/src/components/ui/dropdown-menu.tsx +200 -0
- package/src/components/ui/empty.tsx +104 -0
- package/src/components/ui/field.tsx +244 -0
- package/src/components/ui/form.tsx +176 -0
- package/src/components/ui/hover-card.tsx +27 -0
- package/src/components/ui/input-group.tsx +168 -0
- package/src/components/ui/input-otp.tsx +69 -0
- package/src/components/ui/input.tsx +22 -0
- package/src/components/ui/item.tsx +193 -0
- package/src/components/ui/kbd.tsx +28 -0
- package/src/components/ui/label.tsx +26 -0
- package/src/components/ui/menubar.tsx +254 -0
- package/src/components/ui/navigation-menu.tsx +128 -0
- package/src/components/ui/pagination.tsx +117 -0
- package/src/components/ui/popover.tsx +29 -0
- package/src/components/ui/progress.tsx +28 -0
- package/src/components/ui/radio-group.tsx +42 -0
- package/src/components/ui/resizable.tsx +45 -0
- package/src/components/ui/scroll-area.tsx +46 -0
- package/src/components/ui/select.tsx +160 -0
- package/src/components/ui/separator.tsx +29 -0
- package/src/components/ui/sheet.tsx +140 -0
- package/src/components/ui/sidebar.tsx +771 -0
- package/src/components/ui/skeleton.tsx +15 -0
- package/src/components/ui/slider.tsx +26 -0
- package/src/components/ui/sonner.tsx +45 -0
- package/src/components/ui/spinner.tsx +16 -0
- package/src/components/ui/switch.tsx +27 -0
- package/src/components/ui/table.tsx +117 -0
- package/src/components/ui/tabs.tsx +53 -0
- package/src/components/ui/textarea.tsx +22 -0
- package/src/components/ui/toggle-group.tsx +61 -0
- package/src/components/ui/toggle.tsx +43 -0
- package/src/components/ui/tooltip.tsx +30 -0
- package/src/hooks/use-mobile.tsx +19 -0
- package/src/index.ts +24 -0
- package/src/lib/countries.ts +203 -0
- package/src/lib/index.ts +2 -0
- package/src/lib/utils.ts +15 -0
- package/src/lib/validators/index.ts +1 -0
- package/src/lib/validators/theme.ts +148 -0
- package/src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx +123 -0
- package/src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.types.ts +13 -0
- package/src/molecules/creator-discovery/CampaignSeedCard/index.ts +2 -0
- package/src/molecules/creator-discovery/MCQCard/MCQCard.tsx +165 -0
- package/src/molecules/creator-discovery/MCQCard/MCQCard.types.ts +71 -0
- package/src/molecules/creator-discovery/MCQCard/index.ts +2 -0
- package/src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx +334 -0
- package/src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx +111 -0
- package/src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.types.ts +18 -0
- package/src/molecules/creator-discovery/SearchSpecCard/index.ts +3 -0
- package/src/molecules/creator-discovery/index.ts +3 -0
- package/src/molecules/generic/ActionButton/ActionButton.tsx +137 -0
- package/src/molecules/generic/ActionButton/ActionButton.types.ts +68 -0
- package/src/molecules/generic/ActionButton/index.ts +2 -0
- package/src/molecules/generic/EditableField/EditableField.tsx +229 -0
- package/src/molecules/generic/EditableField/EditableField.types.ts +73 -0
- package/src/molecules/generic/EditableField/index.ts +2 -0
- package/src/molecules/generic/FormCard/FormCard.tsx +136 -0
- package/src/molecules/generic/FormCard/FormCard.types.ts +93 -0
- package/src/molecules/generic/FormCard/index.ts +2 -0
- package/src/molecules/generic/index.ts +3 -0
- package/src/molecules/index.ts +2 -0
- package/src/render/PXEngineRenderer.tsx +272 -0
- package/src/render/index.ts +1 -0
- package/src/styles/globals.css +146 -0
- package/src/types/atoms.ts +294 -0
- package/src/types/common.ts +116 -0
- package/src/types/index.ts +3 -0
- package/src/types/molecules.ts +54 -0
- package/src/types/schema.ts +12 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,1259 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
6
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
8
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
9
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
10
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
11
|
+
import * as input_otp from 'input-otp';
|
|
12
|
+
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
13
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
14
|
+
import * as react_hook_form from 'react-hook-form';
|
|
15
|
+
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
16
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
17
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
18
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
19
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
20
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
21
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
22
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
23
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
24
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
25
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
26
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
27
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
28
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
29
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
30
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
31
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
32
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
33
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
34
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
35
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
36
|
+
import { DayPicker } from 'react-day-picker';
|
|
37
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
38
|
+
import { ClassValue } from 'clsx';
|
|
39
|
+
|
|
40
|
+
declare const buttonVariants: (props?: ({
|
|
41
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
42
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
43
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
44
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
45
|
+
asChild?: boolean;
|
|
46
|
+
}
|
|
47
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
|
|
49
|
+
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
50
|
+
|
|
51
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
52
|
+
|
|
53
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
|
|
55
|
+
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
57
|
+
|
|
58
|
+
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
59
|
+
|
|
60
|
+
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
61
|
+
|
|
62
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
63
|
+
|
|
64
|
+
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
65
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
67
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
68
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
71
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
74
|
+
|
|
75
|
+
declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
76
|
+
value?: string;
|
|
77
|
+
onChange?: (newValue: string) => unknown;
|
|
78
|
+
maxLength: number;
|
|
79
|
+
textAlign?: "left" | "center" | "right";
|
|
80
|
+
onComplete?: (...args: any[]) => unknown;
|
|
81
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
82
|
+
pasteTransformer?: (pasted: string) => string;
|
|
83
|
+
containerClassName?: string;
|
|
84
|
+
noScriptCSSFallback?: string | null;
|
|
85
|
+
} & {
|
|
86
|
+
render: (props: input_otp.RenderProps) => React$1.ReactNode;
|
|
87
|
+
children?: never;
|
|
88
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
89
|
+
value?: string;
|
|
90
|
+
onChange?: (newValue: string) => unknown;
|
|
91
|
+
maxLength: number;
|
|
92
|
+
textAlign?: "left" | "center" | "right";
|
|
93
|
+
onComplete?: (...args: any[]) => unknown;
|
|
94
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
95
|
+
pasteTransformer?: (pasted: string) => string;
|
|
96
|
+
containerClassName?: string;
|
|
97
|
+
noScriptCSSFallback?: string | null;
|
|
98
|
+
} & {
|
|
99
|
+
render?: never;
|
|
100
|
+
children: React$1.ReactNode;
|
|
101
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
|
|
102
|
+
declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
103
|
+
declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
104
|
+
index: number;
|
|
105
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
106
|
+
declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
107
|
+
|
|
108
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
|
|
109
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
110
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
111
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
112
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
113
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
114
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
115
|
+
|
|
116
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
117
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
118
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
119
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
|
|
123
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
124
|
+
|
|
125
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
127
|
+
|
|
128
|
+
declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
129
|
+
|
|
130
|
+
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.Group>) => react_jsx_runtime.JSX.Element;
|
|
131
|
+
declare const ResizablePanel: typeof ResizablePrimitive.Panel;
|
|
132
|
+
|
|
133
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
134
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
135
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
136
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
137
|
+
|
|
138
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
139
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
140
|
+
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
141
|
+
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
142
|
+
|
|
143
|
+
declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
144
|
+
declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
145
|
+
declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
146
|
+
|
|
147
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
148
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
149
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
150
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
151
|
+
declare const DialogHeader: {
|
|
152
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
153
|
+
displayName: string;
|
|
154
|
+
};
|
|
155
|
+
declare const DialogFooter: {
|
|
156
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
157
|
+
displayName: string;
|
|
158
|
+
};
|
|
159
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
160
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
161
|
+
|
|
162
|
+
declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
|
|
163
|
+
declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
164
|
+
declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
165
|
+
declare const sheetVariants: (props?: ({
|
|
166
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
167
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
168
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
169
|
+
}
|
|
170
|
+
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
171
|
+
declare const SheetHeader: {
|
|
172
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
173
|
+
displayName: string;
|
|
174
|
+
};
|
|
175
|
+
declare const SheetFooter: {
|
|
176
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
177
|
+
displayName: string;
|
|
178
|
+
};
|
|
179
|
+
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
180
|
+
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
181
|
+
|
|
182
|
+
declare const Drawer: {
|
|
183
|
+
({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
184
|
+
displayName: string;
|
|
185
|
+
};
|
|
186
|
+
declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
187
|
+
declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
188
|
+
declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
189
|
+
declare const DrawerHeader: {
|
|
190
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
191
|
+
displayName: string;
|
|
192
|
+
};
|
|
193
|
+
declare const DrawerFooter: {
|
|
194
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
195
|
+
displayName: string;
|
|
196
|
+
};
|
|
197
|
+
declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
198
|
+
declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
199
|
+
|
|
200
|
+
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
201
|
+
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
202
|
+
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
203
|
+
declare const AlertDialogHeader: {
|
|
204
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
205
|
+
displayName: string;
|
|
206
|
+
};
|
|
207
|
+
declare const AlertDialogFooter: {
|
|
208
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
209
|
+
displayName: string;
|
|
210
|
+
};
|
|
211
|
+
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
212
|
+
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
213
|
+
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
214
|
+
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
215
|
+
|
|
216
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
217
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
218
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
219
|
+
|
|
220
|
+
declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
|
|
221
|
+
declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
222
|
+
declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
223
|
+
|
|
224
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
225
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
226
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
227
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
228
|
+
|
|
229
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
230
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
231
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
232
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
233
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
234
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
235
|
+
inset?: boolean;
|
|
236
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
237
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
238
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
239
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
240
|
+
inset?: boolean;
|
|
241
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
242
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
243
|
+
declare const DropdownMenuShortcut: {
|
|
244
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
245
|
+
displayName: string;
|
|
246
|
+
};
|
|
247
|
+
|
|
248
|
+
declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
249
|
+
declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
250
|
+
declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
251
|
+
declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
252
|
+
inset?: boolean;
|
|
253
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
254
|
+
declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
255
|
+
declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
256
|
+
declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
257
|
+
inset?: boolean;
|
|
258
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
259
|
+
declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
260
|
+
declare const ContextMenuShortcut: {
|
|
261
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
262
|
+
displayName: string;
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
266
|
+
declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
267
|
+
declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
268
|
+
declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
269
|
+
inset?: boolean;
|
|
270
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
271
|
+
declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
272
|
+
declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
273
|
+
declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
274
|
+
inset?: boolean;
|
|
275
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
276
|
+
declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
277
|
+
declare const MenubarShortcut: {
|
|
278
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
279
|
+
displayname: string;
|
|
280
|
+
};
|
|
281
|
+
|
|
282
|
+
declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
283
|
+
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
284
|
+
declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
285
|
+
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
286
|
+
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
287
|
+
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
288
|
+
|
|
289
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
290
|
+
separator?: React$1.ReactNode;
|
|
291
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
292
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
293
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
294
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
295
|
+
asChild?: boolean;
|
|
296
|
+
} & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
297
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
298
|
+
declare const BreadcrumbSeparator: {
|
|
299
|
+
({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
300
|
+
displayName: string;
|
|
301
|
+
};
|
|
302
|
+
|
|
303
|
+
declare const Pagination: {
|
|
304
|
+
({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
305
|
+
displayName: string;
|
|
306
|
+
};
|
|
307
|
+
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
308
|
+
declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
309
|
+
type PaginationLinkProps = {
|
|
310
|
+
isActive?: boolean;
|
|
311
|
+
} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
|
|
312
|
+
declare const PaginationLink: {
|
|
313
|
+
({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
314
|
+
displayName: string;
|
|
315
|
+
};
|
|
316
|
+
declare const PaginationPrevious: {
|
|
317
|
+
({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
318
|
+
displayName: string;
|
|
319
|
+
};
|
|
320
|
+
declare const PaginationNext: {
|
|
321
|
+
({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
322
|
+
displayName: string;
|
|
323
|
+
};
|
|
324
|
+
declare const PaginationEllipsis: {
|
|
325
|
+
({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
326
|
+
displayName: string;
|
|
327
|
+
};
|
|
328
|
+
|
|
329
|
+
declare const Command: React$1.ForwardRefExoticComponent<Omit<{
|
|
330
|
+
children?: React$1.ReactNode;
|
|
331
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
332
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
333
|
+
} & {
|
|
334
|
+
asChild?: boolean;
|
|
335
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
336
|
+
label?: string;
|
|
337
|
+
shouldFilter?: boolean;
|
|
338
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
339
|
+
defaultValue?: string;
|
|
340
|
+
value?: string;
|
|
341
|
+
onValueChange?: (value: string) => void;
|
|
342
|
+
loop?: boolean;
|
|
343
|
+
disablePointerSelection?: boolean;
|
|
344
|
+
vimBindings?: boolean;
|
|
345
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
346
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
|
|
347
|
+
declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
|
|
348
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
349
|
+
} & {
|
|
350
|
+
asChild?: boolean;
|
|
351
|
+
}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
352
|
+
value?: string;
|
|
353
|
+
onValueChange?: (search: string) => void;
|
|
354
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
355
|
+
declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
|
|
356
|
+
children?: React$1.ReactNode;
|
|
357
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
358
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
359
|
+
} & {
|
|
360
|
+
asChild?: boolean;
|
|
361
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
362
|
+
label?: string;
|
|
363
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
364
|
+
declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
|
|
365
|
+
children?: React$1.ReactNode;
|
|
366
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
367
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
368
|
+
} & {
|
|
369
|
+
asChild?: boolean;
|
|
370
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
371
|
+
declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
|
|
372
|
+
children?: React$1.ReactNode;
|
|
373
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
374
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
375
|
+
} & {
|
|
376
|
+
asChild?: boolean;
|
|
377
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
378
|
+
heading?: React$1.ReactNode;
|
|
379
|
+
value?: string;
|
|
380
|
+
forceMount?: boolean;
|
|
381
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
382
|
+
declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
383
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
384
|
+
} & {
|
|
385
|
+
asChild?: boolean;
|
|
386
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
387
|
+
alwaysRender?: boolean;
|
|
388
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
389
|
+
declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
|
|
390
|
+
children?: React$1.ReactNode;
|
|
391
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
392
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
393
|
+
} & {
|
|
394
|
+
asChild?: boolean;
|
|
395
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
396
|
+
disabled?: boolean;
|
|
397
|
+
onSelect?: (value: string) => void;
|
|
398
|
+
value?: string;
|
|
399
|
+
keywords?: string[];
|
|
400
|
+
forceMount?: boolean;
|
|
401
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
402
|
+
declare const CommandShortcut: {
|
|
403
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
404
|
+
displayName: string;
|
|
405
|
+
};
|
|
406
|
+
|
|
407
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
|
408
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
409
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
410
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
411
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
412
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
413
|
+
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
414
|
+
|
|
415
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
416
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
417
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
418
|
+
|
|
419
|
+
declare const badgeVariants: (props?: ({
|
|
420
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
421
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
422
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
423
|
+
}
|
|
424
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
425
|
+
|
|
426
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
427
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
428
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
429
|
+
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
430
|
+
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
431
|
+
|
|
432
|
+
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
433
|
+
|
|
434
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
435
|
+
|
|
436
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
|
|
437
|
+
buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
438
|
+
}): react_jsx_runtime.JSX.Element;
|
|
439
|
+
|
|
440
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
441
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
442
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
443
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
444
|
+
type CarouselProps = {
|
|
445
|
+
opts?: CarouselOptions;
|
|
446
|
+
plugins?: CarouselPlugin;
|
|
447
|
+
orientation?: "horizontal" | "vertical";
|
|
448
|
+
setApi?: (api: CarouselApi) => void;
|
|
449
|
+
};
|
|
450
|
+
declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
451
|
+
declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
452
|
+
declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
453
|
+
declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
454
|
+
declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
455
|
+
|
|
456
|
+
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
|
|
457
|
+
|
|
458
|
+
/**
|
|
459
|
+
* Utility function to merge Tailwind CSS classes
|
|
460
|
+
* Combines clsx for conditional classes and tailwind-merge for deduplication
|
|
461
|
+
*
|
|
462
|
+
* @example
|
|
463
|
+
* ```tsx
|
|
464
|
+
* cn("px-4 py-2", isActive && "bg-purple500", className)
|
|
465
|
+
* ```
|
|
466
|
+
*/
|
|
467
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
468
|
+
|
|
469
|
+
type LayoutDirection = "vertical" | "horizontal" | "grid";
|
|
470
|
+
type GapSize = "none" | "sm" | "md" | "lg" | "xl";
|
|
471
|
+
type TextVariant = "h1" | "h2" | "h3" | "h4" | "p" | "small" | "muted" | "label";
|
|
472
|
+
type ButtonVariant$1 = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "purple" | "gradient";
|
|
473
|
+
type ButtonSize$1 = "default" | "sm" | "lg" | "icon" | "xl";
|
|
474
|
+
type InputType = "text" | "email" | "password" | "number" | "search" | "tel" | "url" | "textarea" | "select" | "slider" | "checkbox" | "switch" | "radio" | "otp" | "date";
|
|
475
|
+
interface BaseAtom {
|
|
476
|
+
id: string;
|
|
477
|
+
type: string;
|
|
478
|
+
className?: string;
|
|
479
|
+
}
|
|
480
|
+
interface ButtonAtomType extends BaseAtom {
|
|
481
|
+
type: "button";
|
|
482
|
+
label: string;
|
|
483
|
+
variant?: ButtonVariant$1;
|
|
484
|
+
size?: ButtonSize$1;
|
|
485
|
+
action?: string;
|
|
486
|
+
disabled?: boolean;
|
|
487
|
+
isLoading?: boolean;
|
|
488
|
+
}
|
|
489
|
+
interface InputAtomType extends BaseAtom {
|
|
490
|
+
type: "input";
|
|
491
|
+
inputType: InputType;
|
|
492
|
+
label?: string;
|
|
493
|
+
placeholder?: string;
|
|
494
|
+
defaultValue?: any;
|
|
495
|
+
required?: boolean;
|
|
496
|
+
disabled?: boolean;
|
|
497
|
+
options?: Array<{
|
|
498
|
+
label: string;
|
|
499
|
+
value: string;
|
|
500
|
+
}>;
|
|
501
|
+
config?: Record<string, any>;
|
|
502
|
+
}
|
|
503
|
+
interface ToggleAtomType extends BaseAtom {
|
|
504
|
+
type: "toggle";
|
|
505
|
+
label: string;
|
|
506
|
+
pressed?: boolean;
|
|
507
|
+
disabled?: boolean;
|
|
508
|
+
}
|
|
509
|
+
interface TextAtomType extends BaseAtom {
|
|
510
|
+
type: "text";
|
|
511
|
+
content: string;
|
|
512
|
+
variant: TextVariant;
|
|
513
|
+
}
|
|
514
|
+
interface LayoutAtomType extends BaseAtom {
|
|
515
|
+
type: "layout";
|
|
516
|
+
direction: LayoutDirection;
|
|
517
|
+
gap?: GapSize;
|
|
518
|
+
children: any[];
|
|
519
|
+
}
|
|
520
|
+
interface CardAtomType extends BaseAtom {
|
|
521
|
+
type: "card";
|
|
522
|
+
title?: string;
|
|
523
|
+
description?: string;
|
|
524
|
+
children: any[];
|
|
525
|
+
footer?: any[];
|
|
526
|
+
}
|
|
527
|
+
interface TabsAtomType extends BaseAtom {
|
|
528
|
+
type: "tabs";
|
|
529
|
+
defaultValue: string;
|
|
530
|
+
tabs: Array<{
|
|
531
|
+
value: string;
|
|
532
|
+
label: string;
|
|
533
|
+
content: any[];
|
|
534
|
+
}>;
|
|
535
|
+
}
|
|
536
|
+
interface AccordionAtomType extends BaseAtom {
|
|
537
|
+
type: "accordion";
|
|
538
|
+
items: Array<{
|
|
539
|
+
value: string;
|
|
540
|
+
trigger: string;
|
|
541
|
+
content: any[];
|
|
542
|
+
}>;
|
|
543
|
+
}
|
|
544
|
+
interface SeparatorAtomType extends BaseAtom {
|
|
545
|
+
type: "separator";
|
|
546
|
+
orientation?: "horizontal" | "vertical";
|
|
547
|
+
}
|
|
548
|
+
interface ScrollAreaAtomType extends BaseAtom {
|
|
549
|
+
type: "scroll-area";
|
|
550
|
+
maxHeight?: string;
|
|
551
|
+
children: any[];
|
|
552
|
+
}
|
|
553
|
+
interface AvatarAtomType extends BaseAtom {
|
|
554
|
+
type: "avatar";
|
|
555
|
+
src?: string;
|
|
556
|
+
fallback: string;
|
|
557
|
+
alt?: string;
|
|
558
|
+
}
|
|
559
|
+
interface BadgeAtomType extends BaseAtom {
|
|
560
|
+
type: "badge";
|
|
561
|
+
label: string;
|
|
562
|
+
variant?: "default" | "secondary" | "destructive" | "outline" | "purple" | "green";
|
|
563
|
+
}
|
|
564
|
+
interface ProgressAtomType extends BaseAtom {
|
|
565
|
+
type: "progress";
|
|
566
|
+
value: number;
|
|
567
|
+
}
|
|
568
|
+
interface TableAtomType extends BaseAtom {
|
|
569
|
+
type: "table";
|
|
570
|
+
headers: string[];
|
|
571
|
+
rows: any[][];
|
|
572
|
+
}
|
|
573
|
+
interface CarouselAtomType extends BaseAtom {
|
|
574
|
+
type: "carousel";
|
|
575
|
+
items: any[][];
|
|
576
|
+
}
|
|
577
|
+
interface AlertAtomType extends BaseAtom {
|
|
578
|
+
type: "alert";
|
|
579
|
+
title: string;
|
|
580
|
+
description?: string;
|
|
581
|
+
variant?: "default" | "destructive" | "warning" | "info" | "success";
|
|
582
|
+
}
|
|
583
|
+
interface TooltipAtomType extends BaseAtom {
|
|
584
|
+
type: "tooltip";
|
|
585
|
+
content: string;
|
|
586
|
+
children: any[];
|
|
587
|
+
}
|
|
588
|
+
interface PopoverAtomType extends BaseAtom {
|
|
589
|
+
type: "popover";
|
|
590
|
+
trigger: any[];
|
|
591
|
+
content: any[];
|
|
592
|
+
}
|
|
593
|
+
interface DialogAtomType extends BaseAtom {
|
|
594
|
+
type: "dialog";
|
|
595
|
+
title: string;
|
|
596
|
+
description?: string;
|
|
597
|
+
trigger: any[];
|
|
598
|
+
children: any[];
|
|
599
|
+
footer?: any[];
|
|
600
|
+
}
|
|
601
|
+
interface AspectRatioAtomType extends BaseAtom {
|
|
602
|
+
type: "aspect-ratio";
|
|
603
|
+
ratio: number;
|
|
604
|
+
children: any[];
|
|
605
|
+
}
|
|
606
|
+
interface CollapsibleAtomType extends BaseAtom {
|
|
607
|
+
type: "collapsible";
|
|
608
|
+
trigger: any[];
|
|
609
|
+
content: any[];
|
|
610
|
+
defaultOpen?: boolean;
|
|
611
|
+
}
|
|
612
|
+
interface SheetAtomType extends BaseAtom {
|
|
613
|
+
type: "sheet";
|
|
614
|
+
side?: "top" | "bottom" | "left" | "right";
|
|
615
|
+
title?: string;
|
|
616
|
+
description?: string;
|
|
617
|
+
trigger: any[];
|
|
618
|
+
children: any[];
|
|
619
|
+
footer?: any[];
|
|
620
|
+
}
|
|
621
|
+
interface AlertDialogAtomType extends BaseAtom {
|
|
622
|
+
type: "alert-dialog";
|
|
623
|
+
title: string;
|
|
624
|
+
description?: string;
|
|
625
|
+
trigger: any[];
|
|
626
|
+
confirmLabel?: string;
|
|
627
|
+
cancelLabel?: string;
|
|
628
|
+
action?: string;
|
|
629
|
+
}
|
|
630
|
+
interface BreadcrumbAtomType extends BaseAtom {
|
|
631
|
+
type: "breadcrumb";
|
|
632
|
+
items: Array<{
|
|
633
|
+
label: string;
|
|
634
|
+
href?: string;
|
|
635
|
+
isCurrent?: boolean;
|
|
636
|
+
}>;
|
|
637
|
+
}
|
|
638
|
+
interface SkeletonAtomType extends BaseAtom {
|
|
639
|
+
type: "skeleton";
|
|
640
|
+
shape?: "rect" | "circle";
|
|
641
|
+
width?: string | number;
|
|
642
|
+
height?: string | number;
|
|
643
|
+
}
|
|
644
|
+
interface SpinnerAtomType extends BaseAtom {
|
|
645
|
+
type: "spinner";
|
|
646
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
647
|
+
}
|
|
648
|
+
interface CommandAtomType extends BaseAtom {
|
|
649
|
+
type: "command";
|
|
650
|
+
placeholder?: string;
|
|
651
|
+
groups: Array<{
|
|
652
|
+
heading?: string;
|
|
653
|
+
items: Array<{
|
|
654
|
+
label: string;
|
|
655
|
+
value: string;
|
|
656
|
+
icon?: string;
|
|
657
|
+
action?: string;
|
|
658
|
+
}>;
|
|
659
|
+
}>;
|
|
660
|
+
}
|
|
661
|
+
interface PaginationAtomType extends BaseAtom {
|
|
662
|
+
type: "pagination";
|
|
663
|
+
currentPage: number;
|
|
664
|
+
totalPages: number;
|
|
665
|
+
hasNext?: boolean;
|
|
666
|
+
hasPrev?: boolean;
|
|
667
|
+
}
|
|
668
|
+
interface CalendarAtomType extends BaseAtom {
|
|
669
|
+
type: "calendar";
|
|
670
|
+
mode?: "single" | "range" | "multiple";
|
|
671
|
+
selectedDate?: string | string[];
|
|
672
|
+
}
|
|
673
|
+
type UIAtom = ButtonAtomType | InputAtomType | ToggleAtomType | TextAtomType | LayoutAtomType | CardAtomType | TabsAtomType | AccordionAtomType | SeparatorAtomType | ScrollAreaAtomType | AspectRatioAtomType | CollapsibleAtomType | AvatarAtomType | BadgeAtomType | ProgressAtomType | TableAtomType | CarouselAtomType | AlertAtomType | TooltipAtomType | PopoverAtomType | DialogAtomType | SheetAtomType | AlertDialogAtomType | SkeletonAtomType | SpinnerAtomType | BreadcrumbAtomType | CalendarAtomType | PaginationAtomType | CommandAtomType;
|
|
674
|
+
|
|
675
|
+
interface BaseMolecule extends BaseAtom {
|
|
676
|
+
}
|
|
677
|
+
interface CampaignSeedCardAtom extends BaseMolecule {
|
|
678
|
+
type: "campaign-seed";
|
|
679
|
+
data: Record<string, any>;
|
|
680
|
+
title?: string;
|
|
681
|
+
isLatestMessage?: boolean;
|
|
682
|
+
selectionStatus?: "user" | "agent";
|
|
683
|
+
countdown?: number;
|
|
684
|
+
isPaused?: boolean;
|
|
685
|
+
proceedAction?: string;
|
|
686
|
+
}
|
|
687
|
+
interface SearchSpecCardAtom extends BaseMolecule {
|
|
688
|
+
type: "search-spec";
|
|
689
|
+
data: Record<string, any>;
|
|
690
|
+
title?: string;
|
|
691
|
+
version?: number;
|
|
692
|
+
isLatestMessage?: boolean;
|
|
693
|
+
selectionStatus?: "user" | "agent";
|
|
694
|
+
countdown?: number;
|
|
695
|
+
isPaused?: boolean;
|
|
696
|
+
proceedAction?: string;
|
|
697
|
+
}
|
|
698
|
+
interface MCQCardAtom extends BaseMolecule {
|
|
699
|
+
type: "mcq";
|
|
700
|
+
question: string;
|
|
701
|
+
options: Record<string, string>;
|
|
702
|
+
recommended?: string;
|
|
703
|
+
selectedOption?: string;
|
|
704
|
+
isLatestMessage?: boolean;
|
|
705
|
+
countdown?: number;
|
|
706
|
+
isPaused?: boolean;
|
|
707
|
+
selectionStatus?: "user" | "agent";
|
|
708
|
+
proceedAction?: string;
|
|
709
|
+
}
|
|
710
|
+
interface ActionButtonAtom extends BaseMolecule {
|
|
711
|
+
type: "action-button";
|
|
712
|
+
label: string;
|
|
713
|
+
countdown?: number;
|
|
714
|
+
isPaused?: boolean;
|
|
715
|
+
secondaryLabel?: string;
|
|
716
|
+
action?: string;
|
|
717
|
+
}
|
|
718
|
+
type UIMolecule = CampaignSeedCardAtom | SearchSpecCardAtom | MCQCardAtom | ActionButtonAtom;
|
|
719
|
+
|
|
720
|
+
type UIComponent = UIAtom | UIMolecule;
|
|
721
|
+
interface UISchema {
|
|
722
|
+
version: string;
|
|
723
|
+
root: UIComponent;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
interface PXEngineRendererProps {
|
|
727
|
+
schema: UISchema | UIComponent;
|
|
728
|
+
onAction?: (action: string, payload?: any) => void;
|
|
729
|
+
}
|
|
730
|
+
/**
|
|
731
|
+
* PXEngineRenderer
|
|
732
|
+
*
|
|
733
|
+
* The core engine of the @pxengine-ui library.
|
|
734
|
+
* Recursively renders Atoms and Molecules based on the provided JSON schema.
|
|
735
|
+
*/
|
|
736
|
+
declare const PXEngineRenderer: React__default.FC<PXEngineRendererProps>;
|
|
737
|
+
|
|
738
|
+
/**
|
|
739
|
+
* TextAtom
|
|
740
|
+
* Renders standardized text styles from UISchema
|
|
741
|
+
*/
|
|
742
|
+
declare const TextAtom: React__default.FC<TextAtomType>;
|
|
743
|
+
|
|
744
|
+
interface Props$d extends ButtonAtomType {
|
|
745
|
+
onAction?: (action: string) => void;
|
|
746
|
+
}
|
|
747
|
+
/**
|
|
748
|
+
* ButtonAtom
|
|
749
|
+
* Wraps shadcn Button with schema support and premium variants
|
|
750
|
+
*/
|
|
751
|
+
declare const ButtonAtom: React__default.FC<Props$d>;
|
|
752
|
+
|
|
753
|
+
interface Props$c extends LayoutAtomType {
|
|
754
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
755
|
+
}
|
|
756
|
+
/**
|
|
757
|
+
* LayoutAtom
|
|
758
|
+
* Standardized container with flex/grid support from schema
|
|
759
|
+
*/
|
|
760
|
+
declare const LayoutAtom: React__default.FC<Props$c>;
|
|
761
|
+
|
|
762
|
+
interface Props$b extends CardAtomType {
|
|
763
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
764
|
+
}
|
|
765
|
+
/**
|
|
766
|
+
* CardAtom
|
|
767
|
+
* Standardized Card wrapper for the Universal Renderer
|
|
768
|
+
*/
|
|
769
|
+
declare const CardAtom: React__default.FC<Props$b>;
|
|
770
|
+
|
|
771
|
+
/**
|
|
772
|
+
* InputAtom
|
|
773
|
+
* A multi-purpose input wrapper that switches based on inputType in schema
|
|
774
|
+
*/
|
|
775
|
+
declare const InputAtom: React__default.FC<InputAtomType>;
|
|
776
|
+
|
|
777
|
+
declare const BadgeAtom: React__default.FC<BadgeAtomType>;
|
|
778
|
+
|
|
779
|
+
declare const AvatarAtom: React__default.FC<AvatarAtomType>;
|
|
780
|
+
|
|
781
|
+
interface Props$a extends TabsAtomType {
|
|
782
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
783
|
+
}
|
|
784
|
+
declare const TabsAtom: React__default.FC<Props$a>;
|
|
785
|
+
|
|
786
|
+
interface Props$9 extends AccordionAtomType {
|
|
787
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
788
|
+
}
|
|
789
|
+
declare const AccordionAtom: React__default.FC<Props$9>;
|
|
790
|
+
|
|
791
|
+
declare const ProgressAtom: React__default.FC<ProgressAtomType>;
|
|
792
|
+
|
|
793
|
+
declare const SkeletonAtom: React__default.FC<SkeletonAtomType>;
|
|
794
|
+
|
|
795
|
+
declare const AlertAtom: React__default.FC<AlertAtomType>;
|
|
796
|
+
|
|
797
|
+
declare const SeparatorAtom: React__default.FC<SeparatorAtomType>;
|
|
798
|
+
|
|
799
|
+
declare const TableAtom: React__default.FC<TableAtomType>;
|
|
800
|
+
|
|
801
|
+
interface Props$8 extends ScrollAreaAtomType {
|
|
802
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
803
|
+
}
|
|
804
|
+
declare const ScrollAreaAtom: React__default.FC<Props$8>;
|
|
805
|
+
|
|
806
|
+
interface Props$7 extends CarouselAtomType {
|
|
807
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
808
|
+
}
|
|
809
|
+
declare const CarouselAtom: React__default.FC<Props$7>;
|
|
810
|
+
|
|
811
|
+
interface Props$6 extends AspectRatioAtomType {
|
|
812
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
813
|
+
}
|
|
814
|
+
declare const AspectRatioAtom: React__default.FC<Props$6>;
|
|
815
|
+
|
|
816
|
+
interface Props$5 extends CollapsibleAtomType {
|
|
817
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
818
|
+
}
|
|
819
|
+
declare const CollapsibleAtom: React__default.FC<Props$5>;
|
|
820
|
+
|
|
821
|
+
interface Props$4 extends TooltipAtomType {
|
|
822
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
823
|
+
}
|
|
824
|
+
declare const TooltipAtom: React__default.FC<Props$4>;
|
|
825
|
+
|
|
826
|
+
interface Props$3 extends PopoverAtomType {
|
|
827
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
828
|
+
}
|
|
829
|
+
declare const PopoverAtom: React__default.FC<Props$3>;
|
|
830
|
+
|
|
831
|
+
interface Props$2 extends DialogAtomType {
|
|
832
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
833
|
+
}
|
|
834
|
+
declare const DialogAtom: React__default.FC<Props$2>;
|
|
835
|
+
|
|
836
|
+
interface Props$1 extends SheetAtomType {
|
|
837
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
838
|
+
}
|
|
839
|
+
declare const SheetAtom: React__default.FC<Props$1>;
|
|
840
|
+
|
|
841
|
+
interface Props extends AlertDialogAtomType {
|
|
842
|
+
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
843
|
+
onAction?: (action: string) => void;
|
|
844
|
+
}
|
|
845
|
+
declare const AlertDialogAtom: React__default.FC<Props>;
|
|
846
|
+
|
|
847
|
+
declare const BreadcrumbAtom: React__default.FC<BreadcrumbAtomType>;
|
|
848
|
+
|
|
849
|
+
declare const SpinnerAtom: React__default.FC<SpinnerAtomType>;
|
|
850
|
+
|
|
851
|
+
declare const CalendarAtom: React__default.FC<CalendarAtomType>;
|
|
852
|
+
|
|
853
|
+
declare const PaginationAtom: React__default.FC<PaginationAtomType>;
|
|
854
|
+
|
|
855
|
+
declare const CommandAtom: React__default.FC<CommandAtomType>;
|
|
856
|
+
|
|
857
|
+
type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
858
|
+
type ButtonSize = "default" | "sm" | "lg" | "icon";
|
|
859
|
+
/**
|
|
860
|
+
* Field types for EditableField molecule
|
|
861
|
+
*/
|
|
862
|
+
type FieldType = "text" | "textarea" | "number" | "slider" | "checkbox" | "select" | "custom";
|
|
863
|
+
/**
|
|
864
|
+
* Field configuration for forms
|
|
865
|
+
*/
|
|
866
|
+
interface FieldConfig {
|
|
867
|
+
key: string;
|
|
868
|
+
label: string;
|
|
869
|
+
type: FieldType;
|
|
870
|
+
placeholder?: string;
|
|
871
|
+
required?: boolean;
|
|
872
|
+
options?: string[] | Array<{
|
|
873
|
+
label: string;
|
|
874
|
+
value: string;
|
|
875
|
+
}>;
|
|
876
|
+
sliderConfig?: SliderConfig;
|
|
877
|
+
numberConfig?: NumberConfig;
|
|
878
|
+
rows?: number;
|
|
879
|
+
renderDisplay?: (value: any) => React.ReactNode;
|
|
880
|
+
renderEdit?: (value: any, onChange: (value: any) => void) => React.ReactNode;
|
|
881
|
+
}
|
|
882
|
+
/**
|
|
883
|
+
* Slider configuration
|
|
884
|
+
*/
|
|
885
|
+
interface SliderConfig {
|
|
886
|
+
min: number;
|
|
887
|
+
max: number;
|
|
888
|
+
step: number;
|
|
889
|
+
marks?: Record<number, string>;
|
|
890
|
+
formatValue?: (value: any) => string;
|
|
891
|
+
}
|
|
892
|
+
/**
|
|
893
|
+
* Number input configuration
|
|
894
|
+
*/
|
|
895
|
+
interface NumberConfig {
|
|
896
|
+
min?: number;
|
|
897
|
+
max?: number;
|
|
898
|
+
step?: number;
|
|
899
|
+
formatValue?: (value: any) => string;
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
interface EditableFieldProps {
|
|
903
|
+
/**
|
|
904
|
+
* Unique identifier
|
|
905
|
+
*/
|
|
906
|
+
id?: string;
|
|
907
|
+
/**
|
|
908
|
+
* Field label
|
|
909
|
+
*/
|
|
910
|
+
label: string;
|
|
911
|
+
/**
|
|
912
|
+
* Field value
|
|
913
|
+
*/
|
|
914
|
+
value: any;
|
|
915
|
+
/**
|
|
916
|
+
* Input type (text, textarea, number, slider, etc.)
|
|
917
|
+
*/
|
|
918
|
+
type: FieldType;
|
|
919
|
+
/**
|
|
920
|
+
* Current editing state
|
|
921
|
+
*/
|
|
922
|
+
isEditing?: boolean;
|
|
923
|
+
/**
|
|
924
|
+
* Triggered when the user wants to start editing
|
|
925
|
+
*/
|
|
926
|
+
onEdit?: () => void;
|
|
927
|
+
/**
|
|
928
|
+
* Triggered when the user saves the new value
|
|
929
|
+
*/
|
|
930
|
+
onSave?: (newValue: any) => void;
|
|
931
|
+
/**
|
|
932
|
+
* Triggered when the user cancels editing
|
|
933
|
+
*/
|
|
934
|
+
onCancel?: () => void;
|
|
935
|
+
/**
|
|
936
|
+
* Loading state during save
|
|
937
|
+
*/
|
|
938
|
+
isSaving?: boolean;
|
|
939
|
+
/**
|
|
940
|
+
* Indicates if the value has been changed but not saved
|
|
941
|
+
*/
|
|
942
|
+
isChanged?: boolean;
|
|
943
|
+
/**
|
|
944
|
+
* Configuration for the specific field type
|
|
945
|
+
*/
|
|
946
|
+
config?: Partial<FieldConfig>;
|
|
947
|
+
/**
|
|
948
|
+
* Custom className for the container
|
|
949
|
+
*/
|
|
950
|
+
className?: string;
|
|
951
|
+
/**
|
|
952
|
+
* Custom renderer for the display state
|
|
953
|
+
*/
|
|
954
|
+
renderDisplay?: (value: any) => React.ReactNode;
|
|
955
|
+
/**
|
|
956
|
+
* Custom renderer for the edit state
|
|
957
|
+
*/
|
|
958
|
+
renderEdit?: (value: any, onChange: (v: any) => void) => React.ReactNode;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
/**
|
|
962
|
+
* EditableField
|
|
963
|
+
*
|
|
964
|
+
* A generic field that toggles between display and edit modes.
|
|
965
|
+
* Supports various input types and custom rendering.
|
|
966
|
+
*/
|
|
967
|
+
declare const EditableField: React__default.NamedExoticComponent<EditableFieldProps>;
|
|
968
|
+
|
|
969
|
+
interface ActionButtonProps {
|
|
970
|
+
/**
|
|
971
|
+
* Unique identifier
|
|
972
|
+
*/
|
|
973
|
+
id?: string;
|
|
974
|
+
/**
|
|
975
|
+
* Main button label
|
|
976
|
+
*/
|
|
977
|
+
label: string;
|
|
978
|
+
/**
|
|
979
|
+
* Secondary label (e.g. for sub-actions or state changes)
|
|
980
|
+
*/
|
|
981
|
+
secondaryLabel?: string;
|
|
982
|
+
/**
|
|
983
|
+
* Countdown in seconds. If provided, the button will show a timer.
|
|
984
|
+
*/
|
|
985
|
+
countdown?: number;
|
|
986
|
+
/**
|
|
987
|
+
* Whether the auto-proceed is paused
|
|
988
|
+
*/
|
|
989
|
+
isPaused?: boolean;
|
|
990
|
+
/**
|
|
991
|
+
* Triggered when the user pauses/resumes the timer
|
|
992
|
+
*/
|
|
993
|
+
onPause?: () => void;
|
|
994
|
+
/**
|
|
995
|
+
* Triggered when the user clicks the button or timer expires
|
|
996
|
+
*/
|
|
997
|
+
onProceed: () => void;
|
|
998
|
+
/**
|
|
999
|
+
* Button variant (from shadcn)
|
|
1000
|
+
*/
|
|
1001
|
+
variant?: ButtonVariant;
|
|
1002
|
+
/**
|
|
1003
|
+
* Button size (from shadcn)
|
|
1004
|
+
*/
|
|
1005
|
+
size?: ButtonSize;
|
|
1006
|
+
/**
|
|
1007
|
+
* Whether the button is disabled
|
|
1008
|
+
*/
|
|
1009
|
+
disabled?: boolean;
|
|
1010
|
+
/**
|
|
1011
|
+
* Loading state
|
|
1012
|
+
*/
|
|
1013
|
+
isLoading?: boolean;
|
|
1014
|
+
/**
|
|
1015
|
+
* Custom className
|
|
1016
|
+
*/
|
|
1017
|
+
className?: string;
|
|
1018
|
+
/**
|
|
1019
|
+
* Whether to show the countdown visually
|
|
1020
|
+
*/
|
|
1021
|
+
showCountdown?: boolean;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
/**
|
|
1025
|
+
* ActionButton
|
|
1026
|
+
*
|
|
1027
|
+
* A powerful button molecule that supports:
|
|
1028
|
+
* - Auto-countdown for agent workflows
|
|
1029
|
+
* - Pause/Resume toggle
|
|
1030
|
+
* - Loading and Disabled states
|
|
1031
|
+
* - Custom themes
|
|
1032
|
+
*/
|
|
1033
|
+
declare const ActionButton: React__default.NamedExoticComponent<ActionButtonProps>;
|
|
1034
|
+
|
|
1035
|
+
interface FormCardProps {
|
|
1036
|
+
/**
|
|
1037
|
+
* Unique identifier
|
|
1038
|
+
*/
|
|
1039
|
+
id?: string;
|
|
1040
|
+
/**
|
|
1041
|
+
* Title of the form card
|
|
1042
|
+
*/
|
|
1043
|
+
title: string;
|
|
1044
|
+
/**
|
|
1045
|
+
* Map of fields to render
|
|
1046
|
+
*/
|
|
1047
|
+
fields: FieldConfig[];
|
|
1048
|
+
/**
|
|
1049
|
+
* Initial data for the form
|
|
1050
|
+
*/
|
|
1051
|
+
data: Record<string, any>;
|
|
1052
|
+
/**
|
|
1053
|
+
* Current editing states for each field
|
|
1054
|
+
*/
|
|
1055
|
+
editingFields?: Record<string, boolean>;
|
|
1056
|
+
/**
|
|
1057
|
+
* Fields that have been modified
|
|
1058
|
+
*/
|
|
1059
|
+
changedFields?: Record<string, boolean>;
|
|
1060
|
+
/**
|
|
1061
|
+
* Fields currently being saved
|
|
1062
|
+
*/
|
|
1063
|
+
savingFields?: Record<string, boolean>;
|
|
1064
|
+
/**
|
|
1065
|
+
* Triggered when a field starts editing
|
|
1066
|
+
*/
|
|
1067
|
+
onFieldEdit?: (key: string) => void;
|
|
1068
|
+
/**
|
|
1069
|
+
* Triggered when a field value is saved
|
|
1070
|
+
*/
|
|
1071
|
+
onFieldSave?: (key: string, newValue: any) => void;
|
|
1072
|
+
/**
|
|
1073
|
+
* Triggered when a field edit is cancelled
|
|
1074
|
+
*/
|
|
1075
|
+
onFieldCancel?: (key: string) => void;
|
|
1076
|
+
/**
|
|
1077
|
+
* Show a dotted timeline visual on the left
|
|
1078
|
+
*/
|
|
1079
|
+
showTimeline?: boolean;
|
|
1080
|
+
/**
|
|
1081
|
+
* Label for the "Proceed" button
|
|
1082
|
+
*/
|
|
1083
|
+
proceedLabel?: string;
|
|
1084
|
+
/**
|
|
1085
|
+
* Countdown for auto-proceed
|
|
1086
|
+
*/
|
|
1087
|
+
countdown?: number;
|
|
1088
|
+
/**
|
|
1089
|
+
* Whether the timer is paused
|
|
1090
|
+
*/
|
|
1091
|
+
isPaused?: boolean;
|
|
1092
|
+
/**
|
|
1093
|
+
* Pause/Resume handler
|
|
1094
|
+
*/
|
|
1095
|
+
onPause?: () => void;
|
|
1096
|
+
/**
|
|
1097
|
+
* Proceed handler
|
|
1098
|
+
*/
|
|
1099
|
+
onProceed?: () => void;
|
|
1100
|
+
/**
|
|
1101
|
+
* Custom className
|
|
1102
|
+
*/
|
|
1103
|
+
className?: string;
|
|
1104
|
+
/**
|
|
1105
|
+
* Footer content (optional)
|
|
1106
|
+
*/
|
|
1107
|
+
footer?: React.ReactNode;
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
/**
|
|
1111
|
+
* FormCard
|
|
1112
|
+
*
|
|
1113
|
+
* A high-level molecule that assembles EditableFields into a cohesive card unit.
|
|
1114
|
+
* Features:
|
|
1115
|
+
* - Dotted vertical timeline visual
|
|
1116
|
+
* - Copy to clipboard functionality
|
|
1117
|
+
* - Integrated ActionButton with countdown
|
|
1118
|
+
* - Responsive layout
|
|
1119
|
+
*/
|
|
1120
|
+
declare const FormCard: React__default.NamedExoticComponent<FormCardProps>;
|
|
1121
|
+
|
|
1122
|
+
interface CampaignSeedCardProps extends Omit<FormCardProps, "fields"> {
|
|
1123
|
+
/**
|
|
1124
|
+
* Status of the selection (done by user or agent)
|
|
1125
|
+
*/
|
|
1126
|
+
selectionStatus?: "user" | "agent";
|
|
1127
|
+
/**
|
|
1128
|
+
* Whether the message is the latest (to show countdown/actions)
|
|
1129
|
+
*/
|
|
1130
|
+
isLatestMessage?: boolean;
|
|
1131
|
+
}
|
|
1132
|
+
|
|
1133
|
+
/**
|
|
1134
|
+
* Default field configuration for Campaign Seed
|
|
1135
|
+
*/
|
|
1136
|
+
declare const CAMPAIGN_SEED_FIELDS: FieldConfig[];
|
|
1137
|
+
/**
|
|
1138
|
+
* CampaignSeedCard
|
|
1139
|
+
*
|
|
1140
|
+
* A domain-specific molecule for the Creator Discovery workflow.
|
|
1141
|
+
* Encapsulates the specific brand info fields and selection status.
|
|
1142
|
+
*/
|
|
1143
|
+
declare const CampaignSeedCard: React__default.NamedExoticComponent<CampaignSeedCardProps>;
|
|
1144
|
+
|
|
1145
|
+
interface SearchSpecCardProps extends Omit<FormCardProps, "fields"> {
|
|
1146
|
+
/**
|
|
1147
|
+
* Version of the search specification
|
|
1148
|
+
*/
|
|
1149
|
+
version?: number;
|
|
1150
|
+
/**
|
|
1151
|
+
* Status of the selection
|
|
1152
|
+
*/
|
|
1153
|
+
selectionStatus?: "user" | "agent";
|
|
1154
|
+
/**
|
|
1155
|
+
* Whether the message is the latest
|
|
1156
|
+
*/
|
|
1157
|
+
isLatestMessage?: boolean;
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
/**
|
|
1161
|
+
* Default field configuration for Search Specification
|
|
1162
|
+
*/
|
|
1163
|
+
declare const SEARCH_SPEC_FIELDS: FieldConfig[];
|
|
1164
|
+
/**
|
|
1165
|
+
* SearchSpecCard
|
|
1166
|
+
*
|
|
1167
|
+
* A domain-specific molecule for the Creator Discovery workflow.
|
|
1168
|
+
* Encapsulates search settings like platforms, ranges, and custom keyword bundles.
|
|
1169
|
+
*/
|
|
1170
|
+
declare const SearchSpecCard: React__default.NamedExoticComponent<SearchSpecCardProps>;
|
|
1171
|
+
|
|
1172
|
+
declare const CountrySelectEdit: ({ value, onChange, }: {
|
|
1173
|
+
value: any;
|
|
1174
|
+
onChange: (value: any) => void;
|
|
1175
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1176
|
+
declare const CountrySelectDisplay: ({ value }: {
|
|
1177
|
+
value: any;
|
|
1178
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1179
|
+
declare const KeywordBundlesEdit: ({ value, onChange, }: {
|
|
1180
|
+
value: any;
|
|
1181
|
+
onChange: (value: any) => void;
|
|
1182
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1183
|
+
declare const KeywordBundlesDisplay: ({ value }: {
|
|
1184
|
+
value: any;
|
|
1185
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1186
|
+
|
|
1187
|
+
interface MCQOption {
|
|
1188
|
+
key: string;
|
|
1189
|
+
label: string;
|
|
1190
|
+
}
|
|
1191
|
+
interface MCQCardProps {
|
|
1192
|
+
/**
|
|
1193
|
+
* The question being asked
|
|
1194
|
+
*/
|
|
1195
|
+
question: string;
|
|
1196
|
+
/**
|
|
1197
|
+
* The options to choose from
|
|
1198
|
+
*/
|
|
1199
|
+
options: Record<string, string>;
|
|
1200
|
+
/**
|
|
1201
|
+
* The key of the recommended option
|
|
1202
|
+
*/
|
|
1203
|
+
recommended?: string;
|
|
1204
|
+
/**
|
|
1205
|
+
* The currently selected option key
|
|
1206
|
+
*/
|
|
1207
|
+
selectedOption?: string;
|
|
1208
|
+
/**
|
|
1209
|
+
* Triggered when an option is selected
|
|
1210
|
+
*/
|
|
1211
|
+
onSelect?: (key: string) => void;
|
|
1212
|
+
/**
|
|
1213
|
+
* Triggered when the user clicks continue
|
|
1214
|
+
*/
|
|
1215
|
+
onProceed?: (key: string) => void;
|
|
1216
|
+
/**
|
|
1217
|
+
* Whether the message is the latest
|
|
1218
|
+
*/
|
|
1219
|
+
isLatestMessage?: boolean;
|
|
1220
|
+
/**
|
|
1221
|
+
* Countdown in seconds
|
|
1222
|
+
*/
|
|
1223
|
+
countdown?: number;
|
|
1224
|
+
/**
|
|
1225
|
+
* Whether the countdown is paused
|
|
1226
|
+
*/
|
|
1227
|
+
isPaused?: boolean;
|
|
1228
|
+
/**
|
|
1229
|
+
* Pause/Resume handler
|
|
1230
|
+
*/
|
|
1231
|
+
onPause?: () => void;
|
|
1232
|
+
/**
|
|
1233
|
+
* Loading state during submission
|
|
1234
|
+
*/
|
|
1235
|
+
isLoading?: boolean;
|
|
1236
|
+
/**
|
|
1237
|
+
* Custom className
|
|
1238
|
+
*/
|
|
1239
|
+
className?: string;
|
|
1240
|
+
/**
|
|
1241
|
+
* Who made the final selection (for historical view)
|
|
1242
|
+
*/
|
|
1243
|
+
selectionStatus?: "user" | "agent";
|
|
1244
|
+
}
|
|
1245
|
+
|
|
1246
|
+
/**
|
|
1247
|
+
* MCQCard
|
|
1248
|
+
*
|
|
1249
|
+
* A molecule for Multiple Choice Questions.
|
|
1250
|
+
* Supports:
|
|
1251
|
+
* - Recommended options with styling
|
|
1252
|
+
* - Radio-style selection
|
|
1253
|
+
* - Integrated ActionButton with countdown
|
|
1254
|
+
* - Peer/Agent approval labels
|
|
1255
|
+
* - Premium aesthetics
|
|
1256
|
+
*/
|
|
1257
|
+
declare const MCQCard: React__default.NamedExoticComponent<MCQCardProps>;
|
|
1258
|
+
|
|
1259
|
+
export { Accordion, AccordionAtom, type AccordionAtomType, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, type ActionButtonAtom, type ActionButtonProps, Alert, AlertAtom, type AlertAtomType, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogAtom, type AlertDialogAtomType, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AspectRatioAtom, type AspectRatioAtomType, Avatar, AvatarAtom, type AvatarAtomType, AvatarFallback, AvatarImage, Badge, BadgeAtom, type BadgeAtomType, type BaseAtom, type BaseMolecule, Breadcrumb, BreadcrumbAtom, type BreadcrumbAtomType, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonAtom, type ButtonAtomType, type ButtonSize$1 as ButtonSize, type ButtonVariant$1 as ButtonVariant, CAMPAIGN_SEED_FIELDS, Calendar, CalendarAtom, type CalendarAtomType, CampaignSeedCard, type CampaignSeedCardAtom, type CampaignSeedCardProps, Card, CardAtom, type CardAtomType, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselAtom, type CarouselAtomType, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleAtom, type CollapsibleAtomType, CollapsibleContent, CollapsibleTrigger, Command, CommandAtom, type CommandAtomType, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, CountrySelectDisplay, CountrySelectEdit, Dialog, DialogAtom, type DialogAtomType, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditableField, type EditableFieldProps, Form, FormCard, type FormCardProps, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GapSize, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAtom, type InputAtomType, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputType, KeywordBundlesDisplay, KeywordBundlesEdit, Label, LayoutAtom, type LayoutAtomType, type LayoutDirection, MCQCard, type MCQCardAtom, type MCQCardProps, type MCQOption, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PXEngineRenderer, Pagination, PaginationAtom, type PaginationAtomType, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAtom, type PopoverAtomType, PopoverContent, PopoverTrigger, Progress, ProgressAtom, type ProgressAtomType, RadioGroup, RadioGroupItem, ResizablePanel, ResizablePanelGroup, SEARCH_SPEC_FIELDS, ScrollArea, ScrollAreaAtom, type ScrollAreaAtomType, ScrollBar, SearchSpecCard, type SearchSpecCardAtom, type SearchSpecCardProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorAtom, type SeparatorAtomType, Sheet, SheetAtom, type SheetAtomType, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, SkeletonAtom, type SkeletonAtomType, Slider, Spinner, SpinnerAtom, type SpinnerAtomType, Switch, Table, TableAtom, type TableAtomType, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsAtom, type TabsAtomType, TabsContent, TabsList, TabsTrigger, TextAtom, type TextAtomType, type TextVariant, Textarea, type ToggleAtomType, Tooltip, TooltipAtom, type TooltipAtomType, TooltipContent, TooltipProvider, TooltipTrigger, type UIAtom, type UIComponent, type UIMolecule, type UISchema, cn };
|