@midas-ds/components 1.1.0 → 1.3.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}}