@refraction-ui/react 0.19.1 → 0.20.0

package/dist/react-dialog.js

@@ -0,0 +1,218 @@
+import {
+  createDialog,
+  dialogContentVariants,
+  overlayStyles
+} from "./chunk-VK3EQ34F.js";
+import {
+  cn,
+  createKeyboardHandler,
+  devWarn
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-dialog/dist/index.js
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+var DialogContext = React.createContext(null);
+function useDialogContext() {
+  const ctx = React.useContext(DialogContext);
+  if (!ctx) {
+    devWarn(
+      "react-dialog/context-outside-provider",
+      "Dialog compound components (DialogTrigger/DialogContent/DialogTitle/etc.) must be rendered inside a <Dialog>. The missing DialogContext makes this throw."
+    );
+    throw new Error("Dialog compound components must be used within <Dialog>");
+  }
+  return ctx;
+}
+function Dialog({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  modal = true,
+  children
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = React.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolledOpen(next);
+      }
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const apiRef = React.useRef(null);
+  if (apiRef.current === null) {
+    apiRef.current = createDialog({ open, modal });
+  }
+  const api = apiRef.current;
+  const ctx = React.useMemo(
+    () => ({
+      open,
+      onOpenChange: handleOpenChange,
+      modal,
+      contentId: api.ids.content,
+      titleId: api.ids.title,
+      descriptionId: api.ids.description
+    }),
+    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
+  );
+  return React.createElement(DialogContext.Provider, { value: ctx }, children);
+}
+var DialogTrigger = React.forwardRef(
+  function DialogTrigger2({ onClick, children, ...props }, ref) {
+    const { open, onOpenChange, contentId } = useDialogContext();
+    const handleClick = (e) => {
+      onOpenChange(!open);
+      onClick?.(e);
+    };
+    return React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": open,
+        "aria-controls": contentId,
+        "aria-haspopup": "dialog",
+        onClick: handleClick,
+        ...props
+      },
+      children
+    );
+  }
+);
+var DialogOverlay = React.forwardRef(
+  function DialogOverlay2({ className, onClick, ...props }, ref) {
+    const { open, onOpenChange } = useDialogContext();
+    if (!open) return null;
+    const handleClick = (e) => {
+      if (e.target === e.currentTarget) {
+        onOpenChange(false);
+      }
+      onClick?.(e);
+    };
+    return React.createElement("div", {
+      ref,
+      className: cn(overlayStyles, className),
+      "data-state": open ? "open" : "closed",
+      onClick: handleClick,
+      ...props
+    });
+  }
+);
+var DialogContent = React.forwardRef(
+  function DialogContent2({ className, children, onKeyDown, ...props }, ref) {
+    const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
+    React.useMemo(
+      () => createDialog({ open, modal }),
+      [open, modal]
+    );
+    const handleKeyDown = (e) => {
+      const handler = createKeyboardHandler({
+        Escape: (ev) => {
+          ev.preventDefault();
+          onOpenChange(false);
+        }
+      });
+      handler(e.nativeEvent);
+      onKeyDown?.(e);
+    };
+    if (!open) return null;
+    const content = React.createElement(
+      "div",
+      {
+        ref,
+        role: "dialog",
+        "aria-modal": modal,
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        id: contentId,
+        className: cn(dialogContentVariants(), className),
+        onKeyDown: handleKeyDown,
+        tabIndex: -1,
+        ...props
+      },
+      children
+    );
+    if (typeof document !== "undefined") {
+      return ReactDOM.createPortal(content, document.body);
+    }
+    return content;
+  }
+);
+var DialogHeader = React.forwardRef(
+  function DialogHeader2({ className, ...props }, ref) {
+    return React.createElement("div", {
+      ref,
+      className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+      ...props
+    });
+  }
+);
+var DialogFooter = React.forwardRef(
+  function DialogFooter2({ className, ...props }, ref) {
+    return React.createElement("div", {
+      ref,
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      ...props
+    });
+  }
+);
+var DialogTitle = React.forwardRef(
+  function DialogTitle2({ className, ...props }, ref) {
+    const { titleId } = useDialogContext();
+    return React.createElement("h2", {
+      ref,
+      id: titleId,
+      className: cn("text-lg font-semibold leading-none tracking-tight", className),
+      ...props
+    });
+  }
+);
+var DialogDescription = React.forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  const { descriptionId } = useDialogContext();
+  return React.createElement("p", {
+    ref,
+    id: descriptionId,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  });
+});
+var DialogClose = React.forwardRef(
+  function DialogClose2({ onClick, children, ...props }, ref) {
+    const { onOpenChange } = useDialogContext();
+    const handleClick = (e) => {
+      onOpenChange(false);
+      onClick?.(e);
+    };
+    return React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: handleClick,
+        ...props
+      },
+      children
+    );
+  }
+);
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
+  dialogContentVariants,
+  overlayStyles
+};
+//# sourceMappingURL=react-dialog.js.map

package/dist/react-dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../react-dialog/src/dialog.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  createDialog,\n  overlayStyles,\n  dialogContentVariants,\n  type DialogProps as CoreDialogProps,\n} from '@refraction-ui/dialog'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DialogContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  modal: boolean\n  contentId: string\n  titleId: string\n  descriptionId: string\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null)\n\nfunction useDialogContext(): DialogContextValue {\n  const ctx = React.useContext(DialogContext)\n  if (!ctx) {\n    devWarn(\n      'react-dialog/context-outside-provider',\n      'Dialog compound components (DialogTrigger/DialogContent/DialogTitle/etc.) must be rendered inside a <Dialog>. The missing DialogContext makes this throw.',\n    )\n    throw new Error('Dialog compound components must be used within <Dialog>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Dialog (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DialogProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  modal?: boolean\n  children?: React.ReactNode\n}\n\nexport function Dialog({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  modal = true,\n  children,\n}: DialogProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createDialog> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createDialog({ open, modal })\n  }\n  const api = apiRef.current\n\n  const ctx = React.useMemo<DialogContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      modal,\n      contentId: api.ids.content,\n      titleId: api.ids.title,\n      descriptionId: api.ids.description,\n    }),\n    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description],\n  )\n\n  return React.createElement(DialogContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DialogTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n}\n\nexport const DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  function DialogTrigger({ onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        'aria-expanded': open,\n        'aria-controls': contentId,\n        'aria-haspopup': 'dialog',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogOverlay\n// ---------------------------------------------------------------------------\n\nexport interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(\n  function DialogOverlay({ className, onClick, ...props }, ref) {\n    const { open, onOpenChange } = useDialogContext()\n\n    if (!open) return null\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      // Only close if clicking the overlay itself, not children\n      if (e.target === e.currentTarget) {\n        onOpenChange(false)\n      }\n      onClick?.(e)\n    }\n\n    return React.createElement('div', {\n      ref,\n      className: cn(overlayStyles, className),\n      'data-state': open ? 'open' : 'closed',\n      onClick: handleClick,\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogContent\n// ---------------------------------------------------------------------------\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent({ className, children, onKeyDown, ...props }, ref) {\n    const { open, onOpenChange, modal, contentId, titleId, descriptionId } =\n      useDialogContext()\n\n    const api = React.useMemo(\n      () => createDialog({ open, modal }),\n      [open, modal],\n    )\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'dialog',\n        'aria-modal': modal,\n        'aria-labelledby': titleId,\n        'aria-describedby': descriptionId,\n        id: contentId,\n        className: cn(dialogContentVariants(), className),\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogHeader\n// ---------------------------------------------------------------------------\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogHeader = React.forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogFooter\n// ---------------------------------------------------------------------------\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogFooter = React.forwardRef<HTMLDivElement, DialogFooterProps>(\n  function DialogFooter({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n        className,\n      ),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogTitle\n// ---------------------------------------------------------------------------\n\nexport interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport const DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(\n  function DialogTitle({ className, ...props }, ref) {\n    const { titleId } = useDialogContext()\n\n    return React.createElement('h2', {\n      ref,\n      id: titleId,\n      className: cn('text-lg font-semibold leading-none tracking-tight', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogDescription\n// ---------------------------------------------------------------------------\n\nexport interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport const DialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  DialogDescriptionProps\n>(function DialogDescription({ className, ...props }, ref) {\n  const { descriptionId } = useDialogContext()\n\n  return React.createElement('p', {\n    ref,\n    id: descriptionId,\n    className: cn('text-sm text-muted-foreground', className),\n    ...props,\n  })\n})\n\n// ---------------------------------------------------------------------------\n// DialogClose\n// ---------------------------------------------------------------------------\n\nexport interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(\n  function DialogClose({ onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n"],
+  "mappings": "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",
+  "names": ["DialogTrigger", "DialogOverlay", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "DialogClose"]
+}