var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/dialog/InputDialog.tsx
var InputDialog_exports = {};
__export(InputDialog_exports, {
  InputDialog: () => InputDialog
});
module.exports = __toCommonJS(InputDialog_exports);

// src/components/user-action/input/Input.tsx
var import_react3 = require("react");
var import_clsx = __toESM(require("clsx"));

// src/hooks/useDelay.ts
var import_react = require("react");
var defaultOptions = {
  delay: 3e3,
  disabled: false
};
function useDelay(options) {
  const [timer, setTimer] = (0, import_react.useState)(void 0);
  const { delay, disabled } = {
    ...defaultOptions,
    ...options
  };
  const clearTimer = () => {
    clearTimeout(timer);
    setTimer(void 0);
  };
  const restartTimer = (onDelayFinish) => {
    if (disabled) {
      return;
    }
    clearTimeout(timer);
    setTimer(setTimeout(() => {
      onDelayFinish();
      setTimer(void 0);
    }, delay));
  };
  (0, import_react.useEffect)(() => {
    return () => {
      clearTimeout(timer);
    };
  }, [timer]);
  (0, import_react.useEffect)(() => {
    if (disabled) {
      clearTimeout(timer);
      setTimer(void 0);
    }
  }, [disabled, timer]);
  return { restartTimer, clearTimer, hasActiveTimer: !!timer };
}

// src/hooks/focus/useFocusManagement.ts
var import_react2 = require("react");
function useFocusManagement() {
  const getFocusableElements = (0, import_react2.useCallback)(() => {
    return Array.from(
      document.querySelectorAll(
        'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])'
      )
    ).filter(
      (el) => el instanceof HTMLElement && !el.hasAttribute("disabled") && !el.hasAttribute("hidden") && el.tabIndex !== -1
    );
  }, []);
  const getNextFocusElement = (0, import_react2.useCallback)(() => {
    const elements = getFocusableElements();
    if (elements.length === 0) {
      return void 0;
    }
    let nextElement = elements[0];
    if (document.activeElement instanceof HTMLElement) {
      const currentIndex = elements.indexOf(document.activeElement);
      nextElement = elements[(currentIndex + 1) % elements.length];
    }
    return nextElement;
  }, [getFocusableElements]);
  const focusNext = (0, import_react2.useCallback)(() => {
    const nextElement = getNextFocusElement();
    nextElement?.focus();
  }, [getNextFocusElement]);
  const getPreviousFocusElement = (0, import_react2.useCallback)(() => {
    const elements = getFocusableElements();
    if (elements.length === 0) {
      return void 0;
    }
    let previousElement = elements[0];
    if (document.activeElement instanceof HTMLElement) {
      const currentIndex = elements.indexOf(document.activeElement);
      if (currentIndex === 0) {
        previousElement = elements[elements.length - 1];
      } else {
        previousElement = elements[currentIndex - 1];
      }
    }
    return previousElement;
  }, [getFocusableElements]);
  const focusPrevious = (0, import_react2.useCallback)(() => {
    const previousElement = getPreviousFocusElement();
    if (previousElement) previousElement.focus();
  }, [getPreviousFocusElement]);
  return {
    getFocusableElements,
    getNextFocusElement,
    getPreviousFocusElement,
    focusNext,
    focusPrevious
  };
}

// src/components/user-action/input/Input.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var defaultEditCompleteOptions = {
  allowEnterComplete: false,
  onBlur: true,
  afterDelay: true,
  delay: 2500
};
var Input = (0, import_react3.forwardRef)(function Input2({
  value,
  onChange,
  onChangeText,
  onEditCompleted,
  editCompleteOptions,
  disabled = false,
  invalid = false,
  defaultStyle = true,
  className,
  ...props
}, forwardedRef) {
  const {
    onBlur: allowEditCompleteOnBlur,
    afterDelay,
    delay,
    allowEnterComplete
  } = { ...defaultEditCompleteOptions, ...editCompleteOptions };
  const {
    restartTimer,
    clearTimer
  } = useDelay({ delay, disabled: !afterDelay });
  const innerRef = (0, import_react3.useRef)(null);
  (0, import_react3.useImperativeHandle)(forwardedRef, () => innerRef.current);
  const { focusNext } = useFocusManagement();
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    "input",
    {
      ...props,
      ref: innerRef,
      value,
      disabled,
      className: defaultStyle ? (0, import_clsx.default)(
        "px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none",
        {
          "bg-input-background text-input-text hover:border-primary focus:border-primary": !disabled && !invalid,
          "bg-negative/20 text-negative hover:border-negative focus-visible:border-negative": !disabled && invalid,
          "bg-disabled-background text-disabled border-disabled-border": disabled
        },
        className
      ) : className,
      onKeyDown: (event) => {
        props.onKeyDown?.(event);
        if (!allowEnterComplete) {
          return;
        }
        if (event.key === "Enter" && !event.shiftKey) {
          event.preventDefault();
          innerRef.current?.blur();
          onEditCompleted?.(event.target.value);
          focusNext();
        }
      },
      onBlur: (event) => {
        props.onBlur?.(event);
        if (allowEditCompleteOnBlur) {
          onEditCompleted?.(event.target.value);
          clearTimer();
        }
      },
      onChange: (event) => {
        onChange?.(event);
        const value2 = event.target.value;
        restartTimer(() => {
          innerRef.current?.blur();
          onEditCompleted?.(value2);
        });
        onChangeText?.(value2);
      },
      "aria-invalid": props["aria-invalid"] ?? invalid,
      "aria-disabled": props["aria-disabled"] ?? disabled
    }
  );
});

// src/components/user-action/Button.tsx
var import_react4 = require("react");
var import_clsx2 = __toESM(require("clsx"));
var import_jsx_runtime2 = require("react/jsx-runtime");
var ButtonColorUtil = {
  solid: ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral"],
  text: ["primary", "negative", "neutral"],
  outline: ["primary"]
};
var IconButtonUtil = {
  icon: [...ButtonColorUtil.solid, "transparent"]
};
var paddingMapping = {
  none: "",
  small: "btn-sm",
  medium: "btn-md",
  large: "btn-lg"
};
var iconPaddingMapping = {
  none: "",
  tiny: "icon-btn-xs",
  small: "icon-btn-sm",
  medium: "icon-btn-md",
  large: "icon-btn-lg"
};
var ButtonUtil = {
  paddingMapping,
  iconPaddingMapping
};
var SolidButton = (0, import_react4.forwardRef)(function SolidButton2({
  children,
  color = "primary",
  size = "medium",
  startIcon,
  endIcon,
  onClick,
  className,
  ...restProps
}, ref) {
  const colorClasses = {
    primary: "not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text",
    secondary: "not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text",
    tertiary: "not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text",
    positive: "not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text",
    warning: "not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text",
    negative: "not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text",
    neutral: "not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text"
  }[color];
  const iconColorClasses = {
    primary: "not-group-disabled:text-button-solid-primary-icon",
    secondary: "not-group-disabled:text-button-solid-secondary-icon",
    tertiary: "not-group-disabled:text-button-solid-tertiary-icon",
    positive: "not-group-disabled:text-button-solid-positive-icon",
    warning: "not-group-disabled:text-button-solid-warning-icon",
    negative: "not-group-disabled:text-button-solid-negative-icon",
    neutral: "not-group-disabled:text-button-solid-neutral-icon"
  }[color];
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
    "button",
    {
      ref,
      onClick,
      className: (0, import_clsx2.default)(
        "group font-semibold",
        colorClasses,
        "not-disabled:hover:brightness-90",
        "disabled:text-disabled disabled:bg-disabled-background",
        ButtonUtil.paddingMapping[size],
        className
      ),
      ...restProps,
      children: [
        startIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
          "span",
          {
            className: (0, import_clsx2.default)(
              iconColorClasses,
              "group-disabled:text-disabled-icon"
            ),
            children: startIcon
          }
        ),
        children,
        endIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
          "span",
          {
            className: (0, import_clsx2.default)(
              iconColorClasses,
              "group-disabled:text-disabled-icon"
            ),
            children: endIcon
          }
        )
      ]
    }
  );
});
var IconButton = (0, import_react4.forwardRef)(function IconButton2({
  children,
  color = "primary",
  size = "medium",
  className,
  ...restProps
}, ref) {
  const colorClasses = {
    primary: "not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text",
    secondary: "not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text",
    tertiary: "not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text",
    positive: "not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text",
    warning: "not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text",
    negative: "not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text",
    neutral: "not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text",
    transparent: "not-disabled:bg-transparent"
  }[color];
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
    "button",
    {
      ref,
      className: (0, import_clsx2.default)(
        colorClasses,
        "not-disabled:hover:brightness-90",
        "disabled:text-disabled",
        {
          "disabled:bg-disabled-background": color !== "transparent",
          "disabled:opacity-70": color === "transparent",
          "not-disabled:hover:bg-button-text-hover-background": color === "transparent"
        },
        ButtonUtil.iconPaddingMapping[size],
        className
      ),
      ...restProps,
      children
    }
  );
});

// src/localization/LanguageProvider.tsx
var import_react6 = require("react");

// src/hooks/useLocalStorage.ts
var import_react5 = require("react");

// src/localization/util.ts
var languages = ["en", "de"];
var languagesLocalNames = {
  en: "English",
  de: "Deutsch"
};
var DEFAULT_LANGUAGE = "en";
var LanguageUtil = {
  languages,
  DEFAULT_LANGUAGE,
  languagesLocalNames
};

// src/localization/LanguageProvider.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
var LanguageContext = (0, import_react6.createContext)({
  language: LanguageUtil.DEFAULT_LANGUAGE,
  setLanguage: (v) => v
});
var useLanguage = () => (0, import_react6.useContext)(LanguageContext);

// src/localization/useTranslation.ts
var TranslationPluralCount = {
  zero: 0,
  one: 1,
  two: 2,
  few: 3,
  many: 11,
  other: -1
};
var useTranslation = (translations, overwriteTranslation = {}) => {
  const { language: languageProp, translation: overwrite } = overwriteTranslation;
  const { language: inferredLanguage } = useLanguage();
  const usedLanguage = languageProp ?? inferredLanguage;
  const usedTranslations = [...translations];
  if (overwrite) {
    usedTranslations.push(overwrite);
  }
  return (key, options) => {
    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options };
    try {
      for (let i = translations.length - 1; i >= 0; i--) {
        const translation = translations[i];
        const localizedTranslation = translation[usedLanguage];
        if (!localizedTranslation) {
          continue;
        }
        const value = localizedTranslation[key];
        if (!value) {
          continue;
        }
        let forProcessing;
        if (typeof value !== "string") {
          if (count === TranslationPluralCount.zero && value?.zero) {
            forProcessing = value.zero;
          } else if (count === TranslationPluralCount.one && value?.one) {
            forProcessing = value.one;
          } else if (count === TranslationPluralCount.two && value?.two) {
            forProcessing = value.two;
          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {
            forProcessing = value.few;
          } else if (count > TranslationPluralCount.many && value?.many) {
            forProcessing = value.many;
          } else {
            forProcessing = value.other;
          }
        } else {
          forProcessing = value;
        }
        forProcessing = forProcessing.replace(/\{\{(\w+)}}/g, (_, placeholder) => {
          return replacements[placeholder] ?? `{{key:${placeholder}}}`;
        });
        return forProcessing;
      }
    } catch (e) {
      console.error(e);
    }
    return `{{${usedLanguage}:${key}}}`;
  };
};

// src/components/dialog/ConfirmDialog.tsx
var import_clsx5 = __toESM(require("clsx"));

// src/components/dialog/Dialog.tsx
var import_react12 = require("react");
var import_clsx4 = __toESM(require("clsx"));
var import_lucide_react = require("lucide-react");

// src/localization/defaults/form.ts
var formTranslation = {
  en: {
    add: "Add",
    all: "All",
    apply: "Apply",
    back: "Back",
    cancel: "Cancel",
    change: "Change",
    clear: "Clear",
    click: "Click",
    clickToCopy: "Click to Copy",
    close: "Close",
    confirm: "Confirm",
    copy: "Copy",
    copied: "Copied",
    create: "Create",
    decline: "Decline",
    delete: "Delete",
    discard: "Discard",
    discardChanges: "Discard Changes",
    done: "Done",
    edit: "Edit",
    enterText: "Enter text here",
    error: "Error",
    exit: "Exit",
    fieldRequiredError: "This field is required.",
    invalidEmailError: "Please enter a valid email address.",
    less: "Less",
    loading: "Loading",
    maxLengthError: "Maximum length exceeded.",
    minLengthError: "Minimum length not met.",
    more: "More",
    next: "Next",
    no: "No",
    none: "None",
    nothingFound: "Nothing found",
    of: "of",
    optional: "Optional",
    pleaseWait: "Please wait...",
    previous: "Previous",
    remove: "Remove",
    required: "Required",
    reset: "Reset",
    save: "Save",
    saved: "Saved",
    search: "Search",
    select: "Select",
    selectOption: "Select an option",
    show: "Show",
    showMore: "Show more",
    showLess: "Show less",
    submit: "Submit",
    success: "Success",
    update: "Update",
    unsavedChanges: "Unsaved Changes",
    unsavedChangesSaveQuestion: "Do you want to save your changes?",
    yes: "Yes"
  },
  de: {
    add: "Hinzuf\xFCgen",
    all: "Alle",
    apply: "Anwenden",
    back: "Zur\xFCck",
    cancel: "Abbrechen",
    change: "\xC4ndern",
    clear: "L\xF6schen",
    click: "Klicken",
    clickToCopy: "Zum kopieren klicken",
    close: "Schlie\xDFen",
    confirm: "Best\xE4tigen",
    copy: "Kopieren",
    copied: "Kopiert",
    create: "Erstellen",
    decline: "Ablehnen",
    delete: "L\xF6schen",
    discard: "Verwerfen",
    discardChanges: "\xC4nderungen Verwerfen",
    done: "Fertig",
    edit: "Bearbeiten",
    enterText: "Text hier eingeben",
    error: "Fehler",
    exit: "Beenden",
    fieldRequiredError: "Dieses Feld ist erforderlich.",
    invalidEmailError: "Bitte geben Sie eine g\xFCltige E-Mail-Adresse ein.",
    less: "Weniger",
    loading: "L\xE4dt",
    maxLengthError: "Maximale L\xE4nge \xFCberschritten.",
    minLengthError: "Mindestl\xE4nge nicht erreicht.",
    more: "Mehr",
    next: "Weiter",
    no: "Nein",
    none: "Nichts",
    nothingFound: "Nichts gefunden",
    of: "von",
    optional: "Optional",
    pleaseWait: "Bitte warten...",
    previous: "Vorherige",
    remove: "Entfernen",
    required: "Erforderlich",
    reset: "Zur\xFCcksetzen",
    save: "Speichern",
    saved: "Gespeichert",
    search: "Suche",
    select: "Select",
    selectOption: "Option ausw\xE4hlen",
    show: "Anzeigen",
    showMore: "Mehr anzeigen",
    showLess: "Weniger anzeigen",
    submit: "Abschicken",
    success: "Erfolg",
    update: "Update",
    unsavedChanges: "Ungespeicherte \xC4nderungen",
    unsavedChangesSaveQuestion: "M\xF6chtest du die \xC4nderungen speichern?",
    yes: "Ja"
  }
};

// src/components/layout/FloatingContainer.tsx
var import_react9 = require("react");
var import_react_dom = require("react-dom");
var import_clsx3 = require("clsx");

// src/hooks/useFloatingElement.ts
var import_react8 = require("react");

// src/utils/math.ts
var clamp = (value, range = [0, 1]) => {
  const [min, max] = range;
  return Math.min(Math.max(value, min), max);
};

// src/hooks/focus/useIsMounted.ts
var import_react7 = require("react");
var isClient = typeof window !== "undefined" && typeof document !== "undefined";
var useIsomorphicEffect = isClient ? import_react7.useLayoutEffect : import_react7.useEffect;
var useIsMounted = () => {
  const [isMounted, setIsMounted] = (0, import_react7.useState)(false);
  useIsomorphicEffect(() => {
    setIsMounted(true);
    return () => {
      setIsMounted(false);
    };
  }, []);
  return isMounted;
};

// src/hooks/useFloatingElement.ts
function calculatePosition({
  windowRect,
  containerRect,
  anchorRect,
  options
}) {
  const { verticalAlignment, horizontalAlignment, gap, screenPadding } = options;
  const windowWidth = windowRect.width;
  const windowHeight = windowRect.height;
  const maxWidth = windowWidth - 2 * screenPadding;
  const maxHeight = windowHeight - 2 * screenPadding;
  const width = Math.min(containerRect.width, maxWidth);
  const height = Math.min(containerRect.height, maxHeight);
  const leftSuggestion = {
    beforeStart: anchorRect.left - width - gap,
    afterStart: anchorRect.left,
    center: anchorRect.left + anchorRect.width / 2 - width / 2,
    beforeEnd: anchorRect.right - width,
    afterEnd: anchorRect.right + gap
  }[horizontalAlignment];
  const topSuggestion = {
    beforeStart: anchorRect.top - height - gap,
    afterStart: anchorRect.top,
    center: anchorRect.top + anchorRect.height / 2 - height / 2,
    beforeEnd: anchorRect.bottom - height,
    afterEnd: anchorRect.bottom + gap
  }[verticalAlignment];
  const left = clamp(leftSuggestion, [
    screenPadding,
    windowWidth - screenPadding - width
  ]);
  const top = clamp(topSuggestion, [
    screenPadding,
    windowHeight - screenPadding - height
  ]);
  return {
    left,
    top,
    maxWidth,
    maxHeight
  };
}
function useFloatingElement({
  active = true,
  windowRef,
  anchorRef,
  containerRef,
  isPolling = false,
  pollingInterval = 100,
  verticalAlignment = "afterEnd",
  horizontalAlignment = "afterStart",
  screenPadding = 16,
  gap = 4
}) {
  const [style, setStyle] = (0, import_react8.useState)();
  const isMounted = useIsMounted();
  const calculate = (0, import_react8.useCallback)(() => {
    const containerRect = containerRef.current.getBoundingClientRect();
    const windowRect = windowRef?.current.getBoundingClientRect() ?? {
      top: 0,
      bottom: window.innerHeight,
      left: 0,
      right: window.innerWidth,
      width: window.innerWidth,
      height: window.innerHeight
    };
    const anchorElement = anchorRef?.current;
    if (anchorRef && !anchorElement) {
      console.warn("FloatingContainer anchor provided, but its value is undefined");
    }
    const anchorRect = anchorElement?.getBoundingClientRect() ?? windowRect;
    const calculateProps = {
      windowRect,
      anchorRect,
      containerRect,
      options: {
        horizontalAlignment,
        verticalAlignment,
        screenPadding,
        gap
      }
    };
    setStyle(calculatePosition(calculateProps));
  }, [anchorRef, containerRef, gap, horizontalAlignment, screenPadding, verticalAlignment, windowRef]);
  const height = containerRef.current?.getBoundingClientRect().height;
  const width = containerRef.current?.getBoundingClientRect().width;
  (0, import_react8.useEffect)(() => {
    if (active && isMounted) {
      calculate();
    } else {
      setStyle(void 0);
    }
  }, [calculate, active, isMounted, height, width]);
  (0, import_react8.useEffect)(() => {
    window.addEventListener("resize", calculate);
    let timeout;
    if (isPolling) {
      timeout = setInterval(calculate, pollingInterval);
    }
    return () => {
      window.removeEventListener("resize", calculate);
      if (timeout) {
        clearInterval(timeout);
      }
    };
  }, [calculate, isPolling, pollingInterval]);
  return style;
}

// src/components/layout/FloatingContainer.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
var FloatingContainer = (0, import_react9.forwardRef)(function FloatingContainer2({
  children,
  backgroundOverlay,
  anchor,
  isPolling = false,
  pollingInterval = 100,
  verticalAlignment = "afterEnd",
  horizontalAlignment = "afterStart",
  screenPadding = 16,
  gap = 4,
  ...props
}, forwardRef4) {
  const innerRef = (0, import_react9.useRef)(null);
  (0, import_react9.useImperativeHandle)(forwardRef4, () => innerRef.current);
  const position = useFloatingElement({
    active: !props.hidden,
    containerRef: innerRef,
    anchorRef: anchor,
    isPolling,
    pollingInterval,
    verticalAlignment,
    horizontalAlignment,
    gap,
    screenPadding
  });
  return (0, import_react_dom.createPortal)(
    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
      backgroundOverlay,
      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
        "div",
        {
          ...props,
          ref: innerRef,
          "data-positioned": position && !props.hidden ? "" : void 0,
          style: {
            position: "fixed",
            overflow: "hidden",
            opacity: position ? void 0 : 0,
            // hide when position calculation isn't done yet
            transition: position ? `top ${pollingInterval}ms linear, left ${pollingInterval}ms linear` : void 0,
            ...position,
            ...props.style
          },
          className: (0, import_clsx3.clsx)("motion-safe:duration-100 motion-reduce:duration-0", props.className),
          children
        }
      )
    ] }),
    document.body
  );
});

// src/hooks/focus/useFocusTrap.ts
var import_react10 = require("react");
var createFocusGuard = () => {
  const div = document.createElement("div");
  Object.assign(div.style, {
    opacity: "0",
    outline: "none",
    boxShadow: "none",
    position: "fixed",
    pointerEvents: "none",
    touchAction: "none"
  });
  div.tabIndex = 0;
  div.setAttribute("data-hw-focus-guard", "");
  document.body.appendChild(div);
  return div;
};
function getContainedFocusableElements(element) {
  return element?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
}
var FocusTrapService = class {
  constructor() {
    // The last entry is always the active one
    this.listeners = [];
    this.onFocusIn = (event) => {
      const active = this.getActive();
      if (!active || !active.container.current) return;
      const { container } = active;
      if (!container.current.contains(event.target)) {
        this.focusElement();
      }
    };
  }
  getActive() {
    if (this.listeners.length === 0) return void 0;
    return this.listeners[this.listeners.length - 1];
  }
  focusElement() {
    const active = this.getActive();
    if (!active) return;
    const { container, initialFocusElement } = active;
    const containerElement = container.current;
    if (initialFocusElement?.current) {
      initialFocusElement.current.focus();
    } else {
      const elements = getContainedFocusableElements(containerElement);
      if (elements && elements.length > 0) {
        const first = elements.item(0);
        first.focus();
      } else {
        containerElement.focus();
      }
    }
  }
  removeGuards() {
    document.querySelectorAll("[data-hw-focus-guard]").forEach((node) => node.remove());
  }
  addGuards() {
    document.body.insertAdjacentElement("afterbegin", createFocusGuard());
    document.body.insertAdjacentElement("beforeend", createFocusGuard());
  }
  activate() {
    document.addEventListener("focusin", this.onFocusIn);
    this.addGuards();
  }
  deactivate() {
    document.removeEventListener("focusin", this.onFocusIn);
    this.removeGuards();
  }
  register(listener) {
    this.listeners.push(listener);
    if (this.listeners.length === 1) {
      this.activate();
    }
    const active = listener;
    this.listeners.forEach((listener2) => {
      const { focus, pause } = listener2;
      if (listener2 === active) {
        focus();
      } else {
        pause();
      }
    });
  }
  unregister(id) {
    const index = this.listeners.findIndex((trap) => trap.id === id);
    if (index !== -1) {
      const isActive = index === this.listeners.length - 1;
      const listener = this.listeners[index];
      this.listeners = this.listeners.filter((listener2) => listener2.id !== id);
      if (isActive) {
        this.deactivate();
        listener.focusLast();
        const active = this.getActive();
        this.listeners.forEach((listener2) => {
          const { pause, unpause } = listener2;
          if (listener2 === active) {
            unpause();
          } else {
            pause();
          }
        });
        if (this.listeners.length > 0) {
          this.activate();
        }
      }
    } else {
      console.warn(`Unable to unregister id ${id}: not found`);
    }
  }
};
var service = new FocusTrapService();
var useFocusTrap = ({
  container,
  active = true,
  initialFocus,
  focusFirst = true
}) => {
  const lastFocusRef = (0, import_react10.useRef)(null);
  const [paused, setPaused] = (0, import_react10.useState)(false);
  const isMounted = useIsMounted();
  const id = (0, import_react10.useId)();
  const focusElement = (0, import_react10.useCallback)(() => {
    const containerElement = container.current;
    if (initialFocus?.current) {
      initialFocus.current.focus();
    } else {
      const elements = getContainedFocusableElements(containerElement);
      if (elements && elements.length > 0) {
        const first = elements.item(0);
        first.focus();
      } else {
        containerElement.focus();
      }
    }
  }, [container, initialFocus]);
  (0, import_react10.useEffect)(() => {
    if (active && isMounted) {
      let pause = function() {
        setPaused(true);
      }, unpause = function() {
        setPaused(false);
        if (!container.current.contains(document.activeElement)) {
          focusElement();
        }
      }, focus = function() {
        focusElement();
        setPaused(false);
      }, focusLast = function() {
        lastFocusRef.current?.focus();
      };
      if (!lastFocusRef.current) {
        lastFocusRef.current = document.activeElement;
      }
      service.register({ id, pause, focus, focusLast, unpause, container, initialFocusElement: initialFocus });
      return () => {
        service.unregister(id);
        lastFocusRef.current = void 0;
      };
    }
  }, [active, container, focusElement, id, initialFocus, isMounted]);
  (0, import_react10.useEffect)(() => {
    if (active && !paused && isMounted) {
      let onKeyDown = function(event) {
        const key = event.key;
        const elements = getContainedFocusableElements(containerElement);
        const active2 = document.activeElement;
        const index = [...elements].findIndex((value) => value === active2);
        if (index === -1 || event.altKey || event.ctrlKey || event.metaKey) {
          return;
        }
        if (key === "Tab") {
          const next = event.shiftKey ? -1 : 1;
          const nextIndex = (index + next + elements.length) % elements.length;
          const nextElement = elements[nextIndex];
          nextElement.focus();
          event.preventDefault();
        }
      };
      const containerElement = container.current;
      containerElement.addEventListener("keydown", onKeyDown);
      return () => {
        containerElement.removeEventListener("keydown", onKeyDown);
      };
    }
  }, [active, paused, isMounted, container, initialFocus, focusFirst, focusElement]);
};

// src/hooks/useLogOnce.ts
var import_react11 = require("react");
var defaultOptions2 = {
  type: "warning"
};
var useLogOnce = (message, condition, options) => {
  const [hasLogged, setHasLogged] = (0, import_react11.useState)(false);
  const { type } = { ...defaultOptions2, ...options };
  (0, import_react11.useEffect)(() => {
    if (!hasLogged && condition) {
      switch (type) {
        case "info":
          console.info(message);
          break;
        case "error":
          console.error(message);
          break;
        case "warning":
          console.warn(message);
          break;
      }
      setHasLogged(true);
    }
  }, [condition]);
};

// src/components/dialog/Dialog.tsx
var import_jsx_runtime5 = require("react/jsx-runtime");
var Dialog = ({
  children,
  isOpen,
  titleElement,
  description,
  isModal = true,
  onClose,
  horizontalAlignment = "center",
  verticalAlignment = "center",
  className,
  backgroundClassName
}) => {
  const translation = useTranslation([formTranslation]);
  const ref = (0, import_react12.useRef)(null);
  const onCloseWrapper = () => {
    if (!isModal) return;
    onClose?.();
  };
  useLogOnce("Dialog: onClose should be defined for modal dialogs", isModal && !onClose);
  useFocusTrap({
    container: ref,
    active: isOpen,
    focusFirst: true
  });
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
    FloatingContainer,
    {
      ref,
      hidden: !isOpen,
      onKeyDown: (event) => {
        if (event.key === "Escape") {
          onCloseWrapper();
        }
      },
      horizontalAlignment,
      verticalAlignment,
      backgroundOverlay: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
        "div",
        {
          className: (0, import_clsx4.default)(
            "fixed inset-0 h-screen w-screen bg-overlay-shadow",
            {
              "motion-safe:animate-fade-in": isOpen,
              "motion-safe:animate-fade-out": !isOpen
            },
            backgroundClassName
          ),
          hidden: !isOpen,
          "aria-hidden": true,
          onClick: onCloseWrapper
        }
      ),
      className: (0, import_clsx4.default)(
        "flex-col-2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-hw-bottom",
        {
          "data-positioned:motion-safe:animate-pop-in": isOpen,
          "motion-safe:animate-pop-out": !isOpen
        },
        className
      ),
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "typography-title-lg mr-8", children: titleElement }),
        description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-description", children: description }),
        isModal && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "absolute top-0 right-0",
            style: {
              paddingTop: "inherit",
              paddingRight: "inherit"
            },
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
              IconButton,
              {
                color: "neutral",
                size: "tiny",
                "aria-label": translation("close"),
                onClick: onCloseWrapper,
                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.X, {})
              }
            )
          }
        ),
        children
      ]
    }
  );
};

// src/components/dialog/ConfirmDialog.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
var ConfirmDialog = ({
  overwriteTranslation,
  children,
  onCancel,
  onConfirm,
  onDecline,
  confirmType = "positive",
  buttonOverwrites,
  className,
  ...restProps
}) => {
  const translation = useTranslation([formTranslation], overwriteTranslation);
  const mapping = {
    neutral: "neutral",
    negative: "negative",
    positive: "positive",
    primary: "primary"
  };
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Dialog, { ...restProps, onClose: onCancel, className: (0, import_clsx5.default)("justify-between", className), children: [
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-col-2 grow", children }),
    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-row-4 mt-3 justify-end", children: [
      onCancel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
        SolidButton,
        {
          color: buttonOverwrites?.[0].color ?? "neutral",
          onClick: onCancel,
          disabled: buttonOverwrites?.[0].disabled ?? false,
          children: buttonOverwrites?.[0].text ?? translation("cancel")
        }
      ),
      onDecline && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
        SolidButton,
        {
          color: buttonOverwrites?.[1].color ?? "negative",
          onClick: onDecline,
          disabled: buttonOverwrites?.[1].disabled ?? false,
          children: buttonOverwrites?.[1].text ?? translation("decline")
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
        SolidButton,
        {
          color: buttonOverwrites?.[2].color ?? mapping[confirmType],
          onClick: onConfirm,
          disabled: buttonOverwrites?.[2].disabled ?? false,
          children: buttonOverwrites?.[2].text ?? translation("confirm")
        }
      )
    ] })
  ] });
};

// src/components/dialog/InputDialog.tsx
var import_jsx_runtime7 = require("react/jsx-runtime");
var InputDialog = ({
  inputs,
  buttonOverwrites,
  ...props
}) => {
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
    ConfirmDialog,
    {
      buttonOverwrites,
      ...props,
      children: inputs.map((inputProps, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, { ...inputProps }, `input ${index}`))
    }
  );
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  InputDialog
});
//# sourceMappingURL=InputDialog.js.map