akanjs 3.0.0-alpha.107 → 3.0.0-alpha.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "3.0.0-alpha.107",
+  "version": "3.0.0-alpha.109",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/types/ui/Modal.d.ts

@@ -2,14 +2,16 @@ import type { ReactNode } from "react";
 export interface ModalProps {
     /** Additional classes for the modal surface. */
     className?: string;
+    /** Optional trigger element to open the modal. */
+    trigger?: ReactNode;
     /** Optional modal title. */
     title?: string | ReactNode;
     /** Optional action area, usually footer buttons. */
     action?: ReactNode;
     /** Controlled open state. */
-    open: boolean;
+    open?: boolean;
     /** Called when the modal requests closing. */
-    onCancel: () => void;
+    onCancel?: () => void;
     /** Additional classes for the content body. */
     bodyClassName?: string;
     children?: ReactNode;
@@ -20,7 +22,7 @@ export interface ModalProps {
  * Default akanjs modal skin. Kept as the fallback implementation; apps replace
  * it per-route through a `page/**\/_overrides.tsx` manifest.
  */
-export declare const DefaultModal: ({ className, title, action, open, onCancel, bodyClassName, children, confirmClose, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultModal: ({ className, trigger, title, action, open, onCancel, bodyClassName, children, confirmClose, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Public Modal. Resolves to a route-scoped override when a `_overrides.tsx` in
  * the route's ancestry declares one, otherwise renders {@link DefaultModal}.

package/ui/Modal.tsx

@@ -1,20 +1,21 @@
 "use client";
-import type { ReactNode } from "react";
 
-import { Dialog } from "./Dialog";
-import { createOverridable } from "./UiOverride";
+import { createOverridable, Dialog } from "akanjs/ui";
+import type { ReactNode } from "react";
 
 export interface ModalProps {
   /** Additional classes for the modal surface. */
   className?: string;
+  /** Optional trigger element to open the modal. */
+  trigger?: ReactNode;
   /** Optional modal title. */
   title?: string | ReactNode;
   /** Optional action area, usually footer buttons. */
   action?: ReactNode;
   /** Controlled open state. */
-  open: boolean;
+  open?: boolean;
   /** Called when the modal requests closing. */
-  onCancel: () => void;
+  onCancel?: () => void;
   /** Additional classes for the content body. */
   bodyClassName?: string;
   children?: ReactNode;
@@ -28,6 +29,7 @@ export interface ModalProps {
  */
 export const DefaultModal = ({
   className,
+  trigger,
   title,
   action,
   open,
@@ -38,6 +40,7 @@ export const DefaultModal = ({
 }: ModalProps) => {
   return (
     <Dialog open={open}>
+      {trigger ? <Dialog.Trigger>{trigger}</Dialog.Trigger> : null}
       <Dialog.Modal className={className} onCancel={onCancel} bodyClassName={bodyClassName} confirmClose={confirmClose}>
         {title ? <Dialog.Title>{title}</Dialog.Title> : null}
         <Dialog.Content>{children}</Dialog.Content>