@studio-helga/once-ui-core 1.7.8

package/dist/components/DatePicker.module.scss

@@ -0,0 +1,194 @@
+.calendar {
+    &.xs {
+      --calendar-padding: var(--static-space-8);
+      --calendar-gap: var(--static-space-4);
+      --calendar-button-size: var(--static-space-24);
+      --calendar-font-size: var(--font-size-xs);
+    }
+  
+    &.s {
+      --calendar-padding: var(--static-space-12);
+      --calendar-gap: var(--static-space-8);
+      --calendar-button-size: var(--static-space-28);
+      --calendar-font-size: var(--font-size-s);
+    }
+  
+    &.m {
+      --calendar-padding: var(--static-space-16);
+      --calendar-gap: var(--static-space-12);
+      --calendar-button-size: var(--static-space-32);
+      --calendar-font-size: var(--font-size-m);
+    }
+  
+    &.l {
+      --calendar-padding: var(--static-space-20);
+      --calendar-gap: var(--static-space-16);
+      --calendar-button-size: var(--static-space-36);
+      --calendar-font-size: var(--font-size-l);
+    }
+  
+    &.xl {
+      --calendar-padding: var(--static-space-24);
+      --calendar-gap: var(--static-space-20);
+      --calendar-button-size: var(--static-space-40);
+      --calendar-font-size: var(--font-size-xl);
+    }
+  }
+  
+  .monthButton {
+  
+      
+      &:hover {
+          transform: scale(1.10);
+          background: var(--neutral-background-medium);
+      }
+      
+      
+      &:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+          transform: none;
+      }
+  }
+  
+  .dayButton {
+    aspect-ratio: 1;
+    width: var(--calendar-button-size);
+    height: var(--calendar-button-size);
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--calendar-font-size);
+    transition: all 0.2s ease-in-out;
+    border-radius: var(--radius-m);
+    background-color: transparent;
+    border: 0.5px solid var(--neutral-background-medium);
+    color: var(--neutral-on-background-weak);
+  
+  
+    &:hover {
+      color: var(--neutral-background-weak);
+      transform: scale(1.10);
+      background: var(--neutral-background-strong);
+    }
+  
+    &:active {
+      background-color: var(--brand-background-strong);
+      color: white;
+      transform: scale(0.95);
+    }
+  
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      transform: none;
+    }
+  }
+  
+  .timeSelector {
+    background: var(--neutral-background-medium);
+    border-radius: var(--radius-m);
+    border: 1px solid var(--neutral-background-medium);
+    padding: var(--calendar-padding);
+    font-size: var(--calendar-font-size);
+  
+    &:focus-within {
+      border: 1px solid var(--neutral-border-strong);
+    }
+  }
+  
+  .timeInput {
+    width: var(--static-space-40);
+    height: var(--static-space-32);
+    border: 1px solid var(--neutral-border-medium);
+    border-radius: var(--radius-m);
+    background: var(--neutral-background-strong);
+    color: var(--neutral-on-background-strong);
+    text-align: center;
+    font-size: var(--calendar-font-size);
+    outline: none;
+    transition: all 0.2s ease-in-out;
+    
+    &:focus {
+      border-color: var(--brand-border-medium);
+      box-shadow: 0 0 0 2px var(--brand-alpha-weak);
+    }
+  
+    &:invalid {
+      border-color: var(--danger-border-medium);
+    }
+  
+    &::-webkit-inner-spin-button,
+    &::-webkit-outer-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+  
+  .ampmSelector {
+    min-width: var(--static-space-80);
+    height: var(--static-space-32);
+    font-size: var(--calendar-font-size);
+  
+    button {
+      min-width: var(--static-space-40);
+    }
+  }
+  
+  .monthTransition {
+    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+  }
+  
+  .slideLeft {
+    transform: translateX(-20px);
+    opacity: 0;
+  }
+  
+  .slideRight {
+    transform: translateX(20px);
+    opacity: 0;
+  }
+  
+  .timeWrapper {
+      &.vertical {
+        align-items: flex-start;
+      }
+    }
+    
+    .verticalTimeLabel {
+      writing-mode: vertical-lr;
+      transform: rotate(180deg);
+      margin-right: var(--static-space-8);
+    }
+    
+    .timeSelector {
+      &.vertical {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+    }
+    
+    .ampmSelector {
+      min-width: var(--static-space-80);
+      height: var(--static-space-32);
+      font-size: var(--calendar-font-size);
+    
+      &.vertical {
+        min-width: var(--static-space-32);
+        height: auto;
+    
+        button {
+          min-width: var(--static-space-32);
+          height: var(--static-space-40);
+        }
+      }
+    }
+  
+  .grid {
+    display: grid;
+
+    > div {
+      overflow: hidden;
+    }
+  }

package/dist/components/DateRangeInput.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Input, DateRange } from ".";
+interface DateRangeInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "value" | "label"> {
+    id: string;
+    startLabel: string;
+    endLabel: string;
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    minHeight?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const DateRangeInput: React.FC<DateRangeInputProps>;
+export {};
+//# sourceMappingURL=DateRangeInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../src/components/DateRangeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAyB,SAAS,EAAwB,MAAM,GAAG,CAAC;AAElF,UAAU,mBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAChF,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAmBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8FxD,CAAC"}

package/dist/components/DateRangeInput.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { Input, DropdownWrapper, Flex, DateRangePicker, Row } from ".";
+const formatDateRange = (range) => {
+    const options = {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    };
+    return {
+        startDate: range.startDate?.toLocaleDateString("en-US", options) || null,
+        endDate: range.endDate?.toLocaleDateString("en-US", options) || null,
+    };
+};
+export const DateRangeInput = ({ id, startLabel = "Start", endLabel = "End", value, onChange, error, minHeight, className, style, ...rest }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [inputValue, setInputValue] = useState(value ? formatDateRange(value) : { startDate: "", endDate: "" });
+    useEffect(() => {
+        if (value) {
+            setInputValue(formatDateRange(value));
+        }
+    }, [value]);
+    const handleDateChange = useCallback((range) => {
+        setInputValue(formatDateRange(range));
+        onChange?.(range);
+        if (range.endDate != undefined) {
+            setIsOpen(false);
+        }
+    }, [onChange]);
+    const handleInputClick = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const handleInputFocus = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const trigger = (_jsxs(Row, { fillWidth: true, horizontal: "center", gap: "-1", children: [_jsx(Input, { className: "cursor-interactive", style: {
+                    textOverflow: "ellipsis",
+                }, radius: "left", id: id, placeholder: startLabel, value: inputValue.startDate ?? "", error: error, readOnly: true, onFocus: handleInputFocus, ...rest }), _jsx(Input, { className: "cursor-interactive", style: {
+                    textOverflow: "ellipsis",
+                }, radius: "right", id: id, placeholder: endLabel, value: inputValue.endDate ?? "", error: error, readOnly: true, onFocus: handleInputFocus, ...rest })] }));
+    const dropdown = (_jsx(Flex, { padding: "20", center: true, children: _jsx(DateRangePicker, { value: value, onChange: handleDateChange }) }));
+    return (_jsx(DropdownWrapper, { fillWidth: true, trigger: trigger, minHeight: minHeight, dropdown: dropdown, isOpen: isOpen, closeAfterClick: false, disableTriggerClick: true, className: className, style: { ...style }, onOpenChange: setIsOpen }));
+};
+//# sourceMappingURL=DateRangeInput.js.map

package/dist/components/DateRangeInput.js.map

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

package/dist/components/DateRangePicker.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Flex } from ".";
+export interface DateRange {
+    startDate: Date | undefined;
+    endDate: Date | undefined;
+}
+export interface DateRangePickerProps extends Omit<React.ComponentProps<typeof Flex>, "onChange"> {
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    dual?: boolean;
+    size?: "s" | "m" | "l";
+}
+declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/components/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAc,MAAM,GAAG,CAAC;AAErC,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,IAAI,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyHnD,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DateRangePicker.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Flex, DatePicker } from ".";
+const DateRangePicker = ({ value, onChange, minDate, maxDate, size = "m", dual, ...rest }) => {
+    const [internalValue, setInternalValue] = useState({
+        startDate: value?.startDate || undefined,
+        endDate: value?.endDate || undefined,
+    });
+    const [hoveredDate, setHoveredDate] = useState(null);
+    // Initialize with the startDate's month and year if available, otherwise use current date
+    const [currentMonth, setCurrentMonth] = useState(value?.startDate ? value.startDate.getMonth() : new Date().getMonth());
+    const [currentYear, setCurrentYear] = useState(value?.startDate ? value.startDate.getFullYear() : new Date().getFullYear());
+    useEffect(() => {
+        if (value) {
+            setInternalValue({
+                startDate: value.startDate,
+                endDate: value.endDate,
+            });
+            // Update the current month and year when value changes and has a startDate
+            if (value.startDate) {
+                setCurrentMonth(value.startDate.getMonth());
+                setCurrentYear(value.startDate.getFullYear());
+            }
+        }
+    }, [value]);
+    const handleDateChange = (date) => {
+        if (!internalValue.startDate || (internalValue.startDate && internalValue.endDate)) {
+            // Start new selection
+            const newRange = {
+                startDate: date,
+                endDate: undefined,
+            };
+            setInternalValue(newRange);
+            onChange?.(newRange);
+        }
+        else {
+            const newRange = {
+                startDate: internalValue.startDate,
+                endDate: date,
+            };
+            if (newRange.startDate > date) {
+                newRange.startDate = date;
+                newRange.endDate = internalValue.startDate;
+            }
+            setInternalValue(newRange);
+            onChange?.(newRange);
+        }
+    };
+    const handleMonthChange = (increment) => {
+        const newDate = new Date(currentYear, currentMonth + increment, 1);
+        setCurrentMonth(newDate.getMonth());
+        setCurrentYear(newDate.getFullYear());
+        setInternalValue({
+            startDate: internalValue.startDate,
+            endDate: internalValue.endDate,
+        });
+    };
+    const getSecondMonth = () => {
+        const firstMonth = new Date(currentYear, currentMonth, 1);
+        const secondMonth = new Date(firstMonth);
+        secondMonth.setMonth(secondMonth.getMonth() + 1);
+        return secondMonth;
+    };
+    const getPreviewRange = () => {
+        if (!internalValue.startDate || internalValue.endDate || !hoveredDate)
+            return null;
+        return {
+            startDate: internalValue.startDate,
+            endDate: hoveredDate > internalValue.startDate ? hoveredDate : internalValue.startDate,
+            isPreview: true,
+        };
+    };
+    return (_jsxs(Flex, { gap: "24", ...rest, children: [_jsx(DatePicker, { value: internalValue.startDate, onChange: handleDateChange, range: getPreviewRange() || internalValue, minDate: minDate, maxDate: maxDate, size: size, nextMonth: dual ? false : true, currentMonth: currentMonth, currentYear: currentYear, onMonthChange: handleMonthChange, onHover: setHoveredDate }), dual && (_jsx(DatePicker, { value: internalValue.endDate, onChange: handleDateChange, range: getPreviewRange() || internalValue, minDate: minDate, maxDate: maxDate, previousMonth: false, size: size, currentMonth: getSecondMonth().getMonth(), currentYear: getSecondMonth().getFullYear(), onMonthChange: handleMonthChange, onHover: setHoveredDate }))] }));
+};
+DateRangePicker.displayName = "DateRangePicker";
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/DateRangePicker.js.map

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

package/dist/components/Dialog.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+import { Flex } from ".";
+interface DialogProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
+    isOpen: boolean;
+    onClose: () => void;
+    title: ReactNode | string;
+    description?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    base?: boolean;
+    stack?: boolean;
+    onHeightChange?: (height: number) => void;
+    minHeight?: number;
+    closeOnClickaway?: boolean;
+}
+export declare const DialogProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const Dialog: React.FC<DialogProps>;
+export { Dialog };
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,SAAS,EAQV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,IAAI,EAAyC,MAAM,GAAG,CAAC;AAGxE,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC5E,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAaA,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4VjC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Dialog.js

@@ -0,0 +1,230 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useCallback, useRef, forwardRef, useState, useContext, useId, } from "react";
+import ReactDOM from "react-dom";
+import classNames from "classnames";
+import { Column, Flex, Heading, IconButton, ScrollLock, Text } from ".";
+import styles from "./Dialog.module.scss";
+const DialogContext = React.createContext({
+    stackedDialogOpen: false,
+    setStackedDialogOpen: () => { },
+});
+export const DialogProvider = ({ children }) => {
+    const [stackedDialogOpen, setStackedDialogOpen] = useState(false);
+    return (_jsx(DialogContext.Provider, { value: {
+            stackedDialogOpen,
+            setStackedDialogOpen,
+        }, children: children }));
+};
+const Dialog = forwardRef(({ closeOnClickaway = true, isOpen, onClose, title, description, children, stack, base, footer, onHeightChange, minHeight, ...rest }, ref) => {
+    const dialogRef = useRef(null);
+    const animationTimerRef = useRef(null);
+    const previouslyFocusedElementRef = useRef(null);
+    const dialogId = useId();
+    const dialogTitleId = `${dialogId}-title`;
+    const [isVisible, setIsVisible] = useState(isOpen);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const { stackedDialogOpen, setStackedDialogOpen } = useContext(DialogContext);
+    useEffect(() => {
+        if (stack) {
+            setStackedDialogOpen(isOpen);
+        }
+    }, [stack, isOpen, setStackedDialogOpen]);
+    useEffect(() => {
+        if (dialogRef.current && isVisible) {
+            const height = dialogRef.current.offsetHeight;
+            onHeightChange?.(height);
+        }
+    }, [isVisible, onHeightChange]);
+    useEffect(() => {
+        if (animationTimerRef.current) {
+            clearTimeout(animationTimerRef.current);
+            animationTimerRef.current = null;
+        }
+        if (isOpen) {
+            previouslyFocusedElementRef.current =
+                document.activeElement instanceof HTMLElement ? document.activeElement : null;
+            setIsVisible(true);
+            animationTimerRef.current = setTimeout(() => {
+                setIsAnimating(true);
+                animationTimerRef.current = null;
+            }, 0);
+        }
+        else {
+            setIsAnimating(false);
+            animationTimerRef.current = setTimeout(() => {
+                setIsVisible(false);
+                previouslyFocusedElementRef.current?.focus();
+                previouslyFocusedElementRef.current = null;
+                animationTimerRef.current = null;
+            }, 300);
+        }
+        return () => {
+            if (animationTimerRef.current) {
+                clearTimeout(animationTimerRef.current);
+                animationTimerRef.current = null;
+                previouslyFocusedElementRef.current?.focus();
+                previouslyFocusedElementRef.current = null;
+            }
+        };
+    }, [isOpen]);
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === "Escape" && !base) {
+            onClose();
+        }
+        if (event.key === "Tab" && dialogRef.current) {
+            const focusableElements = dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            if (focusableElements.length > 0) {
+                const firstElement = focusableElements[0];
+                const lastElement = focusableElements[focusableElements.length - 1];
+                if (event.shiftKey && document.activeElement === firstElement) {
+                    event.preventDefault();
+                    lastElement.focus();
+                }
+                else if (!event.shiftKey && document.activeElement === lastElement) {
+                    event.preventDefault();
+                    firstElement.focus();
+                }
+            }
+        }
+    }, [onClose, base]);
+    useEffect(() => {
+        if (isOpen) {
+            document.addEventListener("keydown", handleKeyDown);
+            return () => {
+                document.removeEventListener("keydown", handleKeyDown);
+            };
+        }
+    }, [isOpen, handleKeyDown]);
+    useEffect(() => {
+        // Find the portal container (direct child of body that contains the dialog)
+        const getPortalContainer = () => {
+            let portalContainer = dialogRef.current;
+            while (portalContainer && portalContainer.parentElement !== document.body) {
+                portalContainer = portalContainer.parentElement;
+            }
+            return portalContainer;
+        };
+        // Cleanup function to restore inert state
+        const cleanup = () => {
+            // Restore inert on all body children
+            document.body.childNodes.forEach((node) => {
+                if (node instanceof HTMLElement) {
+                    node.inert = false;
+                }
+            });
+            // Also restore inert on any dialogs (for stacked dialog case)
+            if (stack) {
+                const dialogs = document.querySelectorAll('[role="dialog"]');
+                dialogs.forEach((dialog) => {
+                    if (dialog instanceof HTMLElement) {
+                        dialog.inert = false;
+                    }
+                });
+            }
+        };
+        if (isOpen) {
+            const portalContainer = getPortalContainer();
+            // Make everything outside the dialog inert, except the dialog's own portal container
+            document.body.childNodes.forEach((node) => {
+                if (node instanceof HTMLElement && node !== portalContainer) {
+                    node.inert = true;
+                }
+            });
+            // If this is a stacked dialog, make the base dialog inert too
+            if (stack) {
+                const dialogs = document.querySelectorAll('[role="dialog"]');
+                dialogs.forEach((dialog) => {
+                    if (dialog instanceof HTMLElement && !dialog.contains(dialogRef.current)) {
+                        dialog.inert = true;
+                    }
+                });
+            }
+            // Return cleanup function for when component unmounts or isOpen changes
+            return cleanup;
+        }
+        else {
+            // If this is a stacked dialog closing, restore interactivity to base dialog
+            if (stack) {
+                const dialogs = document.querySelectorAll('[role="dialog"]');
+                dialogs.forEach((dialog) => {
+                    if (dialog instanceof HTMLElement) {
+                        dialog.inert = false;
+                    }
+                });
+            }
+            else {
+                // If base dialog is closing, restore everything
+                document.body.childNodes.forEach((node) => {
+                    if (node instanceof HTMLElement) {
+                        node.inert = false;
+                    }
+                });
+            }
+        }
+    }, [isOpen, stack]);
+    useEffect(() => {
+        if (isOpen && dialogRef.current) {
+            const focusableElements = dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            const firstElement = focusableElements[0];
+            firstElement.focus();
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (event.button !== 0)
+                return;
+            const isInsideDropdownPortal = event.target?.closest(".dropdown-portal") !== null;
+            if (isInsideDropdownPortal) {
+                return;
+            }
+            if (!dialogRef.current?.contains(event.target)) {
+                if (!closeOnClickaway)
+                    return;
+                if (stack || !base) {
+                    event.preventDefault();
+                    onClose();
+                }
+            }
+        };
+        if (isVisible) {
+            const timeoutId = setTimeout(() => {
+                document.addEventListener("mousedown", handleClickOutside, { capture: true });
+            }, 10);
+            return () => {
+                clearTimeout(timeoutId);
+                document.removeEventListener("mousedown", handleClickOutside, { capture: true });
+            };
+        }
+    }, [isVisible, onClose, stack, base]);
+    if (!isVisible)
+        return null;
+    return ReactDOM.createPortal(_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isOpen, allowScrollInElement: dialogRef }), _jsx(Flex, { ref: ref, transition: "macro-medium", background: "overlay", position: "fixed", zIndex: base ? 8 : 9, top: "0", left: "0", right: "0", bottom: "0", className: classNames(styles.overlay, {
+                    [styles.open]: isAnimating,
+                }), center: true, padding: "l", role: "dialog", "aria-modal": "true", "aria-labelledby": dialogTitleId, children: _jsx(Flex, { fill: true, center: true, transition: "macro-medium", style: {
+                        transform: base ? "scale(0.94) translateY(-1.25rem)" : "",
+                    }, children: _jsxs(Column, { position: "unset", className: classNames(styles.dialog, {
+                            [styles.open]: isAnimating,
+                        }), style: {
+                            minHeight: minHeight ? `${minHeight}px` : undefined,
+                        }, ref: dialogRef, fillWidth: true, transition: "macro-medium", shadow: "xl", radius: "xl", border: "neutral-medium", background: "neutral-weak", tabIndex: -1, onKeyDown: (e) => {
+                            if (e.key === "Tab") {
+                                const focusableElements = Array.from(dialogRef.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') || []);
+                                if (focusableElements.length === 0)
+                                    return;
+                                const firstElement = focusableElements[0];
+                                const lastElement = focusableElements[focusableElements.length - 1];
+                                if (e.shiftKey && document.activeElement === firstElement) {
+                                    e.preventDefault();
+                                    lastElement.focus();
+                                }
+                                else if (!e.shiftKey && document.activeElement === lastElement) {
+                                    e.preventDefault();
+                                    firstElement.focus();
+                                }
+                            }
+                        }, ...rest, children: [_jsxs(Column, { as: "header", paddingX: "24", paddingTop: "24", paddingBottom: "s", gap: "4", children: [_jsxs(Flex, { fillWidth: true, horizontal: "between", gap: "8", children: [typeof title === "string" ? (_jsx(Heading, { id: dialogTitleId, variant: "heading-strong-l", children: title })) : (_jsx("div", { id: dialogTitleId, children: title })), _jsx(IconButton, { icon: "close", size: "m", variant: "tertiary", tooltip: "Close", onClick: onClose })] }), description && (_jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: description }))] }), _jsx(Column, { as: "section", paddingX: "24", paddingBottom: "24", flex: 1, overflowY: "auto", children: children }), footer && (_jsx(Flex, { borderTop: "neutral-medium", as: "footer", horizontal: "end", padding: "12", gap: "8", children: footer }))] }) }) })] }), document.body);
+});
+Dialog.displayName = "Dialog";
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

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