@lateralus-ai/shipping-ui 2.0.0-dev.22 → 2.0.0-dev.24

package/dist/domain/Filters/FilterDropdown.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, CSSProperties, ReactNode } from 'react';
+import { FilterPillAppearance } from './FilterPill';
 /** One selectable row at a leaf list. */
 export type FilterOption = {
     value: string;
@@ -30,14 +31,27 @@ export type FilterNestedItem = {
     label: string;
     content: FilterSubmenuContent;
 };
-/** Left column row that opens a (possibly nested) submenu on the right. */
+/** Left-column row that opens a (possibly nested) submenu panel. */
 export type FilterCategorySubmenuRow = {
     kind?: "submenu";
     id: string;
     label: string;
     content: FilterSubmenuContent;
 };
-/** Left column row: inline check toggle (no right panel). */
+/**
+ * Options rendered inline in the first panel (no chevron / second column).
+ * Mix with submenu rows for hybrid menus (e.g. Status submenu + Sort by flat).
+ */
+export type FilterCategoryInlineOptionsRow = {
+    kind: "inline-options";
+    id: string;
+    /** Small section header above the options (e.g. "Sort by"). */
+    title?: string;
+    selectionKey: string;
+    selectionMode?: FilterSelectionMode;
+    options: FilterOption[];
+};
+/** First-panel row: label + Switch (no right panel). */
 export type FilterCategoryToggleRow = {
     kind: "toggle";
     id: string;
@@ -45,7 +59,7 @@ export type FilterCategoryToggleRow = {
     checked: boolean;
     onCheckedChange: (checked: boolean) => void;
 };
-export type FilterCategoryRow = FilterCategorySubmenuRow | FilterCategoryToggleRow;
+export type FilterCategoryRow = FilterCategorySubmenuRow | FilterCategoryInlineOptionsRow | FilterCategoryToggleRow;
 type ResolvedSubmenuView = {
     kind: "folders";
     items: FilterNestedItem[];
@@ -66,7 +80,10 @@ export declare function resolveSubmenuView(content: FilterSubmenuContent, path:
 export type FilterDropdownProps = {
     align?: "start" | "center" | "end";
     sideOffset?: number;
-    /** Left column: submenu roots and/or toggles. */
+    /**
+     * First panel rows — mix freely:
+     * submenu (chevron + second panel), inline-options (flat list), toggle (Switch).
+     */
     categoryRows: FilterCategoryRow[];
     selectedValuesBySelectionKey: Record<string, string[] | undefined>;
     /**
@@ -76,18 +93,27 @@ export type FilterDropdownProps = {
     onSelectOption: (selectionKey: string, optionValue: string) => void;
     onResetAll: () => void;
     resetAllLabel?: string;
+    /** When false, hides the Reset all footer. Default true. */
+    showResetAll?: boolean;
     activeFilterCount: number;
     getOptionLabelStyle?: (selectionKey: string, optionValue: string) => CSSProperties | undefined;
     zIndexClass?: string;
     /** Replace the default FilterPill trigger. */
     trigger?: ReactNode;
+    /** Passed to the default FilterPill when `trigger` is omitted. */
+    triggerAppearance?: FilterPillAppearance;
+    /**
+     * Which side the options panel attaches to the category column.
+     * Carets stay on the right of category rows either way.
+     */
+    submenuSide?: "left" | "right";
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     className?: string;
 };
 /**
- * Filters trigger + two-column popover (audit-prep pattern).
- * Supports multi/single option leaves, nested folders, custom panels, and toggles.
+ * Filters trigger + popover. First panel supports hybrid rows: submenus,
+ * inline option lists, and Switch toggles. Submenus open a second column.
  */
-export declare function FilterDropdown({ align, sideOffset, categoryRows, selectedValuesBySelectionKey, onSelectOption, onResetAll, resetAllLabel, activeFilterCount, getOptionLabelStyle, zIndexClass, trigger, open: openControlled, onOpenChange, className, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterDropdown({ align, sideOffset, categoryRows, selectedValuesBySelectionKey, onSelectOption, onResetAll, resetAllLabel, showResetAll, activeFilterCount, getOptionLabelStyle, zIndexClass, trigger, triggerAppearance, submenuSide, open: openControlled, onOpenChange, className, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/domain/Filters/FilterPill.d.ts

@@ -1,13 +1,23 @@
 import { ButtonHTMLAttributes } from 'react';
+export type FilterPillAppearance = "filled" | "ghost";
 export type FilterPillProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
-    /** When > 0, trigger uses active (blue) fill and shows a count badge. */
+    /** When > 0, shows the orange count badge. */
     activeFilterCount?: number;
+    /**
+     * `filled` — grey idle / blue when active (Figma default).
+     * `ghost` — white idle and active; only hover changes surface color.
+     */
+    appearance?: FilterPillAppearance;
 };
 /**
  * Filter trigger — Figma Filter Pill (6154:149608 / 6154:149599).
- * Idle: grey-100. Active: accent blue-100 + orange count badge.
  */
 export declare const FilterPill: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
-    /** When > 0, trigger uses active (blue) fill and shows a count badge. */
+    /** When > 0, shows the orange count badge. */
     activeFilterCount?: number;
+    /**
+     * `filled` — grey idle / blue when active (Figma default).
+     * `ghost` — white idle and active; only hover changes surface color.
+     */
+    appearance?: FilterPillAppearance;
 } & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/domain/Filters/index.d.ts

@@ -1,8 +1,8 @@
 export { FiltersBar, type FiltersBarFilters, type FiltersBarProps, type FiltersBarTabs, } from './FiltersBar';
 export { FilteredPill, type FilteredPillProps, } from './FilteredPill';
-export { FilterPill, type FilterPillProps, } from './FilterPill';
+export { FilterPill, type FilterPillAppearance, type FilterPillProps, } from './FilterPill';
 export { FilterPills, type FilterPillsItem, type FilterPillsProps, } from './FilterPills';
-export { FilterDropdown, resolveSubmenuView, type FilterCategoryRow, type FilterCategorySubmenuRow, type FilterCategoryToggleRow, type FilterDropdownProps, type FilterNestedItem, type FilterOption, type FilterSelectionMode, type FilterSubmenuContent, } from './FilterDropdown';
+export { FilterDropdown, resolveSubmenuView, type FilterCategoryInlineOptionsRow, type FilterCategoryRow, type FilterCategorySubmenuRow, type FilterCategoryToggleRow, type FilterDropdownProps, type FilterNestedItem, type FilterOption, type FilterSelectionMode, type FilterSubmenuContent, } from './FilterDropdown';
 export { formatActiveFilterChipLabel } from './formatActiveFilterChipLabel';
 /** @deprecated Use `activeFilterCount` on FilterPill instead. */
 export type FilterPillIndicator = "on" | "off";