@radix-solid-js/alert-dialog 0.1.0

package/dist/index.cjs

@@ -0,0 +1,165 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var context = require('@radix-solid-js/context');
+var composeRefs = require('@radix-solid-js/compose-refs');
+var primitive = require('@radix-solid-js/primitive');
+var DialogPrimitive = require('@radix-solid-js/dialog');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+// src/alert-dialog.tsx
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext, createAlertDialogScope] = context.createContextScope(ROOT_NAME, [
+  DialogPrimitive.createDialogScope
+]);
+var useDialogScope = DialogPrimitive.createDialogScope();
+function AlertDialog(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.Dialog, { ...dialogScope, ...rest, modal: true });
+}
+AlertDialog.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+function AlertDialogTrigger(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogTrigger, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+function AlertDialogPortal(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogPortal, { ...dialogScope, ...rest });
+}
+AlertDialogPortal.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+function AlertDialogOverlay(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogOverlay, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+function AlertDialogContent(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, [
+    "__scopeAlertDialog",
+    "ref",
+    "children",
+    "onOpenAutoFocus"
+  ]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  const [cancelRef, setCancelRef] = solidJs.createSignal(null);
+  return /* @__PURE__ */ React.createElement(
+    AlertDialogContentProvider,
+    {
+      scope: local.__scopeAlertDialog,
+      cancelRef: cancelRef(),
+      onCancelRefChange: setCancelRef
+    },
+    /* @__PURE__ */ React.createElement(
+      DialogPrimitive__namespace.DialogContent,
+      {
+        role: "alertdialog",
+        ...dialogScope,
+        ...rest,
+        ref: local.ref,
+        onOpenAutoFocus: primitive.composeEventHandlers(local.onOpenAutoFocus, (event) => {
+          event.preventDefault();
+          cancelRef()?.focus({ preventScroll: true });
+        }),
+        onPointerDownOutside: (event) => event.preventDefault(),
+        onInteractOutside: (event) => event.preventDefault()
+      },
+      local.children
+    )
+  );
+}
+AlertDialogContent.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+function AlertDialogTitle(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogTitle, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+function AlertDialogDescription(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogDescription, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+function AlertDialogAction(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive__namespace.DialogClose, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogAction.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+function AlertDialogCancel(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const { onCancelRefChange } = useAlertDialogContentContext(CANCEL_NAME, local.__scopeAlertDialog);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(
+    DialogPrimitive__namespace.DialogClose,
+    {
+      ...dialogScope,
+      ...rest,
+      ref: composeRefs.mergeRefs(local.ref, (el) => onCancelRefChange(el))
+    }
+  );
+}
+AlertDialogCancel.displayName = CANCEL_NAME;
+var Root = AlertDialog;
+var Trigger = AlertDialogTrigger;
+var Portal = AlertDialogPortal;
+var Overlay = AlertDialogOverlay;
+var Content = AlertDialogContent;
+var Action = AlertDialogAction;
+var Cancel = AlertDialogCancel;
+var Title = AlertDialogTitle;
+var Description = AlertDialogDescription;
+
+exports.Action = Action;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.Cancel = Cancel;
+exports.Content = Content;
+exports.Description = Description;
+exports.Overlay = Overlay;
+exports.Portal = Portal;
+exports.Root = Root;
+exports.Title = Title;
+exports.Trigger = Trigger;
+exports.createAlertDialogScope = createAlertDialogScope;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert-dialog.tsx"],"names":["createContextScope","createDialogScope","splitProps","DialogPrimitive","createSignal","composeEventHandlers","mergeRefs"],"mappings":"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","file":"index.cjs","sourcesContent":["import { type JSX, splitProps, createSignal } from 'solid-js';\nimport { createContextScope, type Scope } from '@radix-solid-js/context';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport * as DialogPrimitive from '@radix-solid-js/dialog';\nimport { createDialogScope } from '@radix-solid-js/dialog';\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ROOT_NAME = 'AlertDialog';\n\ntype ScopedProps<P> = P & { __scopeAlertDialog?: Scope };\nconst [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope,\n]);\nconst useDialogScope = createDialogScope();\n\ntype DialogProps = DialogPrimitive.DialogProps;\ninterface AlertDialogProps extends Omit<DialogProps, 'modal'> {}\n\nfunction AlertDialog(props: ScopedProps<AlertDialogProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAlertDialog']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.Dialog {...dialogScope} {...rest} modal={true} />;\n}\n\nAlertDialog.displayName = ROOT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'AlertDialogTrigger';\n\ninterface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogTrigger(inProps: ScopedProps<AlertDialogTriggerProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogTrigger {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'AlertDialogPortal';\n\ninterface AlertDialogPortalProps extends DialogPrimitive.DialogPortalProps {}\n\nfunction AlertDialogPortal(props: ScopedProps<AlertDialogPortalProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAlertDialog']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogPortal {...dialogScope} {...rest} />;\n}\n\nAlertDialogPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'AlertDialogOverlay';\n\ninterface AlertDialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  forceMount?: true;\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogOverlay(inProps: ScopedProps<AlertDialogOverlayProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogOverlay {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogOverlay.displayName = OVERLAY_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AlertDialogContent';\n\ntype AlertDialogContentContextValue = {\n  cancelRef: HTMLButtonElement | null;\n  onCancelRefChange: (el: HTMLButtonElement | null) => void;\n};\n\nconst [AlertDialogContentProvider, useAlertDialogContentContext] =\n  createAlertDialogContext<AlertDialogContentContextValue>(CONTENT_NAME);\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps;\ninterface AlertDialogContentProps\n  extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogContent(inProps: ScopedProps<AlertDialogContentProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeAlertDialog',\n    'ref',\n    'children',\n    'onOpenAutoFocus',\n  ]);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  const [cancelRef, setCancelRef] = createSignal<HTMLButtonElement | null>(null);\n\n  return (\n    <AlertDialogContentProvider\n      scope={local.__scopeAlertDialog}\n      cancelRef={cancelRef()}\n      onCancelRefChange={setCancelRef}\n    >\n      <DialogPrimitive.DialogContent\n        role=\"alertdialog\"\n        {...dialogScope}\n        {...rest}\n        ref={local.ref}\n        onOpenAutoFocus={composeEventHandlers(local.onOpenAutoFocus, (event: Event) => {\n          event.preventDefault();\n          cancelRef()?.focus({ preventScroll: true });\n        })}\n        onPointerDownOutside={(event: any) => event.preventDefault()}\n        onInteractOutside={(event: any) => event.preventDefault()}\n      >\n        {local.children}\n      </DialogPrimitive.DialogContent>\n    </AlertDialogContentProvider>\n  );\n}\n\nAlertDialogContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'AlertDialogTitle';\n\ninterface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogTitle(inProps: ScopedProps<AlertDialogTitleProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogTitle {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'AlertDialogDescription';\n\ninterface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogDescription(inProps: ScopedProps<AlertDialogDescriptionProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogDescription {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'AlertDialogAction';\n\ninterface AlertDialogActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogAction(inProps: ScopedProps<AlertDialogActionProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogClose {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogCancel\n * -----------------------------------------------------------------------------------------------*/\n\nconst CANCEL_NAME = 'AlertDialogCancel';\n\ninterface AlertDialogCancelProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogCancel(inProps: ScopedProps<AlertDialogCancelProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const { onCancelRefChange } = useAlertDialogContentContext(CANCEL_NAME, local.__scopeAlertDialog);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return (\n    <DialogPrimitive.DialogClose\n      {...dialogScope}\n      {...rest}\n      ref={mergeRefs(local.ref, (el: HTMLElement) => onCancelRefChange(el as HTMLButtonElement))}\n    />\n  );\n}\n\nAlertDialogCancel.displayName = CANCEL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = AlertDialog;\nconst Trigger = AlertDialogTrigger;\nconst Portal = AlertDialogPortal;\nconst Overlay = AlertDialogOverlay;\nconst Content = AlertDialogContent;\nconst Action = AlertDialogAction;\nconst Cancel = AlertDialogCancel;\nconst Title = AlertDialogTitle;\nconst Description = AlertDialogDescription;\n\nexport {\n  createAlertDialogScope,\n  //\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogContent,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Action,\n  Cancel,\n  Title,\n  Description,\n};\nexport type {\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogPortalProps,\n  AlertDialogOverlayProps,\n  AlertDialogContentProps,\n  AlertDialogActionProps,\n  AlertDialogCancelProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n};\n"]}

package/dist/index.d.cts

@@ -0,0 +1,84 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import * as DialogPrimitive from '@radix-solid-js/dialog';
+
+type ScopedProps<P> = P & {
+    __scopeAlertDialog?: Scope;
+};
+declare const createAlertDialogScope: _radix_solid_js_context.CreateScope;
+type DialogProps = DialogPrimitive.DialogProps;
+interface AlertDialogProps extends Omit<DialogProps, 'modal'> {
+}
+declare function AlertDialog(props: ScopedProps<AlertDialogProps>): JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+interface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogTrigger(inProps: ScopedProps<AlertDialogTriggerProps>): JSX.Element;
+declare namespace AlertDialogTrigger {
+    var displayName: string;
+}
+interface AlertDialogPortalProps extends DialogPrimitive.DialogPortalProps {
+}
+declare function AlertDialogPortal(props: ScopedProps<AlertDialogPortalProps>): JSX.Element;
+declare namespace AlertDialogPortal {
+    var displayName: string;
+}
+interface AlertDialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    forceMount?: true;
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogOverlay(inProps: ScopedProps<AlertDialogOverlayProps>): JSX.Element;
+declare namespace AlertDialogOverlay {
+    var displayName: string;
+}
+type DialogContentProps = DialogPrimitive.DialogContentProps;
+interface AlertDialogContentProps extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogContent(inProps: ScopedProps<AlertDialogContentProps>): JSX.Element;
+declare namespace AlertDialogContent {
+    var displayName: string;
+}
+interface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogTitle(inProps: ScopedProps<AlertDialogTitleProps>): JSX.Element;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+interface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogDescription(inProps: ScopedProps<AlertDialogDescriptionProps>): JSX.Element;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+interface AlertDialogActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogAction(inProps: ScopedProps<AlertDialogActionProps>): JSX.Element;
+declare namespace AlertDialogAction {
+    var displayName: string;
+}
+interface AlertDialogCancelProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogCancel(inProps: ScopedProps<AlertDialogCancelProps>): JSX.Element;
+declare namespace AlertDialogCancel {
+    var displayName: string;
+}
+declare const Root: typeof AlertDialog;
+declare const Trigger: typeof AlertDialogTrigger;
+declare const Portal: typeof AlertDialogPortal;
+declare const Overlay: typeof AlertDialogOverlay;
+declare const Content: typeof AlertDialogContent;
+declare const Action: typeof AlertDialogAction;
+declare const Cancel: typeof AlertDialogCancel;
+declare const Title: typeof AlertDialogTitle;
+declare const Description: typeof AlertDialogDescription;
+
+export { Action, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger, createAlertDialogScope };

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import * as DialogPrimitive from '@radix-solid-js/dialog';
+
+type ScopedProps<P> = P & {
+    __scopeAlertDialog?: Scope;
+};
+declare const createAlertDialogScope: _radix_solid_js_context.CreateScope;
+type DialogProps = DialogPrimitive.DialogProps;
+interface AlertDialogProps extends Omit<DialogProps, 'modal'> {
+}
+declare function AlertDialog(props: ScopedProps<AlertDialogProps>): JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+interface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogTrigger(inProps: ScopedProps<AlertDialogTriggerProps>): JSX.Element;
+declare namespace AlertDialogTrigger {
+    var displayName: string;
+}
+interface AlertDialogPortalProps extends DialogPrimitive.DialogPortalProps {
+}
+declare function AlertDialogPortal(props: ScopedProps<AlertDialogPortalProps>): JSX.Element;
+declare namespace AlertDialogPortal {
+    var displayName: string;
+}
+interface AlertDialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    forceMount?: true;
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogOverlay(inProps: ScopedProps<AlertDialogOverlayProps>): JSX.Element;
+declare namespace AlertDialogOverlay {
+    var displayName: string;
+}
+type DialogContentProps = DialogPrimitive.DialogContentProps;
+interface AlertDialogContentProps extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogContent(inProps: ScopedProps<AlertDialogContentProps>): JSX.Element;
+declare namespace AlertDialogContent {
+    var displayName: string;
+}
+interface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogTitle(inProps: ScopedProps<AlertDialogTitleProps>): JSX.Element;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+interface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogDescription(inProps: ScopedProps<AlertDialogDescriptionProps>): JSX.Element;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+interface AlertDialogActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogAction(inProps: ScopedProps<AlertDialogActionProps>): JSX.Element;
+declare namespace AlertDialogAction {
+    var displayName: string;
+}
+interface AlertDialogCancelProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function AlertDialogCancel(inProps: ScopedProps<AlertDialogCancelProps>): JSX.Element;
+declare namespace AlertDialogCancel {
+    var displayName: string;
+}
+declare const Root: typeof AlertDialog;
+declare const Trigger: typeof AlertDialogTrigger;
+declare const Portal: typeof AlertDialogPortal;
+declare const Overlay: typeof AlertDialogOverlay;
+declare const Content: typeof AlertDialogContent;
+declare const Action: typeof AlertDialogAction;
+declare const Cancel: typeof AlertDialogCancel;
+declare const Title: typeof AlertDialogTitle;
+declare const Description: typeof AlertDialogDescription;
+
+export { Action, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger, createAlertDialogScope };

package/dist/index.js

@@ -0,0 +1,126 @@
+import { splitProps, createSignal } from 'solid-js';
+import { createContextScope } from '@radix-solid-js/context';
+import { mergeRefs } from '@radix-solid-js/compose-refs';
+import { composeEventHandlers } from '@radix-solid-js/primitive';
+import * as DialogPrimitive from '@radix-solid-js/dialog';
+import { createDialogScope } from '@radix-solid-js/dialog';
+
+// src/alert-dialog.tsx
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
+  createDialogScope
+]);
+var useDialogScope = createDialogScope();
+function AlertDialog(props) {
+  const [local, rest] = splitProps(props, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.Dialog, { ...dialogScope, ...rest, modal: true });
+}
+AlertDialog.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+function AlertDialogTrigger(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogTrigger, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+function AlertDialogPortal(props) {
+  const [local, rest] = splitProps(props, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogPortal, { ...dialogScope, ...rest });
+}
+AlertDialogPortal.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+function AlertDialogOverlay(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogOverlay, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+function AlertDialogContent(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeAlertDialog",
+    "ref",
+    "children",
+    "onOpenAutoFocus"
+  ]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  const [cancelRef, setCancelRef] = createSignal(null);
+  return /* @__PURE__ */ React.createElement(
+    AlertDialogContentProvider,
+    {
+      scope: local.__scopeAlertDialog,
+      cancelRef: cancelRef(),
+      onCancelRefChange: setCancelRef
+    },
+    /* @__PURE__ */ React.createElement(
+      DialogPrimitive.DialogContent,
+      {
+        role: "alertdialog",
+        ...dialogScope,
+        ...rest,
+        ref: local.ref,
+        onOpenAutoFocus: composeEventHandlers(local.onOpenAutoFocus, (event) => {
+          event.preventDefault();
+          cancelRef()?.focus({ preventScroll: true });
+        }),
+        onPointerDownOutside: (event) => event.preventDefault(),
+        onInteractOutside: (event) => event.preventDefault()
+      },
+      local.children
+    )
+  );
+}
+AlertDialogContent.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+function AlertDialogTitle(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogTitle, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+function AlertDialogDescription(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogDescription, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+function AlertDialogAction(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.DialogClose, { ...dialogScope, ...rest, ref: local.ref });
+}
+AlertDialogAction.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+function AlertDialogCancel(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeAlertDialog", "ref"]);
+  const { onCancelRefChange } = useAlertDialogContentContext(CANCEL_NAME, local.__scopeAlertDialog);
+  const dialogScope = useDialogScope(local.__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(
+    DialogPrimitive.DialogClose,
+    {
+      ...dialogScope,
+      ...rest,
+      ref: mergeRefs(local.ref, (el) => onCancelRefChange(el))
+    }
+  );
+}
+AlertDialogCancel.displayName = CANCEL_NAME;
+var Root = AlertDialog;
+var Trigger = AlertDialogTrigger;
+var Portal = AlertDialogPortal;
+var Overlay = AlertDialogOverlay;
+var Content = AlertDialogContent;
+var Action = AlertDialogAction;
+var Cancel = AlertDialogCancel;
+var Title = AlertDialogTitle;
+var Description = AlertDialogDescription;
+
+export { Action, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger, createAlertDialogScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert-dialog.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { type JSX, splitProps, createSignal } from 'solid-js';\nimport { createContextScope, type Scope } from '@radix-solid-js/context';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport * as DialogPrimitive from '@radix-solid-js/dialog';\nimport { createDialogScope } from '@radix-solid-js/dialog';\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ROOT_NAME = 'AlertDialog';\n\ntype ScopedProps<P> = P & { __scopeAlertDialog?: Scope };\nconst [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope,\n]);\nconst useDialogScope = createDialogScope();\n\ntype DialogProps = DialogPrimitive.DialogProps;\ninterface AlertDialogProps extends Omit<DialogProps, 'modal'> {}\n\nfunction AlertDialog(props: ScopedProps<AlertDialogProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAlertDialog']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.Dialog {...dialogScope} {...rest} modal={true} />;\n}\n\nAlertDialog.displayName = ROOT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'AlertDialogTrigger';\n\ninterface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogTrigger(inProps: ScopedProps<AlertDialogTriggerProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogTrigger {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'AlertDialogPortal';\n\ninterface AlertDialogPortalProps extends DialogPrimitive.DialogPortalProps {}\n\nfunction AlertDialogPortal(props: ScopedProps<AlertDialogPortalProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAlertDialog']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogPortal {...dialogScope} {...rest} />;\n}\n\nAlertDialogPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'AlertDialogOverlay';\n\ninterface AlertDialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  forceMount?: true;\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogOverlay(inProps: ScopedProps<AlertDialogOverlayProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogOverlay {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogOverlay.displayName = OVERLAY_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AlertDialogContent';\n\ntype AlertDialogContentContextValue = {\n  cancelRef: HTMLButtonElement | null;\n  onCancelRefChange: (el: HTMLButtonElement | null) => void;\n};\n\nconst [AlertDialogContentProvider, useAlertDialogContentContext] =\n  createAlertDialogContext<AlertDialogContentContextValue>(CONTENT_NAME);\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps;\ninterface AlertDialogContentProps\n  extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogContent(inProps: ScopedProps<AlertDialogContentProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeAlertDialog',\n    'ref',\n    'children',\n    'onOpenAutoFocus',\n  ]);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  const [cancelRef, setCancelRef] = createSignal<HTMLButtonElement | null>(null);\n\n  return (\n    <AlertDialogContentProvider\n      scope={local.__scopeAlertDialog}\n      cancelRef={cancelRef()}\n      onCancelRefChange={setCancelRef}\n    >\n      <DialogPrimitive.DialogContent\n        role=\"alertdialog\"\n        {...dialogScope}\n        {...rest}\n        ref={local.ref}\n        onOpenAutoFocus={composeEventHandlers(local.onOpenAutoFocus, (event: Event) => {\n          event.preventDefault();\n          cancelRef()?.focus({ preventScroll: true });\n        })}\n        onPointerDownOutside={(event: any) => event.preventDefault()}\n        onInteractOutside={(event: any) => event.preventDefault()}\n      >\n        {local.children}\n      </DialogPrimitive.DialogContent>\n    </AlertDialogContentProvider>\n  );\n}\n\nAlertDialogContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'AlertDialogTitle';\n\ninterface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogTitle(inProps: ScopedProps<AlertDialogTitleProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogTitle {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'AlertDialogDescription';\n\ninterface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogDescription(inProps: ScopedProps<AlertDialogDescriptionProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogDescription {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'AlertDialogAction';\n\ninterface AlertDialogActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogAction(inProps: ScopedProps<AlertDialogActionProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return <DialogPrimitive.DialogClose {...dialogScope} {...rest} ref={local.ref} />;\n}\n\nAlertDialogAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogCancel\n * -----------------------------------------------------------------------------------------------*/\n\nconst CANCEL_NAME = 'AlertDialogCancel';\n\ninterface AlertDialogCancelProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction AlertDialogCancel(inProps: ScopedProps<AlertDialogCancelProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeAlertDialog', 'ref']);\n  const { onCancelRefChange } = useAlertDialogContentContext(CANCEL_NAME, local.__scopeAlertDialog);\n  const dialogScope = useDialogScope(local.__scopeAlertDialog);\n  return (\n    <DialogPrimitive.DialogClose\n      {...dialogScope}\n      {...rest}\n      ref={mergeRefs(local.ref, (el: HTMLElement) => onCancelRefChange(el as HTMLButtonElement))}\n    />\n  );\n}\n\nAlertDialogCancel.displayName = CANCEL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = AlertDialog;\nconst Trigger = AlertDialogTrigger;\nconst Portal = AlertDialogPortal;\nconst Overlay = AlertDialogOverlay;\nconst Content = AlertDialogContent;\nconst Action = AlertDialogAction;\nconst Cancel = AlertDialogCancel;\nconst Title = AlertDialogTitle;\nconst Description = AlertDialogDescription;\n\nexport {\n  createAlertDialogScope,\n  //\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogContent,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Action,\n  Cancel,\n  Title,\n  Description,\n};\nexport type {\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogPortalProps,\n  AlertDialogOverlayProps,\n  AlertDialogContentProps,\n  AlertDialogActionProps,\n  AlertDialogCancelProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n};\n"]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@radix-solid-js/alert-dialog",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive": "workspace:*",
+    "@radix-solid-js/compose-refs": "workspace:*",
+    "@radix-solid-js/context": "workspace:*",
+    "@radix-solid-js/dialog": "workspace:*",
+    "@radix-solid-js/primitive-component": "workspace:*",
+    "@radix-solid-js/slot": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/alert-dialog"
+  }
+}