@hilum/ui 3.6.1 → 3.6.3
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/index.d.ts +46 -2
- package/dist/index.js +108 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/status-tile.tsx +85 -0
- package/src/components/summary-tile.tsx +56 -0
- package/src/components/titled-card.tsx +12 -12
- package/src/index.ts +2 -0
package/dist/index.d.ts
CHANGED
|
@@ -1889,6 +1889,32 @@ declare namespace StatusBadge {
|
|
|
1889
1889
|
var displayName: string;
|
|
1890
1890
|
}
|
|
1891
1891
|
|
|
1892
|
+
interface StatusTileGridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1893
|
+
columns?: 2 | 3 | 4;
|
|
1894
|
+
}
|
|
1895
|
+
interface StatusTileProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
1896
|
+
title: React.ReactNode;
|
|
1897
|
+
status: string;
|
|
1898
|
+
description?: React.ReactNode;
|
|
1899
|
+
meta?: React.ReactNode;
|
|
1900
|
+
icon?: React.ComponentType<{
|
|
1901
|
+
className?: string;
|
|
1902
|
+
}>;
|
|
1903
|
+
labelMap?: Record<string, React.ReactNode>;
|
|
1904
|
+
variantMap?: Record<string, StatusBadgeVariant>;
|
|
1905
|
+
iconMap?: Record<string, React.ComponentType<{
|
|
1906
|
+
className?: string;
|
|
1907
|
+
}>>;
|
|
1908
|
+
}
|
|
1909
|
+
declare function StatusTileGrid({ columns, className, ...props }: StatusTileGridProps): react_jsx_runtime.JSX.Element;
|
|
1910
|
+
declare namespace StatusTileGrid {
|
|
1911
|
+
var displayName: string;
|
|
1912
|
+
}
|
|
1913
|
+
declare function StatusTile({ title, status, description, meta, icon: Icon, labelMap, variantMap, iconMap, className, ...props }: StatusTileProps): react_jsx_runtime.JSX.Element;
|
|
1914
|
+
declare namespace StatusTile {
|
|
1915
|
+
var displayName: string;
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1892
1918
|
type StepStatus = "complete" | "current" | "upcoming";
|
|
1893
1919
|
interface Step {
|
|
1894
1920
|
id?: string | number;
|
|
@@ -1907,6 +1933,23 @@ declare namespace Steps {
|
|
|
1907
1933
|
var displayName: string;
|
|
1908
1934
|
}
|
|
1909
1935
|
|
|
1936
|
+
interface SummaryTileGridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1937
|
+
columns?: 2 | 3 | 4;
|
|
1938
|
+
}
|
|
1939
|
+
interface SummaryTileProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1940
|
+
title: string;
|
|
1941
|
+
value: React.ReactNode;
|
|
1942
|
+
description?: React.ReactNode;
|
|
1943
|
+
}
|
|
1944
|
+
declare function SummaryTileGrid({ columns, className, ...props }: SummaryTileGridProps): react_jsx_runtime.JSX.Element;
|
|
1945
|
+
declare namespace SummaryTileGrid {
|
|
1946
|
+
var displayName: string;
|
|
1947
|
+
}
|
|
1948
|
+
declare function SummaryTile({ title, value, description, className, ...props }: SummaryTileProps): react_jsx_runtime.JSX.Element;
|
|
1949
|
+
declare namespace SummaryTile {
|
|
1950
|
+
var displayName: string;
|
|
1951
|
+
}
|
|
1952
|
+
|
|
1910
1953
|
interface SwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onToggle"> {
|
|
1911
1954
|
label?: string;
|
|
1912
1955
|
checked?: boolean;
|
|
@@ -2075,12 +2118,13 @@ interface TitledCardProps {
|
|
|
2075
2118
|
icon?: React.ComponentType<{
|
|
2076
2119
|
className?: string;
|
|
2077
2120
|
}>;
|
|
2121
|
+
contentPadding?: "default" | "flush-mobile" | "flush";
|
|
2078
2122
|
className?: string;
|
|
2079
2123
|
contentClassName?: string;
|
|
2080
2124
|
containerClassName?: string;
|
|
2081
2125
|
titleClassName?: string;
|
|
2082
2126
|
}
|
|
2083
|
-
declare function TitledCard({ title, subtitle, children, actionButtons, icon: Icon, className, contentClassName, containerClassName, titleClassName, }: TitledCardProps): react_jsx_runtime.JSX.Element;
|
|
2127
|
+
declare function TitledCard({ title, subtitle, children, actionButtons, icon: Icon, contentPadding, className, contentClassName, containerClassName, titleClassName, }: TitledCardProps): react_jsx_runtime.JSX.Element;
|
|
2084
2128
|
declare namespace TitledCard {
|
|
2085
2129
|
var displayName: string;
|
|
2086
2130
|
}
|
|
@@ -2161,4 +2205,4 @@ interface UsageBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
2161
2205
|
}
|
|
2162
2206
|
declare function UsageBar({ label, value, max, percent, valueLabel, showPercent, layout, tone, className, barClassName, indicatorClassName, ...props }: UsageBarProps): react_jsx_runtime.JSX.Element;
|
|
2163
2207
|
|
|
2164
|
-
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AskUserAnswer, type AskUserOption, type AskUserQuestion, AskUserQuestions, type AskUserQuestionsProps, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, type BadgeColor, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, type ButtonProps, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, type ChatMessageProps, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorFormat, ColorInput, type ColorInputProps, ColorPicker, ColorPickerPopover, type ColorPickerPopoverProps, ColorPickerPortalContainer, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, ColorTile, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, DatePicker, type DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, FileThumbnail, type FileThumbnailProps, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, type IconComponent, type IconLibrary, type IconName, IconProvider, Input, InputCopy, type InputCopyProps, InputField, InputGroup, InputMessage, type InputMessageProps, type InputMessageSlotContext, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, type MobileDrawerProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, type NavItemProps, NavMenu, type NavMenuItem, type NavMenuProps, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type ParsedColor, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type QueuedMessage, type RadioCardOption, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type ShapeClasses, ShapeProvider, type ShapeVariant, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, type SliderComfortableProps, SliderControl, type SliderProps, type SliderValue, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type Step, type StepStatus, Steps, SurfaceProvider, Switch, type SwitchProps, TabItem, type TabItemProps, TabPanel, type TabPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, type TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, type ThinkingIndicatorProps, ThinkingStep, ThinkingStepDetails, type ThinkingStepDetailsProps, ThinkingStepImage, type ThinkingStepImageProps, type ThinkingStepProps, ThinkingStepSource, type ThinkingStepSourceProps, ThinkingStepSources, type ThinkingStepSourcesProps, type ThinkingStepStatus, ThinkingSteps, ThinkingStepsContent, type ThinkingStepsContentProps, ThinkingStepsHeader, type ThinkingStepsHeaderProps, type ThinkingStepsProps, TitledCard, type TitledCardProps, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortalContainer, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipSide, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, UsageBar, type UsageBarLayout, type UsageBarProps, type UsageBarTone, type ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
|
|
2208
|
+
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AskUserAnswer, type AskUserOption, type AskUserQuestion, AskUserQuestions, type AskUserQuestionsProps, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, type BadgeColor, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, type ButtonProps, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, type ChatMessageProps, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorFormat, ColorInput, type ColorInputProps, ColorPicker, ColorPickerPopover, type ColorPickerPopoverProps, ColorPickerPortalContainer, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, ColorTile, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, DatePicker, type DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, FileThumbnail, type FileThumbnailProps, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, type IconComponent, type IconLibrary, type IconName, IconProvider, Input, InputCopy, type InputCopyProps, InputField, InputGroup, InputMessage, type InputMessageProps, type InputMessageSlotContext, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, type MobileDrawerProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, type NavItemProps, NavMenu, type NavMenuItem, type NavMenuProps, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type ParsedColor, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type QueuedMessage, type RadioCardOption, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type ShapeClasses, ShapeProvider, type ShapeVariant, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, type SliderComfortableProps, SliderControl, type SliderProps, type SliderValue, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusTile, StatusTileGrid, type StatusTileGridProps, type StatusTileProps, type Step, type StepStatus, Steps, SummaryTile, SummaryTileGrid, type SummaryTileGridProps, type SummaryTileProps, SurfaceProvider, Switch, type SwitchProps, TabItem, type TabItemProps, TabPanel, type TabPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, type TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, type ThinkingIndicatorProps, ThinkingStep, ThinkingStepDetails, type ThinkingStepDetailsProps, ThinkingStepImage, type ThinkingStepImageProps, type ThinkingStepProps, ThinkingStepSource, type ThinkingStepSourceProps, ThinkingStepSources, type ThinkingStepSourcesProps, type ThinkingStepStatus, ThinkingSteps, ThinkingStepsContent, type ThinkingStepsContentProps, ThinkingStepsHeader, type ThinkingStepsHeaderProps, type ThinkingStepsProps, TitledCard, type TitledCardProps, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortalContainer, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipSide, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, UsageBar, type UsageBarLayout, type UsageBarProps, type UsageBarTone, type ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
|
package/dist/index.js
CHANGED
|
@@ -14501,6 +14501,71 @@ function StatusBadge({
|
|
|
14501
14501
|
);
|
|
14502
14502
|
}
|
|
14503
14503
|
StatusBadge.displayName = "StatusBadge";
|
|
14504
|
+
var columnClassName = {
|
|
14505
|
+
2: "md:grid-cols-2",
|
|
14506
|
+
3: "md:grid-cols-2 xl:grid-cols-3",
|
|
14507
|
+
4: "md:grid-cols-2 xl:grid-cols-4"
|
|
14508
|
+
};
|
|
14509
|
+
function StatusTileGrid({ columns = 3, className, ...props }) {
|
|
14510
|
+
return /* @__PURE__ */ jsx(
|
|
14511
|
+
"div",
|
|
14512
|
+
{
|
|
14513
|
+
"data-slot": "status-tile-grid",
|
|
14514
|
+
className: cn(
|
|
14515
|
+
"divide-y divide-border md:grid md:gap-4 md:divide-y-0",
|
|
14516
|
+
columnClassName[columns],
|
|
14517
|
+
className
|
|
14518
|
+
),
|
|
14519
|
+
...props
|
|
14520
|
+
}
|
|
14521
|
+
);
|
|
14522
|
+
}
|
|
14523
|
+
function StatusTile({
|
|
14524
|
+
title,
|
|
14525
|
+
status,
|
|
14526
|
+
description,
|
|
14527
|
+
meta,
|
|
14528
|
+
icon: Icon,
|
|
14529
|
+
labelMap,
|
|
14530
|
+
variantMap,
|
|
14531
|
+
iconMap: iconMap2,
|
|
14532
|
+
className,
|
|
14533
|
+
...props
|
|
14534
|
+
}) {
|
|
14535
|
+
return /* @__PURE__ */ jsxs(
|
|
14536
|
+
"div",
|
|
14537
|
+
{
|
|
14538
|
+
"data-slot": "status-tile",
|
|
14539
|
+
className: cn(
|
|
14540
|
+
"min-w-0 py-4 md:rounded-lg md:border md:border-border md:bg-background md:p-4 md:shadow-natural",
|
|
14541
|
+
className
|
|
14542
|
+
),
|
|
14543
|
+
...props,
|
|
14544
|
+
children: [
|
|
14545
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
|
|
14546
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
|
|
14547
|
+
Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }) : null,
|
|
14548
|
+
/* @__PURE__ */ jsx("h3", { className: "body min-w-0 truncate font-medium text-foreground", children: title })
|
|
14549
|
+
] }),
|
|
14550
|
+
/* @__PURE__ */ jsx(
|
|
14551
|
+
StatusBadge,
|
|
14552
|
+
{
|
|
14553
|
+
status,
|
|
14554
|
+
...labelMap ? { labelMap } : {},
|
|
14555
|
+
...variantMap ? { variantMap } : {},
|
|
14556
|
+
...iconMap2 ? { iconMap: iconMap2 } : {},
|
|
14557
|
+
className: "shrink-0"
|
|
14558
|
+
}
|
|
14559
|
+
)
|
|
14560
|
+
] }),
|
|
14561
|
+
description ? /* @__PURE__ */ jsx("p", { className: "body-sm mt-3 text-muted-foreground", children: description }) : null,
|
|
14562
|
+
meta ? /* @__PURE__ */ jsx("div", { className: "mt-3 min-w-0 text-muted-foreground", children: meta }) : null
|
|
14563
|
+
]
|
|
14564
|
+
}
|
|
14565
|
+
);
|
|
14566
|
+
}
|
|
14567
|
+
StatusTileGrid.displayName = "StatusTileGrid";
|
|
14568
|
+
StatusTile.displayName = "StatusTile";
|
|
14504
14569
|
function CirclesSteps({ steps, className }) {
|
|
14505
14570
|
return /* @__PURE__ */ jsx("nav", { "aria-label": "Progress", className, children: /* @__PURE__ */ jsx("ol", { role: "list", className: "flex items-center", children: steps.map((step, i) => {
|
|
14506
14571
|
const isLast = i === steps.length - 1;
|
|
@@ -14631,6 +14696,45 @@ function Steps({ steps, variant = "circles", className }) {
|
|
|
14631
14696
|
return /* @__PURE__ */ jsx(CirclesSteps, { steps, ...classNameProp });
|
|
14632
14697
|
}
|
|
14633
14698
|
Steps.displayName = "Steps";
|
|
14699
|
+
var columnClassName2 = {
|
|
14700
|
+
2: "md:grid-cols-2",
|
|
14701
|
+
3: "md:grid-cols-2 xl:grid-cols-3",
|
|
14702
|
+
4: "md:grid-cols-2 xl:grid-cols-4"
|
|
14703
|
+
};
|
|
14704
|
+
function SummaryTileGrid({ columns = 3, className, ...props }) {
|
|
14705
|
+
return /* @__PURE__ */ jsx(
|
|
14706
|
+
"div",
|
|
14707
|
+
{
|
|
14708
|
+
"data-slot": "summary-tile-grid",
|
|
14709
|
+
className: cn(
|
|
14710
|
+
"divide-y divide-border md:grid md:gap-3 md:divide-y-0",
|
|
14711
|
+
columnClassName2[columns],
|
|
14712
|
+
className
|
|
14713
|
+
),
|
|
14714
|
+
...props
|
|
14715
|
+
}
|
|
14716
|
+
);
|
|
14717
|
+
}
|
|
14718
|
+
function SummaryTile({ title, value, description, className, ...props }) {
|
|
14719
|
+
return /* @__PURE__ */ jsxs(
|
|
14720
|
+
"div",
|
|
14721
|
+
{
|
|
14722
|
+
"data-slot": "summary-tile",
|
|
14723
|
+
className: cn(
|
|
14724
|
+
"min-w-0 py-4 md:rounded-lg md:border md:border-border md:bg-card md:p-4",
|
|
14725
|
+
className
|
|
14726
|
+
),
|
|
14727
|
+
...props,
|
|
14728
|
+
children: [
|
|
14729
|
+
/* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: title }),
|
|
14730
|
+
/* @__PURE__ */ jsx("p", { className: "mt-2 text-xl font-semibold text-foreground", children: value }),
|
|
14731
|
+
description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-5 text-muted-foreground", children: description }) : null
|
|
14732
|
+
]
|
|
14733
|
+
}
|
|
14734
|
+
);
|
|
14735
|
+
}
|
|
14736
|
+
SummaryTileGrid.displayName = "SummaryTileGrid";
|
|
14737
|
+
SummaryTile.displayName = "SummaryTile";
|
|
14634
14738
|
var TRACK_WIDTH = 34;
|
|
14635
14739
|
var TRACK_HEIGHT = 20;
|
|
14636
14740
|
var THUMB_SIZE2 = 16;
|
|
@@ -15785,6 +15889,7 @@ function TitledCard({
|
|
|
15785
15889
|
children,
|
|
15786
15890
|
actionButtons,
|
|
15787
15891
|
icon: Icon,
|
|
15892
|
+
contentPadding = "default",
|
|
15788
15893
|
className,
|
|
15789
15894
|
contentClassName,
|
|
15790
15895
|
containerClassName,
|
|
@@ -15792,6 +15897,7 @@ function TitledCard({
|
|
|
15792
15897
|
}) {
|
|
15793
15898
|
const hasHeader = Boolean(title || subtitle || actionButtons);
|
|
15794
15899
|
const canUseCardHeading = Boolean(title) && !actionButtons && !titleClassName;
|
|
15900
|
+
const contentPaddingClassName = contentPadding === "flush" ? "p-0" : contentPadding === "flush-mobile" ? "p-0 sm:p-5" : hasHeader ? "p-4 sm:p-5" : "p-0 sm:p-5";
|
|
15795
15901
|
return /* @__PURE__ */ jsxs(
|
|
15796
15902
|
Card,
|
|
15797
15903
|
{
|
|
@@ -15833,11 +15939,7 @@ function TitledCard({
|
|
|
15833
15939
|
children && /* @__PURE__ */ jsx(
|
|
15834
15940
|
CardContent,
|
|
15835
15941
|
{
|
|
15836
|
-
className: cn(
|
|
15837
|
-
hasHeader ? "p-4 sm:p-5" : "p-0 sm:p-5",
|
|
15838
|
-
"min-w-0 max-sm:px-0",
|
|
15839
|
-
contentClassName
|
|
15840
|
-
),
|
|
15942
|
+
className: cn(contentPaddingClassName, "min-w-0 max-sm:px-0", contentClassName),
|
|
15841
15943
|
children
|
|
15842
15944
|
}
|
|
15843
15945
|
)
|
|
@@ -16053,6 +16155,6 @@ function UsageBar({
|
|
|
16053
16155
|
] });
|
|
16054
16156
|
}
|
|
16055
16157
|
|
|
16056
|
-
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AskUserQuestions, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput2 as ColorInput, ColorPicker, ColorPickerPopover, ColorPickerPortalContainer, ColorSwatch, ColorTile, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTransferControls, DatePicker, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, Field, FileDropzone, FileThumbnail, GridList, GridListAccentCard, GridListCard, HelpTooltip, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, IconProvider, Input, InputCopy, InputField, InputGroup, InputMessage, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, NavMenu, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, SectionHeading, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShapeProvider, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, SliderControl, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, StatCardSlot, StatusBadge, Steps, SurfaceProvider, Switch, TabItem, TabPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, ThinkingStep, ThinkingStepDetails, ThinkingStepImage, ThinkingStepSource, ThinkingStepSources, ThinkingSteps, ThinkingStepsContent, ThinkingStepsHeader, TitledCard, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip3 as Tooltip, TooltipContent, TooltipPortalContainer, TooltipProvider, TooltipRoot, TooltipTrigger, UrlRedirectPrompt, UsageBar, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
|
|
16158
|
+
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AskUserQuestions, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput2 as ColorInput, ColorPicker, ColorPickerPopover, ColorPickerPortalContainer, ColorSwatch, ColorTile, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTransferControls, DatePicker, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, Field, FileDropzone, FileThumbnail, GridList, GridListAccentCard, GridListCard, HelpTooltip, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, IconProvider, Input, InputCopy, InputField, InputGroup, InputMessage, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, NavMenu, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, SectionHeading, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShapeProvider, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, SliderControl, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, StatCardSlot, StatusBadge, StatusTile, StatusTileGrid, Steps, SummaryTile, SummaryTileGrid, SurfaceProvider, Switch, TabItem, TabPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, ThinkingStep, ThinkingStepDetails, ThinkingStepImage, ThinkingStepSource, ThinkingStepSources, ThinkingSteps, ThinkingStepsContent, ThinkingStepsHeader, TitledCard, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip3 as Tooltip, TooltipContent, TooltipPortalContainer, TooltipProvider, TooltipRoot, TooltipTrigger, UrlRedirectPrompt, UsageBar, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
|
|
16057
16159
|
//# sourceMappingURL=index.js.map
|
|
16058
16160
|
//# sourceMappingURL=index.js.map
|