@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/menuList.module-DFH60CqT.js

@@ -0,0 +1,6 @@
+import './assets/menuList.css';const s = "_list_qjol6_1", t = {
+  list: s
+};
+export {
+  t as s
+};

package/dist/{textfield-DAuYWtUj.js → textfield-Drdr9bio.js}

@@ -4,17 +4,18 @@ import ye, { forwardRef as w, useState as A, useRef as F, useEffect as D, create
 import { jsx as c, jsxs as N, Fragment as Ie } from "react/jsx-runtime";
 import { c as E } from "./lite-1fxw3LjI.js";
 import { S as M, a as _t } from "./index-D7FJjvrv.js";
-import { C as q, u as Se, a as qe, o as ce, p as P, r as we, b as ke, i as Nt, c as Mt, d as zt, e as Tt, f as Rt, g as Pt, h as Dt, s as Ft, j as At, k as Ue, l as Lt, m as ae, F as Bt, n as Vt, q as $t, t as jt, v as Wt, w as Kt, x as Ht } from "./index-DttADHE1.js";
-import { flushSync as Xe } from "react-dom";
-import { S as qt, B as de, u as Ut } from "./button-BB5sYVKY.js";
-import { V as _e, u as Ne, F as Oe, a as Xt, b as Yt, c as Ve } from "./index-z82sbSVU.js";
+import { C as q, u as Se, a as qe, o as ce, p as P, r as we, b as ke, i as Nt, c as Mt, f as zt, s as Tt, d as Rt, e as Pt, g as Dt, h as Ft, j as At, k as Lt, l as ae, F as Bt, m as Vt, n as $t } from "./index--jNxJmA8.js";
+import { flushSync as Ue } from "react-dom";
+import { S as jt, B as de, u as Wt } from "./button-BB5sYVKY.js";
+import { V as _e, u as Ne, F as Oe, a as Kt, b as Ht, c as Ve } from "./index-z82sbSVU.js";
 import { P as Ee } from "./paragraph-BRiIBpbY.js";
 import { I as Me } from "./input-wBv_FkEV.js";
-import { S as Gt } from "./XMark-tKk6aExO.js";
-import { S as Jt, a as Qt } from "./ChevronUp-_BBfEirx.js";
+import { S as qt } from "./XMark-tKk6aExO.js";
+import { S as Ut, a as Xt } from "./ChevronUp-_BBfEirx.js";
 import { L as H } from "./label-xTmTyPhk.js";
-import { u as Zt } from "./useId-BVFxCjkq.js";
-import { S as en } from "./Checkmark-Byz_C9x4.js";
+import { u as Yt } from "./useId-BVFxCjkq.js";
+import { S as Gt } from "./Checkmark-Byz_C9x4.js";
+import { a as Xe, c as Jt, o as Qt, f as Zt, s as en } from "./floating-ui.dom-bEgaHJCq.js";
 import { u as U } from "./use-merge-refs-Cj4kTYVj.js";
 import { T as tn } from "./textarea-BBstVlPT.js";
 var nn = function(o, s) {
@@ -27,7 +28,7 @@ var nn = function(o, s) {
 };
 const on = w((o, s) => {
   var { title: e, titleId: t } = o, n = nn(o, ["title", "titleId"]);
-  let i = Zt();
+  let i = Yt();
   return i = e ? t || "title-" + i : void 0, ye.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: s, "aria-labelledby": i }, n),
@@ -125,7 +126,7 @@ const an = w(({ value: o, asChild: s, ...e }, t) => {
 }), ln = (o, s, e) => {
   const t = (e - 1) / 2, n = Math.max(1, Math.min(Math.max(o - Math.floor(t), 1), s - e + 1)), i = Math.min(Math.max(o + Math.ceil(t), e), s), r = Array.from({ length: i + 1 - n }, (a, l) => l + n);
   return e > 4 && n > 1 && r.splice(0, 2, 1, 0), e > 3 && i < s && r.splice(-2, 2, 0, s), r;
-}, mo = ({ currentPage: o = 1, setCurrentPage: s, onChange: e, totalPages: t = 1, showPages: n = 7 }) => J(() => {
+}, po = ({ currentPage: o = 1, setCurrentPage: s, onChange: e, totalPages: t = 1, showPages: n = 7 }) => J(() => {
   const i = o < t, r = o !== 1, a = (l) => (d) => {
     if (l < 1 || l > t)
       return d.preventDefault();
@@ -752,7 +753,7 @@ function On({
     ...s,
     onChange: (i, r) => {
       var a;
-      o && r ? Xe(e) : e(), (a = s.onChange) == null || a.call(s, i, r);
+      o && r ? Ue(e) : e(), (a = s.onChange) == null || a.call(s, i, r);
     }
   }, [n] = le.useState(
     () => new xn(t)
@@ -815,7 +816,7 @@ const nt = w((o, s) => {
     t || n || r({ option: null, clear: !0 });
   }, onKeyDown: (a) => {
     t || n || a.key === "Enter" && (a.stopPropagation(), r({ option: null, clear: !0 }));
-  }, type: "button", "aria-label": i, children: c(Gt, { fontSize: "1.5em", title: "Clear selection" }) });
+  }, type: "button", "aria-label": i, children: c(qt, { fontSize: "1.5em", title: "Clear selection" }) });
 });
 nt.displayName = "ComboboxClearButton";
 const ot = ({ hideClearButton: o, listId: s, error: e, hideChips: t, handleKeyDown: n, ...i }) => {
@@ -852,7 +853,7 @@ const ot = ({ hideClearButton: o, listId: s, error: e, hideChips: t, handleKeyDo
   });
   return c(Ee, { "data-size": $, asChild: !0, children: N("div", { ...Z, "aria-disabled": u ? "true" : void 0, className: E("ds-textfield__input", "ds-combobox__input__wrapper", p && "ds-combobox--readonly", e && "ds-combobox--error"), children: [N("div", { className: "ds-combobox__chip-and-input", children: [b && !t && c(tt, {}), c(Ee, { "data-size": $, asChild: !0, children: c("input", { ref: V, "aria-activedescendant": Z["aria-activedescendant"], readOnly: p, "aria-autocomplete": "list", role: "combobox", "aria-expanded": f, "aria-controls": f ? s : void 0, autoComplete: "off", size: x, value: C, ...ce(["style", "className"], i), ...v.inputProps, className: "ds-combobox__input", onChange: (T) => {
     ie(T), !f && S(!0), i.onChange?.(T);
-  } }) })] }), z && c(nt, { ref: l }), c("div", { className: "ds-combobox__arrow", children: f ? c(Jt, { title: "arrow up", fontSize: "1.5em" }) : c(Qt, { title: "arrow down", fontSize: "1.5em" }) })] }) });
+  } }) })] }), z && c(nt, { ref: l }), c("div", { className: "ds-combobox__arrow", children: f ? c(Ut, { title: "arrow up", fontSize: "1.5em" }) : c(Xt, { title: "arrow down", fontSize: "1.5em" }) })] }) });
 };
 ot.displayName = "ComboboxInput";
 const st = ({ label: o, description: s, hideLabel: e, size: t, readOnly: n, formFieldProps: i }) => N(Ie, { children: [o && N(H, { "data-size": t, htmlFor: i.inputProps.id, className: E("ds-combobox__label", e && "ds-sr-only"), children: [n && c(on, { "aria-hidden": !0, className: "ds-combobox__readonly__icon" }), o] }), s && c(Ee, { asChild: !0, "data-size": t, children: c("div", { id: i.descriptionId, className: E("ds-combobox__description", e && "ds-sr-only"), children: s }) })] });
@@ -865,7 +866,7 @@ const it = ({ selectedOptions: o, multiple: s, name: e }) => {
 it.displayName = "ComboboxNative";
 const rt = w(({ children: o, className: s, ...e }, t) => c("span", { className: E("ds-combobox__option__description", s), ref: t, ...e, children: o }));
 rt.displayName = "ComboboxOptionDescription";
-const at = ({ multiple: o, selected: s }) => c("div", { className: E(o && "ds-combobox__option__icon-wrapper", s && "ds-combobox__option__icon-wrapper--selected"), children: s && c(en, { className: "ds-combobox__option__icon-wrapper__icon", "aria-hidden": !0 }) });
+const at = ({ multiple: o, selected: s }) => c("div", { className: E(o && "ds-combobox__option__icon-wrapper", s && "ds-combobox__option__icon-wrapper--selected"), children: s && c(Gt, { className: "ds-combobox__option__icon-wrapper__icon", "aria-hidden": !0 }) });
 at.displayName = "SelectedIcon";
 const Sn = ({ id: o, ref: s, value: e }) => {
   const t = Q(), n = o || t, i = R(q), { activeIndex: r } = ke(), a = Se();
@@ -1023,18 +1024,18 @@ const Mn = ({ readOnly: o, disabled: s, interactiveChildren: e, filteredOptions:
   const [s, e] = A(!1), { activeIndex: t } = ke(), n = Se(), { refs: i, floatingStyles: r, context: a } = Mt({
     open: s,
     onOpenChange: (g) => {
-      g || n?.({ type: "SET_ACTIVE_INDEX", payload: 0 }), Xe(() => {
+      g || n?.({ type: "SET_ACTIVE_INDEX", payload: 0 }), Ue(() => {
         i.floating.current && !g && (i.floating.current.scrollTop = 0), setTimeout(() => {
           e(g);
         }, 1);
       });
     },
-    whileElementsMounted: (g, y, C) => (Ue(g, y, C), () => {
+    whileElementsMounted: (g, y, C) => (Xe(g, y, C), () => {
       y.scrollTop = 0;
     }),
     middleware: [
-      Dt({ padding: 10 }),
-      Ft({
+      zt({ padding: 10 }),
+      Tt({
         apply({ rects: g, elements: y }) {
           requestAnimationFrame(() => {
             Object.assign(y.floating.style, {
@@ -1044,9 +1045,9 @@ const Mn = ({ readOnly: o, disabled: s, interactiveChildren: e, filteredOptions:
           });
         }
       }),
-      At(10)
+      Rt(10)
     ]
-  }), l = zt(a, { role: "listbox" }), d = Tt(a), h = Rt(a, {
+  }), l = Pt(a, { role: "listbox" }), d = Dt(a), h = Ft(a, {
     listRef: o,
     activeIndex: t,
     virtual: !0,
@@ -1056,7 +1057,7 @@ const Mn = ({ readOnly: o, disabled: s, interactiveChildren: e, filteredOptions:
     onNavigate: (g) => {
       n?.({ type: "SET_ACTIVE_INDEX", payload: g || 0 });
     }
-  }), { getReferenceProps: p, getFloatingProps: u, getItemProps: f } = Pt([l, d, h]);
+  }), { getReferenceProps: p, getFloatingProps: u, getItemProps: f } = At([l, d, h]);
   return {
     open: s,
     setOpen: e,
@@ -1206,7 +1207,7 @@ const Mn = ({ readOnly: o, disabled: s, interactiveChildren: e, filteredOptions:
     left: 0,
     width: "100%",
     transform: `translateY(${_.start}px)`
-  }, children: me[_.index] }, _.index)) }), S ? N($t, { className: "ds-combobox__loading", children: [c(qt, { "aria-label": "Laster", "data-size": "sm" }), k] }) : N(Ie, { children: [mt, !m && me] })] }) }) })] });
+  }, children: me[_.index] }, _.index)) }), S ? N($t, { className: "ds-combobox__loading", children: [c(jt, { "aria-label": "Laster", "data-size": "sm" }), k] }) : N(Ie, { children: [mt, !m && me] })] }) }) })] });
 }), lt = w((o, s) => c(Lt, { children: c(Pn, { ...o, ref: s }) }));
 lt.displayName = "Combobox";
 const ct = w(({ children: o, className: s, ...e }, t) => {
@@ -1222,7 +1223,7 @@ he.Option = ze;
 he.Empty = ct;
 he.Option.displayName = "Combobox.Option";
 he.Empty.displayName = "Combobox.Empty";
-const po = w(function({ "data-size": s, className: e, style: t, children: n, label: i, description: r, error: a, ...l }, d) {
+const bo = w(function({ "data-size": s, className: e, style: t, children: n, label: i, description: r, error: a, ...l }, d) {
   return N(Oe, { "data-size": s, className: e, style: t, children: [c(Me, { type: "checkbox", ref: d, ...l }), !!i && c(H, { weight: "regular", children: i }), !!r && c("div", { "data-field": "description", children: r }), !!a && c(_e, { children: a })] });
 }), Te = se({
   current: null
@@ -1294,16 +1295,16 @@ const Pe = se({}), Ln = w(function({ id: s, className: e, onClose: t, onOpen: n,
   }, [v]), D(() => {
     const x = f.current, O = document.querySelector(`[popovertarget="${x?.id}"]`);
     if (x && O && v)
-      return Ue(O, x, () => {
-        jt(O, x, {
+      return Xe(O, x, () => {
+        Jt(O, x, {
           placement: a,
           strategy: "fixed",
           middleware: [
-            Wt((S) => {
+            Qt((S) => {
               const k = getComputedStyle(S.elements.floating, "::before");
               return parseFloat(k.height);
             }),
-            ...l ? [Kt({ fallbackAxisSideDirection: "start" }), Ht()] : [],
+            ...l ? [Zt({ fallbackAxisSideDirection: "start" }), en()] : [],
             Bn
           ]
         }).then(({ x: S, y: k }) => {
@@ -1342,9 +1343,9 @@ const Pe = se({}), Ln = w(function({ id: s, className: e, onClose: t, onOpen: n,
     } : {}
   }, n);
   return c(a, { ref: i, ...l });
-}), bo = w(function({ asChild: s, ...e }, t) {
+}), go = w(function({ asChild: s, ...e }, t) {
   return c(s ? M : "li", { ...e, ref: t });
-}), ht = (o, { asChild: s, className: e, ...t }, n) => c(s ? M : o, { className: E("ds-list", e), ref: n, ...t }), go = w(function(s, e) {
+}), ht = (o, { asChild: s, className: e, ...t }, n) => c(s ? M : o, { className: E("ds-list", e), ref: n, ...t }), vo = w(function(s, e) {
   return ht("ul", s, e);
 });
 w(function(s, e) {
@@ -1372,8 +1373,8 @@ const ft = Object.assign(Ln, {
 });
 ft.TriggerContext.displayName = "Popover.TriggerContext";
 ft.Trigger.displayName = "Popover.Trigger";
-const vo = w(function({ asChild: s, className: e, height: t, style: n, variant: i = "rectangle", width: r, ...a }, l) {
-  const d = s ? M : "span", h = i === "text", p = Ut("ds-skeleton-opacity-fade"), u = U([p, l]);
+const yo = w(function({ asChild: s, className: e, height: t, style: n, variant: i = "rectangle", width: r, ...a }, l) {
+  const d = s ? M : "span", h = i === "text", p = Wt("ds-skeleton-opacity-fade"), u = U([p, l]);
   return c(d, { "aria-hidden": "true", className: E("ds-skeleton", e), "data-text": h ? "-".repeat(Number(r) || 1) : void 0, "data-variant": i, ref: u, style: h ? n : { width: r, height: t, ...n }, ...a });
 }), fe = se({}), Hn = w(function({ value: s, defaultValue: e, className: t, onChange: n, ...i }, r) {
   const a = F(null), l = s !== void 0, [d, h] = A(e), [p, u] = A(/* @__PURE__ */ new Map());
@@ -1417,22 +1418,22 @@ const vo = w(function({ asChild: s, className: e, height: t, style: n, variant:
 Fe.Tab.displayName = "Tabs.Tab";
 Fe.List.displayName = "Tabs.List";
 Fe.Panel.displayName = "Tabs.Panel";
-const yo = w(function({ label: s, description: e, error: t, multiline: n, prefix: i, suffix: r, "data-size": a, counter: l, style: d, className: h, ...p }, u) {
-  return N(Oe, { className: h, "data-size": a, style: d, children: [!!s && c(H, { children: s }), !!e && c(Xt, { children: e }), N(Yt, { children: [i === void 0 || c(Ve, { children: i }), n === !0 ? c(tn, { ref: u, "aria-invalid": !!t || void 0, ...p }) : c(Me, { ref: u, "aria-invalid": !!t || void 0, ...p }), r === void 0 || c(Ve, { children: r })] }), !!l && c(Oe.Counter, { ...typeof l == "number" ? { limit: l } : l }), !!t && c(_e, { children: t })] });
+const Co = w(function({ label: s, description: e, error: t, multiline: n, prefix: i, suffix: r, "data-size": a, counter: l, style: d, className: h, ...p }, u) {
+  return N(Oe, { className: h, "data-size": a, style: d, children: [!!s && c(H, { children: s }), !!e && c(Kt, { children: e }), N(Ht, { children: [i === void 0 || c(Ve, { children: i }), n === !0 ? c(tn, { ref: u, "aria-invalid": !!t || void 0, ...p }) : c(Me, { ref: u, "aria-invalid": !!t || void 0, ...p }), r === void 0 || c(Ve, { children: r })] }), !!l && c(Oe.Counter, { ...typeof l == "number" ? { limit: l } : l }), !!t && c(_e, { children: t })] });
 });
 export {
   un as B,
-  po as C,
+  bo as C,
   Re as D,
   hn as L,
   De as P,
-  vo as S,
-  yo as T,
+  yo as S,
+  Co as T,
   ue as a,
   he as b,
-  bo as c,
-  go as d,
+  go as c,
+  vo as d,
   ft as e,
   Fe as f,
-  mo as u
+  po as u
 };

package/dist/types/lib/components/Account/AccountList.d.ts

@@ -9,6 +9,6 @@ export interface AccountListProps {
     sortGroupBy?: (a: [string, AccountListItemProps[]], b: [string, AccountListItemProps[]]) => number;
     emptyTitle?: string;
     emptyDescription?: string;
-    isVirtualized?: boolean;
+    virtualized?: boolean;
 }
-export declare const AccountList: ({ items, groups, sortGroupBy, isVirtualized }: AccountListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountList: ({ items, groups, sortGroupBy, virtualized }: AccountListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountList.stories.d.ts

@@ -3,7 +3,7 @@ import { AccountListItemProps, AccountListProps } from '..';
 import { UseAccountsProps } from '../../../examples';
 declare const meta: {
     title: string;
-    component: ({ items, groups, sortGroupBy, isVirtualized }: AccountListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, groups, sortGroupBy, virtualized }: AccountListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: AccountListProps;
@@ -17,9 +17,9 @@ interface ControlledProps {
     collapsible?: boolean;
     color?: 'neutral';
     variant?: 'subtle' | 'tinted' | 'default';
-    isVirtualized?: boolean;
+    virtualized?: boolean;
 }
-export declare const Controlled: ({ includeGroups, collapsible, contextMenu, variant, color, isVirtualized, }: ControlledProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controlled: ({ includeGroups, collapsible, contextMenu, variant, color, virtualized, }: ControlledProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlledTinted: () => import("react/jsx-runtime").JSX.Element;
 export declare const Collapsible: () => import("react/jsx-runtime").JSX.Element;
 export declare const CollapsibleWithGroups: () => import("react/jsx-runtime").JSX.Element;
@@ -35,5 +35,4 @@ interface AccountDetailsProps extends AccountListItemProps {
 export declare const CompanyDetails: ({ id, parentId, uniqueId, title, description, icon, onChange, onModal, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PersonDetails: ({ id, uniqueId, isCurrentEndUser, address, onModal, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const UserDetails: ({ id, phone, address, email, onModal, }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GroupDetails: ({ accountIds }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Virtualized: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountMenu.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import { MenuItemProps, MenuProps, MenuSearchProps } from '../';
-export interface AccountSearchProps extends MenuSearchProps {
+import { MenuItemProps, MenuListSearchProps, MenuProps } from '../';
+export interface AccountSearchProps extends MenuListSearchProps {
     hidden?: boolean;
     getResultsLabel?: (hits: number) => string;
 }
@@ -18,4 +18,4 @@ export interface AccountMenuProps extends MenuProps {
     scrollRefStyles?: CSSProperties;
     keyboardEvents?: boolean;
 }
-export declare const AccountMenu: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountMenu: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, virtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountMenu.stories.d.ts

@@ -1,7 +1,7 @@
 import { AccountMenuProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, virtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: AccountMenuProps;

package/dist/types/lib/components/Account/AccountMenuButton.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-import { Account } from '..';
 declare const meta: {
     title: string;
     component: ({ className, currentAccount, expanded, minimized, loading, ...buttonProps }: import('./AccountMenuButton').AccountMenuButtonProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -8,7 +7,16 @@ declare const meta: {
         layout: string;
     };
     args: {
-        currentAccount: Account;
+        currentAccount: {
+            id: string;
+            name: string;
+            description: string;
+            type: "person";
+            icon: {
+                type: "person";
+                name: string;
+            };
+        };
         minimized: false;
         expanded: false;
     };

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

@@ -15,5 +15,7 @@ export interface AttachmentLinkProps {
     metadata?: string;
     /** Badge */
     badge?: BadgeProps;
+    /** Target attribute specifies where to open the linked document **/
+    target?: '_blank' | '_self' | '_top' | '_parent';
 }
-export declare const AttachmentLink: ({ icon, iconAltText, href, label, metadata, badge, disabled }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentLink: ({ icon, iconAltText, href, label, metadata, badge, disabled, target, }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ icon, iconAltText, href, label, metadata, badge, disabled }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icon, iconAltText, href, label, metadata, badge, disabled, target, }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: import('./AttachmentLink').AttachmentLinkProps;

package/dist/types/lib/components/Button/ButtonGroup.d.ts

@@ -6,5 +6,7 @@ export interface ButtonGroupProps extends ButtonProps {
     size?: ButtonProps['size'];
     disabled?: boolean;
     connected?: boolean;
+    /** Wrap buttons in a flex container */
+    wrap?: boolean;
 }
-export declare const ButtonGroup: ({ children, variant, size, disabled, connected, color }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ children, variant, color, size, disabled, connected, wrap }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/ButtonGroup.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ children, variant, size, disabled, connected, color }: import('./ButtonGroup').ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, variant, color, size, disabled, connected, wrap }: import('./ButtonGroup').ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         children: string;

package/dist/types/lib/components/Button/FloatingActionButton.d.ts

@@ -1,7 +1,2 @@
 import { ButtonProps } from '.';
-export interface FloatingActionButtonProps extends ButtonProps {
-    icon: ButtonProps['icon'];
-    iconSize?: ButtonProps['size'];
-    iconAltText: string;
-}
-export declare const FloatingActionButton: ({ variant, size, icon, iconSize, iconAltText, color, onClick, onBlurCapture, }: FloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingActionButton: ({ variant, size, color, onClick, onBlurCapture, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts

@@ -1,10 +1,9 @@
-import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
-export interface ContextMenuProps {
+import { DropdownProps } from '../Dropdown';
+import { MenuProps } from '../Menu';
+export interface ContextMenuProps extends MenuProps {
     id?: string;
-    ariaLabel?: string;
-    items: MenuItemProps[];
-    placement?: DropdownPlacement;
-    groups?: MenuItemGroups;
-    className?: string;
+    title?: string;
+    placement?: DropdownProps['placement'];
+    'aria-label'?: string;
 }
-export declare const ContextMenu: ({ id, ariaLabel, placement, groups, className, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ groups, items, title, id, placement, "aria-label": ariaLabel, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dashboard/DashboardCard.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { DashboardIconProps } from '..';
+import { ItemMediaProps } from '../Item';
 export interface DashboardCardProps {
     color?: 'company' | 'person';
     theme?: 'default' | 'tinted';
-    icon?: DashboardIconProps;
+    icon?: ItemMediaProps['icon'];
     href?: string;
     title?: ReactNode;
     children?: ReactNode;

package/dist/types/lib/components/Dashboard/DashboardHeader.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { DashboardIconProps } from '..';
+import { ItemMediaProps } from '../Item';
 export interface DashboardHeaderProps {
-    icon?: DashboardIconProps['icon'];
+    icon?: ItemMediaProps['icon'];
     title?: string;
     description?: string;
     children?: ReactNode;

package/dist/types/lib/components/Dashboard/index.d.ts

@@ -1,3 +1,2 @@
 export * from './DashboardHeader';
 export * from './DashboardCard';
-export * from './DashboardIcon';

package/dist/types/lib/components/Dialog/DialogTabs.d.ts

@@ -1,4 +1,2 @@
-import { PageTabsProps } from '..';
-export interface DialogTabsProps extends PageTabsProps {
-}
-export declare const DialogTabs: ({ id, items }: DialogTabsProps) => import("react/jsx-runtime").JSX.Element;
+import { TabMenuProps } from '..';
+export declare const DialogTabs: ({ items }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/SeenByLogButton.d.ts

@@ -1,9 +1,12 @@
-import { MetaItemProps } from '..';
-export interface SeenByLogButtonProps extends MetaItemProps {
-    className?: string;
-    onClick?: () => void;
+import { ButtonProps } from '..';
+import { SeenByLogItemProps } from './SeenByLogItem';
+export interface SeenByLogButtonProps {
+    as?: ButtonProps['as'];
+    children?: ButtonProps['children'];
+    onClick?: ButtonProps['onClick'];
+    items?: SeenByLogItemProps[];
 }
 /**
  * SeenByLog Button
  */
-export declare const SeenByLogButton: ({ as, icon, children, className, onClick }: SeenByLogButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLogButton: ({ as, items, children, onClick }: SeenByLogButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type DropdownSize = 'auto' | 'sm' | 'md' | 'lg';
+export type DropdownPlacement = 'left' | 'right' | 'bottom' | 'top' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+export type DropdownVariant = 'dropdown' | 'drawer' | 'drawer-dropdown';
+export interface DropdownProps {
+    id?: string;
+    className?: string;
+    backdrop?: boolean;
+    placement?: DropdownPlacement;
+    variant?: DropdownVariant;
+    trigger: ReactNode;
+    children: ReactNode;
+    open: boolean;
+    title?: string;
+    closeLabel?: string;
+    submitLabel?: string;
+    onClose: () => void;
+    onSubmit?: () => void;
+    size?: DropdownSize;
+    activeDescendantId?: string;
+}
+export declare const Dropdown: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { DropdownProps } from './Dropdown';
+declare const meta: {
+    title: string;
+    component: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        placement: "left";
+    };
+};
+export default meta;
+export declare const DropdownMenu: ({ title, placement }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerMenu: ({ title, placement }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerOrDropdownMenu: ({ title, placement }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dropdown/DropdownBase.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-export type DropdownPlacement = 'left' | 'right';
+type DropdownPlacement = 'left' | 'right';
 export type DropdownLayout = 'mobile' | 'desktop';
-export type DropdownSize = 'auto' | 'lg';
+type DropdownSize = 'auto' | 'lg';
 export interface DropdownBaseProps {
     placement?: DropdownPlacement;
     layout?: DropdownLayout;
@@ -14,3 +14,4 @@ export interface DropdownBaseProps {
     as?: 'nav' | 'div' | 'menu';
 }
 export declare const DropdownBase: ({ layout, size, placement, padding, open, className, children, onClose, as, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/components/Dropdown/index.d.ts

@@ -1,4 +1,5 @@
 export * from './DropdownBase';
+export * from './Dropdown';
 export * from './Backdrop';
 export * from './DrawerBase';
 export * from './DrawerHeader';

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

@@ -1,9 +1,10 @@
 import { FieldBaseProps, InputProps } from '..';
 export interface SearchFieldProps extends InputProps {
     className?: string;
+    collapsible?: boolean;
     value?: InputProps['value'];
     label?: FieldBaseProps['label'];
     clearButtonAltText?: string;
     onClear?: () => void;
 }
-export declare const SearchField: ({ className, size, color, label, value, onClear, clearButtonAltText, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchField: ({ className, collapsible, size, color, label, value, onClear, clearButtonAltText, ...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, size, color, label, value, onClear, clearButtonAltText, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, collapsible, size, color, label, value, onClear, clearButtonAltText, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -4,5 +4,6 @@ export type SwitchProps = {
     size?: FieldSize;
     color?: FieldColor;
     reverse?: boolean;
+    className?: string;
 } & DsSwitchProps;
-export declare const Switch: ({ reverse, size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ className, reverse, size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ reverse, size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, reverse, size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts

@@ -1,5 +1,5 @@
-import { LocaleSwitcherProps } from '../Header';
 import { MenuProps } from '../Menu';
+import { LocaleSwitcherProps } from './LocaleSwitcher.tsx';
 import { LogoutButtonProps } from './LogoutButton';
 export interface GlobalMenuProps {
     menu?: MenuProps;

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react-vite';
-import { MenuProps } from '../Menu';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
@@ -8,7 +7,7 @@ declare const meta: {
     parameters: {};
     args: {
         accountMenu?: import('..').AccountMenuProps;
-        menu?: MenuProps;
+        menu?: import('..').MenuProps;
         menuLabel?: string;
         backLabel?: string;
         logoutButton?: import('..').LogoutButtonProps;
@@ -26,5 +25,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Desktop: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MobileMenu: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: Story;
-export declare const InterimMenu: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DesignReference: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu/LocaleSwitcher.d.ts

@@ -1,4 +1,4 @@
-import { MenuOptionProps } from '../Menu/index.ts';
+import { MenuOptionProps } from '../Menu';
 export interface LocaleSwitcherProps {
     title?: string;
     options: MenuOptionProps[];

package/dist/types/lib/components/Header/HeaderButton.d.ts

@@ -1,4 +1,3 @@
-import { ElementType } from 'react';
 import { AvatarProps, AvatarGroupProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
 import { ButtonProps } from '../Button';
@@ -6,10 +5,7 @@ export interface HeaderButtonProps extends ButtonProps {
     label?: string;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
-    as?: ElementType;
-    className?: string;
     expanded?: boolean;
     badge?: BadgeProps | undefined;
-    tabIndex?: number;
 }
 export declare const HeaderButton: ({ className, as, color, variant, avatar, avatarGroup, icon, expanded, label, badge, ...buttonProps }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderButton.stories.d.ts

@@ -11,7 +11,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Icon: Story;
 export declare const Person: Story;
 export declare const Company: Story;
 export declare const CompanyGroup: Story;