@espressif/dashboard-ui-components 1.5.0 → 1.6.0

package/dist/common/index.js

@@ -1,5 +1,5 @@
-export { CopyrightCard, PageLoader } from '../chunk-WR54R7J6.js';
-export { AnimatedRainmakerLogo } from '../chunk-X7LDLZBT.js';
+export { CopyrightCard, PageLoader } from '../chunk-HYSNJBDF.js';
+export { AnimatedRainmakerLogo } from '../chunk-IYMCZTJ5.js';
 import '../chunk-ABBHGIFI.js';
 export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-45DCL46L.js';
 import '../chunk-ZEQNTNMW.js';

package/dist/components/index.d.ts

@@ -16979,7 +16979,7 @@ type SelectableCardListProps = SelectableCardListSingleProps | SelectableCardLis
 
 declare function SelectableCardList(props: SelectableCardListProps): React$1.JSX.Element;
 
-type StatusCardState = "success" | "error" | "in_progress" | "not_started";
+type StatusCardState = "success" | "warning" | "error" | "in_progress" | "not_started";
 type StatusCardListSize = "sm" | "default" | "lg";
 interface StatusCardListItem {
     id: string;
@@ -17864,9 +17864,15 @@ declare namespace DateTimePicker {
     var displayName: string;
 }
 
-declare const PRESET_IDS: readonly ["today", "yesterday", "this-week", "last-week", "this-month", "last-month", "this-year", "last-year", "last-1-day", "last-7-days", "last-14-days", "last-15-days", "last-30-days", "last-4-weeks", "last-90-days", "last-3-months", "last-6-months", "last-1-year", "last-5-years"];
+declare const PRESET_IDS: readonly ["today", "yesterday", "this-week", "last-week", "this-month", "last-month", "this-year", "last-year", "last-1-hour", "last-24-hours", "last-1-day", "past-7-days", "last-7-days", "last-14-days", "last-15-days", "past-30-days", "last-30-days", "last-4-weeks", "last-90-days", "last-3-months", "last-6-months", "last-1-year", "last-5-years"];
 type DateRangePickerPresetId = (typeof PRESET_IDS)[number];
 declare const PRESET_LABELS: Record<DateRangePickerPresetId, string>;
+/**
+ * Presets that end at the current moment instead of snapping to day
+ * boundaries. `past-7-days` and `past-30-days` include today, unlike
+ * `last-7-days` and `last-30-days`, which end yesterday at 23:59.
+ */
+declare const ROLLING_PRESET_IDS: readonly ["last-1-hour", "last-24-hours", "past-7-days", "past-30-days"];
 declare function computeDateRange(id: DateRangePickerPresetId): {
     startDate: Date;
     endDate: Date;
@@ -17909,6 +17915,15 @@ interface DateRangePickerProps {
     selectedStartDate?: Date;
     /** Controlled: Calendar range end. */
     selectedEndDate?: Date;
+    /**
+     * Show a "Clear" item at the bottom of the menu while a preset or custom
+     * range is selected. Selecting it calls `onClear` and closes the menu.
+     */
+    clearable?: boolean;
+    /** Label for the "Clear" menu item (i18n). Default: `"Clear"`. */
+    clearLabel?: string;
+    /** Fires when the "Clear" menu item is selected. The consumer resets its selection. */
+    onClear?: () => void;
     /** Custom trigger element. Overrides the default Input trigger entirely. */
     trigger?: React__default.ReactNode;
     placeholder?: string;
@@ -17930,7 +17945,7 @@ interface DateRangePickerProps {
     className?: string;
 }
 
-declare function DateRangePicker({ presets, presetLabels, allowCustom, lockEndToToday, disableFutureDates, dateFormat, onChange, onPresetChange, onDraftChange, selectedPresetId, selectedStartDate, selectedEndDate, trigger, placeholder, label, size, hideIcon, disabled, required, rounded, error, errorContent, startHelperContent, endHelperContent, hintContent, align, side, className, }: DateRangePickerProps): React$1.JSX.Element;
+declare function DateRangePicker({ presets, presetLabels, allowCustom, lockEndToToday, disableFutureDates, dateFormat, onChange, onPresetChange, onDraftChange, selectedPresetId, selectedStartDate, selectedEndDate, clearable, clearLabel, onClear, trigger, placeholder, label, size, hideIcon, disabled, required, rounded, error, errorContent, startHelperContent, endHelperContent, hintContent, align, side, className, }: DateRangePickerProps): React$1.JSX.Element;
 declare namespace DateRangePicker {
     var displayName: string;
 }
@@ -18584,6 +18599,16 @@ interface KeyValueManagerItem {
 interface KeyValueManagerFieldMeta {
     maxLength?: number;
     regex?: string;
+    /**
+     * Flags for `regex`, passed to the `RegExp` constructor (e.g. `"u"` to use
+     * Unicode property escapes such as `\p{L}`).
+     */
+    regexFlags?: string;
+    /**
+     * When set, the field is a select limited to these values instead of free
+     * text, and any other value is rejected.
+     */
+    options?: string[];
 }
 interface KeyValueManagerLabels {
     /** Placeholder for the search box. Defaults to `Search <keyLabel> or <valueLabel>` (lowercased). */
@@ -18606,6 +18631,8 @@ interface KeyValueManagerLabels {
     emptyItems?: string;
     /** Message shown when a search returns no results. Default: `"No matches"`. */
     emptySearch?: string;
+    /** Placeholder of a field that has `options`. Default: `"Select"`. */
+    selectPlaceholder?: string;
 }
 interface KeyValueManagerProps {
     items: KeyValueManagerItem[];
@@ -19154,6 +19181,84 @@ type CodeProps = Omit<React$1.ComponentProps<'div'>, 'children'> & {
 };
 declare function Code({ className, code, icon: Icon, theme, themes, copyButton, lang, fileName, height, style, ...props }: CodeProps): React$1.JSX.Element;
 
+/**
+ * Props for `CodeEditor`. Native textarea props (`value`, `defaultValue`,
+ * `onChange`, `onBlur`, `name`, `id`, `disabled`, `readOnly`, `placeholder`,
+ * `rows`, `aria-*`, …) go to the underlying `<textarea>`, and the forwarded
+ * ref points at it, so `{...field}` / `{...register(name)}` from
+ * react-hook-form work unchanged. `className` and `style` go to the framed
+ * editor box, not the textarea.
+ */
+interface CodeEditorProps extends Omit<React$1.ComponentProps<"textarea">, "size" | "wrap" | "children" | "ref"> {
+    /** Shiki language. Default `"json"`. Languages outside the curated bundle render as plain text; `"text"` never highlights. */
+    lang?: string;
+    /** Which of `themes` to colour with. Pass the app's dark-mode flag. Default `"light"`. */
+    theme?: "light" | "dark";
+    /** Shiki theme IDs; see `Code`. Default `everforest-light` / `everforest-dark`. */
+    themes?: {
+        light: string;
+        dark: string;
+    };
+    /**
+     * Hides the header, including its copy and format buttons. Without it the
+     * header is left out automatically when there is nothing to show: no
+     * `fileName`, no `headerActions`, and neither a copy nor a format button.
+     */
+    hideHeader?: boolean;
+    /** Header: same behaviour as `Code`. */
+    fileName?: React$1.ReactNode;
+    icon?: React$1.ElementType;
+    /** Copy button in the header; copies the current value. Default `true`. */
+    copyButton?: boolean;
+    /**
+     * Format button in the header, before the copy button. Shown by default
+     * when a formatter is available: built in for `lang="json"` (pretty-prints
+     * with `tabSize` spaces), or any `lang` when `formatter` is passed. Pass
+     * `false` to hide it. Formatting is undoable (Cmd/Ctrl+Z) and fires `onChange`.
+     */
+    formatButton?: boolean;
+    /** Custom formatter; replaces the built-in JSON one. Throw to reject content that can't be formatted. */
+    formatter?: (value: string) => string;
+    /** Called when the formatter throws, e.g. on invalid JSON. The value is left unchanged. */
+    onFormatError?: (error: unknown) => void;
+    /** Accessible name and tooltip of the format button. Default `"Format"`. */
+    formatLabel?: string;
+    /** Accessible name and tooltip of the copy button. Default `"Copy"`. */
+    copyLabel?: string;
+    /** Extra header controls before the format and copy buttons. */
+    headerActions?: React$1.ReactNode;
+    /** Field chrome: same meaning as `Textarea`. */
+    label?: React$1.ReactNode;
+    required?: boolean;
+    hintContent?: React$1.ReactNode;
+    error?: boolean;
+    errorContent?: React$1.ReactNode;
+    /** Minimum height of the editing area (below the header). Numbers are pixels. */
+    minHeight?: number | string;
+    /** Maximum height of the editing area; taller content scrolls. Numbers are pixels. */
+    maxHeight?: number | string;
+    /** Soft-wrap long lines. Default `false` (long lines scroll horizontally). */
+    wrap?: boolean;
+    /** Spaces inserted by Tab and removed by Shift+Tab; also the width of a tab character. Default `2`. */
+    tabSize?: number;
+    /**
+     * Above this many characters, highlighting stops and plain text is shown,
+     * so typing in a very large document stays responsive. Default `10000`.
+     */
+    maxHighlightLength?: number;
+}
+
+/**
+ * Editable, syntax-highlighted code input. Looks like `Code` (same header,
+ * copy button and Shiki themes) and behaves like `Textarea` in a form:
+ * controlled or uncontrolled, native `onChange`, ref to the `<textarea>`.
+ *
+ * Tab indents, Shift+Tab outdents, Enter keeps the indentation. Press Esc,
+ * then Tab, to move focus out of the editor. For JSON (or with a custom
+ * `formatter`) the header has a Format button next to Copy.
+ */
+declare const CodeEditor: React$1.ForwardRefExoticComponent<CodeEditorProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
 type PageContainerMaxWidth = "sm" | "md" | "lg" | "xl";
 interface GoBackLinkData {
     show?: boolean;
@@ -19208,4 +19313,4 @@ interface PageContainerSkeletonProps {
 }
 declare function PageContainerSkeleton({ maxWidth, noGutters, showBackLink, showHeader, showActions, className, }: PageContainerSkeletonProps): React$1.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, type AccordionSize, AdvancedSearchBox, type AdvancedSearchBoxProps, Alert, type AlertColor, type AlertIconAvatarVariant, type AlertProps, type AlertSize, type AlertType, type AlertVariant, AnimatedCard, type AnimatedCardProps, type AnimatedCardType, AreaChart, type AreaChartProps, AsyncCombobox, type AsyncComboboxProps, AsyncMultiSelect, type AsyncMultiSelectOption, type AsyncMultiSelectProps, Avatar, type AvatarProps, BarChart, type BarChartProps, type BarSize, BasicDetailsCard, type BasicDetailsCardProps, Button, type ButtonProps$1 as ButtonProps, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, type CalendarProps, Carousel, type CarouselItem, type CarouselNavigationState, type CarouselNavigationStyle, type CarouselOrientation, type CarouselProps, type ChartCategoryColorKey, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, type ChartSeriesColorKey, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, type CircularProgressProps, Code, type CodeProps, CollapsibleCard, type CollapsibleCardProps, Color, type ComboboxOption, ComposedChart, type ComposedChartProps, type ComposedChartSeries, ConfirmationDialog, type ConfirmationDialogProps, ContentContainer, type ContentContainerMaxWidth, type ContentContainerProps, CopiableText, type CopiableTextProps, CopyButton, type CopyButtonProps, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerCommittedRange, type DateRangePickerDraftRange, type DateRangePickerPresetId, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DeviceIcon, type DeviceIconProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DonutChart, type DonutChartProps, type DonutDatum, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, DynamicList, type DynamicListEntry, type DynamicListMetaEntry, type DynamicListMetaType, type DynamicListProps, FileInput, type FileInputProps, FileUpload, type FileUploadProps, FlashButton, type FlashButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, type FullSizeErrorProps, FullscreenDialog, type FullscreenDialogProps, GlitchText, type GlitchTextProps, type GoBackLinkData, GradientText, type GradientTextProps, HighlightText, type HighlightTextProps, IconAvatar, type IconAvatarProps, type IconAvatarRingProps, type IconAvatarVariant, IconTextActionCard, type IconTextActionCardProps, type IconTextActionCardVariant, Illustration, type IllustrationProps, type IllustrationType, InlineError, type InlineErrorProps, Input, InputOTP, type InputOTPProps, InputOTPSeparator, InputPassword, InvertButton, type InvertButtonProps, KeyValueManager, type KeyValueManagerFieldMeta, type KeyValueManagerItem, type KeyValueManagerLabels, type KeyValueManagerProps, LineChart, type LineChartProps, type LineStrokeWidth, Link, type LinkColor, type LinkProps, List, ListDetails, type ListDetailsItem, type ListDetailsProps, type ListDetailsTitleListPanelColumnWidth, ListProps, LottieAnimationContainer, type LottieAnimationContainerProps, MarkdownContent, type MarkdownContentProps, Menu, type MenuProps, MonospaceContent, type MonospaceContentProps, NavBar, type NavBarMenuItem, type NavBarPosition, type NavBarProps, NoDataCard, type NoDataCardProps, OverflowBadgeList, type OverflowBadgeListColor, type OverflowBadgeListProps, PRESET_IDS, PRESET_LABELS, PageContainer, type PageContainerMaxWidth, type PageContainerProps, PageContainerSkeleton, type PageContainerSkeletonProps, Pagination, type PaginationProps, PopCollectionItem, type PopCollectionItemProps, PresetColor, PreviewCard, PreviewCardBackdrop, type PreviewCardBackdropProps, PreviewCardPanel, type PreviewCardPanelProps, type PreviewCardProps, PreviewCardTrigger, type PreviewCardTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSegment, RadioGroup, type RadioGroupProps, type RadioGroupSize, type RadioOption, RequirementList, type RequirementListItem, type RequirementListProps, type RequirementListSize, ScrollArea, ScrollBar, ScrollableSections, type ScrollableSectionsContentProps, type ScrollableSectionsProps, type ScrollableSectionsTabProps, type ScrollableSectionsTabsProps, SearchBox, type SearchBoxProps, type SearchMeta, SectionCard, type SectionCardProps, type SectionCardSize, type SectionCardVariant, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCardList, type SelectableCardListElement, type SelectableCardListItem, type SelectableCardListMultiProps, type SelectableCardListProps, type SelectableCardListSingleProps, type SelectableCardListSize, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, ShimmeringText, type ShimmeringTextProps, Sidebar$1 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar as SidebarPrimitive, SidebarProps$1 as SidebarProps, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, type SimpleCardProps, SimpleClickableCard, type SimpleClickableCardProps, type SimpleClickableCardSharedProps, type SimpleClickableCardVariant, SimpleInfoCard, type SimpleInfoCardProps, SimpleList, type SimpleListAvatarSize, type SimpleListIconStyle, type SimpleListItem, type SimpleListItemDirection, type SimpleListProps, SimplePaginatedList, type SimplePaginatedListItem, type SimplePaginatedListProps, type SimplePaginatedListSize, SimplifiedDate, type SimplifiedDateProps, Size, Spinner, type SpinnerProps, StatCard, type StatCardProps, type StatCardSize, type StatCardValueType, StatusBadge, type StatusBadgeProps, StatusCardList, type StatusCardListItem, type StatusCardListProps, type StatusCardListSize, type StatusCardState, Switch, type SwitchProps, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, type TabsContentProps, TabsContents, type TabsContentsProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, TagInput, type TagInputProps, type TagProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Toast, type ToastColor, type ToastId, type ToastInput, type ToastOptions, type ToastProps, type ToastToasterProps, type ToastType, type ToastVariant, Toaster, type TogglableItem, TogglableItemsList, type TogglableItemsListProps, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip$1 as Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps$2 as TooltipProps, TooltipProvider, type TooltipProviderProps, Tooltip as TooltipRoot, TooltipTrigger, type TooltipTriggerProps, type TransferItem, TransferList, type TransferListProps, type TreemapAnimationEasing, TreemapChart, type TreemapChartProps, type TreemapDatum, type TreemapTileLabelStyle, Typography, type TypographyProps, type TypographyVariant, type UserType, UserTypeBadge, type UserTypeBadgeProps, type UserTypeBadgeRegistryItem, Variant, VerificationInProgress, type VerificationInProgressProps, VerticalStepper, type VerticalStepperProps, type VerticalStepperSize, type VerticalStepperStep, type VerticalStepperStepStatus, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, parseTextMarkup, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionSize, AdvancedSearchBox, type AdvancedSearchBoxProps, Alert, type AlertColor, type AlertIconAvatarVariant, type AlertProps, type AlertSize, type AlertType, type AlertVariant, AnimatedCard, type AnimatedCardProps, type AnimatedCardType, AreaChart, type AreaChartProps, AsyncCombobox, type AsyncComboboxProps, AsyncMultiSelect, type AsyncMultiSelectOption, type AsyncMultiSelectProps, Avatar, type AvatarProps, BarChart, type BarChartProps, type BarSize, BasicDetailsCard, type BasicDetailsCardProps, Button, type ButtonProps$1 as ButtonProps, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, type CalendarProps, Carousel, type CarouselItem, type CarouselNavigationState, type CarouselNavigationStyle, type CarouselOrientation, type CarouselProps, type ChartCategoryColorKey, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, type ChartSeriesColorKey, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, type CircularProgressProps, Code, CodeEditor, type CodeEditorProps, type CodeProps, CollapsibleCard, type CollapsibleCardProps, Color, type ComboboxOption, ComposedChart, type ComposedChartProps, type ComposedChartSeries, ConfirmationDialog, type ConfirmationDialogProps, ContentContainer, type ContentContainerMaxWidth, type ContentContainerProps, CopiableText, type CopiableTextProps, CopyButton, type CopyButtonProps, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerCommittedRange, type DateRangePickerDraftRange, type DateRangePickerPresetId, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DeviceIcon, type DeviceIconProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DonutChart, type DonutChartProps, type DonutDatum, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, DynamicList, type DynamicListEntry, type DynamicListMetaEntry, type DynamicListMetaType, type DynamicListProps, FileInput, type FileInputProps, FileUpload, type FileUploadProps, FlashButton, type FlashButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, type FullSizeErrorProps, FullscreenDialog, type FullscreenDialogProps, GlitchText, type GlitchTextProps, type GoBackLinkData, GradientText, type GradientTextProps, HighlightText, type HighlightTextProps, IconAvatar, type IconAvatarProps, type IconAvatarRingProps, type IconAvatarVariant, IconTextActionCard, type IconTextActionCardProps, type IconTextActionCardVariant, Illustration, type IllustrationProps, type IllustrationType, InlineError, type InlineErrorProps, Input, InputOTP, type InputOTPProps, InputOTPSeparator, InputPassword, InvertButton, type InvertButtonProps, KeyValueManager, type KeyValueManagerFieldMeta, type KeyValueManagerItem, type KeyValueManagerLabels, type KeyValueManagerProps, LineChart, type LineChartProps, type LineStrokeWidth, Link, type LinkColor, type LinkProps, List, ListDetails, type ListDetailsItem, type ListDetailsProps, type ListDetailsTitleListPanelColumnWidth, ListProps, LottieAnimationContainer, type LottieAnimationContainerProps, MarkdownContent, type MarkdownContentProps, Menu, type MenuProps, MonospaceContent, type MonospaceContentProps, NavBar, type NavBarMenuItem, type NavBarPosition, type NavBarProps, NoDataCard, type NoDataCardProps, OverflowBadgeList, type OverflowBadgeListColor, type OverflowBadgeListProps, PRESET_IDS, PRESET_LABELS, PageContainer, type PageContainerMaxWidth, type PageContainerProps, PageContainerSkeleton, type PageContainerSkeletonProps, Pagination, type PaginationProps, PopCollectionItem, type PopCollectionItemProps, PresetColor, PreviewCard, PreviewCardBackdrop, type PreviewCardBackdropProps, PreviewCardPanel, type PreviewCardPanelProps, type PreviewCardProps, PreviewCardTrigger, type PreviewCardTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSegment, ROLLING_PRESET_IDS, RadioGroup, type RadioGroupProps, type RadioGroupSize, type RadioOption, RequirementList, type RequirementListItem, type RequirementListProps, type RequirementListSize, ScrollArea, ScrollBar, ScrollableSections, type ScrollableSectionsContentProps, type ScrollableSectionsProps, type ScrollableSectionsTabProps, type ScrollableSectionsTabsProps, SearchBox, type SearchBoxProps, type SearchMeta, SectionCard, type SectionCardProps, type SectionCardSize, type SectionCardVariant, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCardList, type SelectableCardListElement, type SelectableCardListItem, type SelectableCardListMultiProps, type SelectableCardListProps, type SelectableCardListSingleProps, type SelectableCardListSize, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, ShimmeringText, type ShimmeringTextProps, Sidebar$1 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar as SidebarPrimitive, SidebarProps$1 as SidebarProps, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, type SimpleCardProps, SimpleClickableCard, type SimpleClickableCardProps, type SimpleClickableCardSharedProps, type SimpleClickableCardVariant, SimpleInfoCard, type SimpleInfoCardProps, SimpleList, type SimpleListAvatarSize, type SimpleListIconStyle, type SimpleListItem, type SimpleListItemDirection, type SimpleListProps, SimplePaginatedList, type SimplePaginatedListItem, type SimplePaginatedListProps, type SimplePaginatedListSize, SimplifiedDate, type SimplifiedDateProps, Size, Spinner, type SpinnerProps, StatCard, type StatCardProps, type StatCardSize, type StatCardValueType, StatusBadge, type StatusBadgeProps, StatusCardList, type StatusCardListItem, type StatusCardListProps, type StatusCardListSize, type StatusCardState, Switch, type SwitchProps, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, type TabsContentProps, TabsContents, type TabsContentsProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, TagInput, type TagInputProps, type TagProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Toast, type ToastColor, type ToastId, type ToastInput, type ToastOptions, type ToastProps, type ToastToasterProps, type ToastType, type ToastVariant, Toaster, type TogglableItem, TogglableItemsList, type TogglableItemsListProps, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip$1 as Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps$2 as TooltipProps, TooltipProvider, type TooltipProviderProps, Tooltip as TooltipRoot, TooltipTrigger, type TooltipTriggerProps, type TransferItem, TransferList, type TransferListProps, type TreemapAnimationEasing, TreemapChart, type TreemapChartProps, type TreemapDatum, type TreemapTileLabelStyle, Typography, type TypographyProps, type TypographyVariant, type UserType, UserTypeBadge, type UserTypeBadgeProps, type UserTypeBadgeRegistryItem, Variant, VerificationInProgress, type VerificationInProgressProps, VerticalStepper, type VerticalStepperProps, type VerticalStepperSize, type VerticalStepperStep, type VerticalStepperStepStatus, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, parseTextMarkup, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DynamicList, FileInput, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, NavBar, no_data_card_default as NoDataCard, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from '../chunk-X7LDLZBT.js';
+export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CodeEditor, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DynamicList, FileInput, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, NavBar, no_data_card_default as NoDataCard, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, ROLLING_PRESET_IDS, RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from '../chunk-IYMCZTJ5.js';
 export { Badge, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Label, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, badgeVariants, buttonGroupVariants, resolveVariantStyles } from '../chunk-ABBHGIFI.js';
 export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FlashButton, GlitchText, GradientText, HighlightText, Input, InputPassword, InvertButton, LIST_CLASS_NAMES, Link, List, Menu, ScrollArea, ScrollBar, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShimmeringText, Sidebar2 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar as SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, Tooltip as TooltipRoot, TooltipTrigger, isSidebarGroup, parseTextMarkup, useSidebar } from '../chunk-ZEQNTNMW.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, Separator, Skeleton, buttonVariants, useIsMobile } from '../chunk-OKB2WTX7.js';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { A as AppName, C as Color, P as PresetColor, S as Size } from './index-BQANnKs9.js';
 export { B as Badge, a as BadgeProps, b as Breadcrumb, c as BreadcrumbEllipsis, d as BreadcrumbItem, e as BreadcrumbLink, f as BreadcrumbList, g as BreadcrumbPage, h as BreadcrumbSeparator, i as ButtonGroup, j as ButtonGroupSeparator, k as ButtonGroupText, C as Card, l as CardContent, m as CardDescription, n as CardFooter, o as CardHeader, p as CardTitle, q as Collapsible, r as CollapsibleContent, s as CollapsibleTrigger, L as Label, P as PRESET_GRADIENT_BACKDROP, t as PRESET_GRADIENT_FRAME, u as Popover, v as PopoverAnchor, w as PopoverContent, x as PopoverTrigger, S as Separator, y as SeparatorProps, z as Skeleton, V as VARIANTS, A as VARIANT_GRADIENT_BACKDROP_BASE, D as VARIANT_GRADIENT_DURATION_CLASS, E as VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, F as VARIANT_GRADIENT_TRANSITION_DURATION_MS, G as Variant, H as VariantStyles, I as arbitraryGradientBackgroundImage, J as badgeVariants, K as buttonGroupVariants, M as buttonVariants, N as resolveVariantStyles, O as useIsMobile } from './popover-ByLD3-Qv.js';
-export { Accordion, AccordionItem, AccordionProps, AccordionSize, AdvancedSearchBox, AdvancedSearchBoxProps, Alert, AlertColor, AlertIconAvatarVariant, AlertProps, AlertSize, AlertType, AlertVariant, AnimatedCard, AnimatedCardProps, AnimatedCardType, AreaChart, AreaChartProps, AsyncCombobox, AsyncComboboxProps, AsyncMultiSelect, AsyncMultiSelectOption, AsyncMultiSelectProps, Avatar, AvatarProps, BarChart, BarChartProps, BarSize, BasicDetailsCard, BasicDetailsCardProps, Button, ButtonProps, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, CalendarProps, Carousel, CarouselItem, CarouselNavigationState, CarouselNavigationStyle, CarouselOrientation, CarouselProps, ChartCategoryColorKey, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSeriesColorKey, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, CircularProgressProps, Code, CodeProps, CollapsibleCard, CollapsibleCardProps, ComboboxOption, ComposedChart, ComposedChartProps, ComposedChartSeries, ConfirmationDialog, ConfirmationDialogProps, ContentContainer, ContentContainerMaxWidth, ContentContainerProps, CopiableText, CopiableTextProps, CopyButton, CopyButtonProps, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DataTableProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerCommittedRange, DateRangePickerDraftRange, DateRangePickerPresetId, DateRangePickerProps, DateTimePicker, DateTimePickerProps, DeviceIcon, DeviceIconProps, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DonutChart, DonutChartProps, DonutDatum, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, DynamicList, DynamicListEntry, DynamicListMetaEntry, DynamicListMetaType, DynamicListProps, FileInput, FileInputProps, FileUpload, FileUploadProps, FlashButton, FlashButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullSizeErrorProps, FullscreenDialog, FullscreenDialogProps, GlitchText, GlitchTextProps, GoBackLinkData, GradientText, GradientTextProps, HighlightText, HighlightTextProps, IconAvatar, IconAvatarProps, IconAvatarRingProps, IconAvatarVariant, IconTextActionCard, IconTextActionCardProps, IconTextActionCardVariant, Illustration, IllustrationProps, IllustrationType, InlineError, InlineErrorProps, Input, InputOTP, InputOTPProps, InputOTPSeparator, InputPassword, InvertButton, InvertButtonProps, KeyValueManager, KeyValueManagerFieldMeta, KeyValueManagerItem, KeyValueManagerLabels, KeyValueManagerProps, LineChart, LineChartProps, LineStrokeWidth, Link, LinkColor, LinkProps, List, ListDetails, ListDetailsItem, ListDetailsProps, ListDetailsTitleListPanelColumnWidth, LottieAnimationContainer, LottieAnimationContainerProps, MarkdownContent, MarkdownContentProps, Menu, MenuProps, MonospaceContent, MonospaceContentProps, NavBar, NavBarMenuItem, NavBarPosition, NavBarProps, NoDataCard, NoDataCardProps, OverflowBadgeList, OverflowBadgeListColor, OverflowBadgeListProps, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerMaxWidth, PageContainerProps, PageContainerSkeleton, PageContainerSkeletonProps, Pagination, PaginationProps, PopCollectionItem, PopCollectionItemProps, PreviewCard, PreviewCardBackdrop, PreviewCardBackdropProps, PreviewCardPanel, PreviewCardPanelProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, ProgressBar, ProgressBarProps, ProgressBarSegment, RadioGroup, RadioGroupProps, RadioGroupSize, RadioOption, RequirementList, RequirementListItem, RequirementListProps, RequirementListSize, ScrollArea, ScrollBar, ScrollableSections, ScrollableSectionsContentProps, ScrollableSectionsProps, ScrollableSectionsTabProps, ScrollableSectionsTabsProps, SearchBox, SearchBoxProps, SearchMeta, SectionCard, SectionCardProps, SectionCardSize, SectionCardVariant, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SelectableCardList, SelectableCardListElement, SelectableCardListItem, SelectableCardListMultiProps, SelectableCardListProps, SelectableCardListSingleProps, SelectableCardListSize, Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps, ShimmeringText, ShimmeringTextProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, SimpleCardProps, SimpleClickableCard, SimpleClickableCardProps, SimpleClickableCardSharedProps, SimpleClickableCardVariant, SimpleInfoCard, SimpleInfoCardProps, SimpleList, SimpleListAvatarSize, SimpleListIconStyle, SimpleListItem, SimpleListItemDirection, SimpleListProps, SimplePaginatedList, SimplePaginatedListItem, SimplePaginatedListProps, SimplePaginatedListSize, SimplifiedDate, SimplifiedDateProps, Spinner, SpinnerProps, StatCard, StatCardProps, StatCardSize, StatCardValueType, StatusBadge, StatusBadgeProps, StatusCardList, StatusCardListItem, StatusCardListProps, StatusCardListSize, StatusCardState, Switch, SwitchProps, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContentProps, TabsContents, TabsContentsProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Tag, TagInput, TagInputProps, TagProps, Textarea, TextareaProps, TimePicker, TimePickerProps, Toast, ToastColor, ToastId, ToastInput, ToastOptions, ToastProps, ToastToasterProps, ToastType, ToastVariant, Toaster, TogglableItem, TogglableItemsList, TogglableItemsListProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipTrigger, TooltipTriggerProps, TransferItem, TransferList, TransferListProps, TreemapAnimationEasing, TreemapChart, TreemapChartProps, TreemapDatum, TreemapTileLabelStyle, Typography, TypographyProps, TypographyVariant, UserType, UserTypeBadge, UserTypeBadgeProps, UserTypeBadgeRegistryItem, VerificationInProgress, VerificationInProgressProps, VerticalStepper, VerticalStepperProps, VerticalStepperSize, VerticalStepperStep, VerticalStepperStepStatus, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, parseTextMarkup, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from './components/index.js';
+export { Accordion, AccordionItem, AccordionProps, AccordionSize, AdvancedSearchBox, AdvancedSearchBoxProps, Alert, AlertColor, AlertIconAvatarVariant, AlertProps, AlertSize, AlertType, AlertVariant, AnimatedCard, AnimatedCardProps, AnimatedCardType, AreaChart, AreaChartProps, AsyncCombobox, AsyncComboboxProps, AsyncMultiSelect, AsyncMultiSelectOption, AsyncMultiSelectProps, Avatar, AvatarProps, BarChart, BarChartProps, BarSize, BasicDetailsCard, BasicDetailsCardProps, Button, ButtonProps, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, CalendarProps, Carousel, CarouselItem, CarouselNavigationState, CarouselNavigationStyle, CarouselOrientation, CarouselProps, ChartCategoryColorKey, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSeriesColorKey, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, CircularProgressProps, Code, CodeEditor, CodeEditorProps, CodeProps, CollapsibleCard, CollapsibleCardProps, ComboboxOption, ComposedChart, ComposedChartProps, ComposedChartSeries, ConfirmationDialog, ConfirmationDialogProps, ContentContainer, ContentContainerMaxWidth, ContentContainerProps, CopiableText, CopiableTextProps, CopyButton, CopyButtonProps, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DataTableProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerCommittedRange, DateRangePickerDraftRange, DateRangePickerPresetId, DateRangePickerProps, DateTimePicker, DateTimePickerProps, DeviceIcon, DeviceIconProps, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DonutChart, DonutChartProps, DonutDatum, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, DynamicList, DynamicListEntry, DynamicListMetaEntry, DynamicListMetaType, DynamicListProps, FileInput, FileInputProps, FileUpload, FileUploadProps, FlashButton, FlashButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullSizeErrorProps, FullscreenDialog, FullscreenDialogProps, GlitchText, GlitchTextProps, GoBackLinkData, GradientText, GradientTextProps, HighlightText, HighlightTextProps, IconAvatar, IconAvatarProps, IconAvatarRingProps, IconAvatarVariant, IconTextActionCard, IconTextActionCardProps, IconTextActionCardVariant, Illustration, IllustrationProps, IllustrationType, InlineError, InlineErrorProps, Input, InputOTP, InputOTPProps, InputOTPSeparator, InputPassword, InvertButton, InvertButtonProps, KeyValueManager, KeyValueManagerFieldMeta, KeyValueManagerItem, KeyValueManagerLabels, KeyValueManagerProps, LineChart, LineChartProps, LineStrokeWidth, Link, LinkColor, LinkProps, List, ListDetails, ListDetailsItem, ListDetailsProps, ListDetailsTitleListPanelColumnWidth, LottieAnimationContainer, LottieAnimationContainerProps, MarkdownContent, MarkdownContentProps, Menu, MenuProps, MonospaceContent, MonospaceContentProps, NavBar, NavBarMenuItem, NavBarPosition, NavBarProps, NoDataCard, NoDataCardProps, OverflowBadgeList, OverflowBadgeListColor, OverflowBadgeListProps, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerMaxWidth, PageContainerProps, PageContainerSkeleton, PageContainerSkeletonProps, Pagination, PaginationProps, PopCollectionItem, PopCollectionItemProps, PreviewCard, PreviewCardBackdrop, PreviewCardBackdropProps, PreviewCardPanel, PreviewCardPanelProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, ProgressBar, ProgressBarProps, ProgressBarSegment, ROLLING_PRESET_IDS, RadioGroup, RadioGroupProps, RadioGroupSize, RadioOption, RequirementList, RequirementListItem, RequirementListProps, RequirementListSize, ScrollArea, ScrollBar, ScrollableSections, ScrollableSectionsContentProps, ScrollableSectionsProps, ScrollableSectionsTabProps, ScrollableSectionsTabsProps, SearchBox, SearchBoxProps, SearchMeta, SectionCard, SectionCardProps, SectionCardSize, SectionCardVariant, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SelectableCardList, SelectableCardListElement, SelectableCardListItem, SelectableCardListMultiProps, SelectableCardListProps, SelectableCardListSingleProps, SelectableCardListSize, Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps, ShimmeringText, ShimmeringTextProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, SimpleCardProps, SimpleClickableCard, SimpleClickableCardProps, SimpleClickableCardSharedProps, SimpleClickableCardVariant, SimpleInfoCard, SimpleInfoCardProps, SimpleList, SimpleListAvatarSize, SimpleListIconStyle, SimpleListItem, SimpleListItemDirection, SimpleListProps, SimplePaginatedList, SimplePaginatedListItem, SimplePaginatedListProps, SimplePaginatedListSize, SimplifiedDate, SimplifiedDateProps, Spinner, SpinnerProps, StatCard, StatCardProps, StatCardSize, StatCardValueType, StatusBadge, StatusBadgeProps, StatusCardList, StatusCardListItem, StatusCardListProps, StatusCardListSize, StatusCardState, Switch, SwitchProps, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContentProps, TabsContents, TabsContentsProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Tag, TagInput, TagInputProps, TagProps, Textarea, TextareaProps, TimePicker, TimePickerProps, Toast, ToastColor, ToastId, ToastInput, ToastOptions, ToastProps, ToastToasterProps, ToastType, ToastVariant, Toaster, TogglableItem, TogglableItemsList, TogglableItemsListProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipTrigger, TooltipTriggerProps, TransferItem, TransferList, TransferListProps, TreemapAnimationEasing, TreemapChart, TreemapChartProps, TreemapDatum, TreemapTileLabelStyle, Typography, TypographyProps, TypographyVariant, UserType, UserTypeBadge, UserTypeBadgeProps, UserTypeBadgeRegistryItem, VerificationInProgress, VerificationInProgressProps, VerticalStepper, VerticalStepperProps, VerticalStepperSize, VerticalStepperStep, VerticalStepperStepStatus, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, parseTextMarkup, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from './components/index.js';
 export { L as LIST_CLASS_NAMES, a as ListGroup, b as ListItem, c as ListItemSize, d as ListItemVariant, e as ListLinkComponentProps, f as ListProps, g as ListRole } from './list.props-x1j3CbcF.js';
 export { S as SidebarEndActionConfig, a as SidebarGroupConfig, b as SidebarItemConfig, c as SidebarLinkComponentProps, d as SidebarNavEntry, e as SidebarProps, f as SidebarTopLevelLinkConfig, i as isSidebarGroup } from './types-DtUxK-Am.js';
 export { AnimatedRainmakerLogo, AnimatedRainmakerLogoProps, AppLogo, CopyrightCard, CopyrightCardProps, FooterCard, MyAccountMenu, MyAccountMenuProps, PageLoader, ProfileCard, ProfileCardProps } from './common/index.js';

package/dist/index.js

@@ -1,5 +1,5 @@
-export { CopyrightCard, PageLoader } from './chunk-WR54R7J6.js';
-export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DynamicList, FileInput, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, NavBar, no_data_card_default as NoDataCard, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from './chunk-X7LDLZBT.js';
+export { CopyrightCard, PageLoader } from './chunk-HYSNJBDF.js';
+export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CodeEditor, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DynamicList, FileInput, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, NavBar, no_data_card_default as NoDataCard, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, ROLLING_PRESET_IDS, RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from './chunk-IYMCZTJ5.js';
 export { Badge, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Label, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, badgeVariants, buttonGroupVariants, resolveVariantStyles } from './chunk-ABBHGIFI.js';
 export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from './chunk-6RJAKSPV.js';
 export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from './chunk-45DCL46L.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@espressif/dashboard-ui-components",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Reusable React UI components, page layouts, and utilities — Espressif's dashboard design system.",
   "keywords": [
     "react",

package/src/styles/colors.css

@@ -98,7 +98,8 @@
   /* ─── Border & Input ─── */
   --color-border: #e1e1e1;
   --color-input: #e1e1e1;
-  --color-ring: #0053c2;
+  /* Follows primary so a theme that re-colours primary gets matching focus rings. */
+  --color-ring: var(--color-primary);
 
   /* ─── MD3 Surface Hierarchy ─── */
   --color-surface: #f8f8f8;
@@ -238,7 +239,7 @@
   /* Border & Input */
   --color-border: #292929;
   --color-input: #292929;
-  --color-ring: #7cd9ff;
+  --color-ring: var(--color-primary);
 
   /* MD3 Surface Hierarchy */
   --color-surface: #0b0b0b;