@fluidattacks/design 3.44.0 → 3.45.0

package/dist/components/@core/index.js

@@ -1,4 +1,4 @@
-import { k as e, B as t, m as n, l as o, x as i, j as r, w as p, u as B, r as d, q as m, s as C, t as g, p as l, v as x } from "../../components-JI9iTK9k.mjs";
+import { k as e, B as t, m as n, l as o, x as i, j as r, w as p, u as B, r as d, q as m, s as C, t as g, p as l, v as x } from "../../components-DWu7ns7G.mjs";
 export {
   e as BaseButtonComponent,
   t as BaseComponent,

package/dist/components/accordion/accordion-content/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { bA as n } from "../../../components-JI9iTK9k.mjs";
+import { bB as n } from "../../../components-DWu7ns7G.mjs";
 export {
   n as AccordionContent
 };

package/dist/components/accordion/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { A as t } from "../../components-JI9iTK9k.mjs";
+import { A as t } from "../../components-DWu7ns7G.mjs";
 export {
   t as Accordion
 };

package/dist/components/advanced-badge/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { y as o } from "../../components-JI9iTK9k.mjs";
+import { y as o } from "../../components-DWu7ns7G.mjs";
 export {
   o as AdvancedBadge
 };

package/dist/components/advisories-card/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "styled-components";
-import { z as t } from "../../components-JI9iTK9k.mjs";
+import { z as t } from "../../components-DWu7ns7G.mjs";
 export {
   t as AdvisoriesCard
 };

package/dist/components/alert/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { C as p } from "../../components-JI9iTK9k.mjs";
+import { C as p } from "../../components-DWu7ns7G.mjs";
 export {
   p as Alert
 };

package/dist/components/avatar/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { D as a } from "../../components-JI9iTK9k.mjs";
+import { D as a } from "../../components-DWu7ns7G.mjs";
 export {
   a as Avatar
 };

package/dist/components/button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as p } from "../../components-JI9iTK9k.mjs";
+import { E as p } from "../../components-DWu7ns7G.mjs";
 export {
   p as Button
 };

package/dist/components/card/card-header/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { F as m } from "../../../components-JI9iTK9k.mjs";
+import { F as m } from "../../../components-DWu7ns7G.mjs";
 export {
   m as CardHeader
 };

package/dist/components/card/card-with-image/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { H as p } from "../../../components-JI9iTK9k.mjs";
+import { H as p } from "../../../components-DWu7ns7G.mjs";
 export {
   p as CardWithImage
 };

package/dist/components/card/card-with-input/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { G as d } from "../../../components-JI9iTK9k.mjs";
-import "../../../vendor-BT8UyTQi.mjs";
+import { G as d } from "../../../components-DWu7ns7G.mjs";
+import "../../../vendor-DisxR6cH.mjs";
 import "styled-components";
 import "react-dom";
 export {

package/dist/components/card/card-with-options/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { K as m } from "../../../components-JI9iTK9k.mjs";
+import { K as m } from "../../../components-DWu7ns7G.mjs";
 export {
   m as CardWithOptions
 };

package/dist/components/card/card-with-selector/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { I as i } from "../../../components-JI9iTK9k.mjs";
+import { I as i } from "../../../components-DWu7ns7G.mjs";
 export {
   i as CardWithSelector
 };

package/dist/components/card/card-with-switch/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { J as m } from "../../../components-JI9iTK9k.mjs";
+import { J as m } from "../../../components-DWu7ns7G.mjs";
 export {
   m as CardWithSwitch
 };

package/dist/components/card/index.js

@@ -1,4 +1,4 @@
-import { F as t, H as d, G as i, K as s, I as C, J as e, L as h } from "../../components-JI9iTK9k.mjs";
+import { F as t, H as d, G as i, K as s, I as C, J as e, L as h } from "../../components-DWu7ns7G.mjs";
 export {
   t as CardHeader,
   d as CardWithImage,

package/dist/components/card/indicator-card/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../../vendor-BT8UyTQi.mjs";
+import "../../../vendor-DisxR6cH.mjs";
 import "styled-components";
-import { L as p } from "../../../components-JI9iTK9k.mjs";
+import { L as p } from "../../../components-DWu7ns7G.mjs";
 export {
   p as IndicatorCard
 };

package/dist/components/card-container/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { M as i } from "../../components-JI9iTK9k.mjs";
+import { M as i } from "../../components-DWu7ns7G.mjs";
 export {
   i as CardContainer
 };

package/dist/components/carousel/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { N as i } from "../../components-JI9iTK9k.mjs";
-import "../../vendor-BT8UyTQi.mjs";
+import { N as i } from "../../components-DWu7ns7G.mjs";
+import "../../vendor-DisxR6cH.mjs";
 export {
   i as Carousel
 };

package/dist/components/checkbox/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { O as t } from "../../components-JI9iTK9k.mjs";
+import { O as t } from "../../components-DWu7ns7G.mjs";
 export {
   t as Checkbox
 };

package/dist/components/cloud-image/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "react";
-import { P as i } from "../../components-JI9iTK9k.mjs";
+import { P as i } from "../../components-DWu7ns7G.mjs";
 export {
   i as CloudImage
 };

package/dist/components/code-snippet/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "react";
 import "styled-components";
-import { Q as e } from "../../components-JI9iTK9k.mjs";
+import { Q as e } from "../../components-DWu7ns7G.mjs";
 export {
   e as CodeSnippet
 };

package/dist/components/colors/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { R as s, T as t, S as i } from "../../components-JI9iTK9k.mjs";
+import { R as s, T as t, S as i } from "../../components-DWu7ns7G.mjs";
 export {
   s as CustomThemeProvider,
   t as icons,

package/dist/components/conditions-dialog/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { U as p } from "../../components-JI9iTK9k.mjs";
-import "../../vendor-BT8UyTQi.mjs";
+import { U as p } from "../../components-DWu7ns7G.mjs";
+import "../../vendor-DisxR6cH.mjs";
 export {
   p as useConditionsDialog
 };

package/dist/components/confirm-dialog/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { V as t } from "../../components-JI9iTK9k.mjs";
-import "../../vendor-BT8UyTQi.mjs";
+import { V as t } from "../../components-DWu7ns7G.mjs";
+import "../../vendor-DisxR6cH.mjs";
 export {
   t as useConfirmDialog
 };

package/dist/components/container/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { W as m } from "../../components-JI9iTK9k.mjs";
+import { W as m } from "../../components-DWu7ns7G.mjs";
 export {
   m as Container
 };

package/dist/components/copy-button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { X as m } from "../../components-JI9iTK9k.mjs";
+import { X as m } from "../../components-DWu7ns7G.mjs";
 export {
   m as CopyButton
 };

package/dist/components/divider/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { Y as p } from "../../components-JI9iTK9k.mjs";
+import { Y as p } from "../../components-DWu7ns7G.mjs";
 export {
   p as Divider
 };

package/dist/components/dropdown/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "react";
 import "styled-components";
-import { Z as a } from "../../components-JI9iTK9k.mjs";
+import { Z as a } from "../../components-DWu7ns7G.mjs";
 export {
   a as Dropdown
 };

package/dist/components/empty-state/empty-button/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { c4 as p } from "../../../components-JI9iTK9k.mjs";
+import { c5 as p } from "../../../components-DWu7ns7G.mjs";
 export {
   p as EmptyButton
 };

package/dist/components/empty-state/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { _ as p } from "../../components-JI9iTK9k.mjs";
+import { _ as p } from "../../components-DWu7ns7G.mjs";
 export {
   p as EmptyState
 };

package/dist/components/fa-tag/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { $ as m } from "../../components-JI9iTK9k.mjs";
+import { $ as m } from "../../components-DWu7ns7G.mjs";
 export {
   m as FATag
 };

package/dist/components/file-preview/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a0 as o } from "../../components-JI9iTK9k.mjs";
+import { a0 as o } from "../../components-DWu7ns7G.mjs";
 export {
   o as FilePreview
 };

package/dist/components/filters/active-filters/active-filter/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { c5 as i } from "../../../../components-JI9iTK9k.mjs";
+import { c6 as i } from "../../../../components-DWu7ns7G.mjs";
 export {
   i as ActiveFilter
 };

package/dist/components/filters/active-filters/index.d.ts

@@ -1,3 +1,3 @@
 import { IFilterProps } from '../types';
-declare const ActiveFilters: ({ filters, storageKey, }: Readonly<IFilterProps>) => JSX.Element | null;
+declare const ActiveFilters: ({ controlled, values, onChange, ...props }: Readonly<IFilterProps>) => JSX.Element | null;
 export { ActiveFilters };

package/dist/components/filters/active-filters/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a2 as i } from "../../../components-JI9iTK9k.mjs";
+import { a2 as i } from "../../../components-DWu7ns7G.mjs";
 export {
   i as ActiveFilters
 };

package/dist/components/filters/context/index.d.ts

@@ -1,7 +1,3 @@
 import { IFiltersContext } from './types';
-declare const FiltersContext: import('react').Context<IFiltersContext<{
-    [x: string]: import('nuqs').GenericParser<any> & import('nuqs').Options & {
-        defaultValue?: any;
-    };
-}>>;
+declare const FiltersContext: import('react').Context<IFiltersContext>;
 export { FiltersContext };

package/dist/components/filters/context/index.js

@@ -1,5 +1,5 @@
 import "react";
-import { c6 as e } from "../../../components-JI9iTK9k.mjs";
+import { c7 as e } from "../../../components-DWu7ns7G.mjs";
 export {
   e as FiltersContext
 };

package/dist/components/filters/context/types.d.ts

@@ -1,4 +1,5 @@
-import { SetValues, UseQueryStatesKeysMap, Values } from 'nuqs';
+import { Dispatch, SetStateAction } from 'react';
+import { TFilterValues, TSetFilterValues } from '../../../hooks/use-filters';
 /**
  * Interface for the search state.
  * @interface ISearchState
@@ -29,28 +30,34 @@ interface ICalendarState {
     isOpen: boolean;
     updateCalendarState: (isOpen: boolean) => void;
 }
+/** Search values type for the filters context. */
+interface TSearchValues {
+    searchGlobal: string;
+    searchFilter: string;
+}
+/** Setter for search values - supports both controlled (useState) and uncontrolled (nuqs) modes. */
+type TSetSearchValues = ((updater: Readonly<TSearchValues> | ((prev: Readonly<TSearchValues>) => TSearchValues) | Readonly<Partial<TSearchValues>>) => void) | Dispatch<SetStateAction<TSearchValues>>;
 /**
  * Interface for the filters context.
  * @interface IFiltersContext
- * @template TParsers - The type of the query states keys map.
  * @property { string } id - The id of the filter.
  * @property { ISearchState } searchState - The search state.
  * @property { IScrollState } scrollState - The scroll state.
- * @property { Values<TParsers> } values - The values of the filters.
- * @property { SetValues<TParsers> } setValues - The function to set the values of the filters.
+ * @property { TFilterValues } values - The values of the filters.
+ * @property { TSetFilterValues } setValues - The function to set the values of the filters.
  * @property { Function } updateSearch - The function to update the search state.
  * @property { Function } updateScrollHeight - The function to update the scroll height.
  */
-interface IFiltersContext<TParsers extends UseQueryStatesKeysMap = UseQueryStatesKeysMap> {
+interface IFiltersContext {
     id: string;
     calendarState: ICalendarState;
     searchState: ISearchState;
     scrollState: IScrollState;
-    searchValues: Values<TParsers>;
-    setSearchValues: SetValues<TParsers>;
-    values: Values<TParsers>;
-    setValues: SetValues<TParsers>;
+    searchValues: TSearchValues;
+    setSearchValues: TSetSearchValues;
+    values: TFilterValues;
+    setValues: TSetFilterValues;
     updateSearch: (updates: Readonly<Partial<ISearchState>>) => void;
     updateScrollHeight: (height: string) => void;
 }
-export type { IFiltersContext, ISearchState, IScrollState, ICalendarState };
+export type { IFiltersContext, ISearchState, IScrollState, ICalendarState, TSearchValues, TSetSearchValues, };

package/dist/components/filters/filters-menu/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../vendor-BT8UyTQi.mjs";
+import "../../../vendor-DisxR6cH.mjs";
 import "react";
 import "styled-components";
-import { c8 as e } from "../../../components-JI9iTK9k.mjs";
+import { c9 as e } from "../../../components-DWu7ns7G.mjs";
 export {
   e as FiltersMenu
 };

package/dist/components/filters/index.d.ts

@@ -1,5 +1,5 @@
 import { ActiveFilters } from './active-filters';
 import { IFilterItem, IFilterProps, IFiltersOptions, TFilterType } from './types';
-declare const Filters: ({ disabled, filters, tooltip, storageKey, }: Readonly<IFilterProps>) => JSX.Element;
+declare const Filters: ({ controlled, values, onChange, ...props }: Readonly<IFilterProps>) => JSX.Element | null;
 export type { IFilterItem, IFiltersOptions, TFilterType };
 export { Filters, ActiveFilters };

package/dist/components/filters/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "react";
-import { a2 as e, a1 as m } from "../../components-JI9iTK9k.mjs";
+import { a2 as e, a1 as m } from "../../components-DWu7ns7G.mjs";
 export {
   e as ActiveFilters,
   m as Filters

package/dist/components/filters/options-menu/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../vendor-BT8UyTQi.mjs";
+import "../../../vendor-DisxR6cH.mjs";
 import "react";
 import "styled-components";
-import { ca as a } from "../../../components-JI9iTK9k.mjs";
+import { cb as e } from "../../../components-DWu7ns7G.mjs";
 export {
-  a as OptionsMenu
+  e as OptionsMenu
 };

package/dist/components/filters/options-menu/options/index.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../../../vendor-BT8UyTQi.mjs";
+import "../../../../vendor-DisxR6cH.mjs";
 import "react";
-import { c9 as a } from "../../../../components-JI9iTK9k.mjs";
+import { ca as s } from "../../../../components-DWu7ns7G.mjs";
 import "styled-components";
 import "react-dom";
 export {
-  a as Options
+  s as Options
 };

package/dist/components/filters/search/no-matches/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { c7 as p } from "../../../../components-JI9iTK9k.mjs";
+import { c8 as p } from "../../../../components-DWu7ns7G.mjs";
 export {
   p as NoMatches
 };

package/dist/components/filters/types.d.ts

@@ -1,4 +1,6 @@
+import { TSearchValues, TSetSearchValues } from './context/types';
 import { IIconModifiable } from '../@core';
+import { IUseFiltersReturn } from '../../hooks/use-filters';
 type TFilterType = "checkboxes" | "dateRange" | "numberRange" | "list" | "text";
 /** Active filter properties. */
 interface IFilter {
@@ -67,6 +69,12 @@ interface IFilterProps {
     tooltip?: string;
     /** The storage key. */
     storageKey?: string;
+    /** Whether to use controlled mode (no nuqs). */
+    controlled?: boolean;
+    /** Controlled mode: current filter values. */
+    values?: Record<string, string>;
+    /** Controlled mode: callback when values change. */
+    onChange?: (values: Record<string, string>) => void;
 }
 /** Filters menu properties. */
 interface IFiltersMenuProps {
@@ -99,4 +107,17 @@ interface IOptionProps {
     /** The change handler for filter */
     onChange: (value: string, type?: string, index?: number) => void;
 }
-export type { IActiveFilterProps, IFilterProps, IFiltersOptions, IFilterOptionProps, IFilterItem, IFiltersMenuProps, IOptionsMenuProps, IOptionProps, TFilterType, };
+/** Props for the internal FiltersContent component */
+interface IFiltersContentProps {
+    readonly disabled: boolean;
+    readonly filters: readonly IFiltersOptions[];
+    readonly tooltip?: string;
+    readonly filterState: IUseFiltersReturn;
+    readonly searchValues: TSearchValues;
+    readonly setSearchValues: TSetSearchValues;
+    readonly filterId: string | null;
+    readonly setFilterId: (id: string | null) => void;
+    readonly onButtonClick: () => void;
+    readonly onOutsideClick: () => void;
+}
+export type { IActiveFilterProps, IFilterProps, IFiltersContentProps, IFiltersOptions, IFilterOptionProps, IFilterItem, IFiltersMenuProps, IOptionsMenuProps, IOptionProps, TFilterType, };

package/dist/components/form/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { B as s, aK as t, aL as m, aH as l, aM as n } from "../../vendor-BT8UyTQi.mjs";
+import { B as s, aK as t, aL as m, aH as l, aM as n } from "../../vendor-DisxR6cH.mjs";
 import "styled-components";
-import { a4 as u, a3 as F } from "../../components-JI9iTK9k.mjs";
+import { a4 as u, a3 as F } from "../../components-DWu7ns7G.mjs";
 export {
   s as Controller,
   u as Form,

package/dist/components/form/inner-form/index.js

@@ -1,5 +1,5 @@
-import "../../../vendor-BT8UyTQi.mjs";
-import { a3 as a } from "../../../components-JI9iTK9k.mjs";
+import "../../../vendor-DisxR6cH.mjs";
+import { a3 as a } from "../../../components-DWu7ns7G.mjs";
 export {
   a as InnerForm
 };

package/dist/components/grid-container/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a5 as a } from "../../components-JI9iTK9k.mjs";
+import { a5 as a } from "../../components-DWu7ns7G.mjs";
 export {
   a as GridContainer
 };

package/dist/components/group-selector/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "react-dom";
 import "styled-components";
-import { a6 as e } from "../../components-JI9iTK9k.mjs";
+import { a6 as e } from "../../components-DWu7ns7G.mjs";
 export {
   e as GroupSelector
 };

package/dist/components/group-selector/option-container/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { cc as p, cb as a } from "../../../components-JI9iTK9k.mjs";
+import { cd as p, cc as a } from "../../../components-DWu7ns7G.mjs";
 export {
   p as OptionBoxContainer,
   a as OptionContainer

package/dist/components/icon/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a7 as t } from "../../components-JI9iTK9k.mjs";
+import { a7 as t } from "../../components-DWu7ns7G.mjs";
 export {
   t as Icon
 };

package/dist/components/icon-button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a8 as p } from "../../components-JI9iTK9k.mjs";
+import { a8 as p } from "../../components-DWu7ns7G.mjs";
 export {
   p as IconButton
 };

package/dist/components/indicator-card-db/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../vendor-BT8UyTQi.mjs";
+import "../../vendor-DisxR6cH.mjs";
 import "styled-components";
-import { a9 as m } from "../../components-JI9iTK9k.mjs";
+import { a9 as m } from "../../components-DWu7ns7G.mjs";
 export {
   m as IndicatorCardDB
 };

package/dist/components/info-sidebar/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aa as m } from "../../components-JI9iTK9k.mjs";
+import { aa as m } from "../../components-DWu7ns7G.mjs";
 export {
   m as InfoSidebar
 };

package/dist/components/inputs/fields/combobox/field/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../../../vendor-BT8UyTQi.mjs";
+import "../../../../../vendor-DisxR6cH.mjs";
 import "react";
 import "styled-components";
-import { bE as b } from "../../../../../components-JI9iTK9k.mjs";
+import { bF as b } from "../../../../../components-DWu7ns7G.mjs";
 export {
   b as ComboBoxField
 };

package/dist/components/inputs/fields/combobox/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../../vendor-BT8UyTQi.mjs";
-import { ad as t } from "../../../../components-JI9iTK9k.mjs";
+import "../../../../vendor-DisxR6cH.mjs";
+import { ad as t } from "../../../../components-DWu7ns7G.mjs";
 export {
   t as ComboBox
 };