@kamod-ch/ui 0.2.1

package/dist/chunk-3KB54OYF.js

@@ -0,0 +1,81 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var emptyRoot = tv({
+  base: "group/empty flex w-full flex-col items-center justify-center gap-6 text-balance text-center"
+});
+var emptyMedia = tv({
+  base: "mb-0 flex shrink-0 justify-center",
+  variants: {
+    variant: {
+      default: "",
+      icon: [
+        "mb-2 flex size-10 items-center justify-center rounded-md border bg-muted text-muted-foreground",
+        "[&_svg:not([class*='size-'])]:size-6"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Empty = ({ class: className, title, description, children, ...rest }) => {
+  const legacy = title != null || description != null;
+  if (legacy) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        "data-slot": "empty",
+        class: cn(
+          "flex min-h-40 flex-col items-center justify-center gap-2 rounded-lg border border-dashed p-6 text-center",
+          className
+        ),
+        children: [
+          title != null ? /* @__PURE__ */ jsx("h3", { "data-slot": "empty-title", class: "text-base font-semibold", children: title }) : null,
+          description != null ? /* @__PURE__ */ jsx("p", { "data-slot": "empty-description", class: "text-muted-foreground text-sm", children: description }) : null,
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ...rest, "data-slot": "empty", class: cn(emptyRoot(), className), children });
+};
+var EmptyContent = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cn("flex w-full max-w-sm flex-col items-center justify-center gap-2", className),
+    "data-slot": "empty-content",
+    ...rest,
+    children
+  }
+);
+var EmptyDescription = ({
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    class: cn("text-muted-foreground max-w-sm text-sm leading-normal", className),
+    "data-slot": "empty-description",
+    ...rest,
+    children
+  }
+);
+var EmptyHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn("flex flex-col items-center gap-2", className), "data-slot": "empty-header", ...rest, children });
+var EmptyMedia = ({ class: className, variant, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(emptyMedia({ variant }), className), "data-slot": "empty-media", ...rest, children });
+var EmptyTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    class: cn("text-lg font-semibold tracking-tight", className),
+    "data-slot": "empty-title",
+    ...rest,
+    children
+  }
+);
+
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMedia, emptyRoot };
+//# sourceMappingURL=chunk-3KB54OYF.js.map
+//# sourceMappingURL=chunk-3KB54OYF.js.map

package/dist/chunk-3KB54OYF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/empty/empty-variants.ts","../src/components/empty/Empty.tsx","../src/components/empty/EmptyContent.tsx","../src/components/empty/EmptyDescription.tsx","../src/components/empty/EmptyHeader.tsx","../src/components/empty/EmptyMedia.tsx","../src/components/empty/EmptyTitle.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-3KB54OYF.js","sourcesContent":["import { tv, type VariantProps } from \"tailwind-variants\";\n\n/** Composable Empty root (shadcn-aligned). */\nexport const emptyRoot = tv({\n  base: \"group/empty flex w-full flex-col items-center justify-center gap-6 text-balance text-center\",\n});\n\nexport type EmptyRootVariants = VariantProps<typeof emptyRoot>;\n\nexport const emptyMedia = tv({\n  base: \"mb-0 flex shrink-0 justify-center\",\n  variants: {\n    variant: {\n      default: \"\",\n      icon: [\n        \"mb-2 flex size-10 items-center justify-center rounded-md border bg-muted text-muted-foreground\",\n        \"[&_svg:not([class*='size-'])]:size-6\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { emptyRoot } from \"./empty-variants\";\n\nexport type EmptyProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Legacy: render title inside dashed card (use EmptyTitle when composing). */\n  title?: ComponentChildren;\n  /** Legacy: description line. */\n  description?: ComponentChildren;\n  children?: ComponentChildren;\n};\n\nexport const Empty = ({ class: className, title, description, children, ...rest }: EmptyProps) => {\n  const legacy = title != null || description != null;\n\n  if (legacy) {\n    return (\n      <div\n        {...rest}\n        data-slot=\"empty\"\n        class={cn(\n          \"flex min-h-40 flex-col items-center justify-center gap-2 rounded-lg border border-dashed p-6 text-center\",\n          className,\n        )}\n      >\n        {title != null ? (\n          <h3 data-slot=\"empty-title\" class=\"text-base font-semibold\">\n            {title}\n          </h3>\n        ) : null}\n        {description != null ? (\n          <p data-slot=\"empty-description\" class=\"text-muted-foreground text-sm\">\n            {description}\n          </p>\n        ) : null}\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} data-slot=\"empty\" class={cn(emptyRoot(), className)}>\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type EmptyContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const EmptyContent = ({ class: className, children, ...rest }: EmptyContentProps) => (\n  <div\n    class={cn(\"flex w-full max-w-sm flex-col items-center justify-center gap-2\", className)}\n    data-slot=\"empty-content\"\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type EmptyDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const EmptyDescription = ({\n  class: className,\n  children,\n  ...rest\n}: EmptyDescriptionProps) => (\n  <p\n    class={cn(\"text-muted-foreground max-w-sm text-sm leading-normal\", className)}\n    data-slot=\"empty-description\"\n    {...rest}\n  >\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type EmptyHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const EmptyHeader = ({ class: className, children, ...rest }: EmptyHeaderProps) => (\n  <div class={cn(\"flex flex-col items-center gap-2\", className)} data-slot=\"empty-header\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { emptyMedia } from \"./empty-variants\";\n\nexport type EmptyMediaProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof emptyMedia> & {\n    children?: ComponentChildren;\n  };\n\nexport const EmptyMedia = ({ class: className, variant, children, ...rest }: EmptyMediaProps) => (\n  <div class={cn(emptyMedia({ variant }), className)} data-slot=\"empty-media\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type EmptyTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {\n  children?: ComponentChildren;\n};\n\nexport const EmptyTitle = ({ class: className, children, ...rest }: EmptyTitleProps) => (\n  <h3\n    class={cn(\"text-lg font-semibold tracking-tight\", className)}\n    data-slot=\"empty-title\"\n    {...rest}\n  >\n    {children}\n  </h3>\n);\n"]}

package/dist/chunk-4BJJOHZT.js

@@ -0,0 +1,477 @@
+import { createControllableSignal } from './chunk-C7WEQOUA.js';
+import { createIdFactory, createDismissableLayer, trapFocus, isPointerWithinModalDialogPanelSlop } from './chunk-PPYJQNE5.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useRef, useMemo, useEffect, useLayoutEffect } 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 titleId = useMemo(() => signal(void 0), []);
+  const descriptionId = useMemo(() => signal(void 0), []);
+  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) {
+      const trigger = triggerRef.current;
+      if (trigger && typeof trigger.focus === "function") {
+        trigger.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, titleId, descriptionId }, 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 useModalPanelA11y = (open) => {
+  const dialog = useDialog();
+  const panelRef = useRef(null);
+  const labelledBy = dialog.titleId.value;
+  const describedBy = dialog.descriptionId.value;
+  useEffect(() => {
+    if (!open) return;
+    const panel = panelRef.current;
+    if (!panel) return;
+    return trapFocus(panel);
+  }, [open]);
+  return {
+    panelRef,
+    labelledBy,
+    describedBy
+  };
+};
+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",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  ...rest
+}) => {
+  const dialog = useDialog();
+  const isOpen = dialog.open.value;
+  const { panelRef, labelledBy, describedBy } = useModalPanelA11y(isOpen || forceMount);
+  if (!isOpen && !forceMount) return null;
+  const state = isOpen ? "open" : "closed";
+  const modalA11y = {
+    "aria-labelledby": ariaLabelledBy ?? labelledBy,
+    "aria-describedby": ariaDescribedBy ?? describedBy
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      dialog.setOpen(false);
+    }
+    onKeyDown?.(event);
+  };
+  if (presentation === "slot") {
+    const content = /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: panelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        tabIndex: -1,
+        "data-slot": dataSlot,
+        "data-kamod-root-dismissible": "",
+        "data-state": state,
+        ...modalA11y,
+        ...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",
+      {
+        ref: panelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        tabIndex: -1,
+        "data-slot": dataSlot,
+        "data-state": state,
+        ...rest,
+        ...modalA11y,
+        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 nextDescriptionId = createIdFactory("dialog-description");
+var DialogDescription = ({
+  class: className,
+  children,
+  id: idProp,
+  ...rest
+}) => {
+  const dialog = useDialog();
+  const id = useMemo(() => {
+    if (typeof idProp === "string") return idProp;
+    return nextDescriptionId();
+  }, [idProp]);
+  useLayoutEffect(() => {
+    dialog.descriptionId.value = id;
+    return () => {
+      if (dialog.descriptionId.value === id) {
+        dialog.descriptionId.value = void 0;
+      }
+    };
+  }, [dialog.descriptionId, id]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "dialog-description",
+      id,
+      class: cn("text-muted-foreground text-sm", className),
+      ...rest,
+      children
+    }
+  );
+};
+var nextTitleId = createIdFactory("dialog-title");
+var DialogTitle = ({
+  class: className,
+  children,
+  id: idProp,
+  ...rest
+}) => {
+  const dialog = useDialog();
+  const id = useMemo(() => {
+    if (typeof idProp === "string") return idProp;
+    return nextTitleId();
+  }, [idProp]);
+  useLayoutEffect(() => {
+    dialog.titleId.value = id;
+    return () => {
+      if (dialog.titleId.value === id) {
+        dialog.titleId.value = void 0;
+      }
+    };
+  }, [dialog.titleId, id]);
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      "data-slot": "dialog-title",
+      id,
+      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, useModalPanelA11y };
+//# sourceMappingURL=chunk-4BJJOHZT.js.map
+//# sourceMappingURL=chunk-4BJJOHZT.js.map

package/dist/chunk-4BJJOHZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/Dialog.tsx","../src/components/dialog/DialogClose.tsx","../src/components/dialog/useModalPanelA11y.ts","../src/components/dialog/DialogContent.tsx","../src/components/dialog/DialogDescription.tsx","../src/components/dialog/DialogTitle.tsx","../src/components/dialog/DialogTrigger.tsx"],"names":["jsx","useRef","useEffect","useMemo","useLayoutEffect","callRef","isValidElement","cloneElement"],"mappings":"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","file":"chunk-4BJJOHZT.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\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 =\n      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  titleId: Signal<string | undefined>;\n  descriptionId: Signal<string | undefined>;\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  const titleId = useMemo(() => signal<string | undefined>(undefined), []);\n  const descriptionId = useMemo(() => signal<string | undefined>(undefined), []);\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      const trigger = triggerRef.current;\n      if (trigger && typeof trigger.focus === \"function\") {\n        trigger.focus();\n      }\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, titleId, descriptionId }}>\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 { type ComponentChildren, cloneElement, isValidElement, 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 { useEffect, useRef } from \"preact/hooks\";\nimport { trapFocus } from \"../../lib/interactive\";\nimport { useDialog } from \"./Dialog\";\n\nexport const useModalPanelA11y = (open: boolean) => {\n  const dialog = useDialog();\n  const panelRef = useRef<HTMLDivElement | null>(null);\n\n  const labelledBy = dialog.titleId.value;\n  const describedBy = dialog.descriptionId.value;\n\n  useEffect(() => {\n    if (!open) return;\n    const panel = panelRef.current;\n    if (!panel) return;\n    return trapFocus(panel);\n  }, [open]);\n\n  return {\n    panelRef,\n    labelledBy,\n    describedBy,\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 { useDialog } from \"./Dialog\";\nimport { DialogClose } from \"./DialogClose\";\nimport { useModalPanelA11y } from \"./useModalPanelA11y\";\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  \"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  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  ...rest\n}: DialogContentProps) => {\n  const dialog = useDialog();\n  const isOpen = dialog.open.value;\n  const { panelRef, labelledBy, describedBy } = useModalPanelA11y(isOpen || forceMount);\n  if (!isOpen && !forceMount) return null;\n\n  const state = isOpen ? \"open\" : \"closed\";\n  const modalA11y = {\n    \"aria-labelledby\": ariaLabelledBy ?? labelledBy,\n    \"aria-describedby\": ariaDescribedBy ?? describedBy,\n  };\n\n  const handleKeyDown = (event: JSX.TargetedKeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      dialog.setOpen(false);\n    }\n    onKeyDown?.(event);\n  };\n\n  if (presentation === \"slot\") {\n    const content = (\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\n        data-slot={dataSlot}\n        data-kamod-root-dismissible=\"\"\n        data-state={state}\n        {...modalA11y}\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        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\n        data-slot={dataSlot}\n        data-state={state}\n        {...rest}\n        {...modalA11y}\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 { useLayoutEffect, useMemo } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\nimport { useDialog } from \"./Dialog\";\n\nconst nextDescriptionId = createIdFactory(\"dialog-description\");\n\nexport type DialogDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DialogDescription = ({\n  class: className,\n  children,\n  id: idProp,\n  ...rest\n}: DialogDescriptionProps) => {\n  const dialog = useDialog();\n  const id = useMemo(() => {\n    if (typeof idProp === \"string\") return idProp;\n    return nextDescriptionId();\n  }, [idProp]);\n\n  useLayoutEffect(() => {\n    dialog.descriptionId.value = id;\n    return () => {\n      if (dialog.descriptionId.value === id) {\n        dialog.descriptionId.value = undefined;\n      }\n    };\n  }, [dialog.descriptionId, id]);\n\n  return (\n    <p\n      data-slot=\"dialog-description\"\n      id={id}\n      class={cn(\"text-muted-foreground text-sm\", className)}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useLayoutEffect, useMemo } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\nimport { useDialog } from \"./Dialog\";\n\nconst nextTitleId = createIdFactory(\"dialog-title\");\n\nexport type DialogTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DialogTitle = ({\n  class: className,\n  children,\n  id: idProp,\n  ...rest\n}: DialogTitleProps) => {\n  const dialog = useDialog();\n  const id = useMemo(() => {\n    if (typeof idProp === \"string\") return idProp;\n    return nextTitleId();\n  }, [idProp]);\n\n  useLayoutEffect(() => {\n    dialog.titleId.value = id;\n    return () => {\n      if (dialog.titleId.value === id) {\n        dialog.titleId.value = undefined;\n      }\n    };\n  }, [dialog.titleId, id]);\n\n  return (\n    <h2\n      data-slot=\"dialog-title\"\n      id={id}\n      class={cn(\"text-lg leading-none font-semibold tracking-tight\", className)}\n      {...rest}\n    >\n      {children}\n    </h2>\n  );\n};\n","import { type ComponentChildren, cloneElement, isValidElement, 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-4IBTERDG.js

@@ -0,0 +1,9 @@
+import { button, Button } from './chunk-5FBD2NTR.js';
+
+// src/components/button/index.ts
+var ButtonVariants = { button };
+var button_default = Button;
+
+export { ButtonVariants, button_default };
+//# sourceMappingURL=chunk-4IBTERDG.js.map
+//# sourceMappingURL=chunk-4IBTERDG.js.map

package/dist/chunk-4IBTERDG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,cAAA,GAAiB,EAAE,MAAA;AAIzB,IAAO,cAAA,GAAQ","file":"chunk-4IBTERDG.js","sourcesContent":["import { Button, button } from \"./Button\";\n\nconst ButtonVariants = { button };\n\nexport { Button, ButtonVariants };\n\nexport default Button;\n"]}