@altinn/altinn-components 0.8.3 → 0.9.1

package/dist/components/Toolbar/ToolbarAccountMenu.d.ts

@@ -0,0 +1,5 @@
+import { AccountMenuProps } from '../';
+export interface ToolbarAccountMenuProps extends AccountMenuProps {
+    id?: string;
+}
+export declare const ToolbarAccountMenu: ({ currentAccount, id, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -0,0 +1,20 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { useRootContext as a } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as d } from "./ToolbarButton.js";
+import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
+import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
+const k = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
+  const { currentId: i, toggleId: l, closeAll: p } = a(), s = () => l(t), e = i === t;
+  return /* @__PURE__ */ n(f, { expanded: e, children: [
+    /* @__PURE__ */ r(d, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
+  ] });
+};
+export {
+  k as ToolbarAccountMenu
+};

package/dist/components/Toolbar/ToolbarAdd.js

@@ -2,12 +2,12 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { ToolbarButton as s } from "./ToolbarButton.js";
 import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
 import { Menu as g } from "../Menu/Menu.js";
 import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
-import "../Searchbar/AutocompleteBase.js";
 const D = ({ label: r = "Legg til", items: n, id: t }) => {
   const { closeAll: m, currentId: l, toggleId: i } = d(), e = l === t;
   return /* @__PURE__ */ p(c, { expanded: e, children: [

package/dist/components/Toolbar/ToolbarAdd.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ label, items, id }: import('./ToolbarAdd').ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        id: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Toolbar/ToolbarAdd.stories.js

@@ -4,11 +4,14 @@ const t = {
   component: o,
   tags: ["autodocs"],
   parameters: {},
-  args: {}
+  args: {
+    id: "toolbar-add"
+  }
 }, e = {
   args: {
     items: [
       {
+        id: "choose-date",
         label: "Velg dato"
       }
     ]

package/dist/components/Toolbar/ToolbarBase.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/ToolbarBase.css';const r = "_toolbar_1krmm_1", s = {
+import '../../assets/ToolbarBase.css';const r = "_toolbar_17w00_1", s = {
   toolbar: r
 }, l = ({ children: o }) => /* @__PURE__ */ t("div", { className: s.toolbar, children: o });
 export {

package/dist/components/Toolbar/ToolbarButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ type, selected, removable, active, children, onToggle, onRemove, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Add: Story;
+export declare const Removable: Story;

package/dist/components/Toolbar/ToolbarDate.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+        value: string[];
+        optionType: "radio";
+        options: ({
+            groupId: string;
+            name: string;
+            label: string;
+            value: string;
+        } | {
+            groupId: string;
+            label: string;
+            value: string;
+            name?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Expanded: Story;

package/dist/components/Toolbar/ToolbarDate.stories.js

@@ -6,7 +6,7 @@ const t = {
   parameters: {},
   args: {
     label: "Velg dato",
-    value: "today",
+    value: ["today"],
     optionType: "radio",
     options: [
       {
@@ -45,9 +45,13 @@ const t = {
       }
     ]
   }
-}, o = {}, l = {
+}, o = {
   args: {
-    expanded: !0
+    name: "default"
+  }
+}, l = {
+  args: {
+    name: "expanded"
   }
 };
 export {

package/dist/components/Toolbar/ToolbarDaterange.d.ts

@@ -1,4 +1,3 @@
-import { MouseEventHandler } from 'react';
 export interface ToolbarDaterangeProps {
     title: string;
     label: string;
@@ -6,8 +5,7 @@ export interface ToolbarDaterangeProps {
     description?: string;
     fromLabel?: string;
     toLabel?: string;
-    onToggle?: MouseEventHandler;
-    expanded?: boolean;
+    id?: string;
     className?: string;
 }
-export declare const ToolbarDaterange: ({ title, description, fromLabel, toLabel, label, value, expanded, onToggle, }: ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarDaterange: ({ id, title, description, fromLabel, toLabel, label, value, }: ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -1,59 +1,58 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useState as m } from "react";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useState as p } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../RootProvider/RootProvider.js";
-import { ToolbarButton as T } from "./ToolbarButton.js";
-import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as v } from "../Menu/MenuBase.js";
-import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as F } from "../Dropdown/DrawerOrDropdown.js";
-import "../Searchbar/AutocompleteBase.js";
-import { Datepicker as S } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const w = "_datepicker_mqb1p_1", y = "_fields_mqb1p_6", q = "_description_mqb1p_10", n = {
-  datepicker: w,
-  fields: y,
-  description: q
-}, J = ({
-  title: d = "Select daterange",
-  description: f = "Choose dates or click to set daterange.",
+import "../Autocomplete/AutocompleteBase.js";
+import { useRootContext as F } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as x } from "./ToolbarButton.js";
+import { ToolbarFilterBase as S } from "./ToolbarFilterBase.js";
+import { MenuInputField as d } from "../Menu/MenuInputField.js";
+import { MenuBase as w } from "../Menu/MenuBase.js";
+import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import { Datepicker as q } from "../Datepicker/Datepicker.js";
+import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", i = {
+  datepicker: B,
+  fields: I,
+  description: N
+}, P = ({
+  id: c = "toolbar-filter-datetange",
+  title: f = "Select daterange",
+  description: g = "Choose dates or click to set daterange.",
   fromLabel: h = "From date",
   toLabel: D = "To date",
   label: u = "Select daterange",
-  value: _,
-  expanded: c = !1,
-  onToggle: l
+  value: b
 }) => {
-  const [t, r] = m(""), [s, a] = m(""), b = (e) => {
+  const { currentId: T, toggleId: _ } = F(), l = () => _(c), m = T === c, [t, r] = p(""), [s, a] = p(""), k = (e) => {
     r(e.target.value);
-  }, g = (e) => {
+  }, C = (e) => {
     a(e.target.value);
-  }, k = (e) => {
+  }, v = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ i(C, { expanded: c, children: [
-    /* @__PURE__ */ o(T, { type: "switch", onToggle: l, active: !!_, children: u }),
-    /* @__PURE__ */ o(F, { open: c, drawerTitle: d, onClose: l, children: /* @__PURE__ */ i(v, { children: [
-      /* @__PURE__ */ i("div", { className: n.fields, children: [
+  return /* @__PURE__ */ n(S, { expanded: m, children: [
+    /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: u }),
+    /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
+      /* @__PURE__ */ n("div", { className: i.fields, children: [
         /* @__PURE__ */ o(
-          p,
+          d,
           {
             name: "fromDate",
             value: t,
             type: "date",
             label: h,
-            onChange: b
+            onChange: k
           }
         ),
-        /* @__PURE__ */ o(p, { name: "toDate", value: s, type: "date", label: D, onChange: g })
+        /* @__PURE__ */ o(d, { name: "toDate", value: s, type: "date", label: D, onChange: C })
       ] }),
-      /* @__PURE__ */ i("section", { className: n.datepicker, children: [
-        /* @__PURE__ */ o(S, { onSelect: k, selectFrom: t, selectTo: s }),
-        /* @__PURE__ */ o("p", { className: n.description, children: f })
+      /* @__PURE__ */ n("section", { className: i.datepicker, children: [
+        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: s }),
+        /* @__PURE__ */ o("p", { className: i.description, children: g })
       ] })
     ] }) })
   ] });
 };
 export {
-  J as ToolbarDaterange
+  P as ToolbarDaterange
 };

package/dist/components/Toolbar/ToolbarDaterange.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ id, title, description, fromLabel, toLabel, label, value, }: import('./ToolbarDaterange').ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+        value: string;
+        title: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Toolbar/ToolbarDaterange.stories.js

@@ -1,19 +1,16 @@
 import { ToolbarDaterange as a } from "./ToolbarDaterange.js";
-const t = {
+const o = {
   title: "Toolbar/ToolbarDaterange",
   component: a,
   tags: ["autodocs"],
   parameters: {},
   args: {
-    label: "Velg dato"
+    label: "Velg dato",
+    value: "2021-05-26",
+    title: "Dato"
   }
-}, o = {}, r = {
-  args: {
-    expanded: !0
-  }
-};
+}, e = {};
 export {
-  o as Default,
-  r as Expanded,
-  t as default
+  e as Default,
+  o as default
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,11 +2,11 @@ import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { ToolbarButton as B } from "./ToolbarButton.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ToolbarOptions as k } from "./ToolbarOptions.js";
 const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
   removable: p,

package/dist/components/Toolbar/ToolbarFilter.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Multiple: Story;

package/dist/components/Toolbar/ToolbarFilter.stories.js

@@ -1,5 +1,5 @@
 import { ToolbarFilter as e } from "./ToolbarFilter.js";
-const l = {
+const t = {
   title: "Toolbar/ToolbarFilter",
   component: e,
   tags: ["autodocs"],
@@ -23,35 +23,17 @@ const l = {
   }
 }, a = {
   args: {
+    name: "single",
     optionType: "radio"
   }
 }, o = {
   args: {
-    ...a.args,
-    expanded: !0
-  }
-}, r = {
-  args: {
-    optionType: "radio",
-    value: "helse"
-  }
-}, s = {
-  args: {
-    optionType: "checkbox",
-    value: ["skatt", "digdir"]
-  }
-}, i = {
-  args: {
-    optionType: "checkbox",
-    value: ["skatt", "digdir"],
-    expanded: !0
+    name: "multiple",
+    optionType: "checkbox"
   }
 };
 export {
-  s as Multiple,
-  i as MultipleExpanded,
+  o as Multiple,
   a as Single,
-  o as SingleExpanded,
-  r as SingleValue,
-  l as default
+  t as default
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,17 +2,17 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { useRootContext as u } from "../RootProvider/RootProvider.js";
 import { ToolbarButton as f } from "./ToolbarButton.js";
-import { Menu as b } from "../Menu/Menu.js";
-import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
+import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";
+import { Menu as g } from "../Menu/Menu.js";
 import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
-import "../Searchbar/AutocompleteBase.js";
 const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
   const { currentId: p, toggleId: s, closeAll: a } = u(), c = () => s(r), t = p === r;
-  return /* @__PURE__ */ d(g, { expanded: t, children: [
+  return /* @__PURE__ */ d(b, { expanded: t, children: [
     /* @__PURE__ */ o(f, { type: "switch", onToggle: c, active: !!n, children: e }),
-    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(b, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
+    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(g, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarMenu.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ label, value, groups, search, items, id }: import('./ToolbarMenu').ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+        value: string;
+        items: {
+            id: string;
+            title: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Expanded: Story;

package/dist/components/Toolbar/ToolbarMenu.stories.js

@@ -9,23 +9,24 @@ const a = {
     value: "skatt",
     items: [
       {
+        id: "Skatteetaten",
         title: "Skatteetaten"
       },
       {
+        id: "Digdir",
         title: "Digdir"
       },
       {
+        id: "Helstilsynet",
         title: "Helstilsynet"
       }
     ]
   }
-}, o = {}, l = {
-  args: {
-    expanded: !0
-  }
+}, l = {}, o = {
+  args: {}
 };
 export {
-  o as Default,
-  l as Expanded,
+  l as Default,
+  o as Expanded,
   a as default
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -5,8 +5,8 @@ import "../Icon/SvgIcon.js";
 import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
 const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
   var a;

package/dist/components/Toolbar/ToolbarOptions.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ search, optionGroups, options, onChange, optionType }: import('./ToolbarOptions').ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Checkboxes: Story;
+export declare const Radio: Story;

package/dist/components/Toolbar/ToolbarOptions.stories.js

@@ -5,7 +5,7 @@ const o = {
   tags: ["autodocs"],
   parameters: {},
   args: {}
-}, t = {
+}, a = {
   args: {
     optionType: "checkbox",
     options: [
@@ -49,55 +49,9 @@ const o = {
       }
     ]
   }
-}, r = {
-  args: {
-    optionGroups: {
-      a: {
-        title: "Velg skadedyr",
-        optionType: "radio"
-      },
-      b: {
-        title: "Velg straff",
-        optionType: "checkbox"
-      }
-    },
-    options: [
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Katt",
-        value: "cat",
-        checked: !0
-      },
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Mus",
-        value: "mouse"
-      },
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Veggdyr",
-        value: "spider"
-      },
-      {
-        groupId: "b",
-        label: "Husarrest",
-        value: "digdir"
-      },
-      {
-        groupId: "b",
-        checked: !0,
-        label: "Piskeslag",
-        value: "helse"
-      }
-    ]
-  }
 };
 export {
-  t as Checkboxes,
+  a as Checkboxes,
   l as Radio,
-  r as RadioCheckbox,
   o as default
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,30 +1,30 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Icon as a } from "../Icon/Icon.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as m } from "../Button/IconButton.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
+import { IconButton as m } from "../Button/IconButton.js";
+import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_tw5fx_5", f = "_input_tw5fx_14", _ = "_clear_tw5fx_30", o = {
   field: l,
   icon: p,
-  input: d,
+  input: f,
   clear: _
-}, g = ({ value: t, name: e, placeholder: n = "Search", onChange: r, onClear: c }) => /* @__PURE__ */ s("div", { className: o.field, children: [
-  /* @__PURE__ */ i(
+}, j = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
+  /* @__PURE__ */ t(
     "input",
     {
       type: "search",
-      value: t,
-      name: e,
-      placeholder: n,
+      value: c,
+      name: n,
+      placeholder: r,
       className: o.input,
-      onChange: r
+      onChange: s
     }
   ),
-  /* @__PURE__ */ i(a, { name: "magnifying-glass", className: o.icon }),
-  c && /* @__PURE__ */ i(
+  /* @__PURE__ */ t(e, { name: "magnifying-glass", className: o.icon }),
+  i && /* @__PURE__ */ t(
     m,
     {
       icon: "x-mark",
@@ -32,10 +32,10 @@ import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_d
       variant: "solid",
       size: "custom",
       className: o.clear,
-      onClick: c
+      onClick: i
     }
   )
 ] });
 export {
-  g as ToolbarSearch
+  j as ToolbarSearch
 };

package/dist/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ value, name, placeholder, onChange, onClear }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Toolbar/ToolbarSearch.stories.js

@@ -1,17 +1,16 @@
-import { fn as o } from "@storybook/test";
 import { ToolbarSearch as a } from "./ToolbarSearch.js";
-const e = {
+const r = {
   title: "Toolbar/ToolbarSearch",
   component: a,
   tags: ["autodocs"],
   parameters: {},
-  args: {}
-}, s = {
   args: {
-    onClear: o()
+    name: "search"
   }
+}, t = {
+  args: {}
 };
 export {
-  s as Default,
-  e as default
+  t as Default,
+  r as default
 };