@midas-ds/components 1.0.3 → 1.1.0

package/index81.js

@@ -1,489 +1,252 @@
-import { jsxs as T, jsx as v } from "react/jsx-runtime";
-import b, { useMemo as M, useRef as E, useState as w, forwardRef as z, useCallback as J, createContext as q, useContext as Q } from "react";
-import { a as X, $ as Y } from "./Button-B4vMZbC6.js";
-import { a as Z, $ as ee, b as ae, c as te } from "./ListBox-BKWkIIm6.js";
-import { e as le, f as ne, g as ie, h as oe, i as de, a as se } from "./Dialog-Cb6toyXO.js";
-import { n as V, e as N, l as re, K as ce, G as fe, a as W, x as j, c as ue, y as be, z as $e, d as H, A as me } from "./useFocusRing-BKGhL91C.js";
-import { d as pe, e as ve, c as ye, $ as ge, a as xe } from "./Form-BQQs3jUk.js";
-import { $ as he } from "./intlStrings-Cd44R5hT.js";
-import { b as Pe, $ as De } from "./useField-Dz62UHCP.js";
-import { $ as U } from "./Text-CQPW6xs7.js";
-import { $ as Re } from "./Collection-COLWgm24.js";
-import { $ as Se } from "./useSingleSelectListState-BHTLh8Ob.js";
-import { $ as Ie, a as Be } from "./ListKeyboardDelegate-BH-K5hyq.js";
-import { g as Ce } from "./SelectionManager-8o40f7mx.js";
-import { $ as Fe } from "./VisuallyHidden-CFx06Bae.js";
-import { $ as Ke } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
-import { I as ke } from "./TextField-DeK_yiK-.js";
-import { C as _e } from "./chevron-down-Cd1bkzXT.js";
-import './Select.css';const A = /* @__PURE__ */ new WeakMap();
-function Ee(e, a, d) {
-  let { keyboardDelegate: i, isDisabled: l, isRequired: o, name: r, validationBehavior: t = "aria" } = e, n = Ie({
-    usage: "search",
-    sensitivity: "base"
-  }), c = M(() => i || new Be(a.collection, a.disabledKeys, d, n), [
-    i,
-    a.collection,
-    a.disabledKeys,
-    n
-  ]), { menuTriggerProps: s, menuProps: f } = le({
-    isDisabled: l,
-    type: "listbox"
-  }, a, d), p = (u) => {
-    switch (u.key) {
-      case "ArrowLeft": {
-        var x, h;
-        u.preventDefault();
-        let R = a.selectedKey != null ? (x = c.getKeyAbove) === null || x === void 0 ? void 0 : x.call(c, a.selectedKey) : (h = c.getFirstKey) === null || h === void 0 ? void 0 : h.call(c);
-        R && a.setSelectedKey(R);
-        break;
-      }
-      case "ArrowRight": {
-        var k, _;
-        u.preventDefault();
-        let R = a.selectedKey != null ? (k = c.getKeyBelow) === null || k === void 0 ? void 0 : k.call(c, a.selectedKey) : (_ = c.getFirstKey) === null || _ === void 0 ? void 0 : _.call(c);
-        R && a.setSelectedKey(R);
-        break;
-      }
-    }
-  }, { typeSelectProps: m } = Ce({
-    keyboardDelegate: c,
-    selectionManager: a.selectionManager,
-    onTypeSelect(u) {
-      a.setSelectedKey(u);
-    }
-  }), { isInvalid: y, validationErrors: P, validationDetails: B } = a.displayValidation, { labelProps: C, fieldProps: D, descriptionProps: g, errorMessageProps: F } = Pe({
-    ...e,
-    labelElementType: "span",
-    isInvalid: y,
-    errorMessage: e.errorMessage || P
-  });
-  m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture;
-  let K = V(e, {
-    labelable: !0
-  }), $ = N(m, s, D), I = re();
-  return A.set(a, {
-    isDisabled: l,
-    isRequired: o,
-    name: r,
-    validationBehavior: t
-  }), {
-    labelProps: {
-      ...C,
-      onClick: () => {
-        if (!e.isDisabled) {
-          var u;
-          (u = d.current) === null || u === void 0 || u.focus(), ce("keyboard");
-        }
-      }
-    },
-    triggerProps: N(K, {
-      ...$,
-      isDisabled: l,
-      onKeyDown: fe($.onKeyDown, p, e.onKeyDown),
-      onKeyUp: e.onKeyUp,
-      "aria-labelledby": [
-        I,
-        $["aria-labelledby"],
-        $["aria-label"] && !$["aria-labelledby"] ? $.id : null
-      ].filter(Boolean).join(" "),
-      onFocus(u) {
-        a.isFocused || (e.onFocus && e.onFocus(u), e.onFocusChange && e.onFocusChange(!0), a.setFocused(!0));
-      },
-      onBlur(u) {
-        a.isOpen || (e.onBlur && e.onBlur(u), e.onFocusChange && e.onFocusChange(!1), a.setFocused(!1));
-      }
-    }),
-    valueProps: {
-      id: I
-    },
-    menuProps: {
-      ...f,
-      autoFocus: a.focusStrategy || !0,
-      shouldSelectOnPressUp: !0,
-      shouldFocusOnHover: !0,
-      disallowEmptySelection: !0,
-      linkBehavior: "selection",
-      onBlur: (u) => {
-        u.currentTarget.contains(u.relatedTarget) || (e.onBlur && e.onBlur(u), e.onFocusChange && e.onFocusChange(!1), a.setFocused(!1));
-      },
-      "aria-labelledby": [
-        D["aria-labelledby"],
-        $["aria-label"] && !D["aria-labelledby"] ? $.id : null
-      ].filter(Boolean).join(" ")
-    },
-    descriptionProps: g,
-    errorMessageProps: F,
-    isInvalid: y,
-    validationErrors: P,
-    validationDetails: B
-  };
+import { jsx as b } from "react/jsx-runtime";
+import { b as W, $ as Z, a as q, c as Q } from "./Collection-KMFfVuzU.js";
+import { o as n, a as X, y as Y, d as ee } from "./useFocusRing-9PXyKy2A.js";
+import { a as re } from "./Link-BnQvB-hH.js";
+import d, { forwardRef as ae, useContext as ue, createContext as te } from "react";
+import { $ as ce } from "./useLocalizedStringFormatter-BlCbn-hX.js";
+import { Link as de } from "./index74.js";
+import './Breadcrumbs.css';var f = {};
+f = {
+  breadcrumbs: "عناصر الواجهة"
+};
+var i = {};
+i = {
+  breadcrumbs: "Трохи хляб"
+};
+var l = {};
+l = {
+  breadcrumbs: "Popis cesty"
+};
+var m = {};
+m = {
+  breadcrumbs: "Brødkrummer"
+};
+var p = {};
+p = {
+  breadcrumbs: "Breadcrumbs"
+};
+var x = {};
+x = {
+  breadcrumbs: "Πλοηγήσεις breadcrumb"
+};
+var v = {};
+v = {
+  breadcrumbs: "Breadcrumbs"
+};
+var D = {};
+D = {
+  breadcrumbs: "Migas de pan"
+};
+var C = {};
+C = {
+  breadcrumbs: "Lingiread"
+};
+var B = {};
+B = {
+  breadcrumbs: "Navigointilinkit"
+};
+var k = {};
+k = {
+  breadcrumbs: "Chemin de navigation"
+};
+var E = {};
+E = {
+  breadcrumbs: "שבילי ניווט"
+};
+var h = {};
+h = {
+  breadcrumbs: "Navigacijski putovi"
+};
+var g = {};
+g = {
+  breadcrumbs: "Morzsamenü"
+};
+var P = {};
+P = {
+  breadcrumbs: "Breadcrumb"
+};
+var y = {};
+y = {
+  breadcrumbs: "パンくずリスト"
+};
+var N = {};
+N = {
+  breadcrumbs: "탐색 표시"
+};
+var R = {};
+R = {
+  breadcrumbs: "Naršymo kelias"
+};
+var A = {};
+A = {
+  breadcrumbs: "Atpakaļceļi"
+};
+var L = {};
+L = {
+  breadcrumbs: "Navigasjonsstier"
+};
+var F = {};
+F = {
+  breadcrumbs: "Broodkruimels"
+};
+var S = {};
+S = {
+  breadcrumbs: "Struktura nawigacyjna"
+};
+var _ = {};
+_ = {
+  breadcrumbs: "Caminho detalhado"
+};
+var j = {};
+j = {
+  breadcrumbs: "Categorias"
+};
+var I = {};
+I = {
+  breadcrumbs: "Miez de pâine"
+};
+var T = {};
+T = {
+  breadcrumbs: "Навигация"
+};
+var z = {};
+z = {
+  breadcrumbs: "Navigačné prvky Breadcrumbs"
+};
+var K = {};
+K = {
+  breadcrumbs: "Drobtine"
+};
+var M = {};
+M = {
+  breadcrumbs: "Putanje navigacije"
+};
+var U = {};
+U = {
+  breadcrumbs: "Sökvägar"
+};
+var w = {};
+w = {
+  breadcrumbs: "İçerik haritaları"
+};
+var G = {};
+G = {
+  breadcrumbs: "Навігаційна стежка"
+};
+var H = {};
+H = {
+  breadcrumbs: "导航栏"
+};
+var O = {};
+O = {
+  breadcrumbs: "導覽列"
+};
+var J = {};
+J = {
+  "ar-AE": f,
+  "bg-BG": i,
+  "cs-CZ": l,
+  "da-DK": m,
+  "de-DE": p,
+  "el-GR": x,
+  "en-US": v,
+  "es-ES": D,
+  "et-EE": C,
+  "fi-FI": B,
+  "fr-FR": k,
+  "he-IL": E,
+  "hr-HR": h,
+  "hu-HU": g,
+  "it-IT": P,
+  "ja-JP": y,
+  "ko-KR": N,
+  "lt-LT": R,
+  "lv-LV": A,
+  "nb-NO": L,
+  "nl-NL": F,
+  "pl-PL": S,
+  "pt-BR": _,
+  "pt-PT": j,
+  "ro-RO": I,
+  "ru-RU": T,
+  "sk-SK": z,
+  "sl-SI": K,
+  "sr-SP": M,
+  "sv-SE": U,
+  "tr-TR": w,
+  "uk-UA": G,
+  "zh-CN": H,
+  "zh-TW": O
+};
+function se(r) {
+  return r && r.__esModule ? r.default : r;
 }
-function we(e, a, d) {
-  let i = A.get(a) || {}, { autoComplete: l, name: o = i.name, isDisabled: r = i.isDisabled } = e, { validationBehavior: t, isRequired: n } = i, { visuallyHiddenProps: c } = Fe();
-  pe(e.selectRef, a.selectedKey, a.setSelectedKey), ve({
-    validationBehavior: t,
-    focus: () => {
-      var f;
-      return (f = d.current) === null || f === void 0 ? void 0 : f.focus();
-    }
-  }, a, e.selectRef);
-  var s;
+function be(r) {
+  let { "aria-label": e, ...a } = r, u = ce(se(J), "@react-aria/breadcrumbs");
   return {
-    containerProps: {
-      ...c,
-      "aria-hidden": !0,
-      // @ts-ignore
-      "data-react-aria-prevent-focus": !0,
-      // @ts-ignore
-      "data-a11y-ignore": "aria-hidden-focus"
-    },
-    inputProps: {
-      style: {
-        display: "none"
-      }
-    },
-    selectProps: {
-      tabIndex: -1,
-      autoComplete: l,
-      disabled: r,
-      required: t === "native" && n,
-      name: o,
-      value: (s = a.selectedKey) !== null && s !== void 0 ? s : "",
-      onChange: (f) => a.setSelectedKey(f.target.value)
+    navProps: {
+      ...n(a, {
+        labelable: !0
+      }),
+      "aria-label": e || u.format("breadcrumbs")
     }
   };
 }
-function Me(e) {
-  let { state: a, triggerRef: d, label: i, name: l, isDisabled: o } = e, r = E(null), { containerProps: t, selectProps: n } = we({
-    ...e,
-    selectRef: r
-  }, a, d);
-  var c;
-  return a.collection.size <= 300 ? /* @__PURE__ */ b.createElement("div", {
-    ...t,
-    "data-testid": "hidden-select-container"
-  }, /* @__PURE__ */ b.createElement("label", null, i, /* @__PURE__ */ b.createElement("select", {
-    ...n,
-    ref: r
-  }, /* @__PURE__ */ b.createElement("option", null), [
-    ...a.collection.getKeys()
-  ].map((s) => {
-    let f = a.collection.getItem(s);
-    if (f && f.type === "item") return /* @__PURE__ */ b.createElement("option", {
-      key: f.key,
-      value: f.key
-    }, f.textValue);
-  })))) : l ? /* @__PURE__ */ b.createElement("input", {
-    type: "hidden",
-    autoComplete: n.autoComplete,
-    name: l,
-    disabled: o,
-    value: (c = a.selectedKey) !== null && c !== void 0 ? c : ""
-  }) : null;
-}
-function qe(e) {
-  let a = ne(e), [d, i] = w(null), l = Se({
-    ...e,
-    onSelectionChange: (n) => {
-      e.onSelectionChange != null && e.onSelectionChange(n), a.close(), o.commitValidation();
-    }
-  }), o = ye({
-    ...e,
-    value: l.selectedKey
-  }), [r, t] = w(!1);
-  return {
-    ...o,
-    ...l,
-    ...a,
-    focusStrategy: d,
-    open(n = null) {
-      l.collection.size !== 0 && (i(n), a.open());
-    },
-    toggle(n = null) {
-      l.collection.size !== 0 && (i(n), a.toggle());
+const o = /* @__PURE__ */ te(null), oe = /* @__PURE__ */ ae(function(e, a) {
+  [e, a] = X(e, a, o);
+  let { CollectionRoot: u } = ue(W), { navProps: t } = be(e);
+  return /* @__PURE__ */ d.createElement(Z, {
+    content: /* @__PURE__ */ d.createElement(q, e)
+  }, (s) => {
+    var c;
+    return /* @__PURE__ */ d.createElement("ol", {
+      ref: a,
+      ...t,
+      slot: e.slot || void 0,
+      style: e.style,
+      className: (c = e.className) !== null && c !== void 0 ? c : "react-aria-Breadcrumbs"
+    }, /* @__PURE__ */ d.createElement(o.Provider, {
+      value: e
+    }, /* @__PURE__ */ d.createElement(u, {
+      collection: s
+    })));
+  });
+}), $e = /* @__PURE__ */ Q("item", function(e, a, u) {
+  let t = u.nextKey == null, { isDisabled: s, onAction: c } = Y(o), V = {
+    "aria-current": t ? "page" : null,
+    isDisabled: s || t,
+    onPress: () => c == null ? void 0 : c(u.key)
+  }, $ = ee({
+    ...u.props,
+    children: u.rendered,
+    values: {
+      isDisabled: s || t,
+      isCurrent: t
     },
-    isFocused: r,
-    setFocused: t
-  };
-}
-function Ve(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const O = /* @__PURE__ */ q(null), L = /* @__PURE__ */ q(null), Oe = /* @__PURE__ */ z(function(a, d) {
-  [a, d] = W(a, d, O);
-  let { children: i, isDisabled: l = !1, isInvalid: o = !1, isRequired: r = !1 } = a, t = M(() => typeof i == "function" ? i({
-    isOpen: !1,
-    isDisabled: l,
-    isInvalid: o,
-    isRequired: r,
-    isFocused: !1,
-    isFocusVisible: !1,
-    defaultChildren: null
-  }) : i, [
-    i,
-    l,
-    o,
-    r
-  ]);
-  return /* @__PURE__ */ b.createElement(Re, {
-    content: t
-  }, (n) => /* @__PURE__ */ b.createElement(Te, {
-    props: a,
-    collection: n,
-    selectRef: d
-  }));
-});
-function Te({ props: e, selectRef: a, collection: d }) {
-  let { validationBehavior: i } = j(ge) || {};
-  var l, o;
-  let r = (o = (l = e.validationBehavior) !== null && l !== void 0 ? l : i) !== null && o !== void 0 ? o : "native", t = qe({
-    ...e,
-    collection: d,
-    children: void 0,
-    validationBehavior: r
-  }), { isFocusVisible: n, focusProps: c } = ue({
-    within: !0
-  }), s = E(null), [f, p] = be(), { labelProps: m, triggerProps: y, valueProps: P, menuProps: B, descriptionProps: C, errorMessageProps: D, ...g } = Ee({
-    ...$e(e),
-    label: p,
-    validationBehavior: r
-  }, t, s), [F, K] = w(null), $ = J(() => {
-    s.current && K(s.current.offsetWidth + "px");
-  }, [
-    s
-  ]);
-  ie({
-    ref: s,
-    onResize: $
+    defaultClassName: "react-aria-Breadcrumb"
   });
-  let I = M(() => ({
-    isOpen: t.isOpen,
-    isFocused: t.isFocused,
-    isFocusVisible: n,
-    isDisabled: e.isDisabled || !1,
-    isInvalid: g.isInvalid || !1,
-    isRequired: e.isRequired || !1
-  }), [
-    t.isOpen,
-    t.isFocused,
-    n,
-    e.isDisabled,
-    g.isInvalid,
-    e.isRequired
-  ]), u = H({
-    ...e,
-    values: I,
-    defaultClassName: "react-aria-Select"
-  }), x = V(e);
-  delete x.id;
-  let h = E(null);
-  return /* @__PURE__ */ b.createElement(me, {
-    values: [
-      [
-        O,
-        e
-      ],
-      [
-        L,
-        t
-      ],
-      [
-        G,
-        P
-      ],
-      [
-        De,
-        {
-          ...m,
-          ref: f,
-          elementType: "span"
-        }
-      ],
-      [
-        X,
-        {
-          ...y,
-          ref: s,
-          isPressed: t.isOpen
-        }
-      ],
-      [
-        oe,
-        t
-      ],
-      [
-        de,
-        {
-          trigger: "Select",
-          triggerRef: s,
-          scrollRef: h,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": F
-          }
-        }
-      ],
-      [
-        Z,
-        {
-          ...B,
-          ref: h
-        }
-      ],
-      [
-        ee,
-        t
-      ],
-      [
-        U,
-        {
-          slots: {
-            description: C,
-            errorMessage: D
-          }
-        }
-      ],
-      [
-        xe,
-        g
-      ]
-    ]
-  }, /* @__PURE__ */ b.createElement("div", {
-    ...x,
-    ...u,
-    ...c,
+  return /* @__PURE__ */ d.createElement("li", {
+    ...n(e),
+    ...$,
     ref: a,
-    slot: e.slot || void 0,
-    "data-focused": t.isFocused || void 0,
-    "data-focus-visible": n || void 0,
-    "data-open": t.isOpen || void 0,
-    "data-disabled": e.isDisabled || void 0,
-    "data-invalid": g.isInvalid || void 0,
-    "data-required": e.isRequired || void 0
-  }), /* @__PURE__ */ b.createElement(Me, {
-    autoComplete: e.autoComplete,
-    state: t,
-    triggerRef: s,
-    label: p,
-    name: e.name,
-    isDisabled: e.isDisabled
-  }));
-}
-const G = /* @__PURE__ */ q(null), Ne = /* @__PURE__ */ z(function(a, d) {
-  var i, l;
-  [a, d] = W(a, d, G);
-  let o = Q(L), { placeholder: r } = j(O), t = o.selectedKey != null ? o.collection.getItem(o.selectedKey) : null, n = t == null ? void 0 : t.props.children;
-  typeof n == "function" && (n = n({
-    isHovered: !1,
-    isPressed: !1,
-    isSelected: !1,
-    isFocused: !1,
-    isFocusVisible: !1,
-    isDisabled: !1,
-    selectionMode: "single",
-    selectionBehavior: "toggle"
-  }));
-  let c = Ke(Ve(he), "react-aria-components");
-  var s, f, p;
-  let m = H({
-    ...a,
-    defaultChildren: (s = n ?? r) !== null && s !== void 0 ? s : c.format("selectPlaceholder"),
-    defaultClassName: "react-aria-SelectValue",
-    values: {
-      selectedItem: (f = (i = o.selectedItem) === null || i === void 0 ? void 0 : i.value) !== null && f !== void 0 ? f : null,
-      selectedText: (p = (l = o.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== null && p !== void 0 ? p : null,
-      isPlaceholder: !t
-    }
-  }), y = V(a);
-  return /* @__PURE__ */ b.createElement("span", {
-    ref: d,
-    ...y,
-    ...m,
-    "data-placeholder": !t || void 0
-  }, /* @__PURE__ */ b.createElement(U.Provider, {
-    value: void 0
-  }, m.children));
-}), ze = '"../theme/tokens.css"', We = '"Inter", sans-serif', je = "#000000", He = "#b31b1b", Ue = "(max-width: 767px)", Ae = "#bfbfbf", Le = "#e6e6e6", Ge = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Je = "#f2f2f2", Qe = "_button_1n8ts_4", Xe = "_select_1n8ts_41", Ye = "_popover_1n8ts_57", Ze = "_listBoxItem_1n8ts_65", ea = "_icon_1n8ts_87", S = {
-  tokens: ze,
-  display: We,
-  black: je,
-  signalRed130: He,
-  smBreakpoint: Ue,
-  gray50: Ae,
-  gray20: Le,
-  focus: Ge,
-  backgroundSecondary: Je,
-  button: Qe,
-  select: Xe,
-  popover: Ye,
-  listBoxItem: Ze,
-  icon: ea
-};
-function ga({
-  label: e,
-  description: a,
-  errorMessage: d,
-  children: i,
-  items: l,
-  ...o
-}) {
-  const r = b.useRef(null);
-  return /* @__PURE__ */ T(
-    Oe,
-    {
-      className: S.select,
-      ref: r,
-      ...o,
-      children: [
-        /* @__PURE__ */ v(
-          ke,
-          {
-            label: e,
-            description: a,
-            errorMessage: d,
-            children: /* @__PURE__ */ T(Y, { className: S.button, children: [
-              /* @__PURE__ */ v(Ne, {}),
-              /* @__PURE__ */ v(
-                "div",
-                {
-                  className: S.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ v(
-                    _e,
-                    {
-                      size: 20,
-                      "aria-hidden": !0
-                    }
-                  )
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ v(
-          se,
-          {
-            className: S.popover,
-            offset: 0,
-            UNSTABLE_portalContainer: r.current || void 0,
-            children: /* @__PURE__ */ v(ae, { items: l, children: i })
-          }
-        )
-      ]
-    }
-  );
-}
-function xa(e) {
-  return /* @__PURE__ */ v(
-    te,
-    {
-      className: S.listBoxItem,
-      ...e
-    }
-  );
-}
+    "data-disabled": s || t || void 0,
+    "data-current": t || void 0
+  }, /* @__PURE__ */ d.createElement(re.Provider, {
+    value: V
+  }, $.children));
+}), ne = '"../theme/tokens.css"', fe = '"Inter", sans-serif', ie = "#1f1f1f", le = "_container_k9jic_4", me = {
+  tokens: ne,
+  display: fe,
+  gray150: ie,
+  container: le
+}, Ee = ({ items: r }) => /* @__PURE__ */ b(oe, { className: me.container, children: r.map((e, a) => /* @__PURE__ */ b($e, { children: /* @__PURE__ */ b(
+  de,
+  {
+    href: e.href,
+    isDisabled: e.isDisabled,
+    children: e.title
+  }
+) }, e.title.toLocaleLowerCase() + a)) });
 export {
-  xa as Item,
-  ga as Select
+  Ee as Breadcrumbs
 };