@midas-ds/components 1.0.2

package/Breadcrumbs.css

@@ -0,0 +1 @@
+._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-CCevm2s3.js

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

package/Button.css

@@ -0,0 +1 @@
+._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

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

package/CHANGELOG.md

@@ -0,0 +1,76 @@
+## 1.0.2 (2025-01-27)
+
+### 🚀 Features
+
+- **textarea:** new component
+- **docs:** add docusaurus boilerplate
+- **storybook:** add boilerplate storybook instance
+- **button:** add react aria button component
+
+### 🩹 Fixes
+
+- fix the link path in readme
+- **modal:** update modal docs
+- dependencies
+- **docs:** update url
+- **docs:** update url
+- **docs:** fix storybook link
+- new readme + doc build
+- change node version on deploy
+- **docs:** mend broken pages
+- **docs:** change doc structure
+- package.json and package-lock.json
+
+### ❤️ Thank You
+
+- jabir Khalil
+- pixelrickdreamer
+- Wilhelm Hjelm
+
+## 1.0.1 (2025-01-27)
+
+### 🚀 Features
+
+- **textarea:** new component
+
+### 🩹 Fixes
+
+- fix the link path in readme
+- **modal:** update modal docs
+- dependencies
+- **docs:** update url
+- **docs:** update url
+- **docs:** fix storybook link
+- new readme + doc build
+- change node version on deploy
+- **docs:** mend broken pages
+- **docs:** change doc structure
+
+### ❤️ Thank You
+
+- jabir Khalil
+- Wilhelm Hjelm
+
+# 1.0.0 (2025-01-27)
+
+### 🚀 Features
+
+- **textarea:** new component
+
+### 🩹 Fixes
+
+- fix the link path in readme
+- **modal:** update modal docs
+- dependencies
+- **docs:** update url
+- **docs:** update url
+- **docs:** fix storybook link
+- new readme + doc build
+- change node version on deploy
+- **docs:** mend broken pages
+- **docs:** change doc structure
+
+### ❤️ Thank You
+
+- jabir Khalil
+- Wilhelm Hjelm

package/Card.css

@@ -0,0 +1 @@
+._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-CllWDBxF.js

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

package/Checkbox.css

@@ -0,0 +1 @@
+._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}}