@altinn/altinn-components 0.56.12 → 0.56.14

package/dist/assets/TypingIcon.css

@@ -0,0 +1 @@
+._typingIcon_16t3v_1{fill:var(--ds-color-border-default)}

package/dist/components/Account/AccountMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-CYYz0JvC.js";
+import { M as S } from "../../SearchField-DhPNZyyE.js";
 import "../Snackbar/useSnackbar.js";
 const F = (n) => `${n} hits`, G = ({
   items: n = [],

package/dist/components/ContextMenu/ContextMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import u, { forwardRef as s } from "react";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-CYYz0JvC.js";
+import { M as f } from "../../SearchField-DhPNZyyE.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";

package/dist/components/Dialog/DialogActions.js

@@ -8,7 +8,7 @@ import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "react-dom";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-CYYz0JvC.js";
+import { M as v } from "../../SearchField-DhPNZyyE.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {

package/dist/components/Forms/SearchField.js

@@ -4,12 +4,13 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { S as l } from "../../SearchField-CYYz0JvC.js";
+import { S as s } from "../../SearchField-DhPNZyyE.js";
 import "./Input.js";
 import "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
+import "../Icon/TypingIcon.js";
 import "../../MagnifyingGlass-bwVhw07z.js";
 import "../../XMark-tKk6aExO.js";
 export {
-  l as SearchField
+  s as SearchField
 };

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-CYYz0JvC.js";
+import { S as I } from "../../SearchField-DhPNZyyE.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/AccountSelector.js

@@ -8,7 +8,7 @@ import { Button as A } from "../Button/Button.js";
 import "react-dom";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-CYYz0JvC.js";
+import { S as H } from "../../SearchField-DhPNZyyE.js";
 import { S as T } from "../../button-BB5sYVKY.js";
 import { H as V, S as B } from "../../switch-Cemfhx0H.js";
 import { u as j } from "../../useId-BVFxCjkq.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { useState as d, useCallback as G, useEffect as L, useMemo as C } from "react";
-import { M as S } from "../../SearchField-CYYz0JvC.js";
+import { M as S } from "../../SearchField-DhPNZyyE.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,7 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-CYYz0JvC.js";
+import { a as h } from "../../SearchField-DhPNZyyE.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -6,7 +6,7 @@ import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-CYYz0JvC.js";
+import { M as f } from "../../SearchField-DhPNZyyE.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";

package/dist/components/Header/LocaleSwitcher.js

@@ -7,7 +7,7 @@ import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-CYYz0JvC.js";
+import { a as p } from "../../SearchField-DhPNZyyE.js";
 import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import { LocaleButton as S } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Icon/TypingIcon.js

@@ -0,0 +1,24 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { c } from "../../index-p1eeF8LQ.js";
+import '../../assets/TypingIcon.css';const r = "_typingIcon_16t3v_1", o = {
+  typingIcon: r
+}, p = ({ "aria-label": i, className: t, ...n }) => /* @__PURE__ */ a(
+  "svg",
+  {
+    "aria-label": i,
+    className: c(o.typingIcon, t),
+    width: "40",
+    height: "20",
+    role: "img",
+    viewBox: "0 0 40 20",
+    ...n,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "8", cy: "10", r: "3", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.25;1;0.25", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "20", cy: "10", r: "3", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.25;1;0.25", dur: "1s", begin: "0.2s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "32", cy: "10", r: "3", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.25;1;0.25", dur: "1s", begin: "0.4s", repeatCount: "indefinite" }) })
+    ]
+  }
+);
+export {
+  p as TypingIcon
+};

package/dist/components/Layout/Layout.js

@@ -11,7 +11,7 @@ import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
 import "../Button/Button.js";
-import { M as k } from "../../SearchField-CYYz0JvC.js";
+import { M as k } from "../../SearchField-DhPNZyyE.js";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { Header as F } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-CYYz0JvC.js";
+import { M as t } from "../../SearchField-DhPNZyyE.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { a as c } from "../../SearchField-CYYz0JvC.js";
+import { a as c } from "../../SearchField-DhPNZyyE.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { b } from "../../SearchField-CYYz0JvC.js";
+import { b } from "../../SearchField-DhPNZyyE.js";
 import "../Snackbar/useSnackbar.js";
 export {
   b as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { V as I } from "../../SearchField-CYYz0JvC.js";
+import { V as I } from "../../SearchField-DhPNZyyE.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-CYYz0JvC.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-DhPNZyyE.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Searchbar/QueryLabel.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_yf5z4_1", o = "_group_yf5z4_25", p = "_plus_yf5z4_31", m = "_item_yf5z4_35", l = {
-  label: n,
-  group: o,
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import '../../assets/QueryLabel.css';const o = "_label_1qrdy_1", d = "_group_1qrdy_31", p = "_plus_1qrdy_37", u = "_item_1qrdy_41", a = {
+  label: o,
+  group: d,
   plus: p,
-  item: m
-}, u = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("span", { className: l.item, "data-type": s, children: t }), i = ({ params: s = [], size: t = "sm" }) => /* @__PURE__ */ e("div", { className: l.label, "data-size": t, children: s.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ e(u, { ...r }),
-  s[a + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
-] }, a)) });
+  item: u
+}, i = ({ type: s = "search", label: l }) => /* @__PURE__ */ e("span", { className: a.item, "data-type": s, children: l }), _ = ({ params: s = [], size: l = "sm", variant: r = "default" }) => /* @__PURE__ */ e("div", { className: a.label, "data-size": l, "data-variant": r, children: s.map((c, t) => /* @__PURE__ */ n("div", { className: a.group, children: [
+  /* @__PURE__ */ e(i, { ...c }),
+  s[t + 1] && /* @__PURE__ */ e("span", { className: a.plus, children: "+" })
+] }, t)) });
 export {
-  u as QueryItem,
-  i as QueryLabel
+  i as QueryItem,
+  _ as QueryLabel
 };

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,80 +1,82 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { useState as b } from "react";
+import { useState as y } from "react";
 import { Button as d } from "../Button/Button.js";
 import { ButtonGroup as h } from "../Button/ButtonGroup.js";
-import { ContextMenu as z } from "../ContextMenu/ContextMenu.js";
+import { ContextMenu as C } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as k } from "../Searchbar/QueryLabel.js";
-import { TextField as C } from "../Forms/TextField.js";
+import { QueryLabel as G } from "../Searchbar/QueryLabel.js";
+import { TextField as j } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as G } from "./SettingsItemBase.js";
-import { SettingsModal as j } from "./SettingsModal.js";
-import { S as M } from "../../MagnifyingGlass-bwVhw07z.js";
-const O = ({
-  id: u,
-  icon: m = M,
-  loading: x,
-  title: l,
-  params: n,
-  controls: L,
+import { SettingsItemBase as z } from "./SettingsItemBase.js";
+import { SettingsModal as L } from "./SettingsModal.js";
+import { BookmarksSettingsItemLabel as M } from "./BookmarksSettingsItemLabel.js";
+import { S as Q } from "../../MagnifyingGlass-bwVhw07z.js";
+const X = ({
+  id: S,
+  icon: m = Q,
+  loading: l,
+  title: n,
+  untitled: T,
+  highlightWords: u,
+  params: a,
+  controls: V,
   inputValue: s,
-  titleField: a,
-  saveButton: t,
-  removeButton: o,
-  contextMenu: f,
-  onChange: p,
-  open: c = !1,
+  titleField: f,
+  saveButton: o,
+  removeButton: i,
+  contextMenu: p,
+  onChange: c,
+  open: k = !1,
   onClose: e,
-  ...S
+  ...b
 }) => {
-  const [y, I] = b("");
+  const [x, I] = y("");
   return /* @__PURE__ */ r(
-    G,
+    z,
     {
-      ...S,
-      id: u,
-      expanded: c,
+      ...b,
+      id: S,
+      expanded: k,
       icon: m,
-      loading: x,
-      title: l,
-      value: /* @__PURE__ */ r(k, { params: n, size: "xs" }),
-      controls: f && /* @__PURE__ */ r(z, { ...f }),
+      loading: l,
+      label: /* @__PURE__ */ r(M, { highlightWords: u, loading: l, params: a, title: n }),
+      controls: p && /* @__PURE__ */ r(C, { ...p }),
       linkIcon: !0,
-      children: /* @__PURE__ */ g(j, { icon: m, title: l, open: c, onClose: e, children: [
-        /* @__PURE__ */ r(k, { params: n }),
+      children: /* @__PURE__ */ g(L, { icon: m, title: n, open: k, onClose: e, children: [
+        /* @__PURE__ */ r(G, { params: a }),
         /* @__PURE__ */ r(
-          C,
+          j,
           {
-            ...a,
-            label: a?.label || "Gi søket et navn",
+            ...f,
+            label: f?.label || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof s == "string" ? s : y,
-            onChange: (i) => {
-              typeof p == "function" ? p(i) : I(i.target.value);
+            value: typeof s == "string" ? s : x,
+            onChange: (t) => {
+              typeof c == "function" ? c(t) : I(t.target.value);
             }
           }
         ),
-        (t || o) && /* @__PURE__ */ g(h, { size: "md", children: [
-          t && /* @__PURE__ */ r(
+        (o || i) && /* @__PURE__ */ g(h, { size: "md", children: [
+          o && /* @__PURE__ */ r(
             d,
             {
-              ...t,
-              onClick: (i) => {
-                t.onClick?.(i), e();
+              ...o,
+              onClick: (t) => {
+                o.onClick?.(t), e();
               }
             }
           ),
-          o && /* @__PURE__ */ r(
+          i && /* @__PURE__ */ r(
             d,
             {
-              ...o,
+              ...i,
               variant: "outline",
               color: "danger",
-              onClick: (i) => {
-                o.onClick?.(i), e();
+              onClick: (t) => {
+                i.onClick?.(t), e();
               }
             }
           )
@@ -84,5 +86,5 @@ const O = ({
   );
 };
 export {
-  O as BookmarksSettingsItem
+  X as BookmarksSettingsItem
 };

package/dist/components/Settings/BookmarksSettingsItemLabel.js

@@ -0,0 +1,21 @@
+import { jsxs as e, Fragment as s, jsx as m } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Button/Button.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { QueryLabel as a } from "../Searchbar/QueryLabel.js";
+import "../Snackbar/useSnackbar.js";
+const h = ({
+  loading: o,
+  title: r,
+  params: i,
+  highlightWords: t
+}) => /* @__PURE__ */ e(s, { children: [
+  r && /* @__PURE__ */ m(p, { size: "sm", loading: o, highlightWords: t, children: r }),
+  /* @__PURE__ */ m(a, { params: i, size: r ? "xs" : "sm", variant: r ? "subtle" : "default" })
+] });
+export {
+  h as BookmarksSettingsItemLabel
+};

package/dist/components/Settings/BookmarksSettingsList.js

@@ -30,7 +30,8 @@ const q = ({
         {
           ...r,
           key: r.id,
-          title: r?.title || l,
+          title: r?.title,
+          untitled: l,
           loading: e || r.loading,
           onToggle: () => d?.(r.id),
           expanded: p === r.id

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as L, useState as u, useCallback as O, useEffect as R } from "react";
-import { M as x } from "../../SearchField-CYYz0JvC.js";
+import { M as x } from "../../SearchField-DhPNZyyE.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-CYYz0JvC.js";
+import { M as I } from "../../SearchField-DhPNZyyE.js";
 import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-CYYz0JvC.js";
+import { M as H } from "../../SearchField-DhPNZyyE.js";
 import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-CYYz0JvC.js";
+import { M as b } from "../../SearchField-DhPNZyyE.js";
 import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,39 +1,43 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as h } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../SearchField-CYYz0JvC.js";
-const b = ({
+import { S as l } from "../../SearchField-DhPNZyyE.js";
+const j = ({
   value: r,
   name: o,
   placeholder: t = "Search",
-  collapsible: e,
-  clearButtonAltText: a = "Clear search",
-  onChange: i,
-  onClear: p,
-  menu: m,
-  minLength: s
-}) => /* @__PURE__ */ c(
-  f,
+  loading: e,
+  collapsible: a,
+  clearButtonAltText: i = "Clear search",
+  onChange: p,
+  onClear: m,
+  onKeyDown: s,
+  menu: c,
+  minLength: f
+}) => /* @__PURE__ */ h(
+  l,
   {
     size: "xs",
     value: r,
     name: o,
     placeholder: t,
-    clearButtonAltText: a,
-    onChange: i,
-    onClear: p,
-    collapsible: e,
+    clearButtonAltText: i,
+    onChange: p,
+    onClear: m,
+    onKeyDown: s,
+    collapsible: a,
     autoComplete: "off",
     autoCapitalize: "off",
     type: "search",
-    minLength: s,
-    menu: m
+    minLength: f,
+    loading: e,
+    menu: c
   }
 );
 export {
-  b as ToolbarSearch
+  j as ToolbarSearch
 };

package/dist/components/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./List/ListItemSelect.js";
 import { ListItem as je } from "./List/ListItem.js";
 import { List as Je } from "./List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-CYYz0JvC.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-DhPNZyyE.js";
 import { MenuItem as rt } from "./Menu/MenuItem.js";
 import { MenuList as tt } from "./Menu/MenuList.js";
 import { MenuListItem as pt } from "./Menu/MenuListItem.js";

package/dist/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./components/List/ListItemSelect.js";
 import { ListItem as Ke } from "./components/List/ListItem.js";
 import { List as qe } from "./components/List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-CYYz0JvC.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-DhPNZyyE.js";
 import { MenuItem as rt } from "./components/Menu/MenuItem.js";
 import { MenuList as tt } from "./components/Menu/MenuList.js";
 import { MenuListItem as pt } from "./components/Menu/MenuListItem.js";

package/dist/types/lib/components/Forms/SearchField.d.ts

@@ -10,7 +10,9 @@ export interface SearchFieldProps extends InputProps {
     value?: InputProps['value'];
     label?: FieldBaseProps['label'];
     clearButtonAltText?: string;
+    loading?: boolean;
+    loadingLabel?: string;
     onClear?: () => void;
     menu?: SearchFieldMenuProps;
 }
-export declare const SearchField: ({ className, collapsible, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchField: ({ className, collapsible, loading, loadingLabel, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SearchField.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SearchFieldProps } from './SearchField';
 declare const meta: {
     title: string;
-    component: ({ className, collapsible, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, collapsible, loading, loadingLabel, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -14,5 +14,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const ClearButton: Story;
+export declare const DebouncedQuery: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Controlled: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Autocomplete: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Icon/TypingIcon.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type TypingIconProps = {
+    /**
+     * Accessibile label
+     */
+    'aria-label'?: string;
+    /**
+     * Spinner size
+     */
+    'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+} & ComponentPropsWithoutRef<'svg'> & ({
+    'aria-label': string;
+} | {
+    'aria-label'?: string;
+    'aria-hidden': true | 'true';
+});
+export declare const TypingIcon: ({ "aria-label": ariaLabel, className, ...rest }: TypingIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Searchbar/QueryLabel.d.ts

@@ -9,5 +9,6 @@ export declare const QueryItem: ({ type, label }: QueryItemProps) => import("rea
 export interface QueryLabelProps {
     params?: QueryItemProps[];
     size?: QueryItemSize;
+    variant?: 'default' | 'subtle';
 }
-export declare const QueryLabel: ({ params, size }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QueryLabel: ({ params, size, variant }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItem.d.ts

@@ -8,6 +8,8 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     loading?: boolean;
     /** Optional title */
     title?: string;
+    /** Optional title */
+    untitled?: string;
     /** Query params */
     params?: QueryItemProps[];
     /** Input value */
@@ -27,4 +29,4 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     /** Open */
     open?: boolean;
 }
-export declare const BookmarksSettingsItem: ({ id, icon, loading, title, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksSettingsItem: ({ id, icon, loading, title, untitled, highlightWords, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItemLabel.d.ts

@@ -0,0 +1,12 @@
+import { QueryItemProps } from '..';
+export interface BookmarksSettingsItemLabelProps {
+    /** Optional title */
+    title?: string;
+    /** Query params */
+    params?: QueryItemProps[];
+    /** Loading */
+    loading?: boolean;
+    /** Highlight words */
+    highlightWords?: string[];
+}
+export declare const BookmarksSettingsItemLabel: ({ loading, title, params, highlightWords, }: BookmarksSettingsItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts

@@ -28,3 +28,4 @@ export declare const AccountMenuAndFilters: () => import("react/jsx-runtime").JS
 export declare const AccountMenuAndSearch: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndSubmenu: () => import("react/jsx-runtime").JSX.Element;
+export declare const DebouncedQuery: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -2,4 +2,4 @@ import { SearchFieldProps } from '../Forms';
 export interface ToolbarSearchProps extends SearchFieldProps {
     collapsible?: boolean;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, collapsible, clearButtonAltText, onChange, onClear, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;