@assure-one/design-system 1.42.0 → 1.43.1

package/dist/{chunk-H53VF62B.js → chunk-L5IQK3GV.js}

@@ -1,5 +1,5 @@
-import { stateAttributes, slot, chipAnatomy, Pressable, CONTROL_GAP_CLASSES, EN_MESSAGES, microInteractions, listItemClasses, groupHeadingClasses, useDsMessages, withPortalContainer, Backdrop, sheetAnatomy, deprecate, OverlaySurface, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, OverlayTitle, OverlayDescription, Input, Textarea, Select, FileUpload, FileChip, Button, Checkbox, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, sidebarAnatomy, Slot, Avatar, DropdownMenu, DropdownMenuTrigger, sidebarBrandSwitcherAnatomy, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, buttonBase, CONTROL_SIZE_CLASSES, useFieldControl, useId as useId$1, useControllableState, useMergedRefs, Popover, PopoverAnchor, comboboxAnatomy, Spinner, IconButton, PopoverContent, LIST_SEPARATOR, listItemAttributes, optionElementId, FormBridge, useLinkComponent, useImageComponent, OverlayHeader, OverlayFooter, LIST_ITEM_INDICATOR_WELL } from './chunk-M2HMZ2RW.js';
-import { cn, XIcon, CheckIcon, EyeIcon, DownloadIcon, PhoneIcon, MailIcon, GlobeIcon, HomeIcon, ChevronLeftIcon, ChevronRightIcon, ReceiptIcon, RotateCcwIcon, CreditCardIcon, LockIcon, FileTextIcon, PlayIcon, InfoIcon, ClockIcon, PenSignIcon, TrashIcon, PlusIcon, CheckCircleSolidIcon, HelpCircleIcon, MinusIcon, PanelLeftCloseIcon, PanelLeftIcon, ChevronDownIcon } from './chunk-AF3QYJ24.js';
+import { stateAttributes, slot, chipAnatomy, Pressable, CONTROL_GAP_CLASSES, EN_MESSAGES, microInteractions, listItemClasses, groupHeadingClasses, useDsMessages, withPortalContainer, Backdrop, sheetAnatomy, deprecate, OverlaySurface, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, OverlayTitle, OverlayDescription, Input, Textarea, Select, FileUpload, FileChip, Button, Checkbox, Tooltip, TooltipTrigger, TooltipContent, useMergedRefs, TooltipProvider, sidebarAnatomy, Slot, Avatar, DropdownMenu, DropdownMenuTrigger, sidebarBrandSwitcherAnatomy, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, buttonBase, CONTROL_SIZE_CLASSES, useFieldControl, useId as useId$1, useControllableState, Popover, PopoverAnchor, comboboxAnatomy, Spinner, IconButton, PopoverContent, LIST_SEPARATOR, listItemAttributes, optionElementId, FormBridge, useLinkComponent, useImageComponent, OverlayHeader, OverlayFooter, LIST_ITEM_INDICATOR_WELL } from './chunk-VK6SW34V.js';
+import { cn, XIcon, CheckIcon, EyeIcon, DownloadIcon, PhoneIcon, MailIcon, GlobeIcon, HomeIcon, ChevronLeftIcon, ChevronRightIcon, ReceiptIcon, RotateCcwIcon, CreditCardIcon, LockIcon, FileTextIcon, PlayIcon, InfoIcon, ClockIcon, PenSignIcon, TrashIcon, PlusIcon, CheckCircleSolidIcon, HelpCircleIcon, MinusIcon, PanelLeftCloseIcon, PanelLeftIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronDownIcon } from './chunk-TBDTXAFH.js';
 import { parseHexColor, contrastRatio, WHITE, formatHexColor, darkenUntilContrast } from './chunk-EUHGZA6Q.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React6 from 'react';
@@ -194,7 +194,7 @@ var Chip = forwardRef(function Chip2({
             onClick: onRemove,
             className: cn(
               "ds:inline-flex ds:size-6 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-full ds:bg-transparent ds:p-0 ds:text-inherit",
-              "ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none",
+              "ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
               REMOVE_HOVER[style.intent]
             ),
             children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
@@ -890,7 +890,7 @@ function Combobox(props) {
                       ChevronDownIcon,
                       {
                         className: cn(
-                          "ds:transition-transform ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none",
+                          "ds:transition-transform ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
                           open && "ds:rotate-180"
                         )
                       }
@@ -1825,6 +1825,8 @@ var ProposalPackageCard = forwardRef(
         "data-selected": selected || void 0,
         className: cn(
           "ds:border-rule ds:bg-surface ds:relative ds:flex ds:flex-col ds:rounded-[14px] ds:border ds:p-4",
+          // Selecting a package eases its accent edge in, as ProposalAddOn does.
+          "ds:transition-[border-color,box-shadow] ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
           "ds:data-[selected]:border-[var(--av-accent,var(--color-accent))] ds:data-[selected]:shadow-[0_0_0_1px_var(--av-accent,var(--color-accent))]",
           className
         ),
@@ -3309,6 +3311,7 @@ var Sidebar = React6.forwardRef(function Sidebar2({
   ...props
 }, ref) {
   const isFloating = variant === "floating";
+  const isFlush = variant === "flush";
   const ctx = React6.useContext(SidebarContext);
   const state = collapsible && ctx ? ctx.state : "expanded";
   const peekLockCount = collapsible && ctx && peekEnabled ? ctx.peekLockCount : 0;
@@ -3326,6 +3329,29 @@ var Sidebar = React6.forwardRef(function Sidebar2({
     }
   }, []);
   React6.useEffect(() => () => clearTimers(), [clearTimers]);
+  const internalRef = React6.useRef(null);
+  const mergedRef = useMergedRefs(ref, internalRef);
+  React6.useEffect(() => {
+    if (!isFlush) return;
+    const el = internalRef.current;
+    if (!el) return;
+    let timer;
+    const onScroll = () => {
+      el.dataset.scrolling = "true";
+      if (el.scrollTop > 0) el.dataset.scrolled = "true";
+      else delete el.dataset.scrolled;
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        delete el.dataset.scrolling;
+      }, 800);
+    };
+    if (el.scrollTop > 0) el.dataset.scrolled = "true";
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      el.removeEventListener("scroll", onScroll);
+      window.clearTimeout(timer);
+    };
+  }, [isFlush]);
   React6.useEffect(() => {
     if (state === "expanded") {
       clearTimers();
@@ -3356,7 +3382,10 @@ var Sidebar = React6.forwardRef(function Sidebar2({
   };
   const overlay = state === "rail" && (peek || peekLockCount > 0);
   const labelsHidden = state === "rail" && !peek && peekLockCount === 0;
-  const effectiveWidth = labelsHidden ? "var(--shell-sidebar-w-rail, var(--ds-layout-shell-sidebar-rail-width))" : "var(--shell-sidebar-w, var(--ds-layout-shell-sidebar-width))";
+  const railWidth = "var(--shell-sidebar-w-rail, var(--ds-layout-shell-sidebar-rail-width))";
+  const fullWidth = "var(--shell-sidebar-w, var(--ds-layout-shell-sidebar-width))";
+  const effectiveWidth = labelsHidden ? railWidth : fullWidth;
+  const overlayMarginRight = isFloating ? `calc(0.625rem + ${railWidth} - ${fullWidth})` : `calc(${railWidth} - ${fullWidth})`;
   return (
     // Hover-peek is *enhancement only*: the canonical way to toggle the
     // sidebar is <SidebarTrigger> (button) or the Mod+\ shortcut, both
@@ -3367,7 +3396,7 @@ var Sidebar = React6.forwardRef(function Sidebar2({
     /* @__PURE__ */ jsx(
       "aside",
       {
-        ref,
+        ref: mergedRef,
         "data-state": state,
         "data-peek": peek ? "true" : void 0,
         "data-overlay": overlay ? "true" : void 0,
@@ -3377,7 +3406,11 @@ var Sidebar = React6.forwardRef(function Sidebar2({
         ...slot(sidebarAnatomy, "root"),
         onMouseEnter: handleEnter,
         onMouseLeave: handleLeave,
-        style: { width: effectiveWidth, ...style },
+        style: {
+          width: effectiveWidth,
+          ...overlay ? { marginRight: overlayMarginRight } : null,
+          ...style
+        },
         className: cn(
           "ds:group/sidebar group/sidebar ds:scrollbar-thin ds:flex ds:shrink-0 ds:flex-col ds:overflow-y-auto ds:px-3 ds:pt-4 ds:pb-4",
           // Classic: full-height column flush to the left edge with a right
@@ -3392,16 +3425,28 @@ var Sidebar = React6.forwardRef(function Sidebar2({
           // movement) but well short of `--duration-slow` (which feels
           // sluggish). `will-change` hints the compositor so the column
           // doesn't repaint every frame mid-transition.
-          "ds:transition-[width,box-shadow] ds:duration-[var(--motion-duration-spatial)] ds:ease-[var(--motion-ease-move)] ds:motion-reduce:transition-none",
+          "ds:transition-[width,margin-right,box-shadow] ds:duration-[var(--motion-duration-spatial)] ds:ease-[var(--motion-ease-move)] ds:motion-reduce:transition-none",
           "ds:[will-change:width]",
           // Overlay (hover-peek OR programmatic peek-lock): float above the
-          // canvas without reflowing layout. Driven by `data-overlay` so a
-          // single rule handles both transient sources.
-          "ds:data-[overlay=true]:fixed ds:data-[overlay=true]:top-0 ds:data-[overlay=true]:left-0",
+          // canvas without reflowing layout (the negative margin above keeps
+          // the rail's footprint). Driven by `data-overlay` so a single rule
+          // handles both transient sources.
+          "ds:data-[overlay=true]:relative",
           "ds:data-[overlay=true]:z-[var(--z-overlay)] ds:data-[overlay=true]:shadow-pop",
           // Padding is held constant across states so icons keep their
           // horizontal anchor when the column widens — peek expands the
           // labels rightward rather than shifting the icons leftward.
+          isFlush && // Overlay scrollbar: hidden at rest, revealed while `data-scrolling`
+          // is set by the effect above and faded back out ~800ms after the
+          // last scroll event. `scrollbar-color` is the standard property
+          // modern engines read; the `::-webkit-scrollbar-thumb` rule is the
+          // older-Safari fallback, kept in lockstep with it rather than
+          // relying on either alone.
+          cn(
+            "ds:[scrollbar-color:transparent_transparent] ds:data-[scrolling=true]:[scrollbar-color:var(--color-rule-strong)_transparent]",
+            "ds:[&::-webkit-scrollbar-thumb]:bg-transparent ds:data-[scrolling=true]:[&::-webkit-scrollbar-thumb]:bg-[var(--color-rule-strong)]",
+            "ds:[&::-webkit-scrollbar-thumb]:transition-colors ds:[&::-webkit-scrollbar-thumb]:duration-[var(--duration-normal)] ds:motion-reduce:[&::-webkit-scrollbar-thumb]:transition-none"
+          ),
           className
         ),
         ...props,
@@ -3477,7 +3522,7 @@ var SidebarPinButton = React6.forwardRef(
       {
         ref,
         type: "button",
-        "aria-label": isPinned ? unpinLabel ?? messages.unpin : pinLabel ?? messages.pin,
+        "aria-label": isPinned ? unpinLabel ?? messages.collapse : pinLabel ?? messages.expand,
         "aria-pressed": isPinned,
         onClick: (e) => {
           onClick?.(e);
@@ -3497,44 +3542,12 @@ var SidebarPinButton = React6.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx(PinGlyph, { size: 14, filled: isPinned, className: "ds:rotate-45" })
+        children: isPinned ? /* @__PURE__ */ jsx(ChevronsLeftIcon, { size: 16 }) : /* @__PURE__ */ jsx(ChevronsRightIcon, { size: 16 })
       }
     );
   }
 );
 SidebarPinButton.displayName = "SidebarPinButton";
-function PinGlyph({
-  size = 16,
-  filled = false,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M12 17v5" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
-            fill: filled ? "currentColor" : "none"
-          }
-        )
-      ]
-    }
-  );
-}
 var SidebarBrand = React6.forwardRef(
   function SidebarBrand2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
@@ -3544,6 +3557,13 @@ var SidebarBrand = React6.forwardRef(
         ...slot(sidebarAnatomy, "brand"),
         className: cn(
           "ds:flex ds:min-w-0 ds:items-center ds:gap-2 ds:px-2.5 ds:pt-1 ds:pb-4",
+          // Flush: pinned to the top of the scrolling column so the nav rows
+          // pass behind it instead of over it. `data-scrolled` is only ever
+          // set while flush (see <Sidebar>), so the hairline needs no variant
+          // check of its own — one derived attribute, one rule.
+          "ds:group-data-[variant=flush]/sidebar:bg-bg-2 ds:group-data-[variant=flush]/sidebar:sticky ds:group-data-[variant=flush]/sidebar:top-0 ds:group-data-[variant=flush]/sidebar:z-[var(--z-sticky)]",
+          "ds:group-data-[variant=flush]/sidebar:border-b ds:group-data-[variant=flush]/sidebar:border-transparent ds:group-data-[variant=flush]/sidebar:transition-colors ds:group-data-[variant=flush]/sidebar:duration-[var(--duration-normal)] ds:group-data-[variant=flush]/sidebar:ease-[var(--ease-out-quart)] ds:group-data-[variant=flush]/sidebar:motion-reduce:transition-none",
+          "ds:group-data-[scrolled=true]/sidebar:border-rule",
           className
         ),
         ...props
@@ -3631,7 +3651,11 @@ var SidebarSection = React6.forwardRef(
                     ...slot(sidebarAnatomy, "section-label"),
                     className: cn(
                       "ds:font-mono ds:text-[11px] ds:tracking-[0.14em] ds:uppercase",
-                      tone === "muted" ? "ds:text-fg-3" : "ds:text-brand"
+                      tone === "muted" ? "ds:text-fg-3" : "ds:text-brand",
+                      // Flush: the `overline` type role (size/leading/tracking/
+                      // weight together) at a flat fg-4 — grouping reads as
+                      // quiet structural chrome, not a tone-coded eyebrow.
+                      "ds:group-data-[variant=flush]/sidebar:font-sans ds:group-data-[variant=flush]/sidebar:text-overline ds:group-data-[variant=flush]/sidebar:text-fg-4"
                     ),
                     children: label
                   }
@@ -3681,6 +3705,13 @@ var SidebarLink = React6.forwardRef(
           "ds:hover:bg-bg-3 ds:hover:text-fg",
           "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
           "ds:data-[active=true]:bg-brand-bg ds:data-[active=true]:text-brand ds:data-[active=true]:font-medium",
+          // Flush: icons read fg-3 at rest and lift to fg on hover/active —
+          // the row's own bg-brand-bg tint (above) and the 2px edge
+          // indicator (below) already carry "active", so the icon doesn't
+          // also need brand-colored ink. Placed before the rail rule below
+          // so a collapsed rail keeps winning on the combined flush+rail
+          // case (equal specificity, source order decides).
+          "ds:group-data-[variant=flush]/sidebar:[&_svg]:text-fg-3 ds:group-data-[variant=flush]/sidebar:hover:[&_svg]:text-fg ds:group-data-[variant=flush]/sidebar:data-[active=true]:[&_svg]:text-fg",
           // In rail, the icon itself carries the active state rather
           // than just the rule bar — color is more legible than a 2px
           // vertical mark at the column's left edge when labels are
@@ -3704,6 +3735,13 @@ var SidebarLink = React6.forwardRef(
           // a full pill highlight for active instead of the left rail bar.
           "ds:group-data-[variant=floating]/sidebar:gap-3 ds:group-data-[variant=floating]/sidebar:rounded-lg ds:group-data-[variant=floating]/sidebar:py-2",
           "ds:group-data-[variant=floating]/sidebar:data-[active=true]:before:hidden",
+          // Flush row anatomy: 32px rows on the control radius (this already
+          // matches the base py-1.5 at the body-sm role's leading — only the
+          // radius and icon geometry actually move), 16px icons at full
+          // opacity (the fg-3→fg color lift above already carries the
+          // dimming, so the base opacity-85 would double it up), and labels
+          // on the body-sm role instead of a hardcoded pixel size.
+          "ds:group-data-[variant=flush]/sidebar:rounded-control ds:group-data-[variant=flush]/sidebar:[&_svg]:size-4 ds:group-data-[variant=flush]/sidebar:[&_svg]:opacity-100 ds:group-data-[variant=flush]/sidebar:text-body-sm",
           className
         ),
         ...props,
@@ -3871,6 +3909,8 @@ var SidebarLinkGroup = React6.forwardRef(
       "ds:hover:bg-bg-3 ds:hover:text-fg",
       "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
       "ds:data-[active=true]:bg-brand-bg ds:data-[active=true]:text-brand ds:data-[active=true]:font-medium",
+      // Flush — match SidebarLink: icon fg-3 lifting to fg on hover/active.
+      "ds:group-data-[variant=flush]/sidebar:[&_svg]:text-fg-3 ds:group-data-[variant=flush]/sidebar:hover:[&_svg]:text-fg ds:group-data-[variant=flush]/sidebar:data-[active=true]:[&_svg]:text-fg",
       // In rail, color carries active state since the chevron is hidden.
       "ds:group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:text-brand ds:group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:opacity-100",
       // Active rail mark — anchored to body row's left edge.
@@ -3882,6 +3922,9 @@ var SidebarLinkGroup = React6.forwardRef(
       // Floating variant — match SidebarLink: taller hit area, pill active.
       "ds:group-data-[variant=floating]/sidebar:gap-3 ds:group-data-[variant=floating]/sidebar:rounded-lg ds:group-data-[variant=floating]/sidebar:py-2",
       "ds:group-data-[variant=floating]/sidebar:data-[active=true]:before:hidden",
+      // Flush — match SidebarLink: 32px row on the control radius, 16px
+      // full-opacity icons, body-sm label instead of a hardcoded pixel size.
+      "ds:group-data-[variant=flush]/sidebar:rounded-control ds:group-data-[variant=flush]/sidebar:[&_svg]:size-4 ds:group-data-[variant=flush]/sidebar:[&_svg]:opacity-100 ds:group-data-[variant=flush]/sidebar:text-body-sm",
       classNames?.link
     );
     const labelSpan = /* @__PURE__ */ jsx(
@@ -4107,7 +4150,17 @@ var SidebarBrandSwitcher = React6.forwardRef(
         {
           ref,
           ...slot(sidebarBrandSwitcherAnatomy, "root"),
-          className: cn("ds:flex ds:min-w-0 ds:items-center ds:gap-2 ds:px-2.5 ds:pt-1 ds:pb-4", className),
+          className: cn(
+            "ds:flex ds:min-w-0 ds:items-center ds:gap-2 ds:px-2.5 ds:pt-1 ds:pb-4",
+            // Flush — mirrors <SidebarBrand>: pinned to the top of the
+            // scrolling column, with a hairline that appears once the list
+            // has scrolled. `data-scrolled` is only ever set while flush, so
+            // the hairline rule needs no variant check of its own.
+            "ds:group-data-[variant=flush]/sidebar:bg-bg-2 ds:group-data-[variant=flush]/sidebar:sticky ds:group-data-[variant=flush]/sidebar:top-0 ds:group-data-[variant=flush]/sidebar:z-[var(--z-sticky)]",
+            "ds:group-data-[variant=flush]/sidebar:border-b ds:group-data-[variant=flush]/sidebar:border-transparent ds:group-data-[variant=flush]/sidebar:transition-colors ds:group-data-[variant=flush]/sidebar:duration-[var(--duration-normal)] ds:group-data-[variant=flush]/sidebar:ease-[var(--ease-out-quart)] ds:group-data-[variant=flush]/sidebar:motion-reduce:transition-none",
+            "ds:group-data-[scrolled=true]/sidebar:border-rule",
+            className
+          ),
           children: [
             /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
               /* @__PURE__ */ jsxs(
@@ -4122,7 +4175,11 @@ var SidebarBrandSwitcher = React6.forwardRef(
                     // children — same hover affordance, no glyph drift.
                     "ds:group/brand-trigger ds:-ml-2 ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-2 ds:rounded-md ds:py-1.5 ds:pr-1.5 ds:pl-2",
                     "ds:text-fg ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
-                    "ds:hover:bg-bg-3 ds:data-[state=open]:bg-bg-3",
+                    // `aria-expanded` twin: a TooltipTrigger asChild ancestor can
+                    // clobber this trigger's own `data-state` with the tooltip's
+                    // (see toggle-group.tsx's note on the same bug), but never
+                    // sets `aria-expanded`.
+                    "ds:hover:bg-bg-3 ds:data-[state=open]:bg-bg-3 ds:aria-expanded:bg-bg-3",
                     "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
                     triggerClassName
                   ),
@@ -4137,6 +4194,7 @@ var SidebarBrandSwitcher = React6.forwardRef(
                           "ds:ml-auto ds:size-3.5 ds:shrink-0 ds:text-fg-4",
                           "ds:transition-transform ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
                           "ds:group-data-[state=open]/brand-trigger:rotate-180",
+                          "ds:group-aria-expanded/brand-trigger:rotate-180",
                           "ds:group-data-[labels=hide]/sidebar:hidden",
                           iconClassName
                         )
@@ -4339,5 +4397,5 @@ var BrandScope = forwardRef(function BrandScope2({ product, children, ...props }
 BrandScope.displayName = "BrandScope";
 
 export { AgreementPaneHeading, AgreementViewer, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, BRAND_PRODUCTS, BrandScope, BrandScopeProvider, Chip, ClientSelect, CmdkCompatContext, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComingSoon, DEFAULT_COMBOBOX_MESSAGES, Grid, Logo, PlainLink, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QUESTION_TYPES, QUESTION_TYPE_CONTRACT_VERSION, Questions, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandLabel, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState };
-//# sourceMappingURL=chunk-H53VF62B.js.map
-//# sourceMappingURL=chunk-H53VF62B.js.map
+//# sourceMappingURL=chunk-L5IQK3GV.js.map
+//# sourceMappingURL=chunk-L5IQK3GV.js.map