@assure-one/design-system 1.25.0 → 1.26.0

package/dist/index.d.ts

@@ -5662,6 +5662,14 @@ interface DisplayMenuSection {
     trailing?: ReactNode;
     /** Force the flyout search box. Auto-enabled past SEARCH_THRESHOLD options. */
     searchable?: boolean;
+    /** Escape hatch: renders in the flyout *instead of* the option list, for
+     *  dimensions a list can't express (a date range, a numeric bound). Sections
+     *  using this supply their own controls and are skipped by root search —
+     *  there are no option labels to match. Prefer `options` where it fits. */
+    content?: ReactNode;
+    /** Value summary on the root row. `single` sections derive this from the
+     *  selected option; `content` sections have no options, so pass it here. */
+    summary?: string;
 }
 interface DisplayMenuProps {
     sections: DisplayMenuSection[];

package/dist/index.js

@@ -18353,6 +18353,7 @@ function DisplayMenu({
       if (section.label.toLowerCase().includes(q)) rows.push({ kind: "section", section });
     }
     for (const section of sections) {
+      if (section.content) continue;
       for (const option of section.options) {
         if (option.label.toLowerCase().includes(q)) rows.push({ kind: "option", section, option });
       }
@@ -18364,7 +18365,7 @@ function DisplayMenu({
     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 showFlyoutSearch = !!activeSection && !activeSection.content && (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: [
@@ -18459,7 +18460,7 @@ function DisplayMenu({
             }
             const { section } = row;
             const count = section.selected.size;
-            const valueLabel = section.mode === "single" ? section.options.find((o) => section.selected.has(o.key))?.label ?? "" : "";
+            const valueLabel = section.summary ?? (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
@@ -18504,7 +18505,7 @@ function DisplayMenu({
                           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 }),
+                          section.mode !== "multi" && 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" })
                         ]
                       }
@@ -18561,7 +18562,12 @@ function DisplayMenu({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: sectionRows.length === 0 ? /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: activeSection.content ? (
+                  /* Consumer-supplied controls (date range, numeric bound).
+                   * Rendered raw — the section owns its own labelling and
+                   * layout; the flyout only provides the surface. */
+                  /* @__PURE__ */ jsx("div", { className: "p-1.5", children: activeSection.content })
+                ) : sectionRows.length === 0 ? /* @__PURE__ */ jsx(
                   EmptyRow,
                   {
                     label: activeSection.options.length === 0 ? "Nothing to filter by" : "No matches"