@midas-ds/components 15.1.3 → 15.2.1

package/CHANGELOG.md

@@ -1,3 +1,46 @@
+## 15.2.1 (2025-11-10)
+
+### 🩹 Fixes
+
+- **combobox:** use common ListBox component ([9bd9854d92](https://github.com/migrationsverket/midas/commit/9bd9854d92))
+- **select:** deprecate legacy component and types ([7230bef1be](https://github.com/migrationsverket/midas/commit/7230bef1be))
+- **list-box:** deprecate custom item and section types ([e5a415eb03](https://github.com/migrationsverket/midas/commit/e5a415eb03))
+
+## 15.2.0 (2025-11-07)
+
+### 🚀 Features
+
+- **label:** add styling for read-only state ([9422f77547](https://github.com/migrationsverket/midas/commit/9422f77547))
+- **text:** add styling for read-only state ([76d1f9c655](https://github.com/migrationsverket/midas/commit/76d1f9c655))
+- **calendar:** add styling for read-only state ([53dadfad5c](https://github.com/migrationsverket/midas/commit/53dadfad5c))
+- **date-picker:** add styling for read-only state ([d9d3856259](https://github.com/migrationsverket/midas/commit/d9d3856259))
+- **date-field:** add styling for read-only state ([9cdfb7b8cc](https://github.com/migrationsverket/midas/commit/9cdfb7b8cc))
+- **checkbox:** add styling for read-only state ([fc34e942be](https://github.com/migrationsverket/midas/commit/fc34e942be))
+- **radio:** add styling for read-only state ([bb69e7e7ac](https://github.com/migrationsverket/midas/commit/bb69e7e7ac))
+- **combobox:** add styling for read-only state ([65fe61058d](https://github.com/migrationsverket/midas/commit/65fe61058d))
+- **textfield:** add styling for read-only state ([a25bce820a](https://github.com/migrationsverket/midas/commit/a25bce820a))
+
+### 🩹 Fixes
+
+- **checkbox:** set correct indeterminate icon and refactor styles ([baf09f4d11](https://github.com/migrationsverket/midas/commit/baf09f4d11))
+
+### 🏭 Refactoring
+
+- **textfield:** move data attributes from template to css ([387113c52d](https://github.com/migrationsverket/midas/commit/387113c52d))
+- **date-field:** move data attributes from template to css ([3ad82fb182](https://github.com/migrationsverket/midas/commit/3ad82fb182))
+
+### 🔧 Maintenance
+
+- **theme:** revert read-only border color token (same as subtle) ([c42f60935b](https://github.com/migrationsverket/midas/commit/c42f60935b))
+
+### 🧪 Tests updated
+
+- update baseline snapshots ([015a9af328](https://github.com/migrationsverket/midas/commit/015a9af328))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.2.0
+
 ## 15.1.3 (2025-11-06)
 
 ### 🩹 Fixes

package/{CharacterCounter-CTpQ12f7.cjs → CharacterCounter-BjOzWOoN.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-CtICjCYt.cjs"),d=require("./Input-Bda0PCu5.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),$="_characterCounter_4nrnf_1",b={characterCounter:$},h=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=h;
+"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-CtICjCYt.cjs"),d=require("./Input-Bda0PCu5.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),$="_characterCounter_1f0mh_1",b={characterCounter:$},h=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=h;

package/{CharacterCounter-gbDGfize.js → CharacterCounter-b6RpXKDF.js}

@@ -2,17 +2,17 @@ import { jsx as s } from "react/jsx-runtime";
 import * as d from "react";
 import { $ as f } from "./utils-D2iKpxcZ.js";
 import { $ as i } from "./Input-CQzv-D9g.js";
-import './assets/CharacterCounter.css';const $ = "_characterCounter_4nrnf_1", m = {
+import './assets/CharacterCounter.css';const $ = "_characterCounter_1f0mh_1", m = {
   characterCounter: $
-}, l = d.forwardRef((t, n) => {
-  [t] = f(t, n, i);
-  const { maxLength: r, value: e, isLonely: c } = t, { length: a } = (e == null ? void 0 : e.toString()) ?? "", o = r !== void 0;
+}, 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;
   return /* @__PURE__ */ s(
     "span",
     {
       className: m.characterCounter,
       "data-exceeded": o && a > r || void 0,
-      "data-lonely": c || void 0,
+      "data-lonely": n || void 0,
       children: o ? `${a} / ${r}` : a
     }
   );

package/Checkbox-D9X5vM4a.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/Checkbox.css');const c=require("react/jsx-runtime"),k=require("react"),T=require("./RSPContexts-XUvspq3j.cjs"),V=require("./utils-CtICjCYt.cjs"),W=require("./Form-BuOomA4T.cjs"),D=require("./clsx-C11secjj.cjs"),O=require("./variables-CVumCR9l.cjs"),y=require("./mergeProps-Du5A8xi8.cjs"),J=require("./createLucideIcon-CTVXwe6i.cjs"),K=require("./check-B0aKTFe5.cjs"),Q=require("./VisuallyHidden-BMelU6B0.cjs"),m=require("./useFormValidation-DV2Ioblb.cjs"),I=require("./usePress-DmU79HEg.cjs"),X=require("./filterDOMProps-RRlKPKX0.cjs"),Y=require("./useFocusable-M4se1KJt.cjs"),_=require("./useToggleState-DaxmInOW.cjs"),Z=require("./useHover-DULSfLuK.cjs"),ee=require("./useFocusRing-C-XVcAE5.cjs");function ie(e){const i=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(i,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const g=ie(k);function ae(e,i,a){let{isDisabled:n=!1,isReadOnly:d=!1,value:s,name:r,form:l,children:o,"aria-label":b,"aria-labelledby":x,validationState:$="valid",isInvalid:v,onPressStart:h,onPressEnd:P,onPressChange:u,onPress:f,onPressUp:t,onClick:C}=e,E=R=>{R.stopPropagation(),i.setSelected(R.target.checked)},M=o!=null,G=b!=null||x!=null;!M&&!G&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let{pressProps:N,isPressed:F}=I.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:h,onPressEnd:P,onPressChange:u,onPress:f,onPressUp:t,onClick:C,isDisabled:n}),{pressProps:L,isPressed:U}=I.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:h,onPressEnd:P,onPressChange:u,onPressUp:t,onClick:C,onPress(R){var S;f==null||f(R),i.toggle(),(S=a.current)===null||S===void 0||S.focus()},isDisabled:n||d}),{focusableProps:z}=Y.$f645667febf57a63$export$4c014de7c8940b4c(e,a),A=y.$3ef42575df84b30b$export$9d1611c77c2fe928(N,z),H=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0});return m.$99facab73266f662$export$5add1d006293d136(a,i.defaultSelected,i.setSelected),{labelProps:y.$3ef42575df84b30b$export$9d1611c77c2fe928(L,{onClick:R=>R.preventDefault()}),inputProps:y.$3ef42575df84b30b$export$9d1611c77c2fe928(H,{"aria-invalid":v||$==="invalid"||void 0,"aria-errormessage":e["aria-errormessage"],"aria-controls":e["aria-controls"],"aria-readonly":d||void 0,onChange:E,disabled:n,...s==null?{}:{value:s},name:r,form:l,type:"checkbox",...A}),isSelected:i.isSelected,isPressed:F||U,isDisabled:n,isReadOnly:d,isInvalid:v||$==="invalid"}}function j(e,i,a){let n=m.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:i.isSelected}),{isInvalid:d,validationErrors:s,validationDetails:r}=n.displayValidation,{labelProps:l,inputProps:o,isSelected:b,isPressed:x,isDisabled:$,isReadOnly:v}=ae({...e,isInvalid:d},i,a);m.$e93e671b31057976$export$b8473d3665f3a75a(e,n,a);let{isIndeterminate:h,isRequired:P,validationBehavior:u="aria"}=e;k.useEffect(()=>{a.current&&(a.current.indeterminate=!!h)});let{pressProps:f}=I.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:$||v,onPress(){let{[m.$e5be200c675c3b3a$export$a763b9476acd3eb]:t}=e,{commitValidation:C}=t||n;C()}});return{labelProps:y.$3ef42575df84b30b$export$9d1611c77c2fe928(l,f,k.useMemo(()=>({onMouseDown:t=>t.preventDefault()}),[])),inputProps:{...o,checked:b,"aria-required":P&&u==="aria"||void 0,required:P&&u==="native"},isSelected:b,isPressed:x,isDisabled:$,isReadOnly:v,isInvalid:d,validationErrors:s,validationDetails:r}}const p=new WeakMap;function ne(e,i,a){const n=_.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:e.isReadOnly||i.isReadOnly,isSelected:i.isSelected(e.value),defaultSelected:i.defaultValue.includes(e.value),onChange(t){t?i.addValue(e.value):i.removeValue(e.value),e.onChange&&e.onChange(t)}});let{name:d,form:s,descriptionId:r,errorMessageId:l,validationBehavior:o}=p.get(i);var b;o=(b=e.validationBehavior)!==null&&b!==void 0?b:o;let{realtimeValidation:x}=m.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:n.isSelected,name:void 0,validationBehavior:"aria"}),$=k.useRef(m.$e5be200c675c3b3a$export$dad6ae84456c676a),v=()=>{i.setInvalid(e.value,x.isInvalid?x:$.current)};k.useEffect(v);let h=i.realtimeValidation.isInvalid?i.realtimeValidation:x,P=o==="native"?i.displayValidation:h;var u;let f=j({...e,isReadOnly:e.isReadOnly||i.isReadOnly,isDisabled:e.isDisabled||i.isDisabled,name:e.name||d,form:e.form||s,isRequired:(u=e.isRequired)!==null&&u!==void 0?u:i.isRequired,validationBehavior:o,[m.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:h,displayValidation:P,resetValidation:i.resetValidation,commitValidation:i.commitValidation,updateValidation(t){$.current=t,v()}}},n,a);return{...f,inputProps:{...f.inputProps,"aria-describedby":[e["aria-describedby"],i.isInvalid?l:null,r].filter(Boolean).join(" ")||void 0}}}/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const de=[["path",{d:"M5 12h14",key:"1ays0h"}]],oe=J.createLucideIcon("minus",de),B=k.createContext(null),te="_checkboxInner_nh1pw_1",se="_checkbox_nh1pw_1",re="_checkboxGroup_nh1pw_146",q={checkboxInner:te,checkbox:se,checkboxGroup:re},w=g.forwardRef((e,i)=>{const{hoverProps:a,isHovered:n}=e.hoverResult,{pressProps:d,isPressed:s}=e.pressResult,{isFocused:r,isFocusVisible:l,focusProps:o}=e.focusRingAria;return c.jsxs("label",{ref:i,...y.$3ef42575df84b30b$export$9d1611c77c2fe928(a,d,e.labelProps),slot:e.slot||void 0,className:D.clsx(q.checkbox,e.className),"data-hovered":n||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":r||void 0,"data-focus-visible":l||void 0,"data-required":e.isRequired||void 0,children:[c.jsx("div",{className:D.clsx(q.checkboxInner),children:e.isIndeterminate?c.jsx(oe,{size:16,viewBox:"0 0 24 24",color:O.iconOnColor}):c.jsx(K.Check,{size:16,viewBox:"0 0 24 24",color:O.iconOnColor})}),c.jsx(Q.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:c.jsx("input",{...y.$3ef42575df84b30b$export$9d1611c77c2fe928(e.inputProps,o),ref:e.inputRef})}),e.children]})}),le=g.forwardRef((e,i)=>{const a=ne({...e,value:e.value||""},e.state,e.inputRef);return c.jsx(w,{...e,...a,ref:i})}),ce=g.forwardRef((e,i)=>{const a=j(e,_.$3017fa7ffdddec74$export$8042c6c013fd5226(e),e.inputRef);return c.jsx(w,{...e,...a,ref:i})}),ue=g.forwardRef((e,i)=>{[e,i]=V.$64fa3d84918910a7$export$29f1550f4b0d4415(e,i,T.$4e85f108e88277b8$export$b085522c77523c51);const a=V.$64fa3d84918910a7$export$fabf2dc03a41866e(W.$d3e0e05bdfcf66bd$export$c24727297075ec6a),n=e.validationBehavior??(a==null?void 0:a.validationBehavior)??"native",d=g.useContext(B),s=g.useRef(null),r=Z.$6179b936705e76d3$export$ae780daf29e6d456(e),l=I.$f6c31cce2adf654f$export$45712eceda6fad21({ref:i,isDisabled:e.isDisabled}),o=ee.$f7dceffc5ad7768b$export$4e328f61c538687f();return d?c.jsx(le,{...e,state:d,inputRef:s,hoverResult:r,pressResult:l,focusRingAria:o,validationBehavior:n}):c.jsx(ce,{...e,inputRef:s,hoverResult:r,pressResult:l,focusRingAria:o,validationBehavior:n})});exports.$1ae600c947479353$export$ec98120685d4f57d=p;exports.Checkbox=ue;exports.CheckboxGroupContext=B;exports.styles=q;

package/Checkbox-ujNi8mrO.js

@@ -0,0 +1,288 @@
+import { jsxs as F, jsx as u } from "react/jsx-runtime";
+import * as R from "react";
+import H, { useEffect as D, useMemo as W, useRef as J } from "react";
+import { c as K } from "./RSPContexts-B0lEq7qq.js";
+import { $ as Q, c as T } from "./utils-D2iKpxcZ.js";
+import { $ as X } from "./Form-CXcEMuBf.js";
+import { c as S } from "./clsx-OuTLNxxd.js";
+import { i as V } from "./variables-BkqZ2WGF.js";
+import { a as y } from "./mergeProps-Ct8m5-xW.js";
+import { c as Y } from "./createLucideIcon-XRdN60yz.js";
+import { C as Z } from "./check-B5h1DvDs.js";
+import { $ as ee } from "./VisuallyHidden-DuW70K-5.js";
+import { a as ae, $ as _, b as ie, d as p, e as oe } from "./useFormValidation-By7G-T7y.js";
+import { b as k } from "./usePress-BqQIhkNY.js";
+import { $ as de } from "./filterDOMProps-wsa9OcNI.js";
+import { a as ne } from "./useFocusable-BJj-Bkig.js";
+import { $ as B } from "./useToggleState-BVOqL4hI.js";
+import { $ as se } from "./useHover-DkC5FyNd.js";
+import { $ as le } from "./useFocusRing-CcxI7nbg.js";
+import './assets/Checkbox.css';function re(e, a, i) {
+  let { isDisabled: o = !1, isReadOnly: d = !1, value: l, name: r, form: t, children: n, "aria-label": v, "aria-labelledby": $, validationState: b = "valid", isInvalid: m, onPressStart: h, onPressEnd: P, onPressChange: c, onPress: f, onPressUp: s, onClick: I } = e, q = (x) => {
+    x.stopPropagation(), a.setSelected(x.target.checked);
+  }, E = n != null, M = v != null || $ != null;
+  !E && !M && 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 } = k({
+    onPressStart: h,
+    onPressEnd: P,
+    onPressChange: c,
+    onPress: f,
+    onPressUp: s,
+    onClick: I,
+    isDisabled: o
+  }), { pressProps: L, isPressed: U } = k({
+    onPressStart: h,
+    onPressEnd: P,
+    onPressChange: c,
+    onPressUp: s,
+    onClick: I,
+    onPress(x) {
+      var C;
+      f == null || f(x), a.toggle(), (C = i.current) === null || C === void 0 || C.focus();
+    },
+    isDisabled: o || d
+  }), { focusableProps: j } = ne(e, i), A = y(G, j), z = de(e, {
+    labelable: !0
+  });
+  return ae(i, a.defaultSelected, a.setSelected), {
+    labelProps: y(L, {
+      onClick: (x) => x.preventDefault()
+    }),
+    inputProps: y(z, {
+      "aria-invalid": m || b === "invalid" || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-controls": e["aria-controls"],
+      "aria-readonly": d || void 0,
+      onChange: q,
+      disabled: o,
+      ...l == null ? {} : {
+        value: l
+      },
+      name: r,
+      form: t,
+      type: "checkbox",
+      ...A
+    }),
+    isSelected: a.isSelected,
+    isPressed: N || U,
+    isDisabled: o,
+    isReadOnly: d,
+    isInvalid: m || b === "invalid"
+  };
+}
+function O(e, a, i) {
+  let o = _({
+    ...e,
+    value: a.isSelected
+  }), { isInvalid: d, validationErrors: l, validationDetails: r } = o.displayValidation, { labelProps: t, inputProps: n, isSelected: v, isPressed: $, isDisabled: b, isReadOnly: m } = re({
+    ...e,
+    isInvalid: d
+  }, a, i);
+  ie(e, o, i);
+  let { isIndeterminate: h, isRequired: P, validationBehavior: c = "aria" } = e;
+  D(() => {
+    i.current && (i.current.indeterminate = !!h);
+  });
+  let { pressProps: f } = k({
+    isDisabled: b || m,
+    onPress() {
+      let { [p]: s } = e, { commitValidation: I } = s || o;
+      I();
+    }
+  });
+  return {
+    labelProps: y(t, f, W(() => ({
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (s) => s.preventDefault()
+    }), [])),
+    inputProps: {
+      ...n,
+      checked: v,
+      "aria-required": P && c === "aria" || void 0,
+      required: P && c === "native"
+    },
+    isSelected: v,
+    isPressed: $,
+    isDisabled: b,
+    isReadOnly: m,
+    isInvalid: d,
+    validationErrors: l,
+    validationDetails: r
+  };
+}
+const te = /* @__PURE__ */ new WeakMap();
+function ce(e, a, i) {
+  const o = B({
+    isReadOnly: e.isReadOnly || a.isReadOnly,
+    isSelected: a.isSelected(e.value),
+    defaultSelected: a.defaultValue.includes(e.value),
+    onChange(s) {
+      s ? a.addValue(e.value) : a.removeValue(e.value), e.onChange && e.onChange(s);
+    }
+  });
+  let { name: d, form: l, descriptionId: r, errorMessageId: t, validationBehavior: n } = te.get(a);
+  var v;
+  n = (v = e.validationBehavior) !== null && v !== void 0 ? v : n;
+  let { realtimeValidation: $ } = _({
+    ...e,
+    value: o.isSelected,
+    // Server validation is handled at the group level.
+    name: void 0,
+    validationBehavior: "aria"
+  }), b = J(oe), m = () => {
+    a.setInvalid(e.value, $.isInvalid ? $ : b.current);
+  };
+  D(m);
+  let h = a.realtimeValidation.isInvalid ? a.realtimeValidation : $, P = n === "native" ? a.displayValidation : h;
+  var c;
+  let f = O({
+    ...e,
+    isReadOnly: e.isReadOnly || a.isReadOnly,
+    isDisabled: e.isDisabled || a.isDisabled,
+    name: e.name || d,
+    form: e.form || l,
+    isRequired: (c = e.isRequired) !== null && c !== void 0 ? c : a.isRequired,
+    validationBehavior: n,
+    [p]: {
+      realtimeValidation: h,
+      displayValidation: P,
+      resetValidation: a.resetValidation,
+      commitValidation: a.commitValidation,
+      updateValidation(s) {
+        b.current = s, m();
+      }
+    }
+  }, o, i);
+  return {
+    ...f,
+    inputProps: {
+      ...f.inputProps,
+      "aria-describedby": [
+        e["aria-describedby"],
+        a.isInvalid ? t : null,
+        r
+      ].filter(Boolean).join(" ") || void 0
+    }
+  };
+}
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = [["path", { d: "M5 12h14", key: "1ays0h" }]], ue = Y("minus", fe), ve = H.createContext(null), be = "_checkboxInner_nh1pw_1", me = "_checkbox_nh1pw_1", $e = "_checkboxGroup_nh1pw_146", g = {
+  checkboxInner: be,
+  checkbox: me,
+  checkboxGroup: $e
+}, w = R.forwardRef((e, a) => {
+  const { hoverProps: i, isHovered: o } = e.hoverResult, { pressProps: d, isPressed: l } = e.pressResult, { isFocused: r, isFocusVisible: t, focusProps: n } = e.focusRingAria;
+  return /* @__PURE__ */ F(
+    "label",
+    {
+      ref: a,
+      ...y(i, d, e.labelProps),
+      slot: e.slot || void 0,
+      className: S(g.checkbox, e.className),
+      "data-hovered": o || void 0,
+      "data-selected": e.isSelected || void 0,
+      "data-indeterminate": e.isIndeterminate || void 0,
+      "data-pressed": l || void 0,
+      "data-disabled": e.isDisabled || void 0,
+      "data-readonly": e.isReadOnly || void 0,
+      "data-invalid": e.isInvalid || void 0,
+      "data-focused": r || void 0,
+      "data-focus-visible": t || void 0,
+      "data-required": e.isRequired || void 0,
+      children: [
+        /* @__PURE__ */ u("div", { className: S(g.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ u(
+          ue,
+          {
+            size: 16,
+            viewBox: "0 0 24 24",
+            color: V
+          }
+        ) : /* @__PURE__ */ u(
+          Z,
+          {
+            size: 16,
+            viewBox: "0 0 24 24",
+            color: V
+          }
+        ) }),
+        /* @__PURE__ */ u(ee, { children: /* @__PURE__ */ u(
+          "input",
+          {
+            ...y(e.inputProps, n),
+            ref: e.inputRef
+          }
+        ) }),
+        e.children
+      ]
+    }
+  );
+}), he = R.forwardRef((e, a) => {
+  const i = ce(
+    {
+      ...e,
+      value: e.value || ""
+    },
+    e.state,
+    e.inputRef
+  );
+  return /* @__PURE__ */ u(
+    w,
+    {
+      ...e,
+      ...i,
+      ref: a
+    }
+  );
+}), Pe = R.forwardRef((e, a) => {
+  const i = O(e, B(e), e.inputRef);
+  return /* @__PURE__ */ u(
+    w,
+    {
+      ...e,
+      ...i,
+      ref: a
+    }
+  );
+}), Ge = R.forwardRef(
+  (e, a) => {
+    [e, a] = Q(e, a, K);
+    const i = T(X), o = e.validationBehavior ?? (i == null ? void 0 : i.validationBehavior) ?? "native", d = R.useContext(ve), l = R.useRef(null), r = se(e), t = k({
+      ref: a,
+      isDisabled: e.isDisabled
+    }), n = le();
+    return d ? /* @__PURE__ */ u(
+      he,
+      {
+        ...e,
+        state: d,
+        inputRef: l,
+        hoverResult: r,
+        pressResult: t,
+        focusRingAria: n,
+        validationBehavior: o
+      }
+    ) : /* @__PURE__ */ u(
+      Pe,
+      {
+        ...e,
+        inputRef: l,
+        hoverResult: r,
+        pressResult: t,
+        focusRingAria: n,
+        validationBehavior: o
+      }
+    );
+  }
+);
+export {
+  te as $,
+  Ge as C,
+  ve as a,
+  g as s
+};

package/{CheckboxGroup-BkzQi1FB.js → CheckboxGroup-BeBThHOu.js}

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { a as P, L as V } from "./Label-BqvFQoEF.js";
-import { T as S } from "./Text-BBFWBNAH.js";
+import { a as P, L as V } from "./Label-DH4JI6a4.js";
+import { T as y } from "./Text-CnY7jiPS.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-CIxlNQCM.js";
+import { useState as S, useRef as C } from "react";
+import { $ as R, C as v, s as D, a as I } from "./Checkbox-ujNi8mrO.js";
+import { $ as O, F as k } from "./FieldError-DtEDCIQK.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-Bx76iuoW.js";
+import { $ as W } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as p } from "./useField-Bx76iuoW.js";
 import { $ as B } from "./useFocusWithin-DhXBuB2O.js";
 import { u as L } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 function G(e, a) {
-  let { isDisabled: t, name: c, form: f, validationBehavior: n = "aria" } = e, { isInvalid: r, validationErrors: d, validationDetails: l } = a.displayValidation, { labelProps: u, fieldProps: $, descriptionProps: i, errorMessageProps: o } = W({
+  let { isDisabled: t, name: c, form: f, validationBehavior: n = "aria" } = e, { isInvalid: r, validationErrors: d, validationDetails: l } = a.displayValidation, { labelProps: u, fieldProps: $, descriptionProps: i, errorMessageProps: o } = p({
     ...e,
     // Checkbox group is not an HTML input element so it
     // shouldn't be labeled by a <label> element.
@@ -21,14 +21,14 @@ function G(e, a) {
     isInvalid: r,
     errorMessage: e.errorMessage || d
   });
-  p.set(a, {
+  R.set(a, {
     name: c,
     form: f,
     descriptionId: i.id,
     errorMessageId: o.id,
     validationBehavior: n
   });
-  let b = O(e, {
+  let b = W(e, {
     labelable: !0
   }), { focusWithinProps: x } = B({
     onBlurWithin: e.onBlur,
@@ -51,7 +51,7 @@ function G(e, a) {
   };
 }
 function _(e = {}) {
-  let [a, t] = E(e.value, e.defaultValue || [], e.onChange), [c] = C(a), f = !!e.isRequired && a.length === 0, n = y(/* @__PURE__ */ new Map()), r = F({
+  let [a, t] = E(e.value, e.defaultValue || [], e.onChange), [c] = S(a), f = !!e.isRequired && a.length === 0, n = C(/* @__PURE__ */ new Map()), r = F({
     ...e,
     value: a
   }), d = r.displayValidation.isInvalid;
@@ -95,7 +95,7 @@ const j = (e, { value: a }) => {
     someSelected: !n && !r,
     checkboxValues: f
   };
-}, h = ({ state: e, errorMessage: a }) => /* @__PURE__ */ s(R.Provider, { value: e.displayValidation, children: /* @__PURE__ */ s(k, { children: a }) }), q = { selectAll: "Select all" }, w = { selectAll: "Välj alla" }, T = {
+}, h = ({ state: e, errorMessage: a }) => /* @__PURE__ */ s(O.Provider, { value: e.displayValidation, children: /* @__PURE__ */ s(k, { children: a }) }), q = { selectAll: "Select all" }, w = { selectAll: "Välj alla" }, T = {
   en: q,
   sv: w
 };
@@ -114,10 +114,12 @@ function le(e) {
     {
       ...c,
       className: D.checkboxGroup,
+      "data-readonly": e.isReadOnly || void 0,
+      "data-disabled": e.isDisabled || void 0,
       children: [
         /* @__PURE__ */ s(P, { popover: e.popover, children: e.label && /* @__PURE__ */ s(V, { ...f, children: e.label }) }),
         e.description && /* @__PURE__ */ s(
-          S,
+          y,
           {
             slot: "description",
             ...n,
@@ -136,6 +138,7 @@ function le(e) {
           {
             isSelected: r,
             isIndeterminate: d,
+            isReadOnly: e.isReadOnly,
             onChange: u,
             children: e.selectAllLabel || t.format("selectAll")
           }

package/CheckboxGroup-BmEiqFKx.cjs

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