@espressif/dashboard-ui-components 1.2.1 → 1.2.2

package/CHANGELOG.md

@@ -4,6 +4,34 @@ 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.2.2] - 2026-09-02
+
+A patch release with layout and component refinements. No breaking changes.
+
+### Added
+- `Sidebar`: `focusActiveGroup` prop — when enabled, only the group containing
+  the current route is expanded; other groups collapse automatically whenever
+  the active group changes. Users can still expand other groups manually, and
+  those manual expansions persist until the active group changes. Useful for
+  sidebars with many groups where a fully-expanded tree is noisy. Default
+  `false`. Also exposed on `WorkspaceLayout` via
+  `sidebarConfig.focusActiveGroup`.
+- `InputOTP`: `expand` prop — when `true`, slots stretch to fill the parent
+  width, dividing space equally across groups (each group's `flex-grow` is
+  weighted by its slot count so all slots end up the same width). When `false`
+  (default), slots use the existing fixed size based on `size`.
+
+### Changed
+- `PageContainer`: the sticky heading strip now uses a translucent background
+  with a backdrop blur (`bg-background/75 backdrop-blur-xs`) instead of a solid
+  `bg-background`, so content scrolling underneath is subtly visible.
+- `EntryLayout`: reworked scroll behaviour — the outer container is now
+  `h-screen overflow-hidden` and the left panel scrolls internally, so the
+  background image stays viewport-locked on long forms. The logo is sticky at
+  the top of the scroll area with the same translucent backdrop-blur treatment
+  as `PageContainer`, and the footer sits at the bottom of the scrollable
+  content instead of being pinned to the viewport edge.
+
 ## [1.2.1] - 2026-08-27
 
 A patch release that adds one new component (`StatusBadge`). No breaking

package/dist/{chunk-SYEKNRS5.js → chunk-4J5RO6E2.js}

@@ -1,4 +1,4 @@
-import { Avatar, Menu, List, Button, Link } from './chunk-34PXJOCS.js';
+import { Avatar, Menu, List, Button, Link } from './chunk-KGOWRVSU.js';
 import { cn } from './chunk-VU4CZ76T.js';
 import { motion, AnimatePresence } from 'framer-motion';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-NHTMHKOR.js → chunk-IEHT62YM.js}

@@ -1,6 +1,6 @@
-import { ProgressBar } from './chunk-KEMHD3KP.js';
+import { ProgressBar } from './chunk-YWRID3U3.js';
 import { Card, CardContent } from './chunk-JPMN2UMF.js';
-import { Tooltip2 } from './chunk-34PXJOCS.js';
+import { Tooltip2 } from './chunk-KGOWRVSU.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function CopyrightCard({

package/dist/{chunk-34PXJOCS.js → chunk-KGOWRVSU.js}

@@ -3,7 +3,7 @@ import { cn, resolveColor, isPresetColor } from './chunk-VU4CZ76T.js';
 import { LoaderCircle, EyeOffIcon, EyeIcon, User, CheckIcon, CircleIcon, ChevronRightIcon, ArrowUpRightIcon, CopyIcon, XIcon, PanelLeftIcon, X, ChevronDown, CircleDot, Circle, ChevronRight } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useMemo, useRef, useEffect } from 'react';
+import React__default, { useState, useMemo, useEffect, useRef } from 'react';
 import { Slot as Slot$2, DropdownMenu as DropdownMenu$1, Dialog } from 'radix-ui';
 import { motion, LayoutGroup, AnimatePresence, isMotionComponent, useInView } from 'motion/react';
 import * as motion5 from 'motion/react-client';
@@ -3542,21 +3542,35 @@ function Sidebar2({
   footer,
   LinkComponent,
   collapsible = "icon",
-  variant = "sidebar"
+  variant = "sidebar",
+  focusActiveGroup = false
 }) {
   const { state, isMobile, setOpenMobile } = useSidebar();
   const isCollapsed = state === "collapsed";
   const closeMobileSidebar = () => {
     if (isMobile) setOpenMobile(false);
   };
-  const defaultExpanded = useMemo(() => {
+  const activeGroupId = useMemo(() => {
+    for (const entry of items) {
+      if (!isSidebarGroup(entry)) continue;
+      if (entry.items.some((item) => isPathPrefixOf(item.path, currentPath))) {
+        return entry.id;
+      }
+    }
+    return null;
+  }, [items, currentPath]);
+  const [expandedGroups, setExpandedGroups] = useState(() => {
+    if (focusActiveGroup && activeGroupId) return /* @__PURE__ */ new Set([activeGroupId]);
     const set = /* @__PURE__ */ new Set();
     for (const entry of items) {
       if (isSidebarGroup(entry) && entry.defaultExpanded !== false) set.add(entry.id);
     }
     return set;
-  }, [items]);
-  const [expandedGroups, setExpandedGroups] = useState(defaultExpanded);
+  });
+  useEffect(() => {
+    if (!focusActiveGroup || !activeGroupId) return;
+    setExpandedGroups(/* @__PURE__ */ new Set([activeGroupId]));
+  }, [focusActiveGroup, activeGroupId]);
   const toggleGroup = (id, open) => {
     setExpandedGroups((prev) => {
       const next = new Set(prev);

package/dist/{chunk-W2L5GRI2.js → chunk-XDY5H3S3.js}

@@ -1,5 +1,5 @@
-import { FooterCard, MyAccountMenu, ProfileCard, AppLogo } from './chunk-SYEKNRS5.js';
-import { useSidebar, SidebarTrigger, SidebarProvider, Sidebar2, SidebarInset, parseTextMarkup, isPathPrefixOf, isSidebarGroup } from './chunk-34PXJOCS.js';
+import { FooterCard, MyAccountMenu, ProfileCard, AppLogo } from './chunk-4J5RO6E2.js';
+import { useSidebar, SidebarTrigger, SidebarProvider, Sidebar2, SidebarInset, parseTextMarkup, isPathPrefixOf, isSidebarGroup } from './chunk-KGOWRVSU.js';
 import { Button, Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from './chunk-F5P6S7K2.js';
 import { cn } from './chunk-VU4CZ76T.js';
 import { Menu, Palette, Check, Globe, LogOut } from 'lucide-react';
@@ -421,7 +421,8 @@ function WorkspaceLayout({
             footer: sidebarFooter,
             LinkComponent: sidebarConfig.LinkComponent,
             collapsible: sidebarConfig.allowCollapsible ? "icon" : "none",
-            variant: sidebarConfig.variant
+            variant: sidebarConfig.variant,
+            focusActiveGroup: sidebarConfig.focusActiveGroup
           }
         ),
         /* @__PURE__ */ jsxs(SidebarInset, { className: "overflow-hidden h-dvh max-h-dvh", children: [
@@ -466,14 +467,14 @@ function EntryLayout({
 }) {
   const bgImage = backgroundImageUrl ?? entry_layout_bg_default;
   const resolvedLogo = logo !== void 0 ? logo : logoAssets ? /* @__PURE__ */ jsx(AppLogo, { logo: logoAssets, darkMode, width: 256 }) : appName ? /* @__PURE__ */ jsx(AppLogo, { name: appName, darkMode, width: 256 }) : null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen w-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "w-[40%] flex flex-col py-12 px-10 bg-gradient-to-b from-background to-transparent max-xl:w-full max-xl:py-8 max-xl:px-5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
-        resolvedLogo !== null && /* @__PURE__ */ jsx("div", { className: "shrink-0 flex justify-center mb-12", children: resolvedLogo }),
-        children
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "shrink-0 text-center text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(FooterCard, {}) })
-    ] }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen overflow-hidden w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-[40%] flex flex-col overflow-y-auto bg-gradient-to-b from-background to-transparent max-xl:w-full max-xl:py-8 max-xl:px-5", children: /* @__PURE__ */ jsxs("div", { className: "main-content-wrapper h-full flex flex-col justify-center", children: [
+      resolvedLogo !== null && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 shrink-0 flex justify-center py-6 bg-background/75 backdrop-blur-xs w-full logo-wrapper", children: resolvedLogo }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center main-content", children }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 text-center text-xs text-muted-foreground footer-card-wrapper py-10", children: /* @__PURE__ */ jsx(FooterCard, {}) })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsx(
       "div",
       {

package/dist/{chunk-KEMHD3KP.js → chunk-YWRID3U3.js}

@@ -1,5 +1,5 @@
 import { Card, CardHeader, CardTitle, CardDescription, CardContent, Label, Badge, Popover, PopoverTrigger, PopoverContent, resolveVariantStyles, VariantGradientUnderlay, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, VARIANT_GRADIENT_BACKDROP_BASE, SILVER_GRADIENT_BACKDROP, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, arbitraryGradientBackgroundImage, SilverShineOverlay, SilverMetallicBorderOverlay, buttonGroupVariants, useIsInView } from './chunk-JPMN2UMF.js';
-import { Button, inputLabelClassName, Input, Tooltip2, TooltipProvider, buttonVariants as buttonVariants$1, CopyButton, Link, Tooltip, TooltipTrigger, TooltipContent, HighlightItem, Slot as Slot$1, Highlight, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem } from './chunk-34PXJOCS.js';
+import { Button, inputLabelClassName, Input, Tooltip2, TooltipProvider, buttonVariants as buttonVariants$1, CopyButton, Link, Tooltip, TooltipTrigger, TooltipContent, HighlightItem, Slot as Slot$1, Highlight, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem } from './chunk-KGOWRVSU.js';
 import { getStrictContext, buttonVariants, Separator, CollapsibleContent, Collapsible, CollapsibleTrigger, Skeleton, Avatar, AvatarFallback, useControlledState } from './chunk-F5P6S7K2.js';
 import { cn, resolveColor, isPresetColor } from './chunk-VU4CZ76T.js';
 import { __commonJS, __toESM } from './chunk-TRTQSARU.js';
@@ -53387,6 +53387,11 @@ var slotSizeClasses = {
   default: "h-10 w-10 text-base md:text-sm",
   lg: "h-12 w-12 text-lg"
 };
+var slotExpandedSizeClasses = {
+  sm: "h-8 text-xs",
+  default: "h-10 text-base md:text-sm",
+  lg: "h-12 text-lg"
+};
 var InputOTPSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -53402,6 +53407,7 @@ InputOTPSeparator.displayName = "InputOTPSeparator";
 var SlotBox = ({
   index: index2,
   size,
+  expand,
   rounded,
   hasError,
   cornerClass
@@ -53425,7 +53431,7 @@ var SlotBox = ({
         // The wrapping row overrides the leading/trailing radii on interior
         // slots so groups read as one connected pill/box.
         cornerClass,
-        slotSizeClasses[size]
+        expand ? cn("min-w-0 flex-1", slotExpandedSizeClasses[size]) : slotSizeClasses[size]
       ),
       children: [
         char,
@@ -53477,6 +53483,7 @@ var InputOTP = React8.forwardRef(
     allowAlphaNumeric,
     regex,
     separators,
+    expand,
     value: value2,
     defaultValue,
     onChange,
@@ -53556,30 +53563,39 @@ var InputOTP = React8.forwardRef(
           "aria-describedby": describedBy,
           containerClassName: cn(
             "flex items-center gap-2 has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed",
+            expand && "w-full",
             containerClassName
           ),
           ...restProps,
           children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React8.Fragment, { children: [
             groupIndex > 0 && /* @__PURE__ */ jsx(InputOTPSeparator, {}),
-            /* @__PURE__ */ jsx("div", { className: cn("flex items-center", className), children: group.map((slotIndex, positionInGroup) => {
-              const isFirst = positionInGroup === 0;
-              const isLast = positionInGroup === group.length - 1;
-              const cornerClass = cn(
-                !isFirst && "-ms-px rounded-s-none",
-                !isLast && "rounded-e-none"
-              );
-              return /* @__PURE__ */ jsx(
-                SlotBox,
-                {
-                  index: slotIndex,
-                  size: effectiveSize,
-                  rounded: !!rounded,
-                  hasError,
-                  cornerClass
-                },
-                slotIndex
-              );
-            }) })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("flex items-center", className),
+                style: expand ? { flex: `${group.length} 1 0%` } : void 0,
+                children: group.map((slotIndex, positionInGroup) => {
+                  const isFirst = positionInGroup === 0;
+                  const isLast = positionInGroup === group.length - 1;
+                  const cornerClass = cn(
+                    !isFirst && "-ms-px rounded-s-none",
+                    !isLast && "rounded-e-none"
+                  );
+                  return /* @__PURE__ */ jsx(
+                    SlotBox,
+                    {
+                      index: slotIndex,
+                      size: effectiveSize,
+                      expand: !!expand,
+                      rounded: !!rounded,
+                      hasError,
+                      cornerClass
+                    },
+                    slotIndex
+                  );
+                })
+              }
+            )
           ] }, `g-${groupIndex}`))
         }
       ),
@@ -66646,7 +66662,7 @@ function PageContainer({
               {
                 className: cn(
                   "flex flex-col gap-2",
-                  "sticky top-0 z-11 bg-background",
+                  "sticky top-0 z-11 bg-background/75 backdrop-blur-xs",
                   elevateHeading && "shadow-md shadow-accent/30"
                 ),
                 children: [

package/dist/common/index.js

@@ -1,8 +1,8 @@
-export { CopyrightCard, PageLoader } from '../chunk-NHTMHKOR.js';
-export { AnimatedRainmakerLogo } from '../chunk-KEMHD3KP.js';
+export { CopyrightCard, PageLoader } from '../chunk-IEHT62YM.js';
+export { AnimatedRainmakerLogo } from '../chunk-YWRID3U3.js';
 import '../chunk-JPMN2UMF.js';
-export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-SYEKNRS5.js';
-import '../chunk-34PXJOCS.js';
+export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-4J5RO6E2.js';
+import '../chunk-KGOWRVSU.js';
 import '../chunk-F5P6S7K2.js';
 import '../chunk-VU4CZ76T.js';
 import '../chunk-TRTQSARU.js';

package/dist/components/index.d.ts

@@ -6,8 +6,8 @@ import React__default, { ReactNode, CSSProperties, ReactElement, HTMLAttributes,
 import { f as ListProps } from '../list.props-DBDJt4C1.js';
 export { L as LIST_CLASS_NAMES, a as ListGroup, b as ListItem, c as ListItemSize, d as ListItemVariant, e as ListLinkComponentProps, g as ListRole } from '../list.props-DBDJt4C1.js';
 import { HTMLMotionProps, Transition, SpringOptions, UseInViewOptions } from 'motion/react';
-import { e as SidebarProps$1 } from '../types-B_tam56l.js';
-export { S as SidebarEndActionConfig, a as SidebarGroupConfig, b as SidebarItemConfig, c as SidebarLinkComponentProps, d as SidebarNavEntry, f as SidebarTopLevelLinkConfig, i as isSidebarGroup } from '../types-B_tam56l.js';
+import { e as SidebarProps$1 } from '../types-4i2wWAqP.js';
+export { S as SidebarEndActionConfig, a as SidebarGroupConfig, b as SidebarItemConfig, c as SidebarLinkComponentProps, d as SidebarNavEntry, f as SidebarTopLevelLinkConfig, i as isSidebarGroup } from '../types-4i2wWAqP.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Switch as Switch$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
@@ -16381,7 +16381,7 @@ type TooltipContentProps = Omit<TooltipContentProps$1, 'asChild'> & {
 };
 declare function TooltipContent({ className, children, layout, ...props }: TooltipContentProps): React$1.JSX.Element;
 
-declare function Sidebar$1({ items, currentPath, header, headerHeight, footer, LinkComponent, collapsible, variant, }: SidebarProps$1): React$1.JSX.Element;
+declare function Sidebar$1({ items, currentPath, header, headerHeight, footer, LinkComponent, collapsible, variant, focusActiveGroup, }: SidebarProps$1): React$1.JSX.Element;
 
 interface InputProps extends Omit<React$1.ComponentProps<"input">, "size"> {
     label?: React$1.ReactNode;
@@ -17325,6 +17325,11 @@ interface InputOTPProps {
      * Ignored (with a `console.warn`) when the sum does not equal `length`.
      */
     separators?: number[];
+    /**
+     * When `true`, slots stretch to fill the parent width, dividing space equally.
+     * When `false` (default), slots use a fixed size based on the `size` prop.
+     */
+    expand?: boolean;
     /** Controlled value. */
     value?: string;
     /** Uncontrolled initial value. */

package/dist/components/index.js

@@ -1,6 +1,6 @@
-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, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, 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-KEMHD3KP.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, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, 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-YWRID3U3.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-JPMN2UMF.js';
-export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, 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-34PXJOCS.js';
+export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, 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-KGOWRVSU.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, Separator, Skeleton, buttonVariants, useIsMobile } from '../chunk-F5P6S7K2.js';
 import '../chunk-VU4CZ76T.js';
 import '../chunk-TRTQSARU.js';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { A as AppName, C as Color, P as PresetColor, S as Size } from './index-C
 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 Skeleton, V as VARIANTS, z as VARIANT_GRADIENT_BACKDROP_BASE, A as VARIANT_GRADIENT_DURATION_CLASS, D as VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, E as VARIANT_GRADIENT_TRANSITION_DURATION_MS, F as Variant, G as VariantStyles, H as arbitraryGradientBackgroundImage, I as badgeVariants, J as buttonGroupVariants, K as buttonVariants, M as resolveVariantStyles, N as useIsMobile } from './popover-CRznb4Q7.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, 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, FileUpload, FileUploadProps, 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, 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 { 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-DBDJt4C1.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-B_tam56l.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-4i2wWAqP.js';
 export { AnimatedRainmakerLogo, AnimatedRainmakerLogoProps, AppLogo, CopyrightCard, CopyrightCardProps, FooterCard, MyAccountMenu, MyAccountMenuProps, PageLoader, ProfileCard, ProfileCardProps } from './common/index.js';
 export { A as AppLogoProps, L as LogoAsset, a as LogoAssetConfig, b as LogoVariantSet } from './app-logo.props-TKCDuodn.js';
 export { AccountMenu, AccountMenuProps, BreadcrumbItemConfig, EntryLayout, EntryLayoutProps, LanguageOption, WorkspaceFooter, WorkspaceFooterConfig, WorkspaceFooterProps, WorkspaceHeader, WorkspaceHeaderConfig, WorkspaceHeaderProps, WorkspaceLayout, WorkspaceLayoutProps, WorkspaceSidebarConfig } from './layouts/index.js';

package/dist/index.js

@@ -1,9 +1,9 @@
-export { CopyrightCard, PageLoader } from './chunk-NHTMHKOR.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, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, 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-KEMHD3KP.js';
+export { CopyrightCard, PageLoader } from './chunk-IEHT62YM.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, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, 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-YWRID3U3.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-JPMN2UMF.js';
-export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from './chunk-W2L5GRI2.js';
-export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from './chunk-SYEKNRS5.js';
-export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, 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-34PXJOCS.js';
+export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from './chunk-XDY5H3S3.js';
+export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from './chunk-4J5RO6E2.js';
+export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, 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-KGOWRVSU.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, Separator, Skeleton, buttonVariants, useControlledState, useIsMobile } from './chunk-F5P6S7K2.js';
 export { cn } from './chunk-VU4CZ76T.js';
 import './chunk-TRTQSARU.js';

package/dist/layouts/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode, ComponentType } from 'react';
-import { d as SidebarNavEntry, c as SidebarLinkComponentProps } from '../types-B_tam56l.js';
-export { f as SidebarTopLevelLinkConfig, i as isSidebarGroup } from '../types-B_tam56l.js';
+import { d as SidebarNavEntry, c as SidebarLinkComponentProps } from '../types-4i2wWAqP.js';
+export { f as SidebarTopLevelLinkConfig, i as isSidebarGroup } from '../types-4i2wWAqP.js';
 import { a as ListGroup } from '../list.props-DBDJt4C1.js';
 import { C as Color, A as AppName } from '../index-Cv9vHALn.js';
 import { a as LogoAssetConfig } from '../app-logo.props-TKCDuodn.js';
@@ -29,6 +29,13 @@ interface WorkspaceSidebarConfig {
     variant?: "sidebar" | "floating" | "inset";
     /** Path to navigate when clicking the sidebar logo (e.g. "/" or "/dashboard"). */
     indexPath?: string;
+    /**
+     * When true, only the group containing the current route is expanded; other
+     * groups collapse whenever the active group changes. Users can still expand
+     * others manually — those expansions persist until the active group changes.
+     * Useful for sidebars with many groups. Default false.
+     */
+    focusActiveGroup?: boolean;
 }
 interface BreadcrumbItemConfig {
     label: string;

package/dist/layouts/index.js

@@ -1,6 +1,6 @@
-export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from '../chunk-W2L5GRI2.js';
-import '../chunk-SYEKNRS5.js';
-export { isSidebarGroup } from '../chunk-34PXJOCS.js';
+export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from '../chunk-XDY5H3S3.js';
+import '../chunk-4J5RO6E2.js';
+export { isSidebarGroup } from '../chunk-KGOWRVSU.js';
 import '../chunk-F5P6S7K2.js';
 import '../chunk-VU4CZ76T.js';
 import '../chunk-TRTQSARU.js';

package/dist/{types-B_tam56l.d.ts → types-4i2wWAqP.d.ts}

@@ -81,6 +81,17 @@ type SidebarProps = {
     collapsible?: "icon" | "offcanvas" | "none";
     /** Sidebar variant */
     variant?: "sidebar" | "floating" | "inset";
+    /**
+     * When true, only the group that contains the current route is expanded;
+     * other groups start collapsed and are collapsed again whenever the active
+     * group changes. Users can still expand other groups manually, and those
+     * manual expansions persist until the active group changes.
+     *
+     * Useful for sidebars with many groups where scanning a fully-expanded tree
+     * is noisy. Any per-group `defaultExpanded` is ignored while this is on
+     * (the active group takes precedence). Default false.
+     */
+    focusActiveGroup?: boolean;
 };
 
 export { type SidebarEndActionConfig as S, type SidebarGroupConfig as a, type SidebarItemConfig as b, type SidebarLinkComponentProps as c, type SidebarNavEntry as d, type SidebarProps as e, type SidebarTopLevelLinkConfig as f, isSidebarGroup as i };

package/package.json

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