@assure-one/design-system 1.45.0 → 1.47.0

package/dist/{brand-scope-BOKu4iOc.d.ts → brand-scope-DwLzUrSY.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
-import { C as ComboboxMessages } from './types-DlqmlVyZ.js';
+import { C as ComboboxMessages } from './types-BTHIs2nk.js';
 import { C as ControlSize } from './vocab-DornLJbW.js';
 
 /**

package/dist/{chunk-XNJP5LKC.js → chunk-AM4TSTSH.js}

@@ -1,4 +1,4 @@
-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-ZS5VLSJW.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-IIBDSTOG.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-ARCWF2S3.js';
 import { parseHexColor, contrastRatio, WHITE, formatHexColor, darkenUntilContrast } from './chunk-EUHGZA6Q.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -9,9 +9,7 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 
-var BRAND_BASE_FILL = "var(--ds-color-content, var(--color-fg, #070707))";
-var BRAND_BASE_PATH = "M43.8298 23.829C46.9635 23.7428 50.7456 23.9675 54.0114 23.9437L91.3493 23.8048C97.6806 23.7927 101.727 24.9883 106.302 29.5107C107.671 30.864 108.443 32.0751 109.418 33.7063C112.332 38.5806 112.037 42.6442 112.003 48.0679L112.02 56.4922C108.427 57.4911 101.053 57.2229 96.9953 57.2944C87.0232 57.47 76.9072 57.2055 66.9345 57.4014C66.7192 66.474 66.9079 75.8103 66.8438 84.9327C66.7469 92.0668 67.2878 101.738 66.6431 108.599C60.7359 108.871 54.5467 108.479 48.6135 108.641C40.5834 108.86 34.2651 108.559 28.1575 102.692C20.618 95.4486 21.8015 86.9701 21.8025 77.474L21.8166 59.8481L21.8312 49.597C21.8372 47.075 21.7515 43.5009 22.2502 41.142C22.9069 38.0359 25.4258 33.4304 27.6724 31.1548C32.4002 26.3658 37.1772 24.0905 43.8298 23.829Z";
-var BRAND_ACCENT_PATH = "M83.7555 72.8376C85.3789 72.6548 90.5991 72.7708 92.4304 72.7692L100.779 72.7802C102.529 72.7903 104.546 72.7296 106.26 73.0259C108.43 73.422 111.61 75.5699 111.737 77.9539C112.107 84.8649 111.986 91.8555 111.974 98.7715C111.969 101.35 111.928 103.109 110.232 105.149C108.61 107.101 107.07 108.323 104.518 108.621C99.7602 108.503 95.0005 108.467 90.2413 108.513C87.5612 108.531 84.6034 108.799 81.9937 108.434C78.4024 107.933 76.1145 105.214 76.0317 101.618C75.9281 97.1186 75.8903 92.669 75.9646 88.174C76.0209 84.7695 75.8279 81.2851 76.3134 77.921C76.3993 77.3266 77.1785 76.1903 77.6286 75.7193C79.6145 73.6412 80.9496 73.0158 83.7555 72.8376Z";
+var BRAND_MARK_PATH = "M19.4979 0.0477994C25.0944 -0.449053 26.2942 2.99863 28.6815 7.07905L33.2264 14.8398L37.9755 22.9443C39.8959 26.2291 42.4536 29.2922 40.5477 33.2138C39.7597 34.8196 38.3714 36.0514 36.6835 36.6425C35.7063 36.9779 34.9266 37.0158 33.9003 36.9677C30.1297 36.7912 29.0945 33.6327 25.9374 32.2324C22.0078 30.4889 19.1097 30.8322 15.286 32.1777C15.8816 30.971 16.5715 29.5808 17.2469 28.4345C19.1809 28.014 21.1756 27.96 23.1298 28.2753C23.4983 28.3343 25.5124 28.8271 25.6239 28.7861L25.6005 28.6142C24.145 26.1453 21.8309 22.4497 20.6454 19.9511C18.2638 24.4708 15.2744 28.91 12.826 33.4091C10.9701 36.8193 6.39898 38.0902 3.09167 35.956C1.60013 35.006 0.545264 33.5039 0.158079 31.7783C-0.121971 30.5091 -0.0285894 29.1858 0.42761 27.9687C0.758078 27.1113 1.64886 25.6607 2.13366 24.8251L5.29089 19.4326L11.5409 8.75678C12.5933 6.95877 13.6399 5.10892 14.7176 3.32807C15.8569 1.44573 17.3636 0.508595 19.4979 0.0477994ZM26.6971 9.89448C25.0824 12.6231 21.9496 16.3151 23.7782 19.4628C26.2948 23.795 28.7805 28.1655 31.3983 32.4365C32.0417 33.4916 33.507 34.0635 34.704 34.0234C36.7093 33.6402 38.2872 32.2689 38.2372 30.2001C38.2063 28.9689 36.0246 25.6235 35.3397 24.4492L30.8368 16.7695C30.3372 15.9173 27.0625 10.1439 26.6971 9.89448ZM22.3837 3.43647C21.5764 3.00964 20.8725 2.92151 19.9843 3.01753C17.7012 3.62261 17.3282 4.86253 16.205 6.78022L13.7255 11.0244L4.61609 26.58C3.70756 28.1436 2.64048 29.4565 3.11999 31.2412C3.3895 32.2177 4.0456 33.0429 4.9364 33.5253C5.71942 33.9558 6.53714 34.0817 7.41784 33.9599C9.74958 33.3164 10.1301 31.99 11.2704 30.0351L13.9364 25.4716C17.0892 20.0808 20.2499 14.6888 23.3964 9.29389C24.1294 8.03559 24.6227 7.10972 24.2098 5.66303C23.932 4.70194 23.271 3.89702 22.3837 3.43647Z";
 function BrandIcon({
   size = 24,
   accent,
@@ -19,22 +17,19 @@ function BrandIcon({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       width: size,
       height: size,
-      viewBox: "0 0 136 137",
+      viewBox: "0 -2.5 42 42",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: cn("ds:shrink-0", className),
       role: "img",
       "aria-label": title,
       ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: BRAND_BASE_PATH, fill: BRAND_BASE_FILL }),
-        /* @__PURE__ */ jsx("path", { d: BRAND_ACCENT_PATH, fill: accent })
-      ]
+      children: /* @__PURE__ */ jsx("path", { d: BRAND_MARK_PATH, fill: accent })
     }
   );
 }
@@ -1094,8 +1089,9 @@ var CollapsibleTrigger = React6.forwardRef(function CollapsibleTrigger2({ classN
     {
       ref,
       className: cn(
-        "ds:flex ds:w-full ds:items-center",
+        "ds:flex ds:w-full ds:cursor-pointer ds:items-center",
         "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
+        "ds:disabled:cursor-not-allowed",
         className
       ),
       ...props
@@ -1213,17 +1209,17 @@ var sizeStyles = {
   xl: { icon: 40, text: "ds:text-2xl", gap: "ds:gap-3.5", assetHeight: 48 }
 };
 var productLogoAssets = {
-  Pro: { src: "/brand/assure-pro.svg", width: 384, height: 90 },
-  Audit: { src: "/brand/assure-audit.svg", width: 441, height: 90 },
-  Books: { src: "/brand/assure-books.svg", width: 470, height: 90 },
-  Tax: { src: "/brand/assure-tax.svg", width: 374, height: 90 },
+  Pro: { src: "/brand/assure-pro.svg", width: 267, height: 66 },
+  Audit: { src: "/brand/assure-audit.svg", width: 297, height: 66 },
+  Books: { src: "/brand/assure-books.svg", width: 316, height: 66 },
+  Tax: { src: "/brand/assure-tax.svg", width: 267, height: 66 },
   Teams: { src: "/brand/mycpe-teams.svg", width: 221, height: 49 }
 };
 var productMarkAssets = {
-  Pro: { src: "/brand/assure-pro-mark.svg", width: 55, height: 48 },
-  Audit: { src: "/brand/assure-audit-mark.svg", width: 55, height: 48 },
-  Books: { src: "/brand/assure-books-mark.svg", width: 55, height: 48 },
-  Tax: { src: "/brand/assure-tax-mark.svg", width: 55, height: 48 },
+  Pro: { src: "/brand/assure-pro-mark.svg", width: 42, height: 37 },
+  Audit: { src: "/brand/assure-audit-mark.svg", width: 42, height: 37 },
+  Books: { src: "/brand/assure-books-mark.svg", width: 42, height: 37 },
+  Tax: { src: "/brand/assure-tax-mark.svg", width: 42, height: 37 },
   Teams: { src: "/brand/mycpe-teams-mark.svg", width: 26, height: 31 }
 };
 var productGlyphs = {
@@ -3415,7 +3411,19 @@ var Sidebar = React6.forwardRef(function Sidebar2({
           "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
           // rule. The legacy look.
-          !isFloating && "ds:h-dvh ds:border-rule ds:bg-bg-2 ds:border-r",
+          !isFloating && "ds:h-dvh ds:border-rule ds:border-r",
+          !isFloating && (isFlush ? "ds:bg-surface" : "ds:bg-bg-2"),
+          // Flush against a `bg-bg` canvas (Shell's own background) `bg-bg-2`
+          // (--color-bg-2, #f1f3f8 light / #141416 dark) sits only ~1.06:1 off
+          // the page (#f7f8fa / #0a0a0b) — the two regions read as one grey
+          // field with a hairline in the middle, not two surfaces. `surface`
+          // (white / #16161a) against the same canvas is the ~2–3x bigger
+          // luminance step the classic Notion/Linear sidebar convention reads
+          // on, and it is the token every card in the product already sits
+          // on, so the column now looks like the same kind of "raised" surface
+          // as the content it fronts, not a third, unrelated grey. `classic`
+          // and `floating` are unchanged (visual change note: the sidebar
+          // background change below is for `variant="flush"` only).
           // Floating: a detached, rounded card inset from the viewport with a
           // soft shadow — the modern SaaS pattern. The clear figure/ground gap
           // (Aesthetic-Usability) reads as its own surface above the canvas.
@@ -3482,7 +3490,7 @@ var SidebarTrigger = React6.forwardRef(
         },
         ...slot(sidebarAnatomy, "trigger"),
         className: cn(
-          "ds:inline-flex ds:size-7 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-md",
+          "ds:inline-flex ds:size-7 ds:shrink-0 ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-md",
           "ds:text-fg-3 ds:hover:bg-bg-3 ds:hover:text-fg",
           "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
           "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
@@ -3531,7 +3539,7 @@ var SidebarPinButton = React6.forwardRef(
         ...slot(sidebarAnatomy, "pin"),
         ...stateAttributes({ selected: isPinned }),
         className: cn(
-          "ds:inline-flex ds:size-7 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-md",
+          "ds:inline-flex ds:size-7 ds:shrink-0 ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-md",
           "ds:text-fg-4 ds:hover:bg-bg-3 ds:hover:text-fg ds:aria-pressed:text-fg",
           "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
           "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -3561,7 +3569,10 @@ var SidebarBrand = React6.forwardRef(
           // 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)]",
+          // Sticky row's fill matches the aside's own flush background
+          // (`bg-surface`, W-cursor-sidebar-tooltips) so scrolled nav rows
+          // disappear behind it rather than showing through.
+          "ds:group-data-[variant=flush]/sidebar:bg-surface 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
@@ -3698,7 +3709,7 @@ var SidebarLink = React6.forwardRef(
         "aria-label": accessibleLabel,
         ...slot(sidebarAnatomy, "link"),
         className: cn(
-          "ds:group/link ds:relative ds:mb-px ds:flex ds:items-center ds:gap-2.5 ds:rounded-md ds:px-2.5 ds:py-1.5",
+          "ds:group/link ds:relative ds:mb-px ds:flex ds:cursor-pointer ds:items-center ds:gap-2.5 ds:rounded-md ds:px-2.5 ds:py-1.5",
           "ds:text-fg-2 ds:text-[13px] ds:font-normal ds:no-underline",
           "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
           "ds:motion-reduce:transition-none",
@@ -3902,7 +3913,7 @@ var SidebarLinkGroup = React6.forwardRef(
     };
     const contentId = `${id}-content`;
     const bodyClassName = cn(
-      "ds:group/link ds:relative ds:flex ds:flex-1 ds:items-center ds:gap-2.5 ds:rounded-md ds:px-2.5 ds:py-1.5",
+      "ds:group/link ds:relative ds:flex ds:flex-1 ds:cursor-pointer ds:items-center ds:gap-2.5 ds:rounded-md ds:px-2.5 ds:py-1.5",
       "ds:text-fg-2 ds:text-[13px] ds:font-normal ds:no-underline",
       "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
       "ds:motion-reduce:transition-none",
@@ -3980,7 +3991,7 @@ var SidebarLinkGroup = React6.forwardRef(
                 onClick: handleChevronClick,
                 ...slot(sidebarAnatomy, "group-trigger"),
                 className: cn(
-                  "ds:ml-px ds:inline-flex ds:size-7 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-md",
+                  "ds:ml-px ds:inline-flex ds:size-7 ds:shrink-0 ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-md",
                   "ds:text-fg-4 ds:hover:bg-bg-3 ds:hover:text-fg-2",
                   "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
                   "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
@@ -4155,8 +4166,9 @@ var SidebarBrandSwitcher = React6.forwardRef(
             // 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)]",
+            // the hairline rule needs no variant check of its own. Fill
+            // matches the aside's own flush background (`bg-surface`).
+            "ds:group-data-[variant=flush]/sidebar:bg-surface 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
@@ -4173,7 +4185,7 @@ var SidebarBrandSwitcher = React6.forwardRef(
                     // the column edge while the inner padding holds the brand
                     // glyph at the same x-position as direct <SidebarBrand>
                     // 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:group/brand-trigger ds:-ml-2 ds:flex ds:min-w-0 ds:flex-1 ds:cursor-pointer 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",
                     // `aria-expanded` twin: a TooltipTrigger asChild ancestor can
                     // clobber this trigger's own `data-state` with the tooltip's
@@ -4397,5 +4409,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-XNJP5LKC.js.map
-//# sourceMappingURL=chunk-XNJP5LKC.js.map
+//# sourceMappingURL=chunk-AM4TSTSH.js.map
+//# sourceMappingURL=chunk-AM4TSTSH.js.map