@plumile/ui 0.1.56 → 0.1.57

package/lib/esm/atomic/molecules/dropdown/Dropdown.js

@@ -1,178 +1,149 @@
-import { jsx as N, jsxs as st } from "react/jsx-runtime";
-import { createContext as ct, useContext as it, useState as V, useRef as v, useCallback as w, useLayoutEffect as lt, useEffect as h, isValidElement as ut, cloneElement as ft } from "react";
-import { createPortal as at } from "react-dom";
-import { contentPositioned as dt, content as pt, container as mt } from "./dropdown.css.js";
-import { cx as $ } from "../../../theme/tools.js";
-const q = ct(null), xt = () => {
-  const c = it(q);
-  if (c == null)
-    throw new Error("useDropdown must be used within a <Dropdown />");
-  return c;
-}, wt = (c) => c == null || typeof c != "object" ? !1 : c.$$typeof === Symbol.for("react.forward_ref"), kt = ({
-  trigger: c,
-  children: H,
-  className: I,
-  contentClassName: U,
-  placement: x = "bottom-start",
-  offset: l = 4,
-  matchTriggerWidth: M = !0,
-  open: T,
-  defaultOpen: _ = !1,
-  onOpenChange: W,
-  closeOnItemClick: F = !1,
-  portalContainer: G,
-  ariaLabel: k
-}) => {
-  const D = T != null, [J, Q] = V(_);
-  let e = J;
-  D && (e = !!T);
-  const R = v(null), C = v(null), f = v(null), [g, X] = V(null), p = v([]), a = w(
-    (t) => {
-      D || Q(t), W?.(t);
-    },
-    [D, W]
-  ), K = w(() => {
-    a(!e);
-  }, [e, a]), d = w(() => {
-    a(!1);
-  }, [a]), Y = w(() => {
-    a(!0);
-  }, [a]), b = w(() => {
-    const t = C.current, r = f.current;
-    if (t == null || r == null)
-      return;
-    const n = t.getBoundingClientRect();
-    let o = 0, s = 0;
-    switch (x) {
-      case "bottom-start":
-        o = n.bottom + l, s = n.left;
-        break;
-      case "bottom-end":
-        o = n.bottom + l, s = n.right - r.offsetWidth;
-        break;
-      case "top-start":
-        o = n.top - r.offsetHeight - l, s = n.left;
-        break;
-      case "top-end":
-        o = n.top - r.offsetHeight - l, s = n.right - r.offsetWidth;
-        break;
-      default:
-        o = n.bottom + l, s = n.left;
-    }
-    const O = window.innerWidth, L = window.innerHeight;
-    let P;
-    M && (P = n.width);
-    const z = P ?? r.offsetWidth;
-    s + z > O - 4 && (s = Math.max(4, O - z - 4)), s < 4 && (s = 4);
-    const y = r.offsetHeight;
-    if (o + y > L - 4)
-      if (x.startsWith("bottom")) {
-        const A = n.top - y - l;
-        A >= 4 ? o = A : o = Math.max(4, L - y - 4);
-      } else
-        o = Math.max(4, L - y - 4);
-    o < 4 && (o = 4), X({ top: o, left: s, width: P });
-  }, [x, l, M]);
-  lt(() => {
-    e && b();
-  }, [e, b, H]), h(() => {
-    if (!e) return;
-    const t = () => {
-      b();
-    };
-    window.addEventListener("resize", t), window.addEventListener("scroll", t, !0);
-    const r = () => {
-      window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
-    };
-    p.current.push(r);
-  }, [e, b]), h(() => {
-    if (!e) return;
-    const t = (o) => {
-      const s = o.target;
-      R.current != null && f.current != null && !R.current.contains(s) && !f.current.contains(s) && d();
-    }, r = (o) => {
-      o.key === "Escape" && (d(), C.current?.focus());
-    };
-    document.addEventListener("mousedown", t), document.addEventListener("keydown", r);
-    const n = () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", r);
-    };
-    p.current.push(n);
-  }, [e, d]), h(() => {
-    if (!e) return;
-    f.current?.querySelector(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    )?.focus();
-  }, [e]), h(() => {
-    if (!e || !F) return;
-    const t = (n) => {
-      f.current?.contains(n.target) && d();
-    };
-    document.addEventListener("click", t, { capture: !0 });
-    const r = () => {
-      document.removeEventListener("click", t, { capture: !0 });
-    };
-    p.current.push(r);
-  }, [e, F, d]), h(() => () => {
-    p.current.forEach((t) => {
-      t();
-    }), p.current = [];
-  }, []);
-  let i = c;
-  if (typeof c == "function" && (i = c(e)), !ut(i))
-    throw new Error("Dropdown trigger must be a React element.");
-  const S = typeof i.type == "string", Z = S && i.type === "button";
-  if (!(S || typeof i.type == "function" || wt(i.type)))
-    throw new Error(
-      "Dropdown trigger must be a DOM element or component that accepts a ref."
-    );
-  const E = i.props.ref ?? i.ref, tt = (t) => {
-    C.current = t, typeof E == "function" ? E(t) : E != null && (E.current = t);
-  }, m = i.props, et = (t) => {
-    m.onClick?.(t), !t.defaultPrevented && K();
-  }, nt = (t) => {
-    m.onKeyDown?.(t), !t.defaultPrevented && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), K());
-  }, u = {
-    onClick: et,
-    "aria-haspopup": "menu",
-    "aria-expanded": e
-  };
-  k != null && k !== "" && (u["aria-label"] = k), Z ? m.type == null && (u.type = "button") : (u.onKeyDown = nt, m.role == null && (u.role = "button"), m.tabIndex == null && (u.tabIndex = 0)), u.ref = tt;
-  let j = {};
-  g != null && (j = {
-    top: g.top,
-    left: g.left,
-    width: g.width
-  });
-  const ot = G ?? document.body, rt = {
-    close: d,
-    open: Y,
-    isOpen: e
-  };
-  let B = null;
-  return e && (B = at(
-    /* @__PURE__ */ N(
-      "div",
-      {
-        ref: f,
-        role: "menu",
-        className: $(
-          pt,
-          dt,
-          U
-        ),
-        style: j,
-        children: H
-      }
-    ),
-    ot
-  )), /* @__PURE__ */ st(q.Provider, { value: rt, children: [
-    /* @__PURE__ */ N("div", { className: $(mt, I), ref: R, children: ft(i, u) }),
-    B
-  ] });
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, content as n, contentPositioned as r } from "./dropdown.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cloneElement as o, createContext as s, isValidElement as c, useCallback as l, useContext as u, useEffect as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
+import { createPortal as h } from "react-dom";
+//#region src/atomic/molecules/dropdown/Dropdown.tsx
+var g = s(null), _ = () => {
+	let e = u(g);
+	if (e == null) throw Error("useDropdown must be used within a <Dropdown />");
+	return e;
+}, v = (e) => typeof e != "object" || !e ? !1 : e.$$typeof === Symbol.for("react.forward_ref"), y = ({ trigger: s, children: u, className: _, contentClassName: y, placement: b = "bottom-start", offset: x = 4, matchTriggerWidth: S = !0, open: C, defaultOpen: w = !1, onOpenChange: T, closeOnItemClick: E = !1, portalContainer: D, ariaLabel: O }) => {
+	let k = C != null, [A, j] = m(w), M = A;
+	k && (M = !!C);
+	let N = p(null), P = p(null), F = p(null), [I, L] = m(null), R = p([]), z = l((e) => {
+		k || j(e), T?.(e);
+	}, [k, T]), B = l(() => {
+		z(!M);
+	}, [M, z]), V = l(() => {
+		z(!1);
+	}, [z]), ee = l(() => {
+		z(!0);
+	}, [z]), H = l(() => {
+		let e = P.current, t = F.current;
+		if (e == null || t == null) return;
+		let n = e.getBoundingClientRect(), r = 0, i = 0;
+		switch (b) {
+			case "bottom-start":
+				r = n.bottom + x, i = n.left;
+				break;
+			case "bottom-end":
+				r = n.bottom + x, i = n.right - t.offsetWidth;
+				break;
+			case "top-start":
+				r = n.top - t.offsetHeight - x, i = n.left;
+				break;
+			case "top-end":
+				r = n.top - t.offsetHeight - x, i = n.right - t.offsetWidth;
+				break;
+			default: r = n.bottom + x, i = n.left;
+		}
+		let a = window.innerWidth, o = window.innerHeight, s;
+		S && (s = n.width);
+		let c = s ?? t.offsetWidth;
+		i + c > a - 4 && (i = Math.max(4, a - c - 4)), i < 4 && (i = 4);
+		let l = t.offsetHeight;
+		if (r + l > o - 4) if (b.startsWith("bottom")) {
+			let e = n.top - l - x;
+			r = e >= 4 ? e : Math.max(4, o - l - 4);
+		} else r = Math.max(4, o - l - 4);
+		r < 4 && (r = 4), L({
+			top: r,
+			left: i,
+			width: s
+		});
+	}, [
+		b,
+		x,
+		S
+	]);
+	f(() => {
+		M && H();
+	}, [
+		M,
+		H,
+		u
+	]), d(() => {
+		if (!M) return;
+		let e = () => {
+			H();
+		};
+		window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), R.current.push(() => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		});
+	}, [M, H]), d(() => {
+		if (!M) return;
+		let e = (e) => {
+			let t = e.target;
+			N.current != null && F.current != null && !N.current.contains(t) && !F.current.contains(t) && V();
+		}, t = (e) => {
+			e.key === "Escape" && (V(), P.current?.focus());
+		};
+		document.addEventListener("mousedown", e), document.addEventListener("keydown", t), R.current.push(() => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		});
+	}, [M, V]), d(() => {
+		M && (F.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
+	}, [M]), d(() => {
+		if (!M || !E) return;
+		let e = (e) => {
+			F.current?.contains(e.target) && V();
+		};
+		document.addEventListener("click", e, { capture: !0 }), R.current.push(() => {
+			document.removeEventListener("click", e, { capture: !0 });
+		});
+	}, [
+		M,
+		E,
+		V
+	]), d(() => () => {
+		R.current.forEach((e) => {
+			e();
+		}), R.current = [];
+	}, []);
+	let U = s;
+	if (typeof s == "function" && (U = s(M)), !c(U)) throw Error("Dropdown trigger must be a React element.");
+	let W = typeof U.type == "string", G = W && U.type === "button";
+	if (!(W || typeof U.type == "function" || v(U.type))) throw Error("Dropdown trigger must be a DOM element or component that accepts a ref.");
+	let K = U.props.ref ?? U.ref, q = (e) => {
+		P.current = e, typeof K == "function" ? K(e) : K != null && (K.current = e);
+	}, J = U.props, Y = (e) => {
+		J.onClick?.(e), !e.defaultPrevented && B();
+	}, X = (e) => {
+		J.onKeyDown?.(e), !e.defaultPrevented && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), B());
+	}, Z = {
+		onClick: Y,
+		"aria-haspopup": "menu",
+		"aria-expanded": M
+	};
+	O != null && O !== "" && (Z["aria-label"] = O), G ? J.type ?? (Z.type = "button") : (Z.onKeyDown = X, J.role ?? (Z.role = "button"), J.tabIndex ?? (Z.tabIndex = 0)), Z.ref = q;
+	let Q = {};
+	I != null && (Q = {
+		top: I.top,
+		left: I.left,
+		width: I.width
+	});
+	let te = D ?? document.body, ne = {
+		close: V,
+		open: ee,
+		isOpen: M
+	}, $ = null;
+	return M && ($ = h(/* @__PURE__ */ i("div", {
+		ref: F,
+		role: "menu",
+		className: e(n, r, y),
+		style: Q,
+		children: u
+	}), te)), /* @__PURE__ */ a(g.Provider, {
+		value: ne,
+		children: [/* @__PURE__ */ i("div", {
+			className: e(t, _),
+			ref: N,
+			children: o(U, Z)
+		}), $]
+	});
 };
-export {
-  kt as Dropdown,
-  xt as useDropdown
-};
-//# sourceMappingURL=Dropdown.js.map
+//#endregion
+export { y as Dropdown, _ as useDropdown };
+
+//# sourceMappingURL=Dropdown.js.map

package/lib/esm/atomic/molecules/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/atomic/molecules/dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useCallback,\n  type ReactNode,\n  type ReactElement,\n  type JSX,\n  type Ref,\n  type MutableRefObject,\n  type HTMLAttributes,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  createContext,\n  useContext,\n  isValidElement,\n  cloneElement,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport * as classes from './dropdown.css.js';\nimport { cx } from '../../../theme/tools.js';\n\n// Types\nexport type DropdownPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top-end';\n\ninterface DropdownContextValue {\n  close: () => void;\n  open: () => void;\n  isOpen: boolean;\n}\n\nconst DropdownContext = createContext<DropdownContextValue | null>(null);\n/**\n * Access the nearest Dropdown context. Throws if used outside a <Dropdown />.\n */\nexport const useDropdown = (): DropdownContextValue => {\n  const ctx = useContext(DropdownContext);\n  if (ctx == null) {\n    throw new Error('useDropdown must be used within a <Dropdown />');\n  }\n  return ctx;\n};\n\nexport interface DropdownProps {\n  trigger: ReactElement | ((isOpen: boolean) => ReactElement);\n  children: ReactNode;\n  className?: string;\n  contentClassName?: string;\n  placement?: DropdownPlacement;\n  offset?: number;\n  matchTriggerWidth?: boolean;\n  open?: boolean; // controlled\n  defaultOpen?: boolean; // uncontrolled\n  onOpenChange?: (open: boolean) => void;\n  closeOnItemClick?: boolean;\n  portalContainer?: HTMLElement | null;\n  // Accessible label if trigger is an icon only\n  ariaLabel?: string;\n}\n\ninterface PositionState {\n  top: number;\n  left: number;\n  width?: number;\n}\n\nconst isForwardRefComponent = (type: unknown): boolean => {\n  if (type == null || typeof type !== 'object') {\n    return false;\n  }\n  return (\n    (type as { $$typeof?: symbol }).$$typeof === Symbol.for('react.forward_ref')\n  );\n};\n\n/**\n * A scalable, portal-based dropdown component with basic collision handling,\n * controlled/uncontrolled modes, accessibility attributes, and optional\n * trigger width matching. Content is rendered in a React portal (default: document.body).\n */\nexport const Dropdown = ({\n  trigger,\n  children,\n  className,\n  contentClassName,\n  placement = 'bottom-start',\n  offset = 4,\n  matchTriggerWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnItemClick = false,\n  portalContainer,\n  ariaLabel,\n}: DropdownProps): JSX.Element => {\n  const isControlled = open != null;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  let isOpen = uncontrolledOpen;\n  if (isControlled) {\n    isOpen = Boolean(open);\n  }\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<PositionState | null>(null);\n  // Accumulate manual cleanups for effects where returning a function violates lint rules.\n  const cleanupRef = useRef<(() => void)[]>([]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!isOpen);\n  }, [isOpen, setOpen]);\n  const close = useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n  const openFn = useCallback(() => {\n    setOpen(true);\n  }, [setOpen]);\n\n  // Positioning logic\n  const computePosition = useCallback(() => {\n    const triggerEl = triggerRef.current;\n    const contentEl = contentRef.current;\n    if (triggerEl == null) {\n      return;\n    }\n    if (contentEl == null) {\n      return;\n    }\n\n    const rect = triggerEl.getBoundingClientRect();\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'bottom-start':\n        top = rect.bottom + offset;\n        left = rect.left;\n        break;\n      case 'bottom-end':\n        top = rect.bottom + offset;\n        left = rect.right - contentEl.offsetWidth;\n        break;\n      case 'top-start':\n        top = rect.top - contentEl.offsetHeight - offset;\n        left = rect.left;\n        break;\n      case 'top-end':\n        top = rect.top - contentEl.offsetHeight - offset;\n        left = rect.right - contentEl.offsetWidth;\n        break;\n      default:\n        top = rect.bottom + offset;\n        left = rect.left;\n    }\n\n    // Keep within viewport (basic collision handling)\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    let width: number | undefined;\n    if (matchTriggerWidth) {\n      width = rect.width;\n    }\n    const contentWidth = width ?? contentEl.offsetWidth;\n\n    if (left + contentWidth > vw - 4) {\n      left = Math.max(4, vw - contentWidth - 4);\n    }\n    if (left < 4) left = 4;\n    const contentHeight = contentEl.offsetHeight;\n    if (top + contentHeight > vh - 4) {\n      // Try flip to top if bottom overflows and initial was bottom\n      if (placement.startsWith('bottom')) {\n        const flippedTop = rect.top - contentHeight - offset;\n        if (flippedTop >= 4) {\n          top = flippedTop;\n        } else {\n          top = Math.max(4, vh - contentHeight - 4);\n        }\n      } else {\n        top = Math.max(4, vh - contentHeight - 4);\n      }\n    }\n    if (top < 4) top = 4;\n\n    setPosition({ top, left, width });\n  }, [placement, offset, matchTriggerWidth]);\n\n  useLayoutEffect(() => {\n    if (isOpen) computePosition();\n  }, [isOpen, computePosition, children]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const handle = () => {\n      computePosition();\n    };\n    window.addEventListener('resize', handle);\n    window.addEventListener('scroll', handle, true);\n    const cleanup = () => {\n      window.removeEventListener('resize', handle);\n      window.removeEventListener('scroll', handle, true);\n    };\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, computePosition]);\n\n  // Outside click & Escape\n  useEffect(() => {\n    if (!isOpen) return;\n    const onDocMouseDown = (e: globalThis.MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        containerRef.current != null &&\n        contentRef.current != null &&\n        !containerRef.current.contains(target) &&\n        !contentRef.current.contains(target)\n      ) {\n        close();\n      }\n    };\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        close();\n        triggerRef.current?.focus();\n      }\n    };\n    document.addEventListener('mousedown', onDocMouseDown);\n    document.addEventListener('keydown', onKey);\n    const cleanup = () => {\n      document.removeEventListener('mousedown', onDocMouseDown);\n      document.removeEventListener('keydown', onKey);\n    };\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, close]);\n\n  // Keyboard navigation basic (ArrowDown focuses first focusable)\n  useEffect(() => {\n    if (!isOpen) return;\n    const firstFocusable = contentRef.current?.querySelector<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    firstFocusable?.focus();\n  }, [isOpen]);\n\n  // Close on item click if enabled\n  useEffect(() => {\n    if (!isOpen || !closeOnItemClick) return;\n    const handler = (e: globalThis.MouseEvent) => {\n      if (contentRef.current?.contains(e.target as Node)) {\n        close();\n      }\n    };\n    document.addEventListener('click', handler, { capture: true });\n    // Explicit cleanup without returning (lint rule forbids returning arrow fn)\n    const cleanup = () => {\n      document.removeEventListener('click', handler, { capture: true });\n    };\n    // Store in ref to run on unmount / dependency change\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, closeOnItemClick, close]);\n  // Run accumulated cleanups on unmount\n  useEffect(() => {\n    return () => {\n      cleanupRef.current.forEach((fn) => {\n        fn();\n      });\n      cleanupRef.current = [];\n    };\n  }, []);\n\n  let triggerElement = trigger;\n  if (typeof trigger === 'function') {\n    triggerElement = trigger(isOpen);\n  }\n\n  if (!isValidElement(triggerElement)) {\n    throw new Error('Dropdown trigger must be a React element.');\n  }\n\n  const isHostElement = typeof triggerElement.type === 'string';\n  const isButtonElement = isHostElement && triggerElement.type === 'button';\n  const canAttachRef =\n    isHostElement ||\n    typeof triggerElement.type === 'function' ||\n    isForwardRefComponent(triggerElement.type);\n\n  if (!canAttachRef) {\n    throw new Error(\n      'Dropdown trigger must be a DOM element or component that accepts a ref.',\n    );\n  }\n\n  const triggerElementRef =\n    (triggerElement.props as { ref?: Ref<HTMLElement> }).ref ??\n    (triggerElement as ReactElement & { ref?: Ref<HTMLElement> }).ref;\n  const setTriggerRef = (node: HTMLElement | null) => {\n    triggerRef.current = node;\n    if (typeof triggerElementRef === 'function') {\n      triggerElementRef(node);\n    } else if (triggerElementRef != null) {\n      (triggerElementRef as MutableRefObject<HTMLElement | null>).current =\n        node;\n    }\n  };\n\n  const triggerProps = triggerElement.props as HTMLAttributes<HTMLElement> & {\n    type?: string;\n  };\n\n  const handleTriggerClick = (event: ReactMouseEvent<HTMLElement>) => {\n    triggerProps.onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    toggle();\n  };\n\n  const handleTriggerKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    triggerProps.onKeyDown?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      toggle();\n    }\n  };\n\n  const mergedTriggerProps: Record<string, unknown> = {\n    onClick: handleTriggerClick,\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n  };\n\n  if (ariaLabel != null && ariaLabel !== '') {\n    mergedTriggerProps['aria-label'] = ariaLabel;\n  }\n\n  if (isButtonElement) {\n    if (triggerProps.type == null) {\n      mergedTriggerProps.type = 'button';\n    }\n  } else {\n    mergedTriggerProps.onKeyDown = handleTriggerKeyDown;\n    if (triggerProps.role == null) {\n      mergedTriggerProps.role = 'button';\n    }\n    if (triggerProps.tabIndex == null) {\n      mergedTriggerProps.tabIndex = 0;\n    }\n  }\n\n  mergedTriggerProps.ref = setTriggerRef;\n\n  let contentStyles: React.CSSProperties = {};\n  if (position != null) {\n    contentStyles = {\n      top: position.top,\n      left: position.left,\n      width: position.width,\n    };\n  }\n\n  const portalTarget = portalContainer ?? document.body;\n\n  const contextValue: DropdownContextValue = {\n    close,\n    open: openFn,\n    isOpen,\n  };\n\n  let dropdownContent: JSX.Element | null = null;\n  if (isOpen) {\n    dropdownContent = createPortal(\n      <div\n        ref={contentRef}\n        role=\"menu\"\n        className={cx(\n          classes.content,\n          classes.contentPositioned,\n          contentClassName,\n        )}\n        style={contentStyles}\n      >\n        {children}\n      </div>,\n      portalTarget,\n    );\n  }\n\n  return (\n    <DropdownContext.Provider value={contextValue}>\n      <div className={cx(classes.container, className)} ref={containerRef}>\n        {cloneElement(triggerElement, mergedTriggerProps)}\n      </div>\n      {dropdownContent}\n    </DropdownContext.Provider>\n  );\n};\n"],"names":["DropdownContext","createContext","useDropdown","ctx","useContext","isForwardRefComponent","type","Dropdown","trigger","children","className","contentClassName","placement","offset","matchTriggerWidth","open","defaultOpen","onOpenChange","closeOnItemClick","portalContainer","ariaLabel","isControlled","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","containerRef","useRef","triggerRef","contentRef","position","setPosition","cleanupRef","setOpen","useCallback","next","toggle","close","openFn","computePosition","triggerEl","contentEl","rect","top","left","vw","vh","width","contentWidth","contentHeight","flippedTop","useLayoutEffect","useEffect","handle","cleanup","onDocMouseDown","e","target","onKey","handler","fn","triggerElement","isValidElement","isHostElement","isButtonElement","triggerElementRef","setTriggerRef","node","triggerProps","handleTriggerClick","event","handleTriggerKeyDown","mergedTriggerProps","contentStyles","portalTarget","contextValue","dropdownContent","createPortal","jsx","cx","classes.content","classes.contentPositioned","jsxs","classes.container","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../../../src/atomic/molecules/dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useCallback,\n  type ReactNode,\n  type ReactElement,\n  type JSX,\n  type Ref,\n  type MutableRefObject,\n  type HTMLAttributes,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  createContext,\n  useContext,\n  isValidElement,\n  cloneElement,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport * as classes from './dropdown.css.js';\nimport { cx } from '../../../theme/tools.js';\n\n// Types\nexport type DropdownPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top-end';\n\ninterface DropdownContextValue {\n  close: () => void;\n  open: () => void;\n  isOpen: boolean;\n}\n\nconst DropdownContext = createContext<DropdownContextValue | null>(null);\n/**\n * Access the nearest Dropdown context. Throws if used outside a <Dropdown />.\n */\nexport const useDropdown = (): DropdownContextValue => {\n  const ctx = useContext(DropdownContext);\n  if (ctx == null) {\n    throw new Error('useDropdown must be used within a <Dropdown />');\n  }\n  return ctx;\n};\n\nexport interface DropdownProps {\n  trigger: ReactElement | ((isOpen: boolean) => ReactElement);\n  children: ReactNode;\n  className?: string;\n  contentClassName?: string;\n  placement?: DropdownPlacement;\n  offset?: number;\n  matchTriggerWidth?: boolean;\n  open?: boolean; // controlled\n  defaultOpen?: boolean; // uncontrolled\n  onOpenChange?: (open: boolean) => void;\n  closeOnItemClick?: boolean;\n  portalContainer?: HTMLElement | null;\n  // Accessible label if trigger is an icon only\n  ariaLabel?: string;\n}\n\ninterface PositionState {\n  top: number;\n  left: number;\n  width?: number;\n}\n\nconst isForwardRefComponent = (type: unknown): boolean => {\n  if (type == null || typeof type !== 'object') {\n    return false;\n  }\n  return (\n    (type as { $$typeof?: symbol }).$$typeof === Symbol.for('react.forward_ref')\n  );\n};\n\n/**\n * A scalable, portal-based dropdown component with basic collision handling,\n * controlled/uncontrolled modes, accessibility attributes, and optional\n * trigger width matching. Content is rendered in a React portal (default: document.body).\n */\nexport const Dropdown = ({\n  trigger,\n  children,\n  className,\n  contentClassName,\n  placement = 'bottom-start',\n  offset = 4,\n  matchTriggerWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnItemClick = false,\n  portalContainer,\n  ariaLabel,\n}: DropdownProps): JSX.Element => {\n  const isControlled = open != null;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  let isOpen = uncontrolledOpen;\n  if (isControlled) {\n    isOpen = Boolean(open);\n  }\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<PositionState | null>(null);\n  // Accumulate manual cleanups for effects where returning a function violates lint rules.\n  const cleanupRef = useRef<(() => void)[]>([]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!isOpen);\n  }, [isOpen, setOpen]);\n  const close = useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n  const openFn = useCallback(() => {\n    setOpen(true);\n  }, [setOpen]);\n\n  // Positioning logic\n  const computePosition = useCallback(() => {\n    const triggerEl = triggerRef.current;\n    const contentEl = contentRef.current;\n    if (triggerEl == null) {\n      return;\n    }\n    if (contentEl == null) {\n      return;\n    }\n\n    const rect = triggerEl.getBoundingClientRect();\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'bottom-start':\n        top = rect.bottom + offset;\n        left = rect.left;\n        break;\n      case 'bottom-end':\n        top = rect.bottom + offset;\n        left = rect.right - contentEl.offsetWidth;\n        break;\n      case 'top-start':\n        top = rect.top - contentEl.offsetHeight - offset;\n        left = rect.left;\n        break;\n      case 'top-end':\n        top = rect.top - contentEl.offsetHeight - offset;\n        left = rect.right - contentEl.offsetWidth;\n        break;\n      default:\n        top = rect.bottom + offset;\n        left = rect.left;\n    }\n\n    // Keep within viewport (basic collision handling)\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    let width: number | undefined;\n    if (matchTriggerWidth) {\n      width = rect.width;\n    }\n    const contentWidth = width ?? contentEl.offsetWidth;\n\n    if (left + contentWidth > vw - 4) {\n      left = Math.max(4, vw - contentWidth - 4);\n    }\n    if (left < 4) left = 4;\n    const contentHeight = contentEl.offsetHeight;\n    if (top + contentHeight > vh - 4) {\n      // Try flip to top if bottom overflows and initial was bottom\n      if (placement.startsWith('bottom')) {\n        const flippedTop = rect.top - contentHeight - offset;\n        if (flippedTop >= 4) {\n          top = flippedTop;\n        } else {\n          top = Math.max(4, vh - contentHeight - 4);\n        }\n      } else {\n        top = Math.max(4, vh - contentHeight - 4);\n      }\n    }\n    if (top < 4) top = 4;\n\n    setPosition({ top, left, width });\n  }, [placement, offset, matchTriggerWidth]);\n\n  useLayoutEffect(() => {\n    if (isOpen) computePosition();\n  }, [isOpen, computePosition, children]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const handle = () => {\n      computePosition();\n    };\n    window.addEventListener('resize', handle);\n    window.addEventListener('scroll', handle, true);\n    const cleanup = () => {\n      window.removeEventListener('resize', handle);\n      window.removeEventListener('scroll', handle, true);\n    };\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, computePosition]);\n\n  // Outside click & Escape\n  useEffect(() => {\n    if (!isOpen) return;\n    const onDocMouseDown = (e: globalThis.MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        containerRef.current != null &&\n        contentRef.current != null &&\n        !containerRef.current.contains(target) &&\n        !contentRef.current.contains(target)\n      ) {\n        close();\n      }\n    };\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        close();\n        triggerRef.current?.focus();\n      }\n    };\n    document.addEventListener('mousedown', onDocMouseDown);\n    document.addEventListener('keydown', onKey);\n    const cleanup = () => {\n      document.removeEventListener('mousedown', onDocMouseDown);\n      document.removeEventListener('keydown', onKey);\n    };\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, close]);\n\n  // Keyboard navigation basic (ArrowDown focuses first focusable)\n  useEffect(() => {\n    if (!isOpen) return;\n    const firstFocusable = contentRef.current?.querySelector<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    firstFocusable?.focus();\n  }, [isOpen]);\n\n  // Close on item click if enabled\n  useEffect(() => {\n    if (!isOpen || !closeOnItemClick) return;\n    const handler = (e: globalThis.MouseEvent) => {\n      if (contentRef.current?.contains(e.target as Node)) {\n        close();\n      }\n    };\n    document.addEventListener('click', handler, { capture: true });\n    // Explicit cleanup without returning (lint rule forbids returning arrow fn)\n    const cleanup = () => {\n      document.removeEventListener('click', handler, { capture: true });\n    };\n    // Store in ref to run on unmount / dependency change\n    cleanupRef.current.push(cleanup);\n  }, [isOpen, closeOnItemClick, close]);\n  // Run accumulated cleanups on unmount\n  useEffect(() => {\n    return () => {\n      cleanupRef.current.forEach((fn) => {\n        fn();\n      });\n      cleanupRef.current = [];\n    };\n  }, []);\n\n  let triggerElement = trigger;\n  if (typeof trigger === 'function') {\n    triggerElement = trigger(isOpen);\n  }\n\n  if (!isValidElement(triggerElement)) {\n    throw new Error('Dropdown trigger must be a React element.');\n  }\n\n  const isHostElement = typeof triggerElement.type === 'string';\n  const isButtonElement = isHostElement && triggerElement.type === 'button';\n  const canAttachRef =\n    isHostElement ||\n    typeof triggerElement.type === 'function' ||\n    isForwardRefComponent(triggerElement.type);\n\n  if (!canAttachRef) {\n    throw new Error(\n      'Dropdown trigger must be a DOM element or component that accepts a ref.',\n    );\n  }\n\n  const triggerElementRef =\n    (triggerElement.props as { ref?: Ref<HTMLElement> }).ref ??\n    (triggerElement as ReactElement & { ref?: Ref<HTMLElement> }).ref;\n  const setTriggerRef = (node: HTMLElement | null) => {\n    triggerRef.current = node;\n    if (typeof triggerElementRef === 'function') {\n      triggerElementRef(node);\n    } else if (triggerElementRef != null) {\n      (triggerElementRef as MutableRefObject<HTMLElement | null>).current =\n        node;\n    }\n  };\n\n  const triggerProps = triggerElement.props as HTMLAttributes<HTMLElement> & {\n    type?: string;\n  };\n\n  const handleTriggerClick = (event: ReactMouseEvent<HTMLElement>) => {\n    triggerProps.onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    toggle();\n  };\n\n  const handleTriggerKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n    triggerProps.onKeyDown?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      toggle();\n    }\n  };\n\n  const mergedTriggerProps: Record<string, unknown> = {\n    onClick: handleTriggerClick,\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n  };\n\n  if (ariaLabel != null && ariaLabel !== '') {\n    mergedTriggerProps['aria-label'] = ariaLabel;\n  }\n\n  if (isButtonElement) {\n    if (triggerProps.type == null) {\n      mergedTriggerProps.type = 'button';\n    }\n  } else {\n    mergedTriggerProps.onKeyDown = handleTriggerKeyDown;\n    if (triggerProps.role == null) {\n      mergedTriggerProps.role = 'button';\n    }\n    if (triggerProps.tabIndex == null) {\n      mergedTriggerProps.tabIndex = 0;\n    }\n  }\n\n  mergedTriggerProps.ref = setTriggerRef;\n\n  let contentStyles: React.CSSProperties = {};\n  if (position != null) {\n    contentStyles = {\n      top: position.top,\n      left: position.left,\n      width: position.width,\n    };\n  }\n\n  const portalTarget = portalContainer ?? document.body;\n\n  const contextValue: DropdownContextValue = {\n    close,\n    open: openFn,\n    isOpen,\n  };\n\n  let dropdownContent: JSX.Element | null = null;\n  if (isOpen) {\n    dropdownContent = createPortal(\n      <div\n        ref={contentRef}\n        role=\"menu\"\n        className={cx(\n          classes.content,\n          classes.contentPositioned,\n          contentClassName,\n        )}\n        style={contentStyles}\n      >\n        {children}\n      </div>,\n      portalTarget,\n    );\n  }\n\n  return (\n    <DropdownContext.Provider value={contextValue}>\n      <div className={cx(classes.container, className)} ref={containerRef}>\n        {cloneElement(triggerElement, mergedTriggerProps)}\n      </div>\n      {dropdownContent}\n    </DropdownContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/lib/esm/atomic/molecules/dropdown/dropdown.css.js

@@ -1,13 +1,8 @@
-/* empty css                                          */
-/* empty css                            */
-var r = "mr2gir0 txvbqbpsf", v = "mr2gir1 txvbqbuzn txvbqb1rx txvbqbuvx txvbqbl6f", x = "mr2gir2 txvbqbpso txvbqbt6x txvbqbdpf", i = "mr2gir3 txvbqb9hx", q = "mr2gir4 txvbqbl3f", e = "mr2gir5 txvbqbfax txvbqbfbo txvbqbl9f", m = "mr2gir6 txvbqbv";
-export {
-  r as container,
-  v as content,
-  x as contentPositioned,
-  q as focusOutlineReset,
-  i as hidden,
-  e as menu,
-  m as menuItem
-};
-//# sourceMappingURL=dropdown.css.js.map
+/* empty css                                      */
+/* empty css                        */
+//#region src/atomic/molecules/dropdown/dropdown.css.ts
+var e = "mr2gir0 txvbqbpsf", t = "mr2gir1 txvbqbuzn txvbqb1rx txvbqbuvx txvbqbl6f", n = "mr2gir2 txvbqbpso txvbqbt6x txvbqbdpf", r = "mr2gir3 txvbqb9hx", i = "mr2gir4 txvbqbl3f", a = "mr2gir5 txvbqbfax txvbqbfbo txvbqbl9f", o = "mr2gir6 txvbqbv";
+//#endregion
+export { e as container, t as content, n as contentPositioned, i as focusOutlineReset, r as hidden, a as menu, o as menuItem };
+
+//# sourceMappingURL=dropdown.css.js.map

package/lib/esm/atomic/molecules/dropdown/dropdown.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"dropdown.css.js","names":[],"sources":["../../../../../src/atomic/molecules/dropdown/dropdown.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\n// Container only wraps the trigger now; menu content is portaled to body.\nexport const container = sprinkles({\n  position: 'relative',\n});\n\n// Base visual styling for the dropdown content. Position (top/left) is applied inline.\nexport const content = sprinkles({\n  backgroundColor: 'white',\n  borderRadius: 'xl',\n  zIndex: 'modal',\n  overflow: 'hidden',\n});\n\nexport const contentPositioned = sprinkles({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n});\n\nexport const hidden = sprinkles({\n  display: 'none',\n});\n\nexport const focusOutlineReset = sprinkles({\n  outline: 'none',\n});\n\nexport const menu = sprinkles({\n  listStyleType: 'none',\n  margin: 0,\n  padding: 0,\n});\n\nexport const menuItem = sprinkles({\n  cursor: 'pointer',\n});\n"],"mappings":""}

package/lib/esm/atomic/molecules/form-actions/FormActions.js

@@ -1,57 +1,32 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import { Button as l } from "../../atoms/button/Button.js";
-import { useUiTranslation as A } from "../../../i18n/useUiTranslation.js";
-const T = ({
-  onCancel: n,
-  cancelLabel: c,
-  submitLabel: i,
-  submitLoadingLabel: r,
-  isSubmitting: e = !1,
-  submitDisabled: m = !1,
-  className: d,
-  renderSubmitContent: o,
-  submitButtonProps: b,
-  cancelButtonProps: u
-}) => {
-  const { t: a } = A(), p = c ?? a("common.actions.cancel"), v = i ?? a("common.actions.save"), f = r ?? a("common.actions.saving"), C = u ?? {}, {
-    className: N,
-    disabled: B,
-    ...x
-  } = C, D = b ?? {}, {
-    className: L,
-    disabled: P,
-    ...h
-  } = D;
-  let s;
-  o != null ? s = o(e) : e ? s = f : s = v;
-  const y = !!B, j = !!m || e || P === !0;
-  return /* @__PURE__ */ k("div", { className: d, children: [
-    /* @__PURE__ */ t(
-      l,
-      {
-        type: "button",
-        variant: "text",
-        onClick: n,
-        disabled: y,
-        className: N,
-        ...x,
-        children: p
-      }
-    ),
-    /* @__PURE__ */ t(
-      l,
-      {
-        type: "submit",
-        variant: "primary",
-        disabled: j,
-        className: L,
-        ...h,
-        children: s
-      }
-    )
-  ] });
+import { useUiTranslation as e } from "../../../i18n/useUiTranslation.js";
+import { Button as t } from "../../atoms/button/Button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/atomic/molecules/form-actions/FormActions.tsx
+var i = ({ onCancel: i, cancelLabel: a, submitLabel: o, submitLoadingLabel: s, isSubmitting: c = !1, submitDisabled: l = !1, className: u, renderSubmitContent: d, submitButtonProps: f, cancelButtonProps: p }) => {
+	let { t: m } = e(), h = a ?? m("common.actions.cancel"), g = o ?? m("common.actions.save"), _ = s ?? m("common.actions.saving"), { className: v, disabled: y, ...b } = p ?? {}, { className: x, disabled: S, ...C } = f ?? {}, w;
+	w = d == null ? c ? _ : g : d(c);
+	let T = !!y, E = !!l || c || S === !0;
+	return /* @__PURE__ */ r("div", {
+		className: u,
+		children: [/* @__PURE__ */ n(t, {
+			type: "button",
+			variant: "text",
+			onClick: i,
+			disabled: T,
+			className: v,
+			...b,
+			children: h
+		}), /* @__PURE__ */ n(t, {
+			type: "submit",
+			variant: "primary",
+			disabled: E,
+			className: x,
+			...C,
+			children: w
+		})]
+	});
 };
-export {
-  T as FormActions
-};
-//# sourceMappingURL=FormActions.js.map
+//#endregion
+export { i as FormActions };
+
+//# sourceMappingURL=FormActions.js.map

package/lib/esm/atomic/molecules/form-actions/FormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormActions.js","sources":["../../../../../src/atomic/molecules/form-actions/FormActions.tsx"],"sourcesContent":["import { type ComponentProps, type JSX, type ReactNode } from 'react';\n\nimport { Button } from '../../atoms/button/Button.js';\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\n\nexport type FormActionsProps = {\n  onCancel: () => void;\n  cancelLabel?: string;\n  submitLabel?: string;\n  submitLoadingLabel?: string;\n  isSubmitting?: boolean;\n  submitDisabled?: boolean;\n  className?: string;\n  renderSubmitContent?: (isSubmitting: boolean) => ReactNode;\n  submitButtonProps?: Omit<ComponentProps<typeof Button>, 'children' | 'type'>;\n  cancelButtonProps?: Omit<\n    ComponentProps<typeof Button>,\n    'children' | 'type' | 'variant'\n  >;\n};\n\nexport const FormActions = ({\n  onCancel,\n  cancelLabel,\n  submitLabel,\n  submitLoadingLabel,\n  isSubmitting = false,\n  submitDisabled = false,\n  className,\n  renderSubmitContent,\n  submitButtonProps,\n  cancelButtonProps,\n}: FormActionsProps): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedCancelLabel = cancelLabel ?? t('common.actions.cancel');\n  const resolvedSubmitLabel = submitLabel ?? t('common.actions.save');\n  const resolvedSubmitLoadingLabel =\n    submitLoadingLabel ?? t('common.actions.saving');\n  const cancelProps = cancelButtonProps ?? {};\n  const {\n    className: cancelClassName,\n    disabled: cancelDisabled,\n    ...restCancelButtonProps\n  } = cancelProps;\n\n  const submitProps = submitButtonProps ?? {};\n  const {\n    className: submitClassName,\n    disabled: submitDisabledOverride,\n    ...restSubmitButtonProps\n  } = submitProps;\n\n  let submitContent: ReactNode;\n\n  if (renderSubmitContent != null) {\n    submitContent = renderSubmitContent(isSubmitting);\n  } else if (isSubmitting) {\n    submitContent = resolvedSubmitLoadingLabel;\n  } else {\n    submitContent = resolvedSubmitLabel;\n  }\n\n  const isCancelDisabled = Boolean(cancelDisabled);\n  const isSubmitDisabled =\n    Boolean(submitDisabled) || isSubmitting || submitDisabledOverride === true;\n\n  return (\n    <div className={className}>\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        onClick={onCancel}\n        disabled={isCancelDisabled}\n        className={cancelClassName}\n        {...restCancelButtonProps}\n      >\n        {resolvedCancelLabel}\n      </Button>\n      <Button\n        type=\"submit\"\n        variant=\"primary\"\n        disabled={isSubmitDisabled}\n        className={submitClassName}\n        {...restSubmitButtonProps}\n      >\n        {submitContent}\n      </Button>\n    </div>\n  );\n};\n"],"names":["FormActions","onCancel","cancelLabel","submitLabel","submitLoadingLabel","isSubmitting","submitDisabled","className","renderSubmitContent","submitButtonProps","cancelButtonProps","t","useUiTranslation","resolvedCancelLabel","resolvedSubmitLabel","resolvedSubmitLoadingLabel","cancelProps","cancelClassName","cancelDisabled","restCancelButtonProps","submitProps","submitClassName","submitDisabledOverride","restSubmitButtonProps","submitContent","isCancelDisabled","isSubmitDisabled","jsxs","jsx","Button"],"mappings":";;;AAqBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,gBAAAC,IAAiB;AAAA,EACjB,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,mBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAsBX,KAAeS,EAAE,uBAAuB,GAC9DG,IAAsBX,KAAeQ,EAAE,qBAAqB,GAC5DI,IACJX,KAAsBO,EAAE,uBAAuB,GAC3CK,IAAcN,KAAqB,CAAA,GACnC;AAAA,IACJ,WAAWO;AAAA,IACX,UAAUC;AAAA,IACV,GAAGC;AAAA,EAAA,IACDH,GAEEI,IAAcX,KAAqB,CAAA,GACnC;AAAA,IACJ,WAAWY;AAAA,IACX,UAAUC;AAAA,IACV,GAAGC;AAAA,EAAA,IACDH;AAEJ,MAAII;AAEJ,EAAIhB,KAAuB,OACzBgB,IAAgBhB,EAAoBH,CAAY,IACvCA,IACTmB,IAAgBT,IAEhBS,IAAgBV;AAGlB,QAAMW,IAAmB,EAAQP,GAC3BQ,IACJ,EAAQpB,KAAmBD,KAAgBiB,MAA2B;AAExE,SACE,gBAAAK,EAAC,SAAI,WAAApB,GACH,UAAA;AAAA,IAAA,gBAAAqB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS5B;AAAA,QACT,UAAUwB;AAAA,QACV,WAAWR;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,UAAUH;AAAA,QACV,WAAWL;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"FormActions.js","names":[],"sources":["../../../../../src/atomic/molecules/form-actions/FormActions.tsx"],"sourcesContent":["import { type ComponentProps, type JSX, type ReactNode } from 'react';\n\nimport { Button } from '../../atoms/button/Button.js';\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\n\nexport type FormActionsProps = {\n  onCancel: () => void;\n  cancelLabel?: string;\n  submitLabel?: string;\n  submitLoadingLabel?: string;\n  isSubmitting?: boolean;\n  submitDisabled?: boolean;\n  className?: string;\n  renderSubmitContent?: (isSubmitting: boolean) => ReactNode;\n  submitButtonProps?: Omit<ComponentProps<typeof Button>, 'children' | 'type'>;\n  cancelButtonProps?: Omit<\n    ComponentProps<typeof Button>,\n    'children' | 'type' | 'variant'\n  >;\n};\n\nexport const FormActions = ({\n  onCancel,\n  cancelLabel,\n  submitLabel,\n  submitLoadingLabel,\n  isSubmitting = false,\n  submitDisabled = false,\n  className,\n  renderSubmitContent,\n  submitButtonProps,\n  cancelButtonProps,\n}: FormActionsProps): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedCancelLabel = cancelLabel ?? t('common.actions.cancel');\n  const resolvedSubmitLabel = submitLabel ?? t('common.actions.save');\n  const resolvedSubmitLoadingLabel =\n    submitLoadingLabel ?? t('common.actions.saving');\n  const cancelProps = cancelButtonProps ?? {};\n  const {\n    className: cancelClassName,\n    disabled: cancelDisabled,\n    ...restCancelButtonProps\n  } = cancelProps;\n\n  const submitProps = submitButtonProps ?? {};\n  const {\n    className: submitClassName,\n    disabled: submitDisabledOverride,\n    ...restSubmitButtonProps\n  } = submitProps;\n\n  let submitContent: ReactNode;\n\n  if (renderSubmitContent != null) {\n    submitContent = renderSubmitContent(isSubmitting);\n  } else if (isSubmitting) {\n    submitContent = resolvedSubmitLoadingLabel;\n  } else {\n    submitContent = resolvedSubmitLabel;\n  }\n\n  const isCancelDisabled = Boolean(cancelDisabled);\n  const isSubmitDisabled =\n    Boolean(submitDisabled) || isSubmitting || submitDisabledOverride === true;\n\n  return (\n    <div className={className}>\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        onClick={onCancel}\n        disabled={isCancelDisabled}\n        className={cancelClassName}\n        {...restCancelButtonProps}\n      >\n        {resolvedCancelLabel}\n      </Button>\n      <Button\n        type=\"submit\"\n        variant=\"primary\"\n        disabled={isSubmitDisabled}\n        className={submitClassName}\n        {...restSubmitButtonProps}\n      >\n        {submitContent}\n      </Button>\n    </div>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAe,EAC1B,aACA,gBACA,gBACA,uBACA,kBAAe,IACf,oBAAiB,IACjB,cACA,wBACA,sBACA,2BACmC;CACnC,IAAM,EAAE,SAAM,GAAkB,EAC1B,IAAsB,KAAe,EAAE,wBAAwB,EAC/D,IAAsB,KAAe,EAAE,sBAAsB,EAC7D,IACJ,KAAsB,EAAE,wBAAwB,EAE5C,EACJ,WAAW,GACX,UAAU,GACV,GAAG,MAJe,KAAqB,EAAE,EAQrC,EACJ,WAAW,GACX,UAAU,GACV,GAAG,MAJe,KAAqB,EAAE,EAOvC;AAEJ,CACE,IADE,KAAuB,OAEhB,IACO,IAEA,IAJA,EAAoB,EAAa;CAOnD,IAAM,IAAmB,EAAQ,GAC3B,IACJ,EAAQ,KAAmB,KAAgB,MAA2B;AAExE,QACE,kBAAC,OAAD;EAAgB;YAAhB,CACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW;GACX,GAAI;aAEH;GACM,CAAA,EACT,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,UAAU;GACV,WAAW;GACX,GAAI;aAEH;GACM,CAAA,CACL"}