@kamod-ui/core 0.1.0

package/dist/chunk-KBXDU3G4.js

@@ -0,0 +1,382 @@
+import { createControllableSignal } from './chunk-J2Z2LSXM.js';
+import { createDismissableLayer, isPointerWithinModalDialogPanelSlop } from './chunk-HEQRODRF.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useRef, useMemo, useEffect } from 'preact/hooks';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+import { createPortal } from 'preact/compat';
+
+var SCROLL_LOCK_COUNT_ATTR = "data-kamod-scroll-lock-count";
+var SCROLL_LOCK_BODY_OVERFLOW_ATTR = "data-kamod-scroll-lock-body-overflow";
+var SCROLL_LOCK_HTML_OVERFLOW_ATTR = "data-kamod-scroll-lock-html-overflow";
+var SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR = "data-kamod-scroll-lock-body-padding-right";
+var SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR = "data-kamod-scroll-lock-html-scrollbar-gutter";
+var lockDocumentScroll = () => {
+  const body = document.body;
+  const html = document.documentElement;
+  const lockCount = Number.parseInt(body.getAttribute(SCROLL_LOCK_COUNT_ATTR) ?? "0", 10);
+  if (lockCount === 0) {
+    body.setAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR, body.style.overflow);
+    body.setAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR, body.style.paddingRight);
+    html.setAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR, html.style.overflow);
+    html.setAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR, html.style.scrollbarGutter);
+    const gutter = getComputedStyle(html).scrollbarGutter;
+    const viewportUsesStableGutter = gutter === "stable" || gutter === "stable both-edges";
+    if (viewportUsesStableGutter) {
+      html.style.setProperty("--kamod-scroll-lock-gutter", "0px");
+    } else {
+      html.style.scrollbarGutter = "auto";
+      void html.offsetHeight;
+      const scrollbarWidth = Math.max(0, window.innerWidth - document.documentElement.clientWidth);
+      html.style.setProperty("--kamod-scroll-lock-gutter", `${scrollbarWidth}px`);
+      if (scrollbarWidth > 0) {
+        body.style.paddingRight = `${scrollbarWidth}px`;
+      }
+    }
+    html.style.overflow = "hidden";
+    body.style.overflow = "hidden";
+    html.setAttribute("data-kamod-scroll-lock", "");
+  }
+  body.setAttribute(SCROLL_LOCK_COUNT_ATTR, String(lockCount + 1));
+  return () => {
+    const currentCount = Number.parseInt(body.getAttribute(SCROLL_LOCK_COUNT_ATTR) ?? "0", 10);
+    const nextCount = Math.max(0, currentCount - 1);
+    if (nextCount > 0) {
+      body.setAttribute(SCROLL_LOCK_COUNT_ATTR, String(nextCount));
+      return;
+    }
+    const previousBodyOverflow = body.getAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR) ?? "";
+    const previousHtmlOverflow = html.getAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR) ?? "";
+    const previousBodyPaddingRight = body.getAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR) ?? "";
+    const previousHtmlScrollbarGutter = html.getAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR) ?? "";
+    body.style.overflow = previousBodyOverflow;
+    body.style.paddingRight = previousBodyPaddingRight;
+    html.style.overflow = previousHtmlOverflow;
+    if (previousHtmlScrollbarGutter === "") {
+      html.style.removeProperty("scrollbar-gutter");
+    } else {
+      html.style.scrollbarGutter = previousHtmlScrollbarGutter;
+    }
+    html.style.removeProperty("--kamod-scroll-lock-gutter");
+    html.removeAttribute("data-kamod-scroll-lock");
+    body.removeAttribute(SCROLL_LOCK_COUNT_ATTR);
+    body.removeAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR);
+    body.removeAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR);
+    html.removeAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR);
+    html.removeAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR);
+  };
+};
+var DialogContext = createContext(null);
+var useDialog = () => {
+  const context = useContext(DialogContext);
+  if (!context) throw new Error("Dialog subcomponents must be used within Dialog");
+  return context;
+};
+var Dialog = ({
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange,
+  lockBodyScroll = true,
+  children,
+  ...rest
+}) => {
+  const onOpenChangeRef = useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const triggerRef = useRef(null);
+  const controllable = useMemo(
+    () => createControllableSignal({
+      value: openProp,
+      defaultValue: defaultOpen,
+      onChange: (next) => onOpenChangeRef.current?.(next)
+    }),
+    []
+  );
+  const open = controllable.state;
+  if (openProp !== void 0 && open.value !== openProp) {
+    open.value = openProp;
+  }
+  const setOpen = (next) => {
+    const wasOpen = open.value;
+    controllable.setState(next);
+    if (wasOpen && !next) {
+      triggerRef.current?.focus();
+    }
+  };
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const layer = createDismissableLayer({
+      root: () => rootRef.current,
+      open: () => open.value,
+      onDismiss: () => {
+        setOpen(false);
+      }
+    });
+    return () => layer.dispose();
+  }, []);
+  useEffect(() => {
+    if (!lockBodyScroll || typeof document === "undefined") return;
+    if (!open.value) return;
+    return lockDocumentScroll();
+  }, [lockBodyScroll, open.value]);
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { open, setOpen, triggerRef }, children: /* @__PURE__ */ jsx("div", { ref: rootRef, "data-slot": "dialog", "data-state": open.value ? "open" : "closed", ...rest, children }) });
+};
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var DialogClose = ({
+  asChild = false,
+  children,
+  onClick,
+  ref: outerRef,
+  "data-slot": dataSlot = "dialog-close",
+  ...rest
+}) => {
+  const dialog = useDialog();
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    dialog.setOpen(false);
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "data-slot": dataSlot,
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      type: "button",
+      "data-slot": dataSlot,
+      onClick: (event) => handleClick(event),
+      ...rest,
+      children
+    }
+  );
+};
+var dialogViewportBleedClass = "fixed left-0 top-0 h-screen min-h-[100dvh] w-screen min-w-[100vw]";
+var modalOverlayClass = [
+  dialogViewportBleedClass,
+  "z-40 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-in fade-out"
+].join(" ");
+var modalPanelBase = [
+  "fixed left-1/2 top-1/2 z-50 grid w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg outline-none",
+  "rounded-lg sm:max-w-lg",
+  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards",
+  "fade-in zoom-in-95 fade-out zoom-out-95 duration-200",
+  "max-h-[calc(100dvh-2rem)] overflow-y-auto overflow-x-hidden"
+].join(" ");
+var DialogContent = ({
+  forceMount = false,
+  presentation = "modal",
+  showCloseButton = true,
+  class: className,
+  children,
+  onKeyDown,
+  "data-slot": dataSlot = "dialog-content",
+  ...rest
+}) => {
+  const dialog = useDialog();
+  if (!dialog.open.value && !forceMount) return null;
+  const state = dialog.open.value ? "open" : "closed";
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      dialog.setOpen(false);
+      dialog.triggerRef.current?.focus();
+    }
+    onKeyDown?.(event);
+  };
+  if (presentation === "slot") {
+    const content = /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "data-slot": dataSlot,
+        "data-kamod-root-dismissible": "",
+        "data-state": state,
+        ...rest,
+        onKeyDown: handleKeyDown,
+        class: cn(className),
+        children
+      }
+    );
+    if (typeof document === "undefined") return content;
+    return createPortal(content, document.body);
+  }
+  const tree = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-slot": "dialog-overlay",
+        "data-state": state,
+        class: modalOverlayClass,
+        onPointerDown: (event) => {
+          if (event.target !== event.currentTarget) return;
+          if (isPointerWithinModalDialogPanelSlop(event)) return;
+          dialog.setOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        tabIndex: -1,
+        "data-slot": dataSlot,
+        "data-state": state,
+        ...rest,
+        onKeyDown: handleKeyDown,
+        class: cn(modalPanelBase, className),
+        children: [
+          showCloseButton ? /* @__PURE__ */ jsxs(
+            DialogClose,
+            {
+              "aria-label": "Close",
+              "data-slot": "dialog-close",
+              class: cn(
+                "absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100",
+                "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                "disabled:pointer-events-none"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { class: "sr-only", children: "Close" }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    class: "size-4",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          children
+        ]
+      }
+    )
+  ] });
+  if (typeof document === "undefined") return tree;
+  return createPortal(tree, document.body);
+};
+var DialogDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("p", { "data-slot": "dialog-description", class: cn("text-muted-foreground text-sm", className), ...rest, children });
+var DialogTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("h2", { "data-slot": "dialog-title", class: cn("text-lg leading-none font-semibold tracking-tight", className), ...rest, children });
+var callRef2 = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var DialogTrigger = ({
+  asChild = false,
+  children,
+  onClick,
+  onPointerDown,
+  ref: outerRef,
+  "data-slot": dataSlot = "dialog-trigger",
+  ...rest
+}) => {
+  const dialog = useDialog();
+  const openDialog = () => {
+    dialog.setOpen(true);
+  };
+  const handlePointerDown = (event) => {
+    onPointerDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.button === 0) {
+      openDialog();
+    }
+  };
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    openDialog();
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "aria-expanded": dialog.open.value,
+      "data-slot": dataSlot,
+      onPointerDown: (event) => {
+        childProps.onPointerDown?.(event);
+        handlePointerDown(event);
+      },
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        dialog.triggerRef.current = node;
+        callRef2(childProps.ref, node);
+        callRef2(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        dialog.triggerRef.current = node;
+        callRef2(outerRef, node);
+      },
+      ...rest,
+      type: "button",
+      "data-slot": dataSlot,
+      "aria-expanded": dialog.open.value,
+      onPointerDown: (event) => {
+        if (event.button === 0) {
+          openDialog();
+        }
+        onPointerDown?.(event);
+      },
+      onClick: (event) => {
+        openDialog();
+        onClick?.(event);
+      },
+      children
+    }
+  );
+};
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, dialogViewportBleedClass, useDialog };
+//# sourceMappingURL=chunk-KBXDU3G4.js.map
+//# sourceMappingURL=chunk-KBXDU3G4.js.map

package/dist/chunk-KBXDU3G4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/Dialog.tsx","../src/components/dialog/DialogClose.tsx","../src/components/dialog/DialogContent.tsx","../src/components/dialog/DialogDescription.tsx","../src/components/dialog/DialogTitle.tsx","../src/components/dialog/DialogTrigger.tsx"],"names":["jsx","callRef","isValidElement","cloneElement"],"mappings":"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","file":"chunk-KBXDU3G4.js","sourcesContent":["import { type signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createDismissableLayer } from \"../../lib/interactive\";\nimport { createControllableSignal } from \"../../lib/signals\";\n\nconst SCROLL_LOCK_COUNT_ATTR = \"data-kamod-scroll-lock-count\";\nconst SCROLL_LOCK_BODY_OVERFLOW_ATTR = \"data-kamod-scroll-lock-body-overflow\";\nconst SCROLL_LOCK_HTML_OVERFLOW_ATTR = \"data-kamod-scroll-lock-html-overflow\";\nconst SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR = \"data-kamod-scroll-lock-body-padding-right\";\nconst SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR = \"data-kamod-scroll-lock-html-scrollbar-gutter\";\n\nconst lockDocumentScroll = () => {\n  const body = document.body;\n  const html = document.documentElement;\n  const lockCount = Number.parseInt(body.getAttribute(SCROLL_LOCK_COUNT_ATTR) ?? \"0\", 10);\n\n  if (lockCount === 0) {\n    body.setAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR, body.style.overflow);\n    body.setAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR, body.style.paddingRight);\n    html.setAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR, html.style.overflow);\n    html.setAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR, html.style.scrollbarGutter);\n\n    const gutter = getComputedStyle(html).scrollbarGutter;\n    const viewportUsesStableGutter = gutter === \"stable\" || gutter === \"stable both-edges\";\n\n    if (viewportUsesStableGutter) {\n      // Stylesheet `html { scrollbar-gutter: stable }` already reserves scrollbar width; do not\n      // force `auto` or add body padding-right (that combo reintroduces the header “jump”).\n      html.style.setProperty(\"--kamod-scroll-lock-gutter\", \"0px\");\n    } else {\n      // If the page does not use stable gutter, measure scrollbar width and pad like Radix/shadcn.\n      html.style.scrollbarGutter = \"auto\";\n      void html.offsetHeight;\n\n      const scrollbarWidth = Math.max(0, window.innerWidth - document.documentElement.clientWidth);\n      html.style.setProperty(\"--kamod-scroll-lock-gutter\", `${scrollbarWidth}px`);\n\n      if (scrollbarWidth > 0) {\n        body.style.paddingRight = `${scrollbarWidth}px`;\n      }\n    }\n\n    html.style.overflow = \"hidden\";\n    body.style.overflow = \"hidden\";\n    html.setAttribute(\"data-kamod-scroll-lock\", \"\");\n  }\n\n  body.setAttribute(SCROLL_LOCK_COUNT_ATTR, String(lockCount + 1));\n\n  return () => {\n    const currentCount = Number.parseInt(body.getAttribute(SCROLL_LOCK_COUNT_ATTR) ?? \"0\", 10);\n    const nextCount = Math.max(0, currentCount - 1);\n\n    if (nextCount > 0) {\n      body.setAttribute(SCROLL_LOCK_COUNT_ATTR, String(nextCount));\n      return;\n    }\n\n    const previousBodyOverflow = body.getAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR) ?? \"\";\n    const previousHtmlOverflow = html.getAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR) ?? \"\";\n    const previousBodyPaddingRight = body.getAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR) ?? \"\";\n    const previousHtmlScrollbarGutter = html.getAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR) ?? \"\";\n\n    body.style.overflow = previousBodyOverflow;\n    body.style.paddingRight = previousBodyPaddingRight;\n    html.style.overflow = previousHtmlOverflow;\n    if (previousHtmlScrollbarGutter === \"\") {\n      html.style.removeProperty(\"scrollbar-gutter\");\n    } else {\n      html.style.scrollbarGutter = previousHtmlScrollbarGutter;\n    }\n    html.style.removeProperty(\"--kamod-scroll-lock-gutter\");\n    html.removeAttribute(\"data-kamod-scroll-lock\");\n    body.removeAttribute(SCROLL_LOCK_COUNT_ATTR);\n    body.removeAttribute(SCROLL_LOCK_BODY_OVERFLOW_ATTR);\n    body.removeAttribute(SCROLL_LOCK_BODY_PADDING_RIGHT_ATTR);\n    html.removeAttribute(SCROLL_LOCK_HTML_OVERFLOW_ATTR);\n    html.removeAttribute(SCROLL_LOCK_HTML_SCROLLBAR_GUTTER_ATTR);\n  };\n};\n\nexport type DialogContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n  triggerRef: { current: HTMLElement | null };\n};\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nexport const useDialog = () => {\n  const context = useContext(DialogContext);\n  if (!context) throw new Error(\"Dialog subcomponents must be used within Dialog\");\n  return context;\n};\n\nexport type DialogProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** When true, locks document scroll while open (shadcn default). */\n  lockBodyScroll?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const Dialog = ({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n  lockBodyScroll = true,\n  children,\n  ...rest\n}: DialogProps) => {\n  const onOpenChangeRef = useRef(onOpenChange);\n  onOpenChangeRef.current = onOpenChange;\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const controllable = useMemo(\n    () =>\n      createControllableSignal<boolean>({\n        value: openProp,\n        defaultValue: defaultOpen,\n        onChange: (next) => onOpenChangeRef.current?.(next)\n      }),\n    []\n  );\n  const open = controllable.state;\n\n  // Controlled mode: keep the internal signal in sync before paint. If we only\n  // sync in useEffect, the first commit can render DialogContent with open=false\n  // while openProp is already true (portal stays unmounted / dismiss layer races).\n  if (openProp !== undefined && open.value !== openProp) {\n    open.value = openProp;\n  }\n\n  const setOpen = (next: boolean) => {\n    const wasOpen = open.value;\n    controllable.setState(next);\n    if (wasOpen && !next) {\n      triggerRef.current?.focus();\n    }\n  };\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => open.value,\n      onDismiss: () => {\n        setOpen(false);\n      }\n    });\n    return () => layer.dispose();\n  }, []);\n\n  useEffect(() => {\n    if (!lockBodyScroll || typeof document === \"undefined\") return;\n    if (!open.value) return;\n    return lockDocumentScroll();\n  }, [lockBodyScroll, open.value]);\n\n  return (\n    <DialogContext.Provider value={{ open, setOpen, triggerRef }}>\n      <div ref={rootRef} data-slot=\"dialog\" data-state={open.value ? \"open\" : \"closed\"} {...rest}>\n        {children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { useDialog } from \"./Dialog\";\n\nexport type DialogCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const DialogClose = ({\n  asChild = false,\n  children,\n  onClick,\n  ref: outerRef,\n  \"data-slot\": dataSlot = \"dialog-close\",\n  ...rest\n}: DialogCloseProps) => {\n  const dialog = useDialog();\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    dialog.setOpen(false);\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"data-slot\": dataSlot,\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        callRef(outerRef, node);\n      }}\n      type=\"button\"\n      data-slot={dataSlot}\n      onClick={(event) => handleClick(event as unknown as JSX.TargetedMouseEvent<HTMLElement>)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { createPortal } from \"preact/compat\";\nimport { isPointerWithinModalDialogPanelSlop } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogClose } from \"./DialogClose\";\nimport { useDialog } from \"./Dialog\";\n\n/**\n * `fixed inset-0` can miss edge pixels vs full-viewport overlays; explicit `100vw` / `100vh`\n * keeps the backdrop flush with the visual viewport.\n */\nexport const dialogViewportBleedClass =\n  \"fixed left-0 top-0 h-screen min-h-[100dvh] w-screen min-w-[100vw]\";\n\nconst modalOverlayClass = [\n  dialogViewportBleedClass,\n  \"z-40 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-in fade-out\"\n].join(\" \");\n\nconst modalPanelBase =\n  [\n    \"fixed left-1/2 top-1/2 z-50 grid w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg outline-none\",\n    \"rounded-lg sm:max-w-lg\",\n    \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards\",\n    \"fade-in zoom-in-95 fade-out zoom-out-95 duration-200\",\n    \"max-h-[calc(100dvh-2rem)] overflow-y-auto overflow-x-hidden\"\n  ].join(\" \");\n\nexport type DialogContentPresentation = \"modal\" | \"slot\";\n\nexport type DialogContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  forceMount?: boolean;\n  /**\n   * `modal` — built-in overlay + centered panel + optional corner close.\n   * `slot` — one portaled element only; use when **you** provide overlay + panel (legacy fullscreen `DialogContent` pattern with `fixed inset-0 …`).\n   */\n  presentation?: DialogContentPresentation;\n  showCloseButton?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\n/**\n * Renders dialog body in a portal.\n *\n * - **modal (default):** Backdrop + centered panel; use `class` only for sizing (e.g. `sm:max-w-sm`).\n * - **slot:** Single root node — **required** for legacy/custom layouts that already implement `fixed inset-0` overlay + inner card (otherwise you stack two modals).\n */\nexport const DialogContent = ({\n  forceMount = false,\n  presentation = \"modal\",\n  showCloseButton = true,\n  class: className,\n  children,\n  onKeyDown,\n  \"data-slot\": dataSlot = \"dialog-content\",\n  ...rest\n}: DialogContentProps) => {\n  const dialog = useDialog();\n  if (!dialog.open.value && !forceMount) return null;\n\n  const state = dialog.open.value ? \"open\" : \"closed\";\n\n  const handleKeyDown = (event: JSX.TargetedKeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      dialog.setOpen(false);\n      dialog.triggerRef.current?.focus();\n    }\n    onKeyDown?.(event);\n  };\n\n  if (presentation === \"slot\") {\n    const content = (\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        data-slot={dataSlot}\n        data-kamod-root-dismissible=\"\"\n        data-state={state}\n        {...rest}\n        onKeyDown={handleKeyDown}\n        class={cn(className as string | undefined)}\n      >\n        {children}\n      </div>\n    );\n\n    if (typeof document === \"undefined\") return content;\n    return createPortal(content, document.body);\n  }\n\n  const tree = (\n    <>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"dialog-overlay\"\n        data-state={state}\n        class={modalOverlayClass}\n        onPointerDown={(event) => {\n          if (event.target !== event.currentTarget) return;\n          if (isPointerWithinModalDialogPanelSlop(event)) return;\n          dialog.setOpen(false);\n        }}\n      />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\n        data-slot={dataSlot}\n        data-state={state}\n        {...rest}\n        onKeyDown={handleKeyDown}\n        class={cn(modalPanelBase, className as string | undefined)}\n      >\n        {showCloseButton ? (\n          <DialogClose\n            aria-label=\"Close\"\n            data-slot=\"dialog-close\"\n            class={cn(\n              \"absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100\",\n              \"focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n              \"disabled:pointer-events-none\"\n            )}\n          >\n            <span class=\"sr-only\">Close</span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"size-4\"\n              aria-hidden\n            >\n              <path d=\"M18 6 6 18M6 6l12 12\" />\n            </svg>\n          </DialogClose>\n        ) : null}\n        {children}\n      </div>\n    </>\n  );\n\n  if (typeof document === \"undefined\") return tree;\n  return createPortal(tree, document.body);\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DialogDescription = ({ class: className, children, ...rest }: DialogDescriptionProps) => (\n  <p data-slot=\"dialog-description\" class={cn(\"text-muted-foreground text-sm\", className)} {...rest}>\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & { children?: ComponentChildren };\n\nexport const DialogTitle = ({ class: className, children, ...rest }: DialogTitleProps) => (\n  <h2 data-slot=\"dialog-title\" class={cn(\"text-lg leading-none font-semibold tracking-tight\", className)} {...rest}>\n    {children}\n  </h2>\n);\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { useDialog } from \"./Dialog\";\n\nexport type DialogTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const DialogTrigger = ({\n  asChild = false,\n  children,\n  onClick,\n  onPointerDown,\n  ref: outerRef,\n  \"data-slot\": dataSlot = \"dialog-trigger\",\n  ...rest\n}: DialogTriggerProps) => {\n  const dialog = useDialog();\n\n  const openDialog = () => {\n    dialog.setOpen(true);\n  };\n\n  const handlePointerDown = (event: JSX.TargetedPointerEvent<HTMLElement>) => {\n    onPointerDown?.(event as JSX.TargetedPointerEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    if (event.button === 0) {\n      openDialog();\n    }\n  };\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    openDialog();\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      onPointerDown?: (event: JSX.TargetedPointerEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"aria-expanded\": dialog.open.value,\n      \"data-slot\": dataSlot,\n      onPointerDown: (event: JSX.TargetedPointerEvent<HTMLElement>) => {\n        childProps.onPointerDown?.(event);\n        handlePointerDown(event);\n      },\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        dialog.triggerRef.current = node;\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        dialog.triggerRef.current = node;\n        callRef(outerRef, node);\n      }}\n      {...rest}\n      type=\"button\"\n      data-slot={dataSlot}\n      aria-expanded={dialog.open.value}\n      onPointerDown={(event) => {\n        if (event.button === 0) {\n          openDialog();\n        }\n        onPointerDown?.(event);\n      }}\n      onClick={(event) => {\n        openDialog();\n        onClick?.(event);\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"]}

package/dist/chunk-KF34SFFZ.js

@@ -0,0 +1,18 @@
+import { DialogFooter, DialogHeader } from './chunk-YWUMX4JR.js';
+import { DialogClose, DialogDescription, DialogTitle, DialogContent, DialogTrigger, Dialog } from './chunk-KBXDU3G4.js';
+
+// src/components/dialog/index.ts
+var dialog_default = {
+  Root: Dialog,
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Footer: DialogFooter,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Close: DialogClose
+};
+
+export { dialog_default };
+//# sourceMappingURL=chunk-KF34SFFZ.js.map
+//# sourceMappingURL=chunk-KF34SFFZ.js.map

package/dist/chunk-KF34SFFZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/index.ts"],"names":[],"mappings":";;;;AAqBA,IAAO,cAAA,GAAQ;AAAA,EACb,IAAA,EAAM,MAAA;AAAA,EACN,OAAA,EAAS,aAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,MAAA,EAAQ,YAAA;AAAA,EACR,MAAA,EAAQ,YAAA;AAAA,EACR,KAAA,EAAO,WAAA;AAAA,EACP,WAAA,EAAa,iBAAA;AAAA,EACb,KAAA,EAAO;AACT","file":"chunk-KF34SFFZ.js","sourcesContent":["import { Dialog } from \"./Dialog\";\nimport { DialogClose } from \"./DialogClose\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogDescription } from \"./DialogDescription\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { DialogTrigger } from \"./DialogTrigger\";\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger\n};\nexport type { DialogContentPresentation } from \"./DialogContent\";\n\nexport default {\n  Root: Dialog,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose\n};\n"]}