@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Dialog/DialogSeenBy.js

@@ -2,13 +2,12 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
-import "../RootProvider/RootProvider.js";
+import { u as m } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { MetaItem as m } from "../Metadata/MetaItem.js";
-import { S as p } from "../../Eye-BrbjRZJp.js";
-import { u as s } from "../../useId-BVFxCjkq.js";
+import { S as s } from "../../Eye-BrbjRZJp.js";
+import { u as p } from "../../useId-BVFxCjkq.js";
 var d = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
@@ -19,14 +18,14 @@ var d = function(t, o) {
 };
 const u = f((t, o) => {
   var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
-  let n = s();
+  let n = p();
   return n = l ? e || "title-" + n : void 0, a.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: o, "aria-labelledby": n }, r),
     l ? a.createElement("title", { id: n }, l) : null,
     a.createElement("path", { fill: "currentColor", d: "M2.614 9.357a.75.75 0 0 1 1.029.257l.003.005.02.033.093.139c.085.123.214.303.39.522.35.438.877 1.024 1.581 1.61C7.137 13.097 9.223 14.25 12 14.25s4.863-1.154 6.27-2.326a11.4 11.4 0 0 0 1.582-1.611 9 9 0 0 0 .481-.661q.015-.023.02-.033l.004-.005a.75.75 0 0 1 1.286.772L21 10c.643.386.642.387.642.387v.002l-.004.005-.01.015-.032.051-.118.179c-.103.15-.255.36-.455.61-.304.38-.722.856-1.256 1.353l.841 1.002a.75.75 0 1 1-1.149.965l-.847-1.01c-.577.423-1.24.83-1.987 1.176l.497 1.17a.75.75 0 1 1-1.38.587l-.518-1.22c-.758.233-1.582.394-2.474.453V17a.75.75 0 0 1-1.5 0v-1.275a11 11 0 0 1-2.475-.453l-.516 1.215a.75.75 0 1 1-1.38-.586l.494-1.166a11.7 11.7 0 0 1-1.987-1.178l-.845 1.007a.75.75 0 1 1-1.15-.964l.84-1c-.533-.496-.95-.97-1.254-1.35a11 11 0 0 1-.574-.79l-.032-.05-.01-.016-.002-.005-.001-.002-.001-.001a.75.75 0 0 1 .257-1.03" })
   );
-}), E = ({
+}), j = ({
   size: t = "xs",
   label: o = "Seen by label",
   seenByEndUser: l = !1,
@@ -34,9 +33,9 @@ const u = f((t, o) => {
   onClick: r,
   ...n
 }) => {
-  const i = l || e > 0 ? p : u;
+  const i = l || e > 0 ? s : u;
   return /* @__PURE__ */ c(m, { size: t, icon: i, ...n, children: o });
 };
 export {
-  E as DialogSeenBy
+  j as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogStatus.js

@@ -1,52 +1,11 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import a, { forwardRef as f } from "react";
-import "../RootProvider/RootProvider.js";
+import "react";
+import { f as u, e } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { MetaItem as c } from "../Metadata/MetaItem.js";
-import { MetaProgress as d } from "../Metadata/MetaProgress.js";
 import "../Snackbar/useSnackbar.js";
-import { u as p } from "../../useId-BVFxCjkq.js";
-var s = function(e, i) {
-  var t = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && i.indexOf(r) < 0 && (t[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
-      i.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (t[r[n]] = e[r[n]]);
-  return t;
-};
-const m = f((e, i) => {
-  var { title: t, titleId: r } = e, n = s(e, ["title", "titleId"]);
-  let l = p();
-  return l = t ? r || "title-" + l : void 0, a.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: i, "aria-labelledby": l }, n),
-    t ? a.createElement("title", { id: l }, t) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
-  );
-});
-var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
-const P = ({ loading: e, size: i = "xs", value: t = "not-applicable", label: r, tooltip: n }) => {
-  if (e)
-    return null;
-  switch (t) {
-    case "draft":
-      return /* @__PURE__ */ o(c, { tooltip: n, size: i, variant: "dotted", children: r || t });
-    case "requires-attention":
-      return /* @__PURE__ */ o(c, { tooltip: n, variant: "solid", children: r || t });
-    case "awaiting":
-      return /* @__PURE__ */ o(c, { tooltip: n, size: i, variant: "outline", icon: m, children: r || t });
-    case "in-progress":
-      return /* @__PURE__ */ o(d, { tooltip: n, size: i, variant: "outline", progress: 75, children: r || t });
-    case "completed":
-      return /* @__PURE__ */ o(d, { tooltip: n, size: i, variant: "outline", progress: 100, children: r || t });
-    default:
-      return null;
-  }
-};
 export {
-  P as DialogStatus,
-  u as DialogStatusEnum
+  u as DialogStatus,
+  e as DialogStatusEnum
 };

package/dist/components/Dialog/DialogTabs.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { TabMenu as t } from "../Menu/TabMenu.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Dialog/SeenByLog.js

@@ -1,37 +1,35 @@
 "use client";
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { useState as a, Fragment as h, createElement as l } from "react";
+import { useState as f, Fragment as h, createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import { S, p as x } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { SeenByLogButton as c } from "./SeenByLogButton.js";
-import { SeenByLogItem as S } from "./SeenByLogItem.js";
+import { SeenByLogItem as y } from "./SeenByLogItem.js";
 import { Divider as s } from "../Divider/Divider.js";
-import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as y } from "../Page/Flex.js";
-import { Section as B } from "../Page/Section.js";
-const w = ({
+import { Flex as B } from "../Page/Flex.js";
+const b = ({
   collapsible: t,
   expanded: d,
   title: n,
   items: e,
-  size: m = "sm",
+  size: i = "sm",
   endUserLabel: g = "You"
 }) => {
-  const [i, f] = a(d || !t && !0);
-  return /* @__PURE__ */ p(B, { spacing: 1, children: [
-    n && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(c, { items: e, as: "button", onClick: () => {
-      f((r) => !r);
+  const [m, a] = f(d || !t && !0);
+  return /* @__PURE__ */ p(S, { spacing: 1, children: [
+    n && /* @__PURE__ */ o(B, { children: t ? /* @__PURE__ */ o(c, { items: e, as: "button", onClick: () => {
+      a((r) => !r);
     }, children: n }) : /* @__PURE__ */ o(c, { items: e, as: "div", children: n }) }),
-    n && i && /* @__PURE__ */ o(s, {}),
-    i && /* @__PURE__ */ o(x, { size: m, spacing: 1, children: e?.map((r, u) => /* @__PURE__ */ p(h, { children: [
+    n && m && /* @__PURE__ */ o(s, {}),
+    m && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: e?.map((r, u) => /* @__PURE__ */ p(h, { children: [
       u > 0 && /* @__PURE__ */ o(s, {}),
-      /* @__PURE__ */ l(S, { ...r, key: r.id, size: m, endUserLabel: g })
+      /* @__PURE__ */ l(y, { ...r, key: r.id, size: i, endUserLabel: g })
     ] }, r.id)) })
   ] });
 };
 export {
-  w as SeenByLog
+  b as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as u } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,32 +1,31 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { Badge as l } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { B as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Byline as c } from "../Byline/Byline.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
-const F = ({
+const y = ({
   name: r,
-  seenAt: e,
+  seenAt: i,
   seenAtLabel: m,
   isEndUser: n,
-  endUserLabel: p,
-  size: a = "sm",
+  endUserLabel: a,
+  size: p = "sm",
   type: s = "person"
 }) => {
-  const t = n && { label: p };
+  const t = n && { label: a };
   return /* @__PURE__ */ o(d, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ o(c, { size: a, datetime: e, avatar: { name: r, type: s }, children: [
-      /* @__PURE__ */ i("strong", { children: r + "," }),
+    /* @__PURE__ */ o(c, { size: p, datetime: i, avatar: { name: r, type: s }, children: [
+      /* @__PURE__ */ e("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ i(l, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ e(l, { variant: "subtle", ...t })
   ] });
 };
 export {
-  F as SeenByLogItem
+  y as SeenByLogItem
 };

package/dist/components/Dialog/index.js

@@ -1,51 +1,46 @@
-import { Dialog as t } from "./Dialog.js";
-import { DialogLayout as i } from "./DialogLayout.js";
-import { DialogHeader as m } from "./DialogHeader.js";
-import { DialogBody as p } from "./DialogBody.js";
-import { DialogTabs as l } from "./DialogTabs.js";
-import { DialogSection as D } from "./DialogSection.js";
-import { DialogContact as s } from "./DialogContact.js";
+import { Dialog as r } from "./Dialog.js";
+import { DialogLayout as a } from "./DialogLayout.js";
+import { DialogHeader as g } from "./DialogHeader.js";
+import { DialogBody as l } from "./DialogBody.js";
+import { DialogTabs as f } from "./DialogTabs.js";
+import { DialogSection as x } from "./DialogSection.js";
+import { DialogContact as n } from "./DialogContact.js";
 import { DialogHistory as S } from "./DialogHistory.js";
-import { DialogHistorySegment as B } from "./DialogHistorySegment.js";
+import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
 import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
-import { DialogList as d } from "./DialogList.js";
-import { DialogListGroup as I } from "./DialogListGroup.js";
-import { DialogListItem as h } from "./DialogListItem.js";
-import { DialogMetadata as C } from "./DialogMetadata.js";
-import { DialogByline as G } from "./DialogByline.js";
-import { DialogActions as T } from "./DialogActions.js";
-import { DialogActivityLog as k } from "./DialogActivityLog.js";
-import { DialogSeenBy as w } from "./DialogSeenBy.js";
-import { DialogSelect as F } from "./DialogSelect.js";
-import { DialogStatus as K, DialogStatusEnum as N } from "./DialogStatus.js";
-import { DialogAttachments as P } from "./DialogAttachments.js";
-import { SeenByLog as R } from "./SeenByLog.js";
-import { SeenByLogButton as V } from "./SeenByLogButton.js";
-import { SeenByLogItem as X } from "./SeenByLogItem.js";
+import { d as H, D as A, a as I, b, c as h, f as v, e as C } from "../../Section-jhq4n77E.js";
+import { DialogActions as G } from "./DialogActions.js";
+import { DialogActivityLog as T } from "./DialogActivityLog.js";
+import { DialogSeenBy as k } from "./DialogSeenBy.js";
+import { DialogSelect as w } from "./DialogSelect.js";
+import { DialogAttachments as F } from "./DialogAttachments.js";
+import { SeenByLog as K } from "./SeenByLog.js";
+import { SeenByLogButton as O } from "./SeenByLogButton.js";
+import { SeenByLogItem as Q } from "./SeenByLogItem.js";
 export {
-  t as Dialog,
-  T as DialogActions,
-  k as DialogActivityLog,
-  P as DialogAttachments,
-  p as DialogBody,
-  G as DialogByline,
-  s as DialogContact,
-  m as DialogHeader,
+  r as Dialog,
+  G as DialogActions,
+  T as DialogActivityLog,
+  F as DialogAttachments,
+  l as DialogBody,
+  H as DialogByline,
+  n as DialogContact,
+  g as DialogHeader,
   S as DialogHistory,
   u as DialogHistoryItem,
-  B as DialogHistorySegment,
-  i as DialogLayout,
-  d as DialogList,
+  c as DialogHistorySegment,
+  a as DialogLayout,
+  A as DialogList,
   I as DialogListGroup,
-  h as DialogListItem,
-  C as DialogMetadata,
-  D as DialogSection,
-  w as DialogSeenBy,
-  F as DialogSelect,
-  K as DialogStatus,
-  N as DialogStatusEnum,
-  l as DialogTabs,
-  R as SeenByLog,
-  V as SeenByLogButton,
-  X as SeenByLogItem
+  b as DialogListItem,
+  h as DialogMetadata,
+  x as DialogSection,
+  k as DialogSeenBy,
+  w as DialogSelect,
+  v as DialogStatus,
+  C as DialogStatusEnum,
+  f as DialogTabs,
+  K as SeenByLog,
+  O as SeenByLogButton,
+  Q as SeenByLogItem
 };

package/dist/components/Dropdown/DrawerButton.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as n } from "../Button/Button.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import "react-dom";

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,18 +1,17 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../index-p1eeF8LQ.js";
-import { Button as l } from "../Button/Button.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c as l } from "../../index-p1eeF8LQ.js";
+import { Button as m } from "../Button/Button.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { E as c } from "../../Section-jhq4n77E.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as c } from "../../XMark-tKk6aExO.js";
 import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", r = {
   header: n,
   title: h
-}, j = ({ className: t, title: o, onClose: a, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ s("header", { className: m(r.header, t), children: [
+}, N = ({ className: t, title: o, onClose: a, closeIconAltText: s = "Close icon" }) => /* @__PURE__ */ i("header", { className: l(r.header, t), children: [
   /* @__PURE__ */ e("h2", { className: r.title, children: o }),
-  /* @__PURE__ */ e(l, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": i, children: /* @__PURE__ */ e(c, {}) })
+  /* @__PURE__ */ e(m, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": s, children: /* @__PURE__ */ e(c, {}) })
 ] });
 export {
-  j as DrawerHeader
+  N as DrawerHeader
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,7 +1,7 @@
 import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Backdrop as s } from "./Backdrop.js";

package/dist/components/Dropdown/Dropdown.js

@@ -1,176 +1,10 @@
-import { jsxs as x, jsx as a, Fragment as M } from "react/jsx-runtime";
-import { c as O } from "../../index-p1eeF8LQ.js";
-import { useRef as R, useEffect as D, useState as $, useCallback as G, useLayoutEffect as J } from "react";
-import { createPortal as Q } from "react-dom";
-import { Button as H } from "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "react-dom";
+import "../Button/Button.js";
+import { g as e } from "../../Section-jhq4n77E.js";
 import "../Snackbar/useSnackbar.js";
-import { S as V } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const Z = "_dropdown_1mtdm_1", P = "_content_1mtdm_17", tt = "_backdrop_1mtdm_47", et = "_header_1mtdm_76", rt = "_footer_1mtdm_77", nt = "_title_1mtdm_148", m = {
-  dropdown: Z,
-  content: P,
-  backdrop: tt,
-  header: et,
-  footer: rt,
-  title: nt
-}, ot = "data-focus-guard", z = (h) => {
-  const v = [
-    "a[href]",
-    "button:not([disabled])",
-    "input:not([disabled])",
-    "select:not([disabled])",
-    "textarea:not([disabled])",
-    '[tabindex]:not([tabindex="-1"])',
-    '[contenteditable="true"]'
-  ].join(",");
-  return Array.from(h.querySelectorAll(v)).filter((c) => !c.hasAttribute(ot)).filter((c) => !c.hasAttribute("disabled")).filter((c) => c.getAttribute("aria-hidden") !== "true").filter((c) => c.tabIndex !== -1).filter((c) => {
-    const p = c.getClientRects();
-    return p.length > 0 && p[0].width > 0 && p[0].height > 0;
-  });
-}, it = (h) => {
-  z(h)[0]?.focus({ preventScroll: !0 });
-}, pt = ({
-  id: h = "dropdown",
-  size: v = "sm",
-  className: c,
-  backdrop: p = !0,
-  placement: _ = "bottom-left",
-  variant: E = "dropdown",
-  title: C = "Title",
-  closeLabel: F = "Close",
-  submitLabel: k,
-  trigger: N,
-  children: B,
-  open: r,
-  onClose: g,
-  onSubmit: I,
-  activeDescendantId: T,
-  useFixedPosition: l = !1,
-  expanded: X = !1
-}) => {
-  const b = R(null), u = R(null), S = R(r);
-  D(() => {
-    S.current = r;
-  }, [r]);
-  const [n, Y] = $({
-    yDir: _.includes("top") ? "top" : "bottom",
-    xDir: _.includes("right") ? "right" : "left",
-    maxHeight: 300
-  }), f = G(() => {
-    if (r && b.current && u.current) {
-      const t = b.current.getBoundingClientRect(), d = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, s = o - t.bottom, w = t.top, y = e - t.right - d.width, A = s < 250 && w > s, q = A ? "top" : "bottom", K = (A ? w : s) - i, U = y < i ? "right" : "left";
-      Y((W) => ({
-        ...W,
-        yDir: q,
-        maxHeight: K,
-        xDir: U,
-        triggerRect: l ? t : void 0
-      }));
-    }
-  }, [r, l]);
-  J(() => (f(), window.addEventListener("resize", f), l && window.addEventListener("scroll", f, !0), () => {
-    window.removeEventListener("resize", f), l && window.removeEventListener("scroll", f, !0);
-  }), [f, l]), D(() => {
-    if (!r) return;
-    const t = requestAnimationFrame(() => {
-      const d = u.current;
-      if (!d) return;
-      const o = d.querySelector(
-        'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
-      );
-      if (o) {
-        const e = o.value.length;
-        o.focus({ preventScroll: !0 });
-        try {
-          o.setSelectionRange(e, e);
-        } catch {
-        }
-        return;
-      }
-      d.focus?.({ preventScroll: !0 });
-    });
-    return () => cancelAnimationFrame(t);
-  }, [r]), D(() => {
-    const t = (o) => {
-      o.key === "Escape" && g();
-    }, d = (o) => {
-      const e = o.target, i = b.current?.contains(e), s = u.current?.contains(e);
-      !i && !s && g();
-    };
-    return r && (document.addEventListener("mousedown", d), document.addEventListener("keydown", t)), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", t);
-    };
-  }, [r, g]), D(() => {
-    if (!r) return;
-    const t = u.current;
-    if (!t) return;
-    const d = (e) => {
-      if (!S.current)
-        return;
-      const i = e.target;
-      i && !t.contains(i) && it(t);
-    }, o = (e) => {
-      if (e.key !== "Tab") return;
-      const i = z(t);
-      if (i.length === 0) {
-        e.preventDefault(), t.focus?.({ preventScroll: !0 });
-        return;
-      }
-      const s = i[0], w = i[i.length - 1], y = document.activeElement;
-      e.shiftKey ? y === s && (e.preventDefault(), w.focus({ preventScroll: !0 })) : y === w && (e.preventDefault(), s.focus({ preventScroll: !0 }));
-    };
-    return document.addEventListener("focusin", d), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("focusin", d), document.removeEventListener("keydown", o);
-    };
-  }, [r]);
-  const j = l && n.triggerRect ? {
-    position: "fixed",
-    zIndex: 1e3,
-    width: "max-content",
-    maxHeight: `${n.maxHeight}px`,
-    overflowY: "auto",
-    [n.xDir === "left" ? "left" : "right"]: n.xDir === "left" ? n.triggerRect.left : window.innerWidth - n.triggerRect.right,
-    [n.yDir === "bottom" ? "top" : "bottom"]: n.yDir === "bottom" ? n.triggerRect.bottom + 8 : window.innerHeight - n.triggerRect.top + 8
-  } : {
-    position: "absolute",
-    zIndex: 50,
-    width: "max-content",
-    maxHeight: `${n.maxHeight}px`,
-    overflowY: "auto",
-    [n.xDir]: 0,
-    [n.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  }, L = /* @__PURE__ */ x(
-    "div",
-    {
-      ref: u,
-      className: O(m.dropdown, c),
-      style: j,
-      "aria-hidden": !r,
-      "data-variant": E,
-      "data-expanded": X,
-      "data-size": v,
-      tabIndex: -1,
-      role: "menu",
-      "aria-modal": E === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": T,
-      children: [
-        /* @__PURE__ */ x("header", { className: m.header, children: [
-          /* @__PURE__ */ a("h2", { className: m.title, children: C }),
-          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: g, "aria-label": F, children: /* @__PURE__ */ a(V, {}) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: m.content, children: B }),
-        k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || g, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
-      ]
-    }
-  );
-  return /* @__PURE__ */ x(M, { children: [
-    p && /* @__PURE__ */ a("div", { className: m.backdrop, "aria-hidden": !r }),
-    /* @__PURE__ */ x("div", { id: h + "-root", ref: b, style: { position: "relative", display: "inline-block" }, children: [
-      N,
-      l ? Q(L, document.body) : L
-    ] })
-  ] });
-};
 export {
-  pt as Dropdown
+  e as Dropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as f } from "react";
 import { useClickOutside as l } from "../../hooks/useClickOutside.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";