@revikornmann/muka-ui 0.24.0 → 0.26.0

package/dist/cjs/components/DropdownSelect/DropdownSelect.js

@@ -18,7 +18,7 @@ require("./DropdownSelect.css");
  * Not the native `<Select>` — use that for simple platform-native fields.
  * Not free-text — use `Combobox` for creatable chip input.
  */
-const DropdownSelect = ({ options, value, onValueChange, multiple = false, placeholder = 'Select item...', label, helperText, error = false, errorMessage, disabled = false, size = 'md', fullWidth = false, required = false, searchable = true, searchPlaceholder = 'Search', scrollbar = false, open: openProp, onOpenChange, defaultOpen, name, id, 'aria-label': ariaLabel, className = '', }) => {
+const DropdownSelect = ({ options, value, onValueChange, multiple = false, placeholder = 'Select item...', label, helperText, error = false, errorMessage, disabled = false, size = 'md', fullWidth = false, required = false, searchable = true, searchPlaceholder = 'Search', scrollbar = false, open: openProp, onOpenChange, defaultOpen, name, id, 'aria-label': ariaLabel, className = '', portalContainer, }) => {
     const generatedId = (0, react_1.useId)();
     const fieldId = id || name || generatedId;
     const helperTextId = `${fieldId}-helper`;
@@ -97,7 +97,7 @@ const DropdownSelect = ({ options, value, onValueChange, multiple = false, place
                                             e.preventDefault();
                                             e.stopPropagation();
                                             removeValue(option.value);
-                                        }, children: option.label }, option.value))) })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-dropdown-select__value", children: selectedOptions[0].label })) })] }), (0, jsx_runtime_1.jsxs)(Menu_1.MenuContent, { align: "start", side: "bottom", sideOffset: 4, searchable: searchable, scrollbar: scrollbar, className: "muka-dropdown-select__menu", style: menuWidth && menuWidth > 280
+                                        }, children: option.label }, option.value))) })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-dropdown-select__value", children: selectedOptions[0].label })) })] }), (0, jsx_runtime_1.jsxs)(Menu_1.MenuContent, { align: "start", side: "bottom", sideOffset: 4, searchable: searchable, scrollbar: scrollbar, className: "muka-dropdown-select__menu", container: portalContainer, style: menuWidth && menuWidth > 280
                             ? { minWidth: menuWidth }
                             : undefined, onCloseAutoFocus: (event) => event.preventDefault(), children: [searchable && ((0, jsx_runtime_1.jsx)(Menu_1.MenuSearch, { placeholder: searchPlaceholder, size: size === 'sm' ? 'sm' : 'md' })), multiple ? (options.map((option) => ((0, jsx_runtime_1.jsx)(Menu_1.MenuCheckboxItem, { checked: selectedSet.has(option.value), onCheckedChange: (checked) => toggleMulti(option.value, checked), disabled: option.disabled, indicator: "trailing", textValue: option.label, children: option.label }, option.value)))) : ((0, jsx_runtime_1.jsx)(Menu_1.MenuRadioGroup, { value: singleValue, onValueChange: (next) => onValueChange?.(next), children: options.map((option) => ((0, jsx_runtime_1.jsx)(Menu_1.MenuRadioItem, { value: option.value, disabled: option.disabled, indicator: "check", textValue: option.label, children: option.label }, option.value))) }))] })] }), showError && ((0, jsx_runtime_1.jsx)("p", { className: "muka-dropdown-select__error", id: errorMessageId, role: "alert", children: errorMessage })), !showError && helperText && ((0, jsx_runtime_1.jsx)("p", { className: "muka-dropdown-select__helper", id: helperTextId, children: helperText }))] }));
 };

package/dist/cjs/components/DropdownSelect/DropdownSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSelect.js","sourceRoot":"","sources":["../../../../components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownSelect.js","sourceRoot":"","sources":["../../../../components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/InputCounter/InputCounter.css

@@ -0,0 +1,175 @@
+/* InputCounter — numeric field + joined decrement/increment buttons.
+   Label, helper and error text reuse Input.css (../Input/Input.css).
+   Field and button group share one radius per size:
+   sm/md → input.field.radius.md, lg → input.field.radius.lg. */
+
+.muka-inputcounter {
+  --muka-inputcounter-radius: var(--input-field-radius-md);
+  --muka-inputcounter-height: var(--input-field-height-default);
+  --muka-inputcounter-pad: calc(var(--spacing-2) + var(--spacing-1));
+  --muka-inputcounter-min: var(--size-3xl);
+
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
+
+.muka-inputcounter--sm {
+  --muka-inputcounter-height: var(--input-field-height-sm);
+  --muka-inputcounter-pad: calc(var(--spacing-1) + var(--spacing-1));
+  --muka-inputcounter-min: var(--size-2xl);
+}
+
+.muka-inputcounter--lg {
+  --muka-inputcounter-radius: var(--input-field-radius-lg);
+  --muka-inputcounter-height: var(--input-field-height-lg);
+}
+
+/* Label row — label, info tooltip trigger, optional hint */
+.muka-inputcounter__label-row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--size-xl);
+}
+
+.muka-inputcounter__info {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  cursor: pointer;
+}
+
+.muka-inputcounter__info .muka-icon {
+  color: var(--color-action-default);
+}
+
+.muka-inputcounter__info:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+.muka-inputcounter__optional {
+  font-family: var(--text-label-sm-regular-fontFamily);
+  font-weight: var(--text-label-sm-regular-fontWeight);
+  font-size: var(--text-label-sm-regular-fontSize);
+  line-height: var(--text-label-sm-regular-lineHeight);
+  color: var(--color-text-subtle-default);
+}
+
+/* Field + button group */
+.muka-inputcounter__row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+}
+
+/* Field — grows with the value (in ch), never narrower than the Figma width.
+   Padding sits on the native input so the 2px focus/error border doesn't
+   need compensating: content is centred in a fixed box. */
+.muka-inputcounter__field {
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: var(--muka-inputcounter-height);
+  width: calc(
+    max(var(--muka-inputcounter-min), calc(var(--muka-inputcounter-chars, 1) * 1ch)) +
+      2 * var(--muka-inputcounter-pad) + 2 * var(--border-width-regular)
+  );
+  background-color: var(--input-field-color-default-background);
+  border: var(--border-width-regular) solid var(--input-field-color-default-border);
+  border-radius: var(--muka-inputcounter-radius);
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+}
+
+.muka-inputcounter__field::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: var(--shadow-sunken);
+  pointer-events: none;
+}
+
+.muka-inputcounter__field--focused:not(.muka-inputcounter__field--disabled) {
+  border-width: var(--border-width-bold);
+  border-color: var(--input-field-color-focus-border);
+  background-color: var(--input-field-color-focus-background);
+}
+
+.muka-inputcounter__field--error:not(.muka-inputcounter__field--disabled) {
+  border-width: var(--border-width-bold);
+  border-color: var(--input-field-color-error-border);
+  background-color: var(--input-field-color-error-background);
+}
+
+.muka-inputcounter__field--disabled {
+  background-color: var(--input-field-color-disabled-background);
+  border-color: var(--input-field-color-disabled-border);
+}
+
+.muka-inputcounter__field--disabled::after {
+  display: none;
+}
+
+.muka-inputcounter__native {
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 0 calc(var(--muka-inputcounter-pad) - var(--border-width-regular));
+  border: none;
+  outline: none;
+  background: transparent;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+  color: var(--input-field-color-default-foreground);
+  font-family: var(--text-input-md-fontFamily);
+  font-weight: var(--text-input-md-fontWeight);
+  font-size: var(--text-input-md-fontSize);
+  line-height: var(--text-input-md-lineHeight);
+}
+
+.muka-inputcounter--sm .muka-inputcounter__native {
+  font-family: var(--text-input-sm-fontFamily);
+  font-weight: var(--text-input-sm-fontWeight);
+  font-size: var(--text-input-sm-fontSize);
+  line-height: var(--text-input-sm-lineHeight);
+}
+
+.muka-inputcounter__field--disabled .muka-inputcounter__native {
+  color: var(--input-field-color-disabled-foreground);
+  cursor: not-allowed;
+}
+
+/* Button group — secondary icon-only Buttons joined by a divider.
+   Only the outer corners are rounded. */
+.muka-inputcounter__group {
+  display: inline-flex;
+  align-items: stretch;
+}
+
+.muka-inputcounter__group .muka-button {
+  border-radius: 0;
+}
+
+.muka-inputcounter__group .muka-button:first-child {
+  border-start-start-radius: var(--muka-inputcounter-radius);
+  border-end-start-radius: var(--muka-inputcounter-radius);
+}
+
+.muka-inputcounter__group .muka-button:last-child {
+  border-start-end-radius: var(--muka-inputcounter-radius);
+  border-end-end-radius: var(--muka-inputcounter-radius);
+}
+
+.muka-inputcounter__divider {
+  flex: none;
+  width: var(--border-width-regular);
+  background-color: var(--color-border-default);
+}

package/dist/cjs/components/InputCounter/InputCounter.js

@@ -0,0 +1,196 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputCounter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@remixicon/react");
+const accessibility_1 = require("../../utils/accessibility");
+const Button_1 = require("../Button");
+const Icon_1 = require("../Icon");
+const Tooltip_1 = require("../Tooltip");
+require("../Input/Input.css");
+require("./InputCounter.css");
+const decimalsOf = (n) => {
+    const [, fraction = ''] = String(n).split('.');
+    return fraction.length;
+};
+const BUTTON_ICON_SIZE = { sm: 'xs', md: 'sm', lg: 'md' };
+/**
+ * InputCounter Component
+ *
+ * A compact numeric field with joined decrement/increment buttons, for small
+ * whole quantities (amounts, guests, items). Follows the WAI-ARIA spinbutton
+ * pattern: the field is the single tab stop and owns the keyboard; the buttons
+ * are pointer shortcuts.
+ *
+ * Tokens used:
+ * - input.field.color.{state}.{background|foreground|border}
+ * - input.field.radius.{md|lg} / input.field.height.{size}
+ * - button.color.secondary.* (via Button)
+ * - shadow.sunken / color.border.default
+ * - text.input.{size} / text.label.md.semibold / text.label.sm.regular
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/
+ */
+exports.InputCounter = react_1.default.forwardRef(function InputCounter({ value, defaultValue, onChange, min, max, step = 1, label, optional = false, optionalText = 'Optional', tooltip, tooltipLabel = 'More information', helperText, error = false, errorMessage, disabled = false, readOnly = false, required = false, size = 'md', decrementLabel = 'Decrease', incrementLabel = 'Increase', className = '', id, name, onBlur, onFocus, onKeyDown, inputMode, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, ...rest }, forwardedRef) {
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = (0, react_1.useState)(() => defaultValue ?? min ?? 0);
+    // Text being typed; null when the field shows the committed value.
+    const [draft, setDraft] = (0, react_1.useState)(null);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    const generatedId = (0, react_1.useId)();
+    const inputId = id || name || generatedId;
+    const helperTextId = `${inputId}-helper`;
+    const errorMessageId = `${inputId}-error`;
+    const current = isControlled ? value : internalValue;
+    const display = draft ?? String(current);
+    const interactive = !disabled && !readOnly;
+    const canDecrement = interactive && (min === undefined || current > min);
+    const canIncrement = interactive && (max === undefined || current < max);
+    const showError = error && errorMessage;
+    const describedBy = (0, accessibility_1.mergeIds)(ariaDescribedBy, showError ? errorMessageId : helperText ? helperTextId : undefined);
+    /** Snap to the step grid (anchored at min) and clamp to min/max. */
+    const normalize = (n) => {
+        const base = min ?? 0;
+        const precision = Math.max(decimalsOf(step), decimalsOf(base));
+        let next = base + Math.round((n - base) / step) * step;
+        next = Number(next.toFixed(precision));
+        if (max !== undefined && next > max)
+            next = max;
+        if (min !== undefined && next < min)
+            next = min;
+        return next;
+    };
+    const commit = (n) => {
+        const next = normalize(n);
+        setDraft(null);
+        if (!isControlled)
+            setInternalValue(next);
+        if (next !== current)
+            onChange?.(next);
+    };
+    /** Value to step from: a typed-but-uncommitted draft wins over the prop. */
+    const base = () => {
+        if (draft === null)
+            return current;
+        const parsed = Number(draft.replace(',', '.'));
+        return draft.trim() !== '' && Number.isFinite(parsed) ? parsed : current;
+    };
+    const stepBy = (multiplier) => commit(base() + step * multiplier);
+    const commitDraft = () => {
+        if (draft === null)
+            return;
+        const parsed = Number(draft.replace(',', '.'));
+        if (draft.trim() === '' || !Number.isFinite(parsed)) {
+            setDraft(null);
+            return;
+        }
+        commit(parsed);
+    };
+    const handleKeyDown = (e) => {
+        onKeyDown?.(e);
+        if (e.defaultPrevented || !interactive)
+            return;
+        switch (e.key) {
+            case 'ArrowUp':
+                stepBy(1);
+                break;
+            case 'ArrowDown':
+                stepBy(-1);
+                break;
+            case 'PageUp':
+                stepBy(10);
+                break;
+            case 'PageDown':
+                stepBy(-10);
+                break;
+            case 'Home':
+                if (min === undefined)
+                    return;
+                commit(min);
+                break;
+            case 'End':
+                if (max === undefined)
+                    return;
+                commit(max);
+                break;
+            case 'Enter':
+                commitDraft();
+                return; // let Enter still submit a surrounding form
+            default:
+                return;
+        }
+        e.preventDefault();
+    };
+    // Keep focus where it is — pressing a button must not blur the field
+    // (which would commit a half-typed draft mid-click).
+    const keepFocus = (e) => e.preventDefault();
+    const wrapperClasses = [
+        'muka-inputcounter',
+        `muka-inputcounter--${size}`,
+        className,
+    ].filter(Boolean).join(' ');
+    const fieldClasses = [
+        'muka-inputcounter__field',
+        isFocused && 'muka-inputcounter__field--focused',
+        error && 'muka-inputcounter__field--error',
+        disabled && 'muka-inputcounter__field--disabled',
+    ].filter(Boolean).join(' ');
+    const hasLabelRow = Boolean(label);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: wrapperClasses, children: [hasLabelRow && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-inputcounter__label-row", children: [(0, jsx_runtime_1.jsxs)("label", { className: "muka-input__label muka-input__label--md", htmlFor: inputId, children: [label, required && (0, jsx_runtime_1.jsx)("span", { className: "muka-input__required", "aria-hidden": "true", children: " *" })] }), tooltip && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: tooltip, children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "muka-inputcounter__info", "aria-label": tooltipLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "information", variant: "line", size: "md" }) }) })), optional && !required && ((0, jsx_runtime_1.jsx)("span", { className: "muka-inputcounter__optional", children: optionalText }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "muka-inputcounter__row", children: [(0, jsx_runtime_1.jsx)("div", { className: fieldClasses, style: { '--muka-inputcounter-chars': display.length }, children: (0, jsx_runtime_1.jsx)("input", { ...rest, ref: (node) => {
+                                inputRef.current = node;
+                                if (typeof forwardedRef === 'function')
+                                    forwardedRef(node);
+                                else if (forwardedRef)
+                                    forwardedRef.current =
+                                        node;
+                            }, id: inputId, name: name, className: "muka-inputcounter__native", type: "text", role: "spinbutton", inputMode: inputMode ?? (Number.isInteger(step) ? 'numeric' : 'decimal'), autoComplete: rest.autoComplete ?? 'off', value: display, disabled: disabled, readOnly: readOnly, required: required, "aria-valuenow": current, "aria-valuemin": min, "aria-valuemax": max, "aria-invalid": ariaInvalid ?? (error || undefined), "aria-describedby": describedBy, onChange: (e) => {
+                                // Digits, one leading minus and one decimal separator only.
+                                if (/^-?\d*([.,]\d*)?$/.test(e.target.value))
+                                    setDraft(e.target.value);
+                            }, onKeyDown: handleKeyDown, onFocus: (e) => {
+                                setIsFocused(true);
+                                onFocus?.(e);
+                            }, onBlur: (e) => {
+                                setIsFocused(false);
+                                commitDraft();
+                                onBlur?.(e);
+                            } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "muka-inputcounter__group", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: size, iconOnly: true, "aria-label": decrementLabel, "aria-controls": inputId, tabIndex: -1, disabled: !canDecrement, onMouseDown: keepFocus, onClick: () => stepBy(-1), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: react_2.RiSubtractLine, size: BUTTON_ICON_SIZE[size] }) }), (0, jsx_runtime_1.jsx)("span", { className: "muka-inputcounter__divider", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: size, iconOnly: true, "aria-label": incrementLabel, "aria-controls": inputId, tabIndex: -1, disabled: !canIncrement, onMouseDown: keepFocus, onClick: () => stepBy(1), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "add", variant: "line", size: BUTTON_ICON_SIZE[size] }) })] })] }), showError && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__error", id: errorMessageId, role: "alert", children: errorMessage })), !showError && helperText && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__helper", id: helperTextId, children: helperText }))] }));
+});
+exports.default = exports.InputCounter;
+//# sourceMappingURL=InputCounter.js.map

package/dist/cjs/components/InputCounter/InputCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCounter.js","sourceRoot":"","sources":["../../../../components/InputCounter/InputCounter.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/InputCounter/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.InputCounter = void 0;
+var InputCounter_1 = require("./InputCounter");
+Object.defineProperty(exports, "InputCounter", { enumerable: true, get: function () { return InputCounter_1.InputCounter; } });
+var InputCounter_2 = require("./InputCounter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputCounter_2).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/InputCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/InputCounter/index.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAsE;AAA7D,4GAAA,YAAY,OAAA;AACrB,+CAAyC;AAAhC,wHAAA,OAAO,OAAA"}

package/dist/cjs/components/Menu/Menu.js

@@ -43,8 +43,13 @@ const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-men
 const ContextMenuPrimitive = __importStar(require("@radix-ui/react-context-menu"));
 const Icon_1 = require("../Icon");
 const Scrollbar_1 = require("../Scrollbar");
+const usePortalContainer_1 = require("../../utils/usePortalContainer");
 require("./Menu.css");
-const MenuContext = (0, react_1.createContext)({ trigger: 'click', open: false });
+const MenuContext = (0, react_1.createContext)({
+    trigger: 'click',
+    open: false,
+    triggerRef: { current: null },
+});
 const MenuSearchContext = (0, react_1.createContext)({
     query: '',
     setQuery: () => { },
@@ -140,7 +145,8 @@ const Menu = ({ children, trigger = 'click', open, onOpenChange, defaultOpen, mo
         }
         onOpenChange?.(next);
     }, [isControlled, onOpenChange]);
-    const value = (0, react_1.useMemo)(() => ({ trigger, open: isOpen }), [trigger, isOpen]);
+    const triggerRef = (0, react_1.useRef)(null);
+    const value = (0, react_1.useMemo)(() => ({ trigger, open: isOpen, triggerRef }), [trigger, isOpen]);
     if (trigger === 'context') {
         return ((0, jsx_runtime_1.jsx)(MenuContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Root, { onOpenChange: handleOpenChange, modal: modal, children: children }) }));
     }
@@ -153,15 +159,22 @@ exports.DropdownMenu = exports.Menu;
  * MenuTrigger — opens the menu on click or right-click depending on `Menu.trigger`.
  */
 exports.MenuTrigger = react_1.default.forwardRef(({ children, asChild = false, disabled = false, className = '' }, ref) => {
-    const { trigger } = (0, react_1.useContext)(MenuContext);
+    const { trigger, triggerRef } = (0, react_1.useContext)(MenuContext);
     const Primitives = useMenuPrimitives();
+    const setRef = (0, react_1.useCallback)((node) => {
+        triggerRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref, triggerRef]);
     if (trigger === 'context') {
         const triggerClasses = ['muka-context-menu__trigger', className]
             .filter(Boolean)
             .join(' ');
-        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Trigger, { ref: ref, asChild: asChild, disabled: disabled, className: triggerClasses || undefined, children: children }));
+        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Trigger, { ref: setRef, asChild: asChild, disabled: disabled, className: triggerClasses || undefined, children: children }));
     }
-    return ((0, jsx_runtime_1.jsx)(Primitives.Trigger, { ref: ref, asChild: asChild, disabled: disabled, className: className || undefined, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Primitives.Trigger, { ref: setRef, asChild: asChild, disabled: disabled, className: className || undefined, children: children }));
 });
 exports.MenuTrigger.displayName = 'MenuTrigger';
 /**
@@ -189,7 +202,8 @@ function partitionMenuChildren(children) {
     return { search, items };
 }
 exports.MenuContent = react_1.default.forwardRef(({ children, align = 'start', side = 'bottom', sideOffset = 4, alignOffset = 0, className = '', style, loop = true, onOpenAutoFocus, onCloseAutoFocus, searchable = false, scrollbar = false, container, }, ref) => {
-    const { trigger, open } = (0, react_1.useContext)(MenuContext);
+    const { trigger, open, triggerRef } = (0, react_1.useContext)(MenuContext);
+    const portalContainer = (0, usePortalContainer_1.usePortalContainer)(container, triggerRef);
     const [query, setQuery] = (0, react_1.useState)('');
     const [searchHits, setSearchHits] = (0, react_1.useState)(0);
     const [highlightedId, setHighlightedId] = (0, react_1.useState)(null);
@@ -317,7 +331,7 @@ exports.MenuContent = react_1.default.forwardRef(({ children, align = 'start', s
             onCloseAutoFocus,
             children: body,
         };
-        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { container: container ?? undefined, children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Content, { ...contextContentProps }) }));
+        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { container: portalContainer, children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Content, { ...contextContentProps }) }));
     }
     const dropdownContentProps = {
         ref,
@@ -332,7 +346,7 @@ exports.MenuContent = react_1.default.forwardRef(({ children, align = 'start', s
         onCloseAutoFocus,
         children: body,
     };
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { container: container ?? undefined, children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ...dropdownContentProps }) }));
+    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ...dropdownContentProps }) }));
 });
 exports.MenuContent.displayName = 'MenuContent';
 /**
@@ -561,14 +575,15 @@ exports.MenuSubTrigger.displayName = 'MenuSubTrigger';
  * MenuSubContent - The dropdown container for submenu items
  */
 exports.MenuSubContent = react_1.default.forwardRef(({ children, sideOffset = 2, alignOffset = -4, className = '', loop = true, container }, ref) => {
-    const { trigger } = (0, react_1.useContext)(MenuContext);
+    const { trigger, triggerRef } = (0, react_1.useContext)(MenuContext);
+    const portalContainer = (0, usePortalContainer_1.usePortalContainer)(container, triggerRef);
     const contentClasses = ['muka-menu__content', 'muka-menu__content--sub', className]
         .filter(Boolean)
         .join(' ');
     if (trigger === 'context') {
-        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { container: container ?? undefined, children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.SubContent, { ref: ref, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, children: children }) }));
+        return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { container: portalContainer, children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.SubContent, { ref: ref, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, children: children }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { container: container ?? undefined, children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, children: children }) }));
 });
 exports.MenuSubContent.displayName = 'MenuSubContent';
 exports.default = exports.Menu;