@midas-ds/components 12.0.0 → 12.1.0

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-DQJVM-mZ.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-BM2vxlNA.cjs"),d=require("./Input-DIhhWEPW.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_4224k_4",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-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-DT7A0wWP.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+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 = 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": c || void 0,
+      children: o ? `${a} / ${r}` : a
+    }
+  );
+});
+export {
+  l as C
+};

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=_;

package/CheckboxGroup-CjcDYBRk.js

@@ -0,0 +1,157 @@
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { a as P, L as V } from "./Label-BG7G0iyG.js";
+import { T as C } from "./Text-CmlsaWMA.js";
+import * as m from "react";
+import { useState as S, useRef as y } from "react";
+import { $ as p, C as v, s as D, a as I } from "./Checkbox-BtM2rFh9.js";
+import { $ as R, F as k } from "./FieldError-DdvFyIf4.js";
+import { $ as F, c as A } from "./useFormValidation-L0UHvOsP.js";
+import { $ as E } from "./useControlledState-u436Wbp1.js";
+import { a as M } from "./mergeProps-BSsN7Bgk.js";
+import { $ as O } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as W } from "./useField-BMegM8fA.js";
+import { $ as B } from "./useFocusWithin-ClMkhYcq.js";
+import { u as L } from "./useLocalizedStringFormatter-N0AyjzbM.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({
+    ...e,
+    // Checkbox group is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span",
+    isInvalid: r,
+    errorMessage: e.errorMessage || d
+  });
+  p.set(a, {
+    name: c,
+    form: f,
+    descriptionId: i.id,
+    errorMessageId: o.id,
+    validationBehavior: n
+  });
+  let b = O(e, {
+    labelable: !0
+  }), { focusWithinProps: x } = B({
+    onBlurWithin: e.onBlur,
+    onFocusWithin: e.onFocus,
+    onFocusWithinChange: e.onFocusChange
+  });
+  return {
+    groupProps: M(b, {
+      role: "group",
+      "aria-disabled": t || void 0,
+      ...$,
+      ...x
+    }),
+    labelProps: u,
+    descriptionProps: i,
+    errorMessageProps: o,
+    isInvalid: r,
+    validationErrors: d,
+    validationDetails: l
+  };
+}
+function _(e = {}) {
+  let [a, t] = E(e.value, e.defaultValue || [], e.onChange), [c] = S(a), f = !!e.isRequired && a.length === 0, n = y(/* @__PURE__ */ new Map()), r = F({
+    ...e,
+    value: a
+  }), d = r.displayValidation.isInvalid;
+  var l, u;
+  return {
+    ...r,
+    value: a,
+    defaultValue: (l = e.defaultValue) !== null && l !== void 0 ? l : c,
+    setValue(i) {
+      e.isReadOnly || e.isDisabled || t(i);
+    },
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isSelected(i) {
+      return a.includes(i);
+    },
+    addValue(i) {
+      e.isReadOnly || e.isDisabled || a.includes(i) || (a = a.concat(i), t(a));
+    },
+    removeValue(i) {
+      e.isReadOnly || e.isDisabled || a.includes(i) && t(a.filter((o) => o !== i));
+    },
+    toggleValue(i) {
+      e.isReadOnly || e.isDisabled || (a.includes(i) ? t(a.filter((o) => o !== i)) : t(a.concat(i)));
+    },
+    setInvalid(i, o) {
+      let b = new Map(n.current);
+      o.isInvalid ? b.set(i, o) : b.delete(i), n.current = b, r.updateValidation(A(...b.values()));
+    },
+    validationState: (u = e.validationState) !== null && u !== void 0 ? u : d ? "invalid" : null,
+    isInvalid: d,
+    isRequired: f
+  };
+}
+const j = (e, { value: a }) => {
+  const t = m.Children.toArray(e).filter(
+    (l) => m.isValidElement(l) && l.type === v
+  ), c = m.Children.count(t), f = m.Children.toArray(e).filter((l) => m.isValidElement(l)).filter((l) => !!l && l.type === v).map((l) => l.props.value), n = a.length === 0, r = a.length === c;
+  return {
+    allSelected: r,
+    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 = {
+  en: q,
+  sv: w
+};
+function le(e) {
+  const a = _(e), t = L(T), { groupProps: c, labelProps: f, descriptionProps: n } = G(
+    e,
+    a
+  ), { allSelected: r, someSelected: d, checkboxValues: l } = j(
+    e.children,
+    a
+  ), u = ($) => {
+    a.setValue($ ? l : []);
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ...c,
+      className: D.checkboxGroup,
+      children: [
+        /* @__PURE__ */ s(P, { popover: e.popover, children: e.label && /* @__PURE__ */ s(V, { ...f, children: e.label }) }),
+        e.description && /* @__PURE__ */ s(
+          C,
+          {
+            slot: "description",
+            ...n,
+            children: e.description
+          }
+        ),
+        e.errorPosition === "top" && /* @__PURE__ */ s(
+          h,
+          {
+            ...e,
+            state: a
+          }
+        ),
+        e.showSelectAll && /* @__PURE__ */ s(
+          v,
+          {
+            isSelected: r,
+            isIndeterminate: d,
+            onChange: u,
+            children: e.selectAllLabel || t.format("selectAll")
+          }
+        ),
+        /* @__PURE__ */ s(I.Provider, { value: a, children: e.children }),
+        e.errorPosition === "bottom" && /* @__PURE__ */ s(
+          h,
+          {
+            ...e,
+            state: a
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  le as C
+};