@equinor/fusion-react-filter 2.1.0-filter.8 → 2.1.0

package/dist/components/misc/SelectionChips.d.ts

@@ -1,6 +1,7 @@
-import { ChipProps } from '@equinor/fusion-react-chip';
-export declare type SelectionChipsProps = JSX.IntrinsicElements['div'] & {
-    chips: Omit<ChipProps, 'removable' | 'onRemove' | 'value' | 'children'>;
+import { type HTMLAttributes, type ReactElement } from 'react';
+import { type ChipElementProps } from '@equinor/fusion-wc-chip';
+export type SelectionChipsProps = HTMLAttributes<HTMLDivElement> & {
+    readonly chips: Pick<ChipElementProps, 'variant'>;
 };
-export declare const SelectionChips: (props: SelectionChipsProps) => JSX.Element;
+export declare const SelectionChips: (props: SelectionChipsProps) => ReactElement;
 //# sourceMappingURL=SelectionChips.d.ts.map

package/dist/components/misc/SelectionChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,SAAS,EAAyB,MAAM,4BAA4B,CAAC;AA0CpF,oBAAY,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAgD3D,CAAC"}
+{"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAa,EAAoB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AA0CxF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAsD3D,CAAC"}

package/dist/components/misc/SelectionChips.js

@@ -1,14 +1,16 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { useCallback, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState, } from 'react';
 import { combineLatest, of } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
-import { useSubscription } from '@equinor/fusion-react-observable';
-import { Chip } from '@equinor/fusion-react-chip';
+import { useObservableSubscription } from '@equinor/fusion-observable/react';
+import Chip from '@equinor/fusion-wc-chip';
 import { useFilterContext } from '../../hooks';
 import { actions } from '../../actions';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
+Chip;
 /** method for extracting selection to array */
+// biome-ignore lint/suspicious/noExplicitAny: selection can be any type from the filter context
 const formatSelection = (selection) => {
     switch (true) {
         case selection === undefined:
@@ -24,20 +26,21 @@ const formatSelection = (selection) => {
             return [];
     }
 };
-const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        display: 'flex',
-        gap: theme.spacing.comfortable.small.getVariable('padding'),
-    },
-    chip: {
-        marginRight: theme.spacing.comfortable.small.getVariable('padding'),
-    },
-}), { name: 'fusion-filter-selection-chips' });
+const Styled = {
+    Root: styled.div `
+    display: flex;
+    gap: ${tokens.spacings.comfortable.small};
+  `,
+    Chip: styled.span `
+    margin-right: ${tokens.spacings.comfortable.small};
+  `,
+};
 export const SelectionChips = (props) => {
     const { chips, className, ...args } = props;
     const { filter$, selection$ } = useFilterContext();
     const [items, setItems] = useState([]);
-    useSubscription(useMemo(() => 
+    const ref = useRef(null);
+    useObservableSubscription(useMemo(() => 
     /** Observe filter and selection changes */
     combineLatest([filter$, selection$]).pipe(switchMap(([filters, selections]) => {
         const items = Object.values(filters)
@@ -51,12 +54,17 @@ export const SelectionChips = (props) => {
             .filter((x) => !!x.title && !!x.selection.length);
         return of(items);
     })), [filter$, selection$]), setItems);
-    const onRemove = useCallback((e) => {
-        selection$.next(actions.selection.remove(String(e.currentTarget.value)));
+    useEffect(() => {
+        const el = ref.current;
+        if (el) {
+            const handler = (e) => {
+                const value = e.target.value;
+                selection$.next(actions.selection.remove(String(value)));
+            };
+            el.addEventListener('remove', handler);
+            return () => el.removeEventListener('remove', handler);
+        }
     }, [selection$]);
-    const styles = useStyles();
-    return (_jsx("div", Object.assign({}, args, { className: clsx(styles.root, className) }, { children: items?.map((x) => (_createElement(Chip, { ...chips, key: x.key, value: x.key, onRemove: onRemove, removable: true },
-            _jsxs("span", { children: [x.title, " "] }, void 0),
-            _jsx("span", Object.assign({ slot: "graphic", className: styles.chip }, { children: x.selection.length }), void 0)))) }), void 0));
+    return (_jsx(Styled.Root, { ...args, className: className, ref: ref, children: items?.map((x) => (_jsxs("fwc-chip", { value: x.key, removable: true, variant: chips.variant, children: [_jsxs("span", { children: [x.title, " "] }), _jsx(Styled.Chip, { slot: "graphic", children: x.selection.length })] }, x.key))) }));
 };
 //# sourceMappingURL=SelectionChips.js.map

package/dist/components/misc/SelectionChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionChips.js","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectionChips.js","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"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"}

package/dist/components/panel/FilterPanel.d.ts

@@ -1,10 +1,12 @@
-declare type StyleClasses = {
+import { type PropsWithChildren, type HTMLAttributes, type ReactElement } from 'react';
+import type { FilterFn } from '../../types';
+type StyleClasses = {
     /** filter panel */
     root: string;
     /** filter container */
     filters: string;
 };
-export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
+export type FilterPanelProps<TData> = HTMLAttributes<HTMLDivElement> & {
     /** Show filter bar */
     showBar?: boolean;
     /** Show selector for filters */
@@ -20,10 +22,12 @@ export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
     selectedFilters?: string[];
     /** style classes */
     classes?: Partial<StyleClasses>;
+    /** method to use for search bar */
+    searchFn?: FilterFn<TData, string>;
 };
 /**
  * Base component for displaying filter components and controllers
  */
-export declare const FilterPanel: (props: React.PropsWithChildren<FilterPanelProps>) => JSX.Element;
+export declare const FilterPanel: <TData>(props: PropsWithChildren<FilterPanelProps<TData>>) => ReactElement;
 export default FilterPanel;
 //# sourceMappingURL=FilterPanel.d.ts.map

package/dist/components/panel/FilterPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AAqCA,aAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,KAAG,WAoB9E,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAajG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA0B5C,KAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,CAAC,KAAK,EAC9B,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAC9C,YA4BJ,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/panel/FilterPanel.js

@@ -1,44 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children } from 'react';
-import { FilterPanelProvider, FilterPanelConsumer } from './FilterPanelProvider';
+import { FilterPanelProvider, FilterPanelConsumer, } from './FilterPanelProvider';
 import { FilterPanelFilters } from './FilterPanelFilters';
 import { FilterPanelBar } from './FilterPanelBar';
 import { SelectionChips } from '../misc';
 import FilterPanelSelector from './FilterPanelSelector';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
-const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        '--filter-panel-spacing': theme.spacing.comfortable.medium.getVariable('padding'),
-        display: 'flex',
-        flexFlow: 'column',
-        gap: 'var(--filter-panel-spacing)',
-        padding: 'var(--filter-panel-spacing)',
-        border: `1px solid ${theme.colors.interactive.disabled__border.getVariable('color')}`,
-        borderRadius: `0.5rem`,
-        '&>*': {
-            padding: '0 var(--filter-panel-spacing)',
-            margin: '0 calc(var(--filter-panel-spacing) * -1)',
-        },
-    },
-    filters: {
-        overflowX: 'auto',
-        overflowY: 'hidden',
-        display: 'flex',
-        paddingBottom: 'calc(var(--filter-panel-spacing))',
-        marginBottom: 'calc(var(--filter-panel-spacing) * -1)',
-        backgroundColor: theme.colors.ui.background__light.getVariable('color'),
-    },
-}), { name: 'fusion-filter-panel' });
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
+const Styled = {
+    Root: styled.div `
+    --filter-panel-spacing: ${tokens.spacings.comfortable.medium};
+    display: flex;
+    flex-flow: column;
+    gap: var(--filter-panel-spacing);
+    padding: var(--filter-panel-spacing);
+    border: 1px solid ${tokens.colors.interactive.disabled__border.rgba};
+    border-radius: 0.5rem;
+    & > * {
+      padding: 0 var(--filter-panel-spacing);
+      margin: 0 calc(var(--filter-panel-spacing) * -1);
+    }
+  `,
+    Filters: styled.div `
+    overflow-x: auto;
+    overflow-y: hidden;
+    display: flex;
+    padding-bottom: calc(var(--filter-panel-spacing));
+    margin-bottom: calc(var(--filter-panel-spacing) * -1);
+    background-color: ${tokens.colors.ui.background__light.rgba};
+  `,
+};
 /**
  * Base component for displaying filter components and controllers
  */
 export const FilterPanel = (props) => {
-    const { showFilters, className, classes, children, showSelection, ...args } = props;
+    const { showFilters, className, classes, children, showSelection, searchFn, ...args } = props;
     const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
     const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
-    const styles = useStyles();
-    console.log(classes);
-    return (_jsx(FilterPanelProvider, Object.assign({}, { filters, initialSelectedFilters, showFilters }, { children: _jsxs("div", Object.assign({}, args, { className: clsx(styles.root, classes?.root, className) }, { children: [props.showBar && _jsx(FilterPanelBar, {}, void 0), _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: clsx(styles.filters, classes?.filters) }, void 0), _jsx(FilterPanelConsumer, { children: (context) => showSelection && !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }, void 0) }, void 0)] }), void 0) }), void 0));
+    return (_jsx(FilterPanelProvider, { filters, initialSelectedFilters, showFilters, children: _jsxs(Styled.Root, { ...args, className: [classes?.root, className].filter(Boolean).join(' ') || undefined, children: [props.showBar && _jsx(FilterPanelBar, { searchFn: searchFn }), _jsx(Styled.Filters, { children: _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: classes?.filters }) }), _jsx(FilterPanelConsumer, { children: (context) => showSelection &&
+                        !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }) })] }) }));
 };
 export default FilterPanel;
 //# sourceMappingURL=FilterPanel.js.map

package/dist/components/panel/FilterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkE,MAAM,OAAO,CAAC;AAEjG,OAAO,EACL,mBAAmB,EACnB,mBAAmB,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;8BACY,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM;;;;;wBAKxC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI;;;;;;GAMpE;IACD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAA;;;;;;wBAMG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI;GAC5D;CACF,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAEJ,CAAS,KAAiD,EAAgB,EAAE;IAC9F,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,OAAO,GAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAqC,CAAC,MAAM,CACpF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAC3B,CAAC;IACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,eAAe,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9F,OAAO,CACL,KAAC,mBAAmB,IAAO,OAAO,EAAE,sBAAsB,EAAE,WAAW,YACrE,MAAC,MAAM,CAAC,IAAI,OACN,IAAI,EACR,SAAS,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,aAE3E,KAAK,CAAC,OAAO,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACxD,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,kBAAkB,IACjB,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACpE,SAAS,EAAE,OAAO,EAAE,OAAO,GAC3B,GACa,EACjB,KAAC,mBAAmB,cACjB,CAAC,OAAmC,EAAE,EAAE,CACvC,aAAa;wBACb,CAAC,OAAO,EAAE,WAAW,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GAAI,GAEzD,IACV,GACM,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/panel/FilterPanelBar.d.ts

@@ -1,4 +1,8 @@
-declare type FilterPanelBarProps = JSX.IntrinsicElements['div'];
-export declare const FilterPanelBar: (props: FilterPanelBarProps) => JSX.Element;
+import type { HTMLAttributes, ReactElement } from 'react';
+import type { FilterFn } from '../../types';
+type FilterPanelBarProps<TData> = HTMLAttributes<HTMLDivElement> & {
+    readonly searchFn?: FilterFn<TData, string>;
+};
+export declare const FilterPanelBar: <TData>(props: FilterPanelBarProps<TData>) => ReactElement;
 export default FilterPanelBar;
 //# sourceMappingURL=FilterPanelBar.d.ts.map

package/dist/components/panel/FilterPanelBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAiCA,aAAK,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAmB3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,KAAK,mBAAmB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,EAAG,OAAO,mBAAmB,CAAC,KAAK,CAAC,KAAG,YA0B1E,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/panel/FilterPanelBar.js

@@ -1,36 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from '@equinor/fusion-react-button';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
+import { Button, Icon } from '@equinor/eds-core-react';
+import { chevron_up, chevron_down, refresh } from '@equinor/eds-icons';
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
 import { SearchFilter } from '../filter';
 import { ClearFilterButton } from '../misc';
 import { useFilterPanelContext } from './FilterPanelProvider';
-const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        gap: theme.spacing.comfortable.medium.getVariable('padding'),
-    },
-    searchInput: {
-        '--textinput-dense-size': '36px',
-    },
-    actions: {
-        marginLeft: 'auto',
-        display: 'flex',
-        alignItems: 'center',
-        gap: theme.spacing.comfortable.medium.getVariable('padding'),
-    },
-    resetBtn: {
-        '&[disabled]': {
-            display: 'none',
-        },
-    },
-}), { name: 'fusion-filter-panel-bar' });
+Icon.add({ chevron_down, chevron_up, refresh });
+const Styled = {
+    Root: styled.div `
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: ${tokens.spacings.comfortable.medium};
+  `,
+    Actions: styled.div `
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: ${tokens.spacings.comfortable.medium};
+  `,
+    ResetBtn: styled(ClearFilterButton) `
+    &[disabled] {
+      display: none;
+    }
+  `,
+    SearchWrapper: styled.div `
+    --textinput-dense-size: 36px;
+  `,
+};
 export const FilterPanelBar = (props) => {
-    const { className, ...args } = props;
+    const { className, searchFn, ...args } = props;
     const { showFilters, setShowFilters } = useFilterPanelContext();
-    const styles = useStyles();
-    return (_jsxs("div", Object.assign({}, args, { className: clsx(className, styles.root) }, { children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput, dense: true }, void 0), _jsxs("div", Object.assign({ className: styles.actions }, { children: [_jsx(ClearFilterButton, { className: styles.resetBtn, label: "Reset Filters", icon: "refresh", variant: "ghost" }, void 0), _jsx(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', label: showFilters ? 'Hide filters' : 'Show filters', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true }, void 0)] }), void 0)] }), void 0));
+    return (_jsxs(Styled.Root, { ...args, className: className, children: [_jsx(Styled.SearchWrapper, { children: _jsx(SearchFilter, { filterKey: "global", label: "Search all", filterFn: searchFn }) }), _jsxs(Styled.Actions, { children: [_jsxs(Styled.ResetBtn, { variant: "ghost", children: ["Reset Filters", _jsx(Icon, { name: "refresh" })] }), _jsxs(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true, children: [showFilters ? 'Hide filters' : 'Show filters', _jsx(Icon, { name: showFilters ? 'chevron_up' : 'chevron_down' })] })] })] }));
 };
 export default FilterPanelBar;
 //# sourceMappingURL=FilterPanelBar.js.map

package/dist/components/panel/FilterPanelBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,WAAW,EAAE;QACX,wBAAwB,EAAE,MAAM;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,iBACpD,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,iBAAG,EAC3F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBAC5B,KAAC,iBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,WAAG,EACtG,KAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,UAAU,EAClB,YAAY,iBACZ,aACE,aACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEvE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,IAAI,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;;;;WAIP,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM;GAC1C;IACD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAA;;;;WAIV,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM;GAC1C;IACD,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAA;;;;GAIlC;IACD,aAAa,EAAE,MAAM,CAAC,GAAG,CAAA;;GAExB;CACF,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAS,KAAiC,EAAgB,EAAE;IACxF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEhE,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,SAAS,aACzC,KAAC,MAAM,CAAC,aAAa,cACnB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,GACrD,EACvB,MAAC,MAAM,CAAC,OAAO,eACb,MAAC,MAAM,CAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,8BAE9B,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACP,EAClB,MAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,UAAU,EAClB,YAAY,mBAEX,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EAC9C,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAAI,IACpD,IACM,IACL,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/panel/FilterPanelFilters.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type FilterPanelFiltersProps = JSX.IntrinsicElements['div'] & {
-    FilterSelector?: () => JSX.Element;
+import { type HTMLAttributes, type ReactElement, type FC } from 'react';
+type FilterPanelFiltersProps = HTMLAttributes<HTMLDivElement> & {
+    readonly FilterSelector?: FC;
 };
-export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => JSX.Element;
+export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => ReactElement;
 export default FilterPanelFilters;
 //# sourceMappingURL=FilterPanelFilters.d.ts.map

package/dist/components/panel/FilterPanelFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAOA,aAAK,uBAAuB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAmBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASjF,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,YAuBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/panel/FilterPanelFilters.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { useObservableState } from '@equinor/fusion-react-observable';
+import { useObservableState } from '@equinor/fusion-observable/react';
 import { useFilterPanelContext } from './FilterPanelProvider';
+import { EdsProvider } from '@equinor/eds-core-react';
 import { map } from 'rxjs/operators';
 import { FilterContainer } from '../misc';
 export const FilterPanelFilters = (props) => {
     const { FilterSelector, ...args } = props;
     const { filters$, showFilters } = useFilterPanelContext();
-    const filters = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
-    return (_jsxs("div", Object.assign({}, args, { style: { display: showFilters ? '' : 'none' } }, { children: [FilterSelector && _jsx(FilterSelector, {}, void 0), _jsx(FilterContainer, { children: filters }, void 0)] }), void 0));
+    const { value: filters } = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
+    return (_jsx(EdsProvider, { density: "compact", children: _jsxs("div", { ...args, style: { display: showFilters ? '' : 'none' }, children: [FilterSelector && _jsx(FilterSelector, {}), _jsx(FilterContainer, { children: filters })] }) }));
 };
 export default FilterPanelFilters;
 //# sourceMappingURL=FilterPanelFilters.js.map

package/dist/components/panel/FilterPanelFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelFilters.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1D,MAAM,OAAO,GAAG,kBAAkB,CAChC,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/G,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,CACL,+BAAS,IAAI,IAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,iBACzD,cAAc,IAAI,KAAC,cAAc,aAAG,EACrC,KAAC,eAAe,cAAE,OAAO,WAAmB,aACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FilterPanelFilters.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAmD,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAgB,EAAE;IACjF,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAC3C,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CACnC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CACxE,CACF,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,CACL,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,YAC5B,kBAAS,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,aACzD,cAAc,IAAI,KAAC,cAAc,KAAG,EACrC,KAAC,eAAe,cAAE,OAAO,GAAmB,IACxC,GACM,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/panel/FilterPanelProvider.d.ts

@@ -1,32 +1,32 @@
-import { ReactiveSubject } from '@equinor/fusion-react-observable';
-import { ReactElement } from 'react';
-import { FilterComponent } from '../filter';
-import FilterPanelSelector from './FilterPanelSelector';
-import { ActionType } from 'typesafe-actions';
-export declare type FilterPanelProviderContext = {
-    filters$: ReactiveSubject<State, Actions>;
+import { type ReactElement, type PropsWithChildren } from 'react';
+import type { FlowSubject } from '@equinor/fusion-observable';
+import type { FilterComponent } from '../filter';
+import type FilterPanelSelector from './FilterPanelSelector';
+import { type ActionType } from 'typesafe-actions';
+export type FilterPanelProviderContext = {
+    filters$: FlowSubject<State, Actions>;
     showFilters?: boolean;
     setShowFilters: (show: boolean) => void;
 };
-declare const Consumer: import("react").Consumer<FilterPanelProviderContext | null>;
+declare const Consumer: any;
 export { Consumer as FilterPanelConsumer };
 export declare const useFilterPanelContext: () => FilterPanelProviderContext;
 export declare const actions: {
     add: import("typesafe-actions").PayloadActionCreator<"@FILTER_PANEL/FILTER_SELECTION_ADD", string>;
     remove: import("typesafe-actions").PayloadActionCreator<"@FILTER_PANEL/FILTER_SELECTION_REMOVE", string>;
 };
-declare type Actions = ActionType<typeof actions>;
-declare type State = {
+type Actions = ActionType<typeof actions>;
+type State = {
     selectedFilters: Set<string>;
     filters: ReactElement<FilterComponent>[];
 };
 export declare const initialState: State;
-declare type FilterPanelProviderProps = React.PropsWithChildren<{
+type FilterPanelProviderProps = PropsWithChildren<{
     filters: ReactElement<FilterComponent>[];
     FilterSelector?: typeof FilterPanelSelector;
     initialSelectedFilters?: string[];
     showFilters?: boolean;
 }>;
-export declare const FilterPanelProvider: (props: FilterPanelProviderProps) => JSX.Element;
+export declare const FilterPanelProvider: (props: FilterPanelProviderProps) => ReactElement;
 export default FilterPanelProvider;
 //# sourceMappingURL=FilterPanelProvider.d.ts.map

package/dist/components/panel/FilterPanelProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAuC,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAGF,QAAA,MAAkB,QAAQ,6DAAY,CAAC;AAEvC,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,aAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,aAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,aAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,KAAG,WASrE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAA+B,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,QAAA,MAAkB,QAAQ,KAAgD,CAAC;AAE3E,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,KAAG,YASrE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/panel/FilterPanelProvider.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useObservable } from '@equinor/fusion-react-observable';
-import { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState, } from 'react';
+import { useObservable } from '@equinor/fusion-observable/react';
 import { createAction, createReducer } from 'typesafe-actions';
 const context = createContext(null);
+// biome-ignore lint/suspicious/noExplicitAny: React context Provider/Consumer types require any for generic usage
 const { Provider, Consumer } = context;
 export { Consumer as FilterPanelConsumer };
 export const useFilterPanelContext = () => useContext(context);
@@ -29,7 +30,7 @@ export const FilterPanelProvider = (props) => {
         filters: props.filters,
     });
     const [showFilters, setShowFilters] = useState(props.showFilters);
-    return _jsx(Provider, Object.assign({ value: { filters$, showFilters, setShowFilters } }, { children: props.children }), void 0);
+    return _jsx(Provider, { value: { filters$, showFilters, setShowFilters }, children: props.children });
 };
 export default FilterPanelProvider;
 //# sourceMappingURL=FilterPanelProvider.js.map

package/dist/components/panel/FilterPanelProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelProvider.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAmB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAc,MAAM,kBAAkB,CAAC;AAQ3E,MAAM,OAAO,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AACvE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA+B,EAAE,CACpE,UAAU,CAAC,OAAO,CAA+B,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EAAU;IACjE,MAAM,EAAE,YAAY,CAAC,uCAAuC,CAAC,EAAU;CACxE,CAAC;AAQF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,eAAe,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,OAAO,GAAG,aAAa,CAAiB,YAAY,CAAC;KACxD,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAChD,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC;KACD,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACnD,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC,CAAC;AASL,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,EAAE;QACtC,eAAe,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,sBAAsB,CAAC;QACtD,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAElE,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAG,KAAK,CAAC,QAAQ,YAAY,CAAC;AACjG,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelProvider.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,aAAa,EACb,UAAU,EACV,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAKjE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAmB,MAAM,kBAAkB,CAAC;AAQhF,MAAM,OAAO,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AACvE,kHAAkH;AAClH,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAA2C,CAAC;AAE3E,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA+B,EAAE,CACpE,UAAU,CAAC,OAAO,CAA+B,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EAAU;IACjE,MAAM,EAAE,YAAY,CAAC,uCAAuC,CAAC,EAAU;CACxE,CAAC;AAQF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,eAAe,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,OAAO,GAAG,aAAa,CAAiB,YAAY,CAAC;KACxD,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAChD,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC;KACD,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACnD,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC,CAAC;AASL,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAgB,EAAE;IACnF,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,EAAE;QACtC,eAAe,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,sBAAsB,CAAC;QACtD,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAElE,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,YAAG,KAAK,CAAC,QAAQ,GAAY,CAAC;AACjG,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/panel/FilterPanelSelector.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type FilterPanelSelectorProps = {
+import { type ReactElement } from 'react';
+export type FilterPanelSelectorProps = {
     title?: string;
 };
-export declare const FilterPanelSelector: () => JSX.Element;
+export declare const FilterPanelSelector: () => ReactElement;
 export default FilterPanelSelector;
 //# sourceMappingURL=FilterPanelSelector.d.ts.map

package/dist/components/panel/FilterPanelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":";AAOA,oBAAY,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBA2B/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAOvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,YA2BtC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/panel/FilterPanelSelector.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Checkbox } from '@equinor/fusion-react-checkbox';
+import { Checkbox } from '@equinor/eds-core-react';
 import { initialState, useFilterPanelContext, actions } from './FilterPanelProvider';
-import { useObservableState } from '@equinor/fusion-react-observable';
+import { useObservableState } from '@equinor/fusion-observable/react';
 export const FilterPanelSelector = () => {
     const { filters$ } = useFilterPanelContext();
-    const { filters, selectedFilters } = useObservableState(filters$) || initialState;
+    const { filters, selectedFilters } = useObservableState(filters$).value || initialState;
     const onInput = useCallback((e) => {
         const key = e.currentTarget.value;
         const selected = e.currentTarget.checked;
         filters$.next(selected ? actions.remove(key) : actions.add(key));
     }, [filters$]);
-    return (_jsx("div", { children: filters.map(({ props: { filterKey, title } }) => (_jsx(Checkbox, { value: filterKey, label: title, checked: selectedFilters.has(filterKey), onInput: onInput }, filterKey))) }, void 0));
+    return (_jsx("div", { children: filters.map(({ props: { filterKey, title } }) => (_jsx(Checkbox, { value: filterKey, label: title, checked: selectedFilters.has(filterKey), onInput: onInput }, filterKey))) }));
 };
 export default FilterPanelSelector;
 //# sourceMappingURL=FilterPanelSelector.js.map

package/dist/components/panel/FilterPanelSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelSelector.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAA6B,MAAM,gCAAgC,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAMtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;IAElF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,CAA6C,EAAE,EAAE;QAChD,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,MAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAChD,KAAC,QAAQ,IAEP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,EACvC,OAAO,EAAE,OAAO,IAJX,SAAS,CAKd,CACH,CAAC,WACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelSelector.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAqC,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAMtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAiB,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC;IAExF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,CAA8B,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,MAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAChD,KAAC,QAAQ,IAEP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,EACvC,OAAO,EAAE,OAAO,IAJX,SAAS,CAKd,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/context.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { FilterContext } from './types';
 export declare const useFilterContext: <TSelection = any, TData extends Record<string, any> = Record<string, any>>() => FilterContext<TSelection, TData>;
-export declare const Provider: import("react").Provider<FilterContext<unknown, Record<string, any>>>, Consumer: import("react").Consumer<FilterContext<unknown, Record<string, any>>>;
+export declare const Provider: any, Consumer: any;
 export default useFilterContext;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,gBAAgB,mHAGmE,CAAC;AAEjG,eAAO,MAAQ,QAAQ,yEAAE,QAAQ,uEAAY,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,gBAAgB,GAE3B,UAAU,GAAG,GAAG,EAEhB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OACpD,aAAa,CAAC,UAAU,EAAE,KAAK,CAA4D,CAAC;AAGjG,eAAO,MAAQ,QAAQ,OAAE,QAAQ,KAAgD,CAAC;AAElF,eAAe,gBAAgB,CAAC"}

package/dist/context.js

@@ -1,6 +1,7 @@
 import { createContext, useContext } from 'react';
 const context = createContext({});
 export const useFilterContext = () => useContext(context);
+// biome-ignore lint/suspicious/noExplicitAny: React context Provider/Consumer types require any for generic usage
 export const { Provider, Consumer } = context;
 export default useFilterContext;
 //# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,OAAO,GAAG,aAAa,CAAgB,EAAmB,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAGM,EAAE,CAAC,UAAU,CAAC,OAAO,CAAqC,CAAC;AAEjG,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,OAAO,GAAG,aAAa,CAAgB,EAAmB,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAKM,EAAE,CAAC,UAAU,CAAC,OAAO,CAAqC,CAAC;AAEjG,kHAAkH;AAClH,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAA2C,CAAC;AAElF,eAAe,gBAAgB,CAAC"}

package/dist/hooks/useClearFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClearFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,gBAAgB,8BAClB,WAAW,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,+FAa5C,CAAC;AAEF,eAAO,MAAM,cAAc;WAAgB,YAAY;cAAY,WAAW,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC;CAkCjG,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useClearFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,eAAO,MAAM,gBAAgB,GAAI,UAAU,GAAG,GAAG,EAC/C,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC3C,YAAY,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,KACjD,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAWvC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,UAAU,CAElB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACpB,CAAC;CAmCH,CAAC;AAEF,eAAe,cAAc,CAAC"}