@handamade/psi-react 0.11.0 → 0.12.0

package/dist/Dialog/Dialog.d.ts

@@ -1,5 +1,10 @@
 import type { DialogHTMLAttributes, ReactNode, Ref } from "react";
 type Width = 400 | 560 | 720;
+/** Where the panel sits. `inline-*` pin it full-height to that edge — that is
+ * a drawer / side sheet, and D66 is the decision that it is a placement rather
+ * than a sibling component. Logical, not `left`/`right`, so RTL flips without a
+ * second code path. */
+export type DialogPlacement = "center" | "inline-start" | "inline-end";
 export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "title" | "onClose" | "open"> {
     /** Controlled open state; syncs to showModal()/close(). */
     open: boolean;
@@ -9,8 +14,12 @@ export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement
     title?: ReactNode;
     /** Action row (Buttons — one accent per group, danger for destructive). */
     footer?: ReactNode;
-    /** Panel width in px (400 | 560 | 720). @default 560 */
+    /** Panel width in px (400 | 560 | 720). For an `inline-*` placement this is
+     * the drawer's width; the height is always the full viewport. @default 560 */
     width?: Width;
+    /** Where the panel sits. `inline-start` / `inline-end` pin it full-height to
+     * that edge, making it a drawer (D66). @default "center" */
+    placement?: DialogPlacement;
     /** false = no close button, Esc and backdrop swallowed — footer is the only exit. @default true */
     dismissible?: boolean;
     /** Forwarded ref to the underlying <dialog> element. */
@@ -18,7 +27,13 @@ export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement
 }
 /** Modal dialog on the native <dialog> top layer: focus trap, aria-modal and
  * focus restore come from the platform; title/footer slots, Esc/backdrop/
- * close-button dismissal via onClose(reason) (D50). */
-export declare function Dialog({ open, onClose, title, footer, width, dismissible, className, children, ref, ...rest }: DialogProps): import("react").JSX.Element;
+ * close-button dismissal via onClose(reason) (D50).
+ *
+ * `placement` moves the panel and nothing else (D66): an `inline-start` /
+ * `inline-end` Dialog is a drawer, pinned full-height to that edge, with the
+ * same modality, focus trap, focus restore and dismissal reasons as a centered
+ * one. There is deliberately no separate Drawer component — a sibling would
+ * have to duplicate or wrap all of that. */
+export declare function Dialog({ open, onClose, title, footer, width, placement, dismissible, className, children, ref, ...rest }: DialogProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAc,SAAS,EAAE,GAAG,EAAkB,MAAM,OAAO,CAAC;AAK9F,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACnF,2DAA2D;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,UAAU,GAAG,cAAc,KAAK,IAAI,CAAC;IAC/D,sFAAsF;IACtF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAQD;;uDAEuD;AACvD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAW,EACX,WAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BAuEb"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAc,SAAS,EAAE,GAAG,EAAkB,MAAM,OAAO,CAAC;AAK9F,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B;;;uBAGuB;AACvB,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;AAEvE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACnF,2DAA2D;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,UAAU,GAAG,cAAc,KAAK,IAAI,CAAC;IAC/D,sFAAsF;IACtF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;kFAC8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;gEAC4D;IAC5D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAcD;;;;;;;;4CAQ4C;AAC5C,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAW,EACX,SAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BA0Eb"}