@altinn/altinn-components 0.9.0 → 0.9.1

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_tp90e_1{display:none}._dropdown_tp90e_1[aria-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_tp90e_1[data-placement=left]{left:0}._dropdown_tp90e_1[data-placement=right]{right:0}._dropdown_tp90e_1[data-padding=true]{padding:0 .5rem}._dropdown_tp90e_1{min-width:14rem;max-width:20rem;margin-top:.5rem;background-color:var(--neutral-background-default);border-radius:.375rem;box-shadow:var(--ds-shadow-md);overflow:hidden}._drawer_tp90e_33 ._button_tp90e_33{border-radius:50%}
+._dropdown_1igwp_1{display:none}._dropdown_1igwp_1[aria-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_1igwp_1[data-placement=left]{left:0}._dropdown_1igwp_1[data-placement=right]{right:0}._dropdown_1igwp_1[data-padding=true]{padding:0 .5rem}._dropdown_1igwp_1{min-width:16rem;max-width:24rem;margin-top:.5rem;background-color:var(--neutral-background-default);border-radius:.375rem;box-shadow:var(--ds-shadow-md);overflow:hidden}._drawer_1igwp_33 ._button_1igwp_33{border-radius:50%}

package/dist/assets/LayoutBody.css

@@ -1 +1 @@
-._body_3cqh5_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_3cqh5_1{padding:0 1rem}}
+._body_1oj0m_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_1oj0m_1{padding:0 1rem}}@media (max-width: 1024px){._body_1oj0m_1[data-current-id=menu]{display:none}}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_y1gbn_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_y1gbn_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_y1gbn_1[data-size=sm]{min-height:44px}._content_y1gbn_37{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_y1gbn_45{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_y1gbn_52{font-size:.875rem;white-space:nowrap}._linkIcon_y1gbn_57{font-size:1.5rem}._item_y1gbn_1{background-color:transparent;color:var(--theme-text-default)}._item_y1gbn_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_y1gbn_1:hover,._item_y1gbn_1:active{background-color:var(--theme-surface-hover)}._media_y1gbn_77[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_y1gbn_77[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}
+._item_uwh99_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_uwh99_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_uwh99_1[data-size=sm]{min-height:44px}._item_uwh99_1[data-size=xs]{min-height:40px}._content_uwh99_41{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_uwh99_49{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_uwh99_56{font-size:.875rem;white-space:nowrap}._linkIcon_uwh99_61{font-size:1.5rem}._item_uwh99_1{background-color:transparent;color:var(--theme-text-default)}._item_uwh99_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_uwh99_1:hover,._item_uwh99_1:active{background-color:var(--theme-surface-hover)}._media_uwh99_81[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_uwh99_81[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_1rsak_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1rsak_7{color:var(--theme-text-default)}._title_1rsak_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=md]{font-size:1rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._description_1rsak_29{font-size:.875rem;color:var(--theme-text-subtle)}
+._label_1ohd5_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1ohd5_7{color:var(--theme-text-default)}._title_1ohd5_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1ohd5_7[data-size=md]{font-size:1rem;line-height:1.25;font-weight:500}._title_1ohd5_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._title_1ohd5_7[data-size=xs]{font-size:.875rem;line-height:1.25;font-weight:400}._description_1ohd5_35{font-size:.875rem;color:var(--theme-text-subtle)}

package/dist/assets/MenuItemMedia.css

@@ -1 +1 @@
-._media_7n7uy_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_7n7uy_1[data-size=lg]{width:44px;height:44px}._icon_7n7uy_16{font-size:1.5rem}._media_7n7uy_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_7n7uy_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_7n7uy_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_7n7uy_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}
+._media_1n26h_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_1n26h_1[data-size=lg]{width:44px;height:44px}._media_1n26h_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_1n26h_1[data-size=xs] ._icon_1n26h_21{font-size:1.25rem}._icon_1n26h_21{font-size:1.5rem}._media_1n26h_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1n26h_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_1n26h_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_1n26h_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}

package/dist/assets/MenuSearch.css

@@ -1 +1 @@
-._field_mo7y9_1{position:relative}._icon_mo7y9_5{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--theme-text-subtle);margin:12px 10px}._input_mo7y9_14{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px 36px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_mo7y9_14[type=search]::-webkit-search-decoration,._input_mo7y9_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_mo7y9_31{position:absolute;top:0;right:0;margin:12px 10px;border-radius:100%;width:1.25rem;height:1.25rem}
+._field_10py0_2{position:relative;margin:.5rem 0}._icon_10py0_7{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--theme-text-subtle);margin:10px}._input_10py0_16{width:100%;font-size:.875rem;line-height:1rem;font-weight:500;padding:11px 36px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_10py0_16[type=search]::-webkit-search-decoration,._input_10py0_16[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_10py0_33{position:absolute;top:0;right:0;margin:10px;border-radius:100%;width:1.25rem;height:1.25rem}

package/dist/assets/ToolbarBase.css

@@ -1 +1 @@
-._toolbar_1krmm_1{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}@media (min-width: 1024px){._toolbar_1krmm_1{padding:0}._toolbar_1krmm_1>*{width:auto}}
+._toolbar_17w00_1{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}@media (min-width: 1024px){._toolbar_17w00_1{padding:0}._toolbar_17w00_1>*{width:auto}}

package/dist/assets/ToolbarSearch.css

@@ -1 +1 @@
-._field_dvezx_1{position:relative}._icon_dvezx_5{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--theme-text-subtle);margin:8px}._input_dvezx_14{width:100%;font-size:.875rem;line-height:1rem;font-weight:500;padding:9px 30px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_dvezx_14[type=search]::-webkit-search-decoration,._input_dvezx_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_dvezx_30{position:absolute;top:0;right:0;margin:8px;border-radius:100%;width:1.25rem;height:1.25rem}
+._field_tw5fx_1{position:relative}._icon_tw5fx_5{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--theme-text-subtle);margin:8px}._input_tw5fx_14{width:100%;font-size:.875rem;line-height:1rem;font-weight:500;padding:9px 32px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_tw5fx_14[type=search]::-webkit-search-decoration,._input_tw5fx_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_tw5fx_30{position:absolute;top:0;right:0;margin:8px;border-radius:100%;width:1.25rem;height:1.25rem}

package/dist/components/Attachment/AttachmentLink.d.ts

@@ -1,12 +1,12 @@
 import { IconName } from '../Icon';
 import { TypographySize } from '../Typography';
 export interface AttachmentLinkProps {
-    size?: TypographySize;
     /** Link url */
     href: string;
     /** Label (filename) */
     label: string;
     /** Icon */
     icon?: IconName;
+    size?: TypographySize;
 }
 export declare const AttachmentLink: ({ size, icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Attachment/AttachmentLink.stories.d.ts

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

package/dist/components/Attachment/AttachmentLink.stories.js

@@ -1,16 +1,15 @@
-import { AttachmentLink as t } from "./AttachmentLink.js";
-const e = {
+import { attachments as t } from "../../examples/attachments.js";
+import { AttachmentLink as a } from "./AttachmentLink.js";
+const o = {
   title: "Attachment/AttachmentLink",
-  component: t,
+  component: a,
   tags: ["autodocs"],
   parameters: {},
-  args: {
-    label: "Document.pdf"
-  }
+  args: t[0]
 }, n = {
   args: {}
 };
 export {
   n as Default,
-  e as default
+  o as default
 };

package/dist/components/Attachment/AttachmentList.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, items }: import('./AttachmentList').AttachmentListProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        items: import('./AttachmentLink.tsx').AttachmentLinkProps[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Attachment/AttachmentList.stories.js

@@ -1,34 +1,19 @@
-import { AttachmentList as t } from "./AttachmentList.js";
-const e = {
+import { attachments as t } from "../../examples/attachments.js";
+import { AttachmentList as a } from "./AttachmentList.js";
+const m = {
   title: "Attachment/AttachmentList",
-  component: t,
+  component: a,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
   },
   args: {
-    items: [
-      {
-        label: "1-0 Castro.pdf"
-      },
-      {
-        label: "2-0 Kornvig.pdf"
-      },
-      {
-        label: "3-0 Kartum.pdf"
-      },
-      {
-        label: "3-1 Zinkernagel.pdf"
-      },
-      {
-        label: "4-1 Castro.pdf"
-      }
-    ]
+    items: t
   }
-}, l = {
+}, o = {
   args: {}
 };
 export {
-  l as Default,
-  e as default
+  o as Default,
+  m as default
 };

package/dist/components/Attachment/AttachmentSection.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, items }: import('./AttachmentSection').AttachmentSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    args: {
+        title: string;
+        items: import('./AttachmentLink.tsx').AttachmentLinkProps[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Attachment/AttachmentSection.stories.js

@@ -1,35 +1,17 @@
-import { AttachmentSection as t } from "./AttachmentSection.js";
-const a = {
+import { attachments as t } from "../../examples/attachments.js";
+import { AttachmentSection as e } from "./AttachmentSection.js";
+const m = {
   title: "Attachment/AttachmentSection",
-  component: t,
+  component: e,
   tags: ["autodocs"],
   args: {
     title: "6 vedlegg",
-    items: [
-      {
-        label: "A10-01 Situasjonsplan.pdf"
-      },
-      {
-        label: "A40-01 Fasade Nord Ny.pdf"
-      },
-      {
-        label: "A40-01 Fasade Øst.pdf"
-      },
-      {
-        label: "Tegning ny fasade.pdf"
-      },
-      {
-        label: "Tegning nytt snitt.pdf"
-      },
-      {
-        label: "Redegjørelse estetikk.pdf"
-      }
-    ]
+    items: t
   }
-}, l = {
+}, c = {
   args: {}
 };
 export {
-  l as Default,
-  a as default
+  c as Default,
+  m as default
 };

package/dist/components/{Searchbar → Autocomplete}/ScopeListItem.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, ReactElement } from 'react';
+import { ElementType } from 'react';
 import { BadgeProps } from '../Badge';
 import { ListItemInputProps } from '../List/';
 export interface ScopeListItemProps extends ListItemInputProps {
@@ -7,6 +7,5 @@ export interface ScopeListItemProps extends ListItemInputProps {
     onClick?: () => void;
     badge?: BadgeProps;
     loading?: boolean;
-    label?: string | (() => ReactElement);
 }
 export declare const ScopeListItem: ({ as, label, ...rest }: ScopeListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Autocomplete/ScopeListItem.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "./AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { ListItem as i } from "../List/ListItem.js";
+import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {
+  item: r
+}, x = ({ as: s = "a", label: t, ...m }) => /* @__PURE__ */ o(i, { className: e.item, label: t, ...m });
+export {
+  x as ScopeListItem
+};

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

@@ -0,0 +1 @@
+export * from './Autocomplete';

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,4 @@
+import { Autocomplete as t } from "./Autocomplete.js";
+export {
+  t as Autocomplete
+};

package/dist/components/Avatar/AvatarGroup.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, maxItemsCount, defaultType, size, className, }: import('./AvatarGroup').AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const People: Story;
+export declare const Companies: Story;
+export declare const CompanyAndPerson: Story;

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ label, color, size, className, children }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Alert: Story;
+export declare const UnreadCount: Story;

package/dist/components/Bookmarks/BookmarksList.js

@@ -2,10 +2,10 @@ import { jsx as m } from "react/jsx-runtime";
 import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as p } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
 const B = ({ items: r }) => /* @__PURE__ */ m(i, { spacing: "xs", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t(p, { ...o, key: o.id })) });
 export {
   B as BookmarksList

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,12 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { QueryLabel as p } from "./QueryLabel.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { QueryLabel as e } from "./QueryLabel.js";
+import { ListItemBase as p } from "../List/ListItemBase.js";
+import { ListItemHeader as n } from "../List/ListItemHeader.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as e } from "../List/ListItem.js";
-import "../Searchbar/AutocompleteBase.js";
-const d = ({ size: m = "sm", title: r, description: n, params: t, ...i }) => /* @__PURE__ */ o(e, { size: m, title: r, linkIcon: "chevron-right", ...i, children: !r && /* @__PURE__ */ o(p, { params: t }) });
+const u = ({ size: i = "sm", title: o, description: s, params: t, ...m }) => /* @__PURE__ */ r(p, { ...m, children: !o && /* @__PURE__ */ r(n, { size: i, title: o, linkIcon: "chevron-right", ...m, children: /* @__PURE__ */ r(e, { params: t }) }) });
 export {
-  d as BookmarksListItem
+  u as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksListItem.stories.js

@@ -2,11 +2,11 @@ import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Fragment as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as m } from "./BookmarksListItem.js";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
+import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
 const a = ["lg", "md", "sm", "xs"], x = {
   title: "Bookmarks/BookmarksListItem",
   component: m,

package/dist/components/Bookmarks/BookmarksSection.js

@@ -3,10 +3,10 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Heading as m } from "../Typography/Heading.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksList as n } from "./BookmarksList.js";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as p } from "../Meta/MetaItem.js";
-import "../Searchbar/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
 import { SectionBase as s } from "../Page/SectionBase.js";
 import { SectionHeader as c } from "../Page/SectionHeader.js";
 import { SectionFooter as d } from "../Page/SectionFooter.js";

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ variant, color, size, reverse, selected, icon, href, children, className, loading, ...rest }: import('./Button').ButtonProps) => 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 Solid: Story;
+export declare const Outline: Story;
+export declare const Text: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;

package/dist/components/Button/Buttons.stories.js

@@ -2,12 +2,12 @@ import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Button as l } from "./Button.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { MetaItem as l } from "../Meta/MetaItem.js";
+import "../RootProvider/RootProvider.js";
+import { Button as c } from "./Button.js";
 import { ComboButton as d } from "./ComboButton.js";
 import { IconButton as p } from "./IconButton.js";
-import "../RootProvider/RootProvider.js";
-import { MetaItem as c } from "../Meta/MetaItem.js";
-import "../Searchbar/AutocompleteBase.js";
 const I = {
   title: "Atoms/Button/Buttons",
   tags: ["autodocs"],
@@ -33,13 +33,13 @@ const I = {
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ o(c, { children: t }),
+      /* @__PURE__ */ o(l, { children: t }),
       n == null ? void 0 : n.map((r) => /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
         /* @__PURE__ */ o(p, { ...e, icon: "x-mark", variant: t, size: r }),
-        /* @__PURE__ */ o(l, { ...e, variant: t, icon: "arrow-left", size: r, children: "Button" }),
-        /* @__PURE__ */ o(l, { ...e, reverse: !0, variant: t, icon: "arrow-right", size: r, children: "Button" }),
+        /* @__PURE__ */ o(c, { ...e, variant: t, icon: "arrow-left", size: r, children: "Button" }),
+        /* @__PURE__ */ o(c, { ...e, reverse: !0, variant: t, icon: "arrow-right", size: r, children: "Button" }),
         /* @__PURE__ */ o(d, { ...e, variant: t, icon: "chevron-down", size: r, children: "ComboButton" }),
-        /* @__PURE__ */ o(c, { children: r })
+        /* @__PURE__ */ o(l, { children: r })
       ] }, r))
     ]
   },

package/dist/components/Button/ComboButton.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ variant, color, size, selected, icon, children, className, onLabelClick, onIconClick, }: import('./ComboButton').ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: string;
+        icon: "chevron-down";
+        size: "sm";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Solid: Story;
+export declare const Outline: Story;
+export declare const Text: Story;
+export declare const Disabled: Story;

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,11 +3,11 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as g } from "../Button/IconButton.js";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
 import { MenuItems as y } from "../Menu/MenuItems.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
-import "../Searchbar/AutocompleteBase.js";
 import '../../assets/ContextMenu.css';const f = "_toggle_ya7jy_1", j = "_button_ya7jy_5", h = "_icon_ya7jy_14", w = "_dropdown_ya7jy_18", t = {
   toggle: f,
   button: j,

package/dist/components/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ id, placement, size, groups, className, items, }: import('./ContextMenu').ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        placement: "left";
+        items: ({
+            id: string;
+            groupId: string;
+            icon: "arrow-redo";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "eye-closed";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "archive";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "trash";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "clock-dashed";
+            title: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/ContextMenu/ContextMenu.stories.js

@@ -39,7 +39,11 @@ const o = {
       }
     ]
   }
-}, i = {};
+}, i = {
+  args: {
+    id: "context-menu-1"
+  }
+};
 export {
   i as Default,
   o as default

package/dist/components/Dialog/Dialog.d.ts

@@ -1,13 +1,13 @@
-import { DialogActivityLogProps } from './DialogActivityLog';
-import { DialogSeenByProps } from './DialogSeenBy';
+import { ReactNode } from 'react';
 import { AttachmentSectionProps } from '../Attachment';
-import { TransmissionSectionProps } from '../Transmission';
 import { ContextMenuProps } from '../ContextMenu/';
-import { ReactNode } from 'react';
+import { TransmissionSectionProps } from '../Transmission';
 import { DialogActionButtonProps } from './DialogActions.tsx';
+import { DialogActivityLogProps } from './DialogActivityLog';
 import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings.tsx';
 import { DialogHistoryProps } from './DialogHistory';
 import { DialogBackButtonProps } from './DialogNav';
+import { DialogSeenByProps } from './DialogSeenBy';
 import { DialogStatusProps } from './DialogStatus';
 export interface DialogProps {
     /** Dialog id */

package/dist/components/Dialog/Dialog.js

@@ -1,22 +1,22 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { MetaBase as x } from "../Meta/MetaBase.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { DialogActivityLog as j } from "./DialogActivityLog.js";
-import { DialogArticleBase as v } from "./DialogArticleBase.js";
-import { DialogBase as y } from "./DialogBase.js";
-import { DialogBodyBase as H } from "./DialogBodyBase.js";
-import { DialogContent as C } from "./DialogContent.js";
-import { DialogFooter as F } from "./DialogFooter.js";
-import { DialogHeader as M } from "./DialogHeader.js";
-import { DialogSeenBy as N } from "./DialogSeenBy.js";
-import { AttachmentSection as T } from "../Attachment/AttachmentSection.js";
+import { AttachmentSection as x } from "../Attachment/AttachmentSection.js";
+import { MetaBase as j } from "../Meta/MetaBase.js";
 import "react";
-import { DialogActions as b } from "./DialogActions.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogSeenBy as v } from "./DialogSeenBy.js";
+import { DialogActions as y } from "./DialogActions.js";
+import { DialogActivityLog as H } from "./DialogActivityLog.js";
+import { DialogArticleBase as C } from "./DialogArticleBase.js";
+import { DialogBase as F } from "./DialogBase.js";
+import { DialogBodyBase as M } from "./DialogBodyBase.js";
+import { DialogContent as N } from "./DialogContent.js";
+import { DialogFooter as T } from "./DialogFooter.js";
+import { DialogHeader as b } from "./DialogHeader.js";
 import { DialogHistory as k } from "./DialogHistory.js";
 import { DialogNav as q } from "./DialogNav.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { TransmissionSection as w } from "../Transmission/TransmissionSection.js";
 const ro = ({
   backButton: f,
@@ -38,21 +38,21 @@ const ro = ({
   activityLog: p,
   additionalInfo: l,
   transmissions: a
-}) => /* @__PURE__ */ m(y, { children: [
+}) => /* @__PURE__ */ m(F, { children: [
   /* @__PURE__ */ o(q, { status: d, dueAt: B, dueAtLabel: c, backButton: f, menu: g }),
-  /* @__PURE__ */ m(v, { children: [
-    /* @__PURE__ */ o(M, { title: h, sender: s, recipient: A, seen: !1, variant: "neutral" }),
-    /* @__PURE__ */ m(H, { children: [
-      /* @__PURE__ */ o(C, { updatedAt: D, updatedAtLabel: n, summary: S, body: u }),
-      i && /* @__PURE__ */ o(T, { ...i }),
-      (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(b, { items: r }),
+  /* @__PURE__ */ m(C, { children: [
+    /* @__PURE__ */ o(b, { title: h, sender: s, recipient: A, seen: !1, variant: "neutral" }),
+    /* @__PURE__ */ m(M, { children: [
+      /* @__PURE__ */ o(N, { updatedAt: D, updatedAtLabel: n, summary: S, body: u }),
+      i && /* @__PURE__ */ o(x, { ...i }),
+      (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(y, { items: r }),
       a && /* @__PURE__ */ o(w, { ...a }),
-      /* @__PURE__ */ m(x, { children: [
-        e && /* @__PURE__ */ o(N, { ...e }),
-        p && /* @__PURE__ */ o(j, { ...p })
+      /* @__PURE__ */ m(j, { children: [
+        e && /* @__PURE__ */ o(v, { ...e }),
+        p && /* @__PURE__ */ o(H, { ...p })
       ] })
     ] }),
-    l && /* @__PURE__ */ o(F, { additionalInfo: l }),
+    l && /* @__PURE__ */ o(T, { additionalInfo: l }),
     t && /* @__PURE__ */ o(k, { ...t })
   ] })
 ] });

package/dist/components/Dialog/DialogActions.js

@@ -5,8 +5,8 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { Menu as y } from "../Menu/Menu.js";
 import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
   action: g,

package/dist/components/Dialog/DialogActions.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, maxItems }: import('./DialogActions').DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    args: {
+        items: ({
+            label: string;
+            priority: "primary";
+            id: string;
+        } | {
+            label: string;
+            priority: "secondary";
+            id: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const MultipleButtons: Story;

package/dist/components/Dialog/DialogContent.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ updatedAt, updatedAtLabel, summary, body }: import('./DialogContent').DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        updatedAt: string;
+        summary: string;
+        body: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;