@midas-ds/components 16.7.0 → 16.8.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 16.8.0 (2026-02-06)
+
+### 🚀 Features
+
+- **components, layout:** add click-event for sidebar links ([#1040](https://github.com/migrationsverket/midas/pull/1040))
+
+## 16.7.1 (2026-02-05)
+
+### 🔧 Maintenance
+
+- add version export, add e2e version confirmation ([0215e0591c](https://github.com/migrationsverket/midas/commit/0215e0591c))
+
+### 🧪 Tests updated
+
+- add e2e next project ([#1034](https://github.com/migrationsverket/midas/pull/1034))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.10.6
+
 ## 16.7.0 (2026-02-05)
 
 ### 🚀 Features

package/assets/CharacterCounter.css

@@ -1 +1 @@
-._characterCounter_1f0mh_1{font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);font-weight:400;font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);text-align:right;grid-area:Count;align-self:flex-end;margin-bottom:.5rem}._characterCounter_1f0mh_1[data-lonely]{margin-bottom:.25rem}._characterCounter_1f0mh_1[data-exceeded]{color:var(--midas-text-warning)}[data-readonly]>._characterCounter_1f0mh_1{color:var(--midas-text-read-only)}
+._characterCounter_1cgvx_1{font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);font-weight:400;font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);text-align:right;grid-area:Count;align-self:flex-end;margin-bottom:.5rem}._characterCounter_1cgvx_1[data-lonely]{margin-bottom:.25rem}._characterCounter_1cgvx_1[data-exceeded]{color:var(--midas-text-warning)}._characterCounter_1cgvx_1>[data-readonly],[data-readonly] ._characterCounter_1cgvx_1{color:var(--midas-text-read-only)}

package/character-counter/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../chunks/CharacterCounter-R6vh7AE5.js";
+import { C as e } from "../chunks/CharacterCounter-Dgnv-orm.js";
 export {
   e as CharacterCounter
 };

package/chunks/AccordionItem-CSvARy63.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { c as d } from "./clsx-AexbMWKp.js";
 import { DisclosureGroup as f, Disclosure as v, DisclosurePanel as C } from "react-aria-components";

package/chunks/Button-CaLOUTDO.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as e, jsxs as h, Fragment as y } from "react/jsx-runtime";
 import { B as r } from "./Button.module-Cm0H98vy.js";
 import { useContextProps as B, ButtonContext as x, Button as P } from "react-aria-components";

package/chunks/{CharacterCounter-R6vh7AE5.js → CharacterCounter-Dgnv-orm.js}

@@ -1,22 +1,22 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { useContextProps as d, InputContext as h } from "react-aria-components";
-import '../assets/CharacterCounter.css';const C = "_characterCounter_1f0mh_1", m = {
-  characterCounter: C
-}, u = i((t, a) => {
-  [t] = d(t, a, h);
+import { useContextProps as d, InputContext as C } from "react-aria-components";
+import '../assets/CharacterCounter.css';const h = "_characterCounter_1cgvx_1", u = {
+  characterCounter: h
+}, l = i((t, a) => {
+  [t] = d(t, a, C);
   const { maxLength: e, value: n, isLonely: c } = t, { length: r } = n?.toString() ?? "", o = e !== void 0;
   return /* @__PURE__ */ s(
     "span",
     {
-      className: m.characterCounter,
+      className: u.characterCounter,
       "data-exceeded": o && r > e || void 0,
       "data-lonely": c || void 0,
       children: o ? `${r} / ${e}` : r
     }
   );
 });
-u.displayName = "CharacterCounter";
+l.displayName = "CharacterCounter";
 export {
-  u as C
+  l as C
 };

package/chunks/ClearButton-DPm_d7SL.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { B as o } from "./Button-CaLOUTDO.js";
 import { X as i } from "./x-B9bYxG31.js";

package/chunks/ColorSchemeSwitch-DOQ0yjtt.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import { VisuallyHidden as a } from "react-aria";

package/chunks/ComboBox-B7T13rzp.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import y from "react";
 import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";

package/chunks/DateRangePicker-D6lnN0ox.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";

package/chunks/FileUpload-Cu8DCSjX.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { DropZone as s, FileTrigger as n } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";

package/chunks/Layout-CFhqS9ej.js

@@ -0,0 +1,484 @@
+'use client';
+import { jsx as e, jsxs as o, Fragment as G } from "react/jsx-runtime";
+import { G as z } from "./GridItem-z7zclNdT.js";
+import * as f from "react";
+import { useState as W, useEffect as j } from "react";
+import { c as b } from "./clsx-AexbMWKp.js";
+import { Link as y, RouterProvider as w } from "react-aria-components";
+import { B as E } from "./Button-CaLOUTDO.js";
+import { a as D, T as q } from "./Tooltip-rDmOkGmX.js";
+import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
+import { c as T } from "./createLucideIcon-CP-mMPfa.js";
+import { u as C } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { variables as A } from "@midas-ds/theme";
+import { L } from "./Logo-CCxPAmgw.js";
+import { X as R } from "./x-B9bYxG31.js";
+import '../assets/Layout.css';const $ = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], F = T("menu", $);
+const X = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+], J = T("panel-left-close", X);
+const K = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
+], Q = T("panel-left-open", K), U = "_baseLayout_1n71v_1", V = "_mainContent_1n71v_10", Y = "_header_1n71v_15", Z = "_headerExternal_1n71v_26", ee = "_headerContent_1n71v_41", ne = "_logo_1n71v_60", ae = "_headerItems_1n71v_69", te = "_toggleButton_1n71v_75", se = "_sidebar_1n71v_83", ie = "_main_1n71v_10", re = "_app_1n71v_116", oe = "_sidebarOpened_1n71v_124", le = "_sidebarHeader_1n71v_128", de = "_appName_1n71v_140", ce = "_collapseButton_1n71v_147", me = "_sidebarCollapsed_1n71v_156", pe = "_userName_1n71v_166", _e = "_userTitle_1n71v_184", ve = "_title_1n71v_196", he = "_sidebarNav_1n71v_207", ue = "_list_1n71v_213", be = "_listGroupTitle_1n71v_219", Ne = "_listItem_1n71v_226", fe = "_listItemCollapsed_1n71v_231", ke = "_listLink_1n71v_235", Ce = "_listLinkCollapsed_1n71v_298", xe = "_active_1n71v_303", ge = "_backdrop_1n71v_321", Le = "_backdropOpened_1n71v_331", ye = "_skipToContent_1n71v_349", Ie = "_navbar_1n71v_363", Me = "_navbarList_1n71v_375", Ee = "_navbarItem_1n71v_397", Te = "_headerContentExternal_1n71v_448", Se = "_logoExternalContainer_1n71v_456", ze = "_logoExternal_1n71v_456", Be = "_logoExternalDesktop_1n71v_468", Oe = "_navbarWrapper_1n71v_477", n = {
+  baseLayout: U,
+  mainContent: V,
+  header: Y,
+  headerExternal: Z,
+  headerContent: ee,
+  logo: ne,
+  headerItems: ae,
+  toggleButton: te,
+  sidebar: se,
+  main: ie,
+  app: re,
+  sidebarOpened: oe,
+  sidebarHeader: le,
+  appName: de,
+  collapseButton: ce,
+  sidebarCollapsed: me,
+  userName: pe,
+  userTitle: _e,
+  title: ve,
+  sidebarNav: he,
+  list: ue,
+  listGroupTitle: be,
+  listItem: Ne,
+  listItemCollapsed: fe,
+  listLink: ke,
+  listLinkCollapsed: Ce,
+  active: xe,
+  backdrop: ge,
+  backdropOpened: Le,
+  skipToContent: ye,
+  navbar: Ie,
+  navbarList: Me,
+  navbarItem: Ee,
+  headerContentExternal: Te,
+  logoExternalContainer: Se,
+  logoExternal: ze,
+  logoExternalDesktop: Be,
+  navbarWrapper: Oe
+}, P = f.createContext(
+  void 0
+), we = ({
+  items: a,
+  title: t,
+  user: r,
+  app: i,
+  children: s,
+  clientSideRouter: p,
+  clientSideHref: d,
+  headerChildren: v,
+  isCollapsed: _,
+  setIsCollapsed: m,
+  isOpened: h,
+  setIsOpened: N,
+  variant: l,
+  id: u
+}) => /* @__PURE__ */ e(
+  P.Provider,
+  {
+    value: {
+      items: a,
+      title: t,
+      user: r,
+      app: i,
+      headerChildren: v,
+      isCollapsed: _,
+      setIsCollapsed: m,
+      isOpened: h,
+      setIsOpened: N,
+      clientSideRouter: p,
+      clientSideHref: d,
+      variant: l,
+      id: u
+    },
+    children: s
+  }
+), k = () => {
+  const a = f.useContext(P);
+  if (!a)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return a;
+}, H = ({
+  title: a,
+  href: t,
+  icon: r,
+  active: i,
+  hasBadge: s,
+  onClick: p
+}) => {
+  const { isCollapsed: d, setIsOpened: v, clientSideHref: _ } = k(), m = _ ? _(t) : t, [h, N] = W(!1);
+  j(() => {
+    if (typeof window < "u") {
+      const u = window.location.pathname === m || window.location.pathname.startsWith(m + "/");
+      N(i ?? u);
+    }
+  }, [i, m]);
+  const l = () => {
+    v?.(!1), p && p({
+      title: a,
+      href: m
+    });
+  };
+  return d ? /* @__PURE__ */ o(D, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        href: t,
+        "aria-label": a,
+        className: b(
+          n.listLink,
+          n.listLinkCollapsed,
+          h && n.active
+        ),
+        onPress: l,
+        children: /* @__PURE__ */ o(I, { children: [
+          /* @__PURE__ */ e(
+            r,
+            {
+              size: 20,
+              "aria-label": a
+            }
+          ),
+          s && /* @__PURE__ */ e(M, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(q, { placement: "right", children: a })
+  ] }) : /* @__PURE__ */ o(
+    y,
+    {
+      href: t,
+      "aria-label": a,
+      className: b(n.listLink, h && n.active),
+      onPress: l,
+      children: [
+        /* @__PURE__ */ o(I, { children: [
+          /* @__PURE__ */ e(r, { size: 20 }),
+          s && /* @__PURE__ */ e(M, {})
+        ] }),
+        a
+      ]
+    }
+  );
+}, Pe = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, He = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+  en: Pe,
+  sv: He
+}, Ge = ({
+  onLinkClick: a
+}) => {
+  const {
+    items: t,
+    app: r,
+    isOpened: i,
+    isCollapsed: s,
+    setIsCollapsed: p,
+    setIsOpened: d,
+    clientSideRouter: v,
+    clientSideHref: _,
+    id: m
+  } = k(), h = C(x), N = ({ group: l }) => /* @__PURE__ */ e("ul", { className: n.list, children: l.items.map((u, g) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: b(
+        n.listItem,
+        s && n.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(
+        H,
+        {
+          onClick: a,
+          ...u
+        }
+      )
+    },
+    "link_" + g
+  )) });
+  return f.useEffect(() => {
+    const l = (u) => {
+      u.key === "Escape" && d !== void 0 && d(!1);
+    };
+    return window.addEventListener("keydown", l), () => {
+      window.removeEventListener("keydown", l);
+    };
+  }, [d]), /* @__PURE__ */ o(
+    "aside",
+    {
+      id: m,
+      className: b(
+        n.sidebar,
+        s && n.sidebarCollapsed,
+        i && n.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ o("div", { className: n.sidebarHeader, children: [
+          !s && /* @__PURE__ */ e("p", { className: n.appName, children: r.name }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              "aria-label": s ? h.format("maximizeMenu") : h.format("minimizeMenu"),
+              onPress: () => p(!s),
+              className: n.collapseButton,
+              children: s ? /* @__PURE__ */ e(Q, { size: 20 }) : /* @__PURE__ */ e(J, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: n.sidebarNav,
+            "aria-label": h.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: n.list, children: t.map((l, u) => /* @__PURE__ */ o("li", { children: [
+              l.title && !s && /* @__PURE__ */ e("p", { className: n.listGroupTitle, children: l.title }),
+              v ? /* @__PURE__ */ e(
+                w,
+                {
+                  navigate: v,
+                  useHref: _,
+                  children: /* @__PURE__ */ e(N, { group: l })
+                }
+              ) : /* @__PURE__ */ e(N, { group: l })
+            ] }, "list_" + u)) })
+          }
+        )
+      ]
+    }
+  );
+}, We = () => {
+  const {
+    title: a,
+    user: t,
+    app: r,
+    isOpened: i,
+    setIsOpened: s,
+    setIsCollapsed: p,
+    headerChildren: d,
+    variant: v,
+    id: _
+  } = k(), m = C(x);
+  return v === "external" ? /* @__PURE__ */ e("header", { className: b(n.header, n.headerExternal), children: /* @__PURE__ */ o("div", { className: n.headerContentExternal, children: [
+    /* @__PURE__ */ o("div", { className: n.logoExternalContainer, children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          size: "x-small",
+          padding: !1,
+          className: n.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        L,
+        {
+          size: "small",
+          padding: !1,
+          className: n.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ e("p", { className: n.userName, children: t.name }),
+        /* @__PURE__ */ e("p", { className: n.userTitle, children: t.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: n.headerItems, children: d })
+  ] }) }) : /* @__PURE__ */ o(
+    "header",
+    {
+      className: n.header,
+      style: {
+        borderTop: `solid 4px ${r.color ? r.color : A.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ o("div", { className: n.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: n.logo, children: /* @__PURE__ */ e(
+            L,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          i !== void 0 && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              className: n.toggleButton,
+              "aria-label": i ? m.format("closeMenu") : m.format("openMenu"),
+              "aria-controls": _,
+              onPressStart: () => {
+                p(!1), s?.(!0);
+              },
+              children: i ? /* @__PURE__ */ e(
+                R,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                F,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ e("p", { className: n.userName, children: t.name }),
+            /* @__PURE__ */ e("p", { className: n.userTitle, children: t.title }),
+            /* @__PURE__ */ e("p", { className: n.title, children: a })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.headerItems, children: d })
+      ]
+    }
+  );
+}, B = ({
+  id: a = "main:first-of-type"
+}) => {
+  const t = () => {
+    const i = document.querySelector(a);
+    i && (i.tabIndex = -1, i.focus(), setTimeout(() => i.removeAttribute("tabindex"), 1e3));
+  }, r = C(x);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      onPress: t,
+      className: n.skipToContent,
+      children: r.format("skipToContent")
+    }
+  );
+}, je = () => {
+  const { isOpened: a, setIsOpened: t } = k();
+  return a ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: b(n.backdrop, n.backdropOpened),
+      onClick: () => {
+        t?.(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, De = () => {
+  const { items: a, clientSideRouter: t, clientSideHref: r } = k(), i = C(x), s = a.at(0)?.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: n.navbar,
+      "aria-label": i.format("bottomMenu"),
+      children: s && /* @__PURE__ */ e("ul", { className: b(n.navbarList), children: t ? /* @__PURE__ */ e(
+        w,
+        {
+          navigate: t,
+          useHref: r,
+          children: /* @__PURE__ */ e(O, { items: s })
+        }
+      ) : /* @__PURE__ */ e(O, { items: s }) })
+    }
+  );
+}, O = ({
+  items: a
+}) => /* @__PURE__ */ e(G, { children: a.map(({ href: t, active: r, icon: i, title: s, hasBadge: p }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+  y,
+  {
+    href: t,
+    className: b(n.navbarItem),
+    "data-active": r,
+    "aria-current": r && "page",
+    children: [
+      /* @__PURE__ */ o(I, { children: [
+        /* @__PURE__ */ e(i, { size: 20 }),
+        p && /* @__PURE__ */ e(M, {})
+      ] }),
+      s
+    ]
+  }
+) }, d)) }), c = ({
+  items: a,
+  title: t,
+  user: r,
+  app: i,
+  children: s,
+  headerChildren: p,
+  clientSideRouter: d,
+  clientSideHref: v,
+  variant: _,
+  className: m,
+  onSidebarLinkClick: h
+}) => {
+  const [N, l] = f.useState(!1), [u, g] = f.useState(!1), S = f.useId();
+  return _ === "external" ? /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: a,
+      title: t,
+      user: r,
+      app: i,
+      clientSideRouter: d,
+      clientSideHref: v,
+      headerChildren: p,
+      isCollapsed: N,
+      setIsCollapsed: l,
+      variant: _,
+      id: S,
+      children: /* @__PURE__ */ o("div", { className: b(n.baseLayout, m), children: [
+        /* @__PURE__ */ e(B, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ o("div", { className: n.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: n.main, children: /* @__PURE__ */ e("div", { className: n.app, children: s }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: a,
+      title: t,
+      user: r,
+      app: i,
+      clientSideRouter: d,
+      clientSideHref: v,
+      headerChildren: p,
+      isCollapsed: N,
+      setIsCollapsed: l,
+      isOpened: u,
+      setIsOpened: g,
+      variant: _,
+      id: S,
+      children: /* @__PURE__ */ o("div", { className: b(n.baseLayout, m), children: [
+        /* @__PURE__ */ e(B, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ o("div", { className: n.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: n.main, children: /* @__PURE__ */ e("div", { className: n.app, children: s }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+c.Provider = we;
+c.Header = We;
+c.Sidebar = Ge;
+c.SidebarLink = H;
+c.Navbar = De;
+c.Backdrop = je;
+export {
+  We as H,
+  c as L,
+  De as N,
+  Ge as S,
+  H as a
+};

package/chunks/Link-rqGQvFQq.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as r, jsxs as u, Fragment as f } from "react/jsx-runtime";
 import { Link as p } from "react-aria-components";
 import { c as h } from "./clsx-AexbMWKp.js";

package/chunks/LinkButton-B1zayj7k.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { Link as u } from "react-aria-components";
 import { c as j } from "./clsx-AexbMWKp.js";

package/chunks/Radio-Bp-JwJid.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";

package/chunks/SearchField-Dcs9LjKo.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { s as C } from "./TextField.module-B3n8v1vH.js";
 import { B as F } from "./Button-CaLOUTDO.js";

package/chunks/TabList-BaR443mu.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as e, jsxs as b, Fragment as l } from "react/jsx-runtime";
 import { Tabs as d, Tab as _, composeRenderProps as m, SelectionIndicator as T, TabPanel as f, TabList as u } from "react-aria-components";
 import { c as o } from "./clsx-AexbMWKp.js";

package/chunks/Table-UbdCFrkS.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
 import { Cell as w, Column as g, useTableOptions as u, Row as N, Button as k, Collection as p, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
 import { C as h } from "./Checkbox-CRLj7_Ox.js";

package/chunks/{TextArea-Ceo3ziOi.js → TextArea-Bb7H-w23.js}

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs as c, jsx as s, Fragment as P } from "react/jsx-runtime";
 import { forwardRef as l, useState as C } from "react";
 import { useContextProps as p, TextFieldContext as b, TextField as g, InputContext as f, Input as I, TextArea as v } from "react-aria-components";
@@ -7,7 +8,7 @@ import { T as w } from "./Text-Bxww8mmL.js";
 import { B } from "./Button-CaLOUTDO.js";
 import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { F as u } from "./FieldError-C_3uLAGY.js";
-import { C as E } from "./CharacterCounter-R6vh7AE5.js";
+import { C as E } from "./CharacterCounter-Dgnv-orm.js";
 import { a as S, L as $ } from "./Label-6GZmmff9.js";
 const x = l(
   (e, a) => {

package/chunks/Toast-D7PXIDa9.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as n, jsxs as c, Fragment as f } from "react/jsx-runtime";
 import { B as p } from "./Button-CaLOUTDO.js";
 import { useToast as g, useToastRegion as v } from "react-aria";

package/index.d.ts

@@ -41,3 +41,4 @@ export * from './tooltip';
 export * from './list-box';
 export * from './menu';
 export { useLocalizedStringFormatter } from './utils/intl';
+export { VERSION } from './version';