@midas-ds/components 1.0.3 → 1.1.0

package/{ListBox-BKWkIIm6.js → ListBox-DBBiqvcR.js}

@@ -1,15 +1,15 @@
-import { $ as ne, a as re, b as W, e as le, c as de } from "./Collection-COLWgm24.js";
-import { n as T, f as ie, l as J, e as E, B as G, E as se, F as ce, G as ue, b as Q, H as j, p as fe, a as pe, i as R, I as be, c as $e, d as C, A as X, y as ge } from "./useFocusRing-BKGhL91C.js";
+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-BlvmQjwz.js";
-import { $ as Se } from "./Text-CQPW6xs7.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-DKnP5TB5.js";
-import { $ as Fe } from "./context-Bnqknrce.js";
-import { $ as He, a as we } from "./ListKeyboardDelegate-BH-K5hyq.js";
-import { c as Be } from "./useField-Dz62UHCP.js";
-import { d as Ee } from "./SelectionManager-8o40f7mx.js";
-import { a as Ie } from "./FocusScope-C8i7CH6y.js";
+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;
@@ -20,10 +20,10 @@ function Ve(o, e) {
   return `${n.id}-option-${Me(e)}`;
 }
 function Ae(o, e, n) {
-  let a = T(o, {
+  let a = C(o, {
     labelable: !0
-  }), l = o.selectionBehavior || "toggle", r = o.linkBehavior || (l === "replace" ? "action" : "override");
-  l === "toggle" && r === "action" && (r = "override");
+  }), d = o.selectionBehavior || "toggle", r = o.linkBehavior || (d === "replace" ? "action" : "override");
+  d === "toggle" && r === "action" && (r = "override");
   let { listProps: t } = me({
     ...o,
     ref: n,
@@ -31,11 +31,11 @@ function Ae(o, e, n) {
     collection: e.collection,
     disabledKeys: e.disabledKeys,
     linkBehavior: r
-  }), { focusWithinProps: d } = ie({
+  }), { focusWithinProps: l } = ie({
     onFocusWithin: o.onFocus,
     onBlurWithin: o.onBlur,
     onFocusWithinChange: o.onFocusChange
-  }), i = J(o.id);
+  }), i = j(o.id);
   q.set(e, {
     id: i,
     shouldUseVirtualFocus: o.shouldUseVirtualFocus,
@@ -54,7 +54,7 @@ function Ae(o, e, n) {
   });
   return {
     labelProps: f,
-    listBoxProps: E(a, d, e.selectionManager.selectionMode === "multiple" ? {
+    listBoxProps: E(a, l, e.selectionManager.selectionMode === "multiple" ? {
       "aria-multiselectable": "true"
     } : {}, {
       role: "listbox",
@@ -62,11 +62,11 @@ function Ae(o, e, n) {
     })
   };
 }
-function Te(o, e, n) {
-  var a, l;
+function Ce(o, e, n) {
+  var a, d;
   let { key: r } = o, t = q.get(e);
-  var d;
-  let i = (d = o.isDisabled) !== null && d !== void 0 ? d : e.selectionManager.isDisabled(r);
+  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;
@@ -99,21 +99,21 @@ function Te(o, e, n) {
     isVirtualized: x,
     shouldUseVirtualFocus: b,
     isDisabled: i,
-    onAction: m || !(s == null || (a = s.props) === null || a === void 0) && a.onAction ? ue(s == null || (l = s.props) === null || l === void 0 ? void 0 : l.onAction, m) : void 0,
+    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));
+      J() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(r));
     }
-  }), B = T(s == null ? void 0 : s.props);
+  }), B = C(s == null ? void 0 : s.props);
   delete B.id;
-  let O = fe(s == null ? void 0 : s.props);
+  let z = fe(s == null ? void 0 : s.props);
   return {
     optionProps: {
       ...y,
-      ...E(B, H, A, O),
+      ...E(B, H, A, z),
       id: k
     },
     labelProps: {
@@ -123,7 +123,7 @@ function Te(o, e, n) {
       id: I
     },
     isFocused: w,
-    isFocusVisible: w && j(),
+    isFocusVisible: w && J(),
     isSelected: p,
     isDisabled: i,
     isPressed: M,
@@ -131,8 +131,8 @@ function Te(o, e, n) {
     hasAction: U
   };
 }
-function Ce(o) {
-  let { heading: e, "aria-label": n } = o, a = J();
+function Te(o) {
+  let { heading: e, "aria-label": n } = o, a = j();
   return {
     itemProps: {
       role: "presentation"
@@ -160,10 +160,10 @@ const ae = /* @__PURE__ */ oe(null), L = /* @__PURE__ */ oe(null), eo = /* @__PU
     listBoxRef: n
   }) : /* @__PURE__ */ c.createElement(ne, {
     content: /* @__PURE__ */ c.createElement(re, e)
-  }, (l) => /* @__PURE__ */ c.createElement(_e, {
+  }, (d) => /* @__PURE__ */ c.createElement(_e, {
     props: e,
     listBoxRef: n,
-    collection: l
+    collection: d
   }));
 });
 function _e({ props: o, listBoxRef: e, collection: n }) {
@@ -173,17 +173,17 @@ function _e({ props: o, listBoxRef: e, collection: n }) {
     children: null,
     items: null
   };
-  let { layoutDelegate: a } = h(W), { filterFn: l, collectionProps: r, collectionRef: t } = h(De) || {};
+  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 d = K(() => l ? n.filter(l) : n, [
+  let l = K(() => d ? n.filter(d) : n, [
     n,
-    l
+    d
   ]), i = ke({
     ...o,
-    collection: d,
+    collection: l,
     layoutDelegate: a
   });
   return /* @__PURE__ */ c.createElement(te, {
@@ -196,7 +196,7 @@ function _e({ props: o, listBoxRef: e, collection: n }) {
   });
 }
 function te({ state: o, props: e, listBoxRef: n }) {
-  let { dragAndDropHooks: a, layout: l = "stack", orientation: r = "vertical" } = e, { collection: t, selectionManager: d } = o, i = !!(a != null && a.useDraggableCollectionState), f = !!(a != null && a.useDroppableCollectionState), { direction: p } = Fe(), { disabledBehavior: g, disabledKeys: u } = d, v = He({
+  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({
@@ -205,7 +205,7 @@ function te({ state: o, props: e, listBoxRef: n }) {
     ref: n,
     disabledKeys: u,
     disabledBehavior: g,
-    layout: l,
+    layout: d,
     orientation: r,
     direction: p,
     layoutDelegate: $
@@ -218,7 +218,7 @@ function te({ state: o, props: e, listBoxRef: n }) {
     r,
     p,
     e.keyboardDelegate,
-    l,
+    d,
     $
   ]), { listBoxProps: F } = Ae({
     ...e,
@@ -236,27 +236,27 @@ function te({ state: o, props: e, listBoxRef: n }) {
   if (i && a) {
     s = a.useDraggableCollectionState({
       collection: t,
-      selectionManager: d,
+      selectionManager: l,
       preview: a.renderDragPreview ? w : void 0
     }), a.useDraggableCollection({}, s, n);
-    let z = a.DragPreview;
-    M = a.renderDragPreview ? /* @__PURE__ */ c.createElement(z, {
+    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: d
+      selectionManager: l
     });
-    let z = a.dropTargetDelegate || b || new a.ListDropTargetDelegate(t, n, {
+    let O = a.dropTargetDelegate || b || new a.ListDropTargetDelegate(t, n, {
       orientation: r,
-      layout: l,
+      layout: d,
       direction: p
     });
     k = a.useDroppableCollection({
       keyboardDelegate: x,
-      dropTargetDelegate: z
+      dropTargetDelegate: O
     }, m, n), H = m.isDropTarget({
       type: "root"
     });
@@ -268,7 +268,7 @@ function te({ state: o, props: e, listBoxRef: n }) {
     isFocusVisible: A,
     layout: e.layout || "stack",
     state: o
-  }, O = C({
+  }, z = T({
     className: e.className,
     style: e.style,
     defaultClassName: "react-aria-ListBox",
@@ -281,9 +281,9 @@ function te({ state: o, props: e, listBoxRef: n }) {
       display: "contents"
     }
   }, e.renderEmptyState(B))), /* @__PURE__ */ c.createElement(Ie, null, /* @__PURE__ */ c.createElement("div", {
-    ...T(e),
+    ...C(e),
     ...E(F, U, k == null ? void 0 : k.collectionProps),
-    ...O,
+    ...z,
     ref: n,
     slot: e.slot || void 0,
     onScroll: e.onScroll,
@@ -324,7 +324,7 @@ function te({ state: o, props: e, listBoxRef: n }) {
         }
       ],
       [
-        le,
+        de,
         {
           name: "ListBoxSection",
           render: Le
@@ -334,24 +334,24 @@ function te({ state: o, props: e, listBoxRef: n }) {
   }, /* @__PURE__ */ c.createElement(D, {
     collection: t,
     scrollRef: n,
-    persistedKeys: he(d, a, m),
+    persistedKeys: he(l, a, m),
     renderDropIndicator: Y(a, m)
   })), P, M));
 }
 function Le(o, e, n, a = "react-aria-ListBoxSection") {
-  let l = h(L), { dragAndDropHooks: r, dropState: t } = h(_), { CollectionBranch: d } = h(W), [i, f] = ge();
+  let d = h(L), { dragAndDropHooks: r, dropState: t } = h(_), { CollectionBranch: l } = h(W), [i, f] = ge();
   var p;
-  let { headingProps: g, groupProps: u } = Ce({
+  let { headingProps: g, groupProps: u } = Te({
     heading: f,
     "aria-label": (p = o["aria-label"]) !== null && p !== void 0 ? p : void 0
-  }), v = C({
+  }), v = T({
     defaultClassName: a,
     className: o.className,
     style: o.style,
     values: {}
   });
   return /* @__PURE__ */ c.createElement("section", {
-    ...T(o),
+    ...C(o),
     ...u,
     ...v,
     ref: e
@@ -360,25 +360,25 @@ function Le(o, e, n, a = "react-aria-ListBoxSection") {
       ...g,
       ref: i
     }
-  }, /* @__PURE__ */ c.createElement(d, {
-    collection: l.collection,
+  }, /* @__PURE__ */ c.createElement(l, {
+    collection: d.collection,
     parent: n,
     renderDropIndicator: Y(r, t)
   })));
 }
-const oo = /* @__PURE__ */ de("item", function(e, n, a) {
-  let l = R(n), r = h(L), { dragAndDropHooks: t, dragState: d, dropState: i } = h(_), { optionProps: f, labelProps: p, descriptionProps: g, ...u } = Te({
+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, l), { hoverProps: v, isHovered: S } = Q({
+  }, 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;
-  d && t && ($ = t.useDraggableItem({
+  l && t && ($ = t.useDraggableItem({
     key: a.key
-  }, d));
+  }, l));
   let b = null;
   i && t && (b = t.useDroppableItem({
     target: {
@@ -386,8 +386,8 @@ const oo = /* @__PURE__ */ de("item", function(e, n, a) {
       key: a.key,
       dropPosition: "on"
     }
-  }, i, l));
-  let D = d && d.isDragging(a.key), x = C({
+  }, i, d));
+  let D = l && l.isDragging(a.key), x = T({
     ...e,
     id: void 0,
     children: e.children,
@@ -397,7 +397,7 @@ const oo = /* @__PURE__ */ de("item", function(e, n, a) {
       isHovered: S,
       selectionMode: r.selectionManager.selectionMode,
       selectionBehavior: r.selectionManager.selectionBehavior,
-      allowsDragging: !!d,
+      allowsDragging: !!l,
       isDragging: D,
       isDropTarget: b == null ? void 0 : b.isDropTarget
     }
@@ -411,8 +411,8 @@ const oo = /* @__PURE__ */ de("item", function(e, n, a) {
   return /* @__PURE__ */ c.createElement(F, {
     ...E(f, v, $ == null ? void 0 : $.dragProps, b == null ? void 0 : b.dropProps),
     ...x,
-    ref: l,
-    "data-allows-dragging": !!d || void 0,
+    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,
@@ -438,17 +438,17 @@ const oo = /* @__PURE__ */ de("item", function(e, n, a) {
 });
 function Ue(o, e) {
   e = R(e);
-  let { dragAndDropHooks: n, dropState: a } = h(_), { dropIndicatorProps: l, isHidden: r, isDropTarget: t } = n.useDropIndicator(o, a, e);
-  return r ? null : /* @__PURE__ */ c.createElement(ze, {
+  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: l,
+    dropIndicatorProps: d,
     isDropTarget: t,
     ref: e
   });
 }
-function Oe(o, e) {
-  let { dropIndicatorProps: n, isDropTarget: a, ...l } = o, r = C({
-    ...l,
+function ze(o, e) {
+  let { dropIndicatorProps: n, isDropTarget: a, ...d } = o, r = T({
+    ...d,
     defaultClassName: "react-aria-DropIndicator",
     values: {
       isDropTarget: a
@@ -463,7 +463,7 @@ function Oe(o, e) {
     "data-drop-target": a || void 0
   });
 }
-const ze = /* @__PURE__ */ Z(Oe);
+const Oe = /* @__PURE__ */ Z(ze);
 export {
   L as $,
   ae as a,

package/{ListKeyboardDelegate-BH-K5hyq.js → ListKeyboardDelegate-gCXy-Xnn.js}

@@ -1,5 +1,5 @@
-import { c as o } from "./SelectionManager-8o40f7mx.js";
-import { $ as u } from "./context-Bnqknrce.js";
+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;

package/{PressResponder-Cz-TRBHO.js → PressResponder-B4g56kDz.js}

@@ -1,7 +1,7 @@
-import { h as s, i as c, e as d, j as i } from "./useFocusRing-BKGhL91C.js";
-import f, { useRef as u, useContext as b, useEffect as l, useMemo as $ } from "react";
+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 = u(!1), e = b(s);
+  let o = i(!1), e = u(s);
   r = c(r || (e == null ? void 0 : e.ref));
   let n = d(e || {}, {
     ...a,
@@ -10,14 +10,14 @@ const h = /* @__PURE__ */ f.forwardRef(({ children: t, ...a }, r) => {
       o.current = !0, e && e.register();
     }
   });
-  return i(e, r), l(() => {
+  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 = $(() => ({
+  let a = l(() => ({
     register: () => {
     }
   }), []);

package/{RSPContexts-EOiWkKOf.js → RSPContexts-BW2SEIqe.js}

@@ -6,6 +6,6 @@ e(null);
 e(null);
 const n = e({});
 export {
-  t as $,
-  n as a
+  n as $,
+  t as a
 };