@midas-ds/components 1.0.2 → 1.1.0

package/Checkbox-CllWDBxF.js

@@ -1,405 +0,0 @@
-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
-};