@midas-ds/components 17.3.1 → 17.5.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## 17.5.0 (2026-02-25)
+
+### 🚀 Features
+
+- **components, info-banner:** change HTML element to aside ([e2df5f3877](https://github.com/migrationsverket/midas/commit/e2df5f3877))
+- **components, info-banner:** add styling for unordered lists ([f048a5e9cb](https://github.com/migrationsverket/midas/commit/f048a5e9cb))
+
+### 🏭 Refactoring
+
+- **components, info-banner:** use react-stately controlled state hook ([d813124151](https://github.com/migrationsverket/midas/commit/d813124151))
+
+### 🧪 Tests updated
+
+- **components, info-banner:** add tests ([ddee571e0c](https://github.com/migrationsverket/midas/commit/ddee571e0c))
+
+## 17.4.0 (2026-02-25)
+
+### 🚀 Features
+
+- **components,tabs:** add size prop with large/medium variants ([9a6c169311](https://github.com/migrationsverket/midas/commit/9a6c169311))
+
+### 🧪 Tests updated
+
+- **components, menu:** remove flaky keyboard interactions ([e7fc6cfb6d](https://github.com/migrationsverket/midas/commit/e7fc6cfb6d))
+
 ## 17.3.1 (2026-02-25)
 
 ### 🩹 Fixes

package/assets/InfoBanner.css

@@ -1 +1 @@
-._infoBanner_1oj11_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);display:flex;font-size:1rem;flex-direction:row;gap:1rem;padding:1rem;line-height:1.3;border-left:3px solid var(--border);background-color:var(--bg)}._infoBanner_1oj11_1._success_1oj11_11{--border: var(--midas-support-border-success);--bg: var(--midas-support-background-success)}._infoBanner_1oj11_1._info_1oj11_1{--border: var(--midas-support-border-info);--bg: var(--midas-support-background-info)}._infoBanner_1oj11_1._important_1oj11_21{--border: var(--midas-support-border-important);--bg: var(--midas-support-background-important)}._infoBanner_1oj11_1._warning_1oj11_26{--border: var(--midas-support-border-warning);--bg: var(--midas-support-background-warning)}@media(forced-colors:active){._infoBanner_1oj11_1{border:1px solid;border-left:3px solid var(--border)}}._content_1oj11_40{display:flex;flex-direction:column;flex:1 0 0%}._heading_1oj11_46{font-weight:500;margin-bottom:.25rem}._text_1oj11_51{line-height:var(--midas-typography-line-height-40);white-space:pre-line;margin:0}._icon_1oj11_57{color:var(--midas-icon-primary);min-width:20px}@media(forced-colors:active){._icon_1oj11_57{color:currentColor}}._dismissable_1oj11_66{margin-top:-1rem;margin-right:-1rem;justify-self:flex-end}
+._infoBanner_8niki_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);display:flex;font-size:1rem;flex-direction:row;gap:1rem;padding:1rem;line-height:1.3;border-left:3px solid var(--border);background-color:var(--bg)}._infoBanner_8niki_1._success_8niki_11{--border: var(--midas-support-border-success);--bg: var(--midas-support-background-success)}._infoBanner_8niki_1._info_8niki_1{--border: var(--midas-support-border-info);--bg: var(--midas-support-background-info)}._infoBanner_8niki_1._important_8niki_21{--border: var(--midas-support-border-important);--bg: var(--midas-support-background-important)}._infoBanner_8niki_1._warning_8niki_26{--border: var(--midas-support-border-warning);--bg: var(--midas-support-background-warning)}@media(forced-colors:active){._infoBanner_8niki_1{border:1px solid;border-left:3px solid var(--border)}}._content_8niki_40{display:flex;flex-direction:column;flex:1 0 0%}._heading_8niki_46{font-weight:500;margin-bottom:.25rem}._text_8niki_51{line-height:var(--midas-typography-line-height-40);white-space:pre-line;margin:0}._text_8niki_51 ul{margin:var(--midas-space-xsmall) 0 0 var(--midas-space-medium);padding:0}._text_8niki_51 ul li{margin-bottom:var(--midas-space-60)}._icon_8niki_66{color:var(--midas-icon-primary);min-width:20px}@media(forced-colors:active){._icon_8niki_66{color:currentColor}}._dismissable_8niki_75{margin-top:-1rem;margin-right:-1rem;justify-self:flex-end}

package/assets/TabList.css

@@ -1 +1 @@
-._tabs_1nli1_1{display:flex;font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family)}._tabs_1nli1_1[data-orientation=horizontal]{flex-direction:column}._tabList_1nli1_12{display:flex}._tabList_1nli1_12[data-orientation=vertical]{flex-direction:column}._tab_1nli1_1{padding:var(--midas-space-small) var(--midas-space-medium);cursor:default;outline:none;position:relative;transition-duration:var(--midas-transition-duration-normal);transition-property:color,border-color;forced-color-adjust:none;color:var(--midas-text-primary)}._tab_1nli1_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_1nli1_1[data-selected]{color:var(--midas-text-primary);font-weight:var(--midas-typography-weight-medium);forced-color-adjust:none}._tab_1nli1_1[data-hovered]{cursor:pointer}._tab_1nli1_1[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tab_1nli1_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_1nli1_1._contained_1nli1_55{background-color:var(--midas-layer-accent-01-base)}._tab_1nli1_1._contained_1nli1_55[data-selected]{background-color:var(--midas-layer-01-base)}._tab_1nli1_1._contained_1nli1_55[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_1nli1_1._contained_1nli1_55[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_1nli1_1._contained_1nli1_55:not([data-selected])+._tab_1nli1_1._contained_1nli1_55._contained_1nli1_55:not([data-selected]){border-color:var(--midas-border-color-subtle)}[data-orientation=horizontal] ._tab_1nli1_1._contained_1nli1_55{border-inline-start:1px solid transparent}[data-orientation=vertical] ._tab_1nli1_1._contained_1nli1_55{border-top:1px solid transparent}[data-orientation=horizontal] ._tab_1nli1_1:not(._contained_1nli1_55){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_1nli1_1:not(._contained_1nli1_55){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_1nli1_94{position:absolute;transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_1nli1_1 ._selectionIndicator_1nli1_94{border-bottom:3px solid var(--midas-border-color-tertiary);left:0;bottom:0;width:100%}[data-orientation=vertical] ._tab_1nli1_1 ._selectionIndicator_1nli1_94{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;right:0;top:0}._tab_1nli1_1 ._selectionIndicator_1nli1_94._contained_1nli1_55{border-width:2px;z-index:var(--midas-z-index-base)}[data-orientation=horizontal] ._tab_1nli1_1 ._selectionIndicator_1nli1_94._contained_1nli1_55{bottom:unset;top:0}[data-orientation=vertical] ._tab_1nli1_1 ._selectionIndicator_1nli1_94._contained_1nli1_55{left:0;right:unset}._tabPanel_1nli1_129{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_1nli1_129[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}._tabPanel_1nli1_129._contained_1nli1_55{background-color:var(--midas-layer-01-base)}
+._tabs_1jqj8_1{display:flex;font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family)}._tabs_1jqj8_1[data-orientation=horizontal]{flex-direction:column}._tabList_1jqj8_12{display:flex}._tabList_1jqj8_12[data-orientation=vertical]{flex-direction:column}._tab_1jqj8_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;outline:none;position:relative;transition-duration:var(--midas-transition-duration-normal);transition-property:color,border-color;forced-color-adjust:none;color:var(--midas-text-primary)}._tab_1jqj8_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_1jqj8_1[data-selected]{color:var(--midas-text-primary);font-weight:var(--midas-typography-weight-medium);forced-color-adjust:none}._tab_1jqj8_1[data-hovered]{cursor:pointer}._tab_1jqj8_1[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tab_1jqj8_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_1jqj8_1._contained_1jqj8_55{background-color:var(--midas-layer-accent-01-base)}._tab_1jqj8_1._contained_1jqj8_55[data-selected]{background-color:var(--midas-layer-01-base)}._tab_1jqj8_1._contained_1jqj8_55[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_1jqj8_1._contained_1jqj8_55[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_1jqj8_1._contained_1jqj8_55:not([data-selected])+._tab_1jqj8_1._contained_1jqj8_55._contained_1jqj8_55:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_1jqj8_1._medium_1jqj8_75{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_1jqj8_1._contained_1jqj8_55{border-inline-start:1px solid transparent}[data-orientation=vertical] ._tab_1jqj8_1._contained_1jqj8_55{border-top:1px solid transparent}[data-orientation=horizontal] ._tab_1jqj8_1:not(._contained_1jqj8_55){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_1jqj8_1:not(._contained_1jqj8_55){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_1jqj8_98{position:absolute;transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_1jqj8_1 ._selectionIndicator_1jqj8_98{border-bottom:3px solid var(--midas-border-color-tertiary);left:0;bottom:0;width:100%}[data-orientation=vertical] ._tab_1jqj8_1 ._selectionIndicator_1jqj8_98{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;right:0;top:0}._tab_1jqj8_1 ._selectionIndicator_1jqj8_98._contained_1jqj8_55{border-width:2px;z-index:var(--midas-z-index-base)}[data-orientation=horizontal] ._tab_1jqj8_1 ._selectionIndicator_1jqj8_98._contained_1jqj8_55{bottom:unset;top:0}[data-orientation=vertical] ._tab_1jqj8_1 ._selectionIndicator_1jqj8_98._contained_1jqj8_55{left:0;right:unset}._tabPanel_1jqj8_133{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_1jqj8_133[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}._tabPanel_1jqj8_133._contained_1jqj8_55{background-color:var(--midas-layer-01-base)}._tabPanel_1jqj8_133._medium_1jqj8_75{padding:var(--midas-space-small)}

package/chunks/InfoBanner-D_pwTOHH.js

@@ -0,0 +1,76 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as g } from "./clsx-AexbMWKp.js";
+import { B as h } from "./Button-BhIvfqOc.js";
+import { F as k } from "./FeedbackStatusIcon-X9Bjgeta.js";
+import { useControlledState as x } from "@react-stately/utils";
+import { X as B } from "./x-B9bYxG31.js";
+import { u as N } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/InfoBanner.css';const b = "_infoBanner_8niki_1", v = "_success_8niki_11", I = "_info_8niki_1", S = "_important_8niki_21", w = "_warning_8niki_26", C = "_content_8niki_40", F = "_heading_8niki_46", O = "_text_8niki_51", j = "_icon_8niki_66", z = "_dismissable_8niki_75", n = {
+  infoBanner: b,
+  success: v,
+  info: I,
+  important: S,
+  warning: w,
+  content: C,
+  heading: F,
+  text: O,
+  icon: j,
+  dismissable: z
+}, L = { close: "Close" }, P = { close: "Stäng" }, X = {
+  en: L,
+  sv: P
+}, J = ({
+  title: e,
+  message: a,
+  type: o,
+  children: c,
+  isDismissable: r = !1,
+  defaultOpen: l = !0,
+  isOpen: m,
+  onOpenChange: _,
+  ...t
+}) => {
+  const [d, f] = x(
+    m,
+    l,
+    _
+  ), u = N(X), p = () => {
+    f(!1);
+  };
+  return d ? /* @__PURE__ */ i(
+    "aside",
+    {
+      ...t,
+      className: g(n.infoBanner, n[o], t.className),
+      children: [
+        /* @__PURE__ */ s(
+          k,
+          {
+            "aria-hidden": !0,
+            className: n.icon,
+            status: o
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: n.content, children: [
+          e && /* @__PURE__ */ s("strong", { className: n.heading, children: e }),
+          /* @__PURE__ */ i("div", { className: n.text, children: [
+            a,
+            c
+          ] })
+        ] }),
+        r && /* @__PURE__ */ s("div", { className: n.dismissable, children: /* @__PURE__ */ s(
+          h,
+          {
+            variant: "icon",
+            "aria-label": u.format("close"),
+            onPress: p,
+            children: /* @__PURE__ */ s(B, { size: 20 })
+          }
+        ) })
+      ]
+    }
+  ) : null;
+};
+export {
+  J as I
+};

package/chunks/TabList-CJSnr6O0.js

@@ -0,0 +1,87 @@
+'use client';
+import { jsx as s, jsxs as b, Fragment as d } from "react/jsx-runtime";
+import { Tabs as l, Tab as _, composeRenderProps as j, SelectionIndicator as u, TabPanel as T, TabList as P } from "react-aria-components";
+import { c } from "./clsx-AexbMWKp.js";
+import * as r from "react";
+import { createContext as x } from "react";
+import '../assets/TabList.css';const i = x({
+  variant: "uncontained",
+  size: "large"
+}), q = "_tabs_1jqj8_1", L = "_tabList_1jqj8_12", p = "_tab_1jqj8_1", f = "_contained_1jqj8_55", v = "_medium_1jqj8_75", I = "_selectionIndicator_1jqj8_98", N = "_tabPanel_1jqj8_133", a = {
+  tabs: q,
+  tabList: L,
+  tab: p,
+  contained: f,
+  medium: v,
+  selectionIndicator: I,
+  tabPanel: N
+}, z = ({
+  className: n,
+  variant: t = "uncontained",
+  size: e = "large",
+  ...o
+}) => /* @__PURE__ */ s(i.Provider, { value: { variant: t, size: e }, children: /* @__PURE__ */ s(
+  l,
+  {
+    className: c(a.tabs, n),
+    ...o
+  }
+) }), R = ({ className: n, ...t }) => {
+  const { variant: e, size: o } = r.useContext(i);
+  return /* @__PURE__ */ s(
+    _,
+    {
+      ...t,
+      className: c(
+        a.tab,
+        {
+          [a.contained]: e === "contained",
+          [a.medium]: o === "medium"
+        },
+        n
+      ),
+      children: j(t.children, (m) => /* @__PURE__ */ b(d, { children: [
+        m,
+        /* @__PURE__ */ s(
+          u,
+          {
+            className: c(a.selectionIndicator, {
+              [a.contained]: e === "contained"
+            })
+          }
+        )
+      ] }))
+    }
+  );
+}, y = ({ className: n, ...t }) => {
+  const { variant: e, size: o } = r.useContext(i);
+  return /* @__PURE__ */ s(
+    T,
+    {
+      className: c(
+        a.tabPanel,
+        {
+          [a.contained]: e === "contained",
+          [a.medium]: o === "medium"
+        },
+        n
+      ),
+      ...t
+    }
+  );
+}, F = ({
+  className: n,
+  ...t
+}) => /* @__PURE__ */ s(
+  P,
+  {
+    className: c(a.tabList, n),
+    ...t
+  }
+);
+export {
+  R as T,
+  F as a,
+  y as b,
+  z as c
+};

package/index.js

@@ -19,7 +19,7 @@ import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
 import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
-import { I as so } from "./chunks/InfoBanner-otmuemqy.js";
+import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
 import { L as xo } from "./chunks/Label-s4J9sYdy.js";
 import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-hXzqx4cY.js";
 import { L as uo } from "./chunks/Link-rqGQvFQq.js";
@@ -34,7 +34,7 @@ import { S as ho } from "./chunks/Select-CV0H13h-.js";
 import { S as yo } from "./chunks/Skeleton-D6mxKxuu.js";
 import { S as No } from "./chunks/Spinner-CfKMn18u.js";
 import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/Table-Bg-AKi7d.js";
-import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-BHX-cuhB.js";
+import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-CJSnr6O0.js";
 import { T as Yo, a as _o, b as $o } from "./chunks/TagGroup-BscTXQ_E.js";
 import { T as aa } from "./chunks/Text-D0r_W4lH.js";
 import { I as ea, T as ta, a as sa, b as pa } from "./chunks/TextArea-CBRE_gsN.js";
@@ -49,7 +49,7 @@ import { c as Na } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
 import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as qa } from "react-stately";
-const o = "17.3.1", a = {
+const o = "17.5.0", a = {
   version: o
 }, r = a.version;
 export {

package/info-banner/index.js

@@ -1,4 +1,4 @@
-import { I as r } from "../chunks/InfoBanner-otmuemqy.js";
+import { I as r } from "../chunks/InfoBanner-D_pwTOHH.js";
 export {
   r as InfoBanner
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.3.1",
+  "version": "17.5.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/tabs/Tabs.d.ts

@@ -1,6 +1,9 @@
 import { TabsProps as AriaTabsProps } from 'react-aria-components';
+import { Size } from '../common/types';
 import * as React from 'react';
 export interface TabsProps extends AriaTabsProps {
     variant?: 'uncontained' | 'contained';
+    /** @default 'large' */
+    size?: Size;
 }
 export declare const Tabs: React.FC<TabsProps>;

package/tabs/Tabs.stories.d.ts

@@ -6,14 +6,22 @@ declare const _default: {
     component: React.FC<import('./Tabs').TabsProps>;
     title: string;
     tags: string[];
+    argTypes: {
+        size: {
+            control: "radio";
+            options: string[];
+        };
+    };
     args: {
         orientation: "horizontal";
         variant: "uncontained";
+        size: "large";
     };
     render: (args: import('./Tabs').TabsProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
 export declare const Primary: Story;
+export declare const Medium: Story;
 export declare const Contained: Story;
 export declare const Vertical: Story;
 export declare const DisabledTabs: Story;

package/tabs/TabsContext.d.ts

@@ -1,3 +1,3 @@
 import { TabsProps } from './Tabs';
-export type TabsContextValue = Pick<TabsProps, 'variant'>;
+export type TabsContextValue = Pick<TabsProps, 'variant' | 'size'>;
 export declare const TabsContext: import('react').Context<TabsContextValue>;

package/tabs/index.js

@@ -1,4 +1,4 @@
-import { T as b, a as T, b as e, c as o } from "../chunks/TabList-BHX-cuhB.js";
+import { T as b, a as T, b as e, c as o } from "../chunks/TabList-CJSnr6O0.js";
 export {
   b as Tab,
   T as TabList,

package/chunks/InfoBanner-otmuemqy.js

@@ -1,72 +0,0 @@
-import { jsxs as e, jsx as n } from "react/jsx-runtime";
-import * as h from "react";
-import { c as j } from "./clsx-AexbMWKp.js";
-import { B as x } from "./Button-BhIvfqOc.js";
-import { F as B } from "./FeedbackStatusIcon-X9Bjgeta.js";
-import { X as N } from "./x-B9bYxG31.js";
-import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/InfoBanner.css';const v = "_infoBanner_1oj11_1", S = "_success_1oj11_11", w = "_info_1oj11_1", C = "_important_1oj11_21", F = "_warning_1oj11_26", I = "_content_1oj11_40", z = "_heading_1oj11_46", O = "_text_1oj11_51", k = "_icon_1oj11_57", y = "_dismissable_1oj11_66", s = {
-  infoBanner: v,
-  success: S,
-  info: w,
-  important: C,
-  warning: F,
-  content: I,
-  heading: z,
-  text: O,
-  icon: k,
-  dismissable: y
-}, L = { close: "Close" }, P = { close: "Stäng" }, R = {
-  en: L,
-  sv: P
-}, H = ({
-  title: t,
-  message: r,
-  type: i,
-  children: l,
-  isDismissable: m = !1,
-  defaultOpen: _ = !0,
-  isOpen: a,
-  onOpenChange: d,
-  ...c
-}) => {
-  const o = typeof a < "u", [f, u] = h.useState(_), p = b(R), g = () => {
-    d?.(!1), o || u(!1);
-  };
-  return o && a || !o && f ? /* @__PURE__ */ e(
-    "div",
-    {
-      ...c,
-      className: j(s.infoBanner, s[i], c.className),
-      children: [
-        /* @__PURE__ */ n(
-          B,
-          {
-            "aria-hidden": !0,
-            className: s.icon,
-            status: i
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: s.content, children: [
-          t && /* @__PURE__ */ n("strong", { className: s.heading, children: t }),
-          /* @__PURE__ */ e("div", { className: s.text, children: [
-            r,
-            l
-          ] })
-        ] }),
-        m && /* @__PURE__ */ n("div", { className: s.dismissable, children: /* @__PURE__ */ n(
-          x,
-          {
-            variant: "icon",
-            "aria-label": p.format("close"),
-            onPress: g,
-            children: /* @__PURE__ */ n(N, { size: 20 })
-          }
-        ) })
-      ]
-    }
-  ) : null;
-};
-export {
-  H as I
-};

package/chunks/TabList-BHX-cuhB.js

@@ -1,82 +0,0 @@
-'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 u, TabList as P } from "react-aria-components";
-import { c as o } from "./clsx-AexbMWKp.js";
-import * as i from "react";
-import { createContext as x } from "react";
-import '../assets/TabList.css';const c = x({
-  variant: "uncontained"
-}), L = "_tabs_1nli1_1", p = "_tabList_1nli1_12", f = "_tab_1nli1_1", v = "_contained_1nli1_55", I = "_selectionIndicator_1nli1_94", N = "_tabPanel_1nli1_129", t = {
-  tabs: L,
-  tabList: p,
-  tab: f,
-  contained: v,
-  selectionIndicator: I,
-  tabPanel: N
-}, R = ({
-  className: n,
-  variant: a = "uncontained",
-  ...s
-}) => /* @__PURE__ */ e(c.Provider, { value: { variant: a }, children: /* @__PURE__ */ e(
-  d,
-  {
-    className: o(t.tabs, n),
-    ...s
-  }
-) }), g = ({ className: n, ...a }) => {
-  const { variant: s } = i.useContext(c);
-  return /* @__PURE__ */ e(
-    _,
-    {
-      ...a,
-      className: o(
-        t.tab,
-        {
-          [t.contained]: s === "contained"
-        },
-        n
-      ),
-      children: m(a.children, (r) => /* @__PURE__ */ b(l, { children: [
-        r,
-        /* @__PURE__ */ e(
-          T,
-          {
-            className: o(t.selectionIndicator, {
-              [t.contained]: s === "contained"
-            })
-          }
-        )
-      ] }))
-    }
-  );
-}, y = ({ className: n, ...a }) => {
-  const { variant: s } = i.useContext(c);
-  return /* @__PURE__ */ e(
-    u,
-    {
-      className: o(
-        t.tabPanel,
-        {
-          [t.contained]: s === "contained"
-        },
-        n
-      ),
-      ...a
-    }
-  );
-}, F = ({
-  className: n,
-  ...a
-}) => /* @__PURE__ */ e(
-  P,
-  {
-    className: o(t.tabList, n),
-    ...a
-  }
-);
-export {
-  g as T,
-  F as a,
-  y as b,
-  R as c
-};