@midas-ds/components 14.1.0 → 15.1.0

package/AccordionItem-8UtB6O1X.js

@@ -0,0 +1,347 @@
+import { jsx as f, jsxs as I } from "react/jsx-runtime";
+import { c as y } from "./clsx-jbLnTBqA.js";
+import { i as j } from "./icon-map-uS87FT_Q.js";
+import b, { useRef as A, useCallback as h, useEffect as P, useMemo as K, forwardRef as v, createContext as m, useContext as w } from "react";
+import { e as N } from "./Button-BbfVT9Yl.js";
+import { $ as G, a as C, f as S, g as q, h as O } from "./utils-D2iKpxcZ.js";
+import { c as E, $ as J, a as B } from "./mergeProps-Ct8m5-xW.js";
+import { $ as D } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as M } from "./useControlledState-u436Wbp1.js";
+import { flushSync as L } from "react-dom";
+import { $ as Q } from "./useEvent-smuTnX4G.js";
+import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
+import { $ as R } from "./useFocusRing-CcxI7nbg.js";
+import { B as X } from "./Button-DdXFHfXw.js";
+import { H as Y } from "./Heading-CCoGfKQ8.js";
+import { C as Z } from "./chevron-down-DmZMdOiC.js";
+import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained_17bdp_5", _ = {
+  root: ee,
+  contained: te
+};
+function ne(i, e, a) {
+  let { isDisabled: n } = i, s = E(), d = E(), r = U(), c = A(null), u = h(() => {
+    c.current = requestAnimationFrame(() => {
+      a.current && a.current.setAttribute("hidden", "until-found");
+    }), L(() => {
+      e.toggle();
+    });
+  }, [
+    a,
+    e
+  ]);
+  Q(a, "beforematch", u);
+  let o = A(null);
+  return J(() => {
+    if (c.current && cancelAnimationFrame(c.current), a.current && !n && !r) {
+      let t = a.current;
+      o.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== o.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
+        t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
+      }).catch(() => {
+      })) : (t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), window.getComputedStyle(t).height, t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => t.setAttribute("hidden", "until-found")).catch(() => {
+      }))), o.current = e.isExpanded;
+    }
+  }, [
+    n,
+    a,
+    e.isExpanded,
+    r
+  ]), P(() => () => {
+    c.current && cancelAnimationFrame(c.current);
+  }, []), {
+    buttonProps: {
+      id: s,
+      "aria-expanded": e.isExpanded,
+      "aria-controls": d,
+      onPress: (t) => {
+        !n && t.pointerType !== "keyboard" && e.toggle();
+      },
+      isDisabled: n,
+      onPressStart(t) {
+        t.pointerType === "keyboard" && !n && e.toggle();
+      }
+    },
+    panelProps: {
+      id: d,
+      // This can be overridden at the panel element level.
+      role: "group",
+      "aria-labelledby": s,
+      "aria-hidden": !e.isExpanded,
+      hidden: r || n ? n || !e.isExpanded : void 0
+    }
+  };
+}
+function ae(i) {
+  let [e, a] = M(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
+  const n = h(() => {
+    a(!0);
+  }, [
+    a
+  ]), s = h(() => {
+    a(!1);
+  }, [
+    a
+  ]), d = h(() => {
+    a(!e);
+  }, [
+    a,
+    e
+  ]);
+  return {
+    isExpanded: e,
+    setExpanded: a,
+    expand: n,
+    collapse: s,
+    toggle: d
+  };
+}
+function se(i) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = M(K(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
+    i.expandedKeys
+  ]), K(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    i.defaultExpandedKeys
+  ]), i.onExpandedChange);
+  return P(() => {
+    if (!e && n.size > 1) {
+      let d = n.values().next().value;
+      d != null && s(/* @__PURE__ */ new Set([
+        d
+      ]));
+    }
+  }), {
+    allowsMultipleExpanded: e,
+    isDisabled: a,
+    expandedKeys: n,
+    setExpandedKeys: s,
+    toggleKey(d) {
+      let r;
+      e ? (r = new Set(n), r.has(d) ? r.delete(d) : r.add(d)) : r = new Set(n.has(d) ? [] : [
+        d
+      ]), s(r);
+    }
+  };
+}
+const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
+  let n = se(e), s = C({
+    ...e,
+    defaultClassName: "react-aria-DisclosureGroup",
+    values: {
+      isDisabled: n.isDisabled,
+      state: n
+    }
+  }), d = D(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement("div", {
+    ...d,
+    ...s,
+    ref: a,
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ b.createElement(F.Provider, {
+    value: n
+  }, s.children));
+}), de = /* @__PURE__ */ m(null), re = /* @__PURE__ */ m(null), W = /* @__PURE__ */ m(null), oe = /* @__PURE__ */ v(function(e, a) {
+  [e, a] = G(e, a, de);
+  let n = w(F), { id: s, ...d } = e, r = E();
+  s || (s = r);
+  let c = n ? n.expandedKeys.has(s) : e.isExpanded, u = ae({
+    ...e,
+    isExpanded: c,
+    onExpandedChange(H) {
+      var $;
+      n && n.toggleKey(s), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, H);
+    }
+  }), o = b.useRef(null), t = e.isDisabled || (n == null ? void 0 : n.isDisabled) || !1, { buttonProps: p, panelProps: g } = ne({
+    ...e,
+    isExpanded: c,
+    isDisabled: t
+  }, u, o), { isFocusVisible: x, focusProps: V } = R({
+    within: !0
+  }), k = C({
+    ...e,
+    id: void 0,
+    defaultClassName: "react-aria-Disclosure",
+    values: {
+      isExpanded: u.isExpanded,
+      isDisabled: t,
+      isFocusVisibleWithin: x,
+      state: u
+    }
+  }), z = D(d, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement(S, {
+    values: [
+      [
+        N,
+        {
+          slots: {
+            [q]: {},
+            trigger: p
+          }
+        }
+      ],
+      [
+        W,
+        {
+          panelProps: g,
+          panelRef: o
+        }
+      ],
+      [
+        re,
+        u
+      ]
+    ]
+  }, /* @__PURE__ */ b.createElement("div", {
+    ...B(z, k, V),
+    ref: a,
+    "data-expanded": u.isExpanded || void 0,
+    "data-disabled": t || void 0,
+    "data-focus-visible-within": x || void 0
+  }, k.children));
+}), le = /* @__PURE__ */ v(function(e, a) {
+  let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(W), { isFocusVisible: r, focusProps: c } = R({
+    within: !0
+  }), u = C({
+    ...e,
+    defaultClassName: "react-aria-DisclosurePanel",
+    values: {
+      isFocusVisibleWithin: r
+    }
+  }), o = D(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement("div", {
+    ...B(o, u, s, c),
+    ref: O(a, d),
+    role: n,
+    "data-focus-visible-within": r || void 0
+  }, /* @__PURE__ */ b.createElement(S, {
+    values: [
+      [
+        N,
+        null
+      ]
+    ]
+  }, e.children));
+}), T = m(void 0), je = ({
+  variant: i,
+  children: e,
+  className: a,
+  isContained: n,
+  size: s = "large",
+  ...d
+}) => {
+  const r = n || i === "contained";
+  return /* @__PURE__ */ f(T.Provider, { value: { isContained: r, size: s }, children: /* @__PURE__ */ f(
+    ie,
+    {
+      className: y(
+        _.root,
+        r ? _.contained : _.uncontained,
+        a
+      ),
+      ...d,
+      children: e
+    }
+  ) });
+}, ce = "_item_bbrk2_1", ue = "_contained_bbrk2_18", fe = "_medium_bbrk2_28", pe = "_success_bbrk2_33", be = "_warning_bbrk2_39", me = "_info_bbrk2_45", ge = "_important_bbrk2_51", xe = "_triggerButton_bbrk2_62", he = "_triggerText_bbrk2_66", $e = "_trigger_bbrk2_62", _e = "_triggerMainContent_bbrk2_79", ye = "_chevronIcon_bbrk2_96", Ee = "_statusIcon_bbrk2_102", Pe = "_panel_bbrk2_120", ve = "_content_bbrk2_128", we = "_hasBackground_bbrk2_133", Ce = "_header_bbrk2_137", l = {
+  item: ce,
+  contained: ue,
+  medium: fe,
+  success: pe,
+  warning: be,
+  info: me,
+  important: ge,
+  triggerButton: xe,
+  triggerText: he,
+  trigger: $e,
+  triggerMainContent: _e,
+  "	": "_	_bbrk2_1",
+  chevronIcon: ye,
+  statusIcon: Ee,
+  panel: Pe,
+  content: ve,
+  hasBackground: we,
+  header: Ce
+}, Ge = ({
+  title: i,
+  children: e,
+  className: a,
+  headingLevel: n = "h2",
+  type: s,
+  hasBackground: d = !0,
+  size: r = "large",
+  isContained: c,
+  ...u
+}) => {
+  const o = w(T), t = c ?? (o == null ? void 0 : o.isContained) ?? !1, p = typeof i == "object";
+  P(() => {
+    s && !t && console.warn(
+      "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
+    );
+  }, [s, t]);
+  const g = s ? j[s] : null, x = g ? /* @__PURE__ */ f(
+    g,
+    {
+      size: 20,
+      className: l.statusIcon
+    }
+  ) : null;
+  return /* @__PURE__ */ I(
+    oe,
+    {
+      ...u,
+      className: y(
+        l.item,
+        s && l[s],
+        (r === "medium" || (o == null ? void 0 : o.size) === "medium") && l.medium,
+        t && l.contained,
+        a
+      ),
+      children: [
+        /* @__PURE__ */ f("div", { className: l.trigger, children: /* @__PURE__ */ I(
+          X,
+          {
+            className: l.triggerButton,
+            slot: "trigger",
+            variant: "icon",
+            children: [
+              /* @__PURE__ */ f(
+                Z,
+                {
+                  size: 20,
+                  className: l.chevronIcon
+                }
+              ),
+              /* @__PURE__ */ f("div", { className: l.triggerMainContent, children: p ? i : /* @__PURE__ */ f(
+                Y,
+                {
+                  level: 3,
+                  elementType: n,
+                  className: l.triggerText,
+                  children: i
+                }
+              ) }),
+              x
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ f(le, { className: l.panel, children: /* @__PURE__ */ f(
+          "div",
+          {
+            className: y(
+              l.content,
+              d && l.hasBackground
+            ),
+            children: e
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  Ge as A,
+  je as a
+};

package/AccordionItem-DKE794Si.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/AccordionItem.css');const b=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),S=require("./icon-map-9XcghDra.cjs"),d=require("react"),v=require("./Button-1sEX8jKn.cjs"),p=require("./utils-CtICjCYt.cjs"),$=require("./mergeProps-Du5A8xi8.cjs"),y=require("./filterDOMProps-RRlKPKX0.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),K=require("react-dom"),M=require("./useEvent-C125NAue.cjs"),N=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-C-XVcAE5.cjs"),j=require("./Button-BEWKXjlP.cjs"),B=require("./Heading-x7y3xadc.cjs"),F=require("./chevron-down-5hFlg_lR.cjs"),W="_root_17bdp_1",T="_contained_17bdp_5",_={root:W,contained:T};function V(r,e,s){let{isDisabled:n}=r,a=$.$bdb11010cef70236$export$f680877a34711e37(),i=$.$bdb11010cef70236$export$f680877a34711e37(),o=N.$b5e257d569688ac6$export$535bd6ca7f90a273(),u=d.useRef(null),f=d.useCallback(()=>{u.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),K.flushSync(()=>{e.toggle()})},[s,e]);M.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",f);let c=d.useRef(null);return $.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(u.current&&cancelAnimationFrame(u.current),s.current&&!n&&!o){let t=s.current;c.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==c.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),c.current=e.isExpanded}},[n,s,e.isExpanded,o]),d.useEffect(()=>()=>{u.current&&cancelAnimationFrame(u.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":i,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:i,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:o||n?n||!e.isExpanded:void 0}}}function z(r){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(r.isExpanded,r.defaultExpanded||!1,r.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),i=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:i}}function H(r){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=r,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>r.expandedKeys?new Set(r.expandedKeys):void 0,[r.expandedKeys]),d.useMemo(()=>r.defaultExpandedKeys?new Set(r.defaultExpandedKeys):new Set,[r.defaultExpandedKeys]),r.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let i=n.values().next().value;i!=null&&a(new Set([i]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(i){let o;e?(o=new Set(n),o.has(i)?o.delete(i):o.add(i)):o=new Set(n.has(i)?[]:[i]),a(o)}}}const k=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),i=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...i,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(k.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),D=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(k),{id:a,...i}=e,o=$.$bdb11010cef70236$export$f680877a34711e37();a||(a=o);let u=n?n.expandedKeys.has(a):e.isExpanded,f=z({...e,isExpanded:u,onExpandedChange(q){var m;n&&n.toggleKey(a),(m=e.onExpandedChange)===null||m===void 0||m.call(e,q)}}),c=d.useRef(null),t=e.isDisabled||(n==null?void 0:n.isDisabled)||!1,{buttonProps:x,panelProps:g}=V({...e,isExpanded:u,isDisabled:t},f,c),{isFocusVisible:h,focusProps:I}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:f.isExpanded,isDisabled:t,isFocusVisibleWithin:h,state:f}}),R=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[p.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:x}}],[D,{panelProps:g,panelRef:c}],[J,f]]},d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(R,P,I),ref:s,"data-expanded":f.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":h||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:i}=d.useContext(D),{isFocusVisible:o,focusProps:u}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),f=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:o}}),c=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(c,f,a,u),ref:p.$5dc95899b306f630$export$c9058316764c140e(s,i),role:n,"data-focus-visible-within":o||void 0},d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),A=d.createContext(void 0),U=({variant:r,children:e,className:s,isContained:n,size:a="large",...i})=>{const o=n||r==="contained";return b.jsx(A.Provider,{value:{isContained:o,size:a},children:b.jsx(O,{className:E.clsx(_.root,o?_.contained:_.uncontained,s),...i,children:e})})},X="_item_bbrk2_1",Y="_contained_bbrk2_18",Z="_medium_bbrk2_28",ee="_success_bbrk2_33",te="_warning_bbrk2_39",ne="_info_bbrk2_45",se="_important_bbrk2_51",de="_triggerButton_bbrk2_62",ae="_triggerText_bbrk2_66",re="_trigger_bbrk2_62",ie="_triggerMainContent_bbrk2_79",oe="_chevronIcon_bbrk2_96",ce="_statusIcon_bbrk2_102",le="_panel_bbrk2_120",ue="_content_bbrk2_128",fe="_hasBackground_bbrk2_133",be="_header_bbrk2_137",l={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:re,triggerMainContent:ie,"	":"_	_bbrk2_1",chevronIcon:oe,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:be},pe=({title:r,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:i=!0,size:o="large",isContained:u,...f})=>{const c=d.useContext(A),t=u??(c==null?void 0:c.isContained)??!1,x=typeof r=="object";d.useEffect(()=>{a&&!t&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,t]);const g=a?S.iconMap[a]:null,h=g?b.jsx(g,{size:20,className:l.statusIcon}):null;return b.jsxs(L,{...f,className:E.clsx(l.item,a&&l[a],(o==="medium"||(c==null?void 0:c.size)==="medium")&&l.medium,t&&l.contained,s),children:[b.jsx("div",{className:l.trigger,children:b.jsxs(j.Button,{className:l.triggerButton,slot:"trigger",variant:"icon",children:[b.jsx(F.ChevronDown,{size:20,className:l.chevronIcon}),b.jsx("div",{className:l.triggerMainContent,children:x?r:b.jsx(B.Heading,{level:3,elementType:n,className:l.triggerText,children:r})}),h]})}),b.jsx(Q,{className:l.panel,children:b.jsx("div",{className:E.clsx(l.content,i&&l.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=pe;

package/{Button-CGe3Nyos.js → Button-BbfVT9Yl.js}

@@ -331,8 +331,8 @@ function ae(r, e) {
 export {
   he as $,
   X as a,
-  M as b,
-  me as c,
+  me as b,
+  M as c,
   pe as d,
   te as e,
   R as f,

package/{Button-CF97piBl.js → Button-DdXFHfXw.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as a, Fragment as l } from "react/jsx-runtime";
 import { B as r } from "./Button.module-Cm0H98vy.js";
-import { $ as p } from "./Button-CGe3Nyos.js";
+import { $ as p } from "./Button-BbfVT9Yl.js";
 import { c as u } from "./clsx-jbLnTBqA.js";
 const b = ({
   variant: e = "primary",

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## 15.1.0 (2025-10-30)
+
+### 🚀 Features
+
+- **accordion:** add size prop ([#896](https://github.com/migrationsverket/midas/pull/896))
+
+# 15.0.0 (2025-10-28)
+
+### 🚀 Features
+
+- ⚠️ **select:** replace custom select with new RAC based select
+- **select:** use midas popover
+- **select:** update type imports
+- **select:** add sections
+- **select:** boilerplate for RAC select implementation
+
+### 🩹 Fixes
+
+- **select:** adjust selectAll styling
+- **list-box:** adjust section header styling
+- **list-box:** loosen type definitions
+- **list-box:** adjust vertical padding
+- **tag:** add visible keyboard focus for all tags
+- **field-error:** remove margin from aria hidden siblings
+
+### ⚠️ Breaking Changes
+
+- ⚠️ **select:** replace custom select with new RAC based select
+
 ## 14.1.0 (2025-10-27)
 
 ### 🚀 Features

package/{Card-DJ8E5Rzd.js → Card-CdqGFff2.js}

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { c as n } from "./clsx-jbLnTBqA.js";
 import * as e from "react";
 import { H as m } from "./Heading-CCoGfKQ8.js";
-import { $ as _ } from "./Button-CGe3Nyos.js";
+import { $ as _ } from "./Button-BbfVT9Yl.js";
 import { $ as C } from "./Link-l-nMP-Zd.js";
 import { A as x } from "./arrow-right-uemUGIg8.js";
 import './assets/Card.css';const A = "_card_1x9yi_1", h = "_horizontal_1x9yi_11", I = "_cardLink_1x9yi_16", p = "_cardContent_1x9yi_21", u = "_cardActions_1x9yi_40", f = "_cardActionArea_1x9yi_50", z = "_cardImage_1x9yi_83", $ = "_cardLinkIcon_1x9yi_115", r = {

package/{CheckboxGroup-B1b-6bKq.js → CheckboxGroup-CtJJqk_q.js}

@@ -1,15 +1,15 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { a as P, L as V } from "./Label-BGMXsSFb.js";
+import { a as P, L as V } from "./Label-FfEnd4ai.js";
 import { T as S } from "./Text-BBFWBNAH.js";
 import * as m from "react";
 import { useState as C, useRef as y } from "react";
 import { $ as p, C as v, s as D, a as I } from "./Checkbox-CdN1D5pD.js";
-import { $ as R, F as k } from "./FieldError-l3xULRa0.js";
+import { $ as R, F as k } from "./FieldError-CIxlNQCM.js";
 import { $ as F, c as A } from "./useFormValidation-By7G-T7y.js";
 import { $ as E } from "./useControlledState-u436Wbp1.js";
 import { a as M } from "./mergeProps-Ct8m5-xW.js";
 import { $ as O } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as W } from "./useField-BhJ9dM2g.js";
+import { $ as W } from "./useField-Bx76iuoW.js";
 import { $ as B } from "./useFocusWithin-DhXBuB2O.js";
 import { u as L } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 function G(e, a) {

package/{CheckboxGroup-BfZyy5yU.cjs → CheckboxGroup-thvsvOqD.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("./Label-CNTODOFg.cjs"),C=require("./Text-D5OSv6Uv.cjs"),$=require("react"),h=require("./Checkbox-BgrLxY6P.cjs"),g=require("./FieldError-Cimgm8qD.cjs"),P=require("./useFormValidation-DV2Ioblb.cjs"),y=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-Du5A8xi8.cjs"),q=require("./filterDOMProps-RRlKPKX0.cjs"),k=require("./useField-DvszkIMx.cjs"),D=require("./useFocusWithin-GBjoTL5o.cjs"),F=require("./useLocalizedStringFormatter-BSac43NO.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const v=O($);function R(e,t){let{isDisabled:a,name:n,form:u,validationBehavior:c="aria"}=e,{isInvalid:r,validationErrors:d,validationDetails:l}=t.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:i,errorMessageProps:o}=k.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||d});h.$1ae600c947479353$export$ec98120685d4f57d.set(t,{name:n,form:u,descriptionId:i.id,errorMessageId:o.id,validationBehavior:c});let b=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:S}=D.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{role:"group","aria-disabled":a||void 0,...x,...S}),labelProps:f,descriptionProps:i,errorMessageProps:o,isInvalid:r,validationErrors:d,validationDetails:l}}function I(e={}){let[t,a]=y.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[n]=$.useState(t),u=!!e.isRequired&&t.length===0,c=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:t}),d=r.displayValidation.isInvalid;var l,f;return{...r,value:t,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:n,setValue(i){e.isReadOnly||e.isDisabled||a(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return t.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||t.includes(i)||(t=t.concat(i),a(t))},removeValue(i){e.isReadOnly||e.isDisabled||t.includes(i)&&a(t.filter(o=>o!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(t.includes(i)?a(t.filter(o=>o!==i)):a(t.concat(i)))},setInvalid(i,o){let b=new Map(c.current);o.isInvalid?b.set(i,o):b.delete(i),c.current=b,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...b.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:d?"invalid":null,isInvalid:d,isRequired:u}}const M=(e,{value:t})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===h.Checkbox),n=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===h.Checkbox).map(l=>l.props.value),c=t.length===0,r=t.length===n;return{allSelected:r,someSelected:!c&&!r,checkboxValues:u}},V=({state:e,errorMessage:t})=>s.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:s.jsx(g.FieldError,{children:t})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},W={en:E,sv:A};function _(e){const t=I(e),a=F.useLocalizedStringFormatter(W),{groupProps:n,labelProps:u,descriptionProps:c}=R(e,t),{allSelected:r,someSelected:d,checkboxValues:l}=M(e.children,t),f=x=>{t.setValue(x?l:[])};return s.jsxs("div",{...n,className:h.styles.checkboxGroup,children:[s.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&s.jsx(m.Label,{...u,children:e.label})}),e.description&&s.jsx(C.Text,{slot:"description",...c,children:e.description}),e.errorPosition==="top"&&s.jsx(V,{...e,state:t}),e.showSelectAll&&s.jsx(h.Checkbox,{isSelected:r,isIndeterminate:d,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),s.jsx(h.CheckboxGroupContext.Provider,{value:t,children:e.children}),e.errorPosition==="bottom"&&s.jsx(V,{...e,state:t})]})}exports.CheckboxGroup=_;
+"use strict";const s=require("react/jsx-runtime"),m=require("./Label-DpY2SZdQ.cjs"),C=require("./Text-D5OSv6Uv.cjs"),$=require("react"),h=require("./Checkbox-BgrLxY6P.cjs"),g=require("./FieldError-JWxR_EqN.cjs"),P=require("./useFormValidation-DV2Ioblb.cjs"),y=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-Du5A8xi8.cjs"),q=require("./filterDOMProps-RRlKPKX0.cjs"),k=require("./useField-DvszkIMx.cjs"),D=require("./useFocusWithin-GBjoTL5o.cjs"),F=require("./useLocalizedStringFormatter-BSac43NO.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const v=O($);function R(e,t){let{isDisabled:a,name:n,form:u,validationBehavior:c="aria"}=e,{isInvalid:r,validationErrors:d,validationDetails:l}=t.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:i,errorMessageProps:o}=k.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||d});h.$1ae600c947479353$export$ec98120685d4f57d.set(t,{name:n,form:u,descriptionId:i.id,errorMessageId:o.id,validationBehavior:c});let b=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:S}=D.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{role:"group","aria-disabled":a||void 0,...x,...S}),labelProps:f,descriptionProps:i,errorMessageProps:o,isInvalid:r,validationErrors:d,validationDetails:l}}function I(e={}){let[t,a]=y.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[n]=$.useState(t),u=!!e.isRequired&&t.length===0,c=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:t}),d=r.displayValidation.isInvalid;var l,f;return{...r,value:t,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:n,setValue(i){e.isReadOnly||e.isDisabled||a(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return t.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||t.includes(i)||(t=t.concat(i),a(t))},removeValue(i){e.isReadOnly||e.isDisabled||t.includes(i)&&a(t.filter(o=>o!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(t.includes(i)?a(t.filter(o=>o!==i)):a(t.concat(i)))},setInvalid(i,o){let b=new Map(c.current);o.isInvalid?b.set(i,o):b.delete(i),c.current=b,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...b.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:d?"invalid":null,isInvalid:d,isRequired:u}}const M=(e,{value:t})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===h.Checkbox),n=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===h.Checkbox).map(l=>l.props.value),c=t.length===0,r=t.length===n;return{allSelected:r,someSelected:!c&&!r,checkboxValues:u}},V=({state:e,errorMessage:t})=>s.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:s.jsx(g.FieldError,{children:t})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},W={en:E,sv:A};function _(e){const t=I(e),a=F.useLocalizedStringFormatter(W),{groupProps:n,labelProps:u,descriptionProps:c}=R(e,t),{allSelected:r,someSelected:d,checkboxValues:l}=M(e.children,t),f=x=>{t.setValue(x?l:[])};return s.jsxs("div",{...n,className:h.styles.checkboxGroup,children:[s.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&s.jsx(m.Label,{...u,children:e.label})}),e.description&&s.jsx(C.Text,{slot:"description",...c,children:e.description}),e.errorPosition==="top"&&s.jsx(V,{...e,state:t}),e.showSelectAll&&s.jsx(h.Checkbox,{isSelected:r,isIndeterminate:d,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),s.jsx(h.CheckboxGroupContext.Provider,{value:t,children:e.children}),e.errorPosition==="bottom"&&s.jsx(V,{...e,state:t})]})}exports.CheckboxGroup=_;

package/{ColorSchemeSwitch-BOooU0iy.cjs → ColorSchemeSwitch-Ckna0otR.cjs}

@@ -1,4 +1,4 @@
-"use strict";require('./assets/ColorSchemeSwitch.css');const e=require("react/jsx-runtime"),m=require("react"),s=require("./ToggleButtonGroup-D7r34GCt.cjs"),i=require("./createLucideIcon-CTVXwe6i.cjs"),a=require("./VisuallyHidden-BMelU6B0.cjs"),g=require("./useLocalizedStringFormatter-BSac43NO.cjs");function p(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const u=p(m);/**
+"use strict";require('./assets/ColorSchemeSwitch.css');const e=require("react/jsx-runtime"),m=require("react"),s=require("./ToggleButtonGroup-dnvnzkaD.cjs"),i=require("./createLucideIcon-CTVXwe6i.cjs"),a=require("./VisuallyHidden-BMelU6B0.cjs"),g=require("./useLocalizedStringFormatter-BSac43NO.cjs");function p(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const u=p(m);/**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/{ColorSchemeSwitch-KjnsdbDr.js → ColorSchemeSwitch-aF2UxI20.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import * as i from "react";
-import { a as y, T as a } from "./ToggleButtonGroup-Bh4hP6Lk.js";
+import { a as y, T as a } from "./ToggleButtonGroup-CFRutAZ4.js";
 import { c as d } from "./createLucideIcon-XRdN60yz.js";
 import { $ as r } from "./VisuallyHidden-DuW70K-5.js";
 import { u as g } from "./useLocalizedStringFormatter-aOhh7wdl.js";