@assure-one/design-system 1.22.0 → 1.25.0

package/dist/index.js

@@ -2967,54 +2967,71 @@ function deriveFileType(name) {
   return name.slice(dot + 1).toUpperCase();
 }
 var AttachmentChip = forwardRef(
-  function AttachmentChip2({ name, fileType, meta, onView, onDownload, href, variant, className, ...props }, ref) {
+  function AttachmentChip2({ name, fileType, meta, onView, onDownload, href, actions, variant, className, ...props }, ref) {
     const resolvedType = fileType ?? deriveFileType(name);
     const onAccent = variant === "onAccent";
     const actionClassName = onAccent ? "text-fg-on-brand hover:bg-white/20 hover:text-fg-on-brand" : void 0;
     const showView = Boolean(onView) || Boolean(href);
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn(attachmentChipVariants({ variant }), className), ...props, children: [
-      /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("p", { className: cn("truncate text-sm font-medium", onAccent ? "text-fg-on-brand" : "text-fg"), children: name }),
-        meta && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs", onAccent ? "text-fg-on-brand/75" : "text-fg-3"), children: meta })
-      ] }),
-      (showView || onDownload) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-        showView && (onView ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-sm",
-            "aria-label": `View ${name}`,
-            onClick: onView,
-            className: actionClassName,
-            children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 })
-          }
-        ) : /* @__PURE__ */ jsx(
-          Button,
-          {
-            asChild: true,
-            variant: "ghost",
-            size: "icon-sm",
-            "aria-label": `View ${name}`,
-            className: actionClassName,
-            children: /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 }) })
-          }
-        )),
-        onDownload && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-sm",
-            "aria-label": `Download ${name}`,
-            onClick: onDownload,
-            className: actionClassName,
-            children: /* @__PURE__ */ jsx(DownloadIcon, { size: 16 })
-          }
-        )
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          attachmentChipVariants({ variant }),
+          // Scoped group so `actions` nodes can react to the variant. The chip
+          // resolves its own atoms in JS, but consumer-passed children are
+          // outside that — a group selector is the only hook they get.
+          "group/attachment-chip",
+          className
+        ),
+        ...props,
+        "data-variant": onAccent ? "onAccent" : "default",
+        children: [
+          /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: cn("truncate text-sm font-medium", onAccent ? "text-fg-on-brand" : "text-fg"), children: name }),
+            meta && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs", onAccent ? "text-fg-on-brand/75" : "text-fg-3"), children: meta })
+          ] }),
+          (showView || onDownload || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+            showView && (onView ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": `View ${name}`,
+                onClick: onView,
+                className: actionClassName,
+                children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 })
+              }
+            ) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": `View ${name}`,
+                className: actionClassName,
+                children: /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 }) })
+              }
+            )),
+            onDownload && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": `Download ${name}`,
+                onClick: onDownload,
+                className: actionClassName,
+                children: /* @__PURE__ */ jsx(DownloadIcon, { size: 16 })
+              }
+            ),
+            actions
+          ] })
+        ]
+      }
+    );
   }
 );
 AttachmentChip.displayName = "AttachmentChip";
@@ -5619,8 +5636,14 @@ var inputVariants = cva(
     }
   }
 );
+var floatingLabelSize = {
+  sm: "text-xs",
+  md: "text-[13px]",
+  lg: "text-sm"
+};
 var Input = forwardRef(function Input2({
   label,
+  floatingLabel,
   error,
   prefixIcon,
   suffixIcon,
@@ -5629,6 +5652,7 @@ var Input = forwardRef(function Input2({
   type = "text",
   className,
   id: providedId,
+  placeholder,
   ...props
 }, ref) {
   const generatedId = useId();
@@ -5637,8 +5661,10 @@ var Input = forwardRef(function Input2({
   const [showPassword, setShowPassword] = useState(false);
   const isPassword = type === "password";
   const inputType = isPassword && showPassword ? "text" : type;
+  const isFloating = !!floatingLabel && !!label;
+  const resolvedPlaceholder = isFloating ? placeholder ?? " " : placeholder;
   return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-    label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-fg mb-1.5 block text-[13px] leading-none font-medium", children: label }),
+    label && !isFloating && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-fg mb-1.5 block text-[13px] leading-none font-medium", children: label }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       prefixIcon && /* @__PURE__ */ jsx(
         "span",
@@ -5654,17 +5680,45 @@ var Input = forwardRef(function Input2({
           ref,
           id,
           type: inputType,
+          placeholder: resolvedPlaceholder,
           "aria-invalid": !!error || void 0,
           "aria-describedby": error ? errorId : void 0,
           className: cn(
             inputVariants({ variant, inputSize }),
             prefixIcon && "pl-9",
             (suffixIcon || isPassword) && "pr-9",
+            isFloating && "peer placeholder:text-transparent focus:placeholder:text-fg-4",
             className
           ),
           ...props
         }
       ),
+      isFloating && // Rendered after the input because `peer-*` compiles to a sibling
+      // combinator; absolute positioning keeps the visual order intact.
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            "pointer-events-none absolute left-3 origin-left px-1 leading-none",
+            "bg-surface text-fg-4",
+            "top-1/2 -translate-y-1/2",
+            "transition-[top,transform,color] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+            "motion-reduce:transition-none",
+            // Floated by focus or by content. Both branches declare the same
+            // values, so their relative order in the emitted CSS is moot.
+            "peer-focus:top-0 peer-focus:scale-[0.85]",
+            "peer-[:not(:placeholder-shown)]:top-0 peer-[:not(:placeholder-shown)]:scale-[0.85]",
+            // Colours are split on `:not(:focus)` so the two rules can never
+            // both match, which would otherwise be an ordering coin flip.
+            "peer-focus:text-brand",
+            "peer-[:not(:placeholder-shown):not(:focus)]:text-fg-3",
+            floatingLabelSize[inputSize ?? "md"],
+            prefixIcon && "left-9"
+          ),
+          children: label
+        }
+      ),
       isPassword && /* @__PURE__ */ jsx(
         "button",
         {
@@ -6962,7 +7016,7 @@ function CountrySelect({
             type: "button",
             disabled,
             "aria-label": "Select country code",
-            className: "flex h-10 w-[90px] shrink-0 items-center gap-1.5 rounded-lg border border-input bg-input-background px-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
+            className: "rounded-input flex h-9 w-[90px] shrink-0 items-center gap-1.5 border border-input bg-input-background px-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
             children: [
               /* @__PURE__ */ jsx(CountryFlag, { iso: selected.iso }),
               /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: selected.dialCode }),
@@ -6977,7 +7031,7 @@ function CountrySelect({
             align: "start",
             sideOffset: 4,
             style: { zIndex: 9999, minWidth: 248 },
-            className: "rounded-xl border border-border bg-popover shadow-xl outline-none",
+            className: "rounded-card border border-border bg-popover shadow-xl outline-none",
             onOpenAutoFocus: (e) => {
               e.preventDefault();
               searchRef.current?.focus({ preventScroll: true });
@@ -6987,7 +7041,7 @@ function CountrySelect({
               if (e.key !== "Escape") e.stopPropagation();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "rounded-t-xl border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-input bg-input-background px-2.5", children: [
+              /* @__PURE__ */ jsx("div", { className: "rounded-t-card border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "rounded-input flex items-center gap-2 border border-input bg-input-background px-2.5", children: [
                 /* @__PURE__ */ jsxs("svg", { className: "size-3.5 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
                   /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
                   /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
@@ -7007,7 +7061,7 @@ function CountrySelect({
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "max-h-56 overflow-y-auto rounded-b-xl",
+                  className: "rounded-b-card max-h-56 overflow-y-auto",
                   style: { overscrollBehavior: "contain" },
                   onWheel: (e) => e.stopPropagation(),
                   children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxs(
@@ -7786,6 +7840,7 @@ function SearchSelect({
     return order.map((g) => [g, byGroup.get(g)]);
   }, [filtered]);
   const hasGroups = React39.useMemo(() => groups.some(([g]) => g != null), [groups]);
+  const hasLeadingDot = React39.useMemo(() => options.some((o) => !!o.color), [options]);
   const pinnedSet = React39.useMemo(() => new Set(pinnedGroups ?? []), [pinnedGroups]);
   const chips = React39.useMemo(() => {
     if (!groupFilter || !hasGroups) return [];
@@ -8098,7 +8153,7 @@ function SearchSelect({
                                     style: { backgroundColor: option.color },
                                     "aria-hidden": "true"
                                   }
-                                ) : /* @__PURE__ */ jsx(
+                                ) : hasLeadingDot && /* @__PURE__ */ jsx(
                                   CheckIcon,
                                   {
                                     className: "size-4 shrink-0 text-transparent",
@@ -15409,6 +15464,7 @@ function DataTableView({
   rowKey = "id",
   pageSize = 15,
   itemLabel = "items",
+  selection,
   className
 }) {
   const [search, setSearch] = useState("");
@@ -15455,6 +15511,31 @@ function DataTableView({
   const current = Math.min(page, pageCount);
   const pageRows = processed.slice((current - 1) * pageSize, current * pageSize);
   const hasToolbar = searchKeys.length > 0 || filters.length > 0;
+  const selectCol = selection != null;
+  const idOf = (row) => String(row[rowKey]);
+  const canSelect = (row) => selection?.isRowSelectable?.(row) ?? true;
+  const scopeIds = selection ? (selection.selectAllScope === "filtered" ? processed : pageRows).filter(canSelect).map(idOf) : [];
+  const selectedInScope = scopeIds.filter((id) => selection?.selectedIds.has(id));
+  const allInScopeSelected = scopeIds.length > 0 && selectedInScope.length === scopeIds.length;
+  const someInScopeSelected = selectedInScope.length > 0 && !allInScopeSelected;
+  const toggleAll = () => {
+    if (!selection) return;
+    const next = new Set(selection.selectedIds);
+    for (const id of scopeIds) {
+      if (allInScopeSelected) next.delete(id);
+      else next.add(id);
+    }
+    selection.onSelectionChange(next);
+  };
+  const toggleRow = (row) => {
+    if (!selection) return;
+    const id = idOf(row);
+    const next = new Set(selection.selectedIds);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    selection.onSelectionChange(next);
+  };
+  const selectAllLabel = selection?.selectAllScope === "filtered" ? `Select all ${scopeIds.length} ${itemLabel}` : `Select all ${itemLabel} on this page`;
   return /* @__PURE__ */ jsxs(DataTable, { withToolbar: hasToolbar, className, children: [
     hasToolbar && /* @__PURE__ */ jsxs(DataTableToolbar, { children: [
       searchKeys.length > 0 && /* @__PURE__ */ jsx(
@@ -15489,32 +15570,67 @@ function DataTableView({
       /* @__PURE__ */ jsx(DataTableResultsCount, { current: total, total: data.length })
     ] }),
     /* @__PURE__ */ jsxs("table", { className: "table-auto", children: [
-      /* @__PURE__ */ jsx("colgroup", { children: columns.map((c) => /* @__PURE__ */ jsx("col", { style: colStyle(c.width) }, c.key)) }),
-      /* @__PURE__ */ jsx(DataTableHead, { children: /* @__PURE__ */ jsx(DataTableRow, { children: columns.map(
-        (c) => c.sortable ? /* @__PURE__ */ jsx(
-          DataTableHeader,
+      /* @__PURE__ */ jsxs("colgroup", { children: [
+        selectCol && /* @__PURE__ */ jsx("col", { style: { width: "32px", minWidth: "32px" } }),
+        columns.map((c) => /* @__PURE__ */ jsx("col", { style: colStyle(c.width) }, c.key))
+      ] }),
+      /* @__PURE__ */ jsx(DataTableHead, { children: /* @__PURE__ */ jsxs(DataTableRow, { children: [
+        selection && /* @__PURE__ */ jsx(
+          DataTableCheckbox,
           {
-            sortable: true,
-            sort: sort?.key === c.key ? sort.dir : null,
-            onSortChange: (next) => setSort(next ? { key: c.key, dir: next } : null),
-            className: c.align === "right" ? "text-right [&>button]:ml-auto" : void 0,
-            children: c.header
-          },
-          c.key
-        ) : /* @__PURE__ */ jsx(DataTableHeader, { className: c.align === "right" ? "text-right" : void 0, children: c.header }, c.key)
-      ) }) }),
-      /* @__PURE__ */ jsx(DataTableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs(DataTableCell, { colSpan: columns.length, className: "text-fg-3 py-12 text-center", children: [
-        "No ",
-        itemLabel,
-        " match your filters."
-      ] }) }) : pageRows.map((row) => /* @__PURE__ */ jsx(
+            asHeader: true,
+            checked: allInScopeSelected ? true : someInScopeSelected ? "indeterminate" : false,
+            onCheckedChange: toggleAll,
+            disabled: scopeIds.length === 0,
+            ariaLabel: selectAllLabel
+          }
+        ),
+        columns.map(
+          (c) => c.sortable ? /* @__PURE__ */ jsx(
+            DataTableHeader,
+            {
+              sortable: true,
+              sort: sort?.key === c.key ? sort.dir : null,
+              onSortChange: (next) => setSort(next ? { key: c.key, dir: next } : null),
+              className: c.align === "right" ? "text-right [&>button]:ml-auto" : void 0,
+              children: c.header
+            },
+            c.key
+          ) : /* @__PURE__ */ jsx(DataTableHeader, { className: c.align === "right" ? "text-right" : void 0, children: c.header }, c.key)
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(DataTableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs(
+        DataTableCell,
+        {
+          colSpan: columns.length + (selectCol ? 1 : 0),
+          className: "text-fg-3 py-12 text-center",
+          children: [
+            "No ",
+            itemLabel,
+            " match your filters."
+          ]
+        }
+      ) }) : pageRows.map((row) => /* @__PURE__ */ jsxs(
         DataTableRow,
         {
+          selected: selection ? selection.selectedIds.has(idOf(row)) : void 0,
           onClick: onRowClick ? () => onRowClick(row) : void 0,
           className: onRowClick ? "cursor-pointer" : void 0,
-          children: columns.map((c) => /* @__PURE__ */ jsx(DataTableCell, { className: c.align === "right" ? "text-right" : void 0, children: c.render ? c.render(row) : row[c.key] ?? /* @__PURE__ */ jsx(Dash, {}) }, c.key))
+          children: [
+            selection && /* @__PURE__ */ jsx(
+              DataTableCheckbox,
+              {
+                checked: selection.selectedIds.has(idOf(row)),
+                onCheckedChange: () => toggleRow(row),
+                disabled: !canSelect(row),
+                ariaLabel: selection.rowLabel?.(row) ?? `Select ${idOf(row)}`,
+                onClick: (event) => event.stopPropagation()
+              }
+            ),
+            columns.map((c) => /* @__PURE__ */ jsx(DataTableCell, { className: c.align === "right" ? "text-right" : void 0, children: c.render ? c.render(row) : row[c.key] ?? /* @__PURE__ */ jsx(Dash, {}) }, c.key))
+          ]
         },
-        String(row[rowKey])
+        idOf(row)
       )) })
     ] }),
     /* @__PURE__ */ jsx(
@@ -18129,6 +18245,395 @@ function SignatureEditor({
   ] });
 }
 SignatureEditor.displayName = "SignatureEditor";
+var SEARCH_THRESHOLD = 8;
+var HOVER_OPEN_MS = 90;
+var HOVER_CLOSE_MS = 220;
+var FLYOUT_WIDTH = 224;
+var DEFAULT_GUTTER_PX = 24;
+function DisplayMenu({
+  sections,
+  onReset,
+  isAtDefault,
+  tooltip = "Filters, grouping, ordering, columns",
+  dataTour,
+  triggerIcon,
+  triggerLabel = "Display",
+  className,
+  gutterPx = DEFAULT_GUTTER_PX
+}) {
+  const [open, setOpen] = useState(false);
+  const [openKey, setOpenKey] = useState(null);
+  const [flyout, setFlyout] = useState({
+    top: 0,
+    side: "left"
+  });
+  const [panelShift, setPanelShift] = useState(0);
+  const [rootQuery, setRootQuery] = useState("");
+  const [sectionQuery, setSectionQuery] = useState("");
+  const panelRef = useRef(null);
+  const triggerRef = useRef(null);
+  const rowRefs = useRef(/* @__PURE__ */ new Map());
+  const openTimer = useRef(null);
+  const closeTimer = useRef(null);
+  const flyoutRef = useRef(null);
+  const clearTimers = useCallback(() => {
+    if (openTimer.current) clearTimeout(openTimer.current);
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    openTimer.current = null;
+    closeTimer.current = null;
+  }, []);
+  useEffect(() => clearTimers, [clearTimers]);
+  const positionFor = useCallback((key) => {
+    const panel = panelRef.current;
+    const row = rowRefs.current.get(key);
+    if (!panel || !row) return;
+    const panelRect = panel.getBoundingClientRect();
+    const rowRect = row.getBoundingClientRect();
+    const maxTop = Math.max(0, window.innerHeight - panelRect.top - 24 - 120);
+    const top = Math.min(Math.max(rowRect.top - panelRect.top - 4, 0), maxTop);
+    const side = panelRect.left >= FLYOUT_WIDTH + 16 ? "left" : "right";
+    setFlyout({ top, side });
+  }, []);
+  const openSection = useCallback(
+    (key) => {
+      clearTimers();
+      positionFor(key);
+      setOpenKey(key);
+      setSectionQuery("");
+    },
+    [clearTimers, positionFor]
+  );
+  const scheduleOpen = useCallback(
+    (key) => {
+      clearTimers();
+      if (key === openKey) return;
+      if (openKey !== null) {
+        openSection(key);
+        return;
+      }
+      openTimer.current = setTimeout(() => openSection(key), HOVER_OPEN_MS);
+    },
+    [clearTimers, openKey, openSection]
+  );
+  const scheduleClose = useCallback(() => {
+    clearTimers();
+    closeTimer.current = setTimeout(() => setOpenKey(null), HOVER_CLOSE_MS);
+  }, [clearTimers]);
+  useEffect(() => {
+    if (!open) {
+      clearTimers();
+      setOpenKey(null);
+      setRootQuery("");
+      setSectionQuery("");
+      setPanelShift(0);
+    }
+  }, [open, clearTimers]);
+  useEffect(() => {
+    if (!open) return;
+    const reposition = () => {
+      const trigger = triggerRef.current;
+      if (!trigger) return;
+      const viewport = document.documentElement.clientWidth;
+      const shift = viewport - gutterPx - trigger.getBoundingClientRect().right;
+      setPanelShift(Math.max(0, Math.round(shift)));
+    };
+    reposition();
+    window.addEventListener("resize", reposition);
+    return () => window.removeEventListener("resize", reposition);
+  }, [open, gutterPx]);
+  const activeSection = useMemo(
+    () => sections.find((s) => s.key === openKey) ?? null,
+    [sections, openKey]
+  );
+  const rootRows = useMemo(() => {
+    const q = rootQuery.trim().toLowerCase();
+    if (!q) return sections.map((section) => ({ kind: "section", section }));
+    const rows = [];
+    for (const section of sections) {
+      if (section.label.toLowerCase().includes(q)) rows.push({ kind: "section", section });
+    }
+    for (const section of sections) {
+      for (const option of section.options) {
+        if (option.label.toLowerCase().includes(q)) rows.push({ kind: "option", section, option });
+      }
+    }
+    return rows;
+  }, [sections, rootQuery]);
+  const sectionRows = useMemo(() => {
+    if (!activeSection) return [];
+    const q = sectionQuery.trim().toLowerCase();
+    return q ? activeSection.options.filter((o) => o.label.toLowerCase().includes(q)) : activeSection.options;
+  }, [activeSection, sectionQuery]);
+  const showFlyoutSearch = !!activeSection && (activeSection.searchable ?? activeSection.options.length > SEARCH_THRESHOLD);
+  const anySelected = sections.some((s) => s.mode === "multi" && s.selected.size > 0);
+  const showDot = !isAtDefault || anySelected;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(Tooltip, { delayMs: 300, children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref: triggerRef,
+          variant: "outline",
+          size: "sm",
+          "aria-label": showDot ? `${triggerLabel} (customised)` : triggerLabel,
+          "data-tour": dataTour,
+          className: cn("relative shrink-0", className),
+          children: [
+            triggerIcon,
+            triggerLabel,
+            showDot && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "absolute -right-1 -top-1 size-2 rounded-full bg-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
+    ] }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        sideOffset: 6,
+        style: panelShift ? { transform: `translateX(${panelShift}px)` } : void 0,
+        className: "w-64 overflow-visible p-0",
+        onKeyDown: (e) => {
+          if (e.key === "Escape" && openKey) {
+            e.preventDefault();
+            e.stopPropagation();
+            setOpenKey(null);
+          }
+        },
+        children: /* @__PURE__ */ jsxs("div", { ref: panelRef, className: "relative", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 border-b border-border px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 13, className: "shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: rootQuery,
+                onChange: (e) => setRootQuery(e.target.value),
+                placeholder: "Filter\u2026",
+                "aria-label": "Filter options and values",
+                className: "h-6 w-full bg-transparent text-[13px] text-foreground outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { role: "menu", "aria-label": triggerLabel, className: "max-h-80 overflow-y-auto p-1", children: rootRows.length === 0 ? /* @__PURE__ */ jsx(EmptyRow, {}) : rootRows.map((row) => {
+            if (row.kind === "option") {
+              const { section: section2, option } = row;
+              const isActive = section2.selected.has(option.key);
+              const isMulti = section2.mode === "multi";
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: isMulti ? "menuitemcheckbox" : "menuitemradio",
+                  "aria-checked": isActive,
+                  onMouseEnter: () => {
+                    clearTimers();
+                    setOpenKey(null);
+                  },
+                  onClick: () => section2.onSelect(option.key),
+                  className: "flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-left text-[13px] transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
+                  children: [
+                    section2.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: section2.icon }),
+                    /* @__PURE__ */ jsx("span", { className: "shrink-0 truncate text-muted-foreground", children: section2.label }),
+                    /* @__PURE__ */ jsx(
+                      ChevronRightIcon,
+                      {
+                        size: 12,
+                        className: "shrink-0 text-muted-foreground",
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-foreground", children: option.label }),
+                    isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "shrink-0 text-brand" })
+                  ]
+                },
+                `${section2.key}:${option.key}`
+              );
+            }
+            const { section } = row;
+            const count = section.selected.size;
+            const valueLabel = section.mode === "single" ? section.options.find((o) => section.selected.has(o.key))?.label ?? "" : "";
+            const isOpen = section.key === openKey;
+            return (
+              /* Hover handlers sit on the wrapper so the cursor can cross
+               * the gap to `section.trailing` without closing the flyout.
+               * The wrapper is not itself a control — the button inside is,
+               * and it carries the keyboard equivalent (ArrowRight / Enter /
+               * Space open the same flyout). Nothing here is mouse-only. */
+              // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ref: (el) => {
+                    if (el) rowRefs.current.set(section.key, el);
+                    else rowRefs.current.delete(section.key);
+                  },
+                  className: "flex items-center gap-0.5",
+                  onMouseEnter: () => scheduleOpen(section.key),
+                  onMouseLeave: scheduleClose,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "menuitem",
+                        "aria-haspopup": "menu",
+                        "aria-expanded": isOpen,
+                        onClick: () => openSection(section.key),
+                        onKeyDown: (e) => {
+                          if (e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            openSection(section.key);
+                            requestAnimationFrame(
+                              () => flyoutRef.current?.querySelector("input, [role='menuitemcheckbox'], [role='menuitemradio']")?.focus()
+                            );
+                          }
+                        },
+                        className: cn(
+                          "flex min-w-0 flex-1 items-center gap-2 rounded-md px-2 py-1.5 text-left text-[13px] text-foreground transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
+                          isOpen && "bg-muted/60"
+                        ),
+                        children: [
+                          section.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: section.icon }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: section.label }),
+                          section.mode === "multi" && count > 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-brand-bg px-1.5 text-[11px] font-medium text-brand", children: count }),
+                          section.mode === "single" && valueLabel && /* @__PURE__ */ jsx("span", { className: "max-w-24 shrink-0 truncate text-[13px] text-muted-foreground", children: valueLabel }),
+                          /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, className: "shrink-0 text-muted-foreground" })
+                        ]
+                      }
+                    ),
+                    section.trailing
+                  ]
+                },
+                section.key
+              )
+            );
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-border p-1", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: onReset,
+              disabled: isAtDefault,
+              className: "h-7 w-full justify-start gap-1.5 px-2 text-xs text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(RotateCcwIcon, { size: 13 }),
+                "Reset to default"
+              ]
+            }
+          ) }),
+          activeSection && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: flyoutRef,
+              role: "menu",
+              "aria-label": activeSection.label,
+              tabIndex: -1,
+              style: { top: flyout.top, width: FLYOUT_WIDTH },
+              className: cn(
+                "absolute z-50 rounded-lg border border-border bg-popover shadow-md",
+                // -mx-1 lets the flyout tuck against the panel so there's no
+                // dead gap for the cursor to fall through on the way over.
+                flyout.side === "left" ? "right-full -mr-1" : "left-full -ml-1"
+              ),
+              onMouseEnter: clearTimers,
+              onMouseLeave: scheduleClose,
+              children: [
+                showFlyoutSearch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 border-b border-border px-2.5 py-1.5", children: [
+                  /* @__PURE__ */ jsx(SearchIcon, { size: 13, className: "shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: sectionQuery,
+                      onChange: (e) => setSectionQuery(e.target.value),
+                      placeholder: `Filter ${activeSection.label.toLowerCase()}\u2026`,
+                      "aria-label": `Filter ${activeSection.label}`,
+                      className: "h-6 w-full bg-transparent text-[13px] text-foreground outline-none placeholder:text-muted-foreground"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: sectionRows.length === 0 ? /* @__PURE__ */ jsx(
+                  EmptyRow,
+                  {
+                    label: activeSection.options.length === 0 ? "Nothing to filter by" : "No matches"
+                  }
+                ) : sectionRows.map((option) => {
+                  const isActive = activeSection.selected.has(option.key);
+                  const isMulti = activeSection.mode === "multi";
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      role: isMulti ? "menuitemcheckbox" : "menuitemradio",
+                      "aria-checked": isActive,
+                      onClick: () => {
+                        activeSection.onSelect(option.key);
+                        if (!isMulti) setOpenKey(null);
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "ArrowLeft") {
+                          e.preventDefault();
+                          setOpenKey(null);
+                          rowRefs.current.get(activeSection.key)?.querySelector("button")?.focus();
+                        }
+                      },
+                      className: cn(
+                        "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[13px] transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
+                        isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      children: [
+                        isMulti && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: cn(
+                              "flex size-3.5 shrink-0 items-center justify-center rounded border transition-colors",
+                              isActive ? "border-brand bg-brand text-fg-on-brand" : "border-border"
+                            ),
+                            children: isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 10 })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label }),
+                        !isMulti && isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "shrink-0 text-brand" })
+                      ]
+                    },
+                    option.key
+                  );
+                }) }),
+                activeSection.mode === "multi" && activeSection.selected.size > 0 && activeSection.onClear && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-1", children: /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: activeSection.onClear,
+                    className: "h-6 w-full justify-start px-2 text-[11px] text-muted-foreground hover:text-foreground",
+                    children: [
+                      "Clear ",
+                      activeSection.selected.size,
+                      " selected"
+                    ]
+                  }
+                ) })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function EmptyRow({ label = "No matches" }) {
+  return /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-[11px] text-muted-foreground", children: label });
+}
 function brandScope(product) {
   return { "data-brand": product };
 }
@@ -18154,6 +18659,6 @@ var BrandScope = forwardRef(function BrandScope2({ product, children, ...props }
 });
 BrandScope.displayName = "BrandScope";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map