@midas-ds/components 17.3.0 → 17.4.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## 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
+
+- **components:** give focus target a unique id to prevent ambiguous locator ([7cd771d591](https://github.com/migrationsverket/midas/commit/7cd771d591))
+- **components,date-picker:** replace fragile tab-counting with role-based queries in tests ([fb5b0b060a](https://github.com/migrationsverket/midas/commit/fb5b0b060a))
+
+### 🔧 Maintenance
+
+- **components:** move render wrapper focus target outside React container ([3f17dd9030](https://github.com/migrationsverket/midas/commit/3f17dd9030))
+
+### 🔙 Rollback changes
+
+- **components:** restore original render wrapper ([9c6fcdc5a7](https://github.com/migrationsverket/midas/commit/9c6fcdc5a7))
+
 ## 17.3.0 (2026-02-24)
 
 ### 🚀 Features

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/DateRangePicker-X6gmcMdv.js

@@ -0,0 +1,197 @@
+'use client';
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { Group as B, DatePickerStateContext as M, DateRangePickerStateContext as S, Popover as N, Dialog as R, DatePicker as G, DateRangePicker as L } from "react-aria-components";
+import { a as k } from "./clsx-AexbMWKp.js";
+import { C as I, R as O } from "./RangeCalendar-LheFd9WF.js";
+import { D as P, b as _, a as V } from "./DateInputDivider-DwopMIb9.js";
+import { F as g } from "./FieldError-krpMBtie.js";
+import { a as y, L as v } from "./Label-s4J9sYdy.js";
+import { T as D } from "./Text-D0r_W4lH.js";
+import * as f from "react";
+import { C as j } from "./ClearButton-DBr9Zfwq.js";
+import { FocusScope as w, useFocusManager as T } from "@react-aria/focus";
+import { B as $ } from "./Button-BhIvfqOc.js";
+import { c as E } from "./createLucideIcon-CP-mMPfa.js";
+import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateRangePicker.css';const W = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], q = E("calendar-days", W), A = { clear: "Clear date", "open-calendar": "Open calendar" }, H = { clear: "Rensa datum", "open-calendar": "Öppna kalender" }, C = {
+  en: A,
+  sv: H
+}, J = "_datePicker_1g3e7_1", K = "_inputField_1g3e7_8", Q = "_medium_1g3e7_24", U = "_readOnly_1g3e7_47", X = "_buttonGroup_1g3e7_52", Y = "_iconButton_1g3e7_58", Z = "_dialog_1g3e7_81", n = {
+  datePicker: J,
+  inputField: K,
+  medium: Q,
+  readOnly: U,
+  buttonGroup: X,
+  iconButton: Y,
+  dialog: Z
+}, z = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ee = ({
+  isClearable: t,
+  isDisabled: c,
+  isReadOnly: i,
+  size: a
+}) => {
+  const r = f.useContext(M), s = f.useContext(S), l = b(C), d = T(), o = s ?? r, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
+  return t && p && !i ? /* @__PURE__ */ e(
+    j,
+    {
+      onPress: () => {
+        o?.setValue(null), d?.focusFirst();
+      },
+      size: a,
+      isDisabled: c,
+      "aria-label": l.format("clear"),
+      className: k(n.iconButton, {
+        [n.medium]: a === "medium"
+      })
+    }
+  ) : null;
+}, x = ({
+  children: t,
+  isDisabled: c,
+  isInvalid: i,
+  isReadOnly: a,
+  size: r = "large",
+  isClearable: s = !1
+}) => {
+  const l = b(C);
+  return /* @__PURE__ */ e(
+    B,
+    {
+      className: k(n.inputField, {
+        [n.medium]: r === "medium",
+        [n.readOnly]: a
+      }),
+      children: /* @__PURE__ */ h(w, { children: [
+        t,
+        /* @__PURE__ */ h("div", { className: n.buttonGroup, children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              isClearable: s,
+              isDisabled: c,
+              isReadOnly: a,
+              size: r
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              variant: "icon",
+              "aria-label": l.format("open-calendar"),
+              className: k(n.iconButton, {
+                [n.medium]: r === "medium",
+                [n.readOnly]: a
+              }),
+              "data-invalid": i || void 0,
+              size: r,
+              children: /* @__PURE__ */ e(
+                q,
+                {
+                  "aria-hidden": !0,
+                  size: 20
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, F = ({
+  children: t
+}) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(R, { className: n.dialog, children: t }) }), he = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: a = "top",
+  label: r,
+  popover: s,
+  isClearable: l = !1,
+  isReadOnly: d,
+  isDisabled: o,
+  size: p,
+  ...m
+}) => /* @__PURE__ */ h(
+  G,
+  {
+    className: k(n.datePicker, t),
+    isReadOnly: d,
+    isDisabled: o,
+    ...m,
+    children: [
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      a === "top" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          isClearable: l,
+          isReadOnly: d,
+          isDisabled: o,
+          size: p,
+          ...m,
+          children: /* @__PURE__ */ e(P, { children: (u) => /* @__PURE__ */ e(_, { segment: u }) })
+        }
+      ),
+      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(I, {}) })
+    ]
+  }
+), ke = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: a = "top",
+  label: r,
+  popover: s,
+  isClearable: l = !1,
+  isReadOnly: d,
+  isDisabled: o,
+  size: p,
+  ...m
+}) => /* @__PURE__ */ h(
+  L,
+  {
+    className: k(n.datePicker, t),
+    isReadOnly: d,
+    isDisabled: o,
+    ...m,
+    children: [
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      a === "top" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ h(
+        x,
+        {
+          isClearable: l,
+          isReadOnly: d,
+          isDisabled: o,
+          size: p,
+          ...m,
+          children: [
+            /* @__PURE__ */ e(P, { slot: "start", children: (u) => /* @__PURE__ */ e(_, { segment: u }) }),
+            /* @__PURE__ */ e(V, {}),
+            /* @__PURE__ */ e(P, { slot: "end", children: (u) => /* @__PURE__ */ e(_, { segment: u }) })
+          ]
+        }
+      ),
+      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(O, {}) })
+    ]
+  }
+);
+export {
+  he as D,
+  ke as a
+};

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/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-BCZ6i1w0.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-X6gmcMdv.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/date-picker/intl/translations.json.d.ts

@@ -1,9 +1,11 @@
 declare const _default: {
   "en": {
-    "clear": "Clear date"
+    "clear": "Clear date",
+    "open-calendar": "Open calendar"
   },
   "sv": {
-    "clear": "Rensa datum"
+    "clear": "Rensa datum",
+    "open-calendar": "Öppna kalender"
   }
 }
 ;

package/index.js

@@ -13,7 +13,7 @@ import { C as y } from "./chunks/ColorSchemeSwitch-DkY8VTVR.js";
 import { C as N } from "./chunks/ComboBox-Dx4GD2oe.js";
 import { D as z } from "./chunks/DateField-h3l0qG7u.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-BCZ6i1w0.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-X6gmcMdv.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.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.0", a = {
+const o = "17.4.0", a = {
   version: o
 }, r = a.version;
 export {

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.3.0",
+  "version": "17.4.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/DateRangePicker-BCZ6i1w0.js

@@ -1,193 +0,0 @@
-'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";
-import { C as G, R as L } from "./RangeCalendar-LheFd9WF.js";
-import { D as P, b as _, a as I } from "./DateInputDivider-DwopMIb9.js";
-import { F as g } from "./FieldError-krpMBtie.js";
-import { a as y, L as v } from "./Label-s4J9sYdy.js";
-import { T as D } from "./Text-D0r_W4lH.js";
-import * as f from "react";
-import { C as V } from "./ClearButton-DBr9Zfwq.js";
-import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
-import { B as O } from "./Button-BhIvfqOc.js";
-import { c as T } from "./createLucideIcon-CP-mMPfa.js";
-import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/DateRangePicker.css';const E = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
-  en: q,
-  sv: A
-}, J = "_datePicker_1g3e7_1", K = "_inputField_1g3e7_8", Q = "_medium_1g3e7_24", U = "_readOnly_1g3e7_47", X = "_buttonGroup_1g3e7_52", Y = "_iconButton_1g3e7_58", Z = "_dialog_1g3e7_81", o = {
-  datePicker: J,
-  inputField: K,
-  medium: Q,
-  readOnly: U,
-  buttonGroup: X,
-  iconButton: Y,
-  dialog: Z
-}, z = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ee = ({
-  isClearable: t,
-  isDisabled: c,
-  isReadOnly: i,
-  size: a
-}) => {
-  const r = f.useContext(F), s = f.useContext(B), u = $(H), l = w(), n = s ?? r, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
-  return t && p && !i ? /* @__PURE__ */ e(
-    V,
-    {
-      onPress: () => {
-        n?.setValue(null), l?.focusFirst();
-      },
-      size: a,
-      isDisabled: c,
-      "aria-label": u.format("clear"),
-      className: k(o.iconButton, {
-        [o.medium]: a === "medium"
-      })
-    }
-  ) : null;
-}, C = ({
-  children: t,
-  isDisabled: c,
-  isInvalid: i,
-  isReadOnly: a,
-  size: r = "large",
-  isClearable: s = !1
-}) => /* @__PURE__ */ e(
-  x,
-  {
-    className: k(o.inputField, {
-      [o.medium]: r === "medium",
-      [o.readOnly]: a
-    }),
-    children: /* @__PURE__ */ h(j, { children: [
-      t,
-      /* @__PURE__ */ h("div", { className: o.buttonGroup, children: [
-        /* @__PURE__ */ e(
-          ee,
-          {
-            isClearable: s,
-            isDisabled: c,
-            isReadOnly: a,
-            size: r
-          }
-        ),
-        /* @__PURE__ */ e(
-          O,
-          {
-            variant: "icon",
-            className: k(o.iconButton, {
-              [o.medium]: r === "medium",
-              [o.readOnly]: a
-            }),
-            "data-invalid": i || void 0,
-            size: r,
-            children: /* @__PURE__ */ e(
-              W,
-              {
-                "aria-hidden": !0,
-                size: 20
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  }
-), b = ({
-  children: t
-}) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { className: o.dialog, children: t }) }), he = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: u = !1,
-  isReadOnly: l,
-  isDisabled: n,
-  size: p,
-  ...d
-}) => /* @__PURE__ */ h(
-  N,
-  {
-    className: k(o.datePicker, t),
-    isReadOnly: l,
-    isDisabled: n,
-    ...d,
-    children: [
-      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(
-        C,
-        {
-          isClearable: u,
-          isReadOnly: l,
-          isDisabled: n,
-          size: p,
-          ...d,
-          children: /* @__PURE__ */ e(P, { children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
-    ]
-  }
-), ke = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: u = !1,
-  isReadOnly: l,
-  isDisabled: n,
-  size: p,
-  ...d
-}) => /* @__PURE__ */ h(
-  R,
-  {
-    className: k(o.datePicker, t),
-    isReadOnly: l,
-    isDisabled: n,
-    ...d,
-    children: [
-      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ h(
-        C,
-        {
-          isClearable: u,
-          isReadOnly: l,
-          isDisabled: n,
-          size: p,
-          ...d,
-          children: [
-            /* @__PURE__ */ e(P, { slot: "start", children: (m) => /* @__PURE__ */ e(_, { segment: m }) }),
-            /* @__PURE__ */ e(I, {}),
-            /* @__PURE__ */ e(P, { slot: "end", children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
-          ]
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
-    ]
-  }
-);
-export {
-  he as D,
-  ke as a
-};

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
-};