@midas-ds/components 1.0.2 → 1.1.0

package/ListBox-DBBiqvcR.js

@@ -0,0 +1,474 @@
+import { $ as ne, a as re, b as W, e as de, c as le } from "./Collection-KMFfVuzU.js";
+import { o as C, f as ie, k as j, e as E, C as G, G as se, H as ce, I as ue, b as Q, J, q as fe, a as pe, i as R, F as be, c as $e, d as T, B as X, z as ge } from "./useFocusRing-9PXyKy2A.js";
+import { $ as _, a as ve, b as he, c as Y } from "./DragAndDrop-B0T3WgjL.js";
+import { $ as me, a as Pe, b as De, c as xe, d as ye } from "./Separator-BBX9m2O2.js";
+import { $ as Se } from "./Text-BCF0xvqL.js";
+import c, { forwardRef as Z, useContext as h, useMemo as K, useRef as N, useEffect as ee, createContext as oe } from "react";
+import { $ as ke } from "./useListState-BfTeKTk5.js";
+import { $ as Fe } from "./context-BpJLnOuu.js";
+import { $ as He, a as we } from "./ListKeyboardDelegate-gCXy-Xnn.js";
+import { c as Be } from "./useField-DMzJIIN4.js";
+import { d as Ee } from "./SelectionManager-BfXUE1qg.js";
+import { a as Ie } from "./FocusScope-B7CkxXNC.js";
+const q = /* @__PURE__ */ new WeakMap();
+function Me(o) {
+  return typeof o == "string" ? o.replace(/\s*/g, "") : "" + o;
+}
+function Ve(o, e) {
+  let n = q.get(o);
+  if (!n) throw new Error("Unknown list");
+  return `${n.id}-option-${Me(e)}`;
+}
+function Ae(o, e, n) {
+  let a = C(o, {
+    labelable: !0
+  }), d = o.selectionBehavior || "toggle", r = o.linkBehavior || (d === "replace" ? "action" : "override");
+  d === "toggle" && r === "action" && (r = "override");
+  let { listProps: t } = me({
+    ...o,
+    ref: n,
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    linkBehavior: r
+  }), { focusWithinProps: l } = ie({
+    onFocusWithin: o.onFocus,
+    onBlurWithin: o.onBlur,
+    onFocusWithinChange: o.onFocusChange
+  }), i = j(o.id);
+  q.set(e, {
+    id: i,
+    shouldUseVirtualFocus: o.shouldUseVirtualFocus,
+    shouldSelectOnPressUp: o.shouldSelectOnPressUp,
+    shouldFocusOnHover: o.shouldFocusOnHover,
+    isVirtualized: o.isVirtualized,
+    onAction: o.onAction,
+    linkBehavior: r
+  });
+  let { labelProps: f, fieldProps: p } = Be({
+    ...o,
+    id: i,
+    // listbox is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  });
+  return {
+    labelProps: f,
+    listBoxProps: E(a, l, e.selectionManager.selectionMode === "multiple" ? {
+      "aria-multiselectable": "true"
+    } : {}, {
+      role: "listbox",
+      ...E(p, t)
+    })
+  };
+}
+function Ce(o, e, n) {
+  var a, d;
+  let { key: r } = o, t = q.get(e);
+  var l;
+  let i = (l = o.isDisabled) !== null && l !== void 0 ? l : e.selectionManager.isDisabled(r);
+  var f;
+  let p = (f = o.isSelected) !== null && f !== void 0 ? f : e.selectionManager.isSelected(r);
+  var g;
+  let u = (g = o.shouldSelectOnPressUp) !== null && g !== void 0 ? g : t == null ? void 0 : t.shouldSelectOnPressUp;
+  var v;
+  let S = (v = o.shouldFocusOnHover) !== null && v !== void 0 ? v : t == null ? void 0 : t.shouldFocusOnHover;
+  var $;
+  let b = ($ = o.shouldUseVirtualFocus) !== null && $ !== void 0 ? $ : t == null ? void 0 : t.shouldUseVirtualFocus;
+  var D;
+  let x = (D = o.isVirtualized) !== null && D !== void 0 ? D : t == null ? void 0 : t.isVirtualized, F = G(), I = G(), y = {
+    role: "option",
+    "aria-disabled": i || void 0,
+    "aria-selected": e.selectionManager.selectionMode !== "none" ? p : void 0
+  };
+  se() && ce() || (y["aria-label"] = o["aria-label"], y["aria-labelledby"] = F, y["aria-describedby"] = I);
+  let s = e.collection.getItem(r);
+  if (x) {
+    let P = Number(s == null ? void 0 : s.index);
+    y["aria-posinset"] = Number.isNaN(P) ? void 0 : P + 1, y["aria-setsize"] = Pe(e.collection);
+  }
+  let m = t != null && t.onAction ? () => {
+    var P;
+    return t == null || (P = t.onAction) === null || P === void 0 ? void 0 : P.call(t, r);
+  } : void 0, k = Ve(e, r), { itemProps: H, isPressed: M, isFocused: w, hasAction: U, allowsSelection: V } = Ee({
+    selectionManager: e.selectionManager,
+    key: r,
+    ref: n,
+    shouldSelectOnPressUp: u,
+    allowsDifferentPressOrigin: u && S,
+    isVirtualized: x,
+    shouldUseVirtualFocus: b,
+    isDisabled: i,
+    onAction: m || !(s == null || (a = s.props) === null || a === void 0) && a.onAction ? ue(s == null || (d = s.props) === null || d === void 0 ? void 0 : d.onAction, m) : void 0,
+    linkBehavior: t == null ? void 0 : t.linkBehavior,
+    id: k
+  }), { hoverProps: A } = Q({
+    isDisabled: i || !S,
+    onHoverStart() {
+      J() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(r));
+    }
+  }), B = C(s == null ? void 0 : s.props);
+  delete B.id;
+  let z = fe(s == null ? void 0 : s.props);
+  return {
+    optionProps: {
+      ...y,
+      ...E(B, H, A, z),
+      id: k
+    },
+    labelProps: {
+      id: F
+    },
+    descriptionProps: {
+      id: I
+    },
+    isFocused: w,
+    isFocusVisible: w && J(),
+    isSelected: p,
+    isDisabled: i,
+    isPressed: M,
+    allowsSelection: V,
+    hasAction: U
+  };
+}
+function Te(o) {
+  let { heading: e, "aria-label": n } = o, a = j();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: e ? {
+      // Techincally, listbox cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a visual label for the nested group.
+      id: a,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": n,
+      "aria-labelledby": e ? a : void 0
+    }
+  };
+}
+const ae = /* @__PURE__ */ oe(null), L = /* @__PURE__ */ oe(null), eo = /* @__PURE__ */ Z(function(e, n) {
+  [e, n] = pe(e, n, ae);
+  let a = h(L);
+  return a ? /* @__PURE__ */ c.createElement(te, {
+    state: a,
+    props: e,
+    listBoxRef: n
+  }) : /* @__PURE__ */ c.createElement(ne, {
+    content: /* @__PURE__ */ c.createElement(re, e)
+  }, (d) => /* @__PURE__ */ c.createElement(_e, {
+    props: e,
+    listBoxRef: n,
+    collection: d
+  }));
+});
+function _e({ props: o, listBoxRef: e, collection: n }) {
+  o = {
+    ...o,
+    collection: n,
+    children: null,
+    items: null
+  };
+  let { layoutDelegate: a } = h(W), { filterFn: d, collectionProps: r, collectionRef: t } = h(De) || {};
+  e = R(K(() => be(e, t !== void 0 ? t : null), [
+    t,
+    e
+  ]));
+  let l = K(() => d ? n.filter(d) : n, [
+    n,
+    d
+  ]), i = ke({
+    ...o,
+    collection: l,
+    layoutDelegate: a
+  });
+  return /* @__PURE__ */ c.createElement(te, {
+    state: i,
+    props: {
+      ...o,
+      ...r
+    },
+    listBoxRef: e
+  });
+}
+function te({ state: o, props: e, listBoxRef: n }) {
+  let { dragAndDropHooks: a, layout: d = "stack", orientation: r = "vertical" } = e, { collection: t, selectionManager: l } = o, i = !!(a != null && a.useDraggableCollectionState), f = !!(a != null && a.useDroppableCollectionState), { direction: p } = Fe(), { disabledBehavior: g, disabledKeys: u } = l, v = He({
+    usage: "search",
+    sensitivity: "base"
+  }), { isVirtualized: S, layoutDelegate: $, dropTargetDelegate: b, CollectionRoot: D } = h(W), x = K(() => e.keyboardDelegate || new we({
+    collection: t,
+    collator: v,
+    ref: n,
+    disabledKeys: u,
+    disabledBehavior: g,
+    layout: d,
+    orientation: r,
+    direction: p,
+    layoutDelegate: $
+  }), [
+    t,
+    v,
+    n,
+    g,
+    u,
+    r,
+    p,
+    e.keyboardDelegate,
+    d,
+    $
+  ]), { listBoxProps: F } = Ae({
+    ...e,
+    shouldSelectOnPressUp: i || e.shouldSelectOnPressUp,
+    keyboardDelegate: x,
+    isVirtualized: S
+  }, o, n), I = N(i), y = N(f);
+  ee(() => {
+    I.current !== i && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), y.current !== f && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+  }, [
+    i,
+    f
+  ]);
+  let s, m, k, H = !1, M = null, w = N(null);
+  if (i && a) {
+    s = a.useDraggableCollectionState({
+      collection: t,
+      selectionManager: l,
+      preview: a.renderDragPreview ? w : void 0
+    }), a.useDraggableCollection({}, s, n);
+    let O = a.DragPreview;
+    M = a.renderDragPreview ? /* @__PURE__ */ c.createElement(O, {
+      ref: w
+    }, a.renderDragPreview) : null;
+  }
+  if (f && a) {
+    m = a.useDroppableCollectionState({
+      collection: t,
+      selectionManager: l
+    });
+    let O = a.dropTargetDelegate || b || new a.ListDropTargetDelegate(t, n, {
+      orientation: r,
+      layout: d,
+      direction: p
+    });
+    k = a.useDroppableCollection({
+      keyboardDelegate: x,
+      dropTargetDelegate: O
+    }, m, n), H = m.isDropTarget({
+      type: "root"
+    });
+  }
+  let { focusProps: U, isFocused: V, isFocusVisible: A } = $e(), B = {
+    isDropTarget: H,
+    isEmpty: o.collection.size === 0,
+    isFocused: V,
+    isFocusVisible: A,
+    layout: e.layout || "stack",
+    state: o
+  }, z = T({
+    className: e.className,
+    style: e.style,
+    defaultClassName: "react-aria-ListBox",
+    values: B
+  }), P = null;
+  return o.collection.size === 0 && e.renderEmptyState && (P = /* @__PURE__ */ c.createElement("div", {
+    // eslint-disable-next-line
+    role: "option",
+    style: {
+      display: "contents"
+    }
+  }, e.renderEmptyState(B))), /* @__PURE__ */ c.createElement(Ie, null, /* @__PURE__ */ c.createElement("div", {
+    ...C(e),
+    ...E(F, U, k == null ? void 0 : k.collectionProps),
+    ...z,
+    ref: n,
+    slot: e.slot || void 0,
+    onScroll: e.onScroll,
+    "data-drop-target": H || void 0,
+    "data-empty": o.collection.size === 0 || void 0,
+    "data-focused": V || void 0,
+    "data-focus-visible": A || void 0,
+    "data-layout": e.layout || "stack",
+    "data-orientation": e.orientation || "vertical"
+  }, /* @__PURE__ */ c.createElement(X, {
+    values: [
+      [
+        ae,
+        e
+      ],
+      [
+        L,
+        o
+      ],
+      [
+        _,
+        {
+          dragAndDropHooks: a,
+          dragState: s,
+          dropState: m
+        }
+      ],
+      [
+        xe,
+        {
+          elementType: "div"
+        }
+      ],
+      [
+        ve,
+        {
+          render: Ue
+        }
+      ],
+      [
+        de,
+        {
+          name: "ListBoxSection",
+          render: Le
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ c.createElement(D, {
+    collection: t,
+    scrollRef: n,
+    persistedKeys: he(l, a, m),
+    renderDropIndicator: Y(a, m)
+  })), P, M));
+}
+function Le(o, e, n, a = "react-aria-ListBoxSection") {
+  let d = h(L), { dragAndDropHooks: r, dropState: t } = h(_), { CollectionBranch: l } = h(W), [i, f] = ge();
+  var p;
+  let { headingProps: g, groupProps: u } = Te({
+    heading: f,
+    "aria-label": (p = o["aria-label"]) !== null && p !== void 0 ? p : void 0
+  }), v = T({
+    defaultClassName: a,
+    className: o.className,
+    style: o.style,
+    values: {}
+  });
+  return /* @__PURE__ */ c.createElement("section", {
+    ...C(o),
+    ...u,
+    ...v,
+    ref: e
+  }, /* @__PURE__ */ c.createElement(ye.Provider, {
+    value: {
+      ...g,
+      ref: i
+    }
+  }, /* @__PURE__ */ c.createElement(l, {
+    collection: d.collection,
+    parent: n,
+    renderDropIndicator: Y(r, t)
+  })));
+}
+const oo = /* @__PURE__ */ le("item", function(e, n, a) {
+  let d = R(n), r = h(L), { dragAndDropHooks: t, dragState: l, dropState: i } = h(_), { optionProps: f, labelProps: p, descriptionProps: g, ...u } = Ce({
+    key: a.key,
+    "aria-label": e == null ? void 0 : e["aria-label"]
+  }, r, d), { hoverProps: v, isHovered: S } = Q({
+    isDisabled: !u.allowsSelection && !u.hasAction,
+    onHoverStart: a.props.onHoverStart,
+    onHoverChange: a.props.onHoverChange,
+    onHoverEnd: a.props.onHoverEnd
+  }), $ = null;
+  l && t && ($ = t.useDraggableItem({
+    key: a.key
+  }, l));
+  let b = null;
+  i && t && (b = t.useDroppableItem({
+    target: {
+      type: "item",
+      key: a.key,
+      dropPosition: "on"
+    }
+  }, i, d));
+  let D = l && l.isDragging(a.key), x = T({
+    ...e,
+    id: void 0,
+    children: e.children,
+    defaultClassName: "react-aria-ListBoxItem",
+    values: {
+      ...u,
+      isHovered: S,
+      selectionMode: r.selectionManager.selectionMode,
+      selectionBehavior: r.selectionManager.selectionBehavior,
+      allowsDragging: !!l,
+      isDragging: D,
+      isDropTarget: b == null ? void 0 : b.isDropTarget
+    }
+  });
+  ee(() => {
+    a.textValue || console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.");
+  }, [
+    a.textValue
+  ]);
+  let F = e.href ? "a" : "div";
+  return /* @__PURE__ */ c.createElement(F, {
+    ...E(f, v, $ == null ? void 0 : $.dragProps, b == null ? void 0 : b.dropProps),
+    ...x,
+    ref: d,
+    "data-allows-dragging": !!l || void 0,
+    "data-selected": u.isSelected || void 0,
+    "data-disabled": u.isDisabled || void 0,
+    "data-hovered": S || void 0,
+    "data-focused": u.isFocused || void 0,
+    "data-focus-visible": u.isFocusVisible || void 0,
+    "data-pressed": u.isPressed || void 0,
+    "data-dragging": D || void 0,
+    "data-drop-target": (b == null ? void 0 : b.isDropTarget) || void 0,
+    "data-selection-mode": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
+  }, /* @__PURE__ */ c.createElement(X, {
+    values: [
+      [
+        Se,
+        {
+          slots: {
+            label: p,
+            description: g
+          }
+        }
+      ]
+    ]
+  }, x.children));
+});
+function Ue(o, e) {
+  e = R(e);
+  let { dragAndDropHooks: n, dropState: a } = h(_), { dropIndicatorProps: d, isHidden: r, isDropTarget: t } = n.useDropIndicator(o, a, e);
+  return r ? null : /* @__PURE__ */ c.createElement(Oe, {
+    ...o,
+    dropIndicatorProps: d,
+    isDropTarget: t,
+    ref: e
+  });
+}
+function ze(o, e) {
+  let { dropIndicatorProps: n, isDropTarget: a, ...d } = o, r = T({
+    ...d,
+    defaultClassName: "react-aria-DropIndicator",
+    values: {
+      isDropTarget: a
+    }
+  });
+  return /* @__PURE__ */ c.createElement("div", {
+    ...n,
+    ...r,
+    // eslint-disable-next-line
+    role: "option",
+    ref: e,
+    "data-drop-target": a || void 0
+  });
+}
+const Oe = /* @__PURE__ */ Z(ze);
+export {
+  L as $,
+  ae as a,
+  eo as b,
+  oo as c,
+  q as d,
+  Ve as e
+};

package/ListKeyboardDelegate-gCXy-Xnn.js

@@ -0,0 +1,172 @@
+import { c as o } from "./SelectionManager-BfXUE1qg.js";
+import { $ as u } from "./context-BpJLnOuu.js";
+function f(r, e) {
+  let t = r;
+  for (o(t, e) && (t = t.parentElement); t && !o(t, e); ) t = t.parentElement;
+  return t || document.scrollingElement || document.documentElement;
+}
+let a = /* @__PURE__ */ new Map();
+function g(r) {
+  let { locale: e } = u(), t = e + (r ? Object.entries(r).sort((l, n) => l[0] < n[0] ? -1 : 1).join() : "");
+  if (a.has(t)) return a.get(t);
+  let i = new Intl.Collator(e, r);
+  return a.set(t, i), i;
+}
+class h {
+  getItemRect(e) {
+    let t = this.ref.current;
+    if (!t) return null;
+    let i = e != null ? t.querySelector(`[data-key="${CSS.escape(e.toString())}"]`) : null;
+    if (!i) return null;
+    let l = t.getBoundingClientRect(), n = i.getBoundingClientRect();
+    return {
+      x: n.left - l.left + t.scrollLeft,
+      y: n.top - l.top + t.scrollTop,
+      width: n.width,
+      height: n.height
+    };
+  }
+  getContentSize() {
+    let e = this.ref.current;
+    var t, i;
+    return {
+      width: (t = e == null ? void 0 : e.scrollWidth) !== null && t !== void 0 ? t : 0,
+      height: (i = e == null ? void 0 : e.scrollHeight) !== null && i !== void 0 ? i : 0
+    };
+  }
+  getVisibleRect() {
+    let e = this.ref.current;
+    var t, i, l, n;
+    return {
+      x: (t = e == null ? void 0 : e.scrollLeft) !== null && t !== void 0 ? t : 0,
+      y: (i = e == null ? void 0 : e.scrollTop) !== null && i !== void 0 ? i : 0,
+      width: (l = e == null ? void 0 : e.offsetWidth) !== null && l !== void 0 ? l : 0,
+      height: (n = e == null ? void 0 : e.offsetHeight) !== null && n !== void 0 ? n : 0
+    };
+  }
+  constructor(e) {
+    this.ref = e;
+  }
+}
+class y {
+  isDisabled(e) {
+    var t;
+    return this.disabledBehavior === "all" && (((t = e.props) === null || t === void 0 ? void 0 : t.isDisabled) || this.disabledKeys.has(e.key));
+  }
+  findNextNonDisabled(e, t) {
+    let i = e;
+    for (; i != null; ) {
+      let l = this.collection.getItem(i);
+      if ((l == null ? void 0 : l.type) === "item" && !this.isDisabled(l)) return i;
+      i = t(i);
+    }
+    return null;
+  }
+  getNextKey(e) {
+    let t = e;
+    return t = this.collection.getKeyAfter(t), this.findNextNonDisabled(t, (i) => this.collection.getKeyAfter(i));
+  }
+  getPreviousKey(e) {
+    let t = e;
+    return t = this.collection.getKeyBefore(t), this.findNextNonDisabled(t, (i) => this.collection.getKeyBefore(i));
+  }
+  findKey(e, t, i) {
+    let l = e, n = this.layoutDelegate.getItemRect(l);
+    if (!n || l == null) return null;
+    let s = n;
+    do {
+      if (l = t(l), l == null) break;
+      n = this.layoutDelegate.getItemRect(l);
+    } while (n && i(s, n) && l != null);
+    return l;
+  }
+  isSameRow(e, t) {
+    return e.y === t.y || e.x !== t.x;
+  }
+  isSameColumn(e, t) {
+    return e.x === t.x || e.y !== t.y;
+  }
+  getKeyBelow(e) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getNextKey(t), this.isSameRow) : this.getNextKey(e);
+  }
+  getKeyAbove(e) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getPreviousKey(t), this.isSameRow) : this.getPreviousKey(e);
+  }
+  getNextColumn(e, t) {
+    return t ? this.getPreviousKey(e) : this.getNextKey(e);
+  }
+  getKeyRightOf(e) {
+    let t = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
+    return this.layoutDelegate[t] ? (e = this.layoutDelegate[t](e), this.findNextNonDisabled(e, (i) => this.layoutDelegate[t](i))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "rtl") : this.findKey(e, (i) => this.getNextColumn(i, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "rtl") : null;
+  }
+  getKeyLeftOf(e) {
+    let t = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
+    return this.layoutDelegate[t] ? (e = this.layoutDelegate[t](e), this.findNextNonDisabled(e, (i) => this.layoutDelegate[t](i))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "ltr") : this.findKey(e, (i) => this.getNextColumn(i, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "ltr") : null;
+  }
+  getFirstKey() {
+    let e = this.collection.getFirstKey();
+    return this.findNextNonDisabled(e, (t) => this.collection.getKeyAfter(t));
+  }
+  getLastKey() {
+    let e = this.collection.getLastKey();
+    return this.findNextNonDisabled(e, (t) => this.collection.getKeyBefore(t));
+  }
+  getKeyPageAbove(e) {
+    let t = this.ref.current, i = this.layoutDelegate.getItemRect(e);
+    if (!i) return null;
+    if (t && !o(t)) return this.getFirstKey();
+    let l = e;
+    if (this.orientation === "horizontal") {
+      let n = Math.max(0, i.x + i.width - this.layoutDelegate.getVisibleRect().width);
+      for (; i && i.x > n && l != null; )
+        l = this.getKeyAbove(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
+    } else {
+      let n = Math.max(0, i.y + i.height - this.layoutDelegate.getVisibleRect().height);
+      for (; i && i.y > n && l != null; )
+        l = this.getKeyAbove(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
+    }
+    return l ?? this.getFirstKey();
+  }
+  getKeyPageBelow(e) {
+    let t = this.ref.current, i = this.layoutDelegate.getItemRect(e);
+    if (!i) return null;
+    if (t && !o(t)) return this.getLastKey();
+    let l = e;
+    if (this.orientation === "horizontal") {
+      let n = Math.min(this.layoutDelegate.getContentSize().width, i.y - i.width + this.layoutDelegate.getVisibleRect().width);
+      for (; i && i.x < n && l != null; )
+        l = this.getKeyBelow(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
+    } else {
+      let n = Math.min(this.layoutDelegate.getContentSize().height, i.y - i.height + this.layoutDelegate.getVisibleRect().height);
+      for (; i && i.y < n && l != null; )
+        l = this.getKeyBelow(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
+    }
+    return l ?? this.getLastKey();
+  }
+  getKeyForSearch(e, t) {
+    if (!this.collator) return null;
+    let i = this.collection, l = t || this.getFirstKey();
+    for (; l != null; ) {
+      let n = i.getItem(l);
+      if (!n) return null;
+      let s = n.textValue.slice(0, e.length);
+      if (n.textValue && this.collator.compare(s, e) === 0) return l;
+      l = this.getNextKey(l);
+    }
+    return null;
+  }
+  constructor(...e) {
+    if (e.length === 1) {
+      let t = e[0];
+      this.collection = t.collection, this.ref = t.ref, this.collator = t.collator, this.disabledKeys = t.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = t.disabledBehavior || "all", this.orientation = t.orientation || "vertical", this.direction = t.direction, this.layout = t.layout || "stack", this.layoutDelegate = t.layoutDelegate || new h(t.ref);
+    } else
+      this.collection = e[0], this.disabledKeys = e[1], this.ref = e[2], this.collator = e[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new h(this.ref);
+    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
+  }
+}
+export {
+  g as $,
+  y as a,
+  f as b,
+  h as c
+};

package/PressResponder-B4g56kDz.js

@@ -0,0 +1,31 @@
+import { h as s, i as c, e as d, j as b } from "./useFocusRing-9PXyKy2A.js";
+import f, { useRef as i, useContext as u, useEffect as $, useMemo as l } from "react";
+const h = /* @__PURE__ */ f.forwardRef(({ children: t, ...a }, r) => {
+  let o = i(!1), e = u(s);
+  r = c(r || (e == null ? void 0 : e.ref));
+  let n = d(e || {}, {
+    ...a,
+    ref: r,
+    register() {
+      o.current = !0, e && e.register();
+    }
+  });
+  return b(e, r), $(() => {
+    o.current || (console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component."), o.current = !0);
+  }, []), /* @__PURE__ */ f.createElement(s.Provider, {
+    value: n
+  }, t);
+});
+function m({ children: t }) {
+  let a = l(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ f.createElement(s.Provider, {
+    value: a
+  }, t);
+}
+export {
+  h as $,
+  m as a
+};

package/README.md

@@ -1,7 +1,25 @@
-# Component Library Midas Design System
+# Midas Design System
 
-Contains all components from @midas-ds.
+React component library implementing Midas Design System (Migrationsverket)
+
+-----
+
+## Getting started
+
+Add `@midas-ds/components` to your project:
+
+```
+npm install @midas-ds/components
+```
+And then import the components you need:
 
 ```
-import {Button, Checkbox} '@midas-ds/components'
+import {Button, Checkbox, etc} from '@midas-ds/components'
 ```
+
+## Documentation
+
+* See the full design system documentation on [Midas](https://designsystem.migrationsverket.se/) (Swedish).
+
+* Component API documentation on [Storybook](https://designsystem.migrationsverket.se/storybook/).
+