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

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,7 +31,7 @@ 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;
@@ -81,6 +82,13 @@ export type FilterDropdownProps = {
     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;
@@ -89,5 +97,5 @@ export type FilterDropdownProps = {
  * Filters trigger + two-column popover (audit-prep pattern).
  * Supports multi/single option leaves, nested folders, custom panels, and toggles.
  */
-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, 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,6 +1,6 @@
 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 { formatActiveFilterChipLabel } from './formatActiveFilterChipLabel';