@powered-by-array/ui 1.76.0 → 1.77.1

package/dist/components/DescriptionCard/DescriptionCard.js

@@ -17,11 +17,16 @@ export function DescriptionCard(props) {
  * component or the skeleton (two distinct component types), so toggling
  * `loading` mounts/unmounts rather than changing the hook count of one render.
  */
+const COLLAPSED_CHARACTER_LIMIT = 400;
 function DescriptionCardContent({ label = "Description", description, expanded, defaultExpanded = false, onExpandedChange, onEdit, ref, ...rest }) {
     const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(defaultExpanded);
     const isControlled = expanded !== undefined;
     const isExpanded = isControlled ? expanded : uncontrolledExpanded;
     const characterCount = description.length;
+    const isTruncatable = characterCount > COLLAPSED_CHARACTER_LIMIT;
+    const visibleDescription = isTruncatable && !isExpanded
+        ? `${description.slice(0, COLLAPSED_CHARACTER_LIMIT)}…`
+        : description;
     const toggleExpanded = () => {
         const next = !isExpanded;
         if (!isControlled) {
@@ -29,6 +34,6 @@ function DescriptionCardContent({ label = "Description", description, expanded,
         }
         onExpandedChange?.(next);
     };
-    return (_jsx(CardContainer, { variant: "outline", asChild: true, children: _jsxs("section", { ref: ref, "data-slot": "description-card", "data-state": isExpanded ? "expanded" : "collapsed", className: cn(descriptionCardVariants.root), ...rest, children: [_jsxs("div", { "data-slot": "description-card-header", className: cn(descriptionCardVariants.header), children: [_jsx("span", { "data-slot": "description-card-label", className: cn(descriptionCardVariants.label), children: label }), onEdit ? (_jsx("button", { type: "button", "data-slot": "description-card-edit", className: cn(descriptionCardVariants.edit), onClick: onEdit, children: "Edit" })) : null] }), _jsx("p", { "data-slot": "description-card-body", className: cn(descriptionCardVariants.body, !isExpanded && descriptionCardVariants.bodyCollapsed), children: description }), _jsxs("div", { "data-slot": "description-card-footer", className: cn(descriptionCardVariants.footer), children: [_jsx("button", { type: "button", "data-slot": "description-card-toggle", "aria-expanded": isExpanded, className: cn(descriptionCardVariants.toggle), onClick: toggleExpanded, children: isExpanded ? "View less" : "View more" }), _jsx("span", { "aria-hidden": "true", "data-slot": "description-card-separator", className: cn(descriptionCardVariants.separator), children: "\u00B7" }), _jsxs("span", { "data-slot": "description-card-count", className: cn(descriptionCardVariants.count), children: [characterCount, " characters"] })] })] }) }));
+    return (_jsx(CardContainer, { variant: "outline", asChild: true, children: _jsxs("section", { ref: ref, "data-slot": "description-card", "data-state": isExpanded ? "expanded" : "collapsed", className: cn(descriptionCardVariants.root), ...rest, children: [_jsxs("div", { "data-slot": "description-card-header", className: cn(descriptionCardVariants.header), children: [_jsx("span", { "data-slot": "description-card-label", className: cn(descriptionCardVariants.label), children: label }), onEdit ? (_jsx("button", { type: "button", "data-slot": "description-card-edit", className: cn(descriptionCardVariants.edit), onClick: onEdit, children: "Edit" })) : null] }), _jsx("p", { "data-slot": "description-card-body", className: cn(descriptionCardVariants.body), children: visibleDescription }), isTruncatable ? (_jsxs("div", { "data-slot": "description-card-footer", className: cn(descriptionCardVariants.footer), children: [_jsx("button", { type: "button", "data-slot": "description-card-toggle", "aria-expanded": isExpanded, className: cn(descriptionCardVariants.toggle), onClick: toggleExpanded, children: isExpanded ? "View less" : "View more" }), _jsx("span", { "aria-hidden": "true", "data-slot": "description-card-separator", className: cn(descriptionCardVariants.separator), children: "\u00B7" }), _jsxs("span", { "data-slot": "description-card-count", className: cn(descriptionCardVariants.count), children: [characterCount, " characters"] })] })) : null] }) }));
 }
 //# sourceMappingURL=DescriptionCard.js.map

package/dist/components/DescriptionCard/DescriptionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionCard.js","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAMxE,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,KAAC,uBAAuB,KAAG,CAAC;IACrC,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,OAAO,KAAC,sBAAsB,OAAK,IAAI,GAAI,CAAC;AAC9C,CAAC;AAED;;;;;GAKG;AACH,SAAS,sBAAsB,CAAC,EAC9B,KAAK,GAAG,aAAa,EACrB,WAAW,EACX,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACqB;IAC5B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GACnD,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAClC,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAClE,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC;IAE1C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,uBAAuB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QACD,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,kBACtC,mBACE,GAAG,EAAE,GAAG,eACE,kBAAkB,gBAChB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EACjD,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,KACvC,IAAI,aAER,4BACY,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,aAE7C,4BACY,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,YAE3C,KAAK,GACD,EACN,MAAM,CAAC,CAAC,CAAC,CACR,iBACE,IAAI,EAAC,QAAQ,eACH,uBAAuB,EACjC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAC3C,OAAO,EAAE,MAAM,qBAGR,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,EAEN,yBACY,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACX,uBAAuB,CAAC,IAAI,EAC5B,CAAC,UAAU,IAAI,uBAAuB,CAAC,aAAa,CACrD,YAEA,WAAW,GACV,EAEJ,4BACY,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,aAE7C,iBACE,IAAI,EAAC,QAAQ,eACH,yBAAyB,mBACpB,UAAU,EACzB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAC7C,OAAO,EAAE,cAAc,YAEtB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAChC,EACT,8BACc,MAAM,eACR,4BAA4B,EACtC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,SAAS,CAAC,uBAG3C,EACP,6BACY,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,aAE3C,cAAc,mBACV,IACH,IACE,GACI,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DescriptionCard.js","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/DescriptionCard/DescriptionCard.variants.d.ts

@@ -3,8 +3,7 @@ export declare const descriptionCardVariants: {
     readonly header: "flex items-center justify-between gap-3";
     readonly label: readonly ["text-xs font-medium uppercase tracking-[0.0667em]", "text-[var(--color-semantic-description-card-label)]"];
     readonly edit: readonly ["shrink-0 cursor-pointer rounded-sm text-xs font-medium", "text-[var(--color-semantic-description-card-action)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-semantic-description-card-action)]"];
-    readonly body: readonly ["text-base font-normal leading-normal", "text-[var(--color-semantic-description-card-body)]"];
-    readonly bodyCollapsed: "line-clamp-4";
+    readonly body: readonly ["text-base font-normal leading-normal whitespace-pre-wrap break-words", "text-[var(--color-semantic-description-card-body)]"];
     readonly footer: readonly ["flex items-center gap-2 text-[13px]"];
     readonly toggle: readonly ["cursor-pointer rounded-sm font-medium", "text-[var(--color-semantic-description-card-action)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-semantic-description-card-action)]"];
     readonly separator: readonly ["font-medium", "text-[var(--color-semantic-description-card-meta)]"];

package/dist/components/DescriptionCard/DescriptionCard.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionCard.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;CAoC1B,CAAC"}
+{"version":3,"file":"DescriptionCard.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;CAmC1B,CAAC"}

package/dist/components/DescriptionCard/DescriptionCard.variants.js

@@ -13,10 +13,9 @@ export const descriptionCardVariants = {
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-semantic-description-card-action)]",
     ],
     body: [
-        "text-base font-normal leading-normal",
+        "text-base font-normal leading-normal whitespace-pre-wrap break-words",
         "text-[var(--color-semantic-description-card-body)]",
     ],
-    bodyCollapsed: "line-clamp-4",
     footer: ["flex items-center gap-2 text-[13px]"],
     toggle: [
         "cursor-pointer rounded-sm font-medium",

package/dist/components/DescriptionCard/DescriptionCard.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionCard.variants.js","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,6EAA6E;IAC7E,gDAAgD;IAChD,IAAI,EAAE,CAAC,uBAAuB,CAAC;IAC/B,MAAM,EAAE,yCAAyC;IACjD,KAAK,EAAE;QACL,mDAAmD;QACnD,qDAAqD;KACtD;IACD,IAAI,EAAE;QACJ,wDAAwD;QACxD,sDAAsD;QACtD,oHAAoH;KACrH;IACD,IAAI,EAAE;QACJ,sCAAsC;QACtC,oDAAoD;KACrD;IACD,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,CAAC,qCAAqC,CAAC;IAC/C,MAAM,EAAE;QACN,uCAAuC;QACvC,sDAAsD;QACtD,oHAAoH;KACrH;IACD,SAAS,EAAE,CAAC,aAAa,EAAE,oDAAoD,CAAC;IAChF,KAAK,EAAE,CAAC,aAAa,EAAE,oDAAoD,CAAC;IAC5E,QAAQ,EAAE;QACR,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,WAAW;QACzB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;KAClB;CACO,CAAC"}
+{"version":3,"file":"DescriptionCard.variants.js","sourceRoot":"","sources":["../../../src/components/DescriptionCard/DescriptionCard.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,6EAA6E;IAC7E,gDAAgD;IAChD,IAAI,EAAE,CAAC,uBAAuB,CAAC;IAC/B,MAAM,EAAE,yCAAyC;IACjD,KAAK,EAAE;QACL,mDAAmD;QACnD,qDAAqD;KACtD;IACD,IAAI,EAAE;QACJ,wDAAwD;QACxD,sDAAsD;QACtD,oHAAoH;KACrH;IACD,IAAI,EAAE;QACJ,sEAAsE;QACtE,oDAAoD;KACrD;IACD,MAAM,EAAE,CAAC,qCAAqC,CAAC;IAC/C,MAAM,EAAE;QACN,uCAAuC;QACvC,sDAAsD;QACtD,oHAAoH;KACrH;IACD,SAAS,EAAE,CAAC,aAAa,EAAE,oDAAoD,CAAC;IAChF,KAAK,EAAE,CAAC,aAAa,EAAE,oDAAoD,CAAC;IAC5E,QAAQ,EAAE;QACR,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,WAAW;QACzB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;KAClB;CACO,CAAC"}

package/dist/components/DropdownButton/DropdownButton.d.ts

@@ -1,4 +1,4 @@
 import type { DropdownButtonProps } from "./DropdownButton.types.js";
-declare function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled, open: openProp, defaultOpen, onOpenChange, className, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled, open: openProp, defaultOpen, onOpenChange, avoidCollisions, container, className, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
 export { DropdownButton };
 //# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/DropdownButton/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAenC,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CAwIrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAenC,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,eAAsB,EACtB,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,2CA2JrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/DropdownButton/DropdownButton.js

@@ -4,12 +4,30 @@ import { ChevronDown, CircleCheck, CircleX } from "lucide-react";
 import * as React from "react";
 import { cn } from "../../lib/cn.js";
 import { dropdownButtonActionClasses, dropdownButtonActiveLabelClasses, dropdownButtonChevronClasses, dropdownButtonContainerClasses, dropdownButtonMenuContentClasses, dropdownButtonMenuItemClasses, dropdownButtonMenuSeparatorClasses, dropdownButtonNegativeIconClasses, dropdownButtonPositiveIconClasses, dropdownButtonTerminalIconClasses, dropdownButtonTriggerClasses, } from "./DropdownButton.variants.js";
-function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled = false, open: openProp, defaultOpen = false, onOpenChange, className, }) {
+function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled = false, open: openProp, defaultOpen = false, onOpenChange, avoidCollisions = true, container, className, }) {
     // Track open state internally so we can drive the container border-radius and
     // chevron rotation regardless of controlled vs. uncontrolled usage.
     const isControlled = openProp !== undefined;
     const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
     const isOpen = isControlled ? openProp : internalOpen;
+    // Track which side Radix actually places the menu on (may flip from "bottom" to
+    // "top" when avoidCollisions repositions it near the viewport edge).
+    const [openSide, setOpenSide] = React.useState("bottom");
+    const sideObserverRef = React.useRef(null);
+    const contentCallbackRef = React.useCallback((el) => {
+        sideObserverRef.current?.disconnect();
+        if (!el)
+            return;
+        const sync = () => {
+            const s = el.getAttribute("data-side");
+            if (s === "top" || s === "bottom")
+                setOpenSide(s);
+        };
+        sync();
+        const obs = new MutationObserver(sync);
+        obs.observe(el, { attributes: true, attributeFilter: ["data-side"] });
+        sideObserverRef.current = obs;
+    }, []);
     // Label updates to the selected item label when picked from the dropdown.
     // Resets if the parent changes the label prop.
     const [displayLabel, setDisplayLabel] = React.useState(label);
@@ -19,14 +37,14 @@ function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSele
             setInternalOpen(next);
         onOpenChange?.(next);
     }, [isControlled, onOpenChange]);
-    return (_jsxs(DropdownMenuPrimitive.Root, { open: isControlled ? openProp : internalOpen, onOpenChange: handleOpenChange, modal: false, children: [_jsx(DropdownMenuPrimitive.Trigger, { asChild: true, disabled: disabled, children: _jsxs("div", { "data-slot": "dropdown-button", "data-state": isOpen ? "open" : "closed", "data-disabled": disabled || undefined, className: cn(dropdownButtonContainerClasses, className), style: minWidth !== undefined ? { minWidth } : undefined, children: [_jsx("button", { "data-slot": "dropdown-button-action", type: "button", onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
+    return (_jsxs(DropdownMenuPrimitive.Root, { open: isControlled ? openProp : internalOpen, onOpenChange: handleOpenChange, modal: false, children: [_jsx(DropdownMenuPrimitive.Trigger, { asChild: true, disabled: disabled, children: _jsxs("div", { "data-slot": "dropdown-button", "data-state": isOpen ? "open" : "closed", "data-open-side": isOpen ? openSide : undefined, "data-disabled": disabled || undefined, className: cn(dropdownButtonContainerClasses, className), style: minWidth !== undefined ? { minWidth } : undefined, children: [_jsx("button", { "data-slot": "dropdown-button-action", type: "button", onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
                                 e.stopPropagation();
                                 onPrimaryAction();
                             }, onKeyDown: (e) => {
                                 if (e.key === "Enter" || e.key === " ")
                                     e.stopPropagation();
                             }, disabled: disabled, className: cn(dropdownButtonActionClasses), children: _jsx("span", { children: displayLabel }) }), _jsx("div", { "data-slot": "dropdown-button-trigger", "aria-hidden": "true", className: cn(dropdownButtonTriggerClasses, isOpen &&
-                                "bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)] hover:bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)]"), children: _jsx(ChevronDown, { className: cn(dropdownButtonChevronClasses, isOpen && "rotate-180") }) })] }) }), _jsx(DropdownMenuPrimitive.Portal, { children: _jsxs(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-button-content", side: "bottom", align: "start", sideOffset: 0, avoidCollisions: false, className: cn(dropdownButtonMenuContentClasses), children: [items.map((item) => (_jsxs(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-button-item", disabled: item.isActive, onSelect: item.isActive ? undefined : () => {
+                                "bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)] hover:bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)]"), children: _jsx(ChevronDown, { className: cn(dropdownButtonChevronClasses, isOpen && "rotate-180") }) })] }) }), _jsx(DropdownMenuPrimitive.Portal, { container: container, children: _jsxs(DropdownMenuPrimitive.Content, { ref: contentCallbackRef, "data-slot": "dropdown-button-content", side: "bottom", align: "start", sideOffset: 0, avoidCollisions: avoidCollisions, className: cn(dropdownButtonMenuContentClasses), children: [items.map((item) => (_jsxs(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-button-item", disabled: item.isActive, onSelect: item.isActive ? undefined : () => {
                                 setDisplayLabel(item.label);
                                 onItemSelect?.(item);
                                 item.onSelect();

package/dist/components/DropdownButton/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,4BAA4B,EAC5B,8BAA8B,EAC9B,gCAAgC,EAChC,6BAA6B,EAC7B,kCAAkC,EAClC,iCAAiC,EACjC,iCAAiC,EACjC,iCAAiC,EACjC,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,SAAS,GACW;IACpB,8EAA8E;IAC9E,oEAAoE;IACpE,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAEtD,0EAA0E;IAC1E,+CAA+C;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,IACzB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,KAAK,aAOZ,KAAC,qBAAqB,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,QAAQ,YACvD,4BACY,iBAAiB,gBACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,mBACvB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,aAExD,8BACY,wBAAwB,EAClC,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,eAAe,EAAE,CAAC;4BACpB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;oCAAE,CAAC,CAAC,eAAe,EAAE,CAAC;4BAC9D,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,YAE1C,yBAAO,YAAY,GAAQ,GACpB,EAGT,2BACY,yBAAyB,iBACvB,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,MAAM;gCACJ,uHAAuH,CAC1H,YAED,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,MAAM,IAAI,YAAY,CAAC,GACnE,GACE,IACF,GACwB,EAEhC,KAAC,qBAAqB,CAAC,MAAM,cAC3B,MAAC,qBAAqB,CAAC,OAAO,iBAClB,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,eAAe,EAAE,KAAK,EACtB,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,aAE9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,qBAAqB,CAAC,IAAI,iBAEf,sBAAsB,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;gCACzC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gCAC5B,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;gCACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;4BAClB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,aAE5C,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,QAAQ,IAAI,CAChB,eAAM,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,uBAAe,CACrE,KAbI,IAAI,CAAC,KAAK,CAcY,CAC9B,CAAC,EAED,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,8BACE,2BACY,2BAA2B,EACrC,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,GACjD,EACD,WAAW,CAAC,GAAG,CAAC,CAAC,MAAgC,EAAE,EAAE;oCACpD,MAAM,cAAc,GAClB,MAAM,CAAC,WAAW,KAAK,UAAU;wCAC/B,CAAC,CAAC,iCAAiC;wCACnC,CAAC,CAAC,iCAAiC,CAAC;oCACxC,MAAM,WAAW,GACf,MAAM,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC;oCACpE,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,iBAEf,6BAA6B,EACvC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,aAE5C,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,iCAAiC,CAAC,YAE/D,MAAM,CAAC,IAAI,IAAI,WAAW,GACtB,EACP,yBAAO,MAAM,CAAC,KAAK,GAAQ,KAVtB,MAAM,CAAC,KAAK,CAWU,CAC9B,CAAC;gCACJ,CAAC,CAAC,IACD,CACJ,IAC6B,GACH,IACJ,CAC9B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,4BAA4B,EAC5B,8BAA8B,EAC9B,gCAAgC,EAChC,6BAA6B,EAC7B,kCAAkC,EAClC,iCAAiC,EACjC,iCAAiC,EACjC,iCAAiC,EACjC,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,SAAS,GACW;IACpB,8EAA8E;IAC9E,oEAAoE;IACpE,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAEtD,gFAAgF;IAChF,qEAAqE;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmB,QAAQ,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IACpE,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAyB,EAAE,EAAE;QACzE,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACtC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YACvC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,QAAQ;gBAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;QACP,MAAM,GAAG,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACtE,eAAe,CAAC,OAAO,GAAG,GAAG,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0EAA0E;IAC1E,+CAA+C;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,IACzB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,KAAK,aAOZ,KAAC,qBAAqB,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,QAAQ,YACvD,4BACY,iBAAiB,gBACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,oBACtB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,mBAC9B,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,aAExD,8BACY,wBAAwB,EAClC,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,eAAe,EAAE,CAAC;4BACpB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;oCAAE,CAAC,CAAC,eAAe,EAAE,CAAC;4BAC9D,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,YAE1C,yBAAO,YAAY,GAAQ,GACpB,EAGT,2BACY,yBAAyB,iBACvB,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,MAAM;gCACJ,uHAAuH,CAC1H,YAED,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,MAAM,IAAI,YAAY,CAAC,GACnE,GACE,IACF,GACwB,EAEhC,KAAC,qBAAqB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAChD,MAAC,qBAAqB,CAAC,OAAO,IAC5B,GAAG,EAAE,kBAAkB,eACb,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,aAE9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,qBAAqB,CAAC,IAAI,iBAEf,sBAAsB,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;gCACzC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gCAC5B,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;gCACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;4BAClB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,aAE5C,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,QAAQ,IAAI,CAChB,eAAM,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,uBAAe,CACrE,KAbI,IAAI,CAAC,KAAK,CAcY,CAC9B,CAAC,EAED,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,8BACE,2BACY,2BAA2B,EACrC,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,GACjD,EACD,WAAW,CAAC,GAAG,CAAC,CAAC,MAAgC,EAAE,EAAE;oCACpD,MAAM,cAAc,GAClB,MAAM,CAAC,WAAW,KAAK,UAAU;wCAC/B,CAAC,CAAC,iCAAiC;wCACnC,CAAC,CAAC,iCAAiC,CAAC;oCACxC,MAAM,WAAW,GACf,MAAM,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC;oCACpE,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,iBAEf,6BAA6B,EACvC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,aAE5C,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,iCAAiC,CAAC,YAE/D,MAAM,CAAC,IAAI,IAAI,WAAW,GACtB,EACP,yBAAO,MAAM,CAAC,KAAK,GAAQ,KAVtB,MAAM,CAAC,KAAK,CAWU,CAC9B,CAAC;gCACJ,CAAC,CAAC,IACD,CACJ,IAC6B,GACH,IACJ,CAC9B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/DropdownButton/DropdownButton.types.d.ts

@@ -49,6 +49,17 @@ export type DropdownButtonProps = {
     defaultOpen?: boolean;
     /** Called when the dropdown open state changes. */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the dropdown content should avoid collisions with the viewport
+     * edges. Defaults to `true`. Set to `false` to disable repositioning.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * DOM element to render the dropdown portal into. Defaults to `document.body`.
+     * Pass a scroll container element (e.g. `document.getElementById('my-list')`)
+     * so the menu stays anchored when the page scrolls.
+     */
+    container?: HTMLElement | null;
     className?: string;
 };
 //# sourceMappingURL=DropdownButton.types.d.ts.map

package/dist/components/DropdownButton/DropdownButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,6DAA6D;IAC7D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"DropdownButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,6DAA6D;IAC7D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/DropdownButton/DropdownButton.variants.d.ts

@@ -1,5 +1,5 @@
-/** Outer unified pill container — shared border + bg; bottom radius removed when open */
-export declare const dropdownButtonContainerClasses: readonly ["inline-flex items-center", "h-9 pl-3 pr-[3px] py-[3px]", "rounded-[9px]", "bg-[var(--color-semantic-button-primary-bg)]", "border border-[var(--color-semantic-button-primary-bg)]", "[transition:border-radius_300ms_ease]", "data-[state=open]:rounded-b-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"];
+/** Outer unified pill container — shared border + bg; adjacent corners flatten to connect with the menu */
+export declare const dropdownButtonContainerClasses: readonly ["inline-flex items-center", "h-9 pl-3 pr-[3px] py-[3px]", "rounded-[9px]", "bg-[var(--color-semantic-button-primary-bg)]", "border border-[var(--color-semantic-button-primary-bg)]", "[transition:border-radius_300ms_ease]", "data-[open-side=bottom]:rounded-b-none", "data-[open-side=top]:rounded-t-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"];
 /** Left action button — fills remaining width inside the container */
 export declare const dropdownButtonActionClasses: readonly ["inline-flex flex-1 items-center gap-2 h-full pr-3", "text-[var(--color-semantic-button-primary-fg)]", "text-sm font-medium leading-5 whitespace-nowrap", "cursor-pointer rounded-[6px] transition-colors", "hover:bg-white/15", "active:bg-white/20", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-semantic-button-primary-focus)] focus-visible:ring-offset-1", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0"];
 /** Right chevron trigger — inset 30×30 blue button */
@@ -7,7 +7,7 @@ export declare const dropdownButtonTriggerClasses: readonly ["inline-flex items-
 /** Chevron icon — rotates when dropdown is open */
 export declare const dropdownButtonChevronClasses: readonly ["transition-transform duration-200"];
 /** Attached dropdown panel */
-export declare const dropdownButtonMenuContentClasses: readonly ["z-[80] overflow-hidden", "min-w-[var(--radix-popper-anchor-width)]", "p-3", "rounded-t-none rounded-b-[9px]", "bg-[var(--color-semantic-dropdown-btn-menu-bg)]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0", "data-[state=open]:slide-in-from-top-1 data-[state=closed]:slide-out-to-top-1", "duration-300"];
+export declare const dropdownButtonMenuContentClasses: readonly ["z-[80] overflow-hidden", "min-w-[var(--radix-popper-anchor-width)]", "p-3", "data-[side=bottom]:rounded-t-none data-[side=bottom]:rounded-b-[9px]", "data-[side=top]:rounded-b-none data-[side=top]:rounded-t-[9px]", "bg-[var(--color-semantic-dropdown-btn-menu-bg)]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0", "data-[side=bottom]:data-[state=open]:slide-in-from-top-1 data-[side=bottom]:data-[state=closed]:slide-out-to-top-1", "data-[side=top]:data-[state=open]:slide-in-from-bottom-1 data-[side=top]:data-[state=closed]:slide-out-to-bottom-1", "duration-300"];
 /** Individual dropdown item */
 export declare const dropdownButtonMenuItemClasses: readonly ["relative flex cursor-default select-none items-center gap-2", "h-8 rounded-lg px-3 text-sm font-medium outline-hidden overflow-hidden", "text-[var(--color-semantic-dropdown-btn-menu-fg)]", "focus:bg-[var(--color-semantic-dropdown-btn-menu-item-hover-bg)]", "data-[highlighted]:bg-[var(--color-semantic-dropdown-btn-menu-item-hover-bg)]", "data-[disabled]:pointer-events-none data-[disabled]:opacity-40"];
 /** "Active" label badge on the current item */

package/dist/components/DropdownButton/DropdownButton.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,0VAajC,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,2BAA2B,0hBAe9B,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,4BAA4B,8hBAa/B,CAAC;AAEX,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,gDAE/B,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,gCAAgC,2YAcnC,CAAC;AAEX,+BAA+B;AAC/B,eAAO,MAAM,6BAA6B,gaAOhC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,gCAAgC,8CAEnC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,kCAAkC,iFAErC,CAAC;AAEX,eAAO,MAAM,iCAAiC,0EAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC"}
+{"version":3,"file":"DropdownButton.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,eAAO,MAAM,8BAA8B,uYAcjC,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,2BAA2B,0hBAe9B,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,4BAA4B,8hBAa/B,CAAC;AAEX,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,gDAE/B,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,gCAAgC,+oBAiBnC,CAAC;AAEX,+BAA+B;AAC/B,eAAO,MAAM,6BAA6B,gaAOhC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,gCAAgC,8CAEnC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,kCAAkC,iFAErC,CAAC;AAEX,eAAO,MAAM,iCAAiC,0EAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC"}

package/dist/components/DropdownButton/DropdownButton.variants.js

@@ -1,4 +1,4 @@
-/** Outer unified pill container — shared border + bg; bottom radius removed when open */
+/** Outer unified pill container — shared border + bg; adjacent corners flatten to connect with the menu */
 export const dropdownButtonContainerClasses = [
     // Layout
     "inline-flex items-center",
@@ -7,9 +7,10 @@ export const dropdownButtonContainerClasses = [
     // Colors
     "bg-[var(--color-semantic-button-primary-bg)]",
     "border border-[var(--color-semantic-button-primary-bg)]",
-    // Open state: flatten bottom corners, transition so it eases with the dropdown
+    // Open state: flatten the edge that connects to the menu (top or bottom depending on which way it opens)
     "[transition:border-radius_300ms_ease]",
-    "data-[state=open]:rounded-b-none",
+    "data-[open-side=bottom]:rounded-b-none",
+    "data-[open-side=top]:rounded-t-none",
     // Disabled
     "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
 ];
@@ -55,14 +56,17 @@ export const dropdownButtonMenuContentClasses = [
     "z-[80] overflow-hidden",
     "min-w-[var(--radix-popper-anchor-width)]",
     "p-3",
-    // Shape: top is flat (connects to button), bottom has rounding
-    "rounded-t-none rounded-b-[9px]",
+    // Shape: the edge that touches the button is flat; the far edge is rounded.
+    // Radix sets data-side="bottom" (opens down) or data-side="top" (opens up).
+    "data-[side=bottom]:rounded-t-none data-[side=bottom]:rounded-b-[9px]",
+    "data-[side=top]:rounded-b-none data-[side=top]:rounded-t-[9px]",
     // Colors
     "bg-[var(--color-semantic-dropdown-btn-menu-bg)]",
-    // Animation — slides down from the button, rolls back up on close
+    // Animation — slides toward the button on close, away from it on open.
     "data-[state=open]:animate-in data-[state=closed]:animate-out",
     "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-    "data-[state=open]:slide-in-from-top-1 data-[state=closed]:slide-out-to-top-1",
+    "data-[side=bottom]:data-[state=open]:slide-in-from-top-1 data-[side=bottom]:data-[state=closed]:slide-out-to-top-1",
+    "data-[side=top]:data-[state=open]:slide-in-from-bottom-1 data-[side=top]:data-[state=closed]:slide-out-to-bottom-1",
     "duration-300",
 ];
 /** Individual dropdown item */

package/dist/components/DropdownButton/DropdownButton.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.variants.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,SAAS;IACT,0BAA0B;IAC1B,4BAA4B;IAC5B,eAAe;IACf,SAAS;IACT,8CAA8C;IAC9C,yDAAyD;IACzD,+EAA+E;IAC/E,uCAAuC;IACvC,kCAAkC;IAClC,WAAW;IACX,0EAA0E;CAClE,CAAC;AAEX,sEAAsE;AACtE,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,SAAS;IACT,mDAAmD;IACnD,SAAS;IACT,gDAAgD;IAChD,aAAa;IACb,iDAAiD;IACjD,6FAA6F;IAC7F,gDAAgD;IAChD,mBAAmB;IACnB,oBAAoB;IACpB,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,sDAAsD;AACtD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,SAAS;IACT,yCAAyC;IACzC,oCAAoC;IACpC,kEAAkE;IAClE,oDAAoD;IACpD,gDAAgD;IAChD,SAAS;IACT,gEAAgE;IAChE,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,mDAAmD;AACnD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,mCAAmC;CAC3B,CAAC;AAEX,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,uDAAuD;IACvD,wBAAwB;IACxB,0CAA0C;IAC1C,KAAK;IACL,+DAA+D;IAC/D,gCAAgC;IAChC,SAAS;IACT,iDAAiD;IACjD,kEAAkE;IAClE,8DAA8D;IAC9D,4DAA4D;IAC5D,8EAA8E;IAC9E,cAAc;CACN,CAAC;AAEX,+BAA+B;AAC/B,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,6DAA6D;IAC7D,wEAAwE;IACxE,mDAAmD;IACnD,kEAAkE;IAClE,+EAA+E;IAC/E,gEAAgE;CACxD,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,iCAAiC;CACzB,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAChD,oEAAoE;CAC5D,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,6DAA6D;CACrD,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC"}
+{"version":3,"file":"DropdownButton.variants.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,SAAS;IACT,0BAA0B;IAC1B,4BAA4B;IAC5B,eAAe;IACf,SAAS;IACT,8CAA8C;IAC9C,yDAAyD;IACzD,yGAAyG;IACzG,uCAAuC;IACvC,wCAAwC;IACxC,qCAAqC;IACrC,WAAW;IACX,0EAA0E;CAClE,CAAC;AAEX,sEAAsE;AACtE,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,SAAS;IACT,mDAAmD;IACnD,SAAS;IACT,gDAAgD;IAChD,aAAa;IACb,iDAAiD;IACjD,6FAA6F;IAC7F,gDAAgD;IAChD,mBAAmB;IACnB,oBAAoB;IACpB,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,sDAAsD;AACtD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,SAAS;IACT,yCAAyC;IACzC,oCAAoC;IACpC,kEAAkE;IAClE,oDAAoD;IACpD,gDAAgD;IAChD,SAAS;IACT,gEAAgE;IAChE,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,mDAAmD;AACnD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,mCAAmC;CAC3B,CAAC;AAEX,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,uDAAuD;IACvD,wBAAwB;IACxB,0CAA0C;IAC1C,KAAK;IACL,4EAA4E;IAC5E,4EAA4E;IAC5E,sEAAsE;IACtE,gEAAgE;IAChE,SAAS;IACT,iDAAiD;IACjD,uEAAuE;IACvE,8DAA8D;IAC9D,4DAA4D;IAC5D,oHAAoH;IACpH,oHAAoH;IACpH,cAAc;CACN,CAAC;AAEX,+BAA+B;AAC/B,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,6DAA6D;IAC7D,wEAAwE;IACxE,mDAAmD;IACnD,kEAAkE;IAClE,+EAA+E;IAC/E,gEAAgE;CACxD,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,iCAAiC;CACzB,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAChD,oEAAoE;CAC5D,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,6DAA6D;CACrD,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powered-by-array/ui",
-  "version": "1.76.0",
+  "version": "1.77.1",
   "description": "ArrayHQ design system UI components",
   "type": "module",
   "repository": {