@adam-milo/ui 1.0.129 → 1.0.131

package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts

@@ -0,0 +1,96 @@
+/**
+ * `DateFilter` styles — composed from the same design tokens as the rest of
+ * the filter family. The popover is wider than the default filter min
+ * (`--size-2xs`) because two months sit side-by-side, so we override the
+ * `FilterContent` width to `--size-lg`. Everything else (typography,
+ * border-radius, spacing) comes straight from `var(--…)` tokens.
+ *
+ * Figma reference: `1 — SaaS / 45054:20258`.
+ *
+ * The cell sizes (40 × 40 day cells, 32 px month/year selectors, 40 px
+ * chevron buttons) come from the Figma frame. We express them via the
+ * `--spacing-*` token scale (`--spacing-10` = 2.5 rem = 40 px) rather than
+ * raw px to stay consistent with the rest of the system — the only literal
+ * px values left are 1-px borders.
+ */
+/** Popover content override — wider than the default to fit two months. */
+export declare const contentStyles: string;
+export declare const presetsRowStyles: string;
+export declare const presetButtonStyles: string;
+/**
+ * Active preset chip. The text color uses `--color-button-blue-pressed`
+ * (a darker brand-blue variant) so it clears WCAG AA contrast against the
+ * 8 %-tint background — the regular `--color-button-blue` fails 4.5 : 1
+ * here (~2.9 : 1).
+ */
+export declare const presetButtonActiveStyles: string;
+export declare const calendarsRowStyles: string;
+export declare const calendarColumnStyles: string;
+export declare const calendarColumnLeftStyles: string;
+export declare const calendarColumnRightStyles: string;
+/** Vertical divider between the two month columns. */
+export declare const calendarDividerStyles: string;
+export declare const calendarHeaderStyles: string;
+export declare const chevronButtonStyles: string;
+export declare const headerSelectsGroupStyles: string;
+/**
+ * Month / year picker buttons — Figma shows them as compact "search-bar"
+ * style boxes (1-px border, 8-px radius, white background). Use the
+ * design system's existing input chrome so focus rings, hover, and
+ * disabled states stay consistent with `Input`.
+ */
+export declare const headerSelectStyles: string;
+export declare const headerSelectValueStyles: string;
+export declare const headerSelectIconStyles: string;
+export declare const weekdayRowStyles: string;
+export declare const weekdayCellStyles: string;
+export declare const monthGridStyles: string;
+export declare const weekRowStyles: string;
+/**
+ * `gridcell` wrapper around each day button. Per WAI-ARIA, the cell role
+ * belongs to a non-button container; placing `role="gridcell"` directly on
+ * the `<button>` overrides its native role and AT announces "gridcell"
+ * instead of "button". Wrapping keeps both semantics intact.
+ */
+export declare const dayCellWrapperStyles: string;
+/**
+ * Footer parse-error message. Screen-reader-only — the input itself flips
+ * `aria-invalid`, so the error text is announced via `aria-describedby`
+ * but never duplicated visually (the input's red border is the visual cue).
+ */
+export declare const footerInputErrorMessageStyles: string;
+/**
+ * A single day cell. Variants live in `dayCellVariants` below — the
+ * component composes them by combining the relevant flags (selected,
+ * in-range, today, outside, disabled).
+ */
+export declare const dayCellBaseStyles: string;
+/**
+ * Dates from the previous / next month — light grey AND unclickable. The
+ * component sets `disabled` on the underlying `<button>`, so we override
+ * the default hover (which would otherwise still light up the cell) and
+ * the focus ring so these cells feel inert.
+ */
+export declare const dayCellOutsideStyles: string;
+/** Mid-range cells (between `from` and `to`, exclusive). */
+export declare const dayCellInRangeStyles: string;
+/**
+ * Range endpoints (`from` or `to`). Uses `--color-button-blue-pressed`
+ * (darker brand-blue) so white glyphs at the 20 px / 400-weight day-cell
+ * size clear WCAG AA — the regular `--color-button-blue` only reaches
+ * ~3.2 : 1 against white, below the 4.5 : 1 threshold for normal text.
+ */
+export declare const dayCellSelectedStyles: string;
+/**
+ * "Today" emphasis when not selected — a subtle ring so users can locate
+ * today without it visually competing with the active range.
+ */
+export declare const dayCellTodayStyles: string;
+export declare const footerOverrideStyles: string;
+export declare const footerInputsGroupStyles: string;
+export declare const footerInputLabelStyles: string;
+export declare const footerInputWrapperStyles: string;
+export declare const footerInputStyles: string;
+export declare const footerInputErrorStyles: string;
+export declare const footerActionsStyles: string;
+//# sourceMappingURL=DateFilter.styles.d.ts.map

package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/DateFilter.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,aAAa,QAOf,CAAC;AAMZ,eAAO,MAAM,gBAAgB,QAIlB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAYpB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAMZ,eAAO,MAAM,kBAAkB,QAGpB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAAsC,CAAC;AAC5E,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,sDAAsD;AACtD,eAAO,MAAM,qBAAqB,QAGvB,CAAC;AAMZ,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAWrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAG1B,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,QAcpB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,sBAAsB,QAKxB,CAAC;AAMZ,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAGnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAA4D,CAAC;AAEzF,eAAO,MAAM,aAAa,QAAyD,CAAC;AAEpF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAAwD,CAAC;AAE1F;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,QAI/B,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,QAWnB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAGvB,CAAC;AAEZ;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAkE,CAAC;AAQlG,eAAO,MAAM,oBAAoB,QAOtB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,QAGxB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAA+B,CAAC;AAErE,eAAO,MAAM,iBAAiB,QAanB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAAkE,CAAC"}

package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts

@@ -0,0 +1,102 @@
+import { ReactNode } from 'react';
+import { DateRangePreset } from './dateUtils';
+
+/**
+ * Value shape used by `DateFilter`. Each bound may be `null` independently
+ * — `{ from: Date, to: null }` is a valid mid-selection state, but only
+ * fully-bounded ranges should be committed via `onApply` (the calendar
+ * UI enforces this by requiring two clicks).
+ *
+ * Both `null` ↔ "no filter applied".
+ */
+export interface DateFilterValue {
+    from: Date | null;
+    to: Date | null;
+}
+/** Labels for the four header shortcut buttons (i18n hook). */
+export interface DateFilterPresetLabels {
+    today: ReactNode;
+    lastWeek: ReactNode;
+    lastMonth: ReactNode;
+    lastYear: ReactNode;
+}
+/** Labels for the footer From/To fields (i18n hook). */
+export interface DateFilterFooterLabels {
+    from: ReactNode;
+    to: ReactNode;
+}
+export type { DateRangePreset } from './dateUtils';
+export interface DateFilterProps {
+    /** Controlled committed value. */
+    value?: DateFilterValue;
+    /** Initial committed value (uncontrolled). */
+    defaultValue?: DateFilterValue;
+    /** Fires on Apply. */
+    onApply?: (value: DateFilterValue) => void;
+    /**
+     * Initial month shown on the LEFT calendar (the RIGHT is always
+     * `leftMonth + 1`). Defaults to `today` (or `from`/`to` if set). The
+     * `Date`'s day-of-month is ignored — only year + month matter.
+     */
+    defaultViewMonth?: Date;
+    /**
+     * Override "today" for deterministic rendering (tests, Storybook, SSR).
+     * Defaults to `new Date()`. The shortcut presets and the highlighted
+     * "today" cell both honor this.
+     */
+    today?: Date;
+    /** Optional title shown above the calendar grid. */
+    title?: ReactNode;
+    /**
+     * Override the four shortcut button labels — handy for translation.
+     * Pass `null` to hide a specific preset entirely.
+     */
+    presetLabels?: Partial<DateFilterPresetLabels>;
+    /**
+     * Hide the shortcut button row entirely. Defaults to `false` (shown).
+     */
+    hidePresets?: boolean;
+    /**
+     * Set of presets to include (in order). Defaults to all four. Pass an
+     * empty array to render an empty shortcut row, or `[]` + `hidePresets`
+     * to skip the row.
+     */
+    presets?: DateRangePreset[];
+    /** Footer From/To label overrides. */
+    footerLabels?: Partial<DateFilterFooterLabels>;
+    /**
+     * Hide the editable From/To inputs in the footer. Defaults to `false`.
+     * When hidden, only the Reset + Apply buttons remain in the footer.
+     */
+    hideFooterInputs?: boolean;
+    /** Format function for the From/To input display string. Defaults to "1 June 2026". */
+    formatValue?: (date: Date) => string;
+    /**
+     * Parse the user's typed string back into a `Date`. Should return
+     * `null` for unparseable text. Defaults to a lenient parser that
+     * accepts `"1 June 2026"`, `"1 Jun 2026"`, `"1/6/2026"`, and
+     * `"2026-06-01"`.
+     */
+    parseValue?: (input: string) => Date | null;
+    /** Accessible label for the trigger button. */
+    'aria-label'?: string;
+    /** Controlled popover open state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger entirely. */
+    disabled?: boolean;
+    /** Suppress the Reset button. Defaults to `false`. */
+    hideReset?: boolean;
+    /**
+     * Half-window (in years) around the currently viewed year that the
+     * month/year dropdowns expose for quick navigation. The dropdown lists
+     * `[viewYear - yearRange, viewYear + yearRange]` inclusive — e.g. the
+     * default `10` gives a 21-year window, which is tight for birthdays.
+     * Bump it for date-of-birth pickers (e.g. `100`).
+     */
+    yearRange?: number;
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=DateFilter.types.d.ts.map

package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/DateFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;CACjB;AAED,+DAA+D;AAC/D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wDAAwD;AACxD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,SAAS,CAAC;CACf;AAED,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,uFAAuF;IACvF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAErC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IAE5C,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/components/data-display/date-filter/dateUtils.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Date utilities for the `DateFilter`.
+ *
+ * Everything here is *local-time* arithmetic — the filter is a UI for picking
+ * calendar days (no time-of-day), so we normalize to midnight and never call
+ * `toISOString()` or other UTC-coerced APIs. Two `Date` objects represent
+ * the same calendar day iff `.getFullYear() / .getMonth() / .getDate()`
+ * match.
+ *
+ * The functions are kept side-effect free and return *new* `Date` instances —
+ * never mutate the input.
+ */
+/** Sunday-based weekday short names — matches the Figma reference order. */
+export declare const WEEKDAY_SHORT: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export declare const MONTHS_SHORT: readonly string[];
+export declare const MONTHS_LONG: readonly string[];
+/** Strip the time component, returning midnight of the same local day. */
+export declare function startOfDay(date: Date): Date;
+/** First day of the month containing `date` (00:00 local). */
+export declare function startOfMonth(date: Date): Date;
+/** Last day of the month containing `date` (00:00 local). */
+export declare function endOfMonth(date: Date): Date;
+/**
+ * Add `n` months while preserving the day-of-month, clamping to the last
+ * day of the target month when the source day doesn't exist there (e.g.
+ * Jan 31 + 1 month → Feb 28/29 rather than spilling into March).
+ */
+export declare function addMonths(date: Date, n: number): Date;
+/**
+ * Add `n` years, preserving month + day-of-month. Feb 29 in a leap year
+ * clamps to Feb 28 when the target year isn't a leap year.
+ */
+export declare function addYears(date: Date, n: number): Date;
+/** Add `n` days, preserving the time-of-day (typically 00:00 from `startOfDay`). */
+export declare function addDays(date: Date, n: number): Date;
+/** Same calendar day in local time. */
+export declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** Same calendar month + year in local time. */
+export declare function isSameMonth(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** -1 if `a` is earlier, 1 if later, 0 if same day. */
+export declare function compareDay(a: Date, b: Date): number;
+/** Inclusive `from <= date <= to`. Either bound may be `null`. */
+export declare function isInRange(date: Date, from: Date | null, to: Date | null): boolean;
+/**
+ * Build the Sunday-aligned 7-col grid of `Date` cells for the month
+ * containing `viewMonth`. Each cell is a real `Date`; cells that fall
+ * outside the focused month are tagged so the renderer can grey them
+ * out *and* make them unclickable.
+ *
+ * Row count is the **minimum** needed to cover every in-month day. A
+ * Sunday-starting February (28 days) needs 4 rows, most months need 5,
+ * and only the worst case (a 31-day month that begins on Saturday) needs
+ * 6. We intentionally do NOT pad to a fixed 6 rows — the design (and
+ * Figma reference) crops trailing all-next-month rows.
+ */
+export declare function buildMonthGrid(viewMonth: Date): {
+    date: Date;
+    outside: boolean;
+}[];
+/**
+ * Format a `Date` as `"1 June 2026"`. This is the literal format shown in
+ * the Figma footer; using `toLocaleDateString` here would silently change
+ * the wording when the host's locale differs.
+ */
+export declare function formatDateLong(date: Date): string;
+/**
+ * Parse the inverse of `formatDateLong`. Accepts a few user-friendly
+ * variants — `"1 June 2026"`, `"1 Jun 2026"`, `"1/6/2026"`,
+ * `"2026-06-01"` — and returns `null` if it can't make sense of the input.
+ *
+ * Returning `null` (rather than throwing) keeps callers' onChange paths
+ * simple: keep the existing draft and ignore unparseable text.
+ */
+export declare function parseDateInput(input: string): Date | null;
+/**
+ * Value-equality for two `DateFilterValue`s. Plain JSON comparison would
+ * stringify `Date` objects via `toISOString`, which is *almost* right, but
+ * we want `null === null` to be `true` without serializing — and we want
+ * to defend against accidental TZ drift, so we explicitly compare local
+ * calendar days.
+ */
+export declare function dateRangeEquals(a: {
+    from: Date | null;
+    to: Date | null;
+}, b: {
+    from: Date | null;
+    to: Date | null;
+}): boolean;
+/**
+ * Range presets used by the header shortcut buttons. Each preset returns
+ * a `[from, to]` pair anchored on `today` (defaults to *now*). The product
+ * convention is "last N days inclusive" — e.g. "Last Week" = the last 7
+ * days, where today is the 7th — so the trigger pill reads as "X – today".
+ */
+export type DateRangePreset = 'today' | 'last-week' | 'last-month' | 'last-year';
+export declare function getPresetRange(preset: DateRangePreset, today?: Date): {
+    from: Date;
+    to: Date;
+};
+//# sourceMappingURL=dateUtils.d.ts.map

package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/dateUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgCH,4EAA4E;AAC5E,eAAO,MAAM,aAAa,qDAAsD,CAAC;AAEjF,eAAO,MAAM,YAAY,mBAAkC,CAAC;AAC5D,eAAO,MAAM,WAAW,mBAAiC,CAAC;AAE1D,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE7C;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAMrD;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAKpD;AAED,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAInD;AAED,uCAAuC;AACvC,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAOzF;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAG3F;AAED,uDAAuD;AACvD,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,CAInD;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAIjF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,IAAI,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,EAAE,CAelF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEjD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA+CzD;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,CAAC,EAAE;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,EACzC,CAAC,EAAE;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,GACxC,OAAO,CAOT;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAEjF,wBAAgB,cAAc,CAC5B,MAAM,EAAE,eAAe,EACvB,KAAK,GAAE,IAAiB,GACvB;IACD,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,IAAI,CAAC;CACV,CAgBA"}

package/dist/src/components/data-display/filter/Filter.component.d.ts

@@ -0,0 +1,21 @@
+import { FilterApplyProps, FilterBodyProps, FilterContentProps, FilterContextValue, FilterFooterProps, FilterProps, FilterResetProps, FilterTitleProps, FilterTriggerProps } from './Filter.types';
+
+export type { FilterApplyProps, FilterBodyProps, FilterContentProps, FilterContextValue, FilterFooterProps, FilterProps, FilterResetProps, FilterTitleProps, FilterTriggerProps, } from './Filter.types';
+/**
+ * Access the surrounding `Filter` context. The `T` generic must match the
+ * shape passed to the `Filter` provider — TypeScript can't infer this through
+ * context, so consumers cast at the call site.
+ *
+ * @example
+ *   const { draftValue, setDraftValue, isActive } = useFilter<string[]>();
+ */
+export declare function useFilter<T = unknown>(): FilterContextValue<T>;
+export declare function Filter<T>({ value: controlledValue, defaultValue, emptyValue, onApply, open: controlledOpen, defaultOpen, onOpenChange, isActive: customIsActive, compareValues, normalizeValue, children, }: FilterProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const FilterTrigger: import('react').ForwardRefExoticComponent<FilterTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const FilterContent: import('react').ForwardRefExoticComponent<FilterContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FilterTitle: import('react').ForwardRefExoticComponent<FilterTitleProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FilterBody: import('react').ForwardRefExoticComponent<FilterBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FilterFooter: import('react').ForwardRefExoticComponent<FilterFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FilterApply: import('react').ForwardRefExoticComponent<FilterApplyProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const FilterReset: import('react').ForwardRefExoticComponent<FilterResetProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Filter.component.d.ts.map

package/dist/src/components/data-display/filter/Filter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter/Filter.component.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AASxB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAQxB;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAM9D;AAkBD,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAQ,EAAE,cAAc,EACxB,aAAa,EACb,cAAc,EACd,QAAQ,GACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CA8FhB;AAMD,eAAO,MAAM,aAAa,kHAgBzB,CAAC;AAOF,eAAO,MAAM,aAAa,+GAYzB,CAAC;AAOF,eAAO,MAAM,WAAW,6GAUvB,CAAC;AAGF,eAAO,MAAM,UAAU,4GAUtB,CAAC;AAGF,eAAO,MAAM,YAAY,8GAUxB,CAAC;AAOF,eAAO,MAAM,WAAW,gHAuCvB,CAAC;AAGF,eAAO,MAAM,WAAW,gHAkEvB,CAAC"}

package/dist/src/components/data-display/filter/Filter.styles.d.ts

@@ -0,0 +1,27 @@
+export declare const contentStyles: string;
+export declare const titleStyles: string;
+export declare const bodyStyles: string;
+export declare const footerStyles: string;
+/**
+ * `FilterReset` button — Figma-exact 40 × 40 square with a 16 × 16 glyph
+ * centered inside 12 px padding on every side.
+ *
+ * Why these tokens:
+ * - **Outer:** `--spacing-10` (2.5 rem = 40 px) matches the Figma frame.
+ * - **Padding:** `--spacing-3` (0.75 rem = 12 px) matches Figma's 12 px gap
+ *   from the frame edge to the glyph on every side.
+ * - **Glyph:** 16 × 16 supplied by `Icon size="md"` at the call site.
+ * - **Radius:** `rounded-12` matches the IconButton convention (also a
+ *   token-derived value, not a magic px).
+ * - **Hover:** `--color-bg-secondary` (#f3f3f5) — quiet light-gray fill,
+ *   matching the option-row hover so the popover feels cohesive.
+ * - **Focus:** `btn-focus-text` — the design system's standard text-color
+ *   focus ring effect.
+ *
+ * The component renders a plain `<button>` (not `IconButton`) and uses
+ * `<Icon color="system-text">` so the muted stroke color comes from a
+ * **token, via the Icon's own color API** — no `!important`, no inline-
+ * style override fight.
+ */
+export declare const resetButtonStyles: string;
+//# sourceMappingURL=Filter.styles.d.ts.map

package/dist/src/components/data-display/filter/Filter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter/Filter.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,QAWf,CAAC;AAEZ,eAAO,MAAM,WAAW,QAAgE,CAAC;AAEzF,eAAO,MAAM,UAAU,QAWZ,CAAC;AAEZ,eAAO,MAAM,YAAY,QAOd,CAAC;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,iBAAiB,QAYnB,CAAC"}

package/dist/src/components/data-display/filter/Filter.types.d.ts

@@ -0,0 +1,141 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { PopoverContentProps } from '../../overlays/popover/Popover.types';
+
+/**
+ * Context shared by every `Filter` sub-component. The `T` generic carries the
+ * filter's value shape (e.g. `string[]` for a checkbox filter, `[number, number]`
+ * for a range filter). Consumer code reads it via `useFilter<T>()`.
+ */
+export interface FilterContextValue<T = unknown> {
+    /** Value the popover is currently editing (uncommitted). */
+    draftValue: T;
+    /** Update the in-progress draft. */
+    setDraftValue: (value: T) => void;
+    /** Value currently applied to the data outside the popover. */
+    committedValue: T;
+    /** The "empty" sentinel value used by `reset()` and `isActive`. */
+    emptyValue: T;
+    /** Whether the committed value differs from `emptyValue`. */
+    isActive: boolean;
+    /** Whether the popover is open. */
+    open: boolean;
+    /** Programmatically open/close the popover. */
+    setOpen: (open: boolean) => void;
+    /** Commit the current draft and close the popover. */
+    apply: () => void;
+    /**
+     * Clear the filter entirely — commits `emptyValue`, fires `onApply`, and
+     * closes the popover. Behaves as if the user manually cleared all
+     * inputs and clicked Apply. The draft is also cleared so the next open
+     * starts fresh.
+     */
+    reset: () => void;
+    /** Close without committing. Draft is discarded on next open. */
+    cancel: () => void;
+    /**
+     * Value equality used internally by sub-components (e.g. `FilterApply`
+     * checks whether `draftValue` equals `committedValue`). Honors the
+     * `compareValues` prop on `Filter`, falling back to JSON equality.
+     */
+    areEqual: (a: T, b: T) => boolean;
+}
+export interface FilterProps<T> {
+    /** Controlled committed value. */
+    value?: T;
+    /** Initial committed value in uncontrolled mode. */
+    defaultValue?: T;
+    /** Sentinel representing "no filter applied" (e.g. `[]`, `null`, `''`). */
+    emptyValue: T;
+    /** Called when the user clicks `FilterApply`. */
+    onApply?: (value: T) => void;
+    /** Controlled open state of the popover. */
+    open?: boolean;
+    /** Initial open state for uncontrolled mode. */
+    defaultOpen?: boolean;
+    /** Called when the popover open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Optional custom check for whether a value should be considered "active".
+     * Defaults to a JSON-equality check against `emptyValue`.
+     */
+    isActive?: (value: T) => boolean;
+    /**
+     * Compare draft vs committed (and committed vs empty) for equality. Used by
+     * `FilterApply` to decide when the draft is "unchanged" and by `isActive`'s
+     * default implementation. Defaults to a JSON-equality check, which is fine
+     * for primitives / plain objects but breaks for `Date` and other non-JSON
+     * shapes — pass a custom predicate in those cases.
+     */
+    compareValues?: (a: T, b: T) => boolean;
+    /**
+     * Optional last-mile transform applied to the draft just before it's
+     * committed via `apply()`. Runs for both the controlled and uncontrolled
+     * paths and for the value passed to `onApply`, so the consumer never sees
+     * a semantically broken draft state that the UI tolerated during editing.
+     *
+     * Use cases:
+     *   - RangeFilter swapping `{min: 80, max: 20}` → `{min: 20, max: 80}`
+     *     when the user typed an inverted pair (the slider sorts visually but
+     *     the underlying draft preserved the typed order).
+     *
+     * Reset is unaffected — it always commits `emptyValue` verbatim.
+     */
+    normalizeValue?: (value: T) => T;
+    children: ReactNode;
+}
+export interface FilterTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Render the trigger as the child element (passing trigger handlers down).
+     * Use when wrapping a custom button or anchor.
+     */
+    asChild?: boolean;
+    /**
+     * Override the auto-derived `active` state on the default `FilterButton`.
+     * Ignored when `asChild` is true.
+     */
+    active?: boolean;
+}
+export interface FilterContentProps extends Omit<PopoverContentProps, 'data-cy' | 'data-testid'> {
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export interface FilterTitleProps extends HTMLAttributes<HTMLDivElement> {
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export interface FilterBodyProps extends HTMLAttributes<HTMLDivElement> {
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export interface FilterFooterProps extends HTMLAttributes<HTMLDivElement> {
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export interface FilterApplyProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Override the default "Apply" text. */
+    children?: ReactNode;
+    /**
+     * Disable Apply when the draft equals the committed value. Defaults to
+     * `true` — the typical UX is that the orange Apply button only "lights up"
+     * once the user has actually changed something. Set to `false` to allow
+     * re-applying the same value (e.g. to trigger a refetch).
+     */
+    disabledWhenUnchanged?: boolean;
+}
+export interface FilterResetProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Custom label for the (default) text variant. Defaults to "Reset". */
+    children?: ReactNode;
+    /**
+     * Auto-hide the reset control when the filter has no committed value
+     * (`isActive === false`). Defaults to `true`, matching the spec —
+     * "Reset is visible only when an applied value exists". Set to `false` to
+     * always render the button (e.g. for layout stability).
+     */
+    autoHide?: boolean;
+    /**
+     * Accessible label used when no text `children` are supplied (icon-only
+     * mode). Defaults to "Reset filter".
+     */
+    'aria-label'?: string;
+}
+//# sourceMappingURL=Filter.types.d.ts.map

package/dist/src/components/data-display/filter/Filter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter/Filter.types.ts"],"names":[],"mappings":"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"}

package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts

@@ -0,0 +1,5 @@
+import { FilterButtonProps } from './FilterButton.types';
+
+export type { FilterButtonProps } from './FilterButton.types';
+export declare const FilterButton: import('react').ForwardRefExoticComponent<FilterButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=FilterButton.component.d.ts.map

package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter-button/FilterButton.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,iHAiDxB,CAAC"}

package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const baseStyles: string;
+/**
+ * When the filter has a value applied: the icon stays teal even at rest and
+ * the hover background switches to the neutral `--color-paper-blue` so the
+ * orange "active" dot remains visually dominant (matches the Figma
+ * "Active + H" spec).
+ */
+export declare const activeStyles: string;
+export declare const dotStyles: string;
+//# sourceMappingURL=FilterButton.styles.d.ts.map

package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter-button/FilterButton.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,YAAY,QAGd,CAAC;AAEZ,eAAO,MAAM,SAAS,QAKX,CAAC"}

package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes } from 'react';
+
+export interface FilterButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Whether the filter has any value applied. Renders the orange-dot
+     * indicator and keeps the icon in its "active" (teal) color even when
+     * not hovered. Equivalent to the Figma "Active" / "Active + H" states.
+     */
+    active?: boolean;
+    /**
+     * Accessible label describing the filter (e.g. "Filter by status").
+     * Required when the button has no visible text content.
+     */
+    'aria-label'?: string;
+    'data-testid'?: string;
+    'data-cy'?: string;
+}
+//# sourceMappingURL=FilterButton.types.d.ts.map

package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/filter-button/FilterButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts

@@ -0,0 +1,8 @@
+import { NumericFilterProps } from './NumericFilter.types';
+
+export type { NumericFilterProps, NumericFilterValue } from './NumericFilter.types';
+export declare function NumericFilter({ value, defaultValue, onApply, min, max, step, title, inputPlaceholder, open, defaultOpen, onOpenChange, disabled, hideReset, allowMin, 'aria-label': ariaLabel, 'data-cy': dataCy, 'data-testid': dataTestId, }: NumericFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace NumericFilter {
+    var displayName: string;
+}
+//# sourceMappingURL=NumericFilter.component.d.ts.map

package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericFilter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/numeric-filter/NumericFilter.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,uBAAuB,CAAC;AAGpF,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA0GpF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAiB,EACjB,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,UAAU,GAC1B,EAAE,kBAAkB,2CAiDpB;yBAnEe,aAAa"}

package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Same-row layout: slider on the left (flex-1), numeric input on the right
+ * (fixed token-aligned width). Vertical alignment is centered so the rail
+ * sits at the input's mid-line.
+ *
+ * Figma reference (1 — SaaS / 45041:18776):
+ *   gap-3  (12px) between slider and input
+ *   small input ~58px — we use --spacing-16 (64px) as the closest design
+ *   token; this also leaves room for 3-digit values without clipping.
+ */
+export declare const rowStyles: string;
+export declare const sliderColumnStyles: string;
+export declare const inputColumnStyles: string;
+//# sourceMappingURL=NumericFilter.styles.d.ts.map

package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/numeric-filter/NumericFilter.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,QAAgE,CAAC;AAEvF,eAAO,MAAM,kBAAkB,QAA+B,CAAC;AAE/D,eAAO,MAAM,iBAAiB,QAA+C,CAAC"}