@mt-gloss/ui 0.1.96 → 0.1.97

package/lib/composites/dashboard/BellCutout/BellCutout.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export type BellCutoutMode = 'default' | 'lock' | 'unread-count';
+export interface BellCutoutProps {
+    /** null → no chrome rendered. 'default' / 'lock' / 'unread-count' → chrome with corresponding data-mode. */
+    mode: BellCutoutMode | null;
+    /** When mode='unread-count', this drives the ::before count prefix via data-count. */
+    count?: number;
+    /** Anchor element to derive cutout circle center from. */
+    anchorRef: RefObject<HTMLElement | null>;
+}
+export declare function BellCutout(props: BellCutoutProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/composites/dashboard/BellCutout/index.d.ts

@@ -0,0 +1,2 @@
+export { BellCutout } from './BellCutout';
+export type { BellCutoutProps, BellCutoutMode } from './BellCutout';

package/lib/composites/dashboard/BellPopover/BellPopover.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, RefObject } from 'react';
+export interface BellPopoverProps {
+    anchorRef: RefObject<HTMLElement | null>;
+    isOpen: boolean;
+    onRequestClose: () => void;
+    /** Called when the cursor lands on the popover — used by host to cancel pending close. */
+    onPopoverEnter?: () => void;
+    /** Called when the cursor leaves the popover — used by host to reschedule close. */
+    onPopoverLeave?: () => void;
+    children?: ReactNode;
+}
+export declare function BellPopover(props: BellPopoverProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/composites/dashboard/BellPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { BellPopover } from './BellPopover';
+export type { BellPopoverProps } from './BellPopover';

package/lib/composites/dashboard/index.d.ts

@@ -1 +1,3 @@
 export * from './BottomToolbar';
+export * from './BellPopover';
+export * from './BellCutout';

package/lib/composites/index.d.ts

@@ -5,3 +5,4 @@ export * from './data';
 export * from './overlay';
 export * from './navigation';
 export * from './controls';
+export * from './portal';

package/lib/composites/portal/BodyPortal.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, RefObject } from 'react';
+import { PortalPlacement } from './usePortalAnchor';
+export interface BodyPortalProps {
+    anchorRef: RefObject<HTMLElement | null>;
+    placement: PortalPlacement;
+    gap?: number;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    /** data-portal-host attribute value (UAT routing / DOM grep handle). */
+    dataHost: string;
+    /** Default true; pass false to detach without unmounting the host component. */
+    isOpen?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function BodyPortal(props: BodyPortalProps): import('react').ReactPortal | null;

package/lib/composites/portal/index.d.ts

@@ -0,0 +1,4 @@
+export { BodyPortal } from './BodyPortal';
+export type { BodyPortalProps } from './BodyPortal';
+export { usePortalAnchor } from './usePortalAnchor';
+export type { PortalPlacement, UsePortalAnchorArgs } from './usePortalAnchor';

package/lib/composites/portal/usePortalAnchor.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, RefObject } from 'react';
+export type PortalPlacement = 'above-right' | 'above-left' | 'below-right' | 'below-left';
+export interface UsePortalAnchorArgs {
+    anchorRef: RefObject<HTMLElement | null>;
+    placement: PortalPlacement;
+    gap?: number;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    isOpen?: boolean;
+}
+interface AnchorStyle {
+    style: CSSProperties;
+}
+export declare function usePortalAnchor(args: UsePortalAnchorArgs): AnchorStyle;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.96",
+  "version": "0.1.97",
   "type": "module",
   "publishConfig": {
     "access": "restricted"