@peripheries/core 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peripheries/core",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "The shared core lineage: layout, the document kit and the display cells, on the semantic tokens",
   "type": "module",
   "license": "UNLICENSED",

package/types/core/overlay/Dialog/Dialog.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
 export interface DialogProps {
     open: boolean;
-    onClose: () => void;
+    onClose?: () => void;
+    onOpenChange?: (open: boolean) => void;
     title: ReactNode;
     label?: string;
     description?: ReactNode;

package/types/core/overlay/Menu/Menu.d.ts

@@ -8,6 +8,7 @@ export interface MenuItem {
     disabled?: boolean;
     href?: string;
     onSelect?: () => void;
+    checked?: boolean;
 }
 export interface MenuSeparator {
     type: 'separator';

package/types/core/overlay/Sheet/Sheet.d.ts

@@ -5,11 +5,12 @@ export interface SheetBack {
 }
 export interface SheetProps {
     open: boolean;
-    onClose: () => void;
+    onClose?: () => void;
+    onOpenChange?: (open: boolean) => void;
     title: ReactNode;
     label?: string;
     description?: ReactNode;
-    side?: 'bottom' | 'end';
+    side?: 'bottom' | 'end' | 'auto';
     back?: SheetBack;
     initialFocus?: string;
     dismissOnBackdrop?: boolean;

package/types/core/overlay/_shared/Modal.d.ts

@@ -2,8 +2,10 @@ import { type ReactNode } from 'react';
 export type ModalVariant = 'dialog' | 'sheet-bottom' | 'sheet-end';
 export interface ModalProps {
     variant: ModalVariant;
+    kind?: 'sheet' | 'dialog';
     open: boolean;
-    onClose: () => void;
+    onClose?: () => void;
+    onOpenChange?: (open: boolean) => void;
     title: ReactNode;
     label?: string;
     description?: ReactNode;
@@ -16,4 +18,4 @@ export interface ModalProps {
     children?: ReactNode;
     className?: string;
 }
-export declare function Modal({ variant, open, onClose, title, label, description, role, initialFocus, dismissOnBackdrop, headerStart, headerTools, footer, children, className }: ModalProps): import("react").JSX.Element;
+export declare function Modal(props: ModalProps): import("react").JSX.Element;

package/types/core/overlay/_shared/host.d.ts

@@ -0,0 +1,17 @@
+import { type ReactElement, type ReactNode } from 'react';
+export type OverlayFormat = 'mobile' | 'desktop';
+export interface OverlayHostValue {
+    format: OverlayFormat;
+    mount?: HTMLElement | null;
+    portal?: (node: ReactNode, container: Element) => ReactNode;
+}
+export declare const OVERLAY_DISMISS_EVENT = "core-overlay-dismiss";
+export type OverlayDismissReason = 'escape' | 'outside' | 'shell';
+export declare const dismissReason: (detail: unknown) => OverlayDismissReason;
+export declare function normalizeOverlayHost(value: unknown): OverlayHostValue;
+export declare function OverlayHost({ value, children }: {
+    value: unknown;
+    children?: ReactNode;
+}): ReactElement;
+export declare function useOverlayHost(): OverlayHostValue | null;
+export declare function useOverlayFormat(): OverlayFormat;

package/types/core/page/ListRow/ListRow.d.ts

@@ -2,12 +2,17 @@ import type { ReactNode, CSSProperties } from 'react';
 import { type PressProps } from '../../actions/_shared/press';
 export interface ListRowProps extends Pick<PressProps, 'href' | 'navigate' | 'onClick'> {
     title: ReactNode;
+    titleLevel?: number;
     meta?: ReactNode;
     leading?: ReactNode;
     value?: ReactNode;
     trailing?: ReactNode;
+    badge?: ReactNode;
+    detail?: ReactNode;
+    actions?: ReactNode;
+    selected?: boolean;
     as?: 'li' | 'div';
     className?: string;
     style?: CSSProperties;
 }
-export declare function ListRow({ title, meta, leading, value, trailing, href, navigate, onClick, as, className, ...rest }: ListRowProps): import("react").JSX.Element;
+export declare function ListRow({ title, titleLevel, meta, leading, value, trailing, badge, detail, actions, selected, href, navigate, onClick, as, className, ...rest }: ListRowProps): import("react").JSX.Element;

package/types/core/page/PageHead/PageHead.d.ts

@@ -3,9 +3,10 @@ export interface PageHeadProps {
     title: string;
     level?: 1 | 2;
     eyebrow?: string;
+    meta?: ReadonlyArray<string>;
     intro?: ReactNode;
     actions?: ReactNode;
     className?: string;
     style?: CSSProperties;
 }
-export declare function PageHead({ title, level, eyebrow, intro, actions, className, ...rest }: PageHeadProps): import("react").JSX.Element;
+export declare function PageHead({ title, level, eyebrow, meta, intro, actions, className, ...rest }: PageHeadProps): import("react").JSX.Element;

package/types/index.core.d.ts

@@ -13,6 +13,7 @@ export { ToastRegion, Toast, dismissToast, toast, useToast, type ToastInput, typ
 export { Popover, type Placement, type PopoverProps } from './core/overlay/Popover/Popover';
 export { Dialog, type DialogProps } from './core/overlay/Dialog/Dialog';
 export { Sheet, type SheetBack, type SheetProps } from './core/overlay/Sheet/Sheet';
+export { OverlayHost, OVERLAY_DISMISS_EVENT, useOverlayHost, useOverlayFormat, type OverlayDismissReason, type OverlayFormat, type OverlayHostValue } from './core/overlay/_shared/host';
 export { Spacer } from './core/Spacer/Spacer';
 export { Stack } from './core/Stack/Stack';
 export { ListRow, type ListRowProps } from './core/page/ListRow/ListRow';