@helsenorge/designsystem-react 14.6.0 → 14.7.1

package/lib/components/Filter/index.js

@@ -0,0 +1,137 @@
+import { n as DrawerNavigationContext, r as useDrawerNavigation } from "../../DrawerNavigation.js";
+import { t as DrawerNavigation_default } from "../../DrawerNavigation2.js";
+import { t as FilterButton_default } from "../../FilterButton.js";
+import { t as FilterButtonAndChipsWrapper_default } from "../../FilterButtonAndChipsWrapper.js";
+import { t as FilterDrawer_default } from "../../FilterDrawer.js";
+import { r as Link } from "../../FilterLinkList.js";
+import { t as FilterLinkList_default } from "../../FilterLinkList2.js";
+import { t as FilterOverviewLinkList_default } from "../../FilterOverviewLinkList.js";
+import { t as FilterOverviewSearch_default } from "../../FilterOverviewSearch.js";
+import { t as FilterResultCountAndSortWrapper_default } from "../../FilterResultCountAndSortWrapper.js";
+import { t as FilterSearch_default } from "../../FilterSearch2.js";
+import { t as FilterSort_default } from "../../FilterSort.js";
+import { t as getFilterChips_default } from "../../getFilterChips.js";
+import { useCallback, useState } from "react";
+const useFilter = (options) => {
+	const [filters, setFiltersState] = useState(() => ({ ...options?.defaultValues }));
+	const removeFilter = (filterKey, optionValue) => {
+		setFiltersState((prev) => {
+			const current = prev[filterKey];
+			if (current === void 0) return prev;
+			if (optionValue !== void 0 && Array.isArray(current)) {
+				const updated = current.filter((v) => v !== optionValue);
+				if (updated.length === 0) {
+					const { [filterKey]: _removed$1, ...rest$1 } = prev;
+					return rest$1;
+				}
+				return {
+					...prev,
+					[filterKey]: updated
+				};
+			}
+			const { [filterKey]: _removed, ...rest } = prev;
+			return rest;
+		});
+	};
+	const setFilter = (name, value) => {
+		if (value === void 0) {
+			removeFilter(name);
+			return;
+		}
+		setFiltersState((prev) => ({
+			...prev,
+			[name]: value
+		}));
+	};
+	const setFilters = (newFilters) => {
+		setFiltersState(newFilters);
+	};
+	const resetFilters = () => {
+		setFiltersState({ ...options?.defaultValues });
+	};
+	const resetFiltersToEmpty = () => {
+		setFiltersState({});
+	};
+	return {
+		filters,
+		setFilter,
+		setFilters,
+		removeFilter,
+		resetFilters,
+		resetFiltersToEmpty
+	};
+};
+const useFilterDrawer = () => {
+	const [isOpen, setIsOpen] = useState(false);
+	const [initialView, setInitialView] = useState(void 0);
+	return {
+		isOpen,
+		initialView,
+		open: useCallback((view) => {
+			setInitialView(view);
+			setIsOpen(true);
+		}, []),
+		close: useCallback(() => {
+			setIsOpen(false);
+		}, [])
+	};
+};
+const createFilterConfig = (categories) => {
+	const defaultValues = {};
+	const labelMaps = /* @__PURE__ */ new Map();
+	for (const key in categories) {
+		const category = categories[key];
+		if (category?.defaultValue !== void 0) defaultValues[key] = category.defaultValue;
+		if (category?.options) {
+			const resolve = category.getLabel ?? ((o) => String(o.value));
+			const map = /* @__PURE__ */ new Map();
+			for (const opt of category.options) map.set(opt.value, resolve(opt));
+			labelMaps.set(key, map);
+		}
+	}
+	const getLabel = (key, value) => {
+		return labelMaps.get(key)?.get(value) ?? String(value);
+	};
+	return {
+		filterOptions: { defaultValues },
+		getLabel
+	};
+};
+const matchFilter = {
+	arrayIncludes: (accessor) => (item, value) => {
+		const filterValues = Array.isArray(value) ? value : [value];
+		const itemValue = accessor(item);
+		if (Array.isArray(itemValue)) return itemValue.some((v) => filterValues.includes(v));
+		return filterValues.includes(itemValue);
+	},
+	exactMatch: (accessor) => (item, value) => {
+		if (Array.isArray(value)) return value.includes(accessor(item));
+		return accessor(item) === value;
+	},
+	booleanToggle: (accessor) => (item, value) => {
+		return !(Array.isArray(value) ? value.includes(true) : value === true) || accessor(item);
+	},
+	textSearch: (...accessors) => (item, value) => {
+		const search = String(value).toLowerCase();
+		return accessors.some((accessor) => accessor(item)?.toLowerCase().includes(search));
+	}
+};
+const filterItems = (items, filters, matchers) => {
+	return items.filter((item) => {
+		for (const key in matchers) {
+			const value = filters[key];
+			if (value === void 0) continue;
+			const matcher = matchers[key];
+			if (matcher && !matcher(item, value)) return false;
+		}
+		return true;
+	});
+};
+const toggleArrayFilter = (filter, filterKey, value) => {
+	const current = filter.filters[filterKey] ?? [];
+	const updated = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
+	filter.setFilter(filterKey, updated.length > 0 ? updated : void 0);
+};
+export { DrawerNavigation_default as DrawerNavigation, DrawerNavigationContext, FilterButton_default as FilterButton, FilterButtonAndChipsWrapper_default as FilterButtonAndChipsWrapper, FilterDrawer_default as FilterDrawer, FilterLinkList_default as FilterLinkList, FilterOverviewLinkList_default as FilterOverviewLinkList, FilterOverviewSearch_default as FilterOverviewSearch, FilterResultCountAndSortWrapper_default as FilterResultCountAndSortWrapper, FilterSearch_default as FilterSearch, FilterSort_default as FilterSort, Link, createFilterConfig, filterItems, getFilterChips_default as getFilterChips, matchFilter, toggleArrayFilter, useDrawerNavigation, useFilter, useFilterDrawer };
+
+//# sourceMappingURL=index.js.map

package/lib/components/Filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Filter/useFilter.ts","../../../src/components/Filter/useFilterDrawer.ts","../../../src/components/Filter/utils.ts"],"sourcesContent":["import { useState } from 'react';\n\n// Key er string men value kan være hva som helst og er ukjent for oss internt i useFilter. Den er typesikker for consumer.\n// Dette mønsteret lar oss ha ulike typer i samme objekt.\nexport type FilterValues = Record<string, unknown>;\n\nexport interface UseFilterOptions<T extends FilterValues> {\n  /** Initial filter values */\n  defaultValues?: Partial<T>;\n}\n\nexport interface UseFilterReturn<T extends FilterValues> {\n  /** Current filter state */\n  filters: Partial<T>;\n  /** Update a single filter. Pass undefined to remove it. */\n  setFilter: <K extends keyof T>(name: K, value: T[K] | undefined) => void;\n  /** Replace all filters at once (useful for applying draft/delayed filters) */\n  setFilters: (filters: Partial<T>) => void;\n  /** Remove a filter entirely, or a specific value from an array filter */\n  removeFilter: (filterKey: keyof T | string, optionValue?: unknown) => void;\n  /** Reset filters to default values */\n  resetFilters: () => void;\n  /** Resets to empty filter */\n  resetFiltersToEmpty: () => void;\n}\n\nexport const useFilter = <T extends FilterValues>(options?: UseFilterOptions<T>): UseFilterReturn<T> => {\n  const [filters, setFiltersState] = useState<Partial<T>>(() => ({ ...options?.defaultValues }) as Partial<T>);\n\n  // Fjern et filter helt, eller fjern en spesifikk verdi fra et array-filter.\n  const removeFilter = (filterKey: keyof T, optionValue?: unknown): void => {\n    setFiltersState(prev => {\n      const current = prev[filterKey];\n      if (current === undefined) return prev;\n      if (optionValue !== undefined && Array.isArray(current)) {\n        const updated = current.filter(v => v !== optionValue);\n        if (updated.length === 0) {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [filterKey as string]: _removed, ...rest } = prev;\n          return rest as Partial<T>;\n        }\n        return { ...prev, [filterKey]: updated };\n      }\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { [filterKey as string]: _removed, ...rest } = prev;\n      return rest as Partial<T>;\n    });\n  };\n\n  // Sett en filtervalue. Send inn undefined for å fjerne filteret.\n  const setFilter = <K extends keyof T>(name: K, value: T[K] | undefined): void => {\n    if (value === undefined) {\n      removeFilter(name);\n      return;\n    }\n    setFiltersState(prev => ({ ...prev, [name]: value }));\n  };\n\n  // Erstatt alle filtre på en gang (f.eks. ved \"Bruk filter\" i delayed filtrering).\n  const setFilters = (newFilters: Partial<T>): void => {\n    setFiltersState(newFilters);\n  };\n\n  const resetFilters = (): void => {\n    setFiltersState({ ...options?.defaultValues } as Partial<T>);\n  };\n\n  const resetFiltersToEmpty = (): void => {\n    setFiltersState({});\n  };\n\n  return { filters, setFilter, setFilters, removeFilter, resetFilters, resetFiltersToEmpty };\n};\n","import { useState, useCallback } from 'react';\n\nexport interface UseFilterDrawerReturn<ViewId extends string = string> {\n  /** Whether the drawer is currently open */\n  isOpen: boolean;\n  /** The view to navigate to when the drawer opens */\n  initialView: ViewId | undefined;\n  /** Open the drawer, optionally navigating directly to a specific view */\n  open: (view?: ViewId) => void;\n  /** Close the drawer */\n  close: () => void;\n}\n\nexport const useFilterDrawer = <ViewId extends string = string>(): UseFilterDrawerReturn<ViewId> => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [initialView, setInitialView] = useState<ViewId | undefined>(undefined);\n\n  const open = useCallback((view?: ViewId): void => {\n    setInitialView(view);\n    setIsOpen(true);\n  }, []);\n\n  const close = useCallback((): void => {\n    setIsOpen(false);\n  }, []);\n\n  return { isOpen, initialView, open, close };\n};\n","import type { FilterValues, UseFilterOptions, UseFilterReturn } from './useFilter';\n\n/** Et filtervalg med verdi og visningstekst */\nexport interface FilterOption<V = string> {\n  value: V;\n  label: string;\n}\n\n// Hvis V er et array (f.eks. string[]), hent ut typen inni arrayet (string).\n// Hvis V ikke er et array (f.eks. boolean), bruk V som den er.\n// Brukes for å sikre at options-listen matcher elementene, ikke hele arrayet.\n// Eksempel: FilterCategoryConfig<string[]> → options er FilterOption<string>[], ikke FilterOption<string[]>[]\ntype OptionValue<V> = V extends (infer U)[] ? U : V;\n\n/** Konfigurasjon for en filterkategori. */\nexport interface FilterCategoryConfig<V = unknown> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: ({ value: OptionValue<V> } & { [key: string]: any })[];\n  defaultValue?: V;\n  /** Hent visningstekst fra et option-objekt. Hvis ikke satt, brukes String(value). */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getLabel?: (option: any) => string;\n}\n\nexport interface FilterConfigResult<T extends FilterValues> {\n  /** Options for useFilter (defaultValues) */\n  filterOptions: UseFilterOptions<T>;\n  /** Look up the display label for a filter value */\n  getLabel: (key: keyof T, value: unknown) => string;\n}\n\n/**\n * Lager UseFilterOptions fra et oppsett av filterkategorier.\n * Samler defaultValues og label-oppslag automatisk fra config.\n *\n * Eksempel:\n *   const { filterOptions, getLabel } = createFilterConfig<MyFilters>({\n *     sykehus: { options: sykehusOptions, defaultValue: ['haukeland'], getLabel: o => o.label },\n *     status: { options: statusOptions, getLabel: o => o.displayText },\n *   });\n *   const filter = useFilter(filterOptions);\n *   getLabel('sykehus', 'haukeland') // → 'Haukeland universitetssjukehus'\n */\nexport const createFilterConfig = <T extends FilterValues>(categories: {\n  [K in keyof T]?: FilterCategoryConfig<T[K]>;\n}): FilterConfigResult<T> => {\n  const defaultValues = {} as Partial<T>;\n  const labelMaps = new Map<string, Map<unknown, string>>();\n\n  for (const key in categories) {\n    const category = categories[key];\n    if (category?.defaultValue !== undefined) {\n      defaultValues[key] = category.defaultValue as T[typeof key];\n    }\n    if (category?.options) {\n      const resolve = category.getLabel ?? ((o: { value: unknown }): string => String(o.value));\n      const map = new Map<unknown, string>();\n      for (const opt of category.options) {\n        map.set(opt.value, resolve(opt));\n      }\n      labelMaps.set(key, map);\n    }\n  }\n\n  const getLabel = (key: keyof T, value: unknown): string => {\n    return labelMaps.get(key as string)?.get(value) ?? String(value); // todo: fallback til .displaytext om det ikke er sendt inn noe, og String(value) om .label ikke finnes\n  };\n\n  return { filterOptions: { defaultValues }, getLabel };\n};\n\n/**\n * Ferdige matcher-funksjoner for typiske filter mønster.\n * Brukes som deler i matcher objektet til filterItems.\n *\n * Eksempel:\n *   const filterMatchers = {\n *     categories: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     status: matchFilter.exactMatch<Medisin>(m => m.status),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   };\n */\nexport const matchFilter = {\n  /** Array-filter: matcher hvis det er overlapp mellom filterverdier og item-verdier (OR-logikk). */\n  arrayIncludes:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      const filterValues = Array.isArray(value) ? value : [value];\n      const itemValue = accessor(item);\n      if (Array.isArray(itemValue)) {\n        return itemValue.some(v => filterValues.includes(v));\n      }\n      return filterValues.includes(itemValue);\n    },\n\n  /** Eksakt match: matcher hvis item-verdien er lik én av filterverdiene */\n  exactMatch:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      if (Array.isArray(value)) {\n        return value.includes(accessor(item));\n      }\n      return accessor(item) === value;\n    },\n\n  /** Boolean toggle: når filterverdien er true, inkluder kun items der accessor returnerer true */\n  booleanToggle:\n    <TItem>(accessor: (item: TItem) => boolean) =>\n    (item: TItem, value: unknown): boolean => {\n      const active = Array.isArray(value) ? value.includes(true) : value === true;\n      return !active || accessor(item);\n    },\n\n  /** Fritekstsøk: matcher hvis søketeksten finnes i ett eller flere felt (case-insensitive) */\n  textSearch:\n    <TItem>(...accessors: ((item: TItem) => string | undefined)[]) =>\n    (item: TItem, value: unknown): boolean => {\n      const search = String(value).toLowerCase();\n      return accessors.some(accessor => accessor(item)?.toLowerCase().includes(search));\n    },\n};\n\n/**\n * Filtrerer en liste med items basert på aktive filterverdier.\n * Hvert filter som er satt må matche for at et item skal inkluderes (AND-logikk).\n *\n * Eksempel:\n *   const filtered = filterItems(medisiner, filter.filters, {\n *     sykehus: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     reseptstatus: matchFilter.exactMatch<Medisin>(m => m.reseptstatus),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   });\n */\n\n/** Type for matcher-objektet som sendes til filterItems. Sikrer at keys matcher filtertypen. */\nexport type FilterMatchers<TItem, T extends FilterValues> = { [K in keyof T]?: (item: TItem, value: NonNullable<T[K]>) => boolean };\n\nexport const filterItems = <TItem, T extends FilterValues>(\n  items: TItem[],\n  filters: Partial<T>,\n  matchers: FilterMatchers<TItem, T>\n): TItem[] => {\n  return items.filter(item => {\n    for (const key in matchers) {\n      const value = filters[key];\n      if (value === undefined) {\n        continue;\n      }\n      const matcher = matchers[key];\n      if (matcher && !matcher(item, value as NonNullable<T[typeof key]>)) {\n        return false;\n      }\n    }\n    return true;\n  });\n};\n\n/**\n * Toggler en verdi i et array-basert filter.\n * Legger til verdien hvis den ikke finnes, fjerner den hvis den finnes.\n * Setter filteret til undefined hvis arrayet blir tomt.\n */\nexport const toggleArrayFilter = <T extends FilterValues, K extends keyof T>(\n  filter: UseFilterReturn<T>,\n  filterKey: K,\n  value: T[K] extends (infer U)[] | undefined ? U : never\n): void => {\n  const current = (filter.filters[filterKey] ?? []) as unknown[];\n  const updated = current.includes(value) ? current.filter(v => v !== value) : [...current, value];\n  filter.setFilter(filterKey, (updated.length > 0 ? updated : undefined) as T[K] | undefined);\n};\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAa,aAAqC,YAAsD;CACtG,MAAM,CAAC,SAAS,mBAAmB,gBAA4B,EAAE,GAAG,SAAS,eAAe,EAAgB;CAG5G,MAAM,gBAAgB,WAAoB,gBAAgC;AACxE,mBAAgB,SAAQ;GACtB,MAAM,UAAU,KAAK;AACrB,OAAI,YAAY,KAAA,EAAW,QAAO;AAClC,OAAI,gBAAgB,KAAA,KAAa,MAAM,QAAQ,QAAQ,EAAE;IACvD,MAAM,UAAU,QAAQ,QAAO,MAAK,MAAM,YAAY;AACtD,QAAI,QAAQ,WAAW,GAAG;KAExB,MAAM,GAAG,YAAsB,YAAU,GAAG,WAAS;AACrD,YAAO;;AAET,WAAO;KAAE,GAAG;MAAO,YAAY;KAAS;;GAG1C,MAAM,GAAG,YAAsB,UAAU,GAAG,SAAS;AACrD,UAAO;IACP;;CAIJ,MAAM,aAAgC,MAAS,UAAkC;AAC/E,MAAI,UAAU,KAAA,GAAW;AACvB,gBAAa,KAAK;AAClB;;AAEF,mBAAgB,UAAS;GAAE,GAAG;IAAO,OAAO;GAAO,EAAE;;CAIvD,MAAM,cAAc,eAAiC;AACnD,kBAAgB,WAAW;;CAG7B,MAAM,qBAA2B;AAC/B,kBAAgB,EAAE,GAAG,SAAS,eAAe,CAAe;;CAG9D,MAAM,4BAAkC;AACtC,kBAAgB,EAAE,CAAC;;AAGrB,QAAO;EAAE;EAAS;EAAW;EAAY;EAAc;EAAc;EAAqB;;AC1D5F,MAAa,wBAAuF;CAClG,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAA,EAAU;AAW7E,QAAO;EAAE;EAAQ;EAAa,MATjB,aAAa,SAAwB;AAChD,kBAAe,KAAK;AACpB,aAAU,KAAK;KACd,EAAE,CAAC;EAM8B,OAJtB,kBAAwB;AACpC,aAAU,MAAM;KACf,EAAE,CAAC;EAEqC;;ACiB7C,MAAa,sBAA8C,eAE9B;CAC3B,MAAM,gBAAgB,EAAE;CACxB,MAAM,4BAAY,IAAI,KAAmC;AAEzD,MAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,WAAW,WAAW;AAC5B,MAAI,UAAU,iBAAiB,KAAA,EAC7B,eAAc,OAAO,SAAS;AAEhC,MAAI,UAAU,SAAS;GACrB,MAAM,UAAU,SAAS,cAAc,MAAkC,OAAO,EAAE,MAAM;GACxF,MAAM,sBAAM,IAAI,KAAsB;AACtC,QAAK,MAAM,OAAO,SAAS,QACzB,KAAI,IAAI,IAAI,OAAO,QAAQ,IAAI,CAAC;AAElC,aAAU,IAAI,KAAK,IAAI;;;CAI3B,MAAM,YAAY,KAAc,UAA2B;AACzD,SAAO,UAAU,IAAI,IAAc,EAAE,IAAI,MAAM,IAAI,OAAO,MAAM;;AAGlE,QAAO;EAAE,eAAe,EAAE,eAAe;EAAE;EAAU;;AAcvD,MAAa,cAAc;CAEzB,gBACU,cACP,MAAa,UAA4B;EACxC,MAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,QAAQ,CAAC,MAAM;EAC3D,MAAM,YAAY,SAAS,KAAK;AAChC,MAAI,MAAM,QAAQ,UAAU,CAC1B,QAAO,UAAU,MAAK,MAAK,aAAa,SAAS,EAAE,CAAC;AAEtD,SAAO,aAAa,SAAS,UAAU;;CAI3C,aACU,cACP,MAAa,UAA4B;AACxC,MAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,MAAM,SAAS,SAAS,KAAK,CAAC;AAEvC,SAAO,SAAS,KAAK,KAAK;;CAI9B,gBACU,cACP,MAAa,UAA4B;AAExC,SAAO,EADQ,MAAM,QAAQ,MAAM,GAAG,MAAM,SAAS,KAAK,GAAG,UAAU,SACrD,SAAS,KAAK;;CAIpC,aACU,GAAG,eACV,MAAa,UAA4B;EACxC,MAAM,SAAS,OAAO,MAAM,CAAC,aAAa;AAC1C,SAAO,UAAU,MAAK,aAAY,SAAS,KAAK,EAAE,aAAa,CAAC,SAAS,OAAO,CAAC;;CAEtF;AAiBD,MAAa,eACX,OACA,SACA,aACY;AACZ,QAAO,MAAM,QAAO,SAAQ;AAC1B,OAAK,MAAM,OAAO,UAAU;GAC1B,MAAM,QAAQ,QAAQ;AACtB,OAAI,UAAU,KAAA,EACZ;GAEF,MAAM,UAAU,SAAS;AACzB,OAAI,WAAW,CAAC,QAAQ,MAAM,MAAoC,CAChE,QAAO;;AAGX,SAAO;GACP;;AAQJ,MAAa,qBACX,QACA,WACA,UACS;CACT,MAAM,UAAW,OAAO,QAAQ,cAAc,EAAE;CAChD,MAAM,UAAU,QAAQ,SAAS,MAAM,GAAG,QAAQ,QAAO,MAAK,MAAM,MAAM,GAAG,CAAC,GAAG,SAAS,MAAM;AAChG,QAAO,UAAU,WAAY,QAAQ,SAAS,IAAI,UAAU,KAAA,EAA+B"}

package/lib/components/Filter/resourceHelper.d.ts

@@ -0,0 +1,3 @@
+import { HNDesignsystemFilter } from '../../resources/Resources';
+import { LanguageLocales } from '../../constants';
+export declare const getResources: (language: LanguageLocales) => HNDesignsystemFilter;

package/lib/components/Filter/resourcesMock.d.ts

@@ -0,0 +1,41 @@
+import { LanguageLocales } from '../../constants';
+export declare const getResources: (language: LanguageLocales) => {
+    verktoydata_aa_name: string;
+    verktoydata_aa_ingress: string;
+    verktoydata_grubl_name: string;
+    verktoydata_grubl_ingress: string;
+    verktoydata_mm_name: string;
+    verktoydata_mm_ingress: string;
+    verktoydata_hverdagshjelpen_name: string;
+    verktoydata_hverdagshjelpen_ingress: string;
+    verktoydata_ungmestring_name: string;
+    verktoydata_ungmestring_ingress: string;
+    verktoydata_bevegelsesglede_name: string;
+    verktoydata_bevegelsesglede_ingress: string;
+    verktoydata_tryggfodsel_name: string;
+    verktoydata_tryggfodsel_ingress: string;
+    verktoydata_skadekompasset_name: string;
+    verktoydata_skadekompasset_ingress: string;
+    verktoydata_seniorbalanse_name: string;
+    verktoydata_seniorbalanse_ingress: string;
+    verktoydata_tankevenn_name: string;
+    verktoydata_tankevenn_ingress: string;
+    filterOptionTitles_omrade: string;
+    filterOptionTitles_passerfor: string;
+    filterOptionTitles_type: string;
+    omradeOptions_psykiskhelse: string;
+    omradeOptions_graviditet: string;
+    omradeOptions_livsstil: string;
+    omradeOptions_sykdom: string;
+    omradeOptions_rad: string;
+    omradeOptions_tanker: string;
+    passerForOptions_barn: string;
+    passerForOptions_ungdom: string;
+    passerForOptions_voksne: string;
+    passerForOptions_eldre: string;
+    typeOptions_app: string;
+    typeOptions_web: string;
+    filterOption_omrade_legend: string;
+    filterOption_passerFor_legend: string;
+    filterOption_type_legend: string;
+};

package/lib/components/Filter/useFilter.d.ts

@@ -0,0 +1,20 @@
+export type FilterValues = Record<string, unknown>;
+export interface UseFilterOptions<T extends FilterValues> {
+    /** Initial filter values */
+    defaultValues?: Partial<T>;
+}
+export interface UseFilterReturn<T extends FilterValues> {
+    /** Current filter state */
+    filters: Partial<T>;
+    /** Update a single filter. Pass undefined to remove it. */
+    setFilter: <K extends keyof T>(name: K, value: T[K] | undefined) => void;
+    /** Replace all filters at once (useful for applying draft/delayed filters) */
+    setFilters: (filters: Partial<T>) => void;
+    /** Remove a filter entirely, or a specific value from an array filter */
+    removeFilter: (filterKey: keyof T | string, optionValue?: unknown) => void;
+    /** Reset filters to default values */
+    resetFilters: () => void;
+    /** Resets to empty filter */
+    resetFiltersToEmpty: () => void;
+}
+export declare const useFilter: <T extends FilterValues>(options?: UseFilterOptions<T>) => UseFilterReturn<T>;

package/lib/components/Filter/useFilterDrawer.d.ts

@@ -0,0 +1,11 @@
+export interface UseFilterDrawerReturn<ViewId extends string = string> {
+    /** Whether the drawer is currently open */
+    isOpen: boolean;
+    /** The view to navigate to when the drawer opens */
+    initialView: ViewId | undefined;
+    /** Open the drawer, optionally navigating directly to a specific view */
+    open: (view?: ViewId) => void;
+    /** Close the drawer */
+    close: () => void;
+}
+export declare const useFilterDrawer: <ViewId extends string = string>() => UseFilterDrawerReturn<ViewId>;

package/lib/components/Filter/utils.d.ts

@@ -0,0 +1,81 @@
+import { FilterValues, UseFilterOptions, UseFilterReturn } from './useFilter';
+/** Et filtervalg med verdi og visningstekst */
+export interface FilterOption<V = string> {
+    value: V;
+    label: string;
+}
+type OptionValue<V> = V extends (infer U)[] ? U : V;
+/** Konfigurasjon for en filterkategori. */
+export interface FilterCategoryConfig<V = unknown> {
+    options?: ({
+        value: OptionValue<V>;
+    } & {
+        [key: string]: any;
+    })[];
+    defaultValue?: V;
+    /** Hent visningstekst fra et option-objekt. Hvis ikke satt, brukes String(value). */
+    getLabel?: (option: any) => string;
+}
+export interface FilterConfigResult<T extends FilterValues> {
+    /** Options for useFilter (defaultValues) */
+    filterOptions: UseFilterOptions<T>;
+    /** Look up the display label for a filter value */
+    getLabel: (key: keyof T, value: unknown) => string;
+}
+/**
+ * Lager UseFilterOptions fra et oppsett av filterkategorier.
+ * Samler defaultValues og label-oppslag automatisk fra config.
+ *
+ * Eksempel:
+ *   const { filterOptions, getLabel } = createFilterConfig<MyFilters>({
+ *     sykehus: { options: sykehusOptions, defaultValue: ['haukeland'], getLabel: o => o.label },
+ *     status: { options: statusOptions, getLabel: o => o.displayText },
+ *   });
+ *   const filter = useFilter(filterOptions);
+ *   getLabel('sykehus', 'haukeland') // → 'Haukeland universitetssjukehus'
+ */
+export declare const createFilterConfig: <T extends FilterValues>(categories: { [K in keyof T]?: FilterCategoryConfig<T[K]>; }) => FilterConfigResult<T>;
+/**
+ * Ferdige matcher-funksjoner for typiske filter mønster.
+ * Brukes som deler i matcher objektet til filterItems.
+ *
+ * Eksempel:
+ *   const filterMatchers = {
+ *     categories: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),
+ *     status: matchFilter.exactMatch<Medisin>(m => m.status),
+ *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),
+ *   };
+ */
+export declare const matchFilter: {
+    /** Array-filter: matcher hvis det er overlapp mellom filterverdier og item-verdier (OR-logikk). */
+    arrayIncludes: <TItem>(accessor: (item: TItem) => unknown) => (item: TItem, value: unknown) => boolean;
+    /** Eksakt match: matcher hvis item-verdien er lik én av filterverdiene */
+    exactMatch: <TItem>(accessor: (item: TItem) => unknown) => (item: TItem, value: unknown) => boolean;
+    /** Boolean toggle: når filterverdien er true, inkluder kun items der accessor returnerer true */
+    booleanToggle: <TItem>(accessor: (item: TItem) => boolean) => (item: TItem, value: unknown) => boolean;
+    /** Fritekstsøk: matcher hvis søketeksten finnes i ett eller flere felt (case-insensitive) */
+    textSearch: <TItem>(...accessors: ((item: TItem) => string | undefined)[]) => (item: TItem, value: unknown) => boolean;
+};
+/**
+ * Filtrerer en liste med items basert på aktive filterverdier.
+ * Hvert filter som er satt må matche for at et item skal inkluderes (AND-logikk).
+ *
+ * Eksempel:
+ *   const filtered = filterItems(medisiner, filter.filters, {
+ *     sykehus: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),
+ *     reseptstatus: matchFilter.exactMatch<Medisin>(m => m.reseptstatus),
+ *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),
+ *   });
+ */
+/** Type for matcher-objektet som sendes til filterItems. Sikrer at keys matcher filtertypen. */
+export type FilterMatchers<TItem, T extends FilterValues> = {
+    [K in keyof T]?: (item: TItem, value: NonNullable<T[K]>) => boolean;
+};
+export declare const filterItems: <TItem, T extends FilterValues>(items: TItem[], filters: Partial<T>, matchers: FilterMatchers<TItem, T>) => TItem[];
+/**
+ * Toggler en verdi i et array-basert filter.
+ * Legger til verdien hvis den ikke finnes, fjerner den hvis den finnes.
+ * Setter filteret til undefined hvis arrayet blir tomt.
+ */
+export declare const toggleArrayFilter: <T extends FilterValues, K extends keyof T>(filter: UseFilterReturn<T>, filterKey: K, value: T[K] extends (infer U)[] | undefined ? U : never) => void;
+export {};

package/lib/components/HelpBubble/index.js

@@ -3,7 +3,7 @@ import { t as AnchorLink_default } from "../../AnchorLink.js";
 import { n as useLanguage } from "../../useLanguage.js";
 import { t as Close_default } from "../../Close.js";
 import { n as PopOverVariant, t as PopOver_default } from "../../PopOver.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HN_Designsystem_HelpBubble_nb_NO_default = { ariaLabel: "Hjelpetekst" };
@@ -22,8 +22,8 @@ var HelpBubble = (props) => {
 		...getResources(language),
 		...resources
 	};
-	const helpBubbleClasses = classNames(styles.helpbubble, className);
-	const contentClasses = classNames(styles.helpbubble__content);
+	const helpBubbleClasses = cn(styles.helpbubble, className);
+	const contentClasses = cn(styles.helpbubble__content);
 	const renderLink = () => {
 		if (onLinkClick && linkText) return /* @__PURE__ */ jsx("button", {
 			className: styles.helpbubble__link,

package/lib/components/HelpBubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpBubble: React.FC<HelpBubbleProps>","mergedResources: HNDesignsystemHelpBubble"],"sources":["../../../src/resources/HN.Designsystem.HelpBubble.nb-NO.json","../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx","../../../src/components/HelpBubble/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import type { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport type { AnchorLinkTargets } from '../AnchorLink';\nimport type { PopOverProps } from '../PopOver';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport AnchorLink from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement | null>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLDivElement | SVGSVGElement | null>;\n}\n\nconst HelpBubble: React.FC<HelpBubbleProps> = props => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n    ref,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): React.ReactNode | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): React.ReactNode | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"group\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n        {renderCloseButton()}\n      </div>\n    </PopOver>\n  );\n};\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n","import HelpBubble from './HelpBubble';\nexport * from './HelpBubble';\nexport default HelpBubble;\n"],"mappings":";;;;;;;;;ACKA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACMb,MAAa,oBAAoB;AAuCjC,IAAMA,cAAwC,UAAS;CACrD,MAAM,EACJ,kBACA,UACA,YAAY,IACZ,eACA,WAAW,aACX,SACA,YACA,aACA,SACA,gBAEA,YACA,cACA,SACA,eACA,WACA,QACA,QACE;CAEJ,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;AAE5E,KAAI,CAAC,WACH,QAAO;CAIT,MAAMC,kBAA4C;EAChD,GAFuB,aAAa,SAAS;EAG7C,GAAG;EACJ;CAED,MAAM,oBAAoB,WAAW,OAAO,YAAY,UAAU;CAClE,MAAM,iBAAiB,WAAW,OAAO,oBAAoB;CAE7D,MAAM,mBAAgD;AACpD,MAAI,eAAe,SACjB,QACE,oBAAC,UAAA;GAAO,WAAW,OAAO;GAAkB,SAAS;GAAa,MAAK;aACpE;IACM;WAEF,WAAW,SACpB,QACE,oBAAC,oBAAA;GAAW,MAAM;GAAS,QAAQ;aAChC;IACU;;CAKnB,MAAM,0BAAuD;AAC3D,MAAI,cACF;AAEF,SAAO,oBAAC,eAAA;GAAM,OAAA;GAAM,OAAM;GAAO,SAAS;GAAS,WAAW;GAAgB,WAAW,OAAO;IAAqB;;AAGvH,QACE,oBAAC,iBAAA;EACC,WAAW,gBAAgB;EACT;EAClB,IAAI;EACK;EACM;EACf,MAAK;EACA;EACL,MAAM;EACE;YAER,qBAAC,OAAA;GAAI,WAAW;GAAmB,oBAAkB,YAAY;cAC/D,qBAAC,OAAA;IAAI,WAAW;eACb,UACA,YAAY,CAAA;KACT,EACL,mBAAmB,CAAA;IAChB;GACE;;AAId,WAAW,cAAc;ACvIzB,IAAA,qBDyIe"}
+{"version":3,"file":"index.js","names":["HelpBubble: React.FC<HelpBubbleProps>","mergedResources: HNDesignsystemHelpBubble"],"sources":["../../../src/resources/HN.Designsystem.HelpBubble.nb-NO.json","../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx","../../../src/components/HelpBubble/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import type { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport type { AnchorLinkTargets } from '../AnchorLink';\nimport type { PopOverProps } from '../PopOver';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport AnchorLink from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement | null>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLDivElement | SVGSVGElement | null>;\n}\n\nconst HelpBubble: React.FC<HelpBubbleProps> = props => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n    ref,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): React.ReactNode | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): React.ReactNode | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"group\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n        {renderCloseButton()}\n      </div>\n    </PopOver>\n  );\n};\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n","import HelpBubble from './HelpBubble';\nexport * from './HelpBubble';\nexport default HelpBubble;\n"],"mappings":";;;;;;;;;ACKA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACMb,MAAa,oBAAoB;AAuCjC,IAAMA,cAAwC,UAAS;CACrD,MAAM,EACJ,kBACA,UACA,YAAY,IACZ,eACA,WAAW,aACX,SACA,YACA,aACA,SACA,gBAEA,YACA,cACA,SACA,eACA,WACA,QACA,QACE;CAEJ,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;AAE5E,KAAI,CAAC,WACH,QAAO;CAIT,MAAMC,kBAA4C;EAChD,GAFuB,aAAa,SAAS;EAG7C,GAAG;EACJ;CAED,MAAM,oBAAoB,GAAW,OAAO,YAAY,UAAU;CAClE,MAAM,iBAAiB,GAAW,OAAO,oBAAoB;CAE7D,MAAM,mBAAgD;AACpD,MAAI,eAAe,SACjB,QACE,oBAAC,UAAA;GAAO,WAAW,OAAO;GAAkB,SAAS;GAAa,MAAK;aACpE;IACM;WAEF,WAAW,SACpB,QACE,oBAAC,oBAAA;GAAW,MAAM;GAAS,QAAQ;aAChC;IACU;;CAKnB,MAAM,0BAAuD;AAC3D,MAAI,cACF;AAEF,SAAO,oBAAC,eAAA;GAAM,OAAA;GAAM,OAAM;GAAO,SAAS;GAAS,WAAW;GAAgB,WAAW,OAAO;IAAqB;;AAGvH,QACE,oBAAC,iBAAA;EACC,WAAW,gBAAgB;EACT;EAClB,IAAI;EACK;EACM;EACf,MAAK;EACA;EACL,MAAM;EACE;YAER,qBAAC,OAAA;GAAI,WAAW;GAAmB,oBAAkB,YAAY;cAC/D,qBAAC,OAAA;IAAI,WAAW;eACb,UACA,YAAY,CAAA;KACT,EACL,mBAAmB,CAAA;IAChB;GACE;;AAId,WAAW,cAAc;ACvIzB,IAAA,qBDyIe"}

package/lib/components/HelpPanel/index.js

@@ -1,11 +1,11 @@
 import { t as HighlightPanel_default } from "../../HighlightPanel.js";
 import { t as HandWaving_default } from "../../HandWaving.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HelpPanel = ({ className, variant = "normal", testId, children, title }) => {
 	return /* @__PURE__ */ jsx(HighlightPanel_default, {
-		className: classNames([styles["help-panel"]], className),
+		className: cn([styles["help-panel"]], className),
 		testId,
 		svgIcon: HandWaving_default,
 		title,

package/lib/components/HelpPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpPanel: React.FC<HelpPanelProps>"],"sources":["../../../src/components/HelpPanel/HelpPanel.tsx","../../../src/components/HelpPanel/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n","import HelpPanel from './HelpPanel';\nexport * from './HelpPanel';\nexport default HelpPanel;\n"],"mappings":";;;;;AAsBA,IAAMA,aAAuC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,QACE,oBAAC,wBAAA;EACC,WAAW,WAAW,CAAC,OAAO,cAAc,EAAE,UAAU;EAChD;EACR,SAAS;EACF;EACE;EAER;GACc;;AC9BrB,IAAA,oBDkCe"}
+{"version":3,"file":"index.js","names":["HelpPanel: React.FC<HelpPanelProps>"],"sources":["../../../src/components/HelpPanel/HelpPanel.tsx","../../../src/components/HelpPanel/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n","import HelpPanel from './HelpPanel';\nexport * from './HelpPanel';\nexport default HelpPanel;\n"],"mappings":";;;;;AAsBA,IAAMA,aAAuC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,QACE,oBAAC,wBAAA;EACC,WAAW,GAAW,CAAC,OAAO,cAAc,EAAE,UAAU;EAChD;EACR,SAAS;EACF;EACE;EAER;GACc;;AC9BrB,IAAA,oBDkCe"}

package/lib/components/HelpTriggerInline/index.js

@@ -3,7 +3,7 @@ import { t as usePseudoClasses } from "../../usePseudoClasses.js";
 import { n as mergeRefs, t as isMutableRefObject } from "../../refs.js";
 import { n as getAriaLabelAttributes } from "../../accessibility.js";
 import { n as HelpTriggerIconInternal } from "../../HelpTriggerIcon.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HelpTriggerInline = (props) => {
@@ -12,7 +12,7 @@ var HelpTriggerInline = (props) => {
 		label: ariaLabel,
 		id: ariaLabelledById
 	});
-	const helpTriggerInlineStyles = classNames(styles["help-trigger-inline"], className);
+	const helpTriggerInlineStyles = cn(styles["help-trigger-inline"], className);
 	const { refObject, isHovered } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
 	return /* @__PURE__ */ jsxs("button", {
 		"aria-label": ariaLabel,

package/lib/components/HelpTriggerInline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpTriggerInline: React.FC<HelpTriggerInlineProps>"],"sources":["../../../src/components/HelpTriggerInline/HelpTriggerInline.tsx","../../../src/components/HelpTriggerInline/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { HelpTriggerIconInternal } from '../HelpTriggerIcon';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpTriggerInlineProps extends Pick<\n  React.InputHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'\n> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /** Sets the text content of the HelpTriggerInline. */\n  children: string;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst HelpTriggerInline: React.FC<HelpTriggerInlineProps> = props => {\n  const { ariaLabel, ariaLabelledById, children, className, testId, weight = 'normal', ref, ...rest } = props;\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n  const helpTriggerInlineStyles = classNames(styles['help-trigger-inline'], className);\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.HelpTriggerInline}\n      className={helpTriggerInlineStyles}\n      ref={mergeRefs([refObject, ref])}\n      {...ariaLabelAttributes}\n      {...rest}\n    >\n      <span className={styles['help-trigger-inline__text']}>{children}</span>\n      <HelpTriggerIconInternal weight={weight} size={'inherit'} htmlMarkup={'span'} isHovered={isHovered} />\n    </button>\n  );\n};\n\nHelpTriggerInline.displayName = 'HelpTriggerInline';\n\nexport default HelpTriggerInline;\n","import HelpTriggerInline from './HelpTriggerInline';\nexport * from './HelpTriggerInline';\nexport default HelpTriggerInline;\n"],"mappings":";;;;;;;;AA0CA,IAAMA,qBAAsD,UAAS;CACnE,MAAM,EAAE,WAAW,kBAAkB,UAAU,WAAW,QAAQ,SAAS,UAAU,KAAK,GAAG,SAAS;CACtG,MAAM,sBAAsB,uBAAuB;EAAE,OAAO;EAAW,IAAI;EAAkB,CAAC;CAC9F,MAAM,0BAA0B,WAAW,OAAO,wBAAwB,UAAU;CACpF,MAAM,EAAE,WAAW,cAAc,iBAAoC,mBAAmB,IAAI,GAAG,MAAM,KAAK;AAE1G,QACE,qBAAC,UAAA;EACC,cAAY;EACZ,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,KAAK,UAAU,CAAC,WAAW,IAAI,CAAC;EAChC,GAAI;EACJ,GAAI;aAEJ,oBAAC,QAAA;GAAK,WAAW,OAAO;GAA+B;IAAgB,EACvE,oBAAC,yBAAA;GAAgC;GAAQ,MAAM;GAAW,YAAY;GAAmB;IAAa,CAAA;GAC/F;;AAIb,kBAAkB,cAAc;AC/DhC,IAAA,4BDiEe"}
+{"version":3,"file":"index.js","names":["HelpTriggerInline: React.FC<HelpTriggerInlineProps>"],"sources":["../../../src/components/HelpTriggerInline/HelpTriggerInline.tsx","../../../src/components/HelpTriggerInline/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { HelpTriggerIconInternal } from '../HelpTriggerIcon';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpTriggerInlineProps extends Pick<\n  React.InputHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'\n> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /** Sets the text content of the HelpTriggerInline. */\n  children: string;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst HelpTriggerInline: React.FC<HelpTriggerInlineProps> = props => {\n  const { ariaLabel, ariaLabelledById, children, className, testId, weight = 'normal', ref, ...rest } = props;\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n  const helpTriggerInlineStyles = classNames(styles['help-trigger-inline'], className);\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.HelpTriggerInline}\n      className={helpTriggerInlineStyles}\n      ref={mergeRefs([refObject, ref])}\n      {...ariaLabelAttributes}\n      {...rest}\n    >\n      <span className={styles['help-trigger-inline__text']}>{children}</span>\n      <HelpTriggerIconInternal weight={weight} size={'inherit'} htmlMarkup={'span'} isHovered={isHovered} />\n    </button>\n  );\n};\n\nHelpTriggerInline.displayName = 'HelpTriggerInline';\n\nexport default HelpTriggerInline;\n","import HelpTriggerInline from './HelpTriggerInline';\nexport * from './HelpTriggerInline';\nexport default HelpTriggerInline;\n"],"mappings":";;;;;;;;AA0CA,IAAMA,qBAAsD,UAAS;CACnE,MAAM,EAAE,WAAW,kBAAkB,UAAU,WAAW,QAAQ,SAAS,UAAU,KAAK,GAAG,SAAS;CACtG,MAAM,sBAAsB,uBAAuB;EAAE,OAAO;EAAW,IAAI;EAAkB,CAAC;CAC9F,MAAM,0BAA0B,GAAW,OAAO,wBAAwB,UAAU;CACpF,MAAM,EAAE,WAAW,cAAc,iBAAoC,mBAAmB,IAAI,GAAG,MAAM,KAAK;AAE1G,QACE,qBAAC,UAAA;EACC,cAAY;EACZ,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,KAAK,UAAU,CAAC,WAAW,IAAI,CAAC;EAChC,GAAI;EACJ,GAAI;aAEJ,oBAAC,QAAA;GAAK,WAAW,OAAO;GAA+B;IAAgB,EACvE,oBAAC,yBAAA;GAAgC;GAAQ,MAAM;GAAW,YAAY;GAAmB;IAAa,CAAA;GAC/F;;AAIb,kBAAkB,cAAc;AC/DhC,IAAA,4BDiEe"}

package/lib/components/Icons/Filter.js

@@ -1,44 +1,2 @@
-import { t as getIcon } from "../../utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Filter = ({ size, isHovered }) => {
-	return getIcon({
-		size,
-		isHovered,
-		normal: /* @__PURE__ */ jsx("path", {
-			"fill-rule": "evenodd",
-			"clip-rule": "evenodd",
-			d: "M21.034 30.338a4 4 0 0 1 3.926 3.234H41v1.3H24.998a4 4 0 0 1-7.94-.1H7v-1.2h10.108a4 4 0 0 1 3.926-3.234Zm0 1.3a2.7 2.7 0 1 0 .001 5.4 2.7 2.7 0 0 0 0-5.4ZM32.697 20a4 4 0 0 1 3.936 3.286H41v1.3h-4.346a4 4 0 0 1-7.914 0H7v-1.3h21.762A4 4 0 0 1 32.697 20Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4ZM16.571 9.726A4 4 0 0 1 20.505 13H41v1.3H20.53a4 4 0 0 1-7.917 0H7V13h5.638a4 4 0 0 1 3.933-3.274Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Z"
-		}),
-		normalHover: /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx("path", {
-				"fill-rule": "evenodd",
-				"clip-rule": "evenodd",
-				d: "M17.0332 30.3389C18.9803 30.3389 20.6015 31.7297 20.959 33.5723H40.999V34.8721H20.9971C20.7361 36.8288 19.0613 38.3389 17.0332 38.3389C15.0051 38.3389 13.3303 36.8288 13.0693 34.8721H6.99902V33.5723H13.1074C13.4649 31.7297 15.0861 30.3389 17.0332 30.3389ZM17.0332 31.6387C15.542 31.6387 14.333 32.8477 14.333 34.3389C14.3333 35.8298 15.5422 37.0391 17.0332 37.0391C18.5242 37.0391 19.7331 35.8298 19.7334 34.3389C19.7334 32.8477 18.5244 31.6387 17.0332 31.6387Z"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				"fill-rule": "evenodd",
-				"clip-rule": "evenodd",
-				d: "M32.6963 20C34.6617 20 36.2952 21.4177 36.6318 23.2861H40.999V24.5859H36.6533C36.3698 26.5173 34.7064 28 32.6963 28C30.6862 28 29.0228 26.5173 28.7393 24.5859H6.99902V23.2861H28.7607C29.0974 21.4177 30.7309 20 32.6963 20ZM32.6963 21.2998C31.2051 21.2998 29.9961 22.5088 29.9961 24C29.9961 25.4912 31.2051 26.7002 32.6963 26.7002C34.1875 26.7002 35.3965 25.4912 35.3965 24C35.3965 22.5088 34.1875 21.2998 32.6963 21.2998Z"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				"fill-rule": "evenodd",
-				"clip-rule": "evenodd",
-				d: "M19.5703 9.72461C21.5318 9.72461 23.1627 11.1371 23.5039 13H40.999V14.2998H23.5283C23.2496 16.2366 21.5843 17.7256 19.5703 17.7256C17.5564 17.7256 15.891 16.2366 15.6123 14.2998H6.99902V13H15.6367C15.9779 11.1371 17.6088 9.72461 19.5703 9.72461ZM19.5703 11.0254C18.0791 11.0254 16.8701 12.2344 16.8701 13.7256C16.8704 15.2165 18.0793 16.4258 19.5703 16.4258C21.0613 16.4258 22.2702 15.2165 22.2705 13.7256C22.2705 12.2344 21.0615 11.0254 19.5703 11.0254Z"
-			})
-		] }),
-		xSmall: /* @__PURE__ */ jsx("path", {
-			"fill-rule": "evenodd",
-			"clip-rule": "evenodd",
-			d: "M22.111 27.892a2.974 2.974 0 0 1 2.905 2.342h11.935v1.264H25.015a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.973 2.973 0 0 1-2.6-2.325H11.68v-1.264h7.529a2.973 2.973 0 0 1 2.903-2.342Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Zm8.669-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-11.987-8.295a2.974 2.974 0 0 1 2.905 2.34h15.253v1.264H21.697a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327h-4.21v-1.263h4.21a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Z"
-		}),
-		xSmallHover: /* @__PURE__ */ jsx("path", {
-			"fill-rule": "evenodd",
-			"clip-rule": "evenodd",
-			d: "M19.585 27.892a2.975 2.975 0 0 1 2.906 2.342h14.46v1.264H22.489a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.974 2.974 0 0 1-2.6-2.327h-5.003v-1.263h5.001a2.974 2.974 0 0 1 2.905-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Zm11.195-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-9.46-8.295a2.974 2.974 0 0 1 2.904 2.34h12.727v1.264H24.223a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327H11.68v-1.263h6.737a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Z"
-		})
-	});
-};
-var Filter_default = Filter;
+import { t as Filter_default } from "../../Filter.js";
 export { Filter_default as default };
-
-//# sourceMappingURL=Filter.js.map

package/lib/components/Icons/Search.js

@@ -1,26 +1,2 @@
-import { t as getIcon } from "../../utils.js";
-import { jsx } from "react/jsx-runtime";
-var Search = ({ size, isHovered }) => {
-	return getIcon({
-		size,
-		isHovered,
-		normal: /* @__PURE__ */ jsx("path", { d: "M21.277 7.738c7.27 0 13.165 5.895 13.165 13.166 0 2.222-.55 4.316-1.523 6.153l6.268 6.268a3.929 3.929 0 01-5.41 5.695l-.146-.139-6.289-6.289a13.11 13.11 0 01-6.065 1.478c-7.272 0-13.166-5.895-13.166-13.166 0-7.271 5.894-13.166 13.166-13.166zM32 28.542a13.24 13.24 0 01-3.164 3.142l5.996 5.995a2.229 2.229 0 003.26-3.036l-.108-.116zM21.277 9.438c-6.333 0-11.466 5.133-11.466 11.466 0 6.332 5.133 11.466 11.466 11.466 2.258 0 4.365-.654 6.14-1.781l.163-.163.034.035a11.529 11.529 0 003.165-3.14l-.047-.048.228-.226a11.412 11.412 0 001.782-6.143c0-6.333-5.133-11.466-11.465-11.466z" }),
-		normalHover: /* @__PURE__ */ jsx("path", { d: "M21.527 6.932c7.932 0 14.363 6.43 14.363 14.362 0 2.556-.668 4.956-1.838 7.035l5.386 5.386a3.929 3.929 0 01-5.41 5.696l-.146-.14-5.406-5.404a14.298 14.298 0 01-6.949 1.79c-7.932 0-14.362-6.43-14.362-14.363 0-7.932 6.43-14.362 14.362-14.362zM33.11 29.79a14.445 14.445 0 01-3.162 3.141l5.137 5.138a2.229 2.229 0 003.26-3.035l-.108-.117zM21.527 8.632c-6.993 0-12.662 5.669-12.662 12.662 0 6.993 5.669 12.663 12.662 12.663 6.993 0 12.663-5.67 12.663-12.663S28.52 8.632 21.527 8.632z" }),
-		xSmall: /* @__PURE__ */ jsx("path", { d: "M34.476 34.206c-.486.487-1.333.487-1.82 0l-4.402-4.403a10.426 10.426 0 001.78-1.857l4.442 4.44c.243.243.376.567.376.91 0 .345-.133.668-.376.91M21.742 30.07c-4.592 0-8.327-3.737-8.327-8.327 0-4.592 3.735-8.327 8.327-8.327 4.591 0 8.327 3.735 8.327 8.327 0 4.59-3.736 8.327-8.327 8.327m14.181.871l-4.8-4.8c.63-1.338.991-2.825.991-4.398 0-5.72-4.653-10.374-10.372-10.374-5.72 0-10.374 4.653-10.374 10.374 0 5.72 4.653 10.372 10.374 10.372 1.717 0 3.333-.426 4.76-1.168l4.708 4.708a3.312 3.312 0 002.357.976c.89 0 1.727-.348 2.356-.976a3.339 3.339 0 000-4.714" }),
-		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M34.7 34.43c-.486.485-1.338.487-1.823 0l-3.388-3.39c.663-.55 1.255-1.18 1.785-1.859l3.426 3.424c.244.242.377.567.377.911 0 .346-.133.669-.377.914m-12.76-2.994c-5.238 0-9.5-4.26-9.5-9.499 0-5.238 4.262-9.499 9.5-9.499 5.237 0 9.498 4.261 9.498 9.5 0 5.237-4.26 9.498-9.499 9.498m14.21-.28l-3.734-3.736a11.744 11.744 0 001.356-5.483c0-6.524-5.31-11.832-11.832-11.832-6.524 0-11.834 5.308-11.834 11.832 0 6.525 5.31 11.834 11.834 11.834 2.12 0 4.108-.57 5.831-1.55l3.656 3.658c.633.63 1.47.979 2.362.979.893 0 1.732-.348 2.36-.98.632-.63.98-1.467.98-2.362 0-.89-.348-1.73-.98-2.36" }),
-		xxSmall: /* @__PURE__ */ jsx("path", {
-			"fill-rule": "evenodd",
-			"clip-rule": "evenodd",
-			d: "M20.1738 6.88672C27.4533 6.88672 33.3765 12.8075 33.377 20.0879C33.377 22.0407 32.934 23.8871 32.1699 25.5547L38.0918 31.4785C39.7973 33.1852 39.7973 35.9613 38.0918 37.668C37.2652 38.4933 36.1671 38.9509 34.998 38.9512C33.8287 38.9512 32.7281 38.4937 31.9023 37.668L26.1016 31.8672C24.3175 32.7694 22.3071 33.291 20.1738 33.291C12.8934 33.2906 6.97266 27.3673 6.97266 20.0879C6.97311 12.8077 12.8937 6.88717 20.1738 6.88672ZM33.9766 35.8223C34.0595 35.8891 34.1486 35.9464 34.2422 35.9941L34.1055 35.9141C34.0613 35.8856 34.0179 35.8555 33.9766 35.8223ZM30.5879 28.166C30.0088 28.9128 29.3558 29.5973 28.6309 30.2051L34 35.5742C34.5316 36.105 35.4668 36.1054 35.998 35.5742C36.2647 35.3076 36.4102 34.9522 36.4102 34.5742C36.4099 34.1967 36.264 33.8424 35.998 33.5762L30.5879 28.166ZM12.3984 30.5039C12.4725 30.5593 12.5498 30.6102 12.625 30.6641C12.3803 30.4889 12.1399 30.3085 11.9082 30.1172L12.3984 30.5039ZM20.1758 9.85156C14.5314 9.85197 9.93993 14.4435 9.93945 20.0879C9.93945 25.7316 14.5311 30.3258 20.1758 30.3262C25.8208 30.3262 30.4141 25.7318 30.4141 20.0879C30.4136 14.4432 25.8205 9.85156 20.1758 9.85156ZM24.2363 29.7051C24.392 29.6391 24.5456 29.5693 24.6973 29.4961C24.3933 29.6428 24.0811 29.7753 23.7617 29.8926L24.2363 29.7051ZM30.4199 18.0801C30.5472 18.7301 30.6152 19.4012 30.6152 20.0879L30.6016 19.5527C30.5761 19.0518 30.5139 18.5601 30.4199 18.0801ZM30.5898 12.3145C30.6024 12.3312 30.6145 12.3484 30.627 12.3652C30.4902 12.1806 30.3492 11.9993 30.2031 11.8223L30.5898 12.3145ZM23.2754 10.1211C24.0922 10.3756 24.8663 10.7276 25.584 11.1641L25.1484 10.9121C24.5564 10.59 23.9293 10.3248 23.2754 10.1211Z"
-		}),
-		xxSmallHover: /* @__PURE__ */ jsx("path", {
-			"fill-rule": "evenodd",
-			"clip-rule": "evenodd",
-			d: "M20.0664 5.13281C28.324 5.13306 35.0464 11.8511 35.0469 20.1113C35.0469 22.5634 34.442 24.8729 33.3926 26.918L37.957 31.4863C38.7823 32.3116 39.2383 33.4111 39.2383 34.5762C39.2382 35.7464 38.7821 36.8427 37.957 37.668C37.1342 38.4934 36.0347 38.9492 34.8672 38.9492C33.6999 38.9491 32.6029 38.4943 31.7754 37.6699L27.3105 33.2031C25.1607 34.3979 22.6954 35.0956 20.0664 35.0957C11.806 35.0954 5.08398 28.3719 5.08398 20.1113C5.08443 11.8511 11.8063 5.13314 20.0664 5.13281ZM31.7402 29.459C31.1525 30.1928 30.5023 30.8761 29.7871 31.4902L33.8711 35.5762C34.3983 36.1051 35.3349 36.1032 35.8633 35.5762C36.1311 35.3083 36.2772 34.9554 36.2773 34.5762C36.2773 34.1993 36.132 33.8448 35.8652 33.5801L31.7402 29.459ZM26.5273 33.3926C25.4214 33.9344 24.2397 34.3442 23.002 34.5977C23.3028 34.5361 23.6006 34.4664 23.8945 34.3867C25.1149 34.0558 26.2734 33.5714 27.3496 32.959C27.0807 33.112 26.8062 33.256 26.5273 33.3926ZM38.0957 31.9355C38.3575 32.2543 38.5693 32.6057 38.7246 32.9805C38.5174 32.4804 38.2105 32.0211 37.8164 31.627L38.0957 31.9355ZM20.0664 8.44531C13.6343 8.44564 8.40039 13.6791 8.40039 20.1113C8.40058 26.5434 13.6344 31.777 20.0664 31.7773C26.4984 31.777 31.7322 26.5434 31.7324 20.1113C31.7324 13.6791 26.4985 8.44568 20.0664 8.44531ZM17.6777 8.48633C16.327 8.76346 15.0598 9.27215 13.918 9.9668C14.7339 9.47055 15.6142 9.07065 16.543 8.78125C16.9139 8.66566 17.2923 8.56542 17.6777 8.48633ZM22.4551 8.48828C22.6482 8.52791 22.8397 8.57217 23.0293 8.62109C22.6501 8.52325 22.2639 8.443 21.8711 8.38281L22.4551 8.48828ZM20.0664 8.24609C19.6577 8.24609 19.2537 8.2661 18.8555 8.30664L19.457 8.26172C19.6589 8.25145 19.862 8.2461 20.0664 8.24609Z"
-		})
-	});
-};
-var Search_default = Search;
+import { t as Search_default } from "../../Search.js";
 export { Search_default as default };
-
-//# sourceMappingURL=Search.js.map

package/lib/components/Label/utils.d.ts

@@ -7,6 +7,7 @@ interface RenderLabelProps {
     inputId: string;
     onColor: FormOnColor;
     markup?: LabelTags;
+    className?: string;
 }
 export declare const renderLabel: (props: RenderLabelProps) => React.ReactNode;
 interface RenderLabelAsParentProps {

package/lib/components/Loader/index.js

@@ -1,6 +1,6 @@
 import { t as uuid } from "../../uuid.js";
 import { c as ZIndex, n as AnalyticsId } from "../../constants2.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import loaderStyles from "./styles.module.scss";
@@ -21,19 +21,19 @@ var Loader = (props) => {
 	const isSmall = size === "small";
 	const isMedium = size === "medium";
 	const isLarge = size === "large";
-	const loaderWrapperClasses = classNames({
+	const loaderWrapperClasses = cn({
 		[loaderStyles["loader-wrapper--center"]]: center,
 		[loaderStyles["loader-wrapper--overlay"]]: overlay,
 		[loaderStyles["loader-wrapper--overlay-screen"]]: overlay === Overlay.screen,
 		[loaderStyles["loader-wrapper--overlay-parent"]]: overlay === Overlay.parent && display,
 		[loaderStyles["loader-wrapper--inline"]]: inline && display
 	});
-	const loaderClasses = classNames(loaderStyles.loader, {
+	const loaderClasses = cn(loaderStyles.loader, {
 		[loaderStyles["loader--small"]]: isSmall,
 		[loaderStyles["loader--medium"]]: isMedium,
 		[loaderStyles["loader--large"]]: isLarge
 	}, className);
-	const loaderDotClasses = classNames(loaderStyles.loader__dot, {
+	const loaderDotClasses = cn(loaderStyles.loader__dot, {
 		[loaderStyles["loader__dot--small"]]: isSmall,
 		[loaderStyles["loader__dot--medium"]]: isMedium,
 		[loaderStyles["loader__dot--large"]]: isLarge,

package/lib/components/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loader: React.FC<LoaderProps>"],"sources":["../../../src/components/Loader/constants.ts","../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["export enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { Overlay } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n  const hasInitializedRef = useRef(false);\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node && !hasInitializedRef.current) {\n        hasInitializedRef.current = true;\n        if (overlay === Overlay.parent && node.parentElement?.style) {\n          node.parentElement.style.position = 'relative';\n          setDisplay(true);\n        }\n        if (inline && node.parentElement?.style) {\n          node.parentElement.style.display = 'flex';\n          setDisplay(true);\n        }\n      }\n    },\n    [overlay, inline]\n  );\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n","import Loader from './Loader';\nexport { Overlay } from './constants';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;AAAA,IAAY,UAAA,yBAAA,WAAL;AACL,WAAA,YAAA;AACA,WAAA,YAAA;;;ACoCF,IAAMA,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;AAChC,MAAI,YAAY,QAAQ,UAAU,OAChC,QAAO;AAGT,SAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CACpD,MAAM,oBAAoB,OAAO,MAAM;CAEvC,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,WAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,WACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,WAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;AAmBF,QACE,oBAAC,OAAA;EAAI,WAAW;EAAsB,KAlBrB,aAChB,SAAgC;AAC/B,OAAI,QAAQ,CAAC,kBAAkB,SAAS;AACtC,sBAAkB,UAAU;AAC5B,QAAI,YAAY,QAAQ,UAAU,KAAK,eAAe,OAAO;AAC3D,UAAK,cAAc,MAAM,WAAW;AACpC,gBAAW,KAAK;;AAElB,QAAI,UAAU,KAAK,eAAe,OAAO;AACvC,UAAK,cAAc,MAAM,UAAU;AACnC,gBAAW,KAAK;;;KAItB,CAAC,SAAS,OAAO,CAClB;EAGwD,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAA;GACC,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;;IAEX,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACnC,CAAC,oBACA,oBAAC,QAAA;KAAK,IAAI;KAAS,WAAW,aAAa;eACxC;MACI;;IAEL;GAEJ;;ACnIV,IAAA,iBDuIe"}
+{"version":3,"file":"index.js","names":["Loader: React.FC<LoaderProps>"],"sources":["../../../src/components/Loader/constants.ts","../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["export enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { Overlay } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n  const hasInitializedRef = useRef(false);\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node && !hasInitializedRef.current) {\n        hasInitializedRef.current = true;\n        if (overlay === Overlay.parent && node.parentElement?.style) {\n          node.parentElement.style.position = 'relative';\n          setDisplay(true);\n        }\n        if (inline && node.parentElement?.style) {\n          node.parentElement.style.display = 'flex';\n          setDisplay(true);\n        }\n      }\n    },\n    [overlay, inline]\n  );\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n","import Loader from './Loader';\nexport { Overlay } from './constants';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;AAAA,IAAY,UAAA,yBAAA,WAAL;AACL,WAAA,YAAA;AACA,WAAA,YAAA;;;ACoCF,IAAMA,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;AAChC,MAAI,YAAY,QAAQ,UAAU,OAChC,QAAO;AAGT,SAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CACpD,MAAM,oBAAoB,OAAO,MAAM;CAEvC,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,GAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,GACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,GAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;AAmBF,QACE,oBAAC,OAAA;EAAI,WAAW;EAAsB,KAlBrB,aAChB,SAAgC;AAC/B,OAAI,QAAQ,CAAC,kBAAkB,SAAS;AACtC,sBAAkB,UAAU;AAC5B,QAAI,YAAY,QAAQ,UAAU,KAAK,eAAe,OAAO;AAC3D,UAAK,cAAc,MAAM,WAAW;AACpC,gBAAW,KAAK;;AAElB,QAAI,UAAU,KAAK,eAAe,OAAO;AACvC,UAAK,cAAc,MAAM,UAAU;AACnC,gBAAW,KAAK;;;KAItB,CAAC,SAAS,OAAO,CAClB;EAGwD,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAA;GACC,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;;IAEX,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACnC,CAAC,oBACA,oBAAC,QAAA;KAAK,IAAI;KAAS,WAAW,aAAa;eACxC;MACI;;IAEL;GAEJ;;ACnIV,IAAA,iBDuIe"}