@espressif/dashboard-ui-components 1.0.0 → 1.1.0

package/dist/{chunk-JOSB72WF.js → chunk-E6IO2DVV.js}

@@ -1,8 +1,8 @@
-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, useIsInView } from './chunk-JPMN2UMF.js';
-import { Button, Input, Tooltip2, TooltipProvider, inputLabelClassName, CopyButton, Link, Tooltip, TooltipTrigger, TooltipContent, HighlightItem, Slot as Slot$1, Highlight, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem } from './chunk-QJVPE3FM.js';
+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, Input, Tooltip2, TooltipProvider, buttonVariants as buttonVariants$1, inputLabelClassName, CopyButton, Link, Tooltip, TooltipTrigger, TooltipContent, HighlightItem, Slot as Slot$1, Highlight, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem } from './chunk-34PXJOCS.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 { ChevronDown, ChevronUp, Check, Upload, X, LoaderCircle, Triangle, Info, Search, ClockIcon, Crown, ShieldCheck, Tag as Tag$1, ChevronRight, CircleAlert, FileCheck, CheckCheck, TriangleAlert, CircleX, ChevronsUpDown, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, CalendarIcon, CalendarRangeIcon, CheckIcon, ChevronLeft, Columns2, ChevronsRight, ChevronsLeft, XIcon, MoveLeft, CircleIcon, Bolt, Plus, ArrowRight, Trash2, Clock, XCircle, CheckCircle2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, Upload, X, LoaderCircle, Triangle, Info, Search, ClockIcon, Crown, ShieldCheck, Tag as Tag$1, ChevronRight, CircleAlert, Eye, EyeOff, Circle, FileCheck, CheckCheck, TriangleAlert, CircleX, ChevronsUpDown, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, CalendarIcon, CalendarRangeIcon, CheckIcon, ChevronLeft, Columns2, ChevronsRight, ChevronsLeft, XIcon, MoveLeft, CircleIcon, Bolt, Plus, ArrowRight, Trash2, Clock, XCircle, CheckCircle2 } from 'lucide-react';
 import * as React7 from 'react';
 import { forwardRef, useMemo, isValidElement, useRef, useState, useCallback, useLayoutEffect, useEffect, useId, Fragment as Fragment$1, Children, cloneElement, createElement } from 'react';
 import { Switch as Switch$1, ToggleGroup as ToggleGroup$1, Dialog as Dialog$1, Accordion as Accordion$1 } from 'radix-ui';
@@ -559,6 +559,7 @@ function SectionCard({
   icon,
   primaryText,
   secondaryText,
+  truncateSecondaryText = true,
   actions,
   allowCollapse = true,
   defaultOpen = true,
@@ -593,7 +594,7 @@ function SectionCard({
     hasIcon && /* @__PURE__ */ jsx(
       "div",
       {
-        className: "flex shrink-0 items-center justify-center",
+        className: "flex shrink-0 self-center items-center justify-center",
         style: variantStyles?.foregroundStyle,
         children: iconSizedForSection(
           icon,
@@ -602,8 +603,15 @@ function SectionCard({
       }
     ),
     hasHeaderText && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-      hasPrimaryText && /* @__PURE__ */ jsx("div", { className: primaryClass, style: variantStyles?.foregroundStyle, children: primaryText }),
-      hasSecondaryText && /* @__PURE__ */ jsx(
+      hasPrimaryText && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("break-words", primaryClass),
+          style: variantStyles?.foregroundStyle,
+          children: primaryText
+        }
+      ),
+      hasSecondaryText && (truncateSecondaryText ? /* @__PURE__ */ jsx(
         TruncatedLineWithTooltip,
         {
           className: secondaryClass,
@@ -611,7 +619,14 @@ function SectionCard({
           tooltipContent: secondaryText,
           children: secondaryText
         }
-      )
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("block min-w-0 break-words", secondaryClass),
+          style: variantStyles?.descriptionStyle,
+          children: secondaryText
+        }
+      ))
     ] })
   ] });
   const chevronButton = /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -31579,6 +31594,7 @@ function ScrollableSectionsRoot({
   defaultValue,
   scrollRootRef,
   stickyTop = DEFAULT_STICKY_TOP,
+  style,
   ...rest
 }) {
   const { tabsEl, contentEls } = partitionChildren(children);
@@ -31589,6 +31605,7 @@ function ScrollableSectionsRoot({
   );
   const sectionsRef = React7.useRef(/* @__PURE__ */ new Map());
   const containerRef = React7.useRef(null);
+  const mobileNavRef = React7.useRef(null);
   const ignoreSpyUntil = React7.useRef(0);
   const prefersReducedMotionRef = React7.useRef(false);
   const didDefaultScrollRef = React7.useRef(false);
@@ -31654,12 +31671,15 @@ function ScrollableSectionsRoot({
     if (orderedIds.length === 0) return;
     const updateActive = () => {
       if (Date.now() < ignoreSpyUntil.current) return;
+      const bar = mobileNavRef.current;
+      const barBottom = bar && bar.offsetHeight > 0 ? bar.getBoundingClientRect().bottom : 0;
+      const threshold = barBottom + SPY_TOP_LEEWAY_PX;
       let next = orderedIds[0];
       for (const id of orderedIds) {
         const el = sectionsRef.current.get(id);
         if (!el) continue;
         const top = el.getBoundingClientRect().top;
-        if (top <= SPY_TOP_LEEWAY_PX) next = id;
+        if (top <= threshold) next = id;
       }
       setActiveId((prev) => prev === next ? prev : next);
     };
@@ -31696,6 +31716,10 @@ function ScrollableSectionsRoot({
         "flex flex-col gap-4 md:flex-row md:items-stretch md:gap-6",
         className
       ),
+      style: {
+        ...style,
+        "--espd-ss-sticky-top": stickyTop
+      },
       ...rest,
       children: [
         tabsEl ? /* @__PURE__ */ jsx("div", { className: "hidden md:flex md:w-[30%] md:max-w-[30%] md:shrink-0 md:flex-col md:items-start", children: /* @__PURE__ */ jsx(
@@ -31707,17 +31731,31 @@ function ScrollableSectionsRoot({
           }
         ) }) : null,
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-4 md:w-[70%]", children: [
-          tabsItems.length > 0 && safeActiveId ? /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: safeActiveId,
-              onValueChange: selectSection,
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Section" }) }),
-                /* @__PURE__ */ jsx(SelectContent, { children: tabsItems.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.id, children: item.label }, item.id)) })
-              ]
-            }
-          ) }) : null,
+          tabsItems.length > 0 && safeActiveId ? (
+            // Sticky on mobile for the same reason the tab strip is sticky on
+            // desktop: it is both the section switcher and the position indicator.
+            // `bg-background` and `pb-2` keep content from showing through as it
+            // scrolls underneath.
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: mobileNavRef,
+                className: "sticky z-10 bg-background pb-2 md:hidden",
+                style: { top: stickyTop },
+                children: /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: safeActiveId,
+                    onValueChange: selectSection,
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full text-sm font-medium", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Section" }) }),
+                      /* @__PURE__ */ jsx(SelectContent, { children: tabsItems.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.id, children: item.label }, item.id)) })
+                    ]
+                  }
+                )
+              }
+            )
+          ) : null,
           /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-8", children: contentEls })
         ] })
       ]
@@ -31782,7 +31820,9 @@ function ScrollableSectionsTabs({
                     value: id,
                     type: "button",
                     className: cn(
-                      "h-auto min-h-9 w-full flex-none justify-start py-2",
+                      // `whitespace-normal` overrides the tabs base class so long labels
+                      // wrap inside the narrow column instead of overflowing it.
+                      "h-auto min-h-9 w-full min-w-0 flex-none justify-start py-2 text-left whitespace-normal",
                       tabClassName
                     ),
                     children: tabChildren != null ? tabChildren : text
@@ -31818,7 +31858,12 @@ function ScrollableSectionsContent({
     {
       ref,
       id,
-      className: cn("scroll-mt-4", className),
+      className: cn(
+        // Below `md` the sticky select overlays the content, so sections have to
+        // land below it: sticky offset + the bar's own height (h-10 + pb-2).
+        "scroll-mt-[calc(var(--espd-ss-sticky-top,1rem)+3rem)] md:scroll-mt-4",
+        className
+      ),
       ...rest,
       children
     }
@@ -38325,7 +38370,10 @@ function Pagination({
     ] }) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-1" })
   ] });
 }
-function CopiableText({ text, className }) {
+
+// src/components/pagination/pagination.props.ts
+var DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25];
+function CopiableText({ text, actions, alwaysShowActions = false, className }) {
   const content2 = typeof text === "number" ? String(text) : text;
   return /* @__PURE__ */ jsxs(
     "span",
@@ -38336,22 +38384,29 @@ function CopiableText({ text, className }) {
       ),
       children: [
         /* @__PURE__ */ jsx("span", { className: "block min-w-0 flex-1 truncate", children: content2 }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "span",
           {
-            className: "absolute right-0 top-1/2 flex -translate-y-1/2 items-center opacity-0 transition-opacity group-hover/copiable-text:opacity-100 group-focus-within/copiable-text:opacity-100",
+            role: actions != null ? "group" : void 0,
+            className: cn(
+              buttonGroupVariants(),
+              alwaysShowActions ? "ml-2 shrink-0" : "absolute right-0 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-hover/copiable-text:opacity-100 group-focus-within/copiable-text:opacity-100"
+            ),
             onClick: (e) => e.stopPropagation(),
-            children: /* @__PURE__ */ jsx(
-              CopyButton,
-              {
-                content: content2,
-                className: "size-6",
-                variant: "outline",
-                size: "sm",
-                hoverScale: 1,
-                tapScale: 0.9
-              }
-            )
+            children: [
+              actions,
+              /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  content: content2,
+                  className: "size-6",
+                  variant: "outline",
+                  size: "sm",
+                  hoverScale: 1,
+                  tapScale: 0.9
+                }
+              )
+            ]
           }
         )
       ]
@@ -38479,7 +38534,6 @@ function DataTableBody({
     row.id
   )) });
 }
-var PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25];
 function DataTable({
   columns,
   data,
@@ -38492,6 +38546,7 @@ function DataTable({
   onPrevPage,
   pageSize = 5,
   onPageSizeChange,
+  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
   showColumnVisibilitySelector = true,
   columnVisibilityLabel = "Columns",
   noResultsHeading = "No results",
@@ -38589,6 +38644,11 @@ function DataTable({
       columnVisibilityCheckedState: checkedState
     };
   }, [columns, columnVisibility]);
+  const canChangePageSize = Boolean(onPageSizeChange);
+  const resolvedPageSizeOptions = useMemo(() => {
+    if (!canChangePageSize || pageSizeOptions.length === 0) return [];
+    return pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort((a, b) => a - b);
+  }, [canChangePageSize, pageSizeOptions, pageSize]);
   const showToolbar = tableActionsContent || showColumnVisibilitySelector;
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
     showToolbar && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 data-table-toolbar", children: [
@@ -38653,7 +38713,7 @@ function DataTable({
         hasNextPage,
         disabled: isFetching,
         currentPageSize: pageSize,
-        pageSizeOptions: PAGE_SIZE_OPTIONS,
+        pageSizeOptions: resolvedPageSizeOptions,
         pageSizeOptionLabel,
         onPageSizeChange: (size) => onPageSizeChange?.(size)
       }
@@ -40682,6 +40742,11 @@ function defaultIconFromColor(color) {
   const t = SEMANTIC_COLOR_TO_TYPE[color];
   return t != null ? typeIconMap[t] : void 0;
 }
+var dismissButtonSizeClasses = {
+  sm: "size-6 [&_svg]:size-3.5",
+  default: "size-7 [&_svg]:size-4",
+  lg: "size-8 [&_svg]:size-4"
+};
 var Alert = React7.forwardRef(
   ({
     icon,
@@ -40696,14 +40761,42 @@ var Alert = React7.forwardRef(
     hideIcon = false,
     action,
     actions,
+    dismissible = false,
+    onDismiss,
+    dismissLabel = "Close alert",
     className
   }, ref) => {
+    const [dismissed, setDismissed] = React7.useState(false);
+    const handleDismiss = React7.useCallback(() => {
+      setDismissed(true);
+      onDismiss?.();
+    }, [onDismiss]);
     const resolvedColor = color ?? (type != null ? typeColorMap[type] : void 0) ?? "primary";
     const resolvedDescription = description != null && children != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
       description,
       children
     ] }) : description ?? children;
     const resolvedIcon = hideIcon ? void 0 : icon ?? (type != null ? typeIconMap[type] : void 0) ?? defaultIconFromColor(resolvedColor) ?? /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4" });
+    const dismissButton = dismissible ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": dismissLabel,
+        onClick: handleDismiss,
+        className: cn(
+          buttonVariants({ variant: "ghost", size: "icon" }),
+          dismissButtonSizeClasses[size],
+          "shrink-0 text-current opacity-70 hover:bg-current/10 hover:text-current hover:opacity-100"
+        ),
+        children: /* @__PURE__ */ jsx(X, { "aria-hidden": true, strokeWidth: 2 })
+      }
+    ) : null;
+    const providedActions = actions ?? action;
+    const resolvedActions = dismissButton == null ? providedActions : providedActions == null ? dismissButton : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      providedActions,
+      dismissButton
+    ] });
+    if (dismissed) return null;
     return /* @__PURE__ */ jsx(
       IconTextActionCard,
       {
@@ -40715,7 +40808,7 @@ var Alert = React7.forwardRef(
         iconAvatarVariant,
         size,
         variant,
-        actions: actions ?? action,
+        actions: resolvedActions,
         className
       }
     );
@@ -41126,14 +41219,37 @@ function Code({
   );
 }
 var MonospaceContent = React7.forwardRef(
-  function MonospaceContent2({ title, value, color = "info", className }, ref) {
+  function MonospaceContent2({ title, value, color = "info", mask = false, allowUnmask = true, className }, ref) {
+    const [revealed, setRevealed] = React7.useState(false);
+    const canUnmask = mask && allowUnmask;
+    const masked = mask && !(canUnmask && revealed);
+    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"),
+        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(
         CopiableText,
         {
           text: value,
-          className: "w-full min-w-0 max-w-full font-mono tabular-nums"
+          actions: unmaskToggle,
+          alwaysShowActions: mask,
+          className: cn(
+            "w-full min-w-0 max-w-full font-mono tabular-nums",
+            // `-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]"
+          )
         }
       ) })
     ] });
@@ -41718,7 +41834,7 @@ function DynamicList({
   const keyWidthPct = Math.min(100, Math.max(1, keyWidth));
   const valueWidthPct = 100 - keyWidthPct;
   const resolveOpts = { useIconsForBoolean };
-  const sizeStyles8 = DYNAMIC_LIST_SIZE_STYLES[size];
+  const sizeStyles9 = DYNAMIC_LIST_SIZE_STYLES[size];
   if (simple) {
     return /* @__PURE__ */ jsx(
       SimpleList,
@@ -41739,7 +41855,7 @@ function DynamicList({
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", sizeStyles8.listGap, className), children: items.map(({ key, value }) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", sizeStyles9.listGap, className), children: items.map(({ key, value }) => {
     const rowMeta = meta?.[key];
     const effectiveType = resolveEffectiveType(key, value, rowMeta);
     const labelText = resolveRowLabel(key, rowMeta, verbatimKeyLabels);
@@ -41757,7 +41873,7 @@ function DynamicList({
       value,
       key
     );
-    const rowIcon = resolveLegacyRowIcon(rowMeta, sizeStyles8.rowIcon);
+    const rowIcon = resolveLegacyRowIcon(rowMeta, sizeStyles9.rowIcon);
     const hasTypedOrEffectiveMetaLayout = effectiveType != null;
     const rendersPlainStringBadges = !rowMeta?.valueRender && !rowMeta?.valueFormatter && isPlainStringArray(value);
     const usesDefaultStructuredCode = rowUsesDefaultStructuredCode(
@@ -41771,14 +41887,14 @@ function DynamicList({
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: cn("flex w-full min-w-0 items-center", sizeStyles8.rowGap),
+          className: cn("flex w-full min-w-0 items-center", sizeStyles9.rowGap),
           children: [
-            !hideIcon && /* @__PURE__ */ jsx(Avatar, { className: sizeStyles8.avatarSize, children: /* @__PURE__ */ jsx(
+            !hideIcon && /* @__PURE__ */ jsx(Avatar, { className: sizeStyles9.avatarSize, children: /* @__PURE__ */ jsx(
               AvatarFallback,
               {
                 className: cn(
                   "flex items-center justify-center gap-1 border",
-                  sizeStyles8.avatarFallbackTypography
+                  sizeStyles9.avatarFallbackTypography
                 ),
                 children: rowIcon
               }
@@ -41796,7 +41912,7 @@ function DynamicList({
                     {
                       className: cn(
                         "truncate",
-                        sizeStyles8.labelTypography,
+                        sizeStyles9.labelTypography,
                         labelClassName
                       ),
                       style: { flex: `0 0 ${keyWidthPct}%` },
@@ -41808,7 +41924,7 @@ function DynamicList({
                     {
                       className: cn(
                         "flex min-w-0 justify-end text-muted-foreground",
-                        sizeStyles8.valueTypography,
+                        sizeStyles9.valueTypography,
                         usesBadgeArrayLayout ? "flex-1 items-start pt-0.5 text-start" : "items-center"
                       ),
                       style: { flex: `0 0 ${valueWidthPct}%` },
@@ -41838,8 +41954,8 @@ function DynamicList({
         BasicDetailsCard,
         {
           icon: hideIcon ? void 0 : rowIcon,
-          primaryText: /* @__PURE__ */ jsx("span", { className: cn(sizeStyles8.labelTypography, labelClassName), children: labelText }),
-          secondaryText: /* @__PURE__ */ jsx("span", { className: cn(sizeStyles8.valueTypography, valueClassName), children: valueDisplay })
+          primaryText: /* @__PURE__ */ jsx("span", { className: cn(sizeStyles9.labelTypography, labelClassName), children: labelText }),
+          secondaryText: /* @__PURE__ */ jsx("span", { className: cn(sizeStyles9.valueTypography, valueClassName), children: valueDisplay })
         },
         key
       );
@@ -41847,26 +41963,26 @@ function DynamicList({
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn("flex min-w-0 items-start", sizeStyles8.rowGap),
+        className: cn("flex min-w-0 items-start", sizeStyles9.rowGap),
         children: [
-          !hideIcon && /* @__PURE__ */ jsx(Avatar, { className: sizeStyles8.avatarSize, children: /* @__PURE__ */ jsx(
+          !hideIcon && /* @__PURE__ */ jsx(Avatar, { className: sizeStyles9.avatarSize, children: /* @__PURE__ */ jsx(
             AvatarFallback,
             {
               className: cn(
                 "flex items-center justify-center gap-1 border",
-                sizeStyles8.avatarFallbackTypography
+                sizeStyles9.avatarFallbackTypography
               ),
               children: rowIcon
             }
           ) }),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col", sizeStyles8.itemGap), children: [
-            /* @__PURE__ */ jsx("span", { className: cn(sizeStyles8.labelTypography, labelClassName), children: labelText }),
+          /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col", sizeStyles9.itemGap), children: [
+            /* @__PURE__ */ jsx("span", { className: cn(sizeStyles9.labelTypography, labelClassName), children: labelText }),
             /* @__PURE__ */ jsx(
               "div",
               {
                 className: cn(
                   "min-w-0",
-                  sizeStyles8.valueTypography,
+                  sizeStyles9.valueTypography,
                   valueClassName
                 ),
                 children: valueDisplay
@@ -42206,6 +42322,80 @@ function KeyValueManager({
     )
   ] });
 }
+var stateVisuals3 = {
+  met: {
+    icon: Check,
+    textClass: "text-success"
+  },
+  unmet: {
+    icon: Circle,
+    textClass: "text-muted-foreground"
+  }
+};
+var sizeStyles8 = {
+  sm: {
+    text: "text-xs",
+    icon: "h-3.5 w-3.5 shrink-0",
+    gap: "gap-2",
+    rowGap: "gap-1"
+  },
+  default: {
+    text: "text-sm",
+    icon: "size-4 shrink-0",
+    gap: "gap-2",
+    rowGap: "gap-1.5"
+  },
+  lg: {
+    text: "text-base",
+    icon: "size-5 shrink-0",
+    gap: "gap-2.5",
+    rowGap: "gap-2"
+  }
+};
+var RequirementList = forwardRef(
+  function RequirementList2({
+    items,
+    size = "sm",
+    metLabel = "Requirement met",
+    unmetLabel = "Requirement not met",
+    live = true,
+    className,
+    ...rest
+  }, ref) {
+    const styles = sizeStyles8[size];
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        "aria-live": live ? "polite" : void 0,
+        ...rest,
+        className: cn("flex flex-col", styles.rowGap, className),
+        children: items.map((item) => {
+          const visuals = stateVisuals3[item.met ? "met" : "unmet"];
+          const Icon2 = visuals.icon;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: cn(
+                "flex items-center transition-colors",
+                styles.gap,
+                styles.text,
+                visuals.textClass
+              ),
+              children: [
+                /* @__PURE__ */ jsx(Icon2, { className: styles.icon, "aria-hidden": true }),
+                item.label,
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: item.met ? metLabel : unmetLabel })
+              ]
+            },
+            item.id
+          );
+        })
+      }
+    );
+  }
+);
+RequirementList.displayName = "RequirementList";
 var SIZE_STYLES3 = {
   sm: {
     rowPad: "py-2",
@@ -49033,4 +49223,4 @@ function PageContainerSkeleton({
   );
 }
 
-export { Accordion3 as Accordion, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox2 as Checkbox, CircularProgress, Code, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DataTable, DatePicker, DateRangePicker, DeviceIcon, Dialog2 as Dialog, DialogClose2 as DialogClose, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter2 as DialogFooter, DialogHeader2 as DialogHeader, DialogTitle2 as DialogTitle, DialogTrigger2 as DialogTrigger, DonutChart, DynamicList, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard2 as PreviewCard, PreviewCardBackdrop2 as PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger2 as PreviewCardTrigger, ProgressBar, RadioGroup3 as RadioGroup, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusCardList, Switch2 as Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsContents2 as TabsContents, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup2 as ToggleGroup, ToggleGroupItem2 as ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, no_data_card_default, parseSvgViewBoxAspectRatio, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };
+export { Accordion3 as Accordion, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox2 as Checkbox, CircularProgress, Code, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DatePicker, DateRangePicker, DeviceIcon, Dialog2 as Dialog, DialogClose2 as DialogClose, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter2 as DialogFooter, DialogHeader2 as DialogHeader, DialogTitle2 as DialogTitle, DialogTrigger2 as DialogTrigger, DonutChart, DynamicList, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard2 as PreviewCard, PreviewCardBackdrop2 as PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger2 as PreviewCardTrigger, ProgressBar, RadioGroup3 as RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusCardList, Switch2 as Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsContents2 as TabsContents, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup2 as ToggleGroup, ToggleGroupItem2 as ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, no_data_card_default, parseSvgViewBoxAspectRatio, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };

package/dist/{chunk-36DQX2ML.js → chunk-IT5T6Y4V.js}

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

package/dist/{chunk-JL7VATX6.js → chunk-SYEKNRS5.js}

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

package/dist/{chunk-FRLPPTMV.js → chunk-WCCSASYX.js}

@@ -1,5 +1,5 @@
-import { FooterCard, MyAccountMenu, ProfileCard, AppLogo } from './chunk-JL7VATX6.js';
-import { useSidebar, SidebarTrigger, SidebarProvider, Sidebar2, SidebarInset, parseTextMarkup, isSidebarGroup } from './chunk-QJVPE3FM.js';
+import { FooterCard, MyAccountMenu, ProfileCard, AppLogo } from './chunk-SYEKNRS5.js';
+import { useSidebar, SidebarTrigger, SidebarProvider, Sidebar2, SidebarInset, parseTextMarkup, isPathPrefixOf, isSidebarGroup } from './chunk-34PXJOCS.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';
@@ -213,10 +213,6 @@ function WorkspaceBreadcrumbs({
 }
 
 // src/layouts/workspace-layout/breadcrumbs/derive-breadcrumbs.ts
-function isPathPrefixOf(prefix, fullPath) {
-  if (prefix === fullPath) return true;
-  return fullPath.startsWith(prefix) && (prefix.endsWith("/") || fullPath[prefix.length] === "/");
-}
 function labelFromPath(path) {
   const last = path.split("/").filter(Boolean).pop();
   if (!last) return "Home";

package/dist/common/index.js

@@ -1,7 +1,7 @@
-export { CopyrightCard, PageLoader } from '../chunk-36DQX2ML.js';
-export { AnimatedRainmakerLogo } from '../chunk-JOSB72WF.js';
+export { CopyrightCard, PageLoader } from '../chunk-IT5T6Y4V.js';
+export { AnimatedRainmakerLogo } from '../chunk-E6IO2DVV.js';
 import '../chunk-JPMN2UMF.js';
-export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-JL7VATX6.js';
-import '../chunk-QJVPE3FM.js';
+export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from '../chunk-SYEKNRS5.js';
+import '../chunk-34PXJOCS.js';
 import '../chunk-F5P6S7K2.js';
 import '../chunk-VU4CZ76T.js';