@midas-ds/components 11.2.0 → 12.1.0

package/CHANGELOG.md

@@ -1,3 +1,117 @@
+## 12.1.0 (2025-09-10)
+
+### 🚀 Features
+
+- **menu:** new Menu component ([#744](https://github.com/migrationsverket/midas/pull/744))
+- **combobox:** add loading indicator ([#772](https://github.com/migrationsverket/midas/pull/772), [#712](https://github.com/migrationsverket/midas/issues/712))
+
+### 🩹 Fixes
+
+- repair broken tokens ([e905bbf788](https://github.com/migrationsverket/midas/commit/e905bbf788))
+- **select:** minor screen reader announcement bugs ([#775](https://github.com/migrationsverket/midas/pull/775))
+- **accordion:** add margin for focus indicator ([#780](https://github.com/migrationsverket/midas/pull/780))
+- broken tokens ([#782](https://github.com/migrationsverket/midas/pull/782))
+- **layout:** add basepath to active link comparison ([4dec0a45ef](https://github.com/migrationsverket/midas/commit/4dec0a45ef))
+- **badge:** change background color in dark mode ([f40f2dad67](https://github.com/migrationsverket/midas/commit/f40f2dad67))
+- **select:** add aria label to checkbox ([e6cb387a7f](https://github.com/migrationsverket/midas/commit/e6cb387a7f))
+- **components:** export missing listbox types from component lib ([1f06b98610](https://github.com/migrationsverket/midas/commit/1f06b98610))
+- **textfield:** remove duplicate props spreading ([#769](https://github.com/migrationsverket/midas/pull/769))
+- **textfield:** make textarea resizable and remove size from controls storybook ([6d04e25308](https://github.com/migrationsverket/midas/commit/6d04e25308))
+
+### 💅 Refactors
+
+- rename variables in \*.module.css ([42329bde56](https://github.com/migrationsverket/midas/commit/42329bde56))
+- Migrate CSS custom properties from tokens.css to theme.css ([8a21fe5783](https://github.com/migrationsverket/midas/commit/8a21fe5783))
+
+### 📖 Documentation changes
+
+- update tokens page with headers and remove tokens from list that are only refs ([ded9bfa8c7](https://github.com/migrationsverket/midas/commit/ded9bfa8c7))
+
+### 🔧 Maintenance
+
+- **deps:** bump vite in the npm_and_yarn group across 1 directory ([7758e60274](https://github.com/migrationsverket/midas/commit/7758e60274))
+- add css variable linting ([c39e488881](https://github.com/migrationsverket/midas/commit/c39e488881))
+- add dummy comment ([0c12e51cec](https://github.com/migrationsverket/midas/commit/0c12e51cec))
+- move sd config into components package ([4e61ffb05b](https://github.com/migrationsverket/midas/commit/4e61ffb05b))
+- replace rgba() with hex color ([c03b3a7737](https://github.com/migrationsverket/midas/commit/c03b3a7737))
+- set proper object relationship `white: {base: {$value: ...` ([a60bd1643e](https://github.com/migrationsverket/midas/commit/a60bd1643e))
+- add comments to deprecations in tokens.ts ([1adf6a5ffa](https://github.com/migrationsverket/midas/commit/1adf6a5ffa))
+- fix incorrect color generation for nested light-dark ([83b80912f9](https://github.com/migrationsverket/midas/commit/83b80912f9))
+- deprecate tokens.ts and add a warning text to relevant docs ([3025708cc3](https://github.com/migrationsverket/midas/commit/3025708cc3))
+- fix additional `base` variables ([f698b08f8f](https://github.com/migrationsverket/midas/commit/f698b08f8f))
+- replace `@` with `base`, additional cleanup ([2c6bf1e35a](https://github.com/migrationsverket/midas/commit/2c6bf1e35a))
+- correct badge style fixes ([dc8555d733](https://github.com/migrationsverket/midas/commit/dc8555d733))
+- update new badge colors ([f287e78fab](https://github.com/migrationsverket/midas/commit/f287e78fab))
+- add types to generated tokens ([ba3749bd68](https://github.com/migrationsverket/midas/commit/ba3749bd68))
+- temporarily allow js to get a successful build ([2615fe4c40](https://github.com/migrationsverket/midas/commit/2615fe4c40))
+- ignore variables.css in stylelint ([859dbfbd75](https://github.com/migrationsverket/midas/commit/859dbfbd75))
+- start working on docs ([551e825e38](https://github.com/migrationsverket/midas/commit/551e825e38))
+- clean and update style dictionary script ([4a9423ddb6](https://github.com/migrationsverket/midas/commit/4a9423ddb6))
+- remove theme.css generator ([75adb9e1d5](https://github.com/migrationsverket/midas/commit/75adb9e1d5))
+- rename custom css properties ([aa3eddcef9](https://github.com/migrationsverket/midas/commit/aa3eddcef9))
+- update sd build script ([0b9eb9955e](https://github.com/migrationsverket/midas/commit/0b9eb9955e))
+- add basic config and json input for style dictionary ([6af3212a6a](https://github.com/migrationsverket/midas/commit/6af3212a6a))
+- **deps:** bump the npm_and_yarn group across 1 directory with 4 updates ([67b2b595a1](https://github.com/migrationsverket/midas/commit/67b2b595a1))
+- relax stylelint config to allow media query syntax ([5b6955e604](https://github.com/migrationsverket/midas/commit/5b6955e604))
+- remove check-values-import.js since it is no longer applicable ([f4c3ee95a4](https://github.com/migrationsverket/midas/commit/f4c3ee95a4))
+- create separate storybook configs for serve and build ([642e155d8a](https://github.com/migrationsverket/midas/commit/642e155d8a))
+- update dependencies ([#751](https://github.com/migrationsverket/midas/pull/751))
+
+### 🧪 Tests updated
+
+- **table:** add a11y test with links in a striped table ([f3cd83cee2](https://github.com/migrationsverket/midas/commit/f3cd83cee2))
+- **table:** remove flaky test ([9b309c1ade](https://github.com/migrationsverket/midas/commit/9b309c1ade))
+- **tag:** add textValue to mute console.warn ([d5d68e4363](https://github.com/migrationsverket/midas/commit/d5d68e4363))
+
+# 12.0.0 (2025-08-27)
+
+### 🚀 Features
+
+- **info-banner:** add controlled state ([#754](https://github.com/migrationsverket/midas/pull/754))
+- **modal:** change title to `h2`, remove margin and center vertically ([400b06702a](https://github.com/migrationsverket/midas/commit/400b06702a))
+- **modal:** move modal title to the header ([4889b827d4](https://github.com/migrationsverket/midas/commit/4889b827d4))
+- **theme:** Implement dynamic theme generation and CSS validation ([f50ee50a5b](https://github.com/migrationsverket/midas/commit/f50ee50a5b))
+- ⚠️ Automate ESLint versioning and remove deprecated features ([577253d5bb](https://github.com/migrationsverket/midas/commit/577253d5bb))
+- **dropdown:** add custom icon support ([6d34b3061a](https://github.com/migrationsverket/midas/commit/6d34b3061a))
+- ⚠️ **components:** change feedback status icons to consistent pattern ([8075adb685](https://github.com/migrationsverket/midas/commit/8075adb685))
+- **accordion:** add option to display more statuses ([3eb637fc17](https://github.com/migrationsverket/midas/commit/3eb637fc17))
+- **table:** add virtualizer recipe ([#736](https://github.com/migrationsverket/midas/pull/736))
+
+### 🩹 Fixes
+
+- **badge:** replace label color ([cfda450f4e](https://github.com/migrationsverket/midas/commit/cfda450f4e))
+- **date-picker:** remove explicit height for calendar button ([3fe21636ea](https://github.com/migrationsverket/midas/commit/3fe21636ea))
+
+### 💅 Refactors
+
+- extract `FeedbackStatus` type ([8396c9e628](https://github.com/migrationsverket/midas/commit/8396c9e628))
+
+### 🔧 Maintenance
+
+- **theme:** export css variables in theme.css from @midas-ds/components package ([f9eddbf186](https://github.com/migrationsverket/midas/commit/f9eddbf186))
+- remove storybook global size control ([#749](https://github.com/migrationsverket/midas/pull/749))
+- deploy docweb from dev branch ([80f58e46d2](https://github.com/migrationsverket/midas/commit/80f58e46d2))
+
+### 🧪 Tests updated
+
+- **button:** move interaction tests to a separate story ([9dfd1459cd](https://github.com/migrationsverket/midas/commit/9dfd1459cd))
+- **link-button:** remove a11y test bypass ([a059db212a](https://github.com/migrationsverket/midas/commit/a059db212a))
+- **search-field:** remove global size ([#759](https://github.com/migrationsverket/midas/pull/759))
+- remove size test from button linkButton and table ([48a26e096e](https://github.com/migrationsverket/midas/commit/48a26e096e))
+- **badge:** bypass a11y tests ([626ceaf98c](https://github.com/migrationsverket/midas/commit/626ceaf98c))
+- **badge:** fix failing test in dark mode ([d91b690316](https://github.com/migrationsverket/midas/commit/d91b690316))
+- **link-button:** bypass a11y test ([ad33fbfd58](https://github.com/migrationsverket/midas/commit/ad33fbfd58))
+- emulate media in prepare test hook ([e4060227d4](https://github.com/migrationsverket/midas/commit/e4060227d4))
+
+### ⏪ Revert
+
+- **theme:** Revert "fix(theme): change dark mode values for danger button" ([6cb506566e](https://github.com/migrationsverket/midas/commit/6cb506566e))
+
+### ⚠️ Breaking Changes
+
+- ⚠️ Automate ESLint versioning and remove deprecated features ([577253d5bb](https://github.com/migrationsverket/midas/commit/577253d5bb))
+- **components:** when using `type` (`'success'|'info'|'warning'|'important'`) the string `default` is
+
 ## 11.2.0 (2025-08-14)
 
 ### 🚀 Features

package/Card-BDDyGAMA.js

@@ -0,0 +1,131 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import * as e from "react";
+import { H as m } from "./Heading-BQlmb5Tm.js";
+import { $ as _ } from "./Button-DD5_S-tD.js";
+import { $ as C } from "./Link-CbFSuEI1.js";
+import { A as x } from "./arrow-right-uemUGIg8.js";
+import './assets/Card.css';const A = "_card_1tcxj_4", h = "_horizontal_1tcxj_10", I = "_cardLink_1tcxj_15", p = "_cardContent_1tcxj_20", u = "_cardActions_1tcxj_39", f = "_cardActionArea_1tcxj_49", z = "_cardImage_1tcxj_82", j = "_cardLinkIcon_1tcxj_114", o = {
+  card: A,
+  horizontal: h,
+  cardLink: I,
+  cardContent: p,
+  cardActions: u,
+  cardActionArea: f,
+  cardImage: z,
+  cardLinkIcon: j
+}, d = e.createContext({
+  horizontal: void 0,
+  titleId: void 0
+}), y = ({
+  horizontal: a,
+  className: c,
+  children: t,
+  ...s
+}) => {
+  const i = `card-title-${e.useId()}`;
+  return /* @__PURE__ */ r(d.Provider, { value: { horizontal: a, titleId: i }, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ...s,
+      className: n(
+        o.card,
+        a && o.horizontal,
+        c
+      ),
+      children: t
+    }
+  ) });
+}, H = ({
+  children: a,
+  ...c
+}) => {
+  const { horizontal: t } = e.useContext(d);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...c,
+      className: n(o.cardContent, t && o.horizontal),
+      children: a
+    }
+  );
+}, R = ({
+  elementType: a = "h2",
+  children: c
+}) => {
+  const { horizontal: t, titleId: s } = e.useContext(d);
+  return /* @__PURE__ */ r(
+    m,
+    {
+      level: t ? 5 : 3,
+      elementType: a,
+      isExpressive: t,
+      className: n(o.cardTitle, t && o.horizontal),
+      id: s,
+      children: c
+    }
+  );
+}, T = ({
+  children: a,
+  ...c
+}) => {
+  const { horizontal: t } = e.useContext(d);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...c,
+      className: n(o.cardActions, t && o.horizontal),
+      children: a
+    }
+  );
+}, w = ({ children: a, className: c, ...t }) => {
+  const { titleId: s } = e.useContext(d);
+  return /* @__PURE__ */ r(
+    _,
+    {
+      ...t,
+      "aria-labelledby": s,
+      className: n(o.cardActionArea, c),
+      children: a
+    }
+  );
+}, E = ({
+  as: a = "img",
+  className: c,
+  ...t
+}) => /* @__PURE__ */ r(
+  a,
+  {
+    ...t,
+    className: n(o.cardImage, c)
+  }
+), P = ({
+  children: a,
+  as: c,
+  ...t
+}) => /* @__PURE__ */ l(
+  c || C,
+  {
+    ...t,
+    className: n(o.cardLink, t.className),
+    children: [
+      a,
+      /* @__PURE__ */ r(
+        x,
+        {
+          className: o.cardLinkIcon,
+          size: 24
+        }
+      )
+    ]
+  }
+);
+export {
+  y as C,
+  H as a,
+  R as b,
+  T as c,
+  w as d,
+  E as e,
+  P as f
+};

package/Card-mj5lCIR4.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Card.css');const a=require("react/jsx-runtime"),o=require("./clsx-C11secjj.cjs"),l=require("react"),x=require("./Heading-D3FR_KXb.cjs"),u=require("./Button-CMIbSc4-.cjs"),C=require("./Link-wM7cVPlS.cjs"),_=require("./arrow-right-BGd86zzR.cjs");function j(c){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>c[t]})}}return e.default=c,Object.freeze(e)}const s=j(l),m="_card_1tcxj_4",A="_horizontal_1tcxj_10",g="_cardLink_1tcxj_15",h="_cardContent_1tcxj_20",I="_cardActions_1tcxj_39",b="_cardActionArea_1tcxj_49",f="_cardImage_1tcxj_82",k="_cardLinkIcon_1tcxj_114",n={card:m,horizontal:A,cardLink:g,cardContent:h,cardActions:I,cardActionArea:b,cardImage:f,cardLinkIcon:k},i=s.createContext({horizontal:void 0,titleId:void 0}),z=({horizontal:c,className:e,children:t,...r})=>{const d=`card-title-${s.useId()}`;return a.jsx(i.Provider,{value:{horizontal:c,titleId:d},children:a.jsx("div",{...r,className:o.clsx(n.card,c&&n.horizontal,e),children:t})})},L=({children:c,...e})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...e,className:o.clsx(n.cardContent,t&&n.horizontal),children:c})},p=({elementType:c="h2",children:e})=>{const{horizontal:t,titleId:r}=s.useContext(i);return a.jsx(x.Heading,{level:t?5:3,elementType:c,isExpressive:t,className:o.clsx(n.cardTitle,t&&n.horizontal),id:r,children:e})},v=({children:c,...e})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...e,className:o.clsx(n.cardActions,t&&n.horizontal),children:c})},N=({children:c,className:e,...t})=>{const{titleId:r}=s.useContext(i);return a.jsx(u.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...t,"aria-labelledby":r,className:o.clsx(n.cardActionArea,e),children:c})},q=({as:c="img",className:e,...t})=>a.jsx(c,{...t,className:o.clsx(n.cardImage,e)}),$=({children:c,as:e,...t})=>{const r=e||C.$4f118338184dc1d9$export$a6c7ac8248d6e38a;return a.jsxs(r,{...t,className:o.clsx(n.cardLink,t.className),children:[c,a.jsx(_.ArrowRight,{className:n.cardLinkIcon,size:24})]})};exports.Card=z;exports.CardActionArea=N;exports.CardActions=v;exports.CardContent=L;exports.CardImage=q;exports.CardLink=$;exports.CardTitle=p;

package/{CharacterCounter-DSFBv3Rw.cjs → CharacterCounter-CnRv-iUP.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-DHNZrQmj.cjs"),d=require("./Input-MJji5hhq.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=f(u),h="_characterCounter_4224k_4",b={characterCounter:h},g=l.forwardRef((e,n)=>{[e]=i.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,d.$3985021b0ad6602f$export$37fb8590cf2c088c);const{maxLength:t,value:r,isLonely:o}=e,{length:c}=(r==null?void 0:r.toString())??"",a=t!==void 0;return s.jsx("span",{className:b.characterCounter,"data-exceeded":a&&c>t||void 0,"data-lonely":o||void 0,children:a?`${c} / ${t}`:c})});exports.CharacterCounter=g;
+"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-CMHKYKlz.cjs"),f=require("./Input-CzMx2mfl.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=d(u),h="_characterCounter_4nrnf_1",b={characterCounter:h},g=l.forwardRef((e,n)=>{[e]=i.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,f.$3985021b0ad6602f$export$37fb8590cf2c088c);const{maxLength:t,value:r,isLonely:o}=e,{length:c}=(r==null?void 0:r.toString())??"",a=t!==void 0;return s.jsx("span",{className:b.characterCounter,"data-exceeded":a&&c>t||void 0,"data-lonely":o||void 0,children:a?`${c} / ${t}`:c})});exports.CharacterCounter=g;

package/{CharacterCounter-DpBDwvLw.js → CharacterCounter-DT7A0wWP.js}

@@ -1,18 +1,18 @@
 import { jsx as s } from "react/jsx-runtime";
-import * as d from "react";
-import { $ as f } from "./utils-KLjWgdLR.js";
-import { $ as i } from "./Input-n-Z20KbW.js";
-import './assets/CharacterCounter.css';const m = "_characterCounter_4224k_4", $ = {
+import * as f from "react";
+import { $ as d } from "./utils-Cpcjg55U.js";
+import { $ as i } from "./Input-BLVRv0FK.js";
+import './assets/CharacterCounter.css';const m = "_characterCounter_4nrnf_1", $ = {
   characterCounter: m
-}, l = d.forwardRef((t, c) => {
-  [t] = f(t, c, i);
-  const { maxLength: r, value: e, isLonely: n } = t, { length: a } = (e == null ? void 0 : e.toString()) ?? "", o = r !== void 0;
+}, l = f.forwardRef((t, n) => {
+  [t] = d(t, n, i);
+  const { maxLength: r, value: e, isLonely: c } = t, { length: a } = (e == null ? void 0 : e.toString()) ?? "", o = r !== void 0;
   return /* @__PURE__ */ s(
     "span",
     {
       className: $.characterCounter,
       "data-exceeded": o && a > r || void 0,
-      "data-lonely": n || void 0,
+      "data-lonely": c || void 0,
       children: o ? `${a} / ${r}` : a
     }
   );

package/Checkbox-BtM2rFh9.js

@@ -0,0 +1,278 @@
+import { jsxs as F, jsx as c } from "react/jsx-runtime";
+import * as R from "react";
+import H, { useEffect as S, useRef as W } from "react";
+import { a as z } from "./RSPContexts-BW2SEIqe.js";
+import { $ as J, c as K } from "./utils-Cpcjg55U.js";
+import { $ as Q } from "./Form-CXcEMuBf.js";
+import { c as V } from "./clsx-OuTLNxxd.js";
+import { a as y } from "./mergeProps-BSsN7Bgk.js";
+import { $ as T } from "./VisuallyHidden-CGEtjAP7.js";
+import { a as X, $ as D, b as Y, d as _, e as Z } from "./useFormValidation-L0UHvOsP.js";
+import { b as I } from "./usePress-DMUpU0GU.js";
+import { $ as ee } from "./filterDOMProps-wsa9OcNI.js";
+import { a as ae } from "./useFocusable-DXlMChFC.js";
+import { $ as B } from "./useToggleState-BVOqL4hI.js";
+import { $ as ie } from "./useHover-D6bNIkU0.js";
+import { $ as de } from "./useFocusRing-DMo8ctYV.js";
+import './assets/Checkbox.css';function ne(e, a, i) {
+  let { isDisabled: d = !1, isReadOnly: n = !1, value: o, name: s, form: t, children: l, "aria-label": v, "aria-labelledby": $, validationState: b = "valid", isInvalid: m, onPressStart: h, onPressEnd: P, onPressChange: f, onPress: u, onPressUp: r, onClick: g } = e, E = (x) => {
+    x.stopPropagation(), a.setSelected(x.target.checked);
+  }, p = l != null, w = v != null || $ != null;
+  !p && !w && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps: G, isPressed: N } = I({
+    onPressStart: h,
+    onPressEnd: P,
+    onPressChange: f,
+    onPress: u,
+    onPressUp: r,
+    onClick: g,
+    isDisabled: d
+  }), { pressProps: L, isPressed: U } = I({
+    onPressStart: h,
+    onPressEnd: P,
+    onPressChange: f,
+    onPressUp: r,
+    onClick: g,
+    onPress(x) {
+      var k;
+      u == null || u(x), a.toggle(), (k = i.current) === null || k === void 0 || k.focus();
+    },
+    isDisabled: d || n
+  }), { focusableProps: j } = ae(e, i), A = y(G, j), M = ee(e, {
+    labelable: !0
+  });
+  return X(i, a.defaultSelected, a.setSelected), {
+    labelProps: y(L, {
+      onClick: (x) => x.preventDefault()
+    }),
+    inputProps: y(M, {
+      "aria-invalid": m || b === "invalid" || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-controls": e["aria-controls"],
+      "aria-readonly": n || void 0,
+      onChange: E,
+      disabled: d,
+      ...o == null ? {} : {
+        value: o
+      },
+      name: s,
+      form: t,
+      type: "checkbox",
+      ...A
+    }),
+    isSelected: a.isSelected,
+    isPressed: N || U,
+    isDisabled: d,
+    isReadOnly: n,
+    isInvalid: m || b === "invalid"
+  };
+}
+function O(e, a, i) {
+  let d = D({
+    ...e,
+    value: a.isSelected
+  }), { isInvalid: n, validationErrors: o, validationDetails: s } = d.displayValidation, { labelProps: t, inputProps: l, isSelected: v, isPressed: $, isDisabled: b, isReadOnly: m } = ne({
+    ...e,
+    isInvalid: n
+  }, a, i);
+  Y(e, d, i);
+  let { isIndeterminate: h, isRequired: P, validationBehavior: f = "aria" } = e;
+  S(() => {
+    i.current && (i.current.indeterminate = !!h);
+  });
+  let { pressProps: u } = I({
+    isDisabled: b || m,
+    onPress() {
+      let { [_]: r } = e, { commitValidation: g } = r || d;
+      g();
+    }
+  });
+  return {
+    labelProps: y(t, u),
+    inputProps: {
+      ...l,
+      checked: v,
+      "aria-required": P && f === "aria" || void 0,
+      required: P && f === "native"
+    },
+    isSelected: v,
+    isPressed: $,
+    isDisabled: b,
+    isReadOnly: m,
+    isInvalid: n,
+    validationErrors: o,
+    validationDetails: s
+  };
+}
+const le = /* @__PURE__ */ new WeakMap();
+function oe(e, a, i) {
+  const d = B({
+    isReadOnly: e.isReadOnly || a.isReadOnly,
+    isSelected: a.isSelected(e.value),
+    defaultSelected: a.defaultValue.includes(e.value),
+    onChange(r) {
+      r ? a.addValue(e.value) : a.removeValue(e.value), e.onChange && e.onChange(r);
+    }
+  });
+  let { name: n, form: o, descriptionId: s, errorMessageId: t, validationBehavior: l } = le.get(a);
+  var v;
+  l = (v = e.validationBehavior) !== null && v !== void 0 ? v : l;
+  let { realtimeValidation: $ } = D({
+    ...e,
+    value: d.isSelected,
+    // Server validation is handled at the group level.
+    name: void 0,
+    validationBehavior: "aria"
+  }), b = W(Z), m = () => {
+    a.setInvalid(e.value, $.isInvalid ? $ : b.current);
+  };
+  S(m);
+  let h = a.realtimeValidation.isInvalid ? a.realtimeValidation : $, P = l === "native" ? a.displayValidation : h;
+  var f;
+  let u = O({
+    ...e,
+    isReadOnly: e.isReadOnly || a.isReadOnly,
+    isDisabled: e.isDisabled || a.isDisabled,
+    name: e.name || n,
+    form: e.form || o,
+    isRequired: (f = e.isRequired) !== null && f !== void 0 ? f : a.isRequired,
+    validationBehavior: l,
+    [_]: {
+      realtimeValidation: h,
+      displayValidation: P,
+      resetValidation: a.resetValidation,
+      commitValidation: a.commitValidation,
+      updateValidation(r) {
+        b.current = r, m();
+      }
+    }
+  }, d, i);
+  return {
+    ...u,
+    inputProps: {
+      ...u.inputProps,
+      "aria-describedby": [
+        e["aria-describedby"],
+        a.isInvalid ? t : null,
+        s
+      ].filter(Boolean).join(" ") || void 0
+    }
+  };
+}
+const se = H.createContext(null), te = "_checkboxInner_1a9gx_4", re = "_checkbox_1a9gx_4", ce = "_checkboxGroup_1a9gx_124", C = {
+  checkboxInner: te,
+  checkbox: re,
+  checkboxGroup: ce
+}, q = R.forwardRef((e, a) => {
+  const { hoverProps: i, isHovered: d } = e.hoverResult, { pressProps: n, isPressed: o } = e.pressResult, { isFocused: s, isFocusVisible: t, focusProps: l } = e.focusRingAria;
+  return /* @__PURE__ */ F(
+    "label",
+    {
+      ref: a,
+      ...y(i, n, e.labelProps),
+      slot: e.slot || void 0,
+      className: V(C.checkbox, e.className),
+      "data-hovered": d || void 0,
+      "data-selected": e.isSelected || void 0,
+      "data-indeterminate": e.isIndeterminate || void 0,
+      "data-pressed": o || void 0,
+      "data-disabled": e.isDisabled || void 0,
+      "data-readonly": e.isReadOnly || void 0,
+      "data-invalid": e.isInvalid || void 0,
+      "data-focused": s || void 0,
+      "data-focus-visible": t || void 0,
+      "data-required": e.isRequired || void 0,
+      children: [
+        /* @__PURE__ */ c("div", { className: V(C.checkboxInner), children: /* @__PURE__ */ c(
+          "svg",
+          {
+            width: 16,
+            height: 16,
+            viewBox: "0 0 18 18",
+            "aria-hidden": "true",
+            children: e.isIndeterminate ? /* @__PURE__ */ c(
+              "rect",
+              {
+                x: 4,
+                y: 8,
+                width: 10,
+                height: 2
+              }
+            ) : /* @__PURE__ */ c("polyline", { points: "3,9 7,13 15,4" })
+          }
+        ) }),
+        /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(
+          "input",
+          {
+            ...y(e.inputProps, l),
+            ref: e.inputRef
+          }
+        ) }),
+        e.children
+      ]
+    }
+  );
+}), fe = R.forwardRef((e, a) => {
+  const i = oe(
+    {
+      ...e,
+      value: e.value || ""
+    },
+    e.state,
+    e.inputRef
+  );
+  return /* @__PURE__ */ c(
+    q,
+    {
+      ...e,
+      ...i,
+      ref: a
+    }
+  );
+}), ue = R.forwardRef((e, a) => {
+  const i = O(e, B(e), e.inputRef);
+  return /* @__PURE__ */ c(
+    q,
+    {
+      ...e,
+      ...i,
+      ref: a
+    }
+  );
+}), De = R.forwardRef(
+  (e, a) => {
+    [e, a] = J(e, a, z);
+    const i = K(Q), d = e.validationBehavior ?? (i == null ? void 0 : i.validationBehavior) ?? "native", n = R.useContext(se), o = R.useRef(null), s = ie(e), t = I({
+      ref: a,
+      isDisabled: e.isDisabled
+    }), l = de();
+    return n ? /* @__PURE__ */ c(
+      fe,
+      {
+        ...e,
+        state: n,
+        inputRef: o,
+        hoverResult: s,
+        pressResult: t,
+        focusRingAria: l,
+        validationBehavior: d
+      }
+    ) : /* @__PURE__ */ c(
+      ue,
+      {
+        ...e,
+        inputRef: o,
+        hoverResult: s,
+        pressResult: t,
+        focusRingAria: l,
+        validationBehavior: d
+      }
+    );
+  }
+);
+export {
+  le as $,
+  De as C,
+  se as a,
+  C as s
+};

package/Checkbox-CvdIG43J.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Checkbox.css');const r=require("react/jsx-runtime"),k=require("react"),T=require("./RSPContexts-D8hmBfGm.cjs"),q=require("./utils-CMHKYKlz.cjs"),z=require("./Form-BuOomA4T.cjs"),D=require("./clsx-C11secjj.cjs"),R=require("./mergeProps-JhcJ7uJL.cjs"),W=require("./VisuallyHidden-EjrqodVh.cjs"),m=require("./useFormValidation-BQIRxgbU.cjs"),C=require("./usePress-CicXV7UO.cjs"),J=require("./filterDOMProps-RRlKPKX0.cjs"),K=require("./useFocusable-CsG-IPuC.cjs"),O=require("./useToggleState-SqDyNfRi.cjs"),Q=require("./useHover-DGAmG7jt.cjs"),X=require("./useFocusRing-BcbYske2.cjs");function Y(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,d.get?d:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const y=Y(k);function Z(e,i,a){let{isDisabled:d=!1,isReadOnly:n=!1,value:s,name:o,form:l,children:t,"aria-label":b,"aria-labelledby":x,validationState:v="valid",isInvalid:$,onPressStart:h,onPressEnd:P,onPressChange:f,onPress:u,onPressUp:c,onClick:I}=e,E=g=>{g.stopPropagation(),i.setSelected(g.target.checked)},w=t!=null,G=b!=null||x!=null;!w&&!G&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let{pressProps:F,isPressed:N}=C.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:h,onPressEnd:P,onPressChange:f,onPress:u,onPressUp:c,onClick:I,isDisabled:d}),{pressProps:M,isPressed:L}=C.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:h,onPressEnd:P,onPressChange:f,onPressUp:c,onClick:I,onPress(g){var S;u==null||u(g),i.toggle(),(S=a.current)===null||S===void 0||S.focus()},isDisabled:d||n}),{focusableProps:U}=K.$f645667febf57a63$export$4c014de7c8940b4c(e,a),A=R.$3ef42575df84b30b$export$9d1611c77c2fe928(F,U),H=J.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0});return m.$99facab73266f662$export$5add1d006293d136(a,i.defaultSelected,i.setSelected),{labelProps:R.$3ef42575df84b30b$export$9d1611c77c2fe928(M,{onClick:g=>g.preventDefault()}),inputProps:R.$3ef42575df84b30b$export$9d1611c77c2fe928(H,{"aria-invalid":$||v==="invalid"||void 0,"aria-errormessage":e["aria-errormessage"],"aria-controls":e["aria-controls"],"aria-readonly":n||void 0,onChange:E,disabled:d,...s==null?{}:{value:s},name:o,form:l,type:"checkbox",...A}),isSelected:i.isSelected,isPressed:N||L,isDisabled:d,isReadOnly:n,isInvalid:$||v==="invalid"}}function _(e,i,a){let d=m.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:i.isSelected}),{isInvalid:n,validationErrors:s,validationDetails:o}=d.displayValidation,{labelProps:l,inputProps:t,isSelected:b,isPressed:x,isDisabled:v,isReadOnly:$}=Z({...e,isInvalid:n},i,a);m.$e93e671b31057976$export$b8473d3665f3a75a(e,d,a);let{isIndeterminate:h,isRequired:P,validationBehavior:f="aria"}=e;k.useEffect(()=>{a.current&&(a.current.indeterminate=!!h)});let{pressProps:u}=C.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:v||$,onPress(){let{[m.$e5be200c675c3b3a$export$a763b9476acd3eb]:c}=e,{commitValidation:I}=c||d;I()}});return{labelProps:R.$3ef42575df84b30b$export$9d1611c77c2fe928(l,u),inputProps:{...t,checked:b,"aria-required":P&&f==="aria"||void 0,required:P&&f==="native"},isSelected:b,isPressed:x,isDisabled:v,isReadOnly:$,isInvalid:n,validationErrors:s,validationDetails:o}}const j=new WeakMap;function ee(e,i,a){const d=O.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:e.isReadOnly||i.isReadOnly,isSelected:i.isSelected(e.value),defaultSelected:i.defaultValue.includes(e.value),onChange(c){c?i.addValue(e.value):i.removeValue(e.value),e.onChange&&e.onChange(c)}});let{name:n,form:s,descriptionId:o,errorMessageId:l,validationBehavior:t}=j.get(i);var b;t=(b=e.validationBehavior)!==null&&b!==void 0?b:t;let{realtimeValidation:x}=m.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:d.isSelected,name:void 0,validationBehavior:"aria"}),v=k.useRef(m.$e5be200c675c3b3a$export$dad6ae84456c676a),$=()=>{i.setInvalid(e.value,x.isInvalid?x:v.current)};k.useEffect($);let h=i.realtimeValidation.isInvalid?i.realtimeValidation:x,P=t==="native"?i.displayValidation:h;var f;let u=_({...e,isReadOnly:e.isReadOnly||i.isReadOnly,isDisabled:e.isDisabled||i.isDisabled,name:e.name||n,form:e.form||s,isRequired:(f=e.isRequired)!==null&&f!==void 0?f:i.isRequired,validationBehavior:t,[m.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:h,displayValidation:P,resetValidation:i.resetValidation,commitValidation:i.commitValidation,updateValidation(c){v.current=c,$()}}},d,a);return{...u,inputProps:{...u.inputProps,"aria-describedby":[e["aria-describedby"],i.isInvalid?l:null,o].filter(Boolean).join(" ")||void 0}}}const B=k.createContext(null),ie="_checkboxInner_1a9gx_4",ae="_checkbox_1a9gx_4",de="_checkboxGroup_1a9gx_124",V={checkboxInner:ie,checkbox:ae,checkboxGroup:de},p=y.forwardRef((e,i)=>{const{hoverProps:a,isHovered:d}=e.hoverResult,{pressProps:n,isPressed:s}=e.pressResult,{isFocused:o,isFocusVisible:l,focusProps:t}=e.focusRingAria;return r.jsxs("label",{ref:i,...R.$3ef42575df84b30b$export$9d1611c77c2fe928(a,n,e.labelProps),slot:e.slot||void 0,className:D.clsx(V.checkbox,e.className),"data-hovered":d||void 0,"data-selected":e.isSelected||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":s||void 0,"data-disabled":e.isDisabled||void 0,"data-readonly":e.isReadOnly||void 0,"data-invalid":e.isInvalid||void 0,"data-focused":o||void 0,"data-focus-visible":l||void 0,"data-required":e.isRequired||void 0,children:[r.jsx("div",{className:D.clsx(V.checkboxInner),children:r.jsx("svg",{width:16,height:16,viewBox:"0 0 18 18","aria-hidden":"true",children:e.isIndeterminate?r.jsx("rect",{x:4,y:8,width:10,height:2}):r.jsx("polyline",{points:"3,9 7,13 15,4"})})}),r.jsx(W.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:r.jsx("input",{...R.$3ef42575df84b30b$export$9d1611c77c2fe928(e.inputProps,t),ref:e.inputRef})}),e.children]})}),ne=y.forwardRef((e,i)=>{const a=ee({...e,value:e.value||""},e.state,e.inputRef);return r.jsx(p,{...e,...a,ref:i})}),te=y.forwardRef((e,i)=>{const a=_(e,O.$3017fa7ffdddec74$export$8042c6c013fd5226(e),e.inputRef);return r.jsx(p,{...e,...a,ref:i})}),se=y.forwardRef((e,i)=>{[e,i]=q.$64fa3d84918910a7$export$29f1550f4b0d4415(e,i,T.$4e85f108e88277b8$export$b085522c77523c51);const a=q.$64fa3d84918910a7$export$fabf2dc03a41866e(z.$d3e0e05bdfcf66bd$export$c24727297075ec6a),d=e.validationBehavior??(a==null?void 0:a.validationBehavior)??"native",n=y.useContext(B),s=y.useRef(null),o=Q.$6179b936705e76d3$export$ae780daf29e6d456(e),l=C.$f6c31cce2adf654f$export$45712eceda6fad21({ref:i,isDisabled:e.isDisabled}),t=X.$f7dceffc5ad7768b$export$4e328f61c538687f();return n?r.jsx(ne,{...e,state:n,inputRef:s,hoverResult:o,pressResult:l,focusRingAria:t,validationBehavior:d}):r.jsx(te,{...e,inputRef:s,hoverResult:o,pressResult:l,focusRingAria:t,validationBehavior:d})});exports.$1ae600c947479353$export$ec98120685d4f57d=j;exports.Checkbox=se;exports.CheckboxGroupContext=B;exports.styles=V;

package/CheckboxGroup-C94as9Xt.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),m=require("./Label-C00qz3kQ.cjs"),C=require("./Text-BAFsaON-.cjs"),$=require("react"),h=require("./Checkbox-CvdIG43J.cjs"),g=require("./FieldError-Cornph2A.cjs"),P=require("./useFormValidation-BQIRxgbU.cjs"),y=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-JhcJ7uJL.cjs"),q=require("./filterDOMProps-RRlKPKX0.cjs"),k=require("./useField-DyeD7MLj.cjs"),D=require("./useFocusWithin-DTnk0e8a.cjs"),F=require("./useLocalizedStringFormatter-BO2iZEL0.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=_;