thread-ui 0.5.0 → 0.7.0

package/README.md

@@ -52,7 +52,7 @@ Component CSS is pre-generated using Panda CSS, so components render correctly s
 
 ### UI Elements
 
-`Button` `Card` `Divider` `Icon` `IconButton` `Modal` `Toggle`
+`Button` `Card` `Divider` `Icon` `IconButton` `Modal` `Toggle` `DotsLoader` `SpinLoader` `Skeleton` `SkeletonLayout`
 
 ### Media Display
 
@@ -72,4 +72,12 @@ Component CSS is pre-generated using Panda CSS, so components render correctly s
 
 ### Layout Components
 
-`ColumnLayout` `Footer` `MasonryLayout`
+`Container` `ColumnLayout` `Footer` `MasonryLayout`
+
+### Data Display
+
+`DataDisplayControls` `FilterControls` `SortControls`
+
+## Hooks
+
+`useClickOutside` `useDismiss` `usePathname`

package/dist/components/data-display/data-display-controls/data-display-controls.d.ts

@@ -0,0 +1,2 @@
+import { DataDisplayControlsProps } from './data-display-controls.types';
+export declare const DataDisplayControls: <T>({ fields, sortFields, activeSort, activeFilters, onClearAll, isDefault, isActive, onClearFilter, onToggleFilter, onToggleSort, size, color, filterVariant, showFilterLabel, showSortLabel, }: DataDisplayControlsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/data-display-controls/data-display-controls.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from '../../../styled-system/css';
+import { FilterControls, InlineFilterControls } from '../filter-controls';
+import { SortControls } from '../sort-controls';
+import { Button } from '../../../components/ui';
+const styles = cva({
+    base: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'start',
+    },
+    variants: {
+        size: {
+            sm: { gap: 1 },
+            md: { gap: 2 },
+            lg: { gap: 3 },
+        },
+    },
+});
+export const DataDisplayControls = ({ fields, sortFields, activeSort, activeFilters, onClearAll, isDefault, isActive, onClearFilter, onToggleFilter, onToggleSort, size, color, filterVariant = 'inline', showFilterLabel, showSortLabel, }) => {
+    const sharedProps = {
+        color,
+        size,
+        hideReset: true,
+        neutralWhenInactive: true,
+    };
+    const filterProps = {
+        isDefault,
+        fields: fields.map((f) => ({ ...f })),
+        activeFilters,
+        onClear: onClearFilter,
+        onClearAll,
+        onToggle: onToggleFilter,
+        isActive,
+        showFilterLabel,
+    };
+    const sortProps = {
+        fields: sortFields,
+        activeSort,
+        onToggle: onToggleSort,
+        onClear: onClearAll,
+        isDefault,
+        showSortLabel,
+    };
+    const Filter = filterVariant === 'standard' ? FilterControls : InlineFilterControls;
+    return (_jsxs("div", { className: styles({ size }), children: [_jsx(Filter, { ...sharedProps, ...filterProps }), _jsx(SortControls, { ...sharedProps, ...sortProps }), !isDefault && (_jsx(Button, { ariaLabel: "Clear all filters and Sorting", size: "sm", onClick: onClearAll, text: true, children: "Reset" }))] }));
+};
+//# sourceMappingURL=data-display-controls.js.map

package/dist/components/data-display/data-display-controls/data-display-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-display-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-display-controls/data-display-controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,OAAO;KACnB;IACD,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;YACd,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;YACd,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;SACd;KACD;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAK,EACvC,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACR,aAAa,EACb,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,QAAQ,EACxB,eAAe,EACf,aAAa,GACgB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG;QACnB,KAAK;QACL,IAAI;QACJ,SAAS,EAAE,IAAI;QACf,mBAAmB,EAAE,IAAI;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG;QACnB,SAAS;QACT,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACrC,aAAa;QACb,OAAO,EAAE,aAAa;QACtB,UAAU;QACV,QAAQ,EAAE,cAAc;QACxB,QAAQ;QACR,eAAe;KACf,CAAC;IAEF,MAAM,SAAS,GAAG;QACjB,MAAM,EAAE,UAAU;QAClB,UAAU;QACV,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,UAAU;QACnB,SAAS;QACT,aAAa;KACb,CAAC;IAEF,MAAM,MAAM,GAAG,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEpF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,aAC/B,KAAC,MAAM,OAAK,WAAW,KAAM,WAAW,GAAI,EAC5C,KAAC,YAAY,OAAK,WAAW,KAAM,SAAS,GAAI,EAC/C,CAAC,SAAS,IAAI,CACd,KAAC,MAAM,IACN,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,EACnB,IAAI,4BAGI,CACT,IACI,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/data-display/data-display-controls/data-display-controls.types.d.ts

@@ -0,0 +1,19 @@
+import { Override, Prettify } from '../../../types';
+import { SortControlsConfig, SortField, SortControlsProps } from '../sort-controls/sort-controls.types';
+import { FilterControlsConfig, ResolvedFilterField, FilterControlsBaseProps } from '../filter-controls/filter-controls.types';
+export type DataField<T> = Prettify<Override<SortField<T> & ResolvedFilterField<T>, {}>>;
+export type DataDisplayControlsConfig<T> = Prettify<Override<SortControlsConfig<T> & FilterControlsConfig<T>, {
+    fields: DataField<T>[];
+}>>;
+export type DataDisplayControlsData<T> = {
+    refinedData: T[];
+    dataDisplayControlsProps: DataDisplayControlsProps<T>;
+};
+export type DataDisplayControlsProps<T> = Prettify<Omit<SortControlsProps<T> & FilterControlsBaseProps<T>, 'fields' | 'hideReset' | 'onToggle' | 'onClear'> & {
+    fields: DataField<T>[];
+    sortFields: DataField<T>[];
+    onToggleSort: SortControlsProps<T>['onToggle'];
+    onClearFilter: FilterControlsBaseProps<T>['onClear'];
+    onToggleFilter: FilterControlsBaseProps<T>['onToggle'];
+    filterVariant?: 'standard' | 'inline';
+}>;

package/dist/components/data-display/data-display-controls/data-display-controls.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data-display-controls.types.js.map

package/dist/components/data-display/data-display-controls/data-display-controls.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-display-controls.types.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-display-controls/data-display-controls.types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/data-display-controls/index.d.ts

@@ -0,0 +1,2 @@
+export type { DataDisplayControlsProps } from './data-display-controls.types';
+export { DataDisplayControls } from './data-display-controls';

package/dist/components/data-display/data-display-controls/index.js

@@ -0,0 +1,2 @@
+export { DataDisplayControls } from './data-display-controls';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/data-display-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-display-controls/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/data-display/data-display-controls/use-data-display-controls.d.ts

@@ -0,0 +1,2 @@
+import { DataDisplayControlsConfig, DataDisplayControlsData } from './data-display-controls.types';
+export declare const useDataDisplayControls: <T>({ data, defaultSort, defaultFilters, filterMode, multiSort, fields, }: DataDisplayControlsConfig<T>) => DataDisplayControlsData<T>;

package/dist/components/data-display/data-display-controls/use-data-display-controls.js

@@ -0,0 +1,41 @@
+'use client';
+import { useFilterControls } from '../filter-controls';
+import { useSortControls } from '../sort-controls';
+export const useDataDisplayControls = ({ data, defaultSort, defaultFilters, filterMode, multiSort, fields, }) => {
+    const { filteredData, clearAllFilters, clearFilter, filterControlsProps, activeFilters, toggleFilter, } = useFilterControls({
+        data,
+        fields,
+        filterMode,
+        defaultFilters,
+    });
+    const sortFields = filterControlsProps.fields.filter((field) => {
+        const unique = new Set(filteredData.map((row) => row[field.key]));
+        return unique.size > 1;
+    });
+    const { sortedData: refinedData, activeSort, clearSort, toggleSort, sortControlsProps, } = useSortControls({
+        data: filteredData,
+        fields: sortFields,
+        defaultSort,
+        multiSort,
+    });
+    const onClearAll = () => {
+        clearAllFilters();
+        clearSort();
+    };
+    return {
+        refinedData,
+        dataDisplayControlsProps: {
+            fields: filterControlsProps.fields,
+            sortFields,
+            activeSort,
+            activeFilters,
+            isDefault: filterControlsProps.isDefault && sortControlsProps.isDefault,
+            isActive: filterControlsProps.isActive,
+            onClearAll,
+            onToggleSort: toggleSort,
+            onToggleFilter: toggleFilter,
+            onClearFilter: clearFilter,
+        },
+    };
+};
+//# sourceMappingURL=use-data-display-controls.js.map

package/dist/components/data-display/data-display-controls/use-data-display-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-display-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-display-controls/use-data-display-controls.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAI,EACzC,IAAI,EACJ,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,MAAM,GACwB,EAA8B,EAAE;IAC9D,MAAM,EACL,YAAY,EACZ,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,GACZ,GAAG,iBAAiB,CAAI;QACxB,IAAI;QACJ,MAAM;QACN,UAAU;QACV,cAAc;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAClE,OAAO,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,MAAM,EACL,UAAU,EAAE,WAAW,EACvB,UAAU,EACV,SAAS,EACT,UAAU,EACV,iBAAiB,GACjB,GAAG,eAAe,CAAC;QACnB,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,UAAU;QAClB,WAAW;QACX,SAAS;KACT,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO;QACN,WAAW;QACX,wBAAwB,EAAE;YACzB,MAAM,EAAE,mBAAmB,CAAC,MAAM;YAClC,UAAU;YACV,UAAU;YACV,aAAa;YACb,SAAS,EAAE,mBAAmB,CAAC,SAAS,IAAI,iBAAiB,CAAC,SAAS;YACvE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;YACtC,UAAU;YACV,YAAY,EAAE,UAAU;YACxB,cAAc,EAAE,YAAY;YAC5B,aAAa,EAAE,WAAW;SAC1B;KACD,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,91 @@
+import { IconNames } from '../../../components/ui';
+import { UtilityColorOptions, UtilitySizeOptions } from '../../../types';
+/** A single selectable option within a filter field */
+export type FilterOption<V> = {
+    value: V;
+    label: string;
+};
+/** Configuration for a single filterable field */
+export type FilterField<T> = {
+    /** Key of the data object this field filters on */
+    key: keyof T;
+    /** Display label for the filter */
+    label: string;
+    /** Optional icon displayed in the filter control */
+    icon?: IconNames;
+    /** Optional color accent for the filter control */
+    color?: UtilityColorOptions;
+    /** Customize options for this field (order or display label). If omitted, options are derived from the data */
+    filterOptions?: (string | {
+        label: string;
+        value: T[keyof T];
+    })[];
+};
+/** `FilterField` with `options` guaranteed to be present after resolution */
+export type ResolvedFilterField<T> = Omit<FilterField<T>, 'options'> & {
+    options: FilterOption<T[keyof T]>[];
+};
+/** A currently active filter with one or more selected values */
+export type ActiveFilter<T> = {
+    /** The field being filtered */
+    key: keyof T;
+    /** Currently selected values for this field */
+    values: T[keyof T][];
+};
+/** Configuration passed to `useFilterControls` to set up filtering behavior */
+export type FilterControlsConfig<T> = {
+    /** Dataset to filter */
+    data: T[];
+    /** Fields available for filtering */
+    fields: FilterField<T>[];
+    /** Filters applied on initial render */
+    defaultFilters?: ActiveFilter<T>[];
+    /** Whether multiple active filters combine with AND or OR logic @default `'and'` */
+    filterMode?: 'and' | 'or';
+};
+/** Return value of `useFilterControls` — filtered data plus props to pass to `FilterControls` */
+export type FilterControlsData<T> = {
+    /** The dataset after all active filters are applied */
+    filteredData: T[];
+    /** Currently active filters */
+    activeFilters: ActiveFilter<T>[];
+    /** Toggles a single value on or off for a given field */
+    toggleFilter: (key: keyof T, value: T[keyof T]) => void;
+    /** Clears all selected values for a given field */
+    clearFilter: (key: keyof T) => void;
+    /** Clears all active filters across all fields */
+    clearAllFilters: () => void;
+    /** Pre-assembled props to spread directly onto `FilterControls` */
+    filterControlsProps: FilterControlsBaseProps<T>;
+};
+export type FilterControlsBaseProps<T> = {
+    /** Size variant for the filter controls @default `'sm'` */
+    size?: UtilitySizeOptions;
+    /** Color accent applied to the controls */
+    color?: UtilityColorOptions;
+    /** Resolved filter fields with guaranteed options */
+    fields: ResolvedFilterField<T>[];
+    /** Currently active filters */
+    activeFilters: ActiveFilter<T>[];
+    /** Hides the reset button when true, indicating filters are in their default state */
+    isDefault?: boolean;
+    /** Called when a filter value is toggled */
+    onToggle: (key: keyof T, value: T[keyof T]) => void;
+    /** Called when all values for a field are cleared */
+    onClear: (key: keyof T) => void;
+    /** Called when all active filters are cleared */
+    onClearAll: () => void;
+    /** Checks whether a specific value is active for a given field */
+    isActive: (key: keyof T, value: T[keyof T]) => boolean;
+    /** Optionally hide button to reset filters */
+    hideReset?: boolean;
+    /** Optionally display title `Filter` above filters */
+    showFilterLabel?: boolean;
+    /** Display Filter Dropdown Buttons as neutral when no sort is applied @default `'false'`` */
+    neutralWhenInactive?: boolean;
+};
+export type FilterControlsProps<T> = Omit<FilterControlsBaseProps<T>, 'neutralWhenInactive'>;
+export type InlineFilterControlsProps<T> = FilterControlsBaseProps<T> & {
+    /** Determines where field Title is displayed */
+    fieldTitleDisplay?: 'none' | 'inline' | 'block';
+};

package/dist/components/data-display/filter-controls/filter-controls.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=filter-controls.types.js.map

package/dist/components/data-display/filter-controls/filter-controls.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-controls.types.js","sourceRoot":"","sources":["../../../../src/components/data-display/filter-controls/filter-controls.types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/filter-controls/index.d.ts

@@ -0,0 +1,4 @@
+export { useFilterControls } from './use-filter-controls';
+export type { FilterControlsProps, InlineFilterControlsProps } from './filter-controls.types';
+export { FilterControls } from './variants/filter-controls';
+export { InlineFilterControls } from './variants/inline-filter-controls';

package/dist/components/data-display/filter-controls/index.js

@@ -0,0 +1,4 @@
+export { useFilterControls } from './use-filter-controls';
+export { FilterControls } from './variants/filter-controls';
+export { InlineFilterControls } from './variants/inline-filter-controls';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/filter-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/filter-controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/components/data-display/filter-controls/use-filter-controls.d.ts

@@ -0,0 +1,23 @@
+import type { FilterControlsConfig, FilterControlsData } from './filter-controls.types';
+/**
+ * Manages filter state for a dataset and returns filtered data alongside
+ * pre-assembled props for `FilterControls`.
+ *
+ * Options for each field are derived automatically from the data if not provided.
+ * Supports AND and OR filter logic across multiple active fields.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({
+ *   data: products,
+ *   fields: [{ key: 'category', label: 'Category' }],
+ *   mode: 'or',
+ * });
+ *
+ * return (
+ *   <>
+ *     <FilterControls {...filterControlsProps} />
+ *     <ProductList data={filteredData} />
+ *   </>
+ * );
+ */
+export declare const useFilterControls: <T>({ data, fields, defaultFilters, filterMode, }: FilterControlsConfig<T>) => FilterControlsData<T>;

package/dist/components/data-display/filter-controls/use-filter-controls.js

@@ -0,0 +1,98 @@
+'use client';
+import { useState, useMemo } from 'react';
+/**
+ * Manages filter state for a dataset and returns filtered data alongside
+ * pre-assembled props for `FilterControls`.
+ *
+ * Options for each field are derived automatically from the data if not provided.
+ * Supports AND and OR filter logic across multiple active fields.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({
+ *   data: products,
+ *   fields: [{ key: 'category', label: 'Category' }],
+ *   mode: 'or',
+ * });
+ *
+ * return (
+ *   <>
+ *     <FilterControls {...filterControlsProps} />
+ *     <ProductList data={filteredData} />
+ *   </>
+ * );
+ */
+export const useFilterControls = ({ data, fields, defaultFilters, filterMode = 'and', }) => {
+    const [activeFilters, setActiveFilters] = useState(defaultFilters ?? []);
+    const resolvedFields = useMemo(() => fields.map((field) => {
+        if (field.filterOptions) {
+            const options = field.filterOptions.map((o) => typeof o === 'string' ? { value: o, label: o } : o);
+            return { ...field, options };
+        }
+        const unique = [...new Set(data.map((row) => row[field.key]))];
+        const options = unique
+            .map((value) => ({ value, label: String(value) }))
+            .sort((a, b) => a.label.localeCompare(b.label));
+        return { ...field, options };
+    }), [data, fields]);
+    const isDefault = useMemo(() => {
+        if (!defaultFilters)
+            return activeFilters.length === 0;
+        if (activeFilters.length !== defaultFilters.length)
+            return false; // was comparing activeFilters.length to itself
+        return activeFilters.every((f, i) => f.key === defaultFilters[i].key &&
+            f.values.length === defaultFilters[i].values.length &&
+            f.values.every((v) => defaultFilters[i].values.includes(v)));
+    }, [activeFilters, defaultFilters]);
+    const toggleFilter = (key, value) => {
+        setActiveFilters((prev) => {
+            const existing = prev.find((f) => f.key === key);
+            if (!existing) {
+                return [...prev, { key, values: [value] }];
+            }
+            const hasValue = existing.values.includes(value);
+            if (hasValue) {
+                const nextValues = existing.values.filter((v) => v !== value);
+                // remove the filter entry entirely if no values remain
+                if (nextValues.length === 0)
+                    return prev.filter((f) => f.key !== key);
+                return prev.map((f) => (f.key === key ? { ...f, values: nextValues } : f));
+            }
+            return prev.map((f) => (f.key === key ? { ...f, values: [...f.values, value] } : f));
+        });
+    };
+    const clearFilter = (key) => setActiveFilters((prev) => prev.filter((f) => f.key !== key));
+    const clearAllFilters = () => setActiveFilters(defaultFilters ?? []);
+    const filteredData = useMemo(() => {
+        if (activeFilters.length === 0)
+            return data;
+        return data.filter((row) => {
+            if (filterMode === 'and') {
+                return activeFilters.every((f) => f.values.includes(row[f.key]));
+            }
+            return activeFilters.some((f) => f.values.includes(row[f.key]));
+        });
+    }, [data, activeFilters, filterMode]);
+    const activeSet = useMemo(() => {
+        const set = new Set();
+        activeFilters.forEach((f) => f.values.forEach((v) => set.add(`${String(f.key)}:${String(v)}`)));
+        return set;
+    }, [activeFilters]);
+    const isActive = (key, value) => activeSet.has(`${String(key)}:${String(value)}`);
+    return {
+        filteredData,
+        activeFilters,
+        toggleFilter,
+        clearFilter,
+        clearAllFilters,
+        filterControlsProps: {
+            fields: resolvedFields,
+            activeFilters,
+            onToggle: toggleFilter,
+            onClear: clearFilter,
+            onClearAll: clearAllFilters,
+            isDefault,
+            isActive,
+        },
+    };
+};
+//# sourceMappingURL=use-filter-controls.js.map

package/dist/components/data-display/filter-controls/use-filter-controls.js.map

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

package/dist/components/data-display/filter-controls/variants/filter-controls.d.ts

@@ -0,0 +1,10 @@
+import { FilterControlsProps } from '../filter-controls.types';
+/**
+ * Renders a row of multi-select dropdown filters and a reset button.
+ * Designed to be used with `useFilterControls` via `filterControlsProps`.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({ data, fields });
+ * <FilterControls {...filterControlsProps} />
+ */
+export declare const FilterControls: <T>({ fields, activeFilters, onToggle, onClear, onClearAll, size, isDefault, color, hideReset, showFilterLabel, }: FilterControlsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/filter-controls/variants/filter-controls.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from '../../../../styled-system/css';
+import { Button, Text } from '../../../../components';
+import { MultiDropdown } from '../../../form-elements';
+const styles = {
+    container: cva({
+        base: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        variants: {
+            size: {
+                sm: { gap: '1' },
+                md: { gap: '2' },
+                lg: { gap: '3' },
+            },
+        },
+    }),
+    controlsContainer: cva({
+        base: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            width: 'fit-content',
+        },
+        variants: {
+            size: {
+                sm: { gap: '1' },
+                md: { gap: '2' },
+                lg: { gap: '3' },
+            },
+        },
+    }),
+};
+/**
+ * Renders a row of multi-select dropdown filters and a reset button.
+ * Designed to be used with `useFilterControls` via `filterControlsProps`.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({ data, fields });
+ * <FilterControls {...filterControlsProps} />
+ */
+export const FilterControls = ({ fields, activeFilters, onToggle, onClear, onClearAll, size = 'sm', isDefault, color, hideReset = false, showFilterLabel = false, }) => {
+    const getActive = (key) => activeFilters.find((f) => f.key === key);
+    return (_jsxs("div", { className: styles.container({ size }), children: [showFilterLabel && _jsx(Text, { bold: true, children: "Filters" }), _jsxs("div", { className: styles.controlsContainer({ size }), children: [fields.map(({ key, label, icon, color: fieldColor, options }) => {
+                        const active = getActive(key);
+                        const selectedValues = (active?.values ?? []);
+                        return (_jsx(MultiDropdown, { size: size, id: String(key), title: label, options: options, values: selectedValues, onToggle: (value) => onToggle(key, value), onClear: () => onClear(key), icon: icon, showLabel: false, color: active ? color : undefined }, String(key)));
+                    }), !isDefault && !hideReset && (_jsx(Button, { color: "text", onClick: onClearAll, size: size, text: true, ariaLabel: "Clear all filters", children: "Reset" }))] })] }));
+};
+//# sourceMappingURL=filter-controls.js.map

package/dist/components/data-display/filter-controls/variants/filter-controls.js.map

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

package/dist/components/data-display/filter-controls/variants/inline-filter-controls.d.ts

@@ -0,0 +1,13 @@
+import { InlineFilterControlsProps } from '../filter-controls.types';
+/**
+ * Renders all filter options as inline toggle buttons.
+ * Designed to be used with `useFilterControls` via `filterControlsProps`.
+ *
+ * Each option is always visible — clicking toggles it on or off.
+ * Active options appear filled; inactive ones appear as outlines.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({ data, fields });
+ * <FilterBar {...filterControlsProps} />
+ */
+export declare const InlineFilterControls: <T>({ fields, isActive, onToggle, onClearAll, size, isDefault, color, fieldTitleDisplay, hideReset, showFilterLabel, }: InlineFilterControlsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js

@@ -0,0 +1,77 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css, cva } from '../../../../styled-system/css';
+import { Button, Text } from '../../../../components';
+import { OptionalIconButton } from '../../../../internal-components';
+const styles = {
+    container: cva({
+        base: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'start',
+            flexWrap: 'wrap',
+        },
+        variants: {
+            size: {
+                sm: { gap: '1' },
+                md: { gap: '2' },
+                lg: { gap: '3' },
+            },
+            filterGroup: {
+                true: {
+                    flexWrap: 'inherit',
+                },
+            },
+            titleInline: {
+                true: {
+                    alignItems: 'center',
+                    flexDirection: 'row',
+                },
+            },
+        },
+    }),
+    groupLabel: cva({
+        base: {
+            fontWeight: 'semibold',
+            color: 'text.secondary',
+        },
+        variants: {
+            size: {
+                sm: { fontSize: 'xs', marginRight: '1' },
+                md: { fontSize: 'sm', marginRight: '2' },
+                lg: { fontSize: 'md', marginRight: '2' },
+            },
+        },
+    }),
+};
+/**
+ * Renders all filter options as inline toggle buttons.
+ * Designed to be used with `useFilterControls` via `filterControlsProps`.
+ *
+ * Each option is always visible — clicking toggles it on or off.
+ * Active options appear filled; inactive ones appear as outlines.
+ *
+ * @example
+ * const { filteredData, filterControlsProps } = useFilterControls({ data, fields });
+ * <FilterBar {...filterControlsProps} />
+ */
+export const InlineFilterControls = ({ fields, isActive, onToggle, onClearAll, size = 'sm', isDefault, color = 'tertiary', fieldTitleDisplay = 'inline', hideReset = false, showFilterLabel = false, }) => {
+    return (_jsxs("div", { className: styles.container({ size }), children: [showFilterLabel && _jsx(Text, { bold: true, children: "Filters" }), fields.map(({ key, label, icon, color: fieldColor, options }) => (_jsxs("div", { className: styles.container({
+                    size,
+                    filterGroup: true,
+                    titleInline: fieldTitleDisplay === 'inline',
+                }), children: [fieldTitleDisplay !== 'none' && (_jsx("span", { className: styles.groupLabel({ size }), children: label })), _jsx("div", { className: styles.container({ size, filterGroup: true, titleInline: true }), children: options.map((option) => {
+                            const active = isActive(key, option.value);
+                            const resolvedFieldColor = active
+                                ? (fieldColor ?? color)
+                                : 'neutral';
+                            const buttonProps = {
+                                color: resolvedFieldColor,
+                                size,
+                                onClick: () => onToggle(key, option.value),
+                                name: icon,
+                            };
+                            return (_jsx(OptionalIconButton, { ...buttonProps, children: option.label }, `${String(key)}-${option.value}`));
+                        }) })] }, String(key)))), !hideReset && (_jsx("div", { className: css({ minHeight: '6', display: 'flex', alignItems: 'center' }), children: !isDefault && (_jsx(Button, { color: "text", onClick: onClearAll, size: size, text: true, ariaLabel: "Clear all filters", children: "Reset" })) }))] }));
+};
+//# sourceMappingURL=inline-filter-controls.js.map

package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-filter-controls.js","sourceRoot":"","sources":["../../../../../src/components/data-display/filter-controls/variants/inline-filter-controls.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from './filter-controls';
+export * from './sort-controls';
+export * from './data-display-controls';

package/dist/components/data-display/index.js

@@ -0,0 +1,4 @@
+export * from './filter-controls';
+export * from './sort-controls';
+export * from './data-display-controls';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,yBAAyB,CAAC"}

package/dist/components/data-display/sort-controls/index.d.ts

@@ -0,0 +1,3 @@
+export type { SortControlsProps } from './sort-controls.types';
+export { SortControls } from './sort-controls';
+export { useSortControls } from './use-sort-controls';

package/dist/components/data-display/sort-controls/index.js

@@ -0,0 +1,3 @@
+export { SortControls } from './sort-controls';
+export { useSortControls } from './use-sort-controls';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/sort-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/sort-controls/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}