@midas-ds/components 10.1.0 → 10.2.0

package/Text-3MNwRMpI.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Text.css');const b=require("react/jsx-runtime"),y=require("./clsx-C11secjj.cjs"),p=require("./Text-B2K-BJKQ.cjs"),_="_description_17s3x_24",s={"body-01":"_body-01_17s3x_4","body-02":"_body-02_17s3x_5",description:_},t="span",a=({children:o,className:c,variant:n="body-02",isExpressive:d=!1,elementType:r=t,...e})=>{const i={"body-01":s["body-01"],"body-02":s["body-02"]},x={className:y.clsx(e.slot==="description"?s.description:i[n],c),elementType:r||t,...d&&{"data-expressive":!0},...e};return b.jsx(p.$514c0188e459b4c0$export$5f1af8db9871e1d6,{...x,children:o})};exports.Text=a;

package/Text-B2K-BJKQ.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("./utils-BNtZbAib.cjs"),c=require("react"),a=c.createContext({}),n=c.forwardRef(function(e,t){[e,t]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,a);let{elementType:r="span",...$}=e;return c.createElement(r,{className:"react-aria-Text",...$,ref:t})});exports.$514c0188e459b4c0$export$5f1af8db9871e1d6=n;exports.$514c0188e459b4c0$export$9afb8bc826b033ea=a;

package/Text-BN-g1iWi.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as b } from "./clsx-OuTLNxxd.js";
+import { $ as y } from "./Text-B_H68Tvq.js";
+import './assets/Text.css';const x = "_description_17s3x_24", s = {
+  "body-01": "_body-01_17s3x_4",
+  "body-02": "_body-02_17s3x_5",
+  description: x
+}, t = "span", f = ({
+  children: e,
+  className: c,
+  variant: d = "body-02",
+  isExpressive: r = !1,
+  elementType: i = t,
+  ...o
+}) => {
+  const n = {
+    "body-01": s["body-01"],
+    "body-02": s["body-02"]
+  }, p = {
+    className: b(
+      o.slot === "description" ? s.description : n[d],
+      c
+    ),
+    elementType: i || t,
+    ...r && { "data-expressive": !0 },
+    ...o
+  };
+  return /* @__PURE__ */ a(y, { ...p, children: e });
+};
+export {
+  f as T
+};

package/Text-B_H68Tvq.js

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

package/TextArea-DSiQ578a.js

@@ -0,0 +1,206 @@
+import { jsxs as h, jsx as s, Fragment as p } from "react/jsx-runtime";
+import * as n from "react";
+import { useMemo as x } from "react";
+import { a as w } from "./utils-HNTsIwux.js";
+import { a as k, $ as N } from "./Input-D8Ku_FQz.js";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { s as i } from "./TextField.module-BcpPBWnD.js";
+import { T as $ } from "./Text-BN-g1iWi.js";
+import { B as g } from "./Button-CbFRzRrF.js";
+import { $ as y, a as T } from "./LocalizedStringFormatter-D-4Qyql0.js";
+import { $ as F } from "./context-B8cn10po.js";
+import { $ as S, a as v, b as j } from "./TextField-DBaRuNj7.js";
+import { L as z } from "./Label-C9ivwkAd.js";
+import { F as m } from "./FieldError-Dv3bBEjh.js";
+import { C as P } from "./CharacterCounter-CPGdboVJ.js";
+const b = n.forwardRef((e, o) => {
+  [e] = w(e, o, v);
+  const {
+    label: r,
+    description: t,
+    errorMessage: a,
+    showCounter: c,
+    errorPosition: f = "top",
+    size: u = "large"
+  } = e;
+  return /* @__PURE__ */ h(
+    S,
+    {
+      ...e,
+      className: d(i.textField, {
+        [i.medium]: u === "medium"
+      }),
+      children: [
+        r && /* @__PURE__ */ s(z, { children: r }),
+        t && /* @__PURE__ */ s($, { slot: "description", children: t }),
+        c && /* @__PURE__ */ s(P, { isLonely: !t }),
+        f === "top" && /* @__PURE__ */ s(m, { "data-testid": "fieldError", children: a }),
+        /* @__PURE__ */ s("div", { className: i.wrap, children: e.children }),
+        f === "bottom" && /* @__PURE__ */ s(
+          m,
+          {
+            "data-testid": "fieldError",
+            className: i.bottomError,
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}), l = /* @__PURE__ */ new WeakMap();
+function C(e) {
+  let o = l.get(e);
+  return o || (o = new T(e, "sv-SE"), l.set(e, o)), o;
+}
+function M(e, o) {
+  return C(e);
+}
+function E(e, o) {
+  const { locale: r } = F(), t = M(e);
+  return x(
+    () => new y(r, t),
+    [t, r]
+  );
+}
+const L = {
+  hide: "Hide",
+  show: "Show"
+}, R = {
+  hide: "Dölj",
+  show: "Visa"
+}, A = {
+  hide: "Ocultar",
+  show: "Mostrar"
+}, B = {
+  hide: "Cacher",
+  show: "Afficher"
+}, D = {
+  hide: "Verstecken",
+  show: "Anzeigen"
+}, V = {
+  hide: "隠す",
+  show: "表示"
+}, G = {
+  hide: "隐藏",
+  show: "显示"
+}, H = {
+  hide: "إخفاء",
+  show: "إظهار"
+}, I = {
+  hide: "Скрыть",
+  show: "Показать"
+}, O = {
+  hide: "Ocultar",
+  show: "Mostrar"
+}, U = {
+  hide: "Nascondi",
+  show: "Mostra"
+}, W = {
+  hide: "숨기기",
+  show: "보여주기"
+}, q = {
+  hide: "छुपाएँ",
+  show: "दिखाएँ"
+}, J = {
+  hide: "Verbergen",
+  show: "Tonen"
+}, K = {
+  hide: "Ukryj",
+  show: "Pokaż"
+}, Q = {
+  hide: "Gizle",
+  show: "Göster"
+}, X = {
+  hide: "Ẩn",
+  show: "Hiện"
+}, Y = {
+  hide: "ซ่อน",
+  show: "แสดง"
+}, Z = {
+  hide: "Sembunyikan",
+  show: "Tampilkan"
+}, _ = {
+  hide: "Sembunyikan",
+  show: "Tunjukkan"
+}, ee = {
+  en: L,
+  sv: R,
+  es: A,
+  fr: B,
+  de: D,
+  ja: V,
+  zh: G,
+  ar: H,
+  ru: I,
+  pt: O,
+  it: U,
+  ko: W,
+  hi: q,
+  nl: J,
+  pl: K,
+  tr: Q,
+  vi: X,
+  th: Y,
+  id: Z,
+  ms: _
+}, oe = ({ value: e }) => {
+  const [o, r] = n.useState(!1), t = () => r((c) => !c), a = E(ee);
+  return /* @__PURE__ */ h(p, { children: [
+    o && /* @__PURE__ */ s(
+      $,
+      {
+        slot: "description",
+        className: i.passwordText,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ s(
+      g,
+      {
+        variant: "tertiary",
+        onPress: t,
+        className: i.passwordButton,
+        children: o ? a.format("hide") : a.format("show")
+      }
+    )
+  ] });
+}, se = n.forwardRef(
+  (e, o) => ([e, o] = w(e, o, N), /* @__PURE__ */ h("div", { className: i.wrap, children: [
+    /* @__PURE__ */ s(
+      k,
+      {
+        ...e,
+        ref: o,
+        className: d(i.input, e.className)
+      }
+    ),
+    e.type === "password" && /* @__PURE__ */ s(oe, { ...e })
+  ] }))
+), ue = n.forwardRef(
+  ({ className: e, form: o, list: r, ...t }, a) => /* @__PURE__ */ s(b, { ...t, children: /* @__PURE__ */ s(
+    se,
+    {
+      className: d(e),
+      form: o,
+      list: r,
+      ref: a
+    }
+  ) })
+), pe = n.forwardRef(
+  ({ className: e, form: o, rows: r, wrap: t, ...a }, c) => /* @__PURE__ */ s(b, { ...a, children: /* @__PURE__ */ s(
+    j,
+    {
+      className: d(i.textArea, e),
+      form: o,
+      ref: c,
+      rows: r,
+      wrap: t
+    }
+  ) })
+);
+export {
+  se as I,
+  b as T,
+  ue as a,
+  pe as b
+};

package/TextArea-cVyGBRbL.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),b=require("react"),m=require("./utils-BNtZbAib.cjs"),f=require("./Input-DKSAYvsw.cjs"),d=require("./clsx-C11secjj.cjs"),n=require("./TextField.module-Dw5Rtn9y.cjs"),$=require("./Text-3MNwRMpI.cjs"),g=require("./Button-iSiWjocA.cjs"),j=require("./LocalizedStringFormatter-C0C54hjf.cjs"),T=require("./context-DjwhtgxQ.cjs"),l=require("./TextField-B70CL2qz.cjs"),F=require("./Label-IMWAyoKb.cjs"),x=require("./FieldError-BZw8UzBk.cjs"),k=require("./CharacterCounter-CrY8QRuY.cjs");function q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=q(b),h=a.forwardRef((e,t)=>{[e]=m.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,l.$bcdf0525bf22703d$export$2129e27b3ef0d483);const{label:r,description:o,errorMessage:c,showCounter:i,errorPosition:u="top",size:p="large"}=e;return s.jsxs(l.$bcdf0525bf22703d$export$2c73285ae9390cec,{...e,className:d.clsx(n.styles.textField,{[n.styles.medium]:p==="medium"}),children:[r&&s.jsx(F.Label,{children:r}),o&&s.jsx($.Text,{slot:"description",children:o}),i&&s.jsx(k.CharacterCounter,{isLonely:!o}),u==="top"&&s.jsx(x.FieldError,{"data-testid":"fieldError",children:c}),s.jsx("div",{className:n.styles.wrap,children:e.children}),u==="bottom"&&s.jsx(x.FieldError,{"data-testid":"fieldError",className:n.styles.bottomError,children:c})]})}),w=new WeakMap;function N(e){let t=w.get(e);return t||(t=new j.$5b160d28a433310d$export$c17fa47878dc55b6(e,"sv-SE"),w.set(e,t)),t}function S(e,t){return N(e)}function v(e,t){const{locale:r}=T.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),o=S(e);return b.useMemo(()=>new j.$6db58dc88e78b024$export$2f817fcdc4b89ae0(r,o),[o,r])}const z={hide:"Hide",show:"Show"},P={hide:"Dölj",show:"Visa"},C={hide:"Ocultar",show:"Mostrar"},E={hide:"Cacher",show:"Afficher"},M={hide:"Verstecken",show:"Anzeigen"},O={hide:"隠す",show:"表示"},R={hide:"隐藏",show:"显示"},L={hide:"إخفاء",show:"إظهار"},A={hide:"Скрыть",show:"Показать"},B={hide:"Ocultar",show:"Mostrar"},D={hide:"Nascondi",show:"Mostra"},_={hide:"숨기기",show:"보여주기"},I={hide:"छुपाएँ",show:"दिखाएँ"},V={hide:"Verbergen",show:"Tonen"},G={hide:"Ukryj",show:"Pokaż"},H={hide:"Gizle",show:"Göster"},U={hide:"Ẩn",show:"Hiện"},W={hide:"ซ่อน",show:"แสดง"},J={hide:"Sembunyikan",show:"Tampilkan"},K={hide:"Sembunyikan",show:"Tunjukkan"},Q={en:z,sv:P,es:C,fr:E,de:M,ja:O,zh:R,ar:L,ru:A,pt:B,it:D,ko:_,hi:I,nl:V,pl:G,tr:H,vi:U,th:W,id:J,ms:K},X=({value:e})=>{const[t,r]=a.useState(!1),o=()=>r(i=>!i),c=v(Q);return s.jsxs(s.Fragment,{children:[t&&s.jsx($.Text,{slot:"description",className:n.styles.passwordText,children:e}),s.jsx(g.Button,{variant:"tertiary",onPress:o,className:n.styles.passwordButton,children:t?c.format("hide"):c.format("show")})]})},y=a.forwardRef((e,t)=>([e,t]=m.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,f.$3985021b0ad6602f$export$37fb8590cf2c088c),s.jsxs("div",{className:n.styles.wrap,children:[s.jsx(f.$3985021b0ad6602f$export$f5b8910cec6cf069,{...e,ref:t,className:d.clsx(n.styles.input,e.className)}),e.type==="password"&&s.jsx(X,{...e})]}))),Y=a.forwardRef(({className:e,form:t,list:r,...o},c)=>s.jsx(h,{...o,children:s.jsx(y,{className:d.clsx(e),form:t,list:r,ref:c})})),Z=a.forwardRef(({className:e,form:t,rows:r,wrap:o,...c},i)=>s.jsx(h,{...c,children:s.jsx(l.$216918bed6669f72$export$f5c9f3c2c4054eec,{className:d.clsx(n.styles.textArea,e),form:t,ref:i,rows:r,wrap:o})}));exports.Input=y;exports.TextArea=Z;exports.TextField=Y;exports.TextFieldBase=h;

package/TextField-B70CL2qz.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./utils-BNtZbAib.cjs"),y=require("./FieldError-DqdfJ3fs.cjs"),C=require("./Form-BuOomA4T.cjs"),P=require("./Input-DKSAYvsw.cjs"),g=require("./Label-CUV21CAv.cjs"),t=require("react"),B=require("./useHover-_mv5J4_q.cjs"),D=require("./useFocusRing-CbImDrwF.cjs"),M=require("./Text-B2K-BJKQ.cjs"),O=require("./Hidden-BxRZGdEW.cjs"),A=require("./filterDOMProps-BS2lrgFA.cjs"),S=require("./useTextField-CtUDWsUl.cjs"),q=t.createContext({});let V=c=>{let{onHoverStart:e,onHoverChange:d,onHoverEnd:n,...i}=c;return i};const _=t.forwardRef(function(e,d){[e,d]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,q);let{hoverProps:n,isHovered:i}=B.$6179b936705e76d3$export$ae780daf29e6d456(e),{isFocused:r,isFocusVisible:f,focusProps:s}=D.$f7dceffc5ad7768b$export$4e328f61c538687f({isTextInput:!0,autoFocus:e.autoFocus}),l=!!e["aria-invalid"]&&e["aria-invalid"]!=="false",o=a.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isHovered:i,isFocused:r,isFocusVisible:f,isDisabled:e.disabled||!1,isInvalid:l},defaultClassName:"react-aria-TextArea"});return t.createElement("textarea",{...a.$3ef42575df84b30b$export$9d1611c77c2fe928(V(e),s,n),...o,ref:d,"data-focused":r||void 0,"data-disabled":e.disabled||void 0,"data-hovered":i||void 0,"data-focus-visible":f||void 0,"data-invalid":l||void 0})}),F=t.createContext(null),L=O.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,d){[e,d]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,F);let{validationBehavior:n}=a.$64fa3d84918910a7$export$fabf2dc03a41866e(C.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var i,r;let f=(r=(i=e.validationBehavior)!==null&&i!==void 0?i:n)!==null&&r!==void 0?r:"native",s=t.useRef(null),[l,o]=a.$64fa3d84918910a7$export$29f1550f4b0d4415({},s,P.$3985021b0ad6602f$export$37fb8590cf2c088c),[R,h]=a.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),[H,T]=t.useState("input"),{labelProps:m,inputProps:b,descriptionProps:E,errorMessageProps:I,...$}=S.$2d73ec29415bd339$export$712718f7aec83d5({...a.$64fa3d84918910a7$export$ef03459518577ad4(e),inputElementType:H,label:h,validationBehavior:f},o),v=t.useCallback(u=>{o.current=u,u&&T(u instanceof HTMLTextAreaElement?"textarea":"input")},[o]),x=a.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isDisabled:e.isDisabled||!1,isInvalid:$.isInvalid,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1},defaultClassName:"react-aria-TextField"}),p=A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e);return delete p.id,t.createElement("div",{...p,...x,ref:d,slot:e.slot||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":$.isInvalid||void 0,"data-readonly":e.isReadOnly||void 0,"data-required":e.isRequired||void 0},t.createElement(a.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[g.$01b77f81d0f07f68$export$75b6ee27786ba447,{...m,ref:R}],[P.$3985021b0ad6602f$export$37fb8590cf2c088c,{...a.$3ef42575df84b30b$export$9d1611c77c2fe928(b,l),ref:v}],[q,{...b,ref:v}],[M.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:E,errorMessage:I}}],[y.$ee014567cb39d3f0$export$ff05c3ac10437e03,$]]},x.children))});exports.$216918bed6669f72$export$f5c9f3c2c4054eec=_;exports.$bcdf0525bf22703d$export$2129e27b3ef0d483=F;exports.$bcdf0525bf22703d$export$2c73285ae9390cec=L;

package/TextField-DBaRuNj7.js

@@ -0,0 +1,119 @@
+import { a as c, b as P, d as h, h as B, i as D, j as M, k as O } from "./utils-HNTsIwux.js";
+import { $ as _ } from "./FieldError-CZikNDxX.js";
+import { $ as q } from "./Form-CXcEMuBf.js";
+import { $ as p } from "./Input-D8Ku_FQz.js";
+import { $ as A } from "./Label-DkDOsmUF.js";
+import u, { forwardRef as S, createContext as R, useRef as V, useState as k, useCallback as N } from "react";
+import { $ as j } from "./useHover-qRAon4nS.js";
+import { $ as w } from "./useFocusRing-BDGH3lpn.js";
+import { a as L } from "./Text-B_H68Tvq.js";
+import { $ as z } from "./Hidden-B5ir3Lei.js";
+import { $ as G } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as J } from "./useTextField-5OZQPyOW.js";
+const H = /* @__PURE__ */ R({});
+let K = (s) => {
+  let { onHoverStart: e, onHoverChange: a, onHoverEnd: r, ...t } = s;
+  return t;
+};
+const le = /* @__PURE__ */ S(function(e, a) {
+  [e, a] = c(e, a, H);
+  let { hoverProps: r, isHovered: t } = j(e), { isFocused: d, isFocusVisible: o, focusProps: f } = w({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), l = !!e["aria-invalid"] && e["aria-invalid"] !== "false", i = P({
+    ...e,
+    values: {
+      isHovered: t,
+      isFocused: d,
+      isFocusVisible: o,
+      isDisabled: e.disabled || !1,
+      isInvalid: l
+    },
+    defaultClassName: "react-aria-TextArea"
+  });
+  return /* @__PURE__ */ u.createElement("textarea", {
+    ...h(K(e), f, r),
+    ...i,
+    ref: a,
+    "data-focused": d || void 0,
+    "data-disabled": e.disabled || void 0,
+    "data-hovered": t || void 0,
+    "data-focus-visible": o || void 0,
+    "data-invalid": l || void 0
+  });
+}), Q = /* @__PURE__ */ R(null), se = /* @__PURE__ */ z(function(e, a) {
+  [e, a] = c(e, a, Q);
+  let { validationBehavior: r } = B(q) || {};
+  var t, d;
+  let o = (d = (t = e.validationBehavior) !== null && t !== void 0 ? t : r) !== null && d !== void 0 ? d : "native", f = V(null), [l, i] = c({}, f, p), [T, F] = D(!e["aria-label"] && !e["aria-labelledby"]), [E, y] = k("input"), { labelProps: I, inputProps: b, descriptionProps: C, errorMessageProps: g, ...n } = J({
+    ...M(e),
+    inputElementType: E,
+    label: F,
+    validationBehavior: o
+  }, i), v = N(($) => {
+    i.current = $, $ && y($ instanceof HTMLTextAreaElement ? "textarea" : "input");
+  }, [
+    i
+  ]), m = P({
+    ...e,
+    values: {
+      isDisabled: e.isDisabled || !1,
+      isInvalid: n.isInvalid,
+      isReadOnly: e.isReadOnly || !1,
+      isRequired: e.isRequired || !1
+    },
+    defaultClassName: "react-aria-TextField"
+  }), x = G(e);
+  return delete x.id, /* @__PURE__ */ u.createElement("div", {
+    ...x,
+    ...m,
+    ref: a,
+    slot: e.slot || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": n.isInvalid || void 0,
+    "data-readonly": e.isReadOnly || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ u.createElement(O, {
+    values: [
+      [
+        A,
+        {
+          ...I,
+          ref: T
+        }
+      ],
+      [
+        p,
+        {
+          ...h(b, l),
+          ref: v
+        }
+      ],
+      [
+        H,
+        {
+          ...b,
+          ref: v
+        }
+      ],
+      [
+        L,
+        {
+          slots: {
+            description: C,
+            errorMessage: g
+          }
+        }
+      ],
+      [
+        _,
+        n
+      ]
+    ]
+  }, m.children));
+});
+export {
+  se as $,
+  Q as a,
+  le as b
+};

package/TextField.module-BcpPBWnD.js

@@ -0,0 +1,13 @@
+import './assets/TextField.css';const t = "_textField_101h7_4", o = "_bottomError_101h7_23", s = "_textArea_101h7_32", _ = "_wrap_101h7_79", r = "_medium_101h7_84", e = "_input_101h7_85", n = "_passwordText_101h7_108", a = "_passwordButton_101h7_147", p = {
+  textField: t,
+  bottomError: o,
+  textArea: s,
+  wrap: _,
+  medium: r,
+  input: e,
+  passwordText: n,
+  passwordButton: a
+};
+export {
+  p as s
+};

package/TextField.module-Dw5Rtn9y.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/TextField.css');const t="_textField_101h7_4",o="_bottomError_101h7_23",s="_textArea_101h7_32",_="_wrap_101h7_79",r="_medium_101h7_84",e="_input_101h7_85",n="_passwordText_101h7_108",a="_passwordButton_101h7_147",d={textField:t,bottomError:o,textArea:s,wrap:_,medium:r,input:e,passwordText:n,passwordButton:a};exports.styles=d;