@midas-ds/components 10.2.0 → 10.4.0

package/Spinner-CbJ6YAz-.js

@@ -0,0 +1,53 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c as s } from "./clsx-OuTLNxxd.js";
+import { c } from "./createLucideIcon-DeWljiyi.js";
+import { $ as d } from "./VisuallyHidden-CYfmTSCD.js";
+import { u as l } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import './assets/Spinner.css';/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const m = c("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]), p = "_container_3nw95_4", _ = "_spinner_3nw95_8", f = "_dark_3nw95_18", e = {
+  container: p,
+  spinner: _,
+  dark: f
+}, g = {
+  loadingPleaseWait: "Loading, please wait..."
+}, k = {
+  loadingPleaseWait: "Laddar, vänligen vänta..."
+}, u = {
+  en: g,
+  sv: k
+}, w = ({
+  small: a,
+  isOnColor: r = !1,
+  className: t
+}) => {
+  const o = l(u);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: s(e.container, t),
+      role: "status",
+      children: [
+        /* @__PURE__ */ n(
+          m,
+          {
+            className: s(e.spinner, r && e.dark),
+            size: a ? 16 : 32,
+            strokeWidth: a ? 2 : 3,
+            absoluteStrokeWidth: !0
+          }
+        ),
+        /* @__PURE__ */ n(d, { children: o.format("loadingPleaseWait") })
+      ]
+    }
+  );
+};
+export {
+  w as S
+};

package/Spinner-yHcy8YHC.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/Spinner.css');const e=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs"),c=require("./createLucideIcon-Cg_wkoIA.cjs"),o=require("./VisuallyHidden-Doyzl0F7.cjs"),d=require("./useLocalizedStringFormatter-BO2iZEL0.cjs");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const l=c.createLucideIcon("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]),u="_container_3nw95_4",g="_spinner_3nw95_8",p="_dark_3nw95_18",n={container:u,spinner:g,dark:p},_={loadingPleaseWait:"Loading, please wait..."},x={loadingPleaseWait:"Laddar, vänligen vänta..."},L={en:_,sv:x},k=({small:s,isOnColor:t=!1,className:a})=>{const i=d.useLocalizedStringFormatter(L);return e.jsxs("div",{className:r.clsx(n.container,a),role:"status",children:[e.jsx(l,{className:r.clsx(n.spinner,t&&n.dark),size:s?16:32,strokeWidth:s?2:3,absoluteStrokeWidth:!0}),e.jsx(o.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:i.format("loadingPleaseWait")})]})};exports.Spinner=k;

package/TabList-7VtCiXxX.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/TabList.css');const h=require("react/jsx-runtime"),o=require("react"),g=require("./clsx-C11secjj.cjs"),V=require("./useObserveElement-MhzEsCkX.cjs"),A=require("./tokens-BghDnMdO.cjs"),x=require("./Collection-BtBX5IMY.cjs"),$=require("./utils-DHNZrQmj.cjs"),z=require("./Hidden-BxRZGdEW.cjs"),v=require("./mergeProps-B5KXZAI3.cjs"),S=require("./filterDOMProps-BS2lrgFA.cjs"),q=require("./inertValue-B3AFhVG4.cjs"),_=require("./usePress-BooY_CAy.cjs"),B=require("./useFocusable-D7I1ujkW.cjs"),I=require("./SelectionManager-D0jYUYcy.cjs"),L=require("./useLabels-CSU0kbtJ.cjs"),W=require("./useHasTabbableChild-CoQRpNbC.cjs"),U=require("./context-Df3XbgBG.cjs"),T=require("./useFocusRing-B-A1OLhU.cjs"),G=require("./useHover-BE_XKZKe.cjs"),J=require("./useSingleSelectListState-BPhlCU26.cjs");function Q(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const C=Q(o),O=new WeakMap;function D(i,e,t){return i?(typeof e=="string"&&(e=e.replace(/\s+/g,"")),`${O.get(i)}-${t}-${e}`):""}function X(i,e,t){let{key:n,isDisabled:a,shouldSelectOnPressUp:d}=i,{selectionManager:l,selectedKey:c}=e,r=n===c,s=a||e.isDisabled||e.selectionManager.isDisabled(n),{itemProps:u,isPressed:f}=I.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:l,key:n,ref:t,isDisabled:s,shouldSelectOnPressUp:d,linkBehavior:"selection"}),b=D(e,n,"tab"),m=D(e,n,"tabpanel"),{tabIndex:K}=u,p=e.collection.getItem(n),E=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(p==null?void 0:p.props,{labelable:!0});delete E.id;let N=_.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(p==null?void 0:p.props),{focusableProps:H}=B.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:s},t);return{tabProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(E,H,N,u,{id:b,"aria-selected":r,"aria-disabled":s||void 0,"aria-controls":r?m:void 0,tabIndex:s?void 0:K,role:"tab"}),isSelected:r,isDisabled:s,isPressed:f}}function Y(i,e,t){let n=W.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var a;const d=D(e,(a=i.id)!==null&&a!==void 0?a:e==null?void 0:e.selectedKey,"tabpanel"),l=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:d,"aria-labelledby":D(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(l,{tabIndex:n,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class Z{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,n;return this.disabledKeys.has(e)||!!(!((n=this.collection.getItem(e))===null||n===void 0||(t=n.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,n,a=new Set){this.collection=e,this.flipDirection=t==="rtl"&&n==="horizontal",this.disabledKeys=a,this.tabDirection=n==="horizontal"}}function ee(i,e,t){let{orientation:n="horizontal",keyboardActivation:a="automatic"}=i,{collection:d,selectionManager:l,disabledKeys:c}=e,{direction:r}=U.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),s=o.useMemo(()=>new Z(d,r,n,c),[d,c,n,r]),{collectionProps:u}=I.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:l,keyboardDelegate:s,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=v.$bdb11010cef70236$export$f680877a34711e37();O.set(e,f);let b=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(u,b),role:"tablist","aria-orientation":n,tabIndex:void 0}}}function te(i){var e,t;let n=J.$a0d645289fe9b86b$export$e7f05e985daf4b5f({...i,onSelectionChange:i.onSelectionChange?r=>{var s;r!=null&&((s=i.onSelectionChange)===null||s===void 0||s.call(i,r))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:w(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:a,collection:d,selectedKey:l}=n,c=o.useRef(l);return o.useEffect(()=>{let r=l;i.selectedKey==null&&(a.isEmpty||r==null||!d.getItem(r))&&(r=w(d,n.disabledKeys),r!=null&&a.setSelectedKeys([r])),(r!=null&&a.focusedKey==null||!a.isFocused&&r!==c.current)&&a.setFocusedKey(r),c.current=r}),{...n,isDisabled:i.isDisabled||!1}}function w(i,e){let t=null;if(i){var n,a,d,l;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((a=i.getItem(t))===null||a===void 0||(n=a.props)===null||n===void 0)&&n.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((l=i.getItem(t))===null||l===void 0||(d=l.props)===null||d===void 0)&&d.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const F=o.createContext(null),y=o.createContext(null),M=o.forwardRef(function(e,t){[e,t]=$.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,F);let{children:n,orientation:a="horizontal"}=e;return n=o.useMemo(()=>typeof n=="function"?n({orientation:a,defaultChildren:null}):n,[n,a]),o.createElement(x.$e1995378a142960e$export$bf788dd355e3a401,{content:n},d=>o.createElement(ie,{props:e,collection:d,tabsRef:t}))});function ie({props:i,tabsRef:e,collection:t}){let{orientation:n="horizontal"}=i,a=te({...i,collection:t,children:void 0}),{focusProps:d,isFocused:l,isFocusVisible:c}=T.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),r=o.useMemo(()=>({orientation:n,isFocusWithin:l,isFocusVisible:c}),[n,l,c]),s=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:r});return o.createElement("div",{...S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i),...d,...s,ref:e,slot:i.slot||void 0,"data-focused":l||void 0,"data-orientation":n,"data-focus-visible":c||void 0,"data-disabled":a.isDisabled||void 0},o.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,i],[y,a]]},s.children))}const ne=o.forwardRef(function(e,t){return o.useContext(y)?o.createElement(ae,{props:e,forwardedRef:t}):o.createElement(x.$e1995378a142960e$export$fb8073518f34e6ec,e)});function ae({props:i,forwardedRef:e}){let t=o.useContext(y),{CollectionRoot:n}=o.useContext(x.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:a="horizontal",keyboardActivation:d="automatic"}=$.$64fa3d84918910a7$export$fabf2dc03a41866e(F),l=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=ee({...i,orientation:a,keyboardActivation:d},t,l),r=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:a,state:t}}),s=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i);return delete s.id,o.createElement("div",{...s,...c,ref:l,...r,"data-orientation":a||void 0},o.createElement(n,{collection:t.collection,persistedKeys:x.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)}))}const se=x.$e1995378a142960e$export$18af5c7a9e9b3664("item",(i,e,t)=>{let n=o.useContext(y),a=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:d,isSelected:l,isDisabled:c,isPressed:r}=X({key:t.key,...i},n,a),{focusProps:s,isFocused:u,isFocusVisible:f}=T.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:b,isHovered:m}=G.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),K=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:l,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:r,isHovered:m}}),p=t.props.href?"a":"div";return o.createElement(p,{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(d,s,b,K),ref:a,"data-selected":l||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":r||void 0,"data-hovered":m||void 0},K.children)}),re=z.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const n=o.useContext(y);let a=$.$df56164dff5785e2$export$4338b53315abf666(t),{tabPanelProps:d}=Y(e,n,a),{focusProps:l,isFocused:c,isFocusVisible:r}=T.$f7dceffc5ad7768b$export$4e328f61c538687f(),s=n.selectedKey===e.id,u=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:c,isFocusVisible:r,isInert:q.$cdc5a6778b766db2$export$a9d04c5684123369(!s),state:n}});if(!s&&!e.shouldForceMount)return null;let f=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e);delete f.id;let b=s?v.$3ef42575df84b30b$export$9d1611c77c2fe928(f,d,l,u):u;return o.createElement("div",{...b,ref:a,"data-focused":c||void 0,"data-focus-visible":r||void 0,inert:q.$cdc5a6778b766db2$export$a9d04c5684123369(!s),"data-inert":s?void 0:"true"},o.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,null],[y,null]]},o.createElement(x.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:x.$7135fc7d473fd974$export$a164736487e3f0ae},u.children)))}),le="_container_iuog5_4",oe="_list_iuog5_8",de="_listItem_iuog5_14",ce="_panel_iuog5_56",P={container:le,list:oe,listItem:de,panel:ce},ue=({tabs:i,label:e,children:t,className:n,...a})=>{const{width:d}=V.useObserveElement(typeof document>"u"?null:document.body,{includePadding:!0}),l=a.orientation||d>=A.windowSizes.sm?"horizontal":"vertical";if(!(i!=null&&i.length))return h.jsx(M,{...a,orientation:l,className:g.clsx(P.container,n),children:t});if(typeof t=="function")return console.error('Only the declarative API supports passing a function to children, replace the "tabs" prop according to the documentation: https://designsystem.migrationsverket.se/components/tabs/ '),null;const c=C.Children.toArray(t);if(c.length!==i.length)return console.error(`The number of children must match the number of tabs. Children: ${c.length} Tabs: ${i.length}`),null;const r=c.reduce((s,u,f)=>{if(C.isValidElement(u)){const b=i[f];b&&(s[b]=C.cloneElement(u,{id:b}))}return s},{});return h.jsxs(M,{...a,orientation:l,className:g.clsx(P.container,n),children:[h.jsx(j,{"aria-label":e,children:i.map(s=>h.jsx(R,{id:s,children:s},s))}),i.map(s=>h.jsx(k,{id:s,children:r[s]},s))]})},R=({className:i,...e})=>h.jsx(se,{...e,className:g.clsx(P.listItem,i)}),k=({className:i,...e})=>h.jsx(re,{className:g.clsx(P.panel,i),...e}),j=({className:i,...e})=>h.jsx(ne,{className:g.clsx(P.list,i),...e});exports.Tab=R;exports.TabList=j;exports.TabPanel=k;exports.Tabs=ue;

package/TabList-CthsM5h6.js

@@ -0,0 +1,435 @@
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import * as E from "react";
+import u, { useMemo as w, useRef as W, useEffect as j, forwardRef as N, createContext as R, useContext as p } from "react";
+import { c as v } from "./clsx-OuTLNxxd.js";
+import { u as U } from "./useObserveElement-BdI4zgd7.js";
+import { w as q } from "./tokens-fEwCQXDv.js";
+import { $ as G, b as J, d as A, f as Q, c as X, g as Y } from "./Collection--62xKPm9.js";
+import { $ as Z, f as C, a as D, e as V, b as ee } from "./utils-DJhAJHk_.js";
+import { $ as te } from "./Hidden-C9KWUR7b.js";
+import { a as g, c as ie } from "./mergeProps-C1U1OIeJ.js";
+import { $ as F } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as L } from "./inertValue-B7loUihk.js";
+import { c as ae } from "./usePress-DuR4pVsE.js";
+import { $ as ne } from "./useFocusable-ChPA2Jc7.js";
+import { d as oe, e as le } from "./SelectionManager-zsWy3vsd.js";
+import { $ as O } from "./useLabels-LrKQiY11.js";
+import { $ as se } from "./useHasTabbableChild-BE81d_ab.js";
+import { $ as re } from "./context-CGNJ3grH.js";
+import { $ as I } from "./useFocusRing-DOfBqnUN.js";
+import { $ as de } from "./useHover-DQvJ3Y-W.js";
+import { $ as ce } from "./useSingleSelectListState-BLXvGjLI.js";
+import './assets/TabList.css';const H = /* @__PURE__ */ new WeakMap();
+function K(i, e, t) {
+  return i ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${H.get(i)}-${t}-${e}`) : "";
+}
+function fe(i, e, t) {
+  let { key: a, isDisabled: n, shouldSelectOnPressUp: r } = i, { selectionManager: s, selectedKey: d } = e, l = a === d, o = n || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: f } = oe({
+    selectionManager: s,
+    key: a,
+    ref: t,
+    isDisabled: o,
+    shouldSelectOnPressUp: r,
+    linkBehavior: "selection"
+  }), b = K(e, a, "tab"), P = K(e, a, "tabpanel"), { tabIndex: x } = c, $ = e.collection.getItem(a), T = F($ == null ? void 0 : $.props, {
+    labelable: !0
+  });
+  delete T.id;
+  let z = ae($ == null ? void 0 : $.props), { focusableProps: _ } = ne({
+    isDisabled: o
+  }, t);
+  return {
+    tabProps: g(T, _, z, c, {
+      id: b,
+      "aria-selected": l,
+      "aria-disabled": o || void 0,
+      "aria-controls": l ? P : void 0,
+      tabIndex: o ? void 0 : x,
+      role: "tab"
+    }),
+    isSelected: l,
+    isDisabled: o,
+    isPressed: f
+  };
+}
+function ue(i, e, t) {
+  let a = se(t) ? void 0 : 0;
+  var n;
+  const r = K(e, (n = i.id) !== null && n !== void 0 ? n : e == null ? void 0 : e.selectedKey, "tabpanel"), s = O({
+    ...i,
+    id: r,
+    "aria-labelledby": K(e, e == null ? void 0 : e.selectedKey, "tab")
+  });
+  return {
+    tabPanelProps: g(s, {
+      tabIndex: a,
+      role: "tabpanel",
+      "aria-describedby": i["aria-describedby"],
+      "aria-details": i["aria-details"]
+    })
+  };
+}
+class be {
+  getKeyLeftOf(e) {
+    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
+  }
+  getKeyRightOf(e) {
+    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
+  }
+  isDisabled(e) {
+    var t, a;
+    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled);
+  }
+  getFirstKey() {
+    let e = this.collection.getFirstKey();
+    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
+  }
+  getLastKey() {
+    let e = this.collection.getLastKey();
+    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
+  }
+  getKeyAbove(e) {
+    return this.tabDirection ? null : this.getPreviousKey(e);
+  }
+  getKeyBelow(e) {
+    return this.tabDirection ? null : this.getNextKey(e);
+  }
+  getNextKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyAfter(t), t == null && (t = this.collection.getFirstKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  getPreviousKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyBefore(t), t == null && (t = this.collection.getLastKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  constructor(e, t, a, n = /* @__PURE__ */ new Set()) {
+    this.collection = e, this.flipDirection = t === "rtl" && a === "horizontal", this.disabledKeys = n, this.tabDirection = a === "horizontal";
+  }
+}
+function $e(i, e, t) {
+  let { orientation: a = "horizontal", keyboardActivation: n = "automatic" } = i, { collection: r, selectionManager: s, disabledKeys: d } = e, { direction: l } = re(), o = w(() => new be(r, l, a, d), [
+    r,
+    d,
+    a,
+    l
+  ]), { collectionProps: c } = le({
+    ref: t,
+    selectionManager: s,
+    keyboardDelegate: o,
+    selectOnFocus: n === "automatic",
+    disallowEmptySelection: !0,
+    scrollRef: t,
+    linkBehavior: "selection"
+  }), f = ie();
+  H.set(e, f);
+  let b = O({
+    ...i,
+    id: f
+  });
+  return {
+    tabListProps: {
+      ...g(c, b),
+      role: "tablist",
+      "aria-orientation": a,
+      tabIndex: void 0
+    }
+  };
+}
+function me(i) {
+  var e, t;
+  let a = ce({
+    ...i,
+    onSelectionChange: i.onSelectionChange ? (l) => {
+      var o;
+      l != null && ((o = i.onSelectionChange) === null || o === void 0 || o.call(i, l));
+    } : void 0,
+    suppressTextValueWarning: !0,
+    defaultSelectedKey: (t = (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : M(i.collection, i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
+  }), { selectionManager: n, collection: r, selectedKey: s } = a, d = W(s);
+  return j(() => {
+    let l = s;
+    i.selectedKey == null && (n.isEmpty || l == null || !r.getItem(l)) && (l = M(r, a.disabledKeys), l != null && n.setSelectedKeys([
+      l
+    ])), (l != null && n.focusedKey == null || !n.isFocused && l !== d.current) && n.setFocusedKey(l), d.current = l;
+  }), {
+    ...a,
+    isDisabled: i.isDisabled || !1
+  };
+}
+function M(i, e) {
+  let t = null;
+  if (i) {
+    var a, n, r, s;
+    for (t = i.getFirstKey(); t != null && (e.has(t) || !((n = i.getItem(t)) === null || n === void 0 || (a = n.props) === null || a === void 0) && a.isDisabled) && t !== i.getLastKey(); ) t = i.getKeyAfter(t);
+    t != null && (e.has(t) || !((s = i.getItem(t)) === null || s === void 0 || (r = s.props) === null || r === void 0) && r.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
+  }
+  return t;
+}
+const S = /* @__PURE__ */ R(null), h = /* @__PURE__ */ R(null), k = /* @__PURE__ */ N(function(e, t) {
+  [e, t] = Z(e, t, S);
+  let { children: a, orientation: n = "horizontal" } = e;
+  return a = w(() => typeof a == "function" ? a({
+    orientation: n,
+    defaultChildren: null
+  }) : a, [
+    a,
+    n
+  ]), /* @__PURE__ */ u.createElement(J, {
+    content: a
+  }, (r) => /* @__PURE__ */ u.createElement(he, {
+    props: e,
+    collection: r,
+    tabsRef: t
+  }));
+});
+function he({ props: i, tabsRef: e, collection: t }) {
+  let { orientation: a = "horizontal" } = i, n = me({
+    ...i,
+    collection: t,
+    children: void 0
+  }), { focusProps: r, isFocused: s, isFocusVisible: d } = I({
+    within: !0
+  }), l = w(() => ({
+    orientation: a,
+    isFocusWithin: s,
+    isFocusVisible: d
+  }), [
+    a,
+    s,
+    d
+  ]), o = D({
+    ...i,
+    defaultClassName: "react-aria-Tabs",
+    values: l
+  });
+  return /* @__PURE__ */ u.createElement("div", {
+    ...F(i),
+    ...r,
+    ...o,
+    ref: e,
+    slot: i.slot || void 0,
+    "data-focused": s || void 0,
+    "data-orientation": a,
+    "data-focus-visible": d || void 0,
+    "data-disabled": n.isDisabled || void 0
+  }, /* @__PURE__ */ u.createElement(V, {
+    values: [
+      [
+        S,
+        i
+      ],
+      [
+        h,
+        n
+      ]
+    ]
+  }, o.children));
+}
+const pe = /* @__PURE__ */ N(function(e, t) {
+  return p(h) ? /* @__PURE__ */ u.createElement(ve, {
+    props: e,
+    forwardedRef: t
+  }) : /* @__PURE__ */ u.createElement(X, e);
+});
+function ve({ props: i, forwardedRef: e }) {
+  let t = p(h), { CollectionRoot: a } = p(A), { orientation: n = "horizontal", keyboardActivation: r = "automatic" } = ee(S), s = C(e), { tabListProps: d } = $e({
+    ...i,
+    orientation: n,
+    keyboardActivation: r
+  }, t, s), l = D({
+    ...i,
+    children: null,
+    defaultClassName: "react-aria-TabList",
+    values: {
+      orientation: n,
+      state: t
+    }
+  }), o = F(i);
+  return delete o.id, /* @__PURE__ */ u.createElement("div", {
+    ...o,
+    ...d,
+    ref: s,
+    ...l,
+    "data-orientation": n || void 0
+  }, /* @__PURE__ */ u.createElement(a, {
+    collection: t.collection,
+    persistedKeys: Y(t.selectionManager.focusedKey)
+  }));
+}
+const ye = /* @__PURE__ */ G("item", (i, e, t) => {
+  let a = p(h), n = C(e), { tabProps: r, isSelected: s, isDisabled: d, isPressed: l } = fe({
+    key: t.key,
+    ...i
+  }, a, n), { focusProps: o, isFocused: c, isFocusVisible: f } = I(), { hoverProps: b, isHovered: P } = de({
+    isDisabled: d,
+    onHoverStart: i.onHoverStart,
+    onHoverEnd: i.onHoverEnd,
+    onHoverChange: i.onHoverChange
+  }), x = D({
+    ...i,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-Tab",
+    values: {
+      isSelected: s,
+      isDisabled: d,
+      isFocused: c,
+      isFocusVisible: f,
+      isPressed: l,
+      isHovered: P
+    }
+  }), $ = t.props.href ? "a" : "div";
+  return /* @__PURE__ */ u.createElement($, {
+    ...g(r, o, b, x),
+    ref: n,
+    "data-selected": s || void 0,
+    "data-disabled": d || void 0,
+    "data-focused": c || void 0,
+    "data-focus-visible": f || void 0,
+    "data-pressed": l || void 0,
+    "data-hovered": P || void 0
+  }, x.children);
+}), ge = /* @__PURE__ */ te(function(e, t) {
+  const a = p(h);
+  let n = C(t), { tabPanelProps: r } = ue(e, a, n), { focusProps: s, isFocused: d, isFocusVisible: l } = I(), o = a.selectedKey === e.id, c = D({
+    ...e,
+    defaultClassName: "react-aria-TabPanel",
+    values: {
+      isFocused: d,
+      isFocusVisible: l,
+      // @ts-ignore - compatibility with React < 19
+      isInert: L(!o),
+      state: a
+    }
+  });
+  if (!o && !e.shouldForceMount) return null;
+  let f = F(e);
+  delete f.id;
+  let b = o ? g(f, r, s, c) : c;
+  return /* @__PURE__ */ u.createElement("div", {
+    ...b,
+    ref: n,
+    "data-focused": d || void 0,
+    "data-focus-visible": l || void 0,
+    // @ts-ignore
+    inert: L(!o),
+    "data-inert": o ? void 0 : "true"
+  }, /* @__PURE__ */ u.createElement(V, {
+    values: [
+      [
+        S,
+        null
+      ],
+      [
+        h,
+        null
+      ]
+    ]
+  }, /* @__PURE__ */ u.createElement(A.Provider, {
+    value: Q
+  }, c.children)));
+}), Pe = "_container_iuog5_4", xe = "_list_iuog5_8", Ke = "_listItem_iuog5_14", De = "_panel_iuog5_56", y = {
+  container: Pe,
+  list: xe,
+  listItem: Ke,
+  panel: De
+}, Ge = ({
+  tabs: i,
+  label: e,
+  children: t,
+  className: a,
+  ...n
+}) => {
+  const { width: r } = U(
+    typeof document > "u" ? null : document.body,
+    { includePadding: !0 }
+  ), s = n.orientation || r >= q.sm ? "horizontal" : "vertical";
+  if (!(i != null && i.length))
+    return /* @__PURE__ */ m(
+      k,
+      {
+        ...n,
+        orientation: s,
+        className: v(y.container, a),
+        children: t
+      }
+    );
+  if (typeof t == "function")
+    return console.error(
+      'Only the declarative API supports passing a function to children, replace the "tabs" prop according to the documentation: https://designsystem.migrationsverket.se/components/tabs/ '
+    ), null;
+  const d = E.Children.toArray(t);
+  if (d.length !== i.length)
+    return console.error(
+      `The number of children must match the number of tabs. Children: ${d.length} Tabs: ${i.length}`
+    ), null;
+  const l = d.reduce(
+    (o, c, f) => {
+      if (E.isValidElement(c)) {
+        const b = i[f];
+        b && (o[b] = E.cloneElement(c, { id: b }));
+      }
+      return o;
+    },
+    {}
+  );
+  return /* @__PURE__ */ B(
+    k,
+    {
+      ...n,
+      orientation: s,
+      className: v(y.container, a),
+      children: [
+        /* @__PURE__ */ m(Ee, { "aria-label": e, children: i.map((o) => /* @__PURE__ */ m(
+          Fe,
+          {
+            id: o,
+            children: o
+          },
+          o
+        )) }),
+        i.map((o) => /* @__PURE__ */ m(
+          Se,
+          {
+            id: o,
+            children: l[o]
+          },
+          o
+        ))
+      ]
+    }
+  );
+}, Fe = ({ className: i, ...e }) => /* @__PURE__ */ m(
+  ye,
+  {
+    ...e,
+    className: v(y.listItem, i)
+  }
+), Se = ({ className: i, ...e }) => /* @__PURE__ */ m(
+  ge,
+  {
+    className: v(y.panel, i),
+    ...e
+  }
+), Ee = ({
+  className: i,
+  ...e
+}) => /* @__PURE__ */ m(
+  pe,
+  {
+    className: v(y.list, i),
+    ...e
+  }
+);
+export {
+  Ge as T,
+  Fe as a,
+  Se as b,
+  Ee as c
+};