@yuva-devlab/ui 1.3.1 → 1.4.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/dist/components/button/button.css +1 -1
- package/dist/components/copy-button/copy-button.css +32 -0
- package/dist/components/dialog/dialog.css +5 -4
- package/dist/components/input/input.css +2 -2
- package/dist/components/label/label.css +5 -1
- package/dist/components/metric-card/metric-card.css +68 -0
- package/dist/components/secret-reveal-card/secret-reveal-card.css +37 -0
- package/dist/components/sonner/sonner.css +35 -6
- package/dist/components/textarea/textarea.css +1 -1
- package/dist/components.css +192 -15
- package/dist/index.cjs +174 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +90 -3
- package/dist/index.d.ts +90 -3
- package/dist/index.js +223 -84
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +192 -15
- package/package.json +5 -2
package/dist/index.d.cts
CHANGED
|
@@ -53,6 +53,7 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
|
53
53
|
declare function cn(...inputs: ClassValue[]): string;
|
|
54
54
|
|
|
55
55
|
type Theme = "dark" | "light" | "system" | string;
|
|
56
|
+
type ThemeMode = "light" | "dark" | "system";
|
|
56
57
|
type Brand = "finai" | "orchestrai" | string;
|
|
57
58
|
interface ThemeProviderProps {
|
|
58
59
|
children: React__default.ReactNode;
|
|
@@ -1310,6 +1311,12 @@ declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.
|
|
|
1310
1311
|
|
|
1311
1312
|
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1312
1313
|
interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
1314
|
+
/**
|
|
1315
|
+
* If true, displays a red required asterisk indicator next to the label.
|
|
1316
|
+
* By default, required is false and no asterisk is rendered.
|
|
1317
|
+
* @default false
|
|
1318
|
+
*/
|
|
1319
|
+
required?: boolean;
|
|
1313
1320
|
}
|
|
1314
1321
|
/**
|
|
1315
1322
|
* Accessible label component associated with input controls, checkboxes, or form fields.
|
|
@@ -2160,9 +2167,12 @@ type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
|
|
|
2160
2167
|
*/
|
|
2161
2168
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
2162
2169
|
|
|
2163
|
-
type ToasterProps =
|
|
2170
|
+
type ToasterProps = React__default.ComponentProps<typeof Toaster$1>;
|
|
2171
|
+
type ToastTheme = ThemeMode;
|
|
2164
2172
|
/**
|
|
2165
2173
|
* Toast notification viewport container configured with `@yuva-devlab/ui` design tokens.
|
|
2174
|
+
* Automatically synchronizes Sonner theme with root document dark/light mode
|
|
2175
|
+
* when not explicitly provided.
|
|
2166
2176
|
*
|
|
2167
2177
|
* @example
|
|
2168
2178
|
* ```tsx
|
|
@@ -2174,7 +2184,7 @@ type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
|
|
|
2174
2184
|
* toast.error("Failed to execute agent workflow.");
|
|
2175
2185
|
* ```
|
|
2176
2186
|
*/
|
|
2177
|
-
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2187
|
+
declare const Toaster: ({ theme: propTheme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2178
2188
|
|
|
2179
2189
|
interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
2180
2190
|
/** The status string to display (e.g. "Active", "Operational", "Failed") */
|
|
@@ -2391,4 +2401,81 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
|
|
|
2391
2401
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2392
2402
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2393
2403
|
|
|
2394
|
-
|
|
2404
|
+
interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2405
|
+
/** Label describing the metric */
|
|
2406
|
+
readonly label: string;
|
|
2407
|
+
/** Primary numeric or textual value */
|
|
2408
|
+
readonly value: React$1.ReactNode;
|
|
2409
|
+
/** Contextual note, subtitle, or percentage delta */
|
|
2410
|
+
readonly note?: string;
|
|
2411
|
+
/** Indicates positive trend (green highlight) */
|
|
2412
|
+
readonly positive?: boolean;
|
|
2413
|
+
/** Optional icon displayed next to the label */
|
|
2414
|
+
readonly icon?: React$1.ReactNode;
|
|
2415
|
+
}
|
|
2416
|
+
/**
|
|
2417
|
+
* MetricCard component displaying key statistical benchmarks with labels, values, and trends.
|
|
2418
|
+
*
|
|
2419
|
+
* @example
|
|
2420
|
+
* ```tsx
|
|
2421
|
+
* <MetricCard
|
|
2422
|
+
* label="Active services"
|
|
2423
|
+
* value={5}
|
|
2424
|
+
* note="100% operational"
|
|
2425
|
+
* positive={true}
|
|
2426
|
+
* />
|
|
2427
|
+
* ```
|
|
2428
|
+
*/
|
|
2429
|
+
declare const MetricCard: React$1.ForwardRefExoticComponent<MetricCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2430
|
+
interface MetricsGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2431
|
+
/** Grid items */
|
|
2432
|
+
readonly children: React$1.ReactNode;
|
|
2433
|
+
}
|
|
2434
|
+
/**
|
|
2435
|
+
* Container component arranging MetricCards in a cohesive responsive grid layout.
|
|
2436
|
+
*/
|
|
2437
|
+
declare const MetricsGrid: React$1.ForwardRefExoticComponent<MetricsGridProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2438
|
+
|
|
2439
|
+
interface CopyButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2440
|
+
/** Text content to write to user clipboard */
|
|
2441
|
+
readonly textToCopy: string;
|
|
2442
|
+
/** Label when in default idle state */
|
|
2443
|
+
readonly label?: string;
|
|
2444
|
+
/** Label shown upon successful copy */
|
|
2445
|
+
readonly copiedLabel?: string;
|
|
2446
|
+
/** Duration in milliseconds to maintain copied feedback (default 2000) */
|
|
2447
|
+
readonly resetTimeoutMs?: number;
|
|
2448
|
+
}
|
|
2449
|
+
/**
|
|
2450
|
+
* CopyButton component provides one-click clipboard copying with animated feedback.
|
|
2451
|
+
*
|
|
2452
|
+
* @example
|
|
2453
|
+
* ```tsx
|
|
2454
|
+
* <CopyButton textToCopy="dl_live_9a8f...bc01" label="Copy Key" />
|
|
2455
|
+
* ```
|
|
2456
|
+
*/
|
|
2457
|
+
declare const CopyButton: React$1.ForwardRefExoticComponent<CopyButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2458
|
+
|
|
2459
|
+
interface SecretRevealCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2460
|
+
/** The sensitive secret or API key to reveal */
|
|
2461
|
+
readonly secret: string;
|
|
2462
|
+
/** Custom warning message (default informs about one-time reveal) */
|
|
2463
|
+
readonly warningMessage?: string;
|
|
2464
|
+
/** Label for copy button */
|
|
2465
|
+
readonly copyLabel?: string;
|
|
2466
|
+
}
|
|
2467
|
+
/**
|
|
2468
|
+
* SecretRevealCard component securely displays newly provisioned API keys and secrets
|
|
2469
|
+
* with copy capabilities and one-time retrieval warnings.
|
|
2470
|
+
*
|
|
2471
|
+
* @example
|
|
2472
|
+
* ```tsx
|
|
2473
|
+
* <SecretRevealCard
|
|
2474
|
+
* secret="dl_live_49f82bc9..."
|
|
2475
|
+
* warningMessage="Copy this key now. It is hashed with SHA-256 and will never be shown again."
|
|
2476
|
+
* />
|
|
2477
|
+
* ```
|
|
2478
|
+
*/
|
|
2479
|
+
declare const SecretRevealCard: React$1.ForwardRefExoticComponent<SecretRevealCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2480
|
+
|
|
2481
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn, labelVariants, navigationMenuTriggerStyle, sheetVariants, toggleVariants, useCarousel, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
|
53
53
|
declare function cn(...inputs: ClassValue[]): string;
|
|
54
54
|
|
|
55
55
|
type Theme = "dark" | "light" | "system" | string;
|
|
56
|
+
type ThemeMode = "light" | "dark" | "system";
|
|
56
57
|
type Brand = "finai" | "orchestrai" | string;
|
|
57
58
|
interface ThemeProviderProps {
|
|
58
59
|
children: React__default.ReactNode;
|
|
@@ -1310,6 +1311,12 @@ declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.
|
|
|
1310
1311
|
|
|
1311
1312
|
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1312
1313
|
interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
1314
|
+
/**
|
|
1315
|
+
* If true, displays a red required asterisk indicator next to the label.
|
|
1316
|
+
* By default, required is false and no asterisk is rendered.
|
|
1317
|
+
* @default false
|
|
1318
|
+
*/
|
|
1319
|
+
required?: boolean;
|
|
1313
1320
|
}
|
|
1314
1321
|
/**
|
|
1315
1322
|
* Accessible label component associated with input controls, checkboxes, or form fields.
|
|
@@ -2160,9 +2167,12 @@ type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
|
|
|
2160
2167
|
*/
|
|
2161
2168
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
2162
2169
|
|
|
2163
|
-
type ToasterProps =
|
|
2170
|
+
type ToasterProps = React__default.ComponentProps<typeof Toaster$1>;
|
|
2171
|
+
type ToastTheme = ThemeMode;
|
|
2164
2172
|
/**
|
|
2165
2173
|
* Toast notification viewport container configured with `@yuva-devlab/ui` design tokens.
|
|
2174
|
+
* Automatically synchronizes Sonner theme with root document dark/light mode
|
|
2175
|
+
* when not explicitly provided.
|
|
2166
2176
|
*
|
|
2167
2177
|
* @example
|
|
2168
2178
|
* ```tsx
|
|
@@ -2174,7 +2184,7 @@ type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
|
|
|
2174
2184
|
* toast.error("Failed to execute agent workflow.");
|
|
2175
2185
|
* ```
|
|
2176
2186
|
*/
|
|
2177
|
-
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2187
|
+
declare const Toaster: ({ theme: propTheme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2178
2188
|
|
|
2179
2189
|
interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
2180
2190
|
/** The status string to display (e.g. "Active", "Operational", "Failed") */
|
|
@@ -2391,4 +2401,81 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
|
|
|
2391
2401
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2392
2402
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2393
2403
|
|
|
2394
|
-
|
|
2404
|
+
interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2405
|
+
/** Label describing the metric */
|
|
2406
|
+
readonly label: string;
|
|
2407
|
+
/** Primary numeric or textual value */
|
|
2408
|
+
readonly value: React$1.ReactNode;
|
|
2409
|
+
/** Contextual note, subtitle, or percentage delta */
|
|
2410
|
+
readonly note?: string;
|
|
2411
|
+
/** Indicates positive trend (green highlight) */
|
|
2412
|
+
readonly positive?: boolean;
|
|
2413
|
+
/** Optional icon displayed next to the label */
|
|
2414
|
+
readonly icon?: React$1.ReactNode;
|
|
2415
|
+
}
|
|
2416
|
+
/**
|
|
2417
|
+
* MetricCard component displaying key statistical benchmarks with labels, values, and trends.
|
|
2418
|
+
*
|
|
2419
|
+
* @example
|
|
2420
|
+
* ```tsx
|
|
2421
|
+
* <MetricCard
|
|
2422
|
+
* label="Active services"
|
|
2423
|
+
* value={5}
|
|
2424
|
+
* note="100% operational"
|
|
2425
|
+
* positive={true}
|
|
2426
|
+
* />
|
|
2427
|
+
* ```
|
|
2428
|
+
*/
|
|
2429
|
+
declare const MetricCard: React$1.ForwardRefExoticComponent<MetricCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2430
|
+
interface MetricsGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2431
|
+
/** Grid items */
|
|
2432
|
+
readonly children: React$1.ReactNode;
|
|
2433
|
+
}
|
|
2434
|
+
/**
|
|
2435
|
+
* Container component arranging MetricCards in a cohesive responsive grid layout.
|
|
2436
|
+
*/
|
|
2437
|
+
declare const MetricsGrid: React$1.ForwardRefExoticComponent<MetricsGridProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2438
|
+
|
|
2439
|
+
interface CopyButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2440
|
+
/** Text content to write to user clipboard */
|
|
2441
|
+
readonly textToCopy: string;
|
|
2442
|
+
/** Label when in default idle state */
|
|
2443
|
+
readonly label?: string;
|
|
2444
|
+
/** Label shown upon successful copy */
|
|
2445
|
+
readonly copiedLabel?: string;
|
|
2446
|
+
/** Duration in milliseconds to maintain copied feedback (default 2000) */
|
|
2447
|
+
readonly resetTimeoutMs?: number;
|
|
2448
|
+
}
|
|
2449
|
+
/**
|
|
2450
|
+
* CopyButton component provides one-click clipboard copying with animated feedback.
|
|
2451
|
+
*
|
|
2452
|
+
* @example
|
|
2453
|
+
* ```tsx
|
|
2454
|
+
* <CopyButton textToCopy="dl_live_9a8f...bc01" label="Copy Key" />
|
|
2455
|
+
* ```
|
|
2456
|
+
*/
|
|
2457
|
+
declare const CopyButton: React$1.ForwardRefExoticComponent<CopyButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2458
|
+
|
|
2459
|
+
interface SecretRevealCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2460
|
+
/** The sensitive secret or API key to reveal */
|
|
2461
|
+
readonly secret: string;
|
|
2462
|
+
/** Custom warning message (default informs about one-time reveal) */
|
|
2463
|
+
readonly warningMessage?: string;
|
|
2464
|
+
/** Label for copy button */
|
|
2465
|
+
readonly copyLabel?: string;
|
|
2466
|
+
}
|
|
2467
|
+
/**
|
|
2468
|
+
* SecretRevealCard component securely displays newly provisioned API keys and secrets
|
|
2469
|
+
* with copy capabilities and one-time retrieval warnings.
|
|
2470
|
+
*
|
|
2471
|
+
* @example
|
|
2472
|
+
* ```tsx
|
|
2473
|
+
* <SecretRevealCard
|
|
2474
|
+
* secret="dl_live_49f82bc9..."
|
|
2475
|
+
* warningMessage="Copy this key now. It is hashed with SHA-256 and will never be shown again."
|
|
2476
|
+
* />
|
|
2477
|
+
* ```
|
|
2478
|
+
*/
|
|
2479
|
+
declare const SecretRevealCard: React$1.ForwardRefExoticComponent<SecretRevealCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2480
|
+
|
|
2481
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn, labelVariants, navigationMenuTriggerStyle, sheetVariants, toggleVariants, useCarousel, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
|