asma-ui-core 3.104.0 → 3.106.0

package/dist/components/navigation/menu/StyledMenuItem.js

@@ -1,51 +1,56 @@
-import { cn as i } from "../../../helpers/cn.js";
-import { resolveSx as w } from "../../../helpers/sx.js";
-import { StyledCheckbox as D } from "../../inputs/checkbox/base-ui/StyledCheckbox.js";
-import { StyledTooltip as g } from "../../data-display/tooltip/StyledTooltip.js";
-import { Children as k, isValidElement as A } from "react";
+import { cn as s } from "../../../helpers/cn.js";
+import { resolveSx as A } from "../../../helpers/sx.js";
+import { StyledTooltip as E } from "../../data-display/tooltip/StyledTooltip.js";
+import { StyledCheckbox as _ } from "../../inputs/checkbox/base-ui/StyledCheckbox.js";
+import { Children as C, isValidElement as S } from "react";
 import { jsx as u } from "react/jsx-runtime";
-var p = {
+var c = {
   en: "Already added",
   no: "Allerede lagt til"
-}, E = () => (typeof document > "u" ? "" : document.documentElement.lang).toLowerCase().startsWith("en") ? p.en : p.no, c = (r) => {
+}, L = () => (typeof document > "u" ? "" : document.documentElement.lang).toLowerCase().startsWith("en") ? c.en : c.no, f = (a) => {
   let t = !1;
-  return k.forEach(r, (o) => {
-    if (t || !A(o)) return;
-    if (o.type === D) {
+  return C.forEach(a, (o) => {
+    if (t || !S(o)) return;
+    if (o.type === _) {
       const e = o.props;
       t = e.checked === !0 && e.disabled === !0;
       return;
     }
-    const a = o.props.children;
-    a !== void 0 && c(a) && (t = !0);
+    const n = o.props.children;
+    n !== void 0 && f(n) && (t = !0);
   }), t;
-}, j = ({ children: r, onClick: t, onMouseDown: o, onMouseUp: a, disabled: e, selected: l, dense: f, tooltip: y, className: v, classes: d, sx: x, "data-test": h, "data-testid": b, value: _ }) => {
-  const s = /* @__PURE__ */ u("li", {
+}, H = ({ children: a, onClick: t, onMouseDown: o, onMouseUp: n, disabled: e, disabledReason: l, "aria-busy": v, selected: d, dense: y, tooltip: x, className: h, classes: p, sx: b, "data-test": D, "data-testid": w, value: M }) => {
+  const g = (i) => {
+    e || (i.key === "Enter" || i.key === " ") && (i.preventDefault(), t?.(i));
+  }, r = !!e && !!l, k = /* @__PURE__ */ u("li", {
     role: "menuitem",
     "aria-disabled": e ? !0 : void 0,
+    "aria-busy": v ? !0 : void 0,
+    "data-has-reason": r ? "" : void 0,
     tabIndex: -1,
-    "data-test": h,
-    "data-testid": b,
+    "data-test": D,
+    "data-testid": w,
     onClick: e ? void 0 : t,
     onMouseDown: e ? void 0 : o,
-    onMouseUp: e ? void 0 : a,
-    onKeyDown: (n) => {
-      e || (n.key === "Enter" || n.key === " ") && (n.preventDefault(), t?.(n));
-    },
-    className: i("box-border flex items-center px-4 text-base outline-none focus-visible:shadow-[inset_3px_0_var(--colors-focus-ring)]", f ? "min-h-8 py-1" : "min-h-10 py-2", "asma-pressable asma-touch-target", e ? "cursor-not-allowed text-delta-300 aria-disabled:text-delta-300" : i("cursor-pointer text-delta-700", !l && "hover:bg-delta-50"), l && i("bg-gama-50", d?.selected), d?.root, v),
+    onMouseUp: e ? void 0 : n,
+    onKeyDown: g,
+    className: s("box-border flex items-center px-4 text-base outline-none focus-visible:shadow-[inset_3px_0_var(--colors-focus-ring)]", y ? "min-h-8 py-1" : "min-h-10 py-2", "asma-pressable asma-touch-target", e ? "cursor-not-allowed text-delta-300 aria-disabled:text-delta-300" : s("cursor-pointer text-delta-700", !d && "hover:bg-delta-50"), d && s("bg-gama-50", p?.selected), p?.root, h),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-      ...w(x)
+      ...A(b)
     },
-    children: r
-  }), m = y ?? (c(r) ? E() : void 0);
-  return m ? /* @__PURE__ */ u(g, {
+    children: a
+  }), m = r ? l : x ?? (f(a) ? L() : void 0);
+  return /* @__PURE__ */ u(E, {
     title: m,
-    arrow: !0,
-    placement: "top",
-    children: s
-  }) : s;
+    open: m ? void 0 : !1,
+    arrow: !r,
+    placement: r ? "left" : "top",
+    openOnTap: r,
+    persistentDescription: r,
+    children: k
+  });
 };
 export {
-  j as StyledMenuItem
+  H as StyledMenuItem
 };

package/dist/components/navigation/menu/StyledMenuList.js

@@ -1,65 +1,74 @@
-import { cn as S } from "../../../helpers/cn.js";
-import { consumerOverrides as R } from "../../../helpers/classOverride.js";
-import y from "./StyledMenu.module.js";
-import { useEffect as I, useLayoutEffect as k, useRef as q } from "react";
-import { jsx as p } from "react/jsx-runtime";
-var b = '[role="menu"], [role="listbox"]', c = '[role="menuitem"]', A = (l) => Array.from(l.childNodes).flatMap((r) => r instanceof HTMLElement ? r.hidden ? [] : r.matches(b) ? [null] : r.matches(c) ? [r] : r.querySelector(c) ? A(r) : [null] : r.textContent?.trim() ? [null] : []), g = (l) => l ? Array.from(l.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], O = ({ children: l, id: r, role: x = "menu", className: m, autoFocus: f, disablePadding: E, onClick: w, onKeyDown: v }) => {
-  const i = q(null), d = R(m, "padding");
+import { cn as R } from "../../../helpers/cn.js";
+import { consumerOverrides as T } from "../../../helpers/classOverride.js";
+import p from "./StyledMenu.module.js";
+import { useEffect as M, useLayoutEffect as k, useRef as q } from "react";
+import { jsx as A } from "react/jsx-runtime";
+var d = '[role="menu"], [role="listbox"]', y = '[role="menuitem"]', E = (r) => Array.from(r.childNodes).flatMap((t) => t instanceof HTMLElement ? t.hidden ? [] : t.matches(d) ? [null] : t.matches(y) ? [t] : t.querySelector(y) ? E(t) : [null] : t.textContent?.trim() ? [null] : []), h = (r) => r ? Array.from(r.querySelectorAll('[role="menuitem"]')) : [], v = (r) => h(r).filter((t) => t.getAttribute("aria-disabled") !== "true"), x = (r, t) => {
+  const u = h(r).filter((o) => o.closest(d) === r), m = (t && u.includes(t) ? t : void 0) ?? u.find((o) => o.tabIndex === 0) ?? v(r).find((o) => o.closest(d) === r) ?? u[0];
+  u.forEach((o) => {
+    o.tabIndex = o === m ? 0 : -1;
+  });
+}, _ = ({ children: r, id: t, role: u = "menu", className: m, autoFocus: o, disablePadding: w, onClick: I, onKeyDown: L }) => {
+  const i = q(null), b = T(m, "padding");
   k(() => {
     const e = i.current;
     if (!e) return;
-    const t = () => {
-      const s = A(e);
-      if (Array.from(e.querySelectorAll(c)).filter((n) => n.closest(b) === e).forEach((n) => n.removeAttribute("data-menu-separator")), s.forEach((n, a) => n?.toggleAttribute("data-menu-separator", !!s[a + 1])), e.classList.contains(y.anchoredList)) {
-        const n = (s.every(Boolean) ? s[7] : null)?.getBoundingClientRect(), a = n && n.height > 0 ? n.top - e.getBoundingClientRect().top + e.scrollTop + n.height / 2 : null;
-        e.style.maxHeight = a === null ? "" : `${a}px`, e.toggleAttribute("data-menu-scroll", a !== null);
+    const n = () => {
+      const a = E(e);
+      if (Array.from(e.querySelectorAll(y)).filter((l) => l.closest(d) === e).forEach((l) => l.removeAttribute("data-menu-separator")), a.forEach((l, f) => l?.toggleAttribute("data-menu-separator", !!a[f + 1])), e.classList.contains(p.anchoredList)) {
+        const l = (a.every(Boolean) ? a[7] : null)?.getBoundingClientRect(), f = l && l.height > 0 ? l.top - e.getBoundingClientRect().top + e.scrollTop + l.height / 2 : null;
+        e.style.maxHeight = f === null ? "" : `${f}px`, e.toggleAttribute("data-menu-scroll", f !== null);
       }
+      x(e);
     };
-    t();
-    const u = requestAnimationFrame(t), o = new MutationObserver(t);
-    return o.observe(e, {
+    n();
+    const c = requestAnimationFrame(n), s = new MutationObserver(n);
+    return s.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["hidden"]
     }), () => {
-      cancelAnimationFrame(u), o.disconnect();
+      cancelAnimationFrame(c), s.disconnect();
     };
-  }, []), I(() => {
-    f && g(i.current)[0]?.focus();
-  }, [f]);
-  const L = (e) => {
-    if (v?.(e), ![
+  }, []), M(() => {
+    o && (v(i.current)[0] ?? h(i.current)[0])?.focus();
+  }, [o]);
+  const S = (e) => {
+    if (L?.(e), ![
       "ArrowDown",
       "ArrowUp",
       "Home",
       "End"
     ].includes(e.key)) return;
     e.preventDefault();
-    const t = g(i.current);
-    if (t.length === 0) return;
-    const u = t.findIndex((s) => s === document.activeElement);
-    let o = u;
-    e.key === "ArrowDown" ? o = (u + 1) % t.length : e.key === "ArrowUp" ? o = (u - 1 + t.length) % t.length : e.key === "Home" ? o = 0 : e.key === "End" && (o = t.length - 1), t[o]?.focus(), i.current?.hasAttribute("data-menu-scroll") && t[o]?.scrollIntoView({ block: "nearest" });
-  }, h = {
-    id: r,
-    className: S(y.list, "m-0 list-none outline-none", !d && "px-0", !d && (E ? "py-0" : "py-2"), m),
+    const n = h(i.current);
+    if (n.length === 0) return;
+    const c = n.findIndex((a) => a === document.activeElement);
+    let s = c;
+    e.key === "ArrowDown" ? s = (c + 1) % n.length : e.key === "ArrowUp" ? s = (c - 1 + n.length) % n.length : e.key === "Home" ? s = 0 : e.key === "End" && (s = n.length - 1), n[s]?.focus(), i.current?.hasAttribute("data-menu-scroll") && n[s]?.scrollIntoView({ block: "nearest" });
+  }, g = {
+    id: t,
+    className: R(p.list, "m-0 list-none outline-none", !b && "px-0", !b && (w ? "py-0" : "py-2"), m),
     style: { fontFamily: "Roboto, Helvetica, Arial, sans-serif" },
-    onClick: w,
-    onKeyDown: L
+    onClick: I,
+    onKeyDown: S,
+    onFocus: (e) => {
+      i.current && e.target instanceof HTMLElement && x(i.current, e.target);
+    }
   };
-  return x === "listbox" ? /* @__PURE__ */ p("ul", {
+  return u === "listbox" ? /* @__PURE__ */ A("ul", {
     ref: i,
-    ...h,
+    ...g,
     role: "listbox",
-    children: l
-  }) : /* @__PURE__ */ p("ul", {
+    children: r
+  }) : /* @__PURE__ */ A("ul", {
     ref: i,
-    ...h,
+    ...g,
     role: "menu",
-    children: l
+    children: r
   });
 };
 export {
-  O as StyledMenuList
+  _ as StyledMenuList
 };

package/dist/components/navigation/tabs/StyledTab.js

@@ -1,30 +1,37 @@
-import { cn as f } from "../../../helpers/cn.js";
-import { resolveSx as x } from "../../../helpers/sx.js";
-import { useTabsContext as u } from "./TabsContext.js";
-import { useCallback as h } from "react";
-import { jsx as d } from "react/jsx-runtime";
-var k = ({ value: a, label: i, disabled: e, className: s, sx: l, index: m }) => {
-  const t = u(), o = a !== void 0 ? a : m, r = t ? t.value === o : !1, c = /\btext-(?:xs|sm|base|lg|xl|\[)/.test(s ?? ""), p = /\bfont-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)\b/.test(s ?? ""), b = /\b(?:uppercase|lowercase|capitalize|normal-case)\b/.test(s ?? "");
-  return /* @__PURE__ */ d("button", {
-    ref: h((n) => {
-      t?.register(o, n);
-    }, [t, o]),
+import { cn as y } from "../../../helpers/cn.js";
+import { resolveSx as _ } from "../../../helpers/sx.js";
+import { StyledTooltip as w } from "../../data-display/tooltip/StyledTooltip.js";
+import { useTabsContext as T } from "./TabsContext.js";
+import { useCallback as S } from "react";
+import { jsx as c } from "react/jsx-runtime";
+var A = ({ value: i, label: m, disabled: t, disabledReason: l, tooltip: p, className: n, sx: f, index: x }) => {
+  const e = T(), o = i !== void 0 ? i : x, r = e ? e.value === o : !1, b = /\btext-(?:xs|sm|base|lg|xl|\[)/.test(n ?? ""), u = /\bfont-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)\b/.test(n ?? ""), h = /\b(?:uppercase|lowercase|capitalize|normal-case)\b/.test(n ?? ""), d = S((a) => {
+    e?.register(o, a);
+  }, [e, o]), s = t && l ? l : p, v = !!t && !!s, g = /* @__PURE__ */ c("button", {
+    ref: d,
     type: "button",
     role: "tab",
     "aria-selected": r,
-    "aria-disabled": e ? !0 : void 0,
-    disabled: e,
+    "aria-disabled": t ? !0 : void 0,
     tabIndex: r ? 0 : -1,
     "data-tab-value": typeof o == "string" || typeof o == "number" ? String(o) : void 0,
-    onClick: (n) => !e && t?.onSelect(n, o),
-    className: f("inline-flex min-h-12 min-w-[90px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-t-lg border-0 bg-transparent px-4 py-3 tracking-normal outline-none transition-colors", !c && (t?.size === "small" ? "text-base" : "text-lg"), !p && (t?.size === "small" || r || e ? "font-semibold" : "font-medium hover:font-semibold focus-visible:font-semibold"), !b && "normal-case", t?.size === "small" && "min-h-10 px-3 py-2", "asma-pressable", e ? "text-delta-300" : r ? "text-gama-500" : "text-delta-600", !e && "cursor-pointer", "focus-visible:shadow-[inset_0_0_0_3px_var(--colors-focus-ring)]", !e && !r && "hover:shadow-[inset_0_-3px_0_0_var(--colors-delta-300)]", s),
+    onClick: (a) => !t && e?.onSelect(a, o),
+    className: y("inline-flex min-h-12 min-w-[90px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-t-lg border-0 bg-transparent px-4 py-3 tracking-normal outline-none transition-colors", !b && (e?.size === "small" ? "text-base" : "text-lg"), !u && (e?.size === "small" || r || t ? "font-semibold" : "font-medium hover:font-semibold focus-visible:font-semibold"), !h && "normal-case", e?.size === "small" && "min-h-10 px-3 py-2", "asma-pressable", t ? "text-delta-300" : r ? "text-gama-500" : "text-delta-600", t ? "cursor-not-allowed" : "cursor-pointer", "focus-visible:shadow-[inset_0_0_0_3px_var(--colors-focus-ring)]", !t && !r && "hover:shadow-[inset_0_-3px_0_0_var(--colors-delta-300)]", n),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-      ...x(l)
+      ..._(f)
     },
-    children: i
+    children: m
+  });
+  return /* @__PURE__ */ c(w, {
+    title: s,
+    open: s ? void 0 : !1,
+    arrow: !0,
+    openOnTap: v,
+    persistentDescription: !!s,
+    children: g
   });
 };
 export {
-  k as StyledTab
+  A as StyledTab
 };

package/dist/components/navigation/tabs/StyledTabs.js

@@ -1,4 +1,4 @@
-import { cn as n } from "../../../helpers/cn.js";
+import { cn as s } from "../../../helpers/cn.js";
 import { resolveSx as K } from "../../../helpers/sx.js";
 import { ChevronRightIcon as M } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
 import { ChevronLeftIcon as V } from "../../icons/chevron-left-icon/ChevronLeftIcon.js";
@@ -6,39 +6,39 @@ import { consumerOverrides as q } from "../../../helpers/classOverride.js";
 import { TabsContext as z } from "./TabsContext.js";
 import { Children as F, cloneElement as G, isValidElement as J, useCallback as b, useLayoutEffect as Q, useMemo as U, useRef as E, useState as A } from "react";
 import { jsx as l, jsxs as B } from "react/jsx-runtime";
-var I = 120, le = ({ value: i, onChange: m, variant: g = "standard", scrollButtons: w = "auto", centered: j, size: h = "default", className: p, sx: N, children: x }) => {
-  const a = E(null), c = E(/* @__PURE__ */ new Map()), [u, O] = A({
+var I = 120, le = ({ value: n, onChange: m, variant: g = "standard", scrollButtons: w = "auto", centered: j, size: f = "default", className: p, sx: N, children: x }) => {
+  const i = E(null), a = E(/* @__PURE__ */ new Map()), [h, O] = A({
     left: 0,
     width: 0,
     disabled: !1
-  }), [d, W] = A({
+  }), [c, W] = A({
     left: !1,
     right: !1
   }), y = g === "scrollable", v = b((e, t) => {
-    t ? c.current.set(e, t) : c.current.delete(e);
-  }, []), S = b((e, t) => m?.(e, t), [m]), f = b(() => {
-    const e = c.current.get(i), t = a.current;
+    t ? a.current.set(e, t) : a.current.delete(e);
+  }, []), S = b((e, t) => m?.(e, t), [m]), d = b(() => {
+    const e = a.current.get(n), t = i.current;
     if (e && O({
       left: e.offsetLeft,
       width: e.offsetWidth,
       disabled: e.disabled || e.getAttribute("aria-disabled") === "true"
     }), t) {
-      const { scrollLeft: o, scrollWidth: r, clientWidth: s } = t;
+      const { scrollLeft: o, scrollWidth: r, clientWidth: u } = t;
       W({
         left: o > 1,
-        right: o + s < r - 1
+        right: o + u < r - 1
       });
     }
-  }, [i]);
+  }, [n]);
   Q(() => {
-    f();
-    const e = a.current;
+    d();
+    const e = i.current;
     if (!e) return;
-    const t = new ResizeObserver(f);
+    const t = new ResizeObserver(d);
     return t.observe(e), () => t.disconnect();
-  }, [f, x]);
+  }, [d, x]);
   const k = (e) => {
-    a.current?.scrollBy({
+    i.current?.scrollBy({
       left: e,
       behavior: "smooth"
     });
@@ -50,33 +50,33 @@ var I = 120, le = ({ value: i, onChange: m, variant: g = "standard", scrollButto
       "End"
     ].includes(e.key)) return;
     e.preventDefault();
-    const t = Array.from(c.current.values()).filter((s) => !s.disabled);
+    const t = Array.from(a.current.values());
     if (t.length === 0) return;
-    const o = t.findIndex((s) => s === document.activeElement);
+    const o = t.findIndex((u) => u === document.activeElement);
     let r = o;
     e.key === "ArrowRight" ? r = (o + 1) % t.length : e.key === "ArrowLeft" ? r = (o - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), t[r]?.focus();
-  }, L = y && w !== !1, R = w === !0, D = L && (R || d.left), P = L && (R || d.right), T = q(p, "padding-x"), H = U(() => ({
-    value: i,
-    size: h,
+  }, L = y && w !== !1, R = w === !0, D = L && (R || c.left), P = L && (R || c.right), T = q(p, "padding-x"), H = U(() => ({
+    value: n,
+    size: f,
     onSelect: S,
     register: v
   }), [
-    i,
-    h,
+    n,
+    f,
     S,
     v
   ]), C = "flex h-10 w-10 shrink-0 items-center justify-center self-center rounded-[10%] border border-solid border-delta-500 text-delta-700 transition-colors hover:bg-gama-50 disabled:invisible";
   return /* @__PURE__ */ l(z.Provider, {
     value: H,
     children: /* @__PURE__ */ B("div", {
-      className: n("relative flex items-center rounded-t-lg bg-white", !T && "px-4", p),
+      className: s("relative flex items-center rounded-t-lg bg-white", !T && "px-4", p),
       style: K(N),
       children: [
         D && /* @__PURE__ */ l("button", {
           type: "button",
           "aria-label": "scroll tabs left",
-          className: n(C, "mr-2"),
-          disabled: !d.left,
+          className: s(C, "mr-2"),
+          disabled: !c.left,
           onClick: () => k(-I),
           children: /* @__PURE__ */ l(V, {
             width: 24,
@@ -84,26 +84,26 @@ var I = 120, le = ({ value: i, onChange: m, variant: g = "standard", scrollButto
           })
         }),
         /* @__PURE__ */ B("div", {
-          ref: a,
+          ref: i,
           role: "tablist",
           "aria-orientation": "horizontal",
           onKeyDown: _,
-          onScroll: f,
-          className: n("relative flex bg-[linear-gradient(to_top,var(--colors-delta-200)_1px,transparent_1px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", y ? "flex-1 overflow-x-auto" : "w-full", g === "fullWidth" && "[&>*]:flex-1", j && "justify-center", h === "small" && "min-h-9"),
+          onScroll: d,
+          className: s("relative flex bg-[linear-gradient(to_top,var(--colors-delta-200)_1px,transparent_1px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", y ? "flex-1 overflow-x-auto" : "w-full", g === "fullWidth" && "[&>*]:flex-1", j && "justify-center", f === "small" && "min-h-9"),
           children: [F.map(x, (e, t) => J(e) ? G(e, { index: t }) : e), /* @__PURE__ */ l("span", {
             "aria-hidden": !0,
-            className: n("absolute bottom-0 h-[3px] transition-all duration-300", u.disabled ? "bg-delta-300" : "bg-gama-500"),
+            className: s("absolute bottom-0 h-[3px] transition-all duration-300", h.disabled ? "bg-delta-300" : "bg-gama-500"),
             style: {
-              left: u.left,
-              width: u.width
+              left: h.left,
+              width: h.width
             }
           })]
         }),
         P && /* @__PURE__ */ l("button", {
           type: "button",
           "aria-label": "scroll tabs right",
-          className: n(C, "ml-2"),
-          disabled: !d.right,
+          className: s(C, "ml-2"),
+          disabled: !c.right,
           onClick: () => k(I),
           children: /* @__PURE__ */ l(M, {
             width: 24,

package/dist/components/utils/bottom-sheet/StyledBottomSheet.js

@@ -1,7 +1,7 @@
 import { cn as n } from "../../../helpers/cn.js";
-import { CloseIcon as A } from "../../icons/close-icon/CloseIcon.js";
-import { IndeterminateIcon as H } from "../../icons/indeterminate-icon/IndeterminateIcon.js";
-import { registerOpenModalDialog as q } from "../../../hooks/useTopLayer.hook.js";
+import { registerOpenModalDialog as A } from "../../../hooks/useTopLayer.hook.js";
+import { CloseIcon as H } from "../../icons/close-icon/CloseIcon.js";
+import { IndeterminateIcon as q } from "../../icons/indeterminate-icon/IndeterminateIcon.js";
 import { StyledButton as I } from "../../inputs/button/StyledButton.js";
 import { useShortViewportMediaQuery as G } from "../../../hooks/useMediaQuery.hook.js";
 import { useDebouncedValue as P } from "../../../hooks/useDebouncedValue.hook.js";
@@ -26,7 +26,7 @@ var te = 500, xe = ({ dataTest: r, id: D, open: a, onClose: o, title: s, ariaLab
     v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.open || e.showModal(), e.focus({ preventScroll: !0 });
     const U = requestAnimationFrame(() => {
       y(!0);
-    }), V = q(e);
+    }), V = A(e);
     return () => {
       cancelAnimationFrame(U), V(), y(!1), e.open && e.close();
       const E = v.current;
@@ -87,12 +87,12 @@ var te = 500, xe = ({ dataTest: r, id: D, open: a, onClose: o, title: s, ariaLab
                 onClick: () => {
                   o("closeButton");
                 },
-                startIcon: /* @__PURE__ */ t(A, {
+                startIcon: /* @__PURE__ */ t(H, {
                   width: 24,
                   height: 24
                 })
               }),
-              /* @__PURE__ */ t(H, {
+              /* @__PURE__ */ t(q, {
                 "aria-hidden": "true",
                 focusable: "false",
                 width: 24,

package/dist/components/utils/copy-wrapper/CopyButton.js

@@ -1,12 +1,12 @@
-import { ContentCopyIcon as c } from "../../icons/content-copy-icon/ContentCopyIcon.js";
-import { StyledTooltip as d } from "../../data-display/tooltip/StyledTooltip.js";
+import { StyledTooltip as c } from "../../data-display/tooltip/StyledTooltip.js";
+import { ContentCopyIcon as d } from "../../icons/content-copy-icon/ContentCopyIcon.js";
 import { StyledButton as m } from "../../inputs/button/StyledButton.js";
 import { useMobileMediaQuery as h } from "../../../hooks/useMediaQuery.hook.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 var g = ({ className: n, contentToCopy: p, locale: r, messageInfo: a, text: e }) => {
   const i = r === "en" ? "Copy" : "Kopier", l = h();
-  return /* @__PURE__ */ t(d, {
+  return /* @__PURE__ */ t(c, {
     title: i,
     children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(m, {
       dataTest: "copy-button",
@@ -14,7 +14,7 @@ var g = ({ className: n, contentToCopy: p, locale: r, messageInfo: a, text: e })
       className: n,
       size: "small",
       variant: "text",
-      startIcon: /* @__PURE__ */ t(c, {
+      startIcon: /* @__PURE__ */ t(d, {
         width: 20,
         height: 20
       }),

package/dist/components/utils/copy-wrapper/CopyWrapper.js

@@ -1,13 +1,13 @@
 import { cn as m } from "../../../helpers/cn.js";
-import { ContentCopyIcon as s } from "../../icons/content-copy-icon/ContentCopyIcon.js";
-import { StyledTooltip as c } from "../../data-display/tooltip/StyledTooltip.js";
+import { StyledTooltip as s } from "../../data-display/tooltip/StyledTooltip.js";
+import { ContentCopyIcon as c } from "../../icons/content-copy-icon/ContentCopyIcon.js";
 import { StyledButton as d } from "../../inputs/button/StyledButton.js";
 import e from "./CopyWrapper.module.js";
 import "react";
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
 var b = ({ className: i, contentToCopy: p, locale: o, messageInfo: a, children: n }) => /* @__PURE__ */ h("div", {
   className: m("flex items-center hover:text-gama-500", e["copy-wrapper"], i),
-  children: [n, /* @__PURE__ */ t(c, {
+  children: [n, /* @__PURE__ */ t(s, {
     title: o === "no" ? "Kopier" : "Copy",
     children: /* @__PURE__ */ t("div", {
       className: e["hidden-copy"],
@@ -22,7 +22,7 @@ var b = ({ className: i, contentToCopy: p, locale: o, messageInfo: a, children:
             a(o === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
           }).catch((l) => console.error("Copying failed with this: ", l));
         },
-        startIcon: /* @__PURE__ */ t(s, {
+        startIcon: /* @__PURE__ */ t(c, {
           width: 20,
           height: 20
         })

package/dist/datetime/shared-components/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var e = "_contained_efhli_6", _ = "_common_efhli_6", t = "_medium_efhli_56", a = "_small_efhli_61", r = "_large_efhli_66", l = "_error_efhli_76", i = "_outlined_efhli_146", o = "_text_efhli_286", f = "_textGray_efhli_426", h = "_textWhite_efhli_496", m = {
-  "asma-core-ui-button": "_asma-core-ui-button_efhli_1",
-  contained: e,
-  common: _,
+var _ = "_contained_11nol_6", o = "_common_11nol_6", t = "_medium_11nol_56", a = "_small_11nol_61", e = "_large_11nol_66", r = "_error_11nol_76", l = "_outlined_11nol_146", n = "_text_11nol_286", m = "_textGray_11nol_426", u = "_textWhite_11nol_496", v = {
+  "asma-core-ui-button": "_asma-core-ui-button_11nol_1",
+  contained: _,
+  common: o,
   medium: t,
   small: a,
-  large: r,
-  error: l,
-  outlined: i,
-  text: o,
-  textGray: f,
-  textWhite: h
+  large: e,
+  error: r,
+  outlined: l,
+  text: n,
+  textGray: m,
+  textWhite: u
 };
 export {
-  m as default
+  v as default
 };

package/dist/helpers/focusable.js

@@ -1,5 +1,6 @@
-var a = (r) => r.tabIndex >= 0 && !r.matches(":disabled") && !r.closest("[inert]") && (r.checkVisibility?.() ?? !0), b = (r) => Array.from(r.querySelectorAll("*")).filter(a), i = (r) => a(r) ? r : Array.from(r.querySelectorAll("*")).find(a) ?? null;
+var r = (a) => a.tabIndex >= 0 && !a.matches(":disabled") && !a.closest("[inert]") && (a.checkVisibility?.() ?? !0), b = (a) => (a.tabIndex >= 0 || a.hasAttribute("tabindex")) && !a.matches(":disabled"), i = (a) => Array.from(a.querySelectorAll("*")).filter(r), l = (a) => r(a) ? a : Array.from(a.querySelectorAll("*")).find(r) ?? null, s = (a) => b(a) ? a : Array.from(a.querySelectorAll("*")).find(b) ?? null;
 export {
-  i as firstTabbable,
-  b as tabbableWithin
+  s as firstFocusable,
+  l as firstTabbable,
+  i as tabbableWithin
 };

package/dist/helpers/warnUnnamedDialog.js

@@ -0,0 +1,6 @@
+function a(e) {
+  typeof process < "u" && process.env.NODE_ENV === "production" || console.warn(`[asma-ui-core/StyledDialog] "${e ?? "dialog"}" has no accessible name — pass dialogTitle, dialogLabel or ariaLabel, or render a heading in its content`);
+}
+export {
+  a as warnUnnamedDialog
+};