@dust-tt/sparkle 0.2.155 → 0.2.156

package/dist/cjs/components/DropdownMenu.d.ts

@@ -11,7 +11,7 @@ export declare namespace DropdownMenu {
     var Button: ({ label, type, size, tooltip, icon, children, tooltipPosition, className, disabled, onClick, }: DropdownButtonProps) => React.JSX.Element;
     var Item: ({ variant, label, description, href, disabled, visual, icon, onClick, hasChildren, children, selected, }: DropdownItemProps) => React.JSX.Element;
     var SectionHeader: ({ label }: DropdownSectionHeaderProps) => React.JSX.Element;
-    var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
+    var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, onKeyDown, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
 }
 export interface DropdownButtonProps {
     label?: string;
@@ -49,6 +49,7 @@ interface DropdownItemsProps {
     children: React.ReactNode;
     topBar?: React.ReactNode;
     bottomBar?: React.ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
     overflow?: "visible" | "auto";
     variant?: ItemsVariantType;
 }

package/dist/cjs/index.js

@@ -75554,7 +75554,7 @@ var classNamesForVariant = function (variant, hasDropdownItem) {
     }
 };
 DropdownMenu.Items = function (_a) {
-    var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children, topBar = _a.topBar, bottomBar = _a.bottomBar, _d = _a.overflow, overflow = _d === void 0 ? "auto" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e;
+    var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children, topBar = _a.topBar, bottomBar = _a.bottomBar, onKeyDown = _a.onKeyDown, _d = _a.overflow, overflow = _d === void 0 ? "auto" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e;
     var buttonRef = React.useContext(ButtonRefContext);
     var _f = __read(React.useState(0), 2), buttonHeight = _f[0], setButtonHeight = _f[1];
     if (origin === "auto") {
@@ -75622,7 +75622,7 @@ DropdownMenu.Items = function (_a) {
         return style;
     };
     return (React.createElement(tt, { as: React.Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
-        React.createElement(it.Items, { className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
+        React.createElement(it.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
             topBar,
             React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
                 React.createElement(Item.List, null, children)),