@espressif/dashboard-ui-components 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -4,6 +4,39 @@ All notable changes to this project are documented here. The format is based on
 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres
 to [Semantic Versioning](https://semver.org/).
 
+## [1.4.0] - 2026-09-18
+
+A minor release that lets `ConfirmationDialog` be opened without a trigger, and
+makes `DynamicList` value treatments finally honour the list's `size`.
+
+### Added
+- **`ConfirmationDialog`** — `open` / `onOpenChange` for controlled open state.
+  Omit them and the dialog behaves exactly as before, opening from `children` as
+  its trigger. Supplying `open` lets the dialog be opened from somewhere that
+  cannot host a trigger, such as a `Menu` / `List` item. `children` is now
+  optional in practice as well as in the types: the `DialogTrigger` is rendered
+  only when `children` is supplied.
+- **`ConfirmationDialog`** — `cancelButtonStartIcon` and `confirmButtonEndIcon`
+  for icons on the two action buttons. Both default to no icon, so existing
+  dialogs are unchanged.
+- **`CopiableText`** — `size` (`"sm" | "default" | "lg"`, default `"default"`)
+  scaling the row height and the copy button. Pass any `actions` at a matching
+  size so the segmented button group stays even.
+- **`MonospaceContent`** — `size` (`"sm" | "default" | "lg"`, default
+  `"default"`) scaling the title, the value text, the surface padding and both
+  action buttons together.
+
+### Fixed
+- **`DynamicList`** — the `mono`, `info`, `error` and `badge` value treatments
+  ignored the list's `size` and rendered at their own defaults. They now track
+  it. **This changes rendering at the default size:** `mono`, `info` and `error`
+  rows were previously pinned to `Alert`'s own `"sm"` default regardless of the
+  list, so at `size="default"` they now render slightly larger. At `size="sm"`
+  they correctly shrink for the first time. The `badge` treatment no longer
+  hardcodes `text-sm`.
+  The `Code` treatment is deliberately left alone — `Code` owns its own scale
+  for syntax highlighting.
+
 ## [1.3.0] - 2026-09-10
 
 A minor release that adds three new components (`NavBar`, `FileInput`,

package/dist/{chunk-RKAFXJRD.js → chunk-CPVDY4CV.js}

@@ -1,4 +1,4 @@
-import { ProgressBar } from './chunk-O5BFYRPY.js';
+import { ProgressBar } from './chunk-XMEZ2BP6.js';
 import { Card, CardContent } from './chunk-KCMVLNM5.js';
 import { Tooltip2 } from './chunk-UHRNPXO5.js';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-O5BFYRPY.js → chunk-XMEZ2BP6.js}

@@ -56919,13 +56919,26 @@ function Pagination({
 
 // src/components/pagination/pagination.props.ts
 var DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25];
-function CopiableText({ text: text2, actions, alwaysShowActions = false, className }) {
+var COPIABLE_TEXT_SIZE_STYLES = {
+  sm: { row: "min-h-6", action: "size-5" },
+  default: { row: "min-h-7", action: "size-6" },
+  lg: { row: "min-h-8", action: "size-7" }
+};
+function CopiableText({
+  text: text2,
+  actions,
+  alwaysShowActions = false,
+  size = "default",
+  className
+}) {
   const content3 = typeof text2 === "number" ? String(text2) : text2;
+  const sizeStyles9 = COPIABLE_TEXT_SIZE_STYLES[size];
   return /* @__PURE__ */ jsxs(
     "span",
     {
       className: cn(
-        "relative inline-flex min-h-7 min-w-0 max-w-full items-center overflow-hidden group/copiable-text",
+        "relative inline-flex min-w-0 max-w-full items-center overflow-hidden group/copiable-text",
+        sizeStyles9.row,
         className
       ),
       children: [
@@ -56945,7 +56958,7 @@ function CopiableText({ text: text2, actions, alwaysShowActions = false, classNa
                 CopyButton,
                 {
                   content: content3,
-                  className: "size-6",
+                  className: sizeStyles9.action,
                   variant: "outline",
                   size: "sm",
                   hoverScale: 1,
@@ -59459,10 +59472,19 @@ function ConfirmationDialog({
   confirmButtonVariant = "default",
   cancelButtonColor,
   confirmButtonColor = "error",
+  cancelButtonStartIcon,
+  confirmButtonEndIcon,
   isLoading = false,
-  error = null
+  error = null,
+  open,
+  onOpenChange
 }) {
-  const [open, setOpen] = useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const isOpen = open ?? uncontrolledOpen;
+  const setOpen = (next) => {
+    setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
   const handleConfirm = async () => {
     try {
       await onConfirm();
@@ -59470,8 +59492,8 @@ function ConfirmationDialog({
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs(Dialog2, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DialogTrigger2, { asChild: true, children }),
+  return /* @__PURE__ */ jsxs(Dialog2, { open: isOpen, onOpenChange: setOpen, children: [
+    children != null && /* @__PURE__ */ jsx(DialogTrigger2, { asChild: true, children }),
     /* @__PURE__ */ jsxs(DialogContent2, { showCloseButton: false, children: [
       /* @__PURE__ */ jsxs(DialogHeader2, { children: [
         /* @__PURE__ */ jsx(DialogTitle2, { className: "leading-relaxed", children: title }),
@@ -59489,6 +59511,7 @@ function ConfirmationDialog({
             fullWidth: false,
             className: "text-foreground",
             disabled: isLoading,
+            startIcon: cancelButtonStartIcon,
             children: cancelButtonText
           }
         ) }),
@@ -59501,6 +59524,7 @@ function ConfirmationDialog({
             color: confirmButtonColor,
             onClick: handleConfirm,
             loading: isLoading,
+            endIcon: confirmButtonEndIcon,
             children: confirmButtonText
           }
         )
@@ -59921,34 +59945,50 @@ function Code({
     }
   );
 }
+var MONOSPACE_SIZE_STYLES = {
+  sm: { title: "text-xs", value: "text-xs", action: "size-5", gap: "gap-1.5" },
+  default: { title: "text-sm", value: "text-sm", action: "size-6", gap: "gap-2" },
+  lg: { title: "text-base", value: "text-base", action: "size-7", gap: "gap-2.5" }
+};
 var MonospaceContent = React10.forwardRef(
-  function MonospaceContent2({ title, value: value2, color = "info", mask: mask2 = false, allowUnmask = true, className }, ref) {
+  function MonospaceContent2({ title, value: value2, color = "info", mask: mask2 = false, allowUnmask = true, size = "default", className }, ref) {
     const [revealed, setRevealed] = React10.useState(false);
     const canUnmask = mask2 && allowUnmask;
     const masked = mask2 && !(canUnmask && revealed);
+    const sizeStyles9 = MONOSPACE_SIZE_STYLES[size];
     const unmaskToggle = canUnmask ? /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         "aria-pressed": !masked,
         onClick: () => setRevealed((prev) => !prev),
-        className: cn(buttonVariants$1({ variant: "outline", size: "sm" }), "size-6"),
+        className: cn(buttonVariants$1({ variant: "outline", size: "sm" }), sizeStyles9.action),
         children: [
           masked ? /* @__PURE__ */ jsx(Eye, { "aria-hidden": true }) : /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": true }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: masked ? "Show value" : "Hide value" })
         ]
       }
     ) : void 0;
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-w-0 max-w-full flex-col gap-2 overflow-hidden", className), children: [
-      title != null && (typeof title === "string" ? /* @__PURE__ */ jsx("div", { className: cn(inputLabelClassName, "title"), children: title }) : /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", as: "div", className: cn(inputLabelClassName, "title"), children: title })),
-      /* @__PURE__ */ jsx(Alert, { variant: "soft", color, type: "info", hideIcon: true, className: cn("min-w-0 max-w-full", "content"), children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-w-0 max-w-full flex-col overflow-hidden", sizeStyles9.gap, className), children: [
+      title != null && (typeof title === "string" ? /* @__PURE__ */ jsx("div", { className: cn(inputLabelClassName, sizeStyles9.title, "title"), children: title }) : /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "subtitle2",
+          as: "div",
+          className: cn(inputLabelClassName, sizeStyles9.title, "title"),
+          children: title
+        }
+      )),
+      /* @__PURE__ */ jsx(Alert, { variant: "soft", color, type: "info", hideIcon: true, size, className: cn("min-w-0 max-w-full", "content"), children: /* @__PURE__ */ jsx(
         CopiableText,
         {
           text: value2,
+          size,
           actions: unmaskToggle,
           alwaysShowActions: mask2,
           className: cn(
             "w-full min-w-0 max-w-full font-mono tabular-nums",
+            sizeStyles9.value,
             // `-webkit-text-security` is inherited, so it reaches the text span while the
             // real value stays intact for the copy button.
             masked && "select-none [-webkit-text-security:disc]"
@@ -60417,14 +60457,17 @@ function wrapTypedValue(value2, rowMeta, key2, opts, effectiveType) {
         {
           variant: "solid",
           color: "gray",
-          className: "w-fit max-w-full self-start text-sm font-medium",
+          className: cn(
+            "w-fit max-w-full self-start font-medium",
+            DYNAMIC_LIST_SIZE_STYLES[opts.size].valueTypography
+          ),
           children: base
         }
       );
     case "info":
-      return /* @__PURE__ */ jsx(Alert, { variant: "soft", color: "info", type: "info", children: base });
+      return /* @__PURE__ */ jsx(Alert, { variant: "soft", color: "info", type: "info", size: opts.size, children: base });
     case "error":
-      return /* @__PURE__ */ jsx(Alert, { variant: "soft", color: "error", type: "error", children: base });
+      return /* @__PURE__ */ jsx(Alert, { variant: "soft", color: "error", type: "error", size: opts.size, children: base });
     case "mono":
       if (rowMeta?.valueRender) {
         return base;
@@ -60449,7 +60492,8 @@ function wrapTypedValue(value2, rowMeta, key2, opts, effectiveType) {
         MonospaceContent,
         {
           value: resolveMonoString(value2, rowMeta, key2),
-          color: "gray"
+          color: "gray",
+          size: opts.size
         }
       );
     case "url":
@@ -60536,7 +60580,7 @@ function DynamicList({
 }) {
   const keyWidthPct = Math.min(100, Math.max(1, keyWidth));
   const valueWidthPct = 100 - keyWidthPct;
-  const resolveOpts = { useIconsForBoolean };
+  const resolveOpts = { useIconsForBoolean, size };
   const sizeStyles9 = DYNAMIC_LIST_SIZE_STYLES[size];
   if (simple) {
     return /* @__PURE__ */ jsx(

package/dist/common/index.js

@@ -1,5 +1,5 @@
-export { CopyrightCard, PageLoader } from '../chunk-RKAFXJRD.js';
-export { AnimatedRainmakerLogo } from '../chunk-O5BFYRPY.js';
+export { CopyrightCard, PageLoader } from '../chunk-CPVDY4CV.js';
+export { AnimatedRainmakerLogo } from '../chunk-XMEZ2BP6.js';
 import '../chunk-KCMVLNM5.js';
 export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-TSNA6BHK.js';
 import '../chunk-UHRNPXO5.js';

package/dist/components/index.d.ts

@@ -17993,9 +17993,16 @@ interface CopiableTextProps {
      * takes layout space, so the text truncates beside the buttons rather than sliding under them.
      */
     alwaysShowActions?: boolean;
+    /**
+     * Scale of the row height and the action buttons. Pass any `actions` at a matching
+     * size so the segmented group stays even.
+     *
+     * @default 'default'
+     */
+    size?: Size;
     className?: string;
 }
-declare function CopiableText({ text, actions, alwaysShowActions, className }: CopiableTextProps): React$1.JSX.Element;
+declare function CopiableText({ text, actions, alwaysShowActions, size, className, }: CopiableTextProps): React$1.JSX.Element;
 
 interface TableSkeletonProps {
     totalRows?: number;
@@ -18317,10 +18324,21 @@ interface ConfirmationDialogProps {
     confirmButtonVariant?: ButtonProps$1["variant"];
     cancelButtonColor?: ButtonProps$1["color"];
     confirmButtonColor?: ButtonProps$1["color"];
+    /** Leading icon on the cancel button. Omit for no icon. */
+    cancelButtonStartIcon?: React.ReactNode;
+    /** Trailing icon on the confirm button. Omit for no icon. */
+    confirmButtonEndIcon?: React.ReactNode;
     isLoading?: boolean;
     error?: string | React.ReactNode | null;
+    /**
+     * Controlled open state. Omit to let the dialog manage its own, driven by `children`
+     * as the trigger. Use this to open the dialog from somewhere that cannot host a
+     * trigger, such as a menu item.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-declare function ConfirmationDialog({ title, description, onConfirm, onCancel, children, cancelButtonText, confirmButtonText, cancelButtonVariant, confirmButtonVariant, cancelButtonColor, confirmButtonColor, isLoading, error, }: ConfirmationDialogProps): React$1.JSX.Element;
+declare function ConfirmationDialog({ title, description, onConfirm, onCancel, children, cancelButtonText, confirmButtonText, cancelButtonVariant, confirmButtonVariant, cancelButtonColor, confirmButtonColor, cancelButtonStartIcon, confirmButtonEndIcon, isLoading, error, open, onOpenChange, }: ConfirmationDialogProps): React$1.JSX.Element;
 
 type PreviewCardProps$1 = React$1.ComponentProps<typeof PreviewCard$1.Root> & {
     followCursor?: boolean | 'x' | 'y';
@@ -18733,6 +18751,12 @@ interface MonospaceContentProps {
      * @default true
      */
     allowUnmask?: boolean;
+    /**
+     * Scale of the title, value text, surface padding and action buttons.
+     *
+     * @default "default"
+     */
+    size?: Size;
     className?: string;
 }
 

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, 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-O5BFYRPY.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, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, 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-XMEZ2BP6.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-KCMVLNM5.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-UHRNPXO5.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, Separator, Skeleton, buttonVariants, useIsMobile } from '../chunk-7BO76CNB.js';

package/dist/index.js

@@ -1,5 +1,5 @@
-export { CopyrightCard, PageLoader } from './chunk-RKAFXJRD.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, 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-O5BFYRPY.js';
+export { CopyrightCard, PageLoader } from './chunk-CPVDY4CV.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, 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-XMEZ2BP6.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-KCMVLNM5.js';
 export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from './chunk-RCRU3JW2.js';
 export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from './chunk-TSNA6BHK.js';

package/package.json

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