@pingux/astro 2.234.1 → 2.236.0-alpha.0

package/lib/cjs/components/Tree/TreeItem.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactAriaComponents = require("react-aria-components");
+var _getStatusClasses = _interopRequireDefault(require("../../utils/getStatusClasses"));
+var _Box = _interopRequireDefault(require("../Box"));
+var _TreeItemContent = _interopRequireDefault(require("./TreeItemContent"));
+var _react2 = require("@emotion/react");
+var _excluded = ["className", "children", "showDefaultIcon", "showDefaultLock", "isLocked"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TreeItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _className = props.className,
+    children = props.children,
+    showDefaultIcon = props.showDefaultIcon,
+    showDefaultLock = props.showDefaultLock,
+    isLocked = props.isLocked,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+
+  // RAC only renders a row's content from a TreeItemContent collection child, so
+  // bare children would render nothing. When no explicit TreeItemContent is
+  // present, wrap the row content in the default one; structural collection
+  // children (nested TreeItems, TreeLoadMoreItem) stay outside it.
+  var childArray = _react["default"].Children.toArray(children);
+  var content = children;
+  if (!(0, _some["default"])(childArray).call(childArray, function (child) {
+    return /*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _TreeItemContent["default"];
+  })) {
+    var rowContent = [];
+    var collectionChildren = [];
+    (0, _forEach["default"])(childArray).call(childArray, function (child) {
+      if (/*#__PURE__*/(0, _react.isValidElement)(child) && (child.type === TreeItem || child.type === _reactAriaComponents.TreeLoadMoreItem)) {
+        collectionChildren.push(child);
+      } else {
+        rowContent.push(child);
+      }
+    });
+    content = (0, _react2.jsx)(_react["default"].Fragment, null, rowContent.length > 0 && (0, _react2.jsx)(_TreeItemContent["default"], {
+      showDefaultIcon: showDefaultIcon,
+      showDefaultLock: showDefaultLock,
+      isLocked: isLocked
+    }, rowContent), collectionChildren);
+  }
+
+  // Status classes are computed from RAC render props, which are only available
+  // inside the className callback, so the shared getStatusClasses util (the
+  // implementation behind the useStatusClasses hook) is used there.
+  return (0, _react2.jsx)(_reactAriaComponents.TreeItem, (0, _extends2["default"])({}, others, {
+    ref: ref,
+    className: function className(renderProps) {
+      return (0, _getStatusClasses["default"])(typeof _className === 'function' ? _className(renderProps) : _className, {
+        isSelected: renderProps.isSelected,
+        isFocused: renderProps.isFocused,
+        isFocusVisible: renderProps.isFocusVisible,
+        isDisabled: renderProps.isDisabled,
+        isDragging: renderProps.isDragging,
+        isDropTarget: renderProps.isDropTarget
+      });
+    },
+    render: function render(domProps) {
+      return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, domProps, {
+        ref: domProps.ref,
+        isRow: true,
+        variant: "tree.item"
+      }));
+    }
+  }), content);
+});
+TreeItem.displayName = 'TreeItem';
+var _default = exports["default"] = TreeItem;

package/lib/cjs/components/Tree/TreeItemContent.d.ts

@@ -0,0 +1,11 @@
+import { TreeItemContentProps } from 'react-aria-components';
+export interface TreeItemContentPropsWithDefaultIcon extends TreeItemContentProps {
+    /** Set to false to hide the built-in folder/file icon and render your own leading content. */
+    showDefaultIcon?: boolean;
+    /** Set to false to hide the built-in trailing lock indicator. */
+    showDefaultLock?: boolean;
+    /** Whether the item is locked (drives the built-in lock indicator's state). */
+    isLocked?: boolean;
+}
+declare const TreeItemContent: import("react").ForwardRefExoticComponent<TreeItemContentPropsWithDefaultIcon & import("react").RefAttributes<Element>>;
+export default TreeItemContent;

package/lib/cjs/components/Tree/TreeItemContent.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _reactAriaComponents = require("react-aria-components");
+var _DragVerticalIcon = _interopRequireDefault(require("@pingux/mdi-react/DragVerticalIcon"));
+var _hooks = require("../../hooks");
+var _Box = _interopRequireDefault(require("../Box"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _react2 = require("@emotion/react");
+var _excluded = ["isLocked", "showDefaultIcon", "showDefaultLock"];
+var TreeItemContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useGetTheme = (0, _hooks.useGetTheme)(),
+    icons = _useGetTheme.icons;
+  var Lock = icons.Lock,
+    MenuDown = icons.MenuDown,
+    MenuRight = icons.MenuRight;
+  var _props$isLocked = props.isLocked,
+    isLocked = _props$isLocked === void 0 ? false : _props$isLocked,
+    _props$showDefaultIco = props.showDefaultIcon,
+    showDefaultIcon = _props$showDefaultIco === void 0 ? true : _props$showDefaultIco,
+    _props$showDefaultLoc = props.showDefaultLock,
+    showDefaultLock = _props$showDefaultLoc === void 0 ? true : _props$showDefaultLoc,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (0, _react2.jsx)(_reactAriaComponents.TreeItemContent, (0, _extends2["default"])({}, others, {
+    ref: ref
+  }), function (renderProps) {
+    var _context;
+    return (0, _react2.jsx)(_Box["default"], {
+      isRow: true,
+      variant: "tree.itemContent",
+      className: renderProps.isExpanded ? 'is-expanded' : undefined
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      ,
+      sx: {
+        '--tree-item-level': renderProps.level
+      }
+    }, renderProps.allowsDragging && (0, _react2.jsx)(_reactAriaComponents.Button, {
+      slot: "drag",
+      "aria-label": "Drag to move",
+      className: "astro-TreeDragButton",
+      render: function render(dragDomProps) {
+        return (0, _react2.jsx)(_Button["default"], dragDomProps, (0, _react2.jsx)(_Icon["default"], {
+          icon: _DragVerticalIcon["default"],
+          "aria-hidden": "true"
+        }));
+      }
+    }), renderProps.selectionMode !== 'none' && (0, _react2.jsx)(_reactAriaComponents.CheckboxField, {
+      slot: "selection",
+      className: "astro-TreeSelectionCheckbox"
+    }, (0, _react2.jsx)(_reactAriaComponents.CheckboxButton, {
+      className: "astro-TreeSelectionCheckboxBox"
+    })), (0, _react2.jsx)(_Box["default"], {
+      isRow: true,
+      variant: "tree.chevronSlot",
+      className: "astro-TreeChevronSlot"
+    }, renderProps.hasChildItems && (0, _react2.jsx)(_reactAriaComponents.Button, {
+      slot: "chevron",
+      "aria-label": renderProps.isExpanded ? 'Collapse' : 'Expand',
+      className: "astro-TreeChevronButton",
+      render: function render(chevronDomProps) {
+        return (0, _react2.jsx)(_Button["default"], (0, _extends2["default"])({}, chevronDomProps, {
+          variant: "treeChevron"
+        }), (0, _react2.jsx)(_Icon["default"], {
+          icon: renderProps.isExpanded ? MenuDown : MenuRight,
+          "aria-hidden": "true"
+        }));
+      }
+    })), showDefaultIcon && (0, _react2.jsx)(_Box["default"], {
+      isRow: true,
+      variant: "tree.iconSlot",
+      className: (0, _filter["default"])(_context = ['astro-TreeIconSlot', renderProps.hasChildItems ? undefined : 'is-leaf']).call(_context, Boolean).join(' ')
+    }, (0, _react2.jsx)(_Icon["default"], {
+      icon: renderProps.hasChildItems ? 'folder' : 'draft',
+      color: "currentColor",
+      size: "xsm",
+      "aria-hidden": "true"
+    })), (0, _react2.jsx)(_Box["default"], {
+      isRow: true,
+      variant: "tree.labelSlot",
+      className: "astro-TreeLabelSlot"
+    }, typeof props.children === 'function' ? props.children(renderProps) : props.children), showDefaultLock && (0, _react2.jsx)(_Box["default"], {
+      variant: "tree.lockSlot",
+      className: isLocked ? undefined : 'is-unlocked'
+    }, (0, _react2.jsx)(_Icon["default"], {
+      icon: Lock,
+      color: "currentColor",
+      "aria-hidden": "true"
+    })));
+  });
+});
+TreeItemContent.displayName = 'TreeItemContent';
+var _default = exports["default"] = TreeItemContent;

package/lib/cjs/components/Tree/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Tree, useDragAndDrop } from './Tree';
+export { default as TreeItem } from './TreeItem';
+export { default as TreeItemContent } from './TreeItemContent';
+export { default as useTreeDragAndDrop } from './useTreeDragAndDrop';
+export { TreeLoadMoreItem } from 'react-aria-components';

package/lib/cjs/components/Tree/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _Tree["default"];
+  }
+});
+_Object$defineProperty(exports, "TreeItem", {
+  enumerable: true,
+  get: function get() {
+    return _TreeItem["default"];
+  }
+});
+_Object$defineProperty(exports, "TreeItemContent", {
+  enumerable: true,
+  get: function get() {
+    return _TreeItemContent["default"];
+  }
+});
+_Object$defineProperty(exports, "TreeLoadMoreItem", {
+  enumerable: true,
+  get: function get() {
+    return _reactAriaComponents.TreeLoadMoreItem;
+  }
+});
+_Object$defineProperty(exports, "useDragAndDrop", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.useDragAndDrop;
+  }
+});
+_Object$defineProperty(exports, "useTreeDragAndDrop", {
+  enumerable: true,
+  get: function get() {
+    return _useTreeDragAndDrop["default"];
+  }
+});
+var _Tree = _interopRequireWildcard(require("./Tree"));
+var _TreeItem = _interopRequireDefault(require("./TreeItem"));
+var _TreeItemContent = _interopRequireDefault(require("./TreeItemContent"));
+var _useTreeDragAndDrop = _interopRequireDefault(require("./useTreeDragAndDrop"));
+var _reactAriaComponents = require("react-aria-components");
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/lib/cjs/components/Tree/useTreeDragAndDrop.d.ts

@@ -0,0 +1,46 @@
+import type { DragAndDropHooks } from 'react-aria-components';
+import type { Key } from '@react-types/shared';
+/** A drag payload item: a map of MIME type to string data, per React Aria's DragItem shape. */
+export type TreeDragItem = Record<string, string>;
+export interface TreeReorderEvent {
+    keys: Set<Key>;
+    targetKey: Key;
+    dropPosition: 'before' | 'after';
+}
+export interface TreeItemDropEvent {
+    keys: Set<Key>;
+    targetKey: Key;
+}
+export interface UseTreeDragAndDropOptions<T> {
+    /** Returns the drag payload for the given keys/items, as required by React Aria. */
+    getItems: (keys: Set<Key>, items: T[]) => TreeDragItem[];
+    /**
+     * Called when items are dropped "on" a target, i.e. the target becomes their new parent.
+     */
+    onItemDrop?: (event: TreeItemDropEvent) => void;
+    /**
+     * Called when items are dropped before/after a sibling. Performs the actual data
+     * update for the reorder.
+     */
+    onReorder?: (event: TreeReorderEvent) => void;
+    /**
+     * Returns true if `key` is a descendant of (or equal to) `ofKey`. Used to reject
+     * dropping an item onto itself or onto one of its own descendants (a cycle).
+     */
+    isDescendant?: (key: Key, ofKey: Key) => boolean;
+    /** Returns true if `key` is not a valid drop target under the consumer's own policy. */
+    isDisabledDropTarget?: (key: Key) => boolean;
+}
+/**
+ * Layers tree-specific drop validation on top of React Aria Components' `useDragAndDrop`:
+ * - Rejects self-drops and descendant/cycle drops.
+ * - Rejects drops on disabled or policy-disallowed targets.
+ * - Supports dropping "on" a target (re-parenting) via `onItemDrop` and sibling
+ *   before/after reordering via `onReorder`.
+ *
+ * This hook does not own or mutate any data itself — all actual state updates are performed
+ * by the consumer-supplied `onItemDrop`/`onReorder` callbacks.
+ */
+export default function useTreeDragAndDrop<T>(options: UseTreeDragAndDropOptions<T>): {
+    dragAndDropHooks: DragAndDropHooks;
+};

package/lib/cjs/components/Tree/useTreeDragAndDrop.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useTreeDragAndDrop;
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
+var _reactAriaComponents = require("react-aria-components");
+/** A drag payload item: a map of MIME type to string data, per React Aria's DragItem shape. */
+
+/**
+ * Layers tree-specific drop validation on top of React Aria Components' `useDragAndDrop`:
+ * - Rejects self-drops and descendant/cycle drops.
+ * - Rejects drops on disabled or policy-disallowed targets.
+ * - Supports dropping "on" a target (re-parenting) via `onItemDrop` and sibling
+ *   before/after reordering via `onReorder`.
+ *
+ * This hook does not own or mutate any data itself — all actual state updates are performed
+ * by the consumer-supplied `onItemDrop`/`onReorder` callbacks.
+ */
+function useTreeDragAndDrop(options) {
+  var getItems = options.getItems,
+    onItemDrop = options.onItemDrop,
+    _onReorder = options.onReorder,
+    isDescendant = options.isDescendant,
+    isDisabledDropTarget = options.isDisabledDropTarget;
+  var validateTarget = function validateTarget(targetKey, draggedKeys) {
+    var _context;
+    if (draggedKeys.has(targetKey)) return false;
+
+    // Target may not be inside any dragged item's subtree (a cycle)
+    if (isDescendant && (0, _some["default"])(_context = (0, _from["default"])(draggedKeys)).call(_context, function (key) {
+      return isDescendant(targetKey, key);
+    })) {
+      return false;
+    }
+    if (isDisabledDropTarget !== null && isDisabledDropTarget !== void 0 && isDisabledDropTarget(targetKey)) return false;
+    return true;
+  };
+  return (0, _reactAriaComponents.useDragAndDrop)({
+    getItems: getItems,
+    // RAC routes internal 'on' drops to onMove and internal before/after drops to
+    // onReorder — both handlers must be forwarded for keyboard reordering to work.
+    // CAUTION: RAC's useDroppableCollection fires onMove for EVERY internal item
+    // target, including before/after positions (the call sits outside its
+    // dropPosition === 'on' guard). Without the explicit gate below, a pointer
+    // sibling reorder would ALSO trigger onMove → onItemDrop, silently re-parenting
+    // the dragged node while onReorder moves it — a data-corrupting double dispatch.
+    onMove: function onMove(e) {
+      var target = e.target;
+      var draggedKeys = (0, _keys["default"])(e);
+      if (target.type !== 'item' || target.dropPosition !== 'on') return;
+      if (!validateTarget(target.key, draggedKeys)) return;
+      onItemDrop === null || onItemDrop === void 0 || onItemDrop({
+        keys: draggedKeys,
+        targetKey: target.key
+      });
+    },
+    onReorder: function onReorder(e) {
+      var target = e.target;
+      var draggedKeys = (0, _keys["default"])(e);
+      // A root drop has no key.
+      if (target.type !== 'item') return;
+      if (!validateTarget(target.key, draggedKeys)) return;
+      _onReorder === null || _onReorder === void 0 || _onReorder({
+        keys: draggedKeys,
+        targetKey: target.key,
+        dropPosition: target.dropPosition
+      });
+    }
+  });
+}

package/lib/cjs/context/TooltipContext/index.js

@@ -13,7 +13,8 @@ var TooltipContext = exports.TooltipContext = /*#__PURE__*/(0, _react.createCont
   },
   close: function close() {
     return undefined;
-  }
+  },
+  shouldSkipAnimation: false
 });
 /* istanbul ignore next */
 var useTooltipContext = exports.useTooltipContext = function useTooltipContext() {

package/lib/cjs/hooks/useCircularLoader/useCircularLoader.d.ts

@@ -3,6 +3,7 @@ interface UseCircularLoaderProps {
     size?: LoaderSize;
     mode?: string;
     progress?: number;
+    isCircle?: boolean;
     isAstro: boolean;
     defaultLoaderSize: number;
 }

package/lib/cjs/hooks/useCircularLoader/useCircularLoader.js

@@ -17,7 +17,7 @@ var _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _useTShirtSize2 = _interopRequireDefault(require("../useTShirtSize"));
-var _excluded = ["mode", "size", "isAstro", "defaultLoaderSize", "progress"];
+var _excluded = ["mode", "size", "isCircle", "isAstro", "defaultLoaderSize", "progress"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var circularSizes = exports.circularSizes = {
@@ -28,6 +28,7 @@ var circularSizes = exports.circularSizes = {
 var useCircularLoader = function useCircularLoader(props) {
   var mode = props.mode,
     size = props.size,
+    isCircle = props.isCircle,
     isAstro = props.isAstro,
     defaultLoaderSize = props.defaultLoaderSize,
     _props$progress = props.progress,
@@ -38,7 +39,7 @@ var useCircularLoader = function useCircularLoader(props) {
       sizes: circularSizes
     }),
     sizeProps = _useTShirtSize.sizeProps;
-  if (mode === 'dots' || isAstro) {
+  if (!isCircle && (mode === 'dots' || isAstro)) {
     return _objectSpread({
       size: size || defaultLoaderSize,
       isCircle: false,

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -53,6 +53,7 @@ declare const useGetTheme: () => {
         ErrorCircle: string;
         HomeIcon: string;
         integrationsIcon: string;
+        Lock: string;
         listViewMenu: string;
         mdiAccountCog: string;
         mdiAccountMultiple: string;
@@ -66,6 +67,7 @@ declare const useGetTheme: () => {
         mdiViewDashboard: string;
         mdiWeb: string;
         MenuDown: string;
+        MenuRight: string;
         MenuUp: string;
         tabPickerDown: string;
         tabPickerUp: string;
@@ -185,7 +187,9 @@ declare const useGetTheme: () => {
         mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Lock: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuRight: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;

package/lib/cjs/hooks/useGridListItem/useGridListItem.d.ts

@@ -3,11 +3,11 @@ declare const useGridListItem: (props: UseGridListItemProps) => {
     buttonProps: {
         isDisabled?: boolean;
         children?: import("react").ReactNode;
-        onPress?: (e: import("@react-types/shared").PressEvent) => void;
-        onPressStart?: (e: import("@react-types/shared").PressEvent) => void;
-        onPressEnd?: (e: import("@react-types/shared").PressEvent) => void;
+        onPress?: (e: import("react-aria-components").PressEvent) => void;
+        onPressStart?: (e: import("react-aria-components").PressEvent) => void;
+        onPressEnd?: (e: import("react-aria-components").PressEvent) => void;
         onPressChange?: (isPressed: boolean) => void;
-        onPressUp?: (e: import("@react-types/shared").PressEvent) => void;
+        onPressUp?: (e: import("react-aria-components").PressEvent) => void;
         onClick?: (e: import("react").MouseEvent<import("@react-types/shared").FocusableElement>) => void;
         autoFocus?: boolean;
         onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js

@@ -15,7 +15,9 @@ test('default useOverlayPanelState', function () {
       toggle: expect.any(Function),
       isTransitioning: expect.any(Boolean),
       setOpen: expect.any(Function),
-      isOpen: expect.any(Boolean)
+      isOpen: expect.any(Boolean),
+      point: null,
+      setPoint: expect.any(Function)
     },
     onClose: expect.any(Function),
     isTransitioning: expect.any(Boolean)

package/lib/cjs/hooks/usePagination/usePagination.d.ts

@@ -22,11 +22,11 @@ declare const usePagination: (props: PaginationProps) => {
         onHoverStart?: (e: import("@react-types/shared").HoverEvent) => void;
         onHoverEnd?: (e: import("@react-types/shared").HoverEvent) => void;
         onHoverChange?: (isHovering: boolean) => void;
-        onPress: (e: import("@react-types/shared").PressEvent) => void;
-        onPressStart?: (e: import("@react-types/shared").PressEvent) => void;
-        onPressEnd?: (e: import("@react-types/shared").PressEvent) => void;
+        onPress: (e: import("react-aria-components").PressEvent) => void;
+        onPressStart?: (e: import("react-aria-components").PressEvent) => void;
+        onPressEnd?: (e: import("react-aria-components").PressEvent) => void;
         onPressChange?: (isPressed: boolean) => void;
-        onPressUp?: (e: import("@react-types/shared").PressEvent) => void;
+        onPressUp?: (e: import("react-aria-components").PressEvent) => void;
         onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
         form?: string | undefined;
         role?: import("react").AriaRole | undefined;
@@ -348,11 +348,11 @@ declare const usePagination: (props: PaginationProps) => {
         onHoverStart?: (e: import("@react-types/shared").HoverEvent) => void;
         onHoverEnd?: (e: import("@react-types/shared").HoverEvent) => void;
         onHoverChange?: (isHovering: boolean) => void;
-        onPress: (e: import("@react-types/shared").PressEvent) => void;
-        onPressStart?: (e: import("@react-types/shared").PressEvent) => void;
-        onPressEnd?: (e: import("@react-types/shared").PressEvent) => void;
+        onPress: (e: import("react-aria-components").PressEvent) => void;
+        onPressStart?: (e: import("react-aria-components").PressEvent) => void;
+        onPressEnd?: (e: import("react-aria-components").PressEvent) => void;
         onPressChange?: (isPressed: boolean) => void;
-        onPressUp?: (e: import("@react-types/shared").PressEvent) => void;
+        onPressUp?: (e: import("react-aria-components").PressEvent) => void;
         onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
         form?: string | undefined;
         role?: import("react").AriaRole | undefined;

package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js

@@ -6,17 +6,11 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
+var _getStatusClasses = _interopRequireDefault(require("../../utils/getStatusClasses"));
 var useStatusClasses = function useStatusClasses(defaultClass) {
   var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var kebabStatuses = (0, _mapKeys["default"])(statuses, function (_v, k) {
-    return (0, _kebabCase["default"])(k);
-  });
-  var classNames = (0, _classnames["default"])(defaultClass, kebabStatuses);
   return {
-    classNames: classNames
+    classNames: (0, _getStatusClasses["default"])(defaultClass, statuses)
   };
 };
 var _default = exports["default"] = useStatusClasses;

package/lib/cjs/index.d.ts

@@ -231,6 +231,7 @@ export { default as TimeZonePicker } from './components/TimeZonePicker';
 export { default as timezones } from './components/TimeZonePicker/timezones';
 export { default as TooltipTrigger } from './components/TooltipTrigger';
 export * from './components/TooltipTrigger';
+export { Tree, TreeItem, TreeItemContent, TreeLoadMoreItem, useDragAndDrop, useTreeDragAndDrop, } from './components/Tree';
 export { default as TreeView } from './components/TreeView';
 export * from './components/TreeView';
 export { PaginationContext } from './context/PaginationContext';

package/lib/cjs/index.js

@@ -161,6 +161,12 @@ var _exportNames = {
   TimeZonePicker: true,
   timezones: true,
   TooltipTrigger: true,
+  Tree: true,
+  TreeItem: true,
+  TreeItemContent: true,
+  TreeLoadMoreItem: true,
+  useDragAndDrop: true,
+  useTreeDragAndDrop: true,
   TreeView: true,
   PaginationContext: true,
   NextGenDarkTheme: true,
@@ -1203,6 +1209,30 @@ _Object$defineProperty(exports, "TooltipTrigger", {
     return _TooltipTrigger["default"];
   }
 });
+_Object$defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.Tree;
+  }
+});
+_Object$defineProperty(exports, "TreeItem", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.TreeItem;
+  }
+});
+_Object$defineProperty(exports, "TreeItemContent", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.TreeItemContent;
+  }
+});
+_Object$defineProperty(exports, "TreeLoadMoreItem", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.TreeLoadMoreItem;
+  }
+});
 _Object$defineProperty(exports, "TreeView", {
   enumerable: true,
   get: function get() {
@@ -1221,6 +1251,12 @@ _Object$defineProperty(exports, "timezones", {
     return _timezones["default"];
   }
 });
+_Object$defineProperty(exports, "useDragAndDrop", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.useDragAndDrop;
+  }
+});
 _Object$defineProperty(exports, "useOverlayPosition", {
   enumerable: true,
   get: function get() {
@@ -1245,6 +1281,12 @@ _Object$defineProperty(exports, "useTreeData", {
     return _reactStately.useTreeData;
   }
 });
+_Object$defineProperty(exports, "useTreeDragAndDrop", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.useTreeDragAndDrop;
+  }
+});
 var _AccordionGridGroup = _interopRequireWildcard(require("./components/AccordionGridGroup"));
 _forEachInstanceProperty(_context = _Object$keys(_AccordionGridGroup)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -2345,6 +2387,7 @@ _forEachInstanceProperty(_context85 = _Object$keys(_TooltipTrigger)).call(_conte
     }
   });
 });
+var _Tree = require("./components/Tree");
 var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
 _forEachInstanceProperty(_context86 = _Object$keys(_TreeView)).call(_context86, function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts

@@ -172,4 +172,5 @@ export declare const colors: {
             lightIndigo: string;
         };
     };
+    iconOnPrimary: string;
 };

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js

@@ -139,9 +139,15 @@ var codeEditor = {
   backgroundColor: backgroundSecondary,
   headerColor: _onyxTokens.astroTokensDark.color.gray[900]
 };
+
+// Icon/glyph color when it sits on a primary-colored surface (e.g. the Tree's
+// folder circle is primary blue in dark mode; a selected row's descendant
+// recolor would otherwise paint the glyph the same primary color).
+var iconOnPrimary = '#ffffff';
 var colors = exports.colors = _objectSpread(_objectSpread({
   border: border,
-  iconWrapper: iconWrapper
+  iconWrapper: iconWrapper,
+  iconOnPrimary: iconOnPrimary
 }, overrides), {}, {
   twoTone: twoTone,
   light: '#1A1E22',