@midas-ds/components 1.0.2 → 1.0.3

package/Text-CQPW6xs7.js

@@ -0,0 +1,15 @@
+import { a as c } from "./useFocusRing-BKGhL91C.js";
+import o, { forwardRef as f, createContext as n } from "react";
+const $ = /* @__PURE__ */ n({}), s = /* @__PURE__ */ f(function(e, t) {
+  [e, t] = c(e, t, $);
+  let { elementType: a = "span", ...r } = e;
+  return /* @__PURE__ */ o.createElement(a, {
+    className: "react-aria-Text",
+    ...r,
+    ref: t
+  });
+});
+export {
+  $,
+  s as a
+};

package/TextField-DeK_yiK-.js

@@ -0,0 +1,225 @@
+import { jsx as r, jsxs as $, Fragment as k } from "react/jsx-runtime";
+import b, { forwardRef as y, createContext as N, useRef as A, useState as O, useCallback as _ } from "react";
+import { $ as q, a as j, b as C } from "./Form-BQQs3jUk.js";
+import { $ as w, a as W, T as d, b as z } from "./TextField.module-0-u4LVPp.js";
+import { $ as L, a as G } from "./useField-Dz62UHCP.js";
+import { $ as J, a as H } from "./Text-CQPW6xs7.js";
+import { a as g, b as K, c as M, d as I, e as B, x as Q, y as U, z as X, n as Y, A as Z } from "./useFocusRing-BKGhL91C.js";
+import { Button as ee } from "./index69.js";
+import { c as te } from "./clsx-OuTLNxxd.js";
+const S = /* @__PURE__ */ N({});
+let ae = (s) => {
+  let { onHoverStart: e, onHoverChange: t, onHoverEnd: n, ...i } = s;
+  return i;
+};
+const xe = /* @__PURE__ */ y(function(e, t) {
+  [e, t] = g(e, t, S);
+  let { hoverProps: n, isHovered: i } = K(e), { isFocused: a, isFocusVisible: u, focusProps: f } = M({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), l = !!e["aria-invalid"] && e["aria-invalid"] !== "false", c = I({
+    ...e,
+    values: {
+      isHovered: i,
+      isFocused: a,
+      isFocusVisible: u,
+      isDisabled: e.disabled || !1,
+      isInvalid: l
+    },
+    defaultClassName: "react-aria-TextArea"
+  });
+  return /* @__PURE__ */ b.createElement("textarea", {
+    ...B(ae(e), f, n),
+    ...c,
+    ref: t,
+    "data-focused": a || void 0,
+    "data-disabled": e.disabled || void 0,
+    "data-hovered": i || void 0,
+    "data-focus-visible": u || void 0,
+    "data-invalid": l || void 0
+  });
+}), ne = /* @__PURE__ */ N(null), de = /* @__PURE__ */ y(function(e, t) {
+  [e, t] = g(e, t, ne);
+  let { validationBehavior: n } = Q(q) || {};
+  var i, a;
+  let u = (a = (i = e.validationBehavior) !== null && i !== void 0 ? i : n) !== null && a !== void 0 ? a : "native", f = A(null), [l, c] = g({}, f, w), [p, v] = U(), [x, o] = O("input"), { labelProps: m, inputProps: F, descriptionProps: D, errorMessageProps: V, ...h } = W({
+    ...X(e),
+    inputElementType: x,
+    label: v,
+    validationBehavior: u
+  }, c), R = _((P) => {
+    c.current = P, P && o(P instanceof HTMLTextAreaElement ? "textarea" : "input");
+  }, [
+    c
+  ]), E = I({
+    ...e,
+    values: {
+      isDisabled: e.isDisabled || !1,
+      isInvalid: h.isInvalid,
+      isReadOnly: e.isReadOnly || !1,
+      isRequired: e.isRequired || !1
+    },
+    defaultClassName: "react-aria-TextField"
+  }), T = Y(e);
+  return delete T.id, /* @__PURE__ */ b.createElement("div", {
+    ...T,
+    ...E,
+    ref: t,
+    slot: e.slot || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": h.isInvalid || void 0,
+    "data-readonly": e.isReadOnly || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ b.createElement(Z, {
+    values: [
+      [
+        L,
+        {
+          ...m,
+          ref: p
+        }
+      ],
+      [
+        w,
+        {
+          ...B(F, l),
+          ref: R
+        }
+      ],
+      [
+        S,
+        {
+          ...F,
+          ref: R
+        }
+      ],
+      [
+        J,
+        {
+          slots: {
+            description: D,
+            errorMessage: V
+          }
+        }
+      ],
+      [
+        j,
+        h
+      ]
+    ]
+  }, E.children));
+}), me = ({
+  label: s,
+  description: e,
+  errorMessage: t,
+  validationType: n,
+  validate: i,
+  maxCharacters: a,
+  showCounter: u,
+  ...f
+}) => {
+  const [l, c] = b.useState(""), p = (o) => {
+    const m = o.target.value;
+    c(m);
+  }, v = (o) => n === "ssn" ? re.test(o) ? null : "Felaktigt personnummer" : n instanceof RegExp ? new RegExp(n).test(o) ? null : t == null ? void 0 : t.toString() : a ? a && o.length > a ? `Du har angett ${o.length - a} tecken för mycket. Fältet är begränsat till ${a} tecken.` : null : i ? i(o) : !0, x = () => a ? /* @__PURE__ */ $(
+    "span",
+    {
+      className: te(
+        d.count,
+        l.length > a && d.countExceeded
+      ),
+      children: [
+        l.length,
+        " / ",
+        a
+      ]
+    }
+  ) : u ? /* @__PURE__ */ r("span", { className: d.count, children: l.length }) : null;
+  return /* @__PURE__ */ r(
+    de,
+    {
+      className: d.inputField,
+      validate: v,
+      ...f,
+      children: /* @__PURE__ */ $(
+        se,
+        {
+          label: s,
+          description: e,
+          errorMessage: t,
+          children: [
+            /* @__PURE__ */ r(x, {}),
+            /* @__PURE__ */ $("div", { className: d.wrap, children: [
+              /* @__PURE__ */ r(
+                z,
+                {
+                  type: f.type,
+                  className: d.input,
+                  onChange: p,
+                  onBlur: p
+                }
+              ),
+              /* @__PURE__ */ r(
+                ie,
+                {
+                  type: f.type,
+                  input: l
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, ie = ({
+  type: s,
+  input: e
+}) => {
+  const [t, n] = b.useState(!1);
+  return s === "password" ? /* @__PURE__ */ $(k, { children: [
+    t && /* @__PURE__ */ r(
+      H,
+      {
+        slot: "description",
+        className: d.passwordText,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ r(
+      ee,
+      {
+        variant: "tertiary",
+        onPress: () => n(!t),
+        className: d.passwordButton,
+        children: t ? "Dölj" : "Visa"
+      }
+    )
+  ] }) : null;
+}, se = ({
+  label: s,
+  description: e,
+  errorMessage: t,
+  children: n
+}) => /* @__PURE__ */ $("div", { className: d.inputWrapper, children: [
+  s && /* @__PURE__ */ r(G, { className: d.label, children: s }),
+  e && /* @__PURE__ */ r(
+    H,
+    {
+      slot: "description",
+      className: d.text,
+      children: e
+    }
+  ),
+  /* @__PURE__ */ r(C, { className: d.fieldError, children: t }),
+  n
+] }), re = new RegExp(
+  "^(?:(?:19|20)?\\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4})?|\\d{4}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4}))$"
+);
+export {
+  de as $,
+  se as I,
+  me as T,
+  xe as a,
+  re as s
+};

package/TextField.module-0-u4LVPp.js

@@ -0,0 +1,143 @@
+import C, { useEffect as y, createContext as w } from "react";
+import { n as k, r as E, e as p, a as I, b as F, c as T, d as H } from "./useFocusRing-BKGhL91C.js";
+import { c as R, d as M, e as S } from "./Form-BQQs3jUk.js";
+import { $ as B } from "./useControlledState-DrAoodI6.js";
+import { b as V } from "./useField-Dz62UHCP.js";
+import { $ as W } from "./useFocusable-CRSmYEQc.js";
+import { $ as D } from "./Hidden-DngIphiL.js";
+import './TextField.css';function me(e, a) {
+  let { inputElementType: o = "input", isDisabled: i = !1, isRequired: t = !1, isReadOnly: d = !1, type: r = "text", validationBehavior: s = "aria" } = e, [n, l] = B(e.value, e.defaultValue || "", e.onChange), { focusableProps: $ } = W(e, a), f = R({
+    ...e,
+    value: n
+  }), { isInvalid: u, validationErrors: b, validationDetails: v } = f.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: _, errorMessageProps: g } = V({
+    ...e,
+    isInvalid: u,
+    errorMessage: e.errorMessage || b
+  }), P = k(e, {
+    labelable: !0
+  });
+  const h = {
+    type: r,
+    pattern: e.pattern
+  };
+  return M(a, n, l), S(e, f, a), y(() => {
+    if (a.current instanceof E(a.current).HTMLTextAreaElement) {
+      let c = a.current;
+      Object.defineProperty(c, "defaultValue", {
+        get: () => c.value,
+        set: () => {
+        },
+        configurable: !0
+      });
+    }
+  }, [
+    a
+  ]), {
+    labelProps: m,
+    inputProps: p(P, o === "input" ? h : void 0, {
+      disabled: i,
+      readOnly: d,
+      required: t && s === "native",
+      "aria-required": t && s === "aria" || void 0,
+      "aria-invalid": u || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-activedescendant": e["aria-activedescendant"],
+      "aria-autocomplete": e["aria-autocomplete"],
+      "aria-haspopup": e["aria-haspopup"],
+      "aria-controls": e["aria-controls"],
+      value: n,
+      onChange: (c) => l(c.target.value),
+      autoComplete: e.autoComplete,
+      autoCapitalize: e.autoCapitalize,
+      maxLength: e.maxLength,
+      minLength: e.minLength,
+      name: e.name,
+      placeholder: e.placeholder,
+      inputMode: e.inputMode,
+      autoCorrect: e.autoCorrect,
+      spellCheck: e.spellCheck,
+      // Clipboard events
+      onCopy: e.onCopy,
+      onCut: e.onCut,
+      onPaste: e.onPaste,
+      // Composition events
+      onCompositionEnd: e.onCompositionEnd,
+      onCompositionStart: e.onCompositionStart,
+      onCompositionUpdate: e.onCompositionUpdate,
+      // Selection events
+      onSelect: e.onSelect,
+      // Input events
+      onBeforeInput: e.onBeforeInput,
+      onInput: e.onInput,
+      ...$,
+      ...x
+    }),
+    descriptionProps: _,
+    errorMessageProps: g,
+    isInvalid: u,
+    validationErrors: b,
+    validationDetails: v
+  };
+}
+const L = /* @__PURE__ */ w({});
+let O = (e) => {
+  let { onHoverStart: a, onHoverChange: o, onHoverEnd: i, ...t } = e;
+  return t;
+};
+const xe = /* @__PURE__ */ D(function(a, o) {
+  [a, o] = I(a, o, L);
+  let { hoverProps: i, isHovered: t } = F(a), { isFocused: d, isFocusVisible: r, focusProps: s } = T({
+    isTextInput: !0,
+    autoFocus: a.autoFocus
+  }), n = !!a["aria-invalid"] && a["aria-invalid"] !== "false", l = H({
+    ...a,
+    values: {
+      isHovered: t,
+      isFocused: d,
+      isFocusVisible: r,
+      isDisabled: a.disabled || !1,
+      isInvalid: n
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ C.createElement("input", {
+    ...p(O(a), s, i),
+    ...l,
+    ref: o,
+    "data-focused": d || void 0,
+    "data-disabled": a.disabled || void 0,
+    "data-hovered": t || void 0,
+    "data-focus-visible": r || void 0,
+    "data-invalid": n || void 0
+  });
+}), q = '"../theme/tokens.css"', z = '"Inter", sans-serif', U = "#ffdfdf", j = "#f2f2f2", A = "#e6e6e6", N = "#bfbfbf", G = "#000000", J = "#e62323", K = "500", Q = "400", X = "#1f1f1f", Y = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Z = "_inputField_1kepw_4", ee = "_inputWrapper_1kepw_12", ae = "_label_1kepw_30", te = "_text_1kepw_36", oe = "_fieldError_1kepw_42", ne = "_passwordText_1kepw_66", ie = "_count_1kepw_79", de = "_countExceeded_1kepw_87", re = "_input_1kepw_4", se = "_wrap_1kepw_130", le = "_passwordButton_1kepw_135", _e = {
+  tokens: q,
+  display: z,
+  signalRed10: U,
+  gray10: j,
+  gray20: A,
+  gray50: N,
+  black: G,
+  signalRed100: J,
+  mediumWeight: K,
+  regularWeight: Q,
+  inputText: X,
+  focus: Y,
+  inputField: Z,
+  inputWrapper: ee,
+  label: ae,
+  text: te,
+  fieldError: oe,
+  passwordText: ne,
+  count: ie,
+  countExceeded: de,
+  input: re,
+  wrap: se,
+  passwordButton: le
+};
+export {
+  L as $,
+  _e as T,
+  me as a,
+  xe as b
+};

package/{VisuallyHidden-B_XzVvlX.js → VisuallyHidden-CFx06Bae.js}

@@ -1,4 +1,4 @@
-import { f as n, e as d } from "./useFocusRing-D97-G3fT.js";
+import { f as n, e as d } from "./useFocusRing-BKGhL91C.js";
 import u, { useState as f, useMemo as p } from "react";
 const a = {
   border: 0,

package/{context-ScOIq_Gu.js → context-Bnqknrce.js}

@@ -1,5 +1,5 @@
 import l, { useState as i, useEffect as d, useContext as $ } from "react";
-import { g as u } from "./useFocusRing-D97-G3fT.js";
+import { g as u } from "./useFocusRing-BKGhL91C.js";
 const s = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",

package/index-B-jHjTDC.js

@@ -0,0 +1,120 @@
+import w from "react";
+var m = { exports: {} }, y = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var L;
+function T() {
+  if (L) return y;
+  L = 1;
+  var s = w;
+  function l(t, o) {
+    return t === o && (t !== 0 || 1 / t === 1 / o) || t !== t && o !== o;
+  }
+  var c = typeof Object.is == "function" ? Object.is : l, _ = s.useState, u = s.useEffect, d = s.useLayoutEffect, p = s.useDebugValue;
+  function E(t, o) {
+    var e = o(), n = _({ inst: { value: e, getSnapshot: o } }), r = n[0].inst, a = n[1];
+    return d(
+      function() {
+        r.value = e, r.getSnapshot = o, f(r) && a({ inst: r });
+      },
+      [t, e, o]
+    ), u(
+      function() {
+        return f(r) && a({ inst: r }), t(function() {
+          f(r) && a({ inst: r });
+        });
+      },
+      [t]
+    ), p(e), e;
+  }
+  function f(t) {
+    var o = t.getSnapshot;
+    t = t.value;
+    try {
+      var e = o();
+      return !c(t, e);
+    } catch {
+      return !0;
+    }
+  }
+  function O(t, o) {
+    return o();
+  }
+  var S = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : E;
+  return y.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : S, y;
+}
+var h = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var x;
+function A() {
+  return x || (x = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(e, n) {
+      return e === n && (e !== 0 || 1 / e === 1 / n) || e !== e && n !== n;
+    }
+    function l(e, n) {
+      S || u.startTransition === void 0 || (S = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = n();
+      if (!t) {
+        var a = n();
+        d(r, a) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), t = !0);
+      }
+      a = p({
+        inst: { value: r, getSnapshot: n }
+      });
+      var i = a[0].inst, v = a[1];
+      return f(
+        function() {
+          i.value = r, i.getSnapshot = n, c(i) && v({ inst: i });
+        },
+        [e, r, n]
+      ), E(
+        function() {
+          return c(i) && v({ inst: i }), e(function() {
+            c(i) && v({ inst: i });
+          });
+        },
+        [e]
+      ), O(r), r;
+    }
+    function c(e) {
+      var n = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = n();
+        return !d(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function _(e, n) {
+      return n();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var u = w, d = typeof Object.is == "function" ? Object.is : s, p = u.useState, E = u.useEffect, f = u.useLayoutEffect, O = u.useDebugValue, S = !1, t = !1, o = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : l;
+    h.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : o, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), h;
+}
+process.env.NODE_ENV === "production" ? m.exports = T() : m.exports = A();
+var D = m.exports;
+export {
+  D as s
+};

package/{index-CorR1LBD.js → index-BPdc9gJ8.js}

@@ -1,5 +1,5 @@
-import { g as X, c as W, e as cn, a as Ut } from "./react.esm-D8HpDGKP.js";
-import { a as ln, b as fn } from "./index-Dl1Q-tbj.js";
+import { g as X, c as W, e as cn, a as Ut } from "./react.esm-sMU8Z7rL.js";
+import { a as ln, b as fn } from "./index-KSgQWWiy.js";
 var dn = (e) => {
   const t = e.match(/^[ \t]*(?=\S)/gm);
   return t ? t.reduce((r, n) => Math.min(r, n.length), 1 / 0) : 0;
@@ -985,7 +985,7 @@ function Qc(e, t) {
   }
 }
 function el(e, t, r) {
-  return t && Qc(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+  return Qc(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
 function tl(e, t, r) {
   return t = gr(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;