@midas-ds/components 1.1.0 → 1.2.3

package/package.json

@@ -14,8 +14,9 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "1.1.0",
-  "main": "./index.js",
+  "version": "1.2.3",
+  "main": "./index.cjs",
+  "module": "./index.js",
   "types": "./index.d.ts",
   "type": "module",
   "files": [
@@ -29,7 +30,23 @@
     "url": "https://github.com/migrationsverket/midas"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs"
+    },
+    "./theme": {
+      "import": "./theme.js",
+      "require": "./theme.cjs"
+    }
+  },
+  "dependencies": {
+    "@react-stately/toast": "3.0.0-beta.7",
+    "react-aria": "3.37.0",
+    "react-aria-components": "^1.6.0",
+    "react-stately": "3.35.0"
   }
 }

package/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./tokens-BskyMDHv.cjs"),s={...o.tokens};exports.accessibility=o.accessibility;exports.baseColors=o.baseColors;exports.borderRadius=o.borderRadius;exports.borderWidths=o.borderWidths;exports.boxShadow=o.boxShadow;exports.breakpoints=o.breakpoints;exports.buttonColors=o.buttonColors;exports.font=o.font;exports.fontSizes=o.fontSizes;exports.fontWeights=o.fontWeights;exports.inputColor=o.inputColor;exports.midasColors=o.midasColors;exports.midasTransitions=o.midasTransitions;exports.signalColors=o.signalColors;exports.theme=s;

package/theme.js

@@ -0,0 +1,20 @@
+import { t as s } from "./tokens-CjXmpXTi.js";
+import { j as r, b as e, c as n, d as b, l as d, h as l, a as m, k as f, e as h, f as p, i as C, m as c, g, s as k } from "./tokens-CjXmpXTi.js";
+const a = { ...s };
+export {
+  r as accessibility,
+  e as baseColors,
+  n as borderRadius,
+  b as borderWidths,
+  d as boxShadow,
+  l as breakpoints,
+  m as buttonColors,
+  f as font,
+  h as fontSizes,
+  p as fontWeights,
+  C as inputColor,
+  c as midasColors,
+  g as midasTransitions,
+  k as signalColors,
+  a as theme
+};

package/tokens-BskyMDHv.cjs

@@ -0,0 +1 @@
+"use strict";const e={white:"#ffffff",black:"#000000",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray130:"#5d5d5d",gray150:"#1f1f1f",red10:"#f7e9e7",red20:"#f1d4d1",red30:"#e9beba",red40:"#e2a8a4",red50:"#d9918e",red60:"#d37a7a",red70:"#cc6467",red80:"#c54c56",red90:"#be3345",red100:"#b90835",red130:"#8b1327",red150:"#641018",blue10:"#eaf2f6",blue20:"#d5e5ed",blue30:"#c0d7e4",blue40:"#abcbdb",blue50:"#94bcd1",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue130:"#25607f",blue150:"#143c50"},o={outline:"#303030",primaryBackground:e.blue150,primaryText:"#303030",primaryHover:e.blue130,primaryFocus:e.black,primaryActive:"#4289ae",secondaryBackground:e.gray130,secondaryText:e.white,secondaryHover:"#303030",secondaryActive:"#303030"},i={inputText:e.gray150},r={signalGreen10:"#d5f2d9",signalGreen100:"#008d3c",signalBlue10:e.blue10,signalBlue100:"#0066cc",signalYellow10:"#fff8e1",signalYellow100:"#f1c21b",signalRed10:"#ffdfdf",signalRed100:"#e62323",signalRed130:"#b31b1b",signalRed150:"#801313"},a={sRadius:" 0.125rem",mRadius:" 0.25rem"},t={xsWidth:" 0.0625rem",sWidth:" 0.125rem",mWidth:" 0.25rem"},d={lightWeight:"300",regularWeight:"400",mediumWeight:"500",semiBoldWeight:"600",boldWeight:"700",blackWeight:"900"},n={desktopSize:"1rem",mobileSize:"1rem",largeSize:"1.5rem",inputNormalSize:"0.875rem",inputMessageSize:"0.75rem",inputLabelSize:"1rem",inputDescriptionSize:"0.875rem"},s={logoPrimary:e.red100,logoSecondary:e.white,textPrimary:e.gray150,textSecondary:e.white,textTertiary:e.red100,link:e.blue130,linkVisited:"#663366",backgroundPrimary:e.white,backgroundSecondary:e.gray10,backgroundFooter1:e.red100,backgroundFooter2:e.red130,backgroundInfo:e.blue10,backgroundImportant:r.signalYellow10,borderPrimary:e.black,borderSecondary:e.gray60,borderFocusOuter:e.black,borderFocusInner:e.white,iconPrimary:e.black,iconInverted:e.white},c={slowTransition:"500ms",normalTransition:"300ms",fastTransition:"250ms"},l={smBreakpoint:"(max-width: 767px)",mdBreakpoint:"(min-width: 768px)",lgBreakpoint:"(min-width: 1200px)",xlBreakpoint:"(min-width: 1440px)"},b={forcedColorsMode:"(forced-colors: active)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},g={display:'"Inter", sans-serif'},u={focus:"0 0 0 2px white, 0 0 0 4px black"},m=Object.freeze(Object.defineProperty({__proto__:null,accessibility:b,baseColors:e,borderRadius:a,borderWidths:t,boxShadow:u,breakpoints:l,buttonColors:o,font:g,fontSizes:n,fontWeights:d,inputColor:i,midasColors:s,midasTransitions:c,signalColors:r},Symbol.toStringTag,{value:"Module"}));exports.accessibility=b;exports.baseColors=e;exports.borderRadius=a;exports.borderWidths=t;exports.boxShadow=u;exports.breakpoints=l;exports.buttonColors=o;exports.font=g;exports.fontSizes=n;exports.fontWeights=d;exports.inputColor=i;exports.midasColors=s;exports.midasTransitions=c;exports.signalColors=r;exports.tokens=m;

package/Breadcrumbs.css

@@ -1 +0,0 @@
-._container_k9jic_4{padding-inline-start:0;font-family:Inter,sans-serif;display:flex;flex-flow:row wrap;gap:.25rem;list-style:none;margin:0}._container_k9jic_4 li:not(:last-child):after{color:#1f1f1f;content:"/";alt:" ";padding:0 5px}._container_k9jic_4 li[data-current=true] a{cursor:default}

package/Button-DL6nqUco.js

@@ -1,182 +0,0 @@
-import { n as I, e as x, o as E, a as w, c as F, b as N, d as O, k as y } from "./useFocusRing-9PXyKy2A.js";
-import L, { createContext as A, useRef as S, useEffect as V } from "react";
-import { $ as M } from "./Hidden-CVlUgUJM.js";
-import { $ as R } from "./useFocusable-CcEBZe40.js";
-function k(n, e) {
-  let {
-    elementType: t = "button",
-    isDisabled: d,
-    onPress: i,
-    onPressStart: a,
-    onPressEnd: r,
-    onPressUp: v,
-    onPressChange: l,
-    preventFocusOnPress: $,
-    allowFocusWhenDisabled: g,
-    // @ts-ignore
-    onClick: c,
-    href: h,
-    target: P,
-    rel: u,
-    type: f = "button"
-  } = n, o;
-  t === "button" ? o = {
-    type: f,
-    disabled: d
-  } : o = {
-    role: "button",
-    tabIndex: d ? void 0 : 0,
-    href: t === "a" && !d ? h : void 0,
-    target: t === "a" ? P : void 0,
-    type: t === "input" ? f : void 0,
-    disabled: t === "input" ? d : void 0,
-    "aria-disabled": !d || t === "input" ? void 0 : d,
-    rel: t === "a" ? u : void 0
-  };
-  let { pressProps: b, isPressed: p } = I({
-    onPressStart: a,
-    onPressEnd: r,
-    onPressChange: l,
-    onPress: i,
-    onPressUp: v,
-    isDisabled: d,
-    preventFocusOnPress: $,
-    ref: e
-  }), { focusableProps: m } = R(n, e);
-  g && (m.tabIndex = d ? -1 : m.tabIndex);
-  let _ = x(m, b, E(n, {
-    labelable: !0
-  }));
-  return {
-    isPressed: p,
-    buttonProps: x(o, _, {
-      "aria-haspopup": n["aria-haspopup"],
-      "aria-expanded": n["aria-expanded"],
-      "aria-controls": n["aria-controls"],
-      "aria-pressed": n["aria-pressed"],
-      onClick: (D) => {
-        c && (c(D), console.warn("onClick is deprecated, please use onPress"));
-      }
-    })
-  };
-}
-const T = 7e3;
-let s = null;
-function C(n, e = "assertive", t = T) {
-  s ? s.announce(n, e, t) : (s = new H(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? s.announce(n, e, t) : setTimeout(() => {
-    s != null && s.isAttached() && (s == null || s.announce(n, e, t));
-  }, 100));
-}
-function z(n) {
-  s && s.clear(n);
-}
-class H {
-  isAttached() {
-    var e;
-    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
-  }
-  createLog(e) {
-    let t = document.createElement("div");
-    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
-  }
-  destroy() {
-    this.node && (document.body.removeChild(this.node), this.node = null);
-  }
-  announce(e, t = "assertive", d = T) {
-    var i, a;
-    if (!this.node) return;
-    let r = document.createElement("div");
-    typeof e == "object" ? (r.setAttribute("role", "img"), r.setAttribute("aria-labelledby", e["aria-labelledby"])) : r.textContent = e, t === "assertive" ? (i = this.assertiveLog) === null || i === void 0 || i.appendChild(r) : (a = this.politeLog) === null || a === void 0 || a.appendChild(r), e !== "" && setTimeout(() => {
-      r.remove();
-    }, d);
-  }
-  clear(e) {
-    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
-  }
-  constructor() {
-    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
-      border: 0,
-      clip: "rect(0 0 0 0)",
-      clipPath: "inset(50%)",
-      height: "1px",
-      margin: "-1px",
-      overflow: "hidden",
-      padding: 0,
-      position: "absolute",
-      width: "1px",
-      whiteSpace: "nowrap"
-    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
-  }
-}
-const U = /* @__PURE__ */ A(null), j = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), B = /* @__PURE__ */ A({}), J = /* @__PURE__ */ M(function(e, t) {
-  [e, t] = w(e, t, B), e = K(e);
-  let d = e, { isPending: i } = d, { buttonProps: a, isPressed: r } = k(e, t), { focusProps: v, isFocused: l, isFocusVisible: $ } = F(e), { hoverProps: g, isHovered: c } = N({
-    ...e,
-    isDisabled: e.isDisabled || i
-  }), h = {
-    isHovered: c,
-    isPressed: (d.isPressed || r) && !i,
-    isFocused: l,
-    isFocusVisible: $,
-    isDisabled: e.isDisabled || !1,
-    isPending: i ?? !1
-  }, P = O({
-    ...e,
-    values: h,
-    defaultClassName: "react-aria-Button"
-  }), u = y(a.id), f = y(), o = a["aria-labelledby"];
-  i && (o ? o = `${o} ${f}` : a["aria-label"] && (o = `${u} ${f}`));
-  let b = S(i);
-  return V(() => {
-    let p = {
-      "aria-labelledby": o || u
-    };
-    (!b.current && l && i || b.current && l && !i) && C(p, "assertive"), b.current = i;
-  }, [
-    i,
-    l,
-    o,
-    u
-  ]), /* @__PURE__ */ L.createElement("button", {
-    ...E(e, {
-      propNames: j
-    }),
-    ...x(a, v, g),
-    ...P,
-    type: a.type === "submit" && i ? "button" : a.type,
-    id: u,
-    ref: t,
-    "aria-labelledby": o,
-    slot: e.slot || void 0,
-    "aria-disabled": i ? "true" : a["aria-disabled"],
-    "data-disabled": e.isDisabled || void 0,
-    "data-pressed": h.isPressed || void 0,
-    "data-hovered": c || void 0,
-    "data-focused": l || void 0,
-    "data-pending": i || void 0,
-    "data-focus-visible": $ || void 0
-  }, /* @__PURE__ */ L.createElement(U.Provider, {
-    value: {
-      id: f
-    }
-  }, P.children));
-});
-function K(n) {
-  return n.isPending && (n.onPress = void 0, n.onPressStart = void 0, n.onPressEnd = void 0, n.onPressChange = void 0, n.onPressUp = void 0, n.onKeyDown = void 0, n.onKeyUp = void 0, n.onClick = void 0, n.href = void 0), n;
-}
-export {
-  J as $,
-  B as a,
-  C as b,
-  k as c,
-  z as d
-};

package/Button.css

@@ -1 +0,0 @@
-._button_1tedv_4{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:.8125rem 1.9375rem;background-color:#143c50;border:solid 1px transparent;color:#fff;cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}._button_1tedv_4[data-focus-visible],._button_1tedv_4:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._button_1tedv_4:hover{background-color:#25607f}._button_1tedv_4[data-pressed]{background-color:#4289ad;outline:none}._primary_1tedv_36[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._secondary_1tedv_42{color:#143c50;background-color:#fff;border-color:#143c50;opacity:1}._secondary_1tedv_42:hover{color:#143c50;background-color:#f2f2f2}._secondary_1tedv_42[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff;border-color:#bfbfbf}._secondary_1tedv_42[data-pressed]{background-color:#e6e6e6;border-color:#143c50}._tertiary_1tedv_66{color:#143c50;background-color:transparent;padding:.8125rem .9375rem;opacity:1}._tertiary_1tedv_66:hover{color:#143c50;background-color:#f2f2f2}._tertiary_1tedv_66[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff}._tertiary_1tedv_66[data-pressed]{background-color:#e6e6e6}._iconBtn_1tedv_88{background-color:transparent;padding:.875rem;color:#000;display:flex;align-items:center}._iconBtn_1tedv_88:hover{background-color:#0000001a}._iconBtn_1tedv_88[data-disabled]{color:#bfbfbf;pointer-events:none}._iconBtn_1tedv_88[data-pressed]{background-color:#e6e6e6}._danger_1tedv_109{color:#fff;background-color:#e62323;opacity:1}._danger_1tedv_109:hover{color:#fff;background-color:#b31b1b}._danger_1tedv_109[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._danger_1tedv_109[data-pressed]{background-color:#801313;outline:none}._iconRight_1tedv_131{flex-direction:row-reverse}._fullwidth_1tedv_135{width:100%}._small_1tedv_139{min-height:1.5rem;font-size:.75rem;padding:.25rem .5rem}

package/ButtonGroup.css

@@ -1 +0,0 @@
-._buttonGroup_5pd8y_4{display:flex;flex-flow:row wrap;gap:.5rem}@media (max-width: 767px){._buttonGroup_5pd8y_4>*{width:100%}}

package/Card.css

@@ -1 +0,0 @@
-._card_vbecj_4{position:relative;font-family:Inter,sans-serif;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:1rem;padding:2rem 1.5rem;border-bottom:1px solid #000000;background-color:#fff;transition:transform .25s ease-in-out,background-color .25s ease-in-out}._card_vbecj_4:hover{background-color:#e6e6e6}._card_vbecj_4:active{background-color:#f2f2f2}._card_vbecj_4:focus-visible{outline:2px solid #000000;outline-offset:-2px}._content_vbecj_33{display:flex;flex-direction:column;gap:.5rem}._heading_vbecj_39{margin:0;font-size:1.5rem;line-height:2rem;font-weight:500;color:#1f1f1f}._image_vbecj_47{height:auto;width:100%;object-fit:cover;max-width:100%;vertical-align:middle;aspect-ratio:4/3}._background_vbecj_56{background-color:#d5e5ed}._text_vbecj_60{margin-block-start:0;color:#000;margin:0;padding:0}

package/Checkbox-q0dugR2t.js

@@ -1,402 +0,0 @@
-import { jsx as P, jsxs as K, Fragment as Q } from "react/jsx-runtime";
-import { c as U } from "./clsx-OuTLNxxd.js";
-import { a as X } from "./RSPContexts-BW2SEIqe.js";
-import { n as D, e as g, o as S, f as Y, a as w, y as M, z as Z, d as E, B as ee, i as ae, F as ie, A as q, c as de, b as le } from "./useFocusRing-9PXyKy2A.js";
-import { d as ne, c as B, e as te, f as F, g as se, h as re, $ as W, a as oe } from "./Form-BWBjJC6v.js";
-import { b as ce, $ as fe } from "./useField-DMzJIIN4.js";
-import { $ as ue } from "./Text-BCF0xvqL.js";
-import R, { useEffect as G, useRef as N, forwardRef as L, useContext as be, createContext as j } from "react";
-import { $ as H } from "./useControlledState-Kv9K2AYu.js";
-import { $ as ve } from "./useFocusable-CcEBZe40.js";
-import { a as $e } from "./VisuallyHidden-Dhr5caPC.js";
-import './Checkbox.css';function he(a, e, d) {
-  let { isDisabled: t = !1, isReadOnly: s = !1, value: r, name: o, children: l, "aria-label": f, "aria-labelledby": i, validationState: n = "valid", isInvalid: c } = a, v = (y) => {
-    y.stopPropagation(), e.setSelected(y.target.checked);
-  }, $ = l != null, u = f != null || i != null;
-  !$ && !u && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let { pressProps: b, isPressed: h } = D({
-    isDisabled: t
-  }), { pressProps: m, isPressed: x } = D({
-    isDisabled: t || s,
-    onPress() {
-      e.toggle();
-    }
-  }), { focusableProps: I } = ve(a, d), p = g(b, I), V = S(a, {
-    labelable: !0
-  });
-  return ne(d, e.isSelected, e.setSelected), {
-    labelProps: g(m, {
-      onClick: (y) => y.preventDefault()
-    }),
-    inputProps: g(V, {
-      "aria-invalid": c || n === "invalid" || void 0,
-      "aria-errormessage": a["aria-errormessage"],
-      "aria-controls": a["aria-controls"],
-      "aria-readonly": s || void 0,
-      onChange: v,
-      disabled: t,
-      ...r == null ? {} : {
-        value: r
-      },
-      name: o,
-      type: "checkbox",
-      ...p
-    }),
-    isSelected: e.isSelected,
-    isPressed: h || x,
-    isDisabled: t,
-    isReadOnly: s,
-    isInvalid: c || n === "invalid"
-  };
-}
-function T(a, e, d) {
-  let t = B({
-    ...a,
-    value: e.isSelected
-  }), { isInvalid: s, validationErrors: r, validationDetails: o } = t.displayValidation, { labelProps: l, inputProps: f, isSelected: i, isPressed: n, isDisabled: c, isReadOnly: v } = he({
-    ...a,
-    isInvalid: s
-  }, e, d);
-  te(a, t, d);
-  let { isIndeterminate: $, isRequired: u, validationBehavior: b = "aria" } = a;
-  G(() => {
-    d.current && (d.current.indeterminate = !!$);
-  });
-  let { pressProps: h } = D({
-    isDisabled: c || v,
-    onPress() {
-      let { [F]: m } = a, { commitValidation: x } = m || t;
-      x();
-    }
-  });
-  return {
-    labelProps: g(l, h),
-    inputProps: {
-      ...f,
-      checked: i,
-      "aria-required": u && b === "aria" || void 0,
-      required: u && b === "native"
-    },
-    isSelected: i,
-    isPressed: n,
-    isDisabled: c,
-    isReadOnly: v,
-    isInvalid: s,
-    validationErrors: r,
-    validationDetails: o
-  };
-}
-const A = /* @__PURE__ */ new WeakMap();
-function me(a, e) {
-  let { isDisabled: d, name: t, validationBehavior: s = "aria" } = a, { isInvalid: r, validationErrors: o, validationDetails: l } = e.displayValidation, { labelProps: f, fieldProps: i, descriptionProps: n, errorMessageProps: c } = ce({
-    ...a,
-    // Checkbox group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span",
-    isInvalid: r,
-    errorMessage: a.errorMessage || o
-  });
-  A.set(e, {
-    name: t,
-    descriptionId: n.id,
-    errorMessageId: c.id,
-    validationBehavior: s
-  });
-  let v = S(a, {
-    labelable: !0
-  }), { focusWithinProps: $ } = Y({
-    onBlurWithin: a.onBlur,
-    onFocusWithin: a.onFocus,
-    onFocusWithinChange: a.onFocusChange
-  });
-  return {
-    groupProps: g(v, {
-      role: "group",
-      "aria-disabled": d || void 0,
-      ...i,
-      ...$
-    }),
-    labelProps: f,
-    descriptionProps: n,
-    errorMessageProps: c,
-    isInvalid: r,
-    validationErrors: o,
-    validationDetails: l
-  };
-}
-function z(a = {}) {
-  let { isReadOnly: e } = a, [d, t] = H(a.isSelected, a.defaultSelected || !1, a.onChange);
-  function s(o) {
-    e || t(o);
-  }
-  function r() {
-    e || t(!d);
-  }
-  return {
-    isSelected: d,
-    setSelected: s,
-    toggle: r
-  };
-}
-function ge(a, e, d) {
-  const t = z({
-    isReadOnly: a.isReadOnly || e.isReadOnly,
-    isSelected: e.isSelected(a.value),
-    onChange(h) {
-      h ? e.addValue(a.value) : e.removeValue(a.value), a.onChange && a.onChange(h);
-    }
-  });
-  let { name: s, descriptionId: r, errorMessageId: o, validationBehavior: l } = A.get(e);
-  var f;
-  l = (f = a.validationBehavior) !== null && f !== void 0 ? f : l;
-  let { realtimeValidation: i } = B({
-    ...a,
-    value: t.isSelected,
-    // Server validation is handled at the group level.
-    name: void 0,
-    validationBehavior: "aria"
-  }), n = N(se), c = () => {
-    e.setInvalid(a.value, i.isInvalid ? i : n.current);
-  };
-  G(c);
-  let v = e.realtimeValidation.isInvalid ? e.realtimeValidation : i, $ = l === "native" ? e.displayValidation : v;
-  var u;
-  let b = T({
-    ...a,
-    isReadOnly: a.isReadOnly || e.isReadOnly,
-    isDisabled: a.isDisabled || e.isDisabled,
-    name: a.name || s,
-    isRequired: (u = a.isRequired) !== null && u !== void 0 ? u : e.isRequired,
-    validationBehavior: l,
-    [F]: {
-      realtimeValidation: v,
-      displayValidation: $,
-      resetValidation: e.resetValidation,
-      commitValidation: e.commitValidation,
-      updateValidation(h) {
-        n.current = h, c();
-      }
-    }
-  }, t, d);
-  return {
-    ...b,
-    inputProps: {
-      ...b.inputProps,
-      "aria-describedby": [
-        a["aria-describedby"],
-        e.isInvalid ? o : null,
-        r
-      ].filter(Boolean).join(" ") || void 0
-    }
-  };
-}
-function xe(a = {}) {
-  let [e, d] = H(a.value, a.defaultValue || [], a.onChange), t = !!a.isRequired && e.length === 0, s = N(/* @__PURE__ */ new Map()), r = B({
-    ...a,
-    value: e
-  }), o = r.displayValidation.isInvalid;
-  var l;
-  return {
-    ...r,
-    value: e,
-    setValue(i) {
-      a.isReadOnly || a.isDisabled || d(i);
-    },
-    isDisabled: a.isDisabled || !1,
-    isReadOnly: a.isReadOnly || !1,
-    isSelected(i) {
-      return e.includes(i);
-    },
-    addValue(i) {
-      a.isReadOnly || a.isDisabled || e.includes(i) || d(e.concat(i));
-    },
-    removeValue(i) {
-      a.isReadOnly || a.isDisabled || e.includes(i) && d(e.filter((n) => n !== i));
-    },
-    toggleValue(i) {
-      a.isReadOnly || a.isDisabled || (e.includes(i) ? d(e.filter((n) => n !== i)) : d(e.concat(i)));
-    },
-    setInvalid(i, n) {
-      let c = new Map(s.current);
-      n.isInvalid ? c.set(i, n) : c.delete(i), s.current = c, r.updateValidation(re(...c.values()));
-    },
-    validationState: (l = a.validationState) !== null && l !== void 0 ? l : o ? "invalid" : null,
-    isInvalid: o,
-    isRequired: t
-  };
-}
-const ye = /* @__PURE__ */ j(null), J = /* @__PURE__ */ j(null), da = /* @__PURE__ */ L(function(e, d) {
-  [e, d] = w(e, d, ye);
-  let { validationBehavior: t } = M(W) || {};
-  var s, r;
-  let o = (r = (s = e.validationBehavior) !== null && s !== void 0 ? s : t) !== null && r !== void 0 ? r : "native", l = xe({
-    ...e,
-    validationBehavior: o
-  }), [f, i] = Z(), { groupProps: n, labelProps: c, descriptionProps: v, errorMessageProps: $, ...u } = me({
-    ...e,
-    label: i,
-    validationBehavior: o
-  }, l), b = E({
-    ...e,
-    values: {
-      isDisabled: l.isDisabled,
-      isReadOnly: l.isReadOnly,
-      isRequired: e.isRequired || !1,
-      isInvalid: l.isInvalid,
-      state: l
-    },
-    defaultClassName: "react-aria-CheckboxGroup"
-  });
-  return /* @__PURE__ */ R.createElement("div", {
-    ...n,
-    ...b,
-    ref: d,
-    slot: e.slot || void 0,
-    "data-readonly": l.isReadOnly || void 0,
-    "data-required": e.isRequired || void 0,
-    "data-invalid": l.isInvalid || void 0,
-    "data-disabled": e.isDisabled || void 0
-  }, /* @__PURE__ */ R.createElement(ee, {
-    values: [
-      [
-        J,
-        l
-      ],
-      [
-        fe,
-        {
-          ...c,
-          ref: f,
-          elementType: "span"
-        }
-      ],
-      [
-        ue,
-        {
-          slots: {
-            description: v,
-            errorMessage: $
-          }
-        }
-      ],
-      [
-        oe,
-        u
-      ]
-    ]
-  }, b.children));
-}), Pe = /* @__PURE__ */ L(function(e, d) {
-  let { inputRef: t = null, ...s } = e;
-  [e, d] = w(s, d, X);
-  let { validationBehavior: r } = M(W) || {};
-  var o, l;
-  let f = (l = (o = e.validationBehavior) !== null && o !== void 0 ? o : r) !== null && l !== void 0 ? l : "native", i = be(J), n = ae(ie(t, e.inputRef !== void 0 ? e.inputRef : null)), { labelProps: c, inputProps: v, isSelected: $, isDisabled: u, isReadOnly: b, isPressed: h, isInvalid: m } = i ? ge({
-    ...q(e),
-    // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
-    // it's passed explicitly here to avoid typescript error (requires ignore).
-    // @ts-ignore
-    value: e.value,
-    // ReactNode type doesn't allow function children.
-    children: typeof e.children == "function" ? !0 : e.children
-  }, i, n) : T({
-    ...q(e),
-    children: typeof e.children == "function" ? !0 : e.children,
-    validationBehavior: f
-  }, z(e), n), { isFocused: x, isFocusVisible: I, focusProps: p } = de(), V = u || b, { hoverProps: y, isHovered: k } = le({
-    ...e,
-    isDisabled: V
-  }), O = E({
-    ...e,
-    defaultClassName: "react-aria-Checkbox",
-    values: {
-      isSelected: $,
-      isIndeterminate: e.isIndeterminate || !1,
-      isPressed: h,
-      isHovered: k,
-      isFocused: x,
-      isFocusVisible: I,
-      isDisabled: u,
-      isReadOnly: b,
-      isInvalid: m,
-      isRequired: e.isRequired || !1
-    }
-  }), _ = S(e);
-  return delete _.id, /* @__PURE__ */ R.createElement("label", {
-    ...g(_, c, y, O),
-    ref: d,
-    slot: e.slot || void 0,
-    "data-selected": $ || void 0,
-    "data-indeterminate": e.isIndeterminate || void 0,
-    "data-pressed": h || void 0,
-    "data-hovered": k || void 0,
-    "data-focused": x || void 0,
-    "data-focus-visible": I || void 0,
-    "data-disabled": u || void 0,
-    "data-readonly": b || void 0,
-    "data-invalid": m || void 0,
-    "data-required": e.isRequired || void 0
-  }, /* @__PURE__ */ R.createElement($e, {
-    elementType: "span"
-  }, /* @__PURE__ */ R.createElement("input", {
-    ...g(v, p),
-    ref: n
-  })), O.children);
-}), Re = '"../theme/tokens.css"', Ie = '"Inter", sans-serif', pe = "#000000", Ve = "#143c50", De = "#5897b8", Se = "#25607f", Be = "#ffdfdf", ke = "#e62323", Oe = "0 0 0 2px #ffffff, 0 0 0 4px #000000", _e = "#b31b1b", qe = "#ffffff", Ce = "#f2f2f2", we = "#cccccc", Me = "#808080", Ee = "#bfbfbf", Fe = "#e6e6e6", We = "400", Ge = "500", Ne = "(max-width: 767px)", Le = "#b3b3b3", je = "_wrap_qn5vw_4", He = "_checkboxInner_qn5vw_11", Te = "_checkbox_qn5vw_11", Ae = "_checkboxGroup_qn5vw_129", C = {
-  tokens: Re,
-  display: Ie,
-  black: pe,
-  primaryBackground: Ve,
-  blue80: De,
-  blue130: Se,
-  signalRed10: Be,
-  signalRed100: ke,
-  focus: Oe,
-  signalRed130: _e,
-  white: qe,
-  gray10: Ce,
-  gray40: we,
-  gray100: Me,
-  gray50: Ee,
-  gray20: Fe,
-  regularWeight: We,
-  mediumWeight: Ge,
-  smBreakpoint: Ne,
-  borderSecondary: Le,
-  wrap: je,
-  checkboxInner: He,
-  checkbox: Te,
-  checkboxGroup: Ae
-}, la = ({ children: a, ...e }) => /* @__PURE__ */ P(
-  Pe,
-  {
-    className: U(C.checkbox, e.className),
-    ...e,
-    children: ({ isIndeterminate: d }) => /* @__PURE__ */ K(Q, { children: [
-      /* @__PURE__ */ P("div", { className: C.checkboxInner, children: /* @__PURE__ */ P(
-        "svg",
-        {
-          width: 16,
-          height: 16,
-          viewBox: "0 0 18 18",
-          "aria-hidden": "true",
-          children: d ? /* @__PURE__ */ P(
-            "rect",
-            {
-              x: 4,
-              y: 8,
-              width: 10,
-              height: 2
-            }
-          ) : /* @__PURE__ */ P("polyline", { points: "3,9 7,13 15,4" })
-        }
-      ) }),
-      a
-    ] })
-  }
-);
-export {
-  da as $,
-  la as C,
-  J as a,
-  C as s
-};

package/Checkbox.css

@@ -1 +0,0 @@
-._wrap_qn5vw_4{grid-area:Input;display:flex;flex-direction:column;gap:.5rem}._checkboxInner_qn5vw_11{width:1rem;height:1rem;box-sizing:border-box;border:1px solid #000000;transition:all .2s;align-items:center;justify-content:center;forced-color-adjust:none;display:flex}._checkboxInner_qn5vw_11 svg{width:1rem;height:1rem;fill:none;stroke:var(--checkmarkColor, #ffffff);stroke-width:2px;stroke-dasharray:22;stroke-dashoffset:66;transition:all .2s}._checkbox_qn5vw_11{font-family:Inter,sans-serif;font-weight:400;--borderColorPressed: #b3b3b3;--selectedColor: #143c50;--selectedPressed: #5897b8;--selectedHover: #25607f;--invalidColor: #e62323;--invalidPressed: #b31b1b;--checkmarkColor: #ffffff;gap:.5rem;align-items:center;forced-color-adjust:none;display:flex;width:max-content}._checkbox_qn5vw_11:hover div{border-color:gray}._checkbox_qn5vw_11[data-pressed] div{border-color:var(--borderColorPressed)}._checkbox_qn5vw_11[data-focus-visible],._checkbox_qn5vw_11:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000;outline:none}._checkbox_qn5vw_11[data-selected] div,._checkbox_qn5vw_11[data-indeterminate] div{background:var(--selectedColor);border-color:var(--selectedColor)}._checkbox_qn5vw_11[data-invalid] div{border:2px solid var(--invalidColor)}._checkbox_qn5vw_11[data-disabled] div{pointer-events:none;border:1px solid #bfbfbf}._checkbox_qn5vw_11[data-selected]:hover div,._checkbox_qn5vw_11[data-indeterminate]:hover div{background:var(--selectedHover);border-color:var(--selectedHover)}._checkbox_qn5vw_11[data-selected][data-pressed] div,._checkbox_qn5vw_11[data-indeterminate][data-pressed] div{border-color:blue100;background:blue100}._checkbox_qn5vw_11[data-selected] svg,._checkbox_qn5vw_11[data-indeterminate] svg{stroke-dashoffset:44}._checkbox_qn5vw_11[data-indeterminate] svg{stroke:none;fill:var(--checkmarkColor)}._checkbox_qn5vw_11[data-invalid]:hover div{opacity:.5;border-color:var(--invalidColor)}._checkbox_qn5vw_11[data-invalid][data-pressed] div{border-color:var(--invalidPressed)}._checkbox_qn5vw_11[data-disabled]{color:#bfbfbf}._checkbox_qn5vw_11[data-disabled][data-selected] div,._checkbox_qn5vw_11[data-disabled][data-indeterminate] div{pointer-events:none;border:none;background:#e6e6e6}._checkboxGroup_qn5vw_129{font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:.5rem;font-size:1rem;min-width:150px}._checkboxGroup_qn5vw_129 span{display:flex;align-items:center;gap:.5rem}._checkboxGroup_qn5vw_129[data-disabled]{color:#bfbfbf}@media (max-width: 767px){._checkboxGroup_qn5vw_129 ._checkbox_qn5vw_11{padding:.875rem 1rem;border:1px solid #000000;width:auto}._checkboxGroup_qn5vw_129 ._checkbox_qn5vw_11:hover{background-color:#f2f2f2}._checkboxGroup_qn5vw_129 ._checkbox_qn5vw_11[data-invalid]{border:2px solid var(--invalidColor)}._checkboxGroup_qn5vw_129 ._checkbox_qn5vw_11[data-disabled]{pointer-events:none;border-color:#bfbfbf}}