@duro-app/ui 5.11.0 → 5.13.0

package/dist/shared/ButtonHost.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { html } from 'react-strict-dom';
+export type ButtonHostProps = ComponentProps<typeof html.button>;
+/**
+ * The host element of Button and Toggle. On the web it is the <button>
+ * itself, with no component in between (a wrapper changed what a Form's
+ * submit focuses); the native variant (ButtonHost.native.tsx) can swap in an
+ * RN Pressable to carry a Tooltip's accessibility hint.
+ */
+export declare const ButtonHost: typeof html.button;
+//# sourceMappingURL=ButtonHost.d.ts.map

package/dist/shared/ButtonHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonHost.d.ts","sourceRoot":"","sources":["../../src/shared/ButtonHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAErC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAA;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA"}

package/dist/shared/portal/hostRegistry.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+/** One passive surface (a toast region) waiting for a host to draw it. */
+export interface PortalEntry {
+    readonly key: string;
+    /** Numeric layer from `LAYERS` in `@duro-app/tokens/keys`; higher draws on top. */
+    readonly layer: number;
+    readonly node: ReactNode;
+}
+export interface HostRegistrySnapshot {
+    /** The host that draws every entry: the last one presented, else the root. */
+    readonly topHost: string | undefined;
+    /** Entries ordered by layer, lowest first (equal layers keep insertion order). */
+    readonly entries: readonly PortalEntry[];
+}
+/**
+ * The hosts that passive surfaces draw into, on native: the app root, each
+ * open Duro Modal and each `PortalHost` a consumer mounts in a natively
+ * presented route. Entries render in the top host only, so a toast raised
+ * under an open Dialog draws above it.
+ *
+ * A plain store (subscribe / getSnapshot) for `useSyncExternalStore`; it holds
+ * no React state and imports nothing from React Native.
+ */
+export interface HostRegistry {
+    /** Adds a host. A `base` host (the app root) always sits below the others. */
+    addHost(id: string, placement: 'base' | 'presented'): () => void;
+    setEntry(entry: PortalEntry): void;
+    removeEntry(key: string): void;
+    getSnapshot(): HostRegistrySnapshot;
+    subscribe(listener: () => void): () => void;
+}
+export declare function createHostRegistry(): HostRegistry;
+//# sourceMappingURL=hostRegistry.d.ts.map

package/dist/shared/portal/hostRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hostRegistry.d.ts","sourceRoot":"","sources":["../../../src/shared/portal/hostRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,0EAA0E;AAC1E,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,mFAAmF;IACnF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,kFAAkF;IAClF,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAA;CACzC;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,YAAY;IAC3B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,IAAI,CAAA;IAChE,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IAClC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,IAAI,oBAAoB,CAAA;IACnC,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;CAC5C;AAED,wBAAgB,kBAAkB,IAAI,YAAY,CAwCjD"}

package/dist/shared/pressableChild.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+interface PressableChildProps {
+    onClick?: () => void;
+    ref?: Ref<unknown>;
+}
+/**
+ * Native overlay triggers and closes: native presses do not bubble to a
+ * wrapper as web clicks do, so the one child (a Button) gets the handler
+ * itself, after its own. `ref` also receives the child's host, where focus
+ * returns when the overlay closes.
+ */
+export declare function withPress(children: ReactNode, onPress: () => void, ref?: Ref<unknown>): ReactElement<PressableChildProps, string | import('react').JSXElementConstructor<any>> | null;
+export {};
+//# sourceMappingURL=pressableChild.d.ts.map

package/dist/shared/pressableChild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressableChild.d.ts","sourceRoot":"","sources":["../../src/shared/pressableChild.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAA;AAGd,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,iGAWrF"}

package/dist/shared/useOverlayOpenState.d.ts

@@ -0,0 +1,40 @@
+import { DurationToken } from '@duro-app/tokens/keys';
+/**
+ * When the owner hears that the overlay closed.
+ * - `after-exit`: once the exit animation has played (Dialog, Drawer): the
+ *   overlay stays logically open while it animates out.
+ * - `at-once`: as soon as the close is asked for (DetailPanel); the panel
+ *   still animates out while `present`.
+ */
+export type CloseNotice = 'after-exit' | 'at-once';
+interface Options {
+    /** Controlled open state. */
+    open: boolean | undefined;
+    /** Initial open state when uncontrolled. */
+    defaultOpen: boolean;
+    onOpenChange: ((open: boolean) => void) | undefined;
+    /** Motion token the exit animation lasts. */
+    exitDuration: DurationToken;
+    closeNotice: CloseNotice;
+}
+export interface OverlayOpenState {
+    /** Logically open (what `open` / the uncontrolled state says). */
+    open: boolean;
+    /** Rendered: open, or animating out. */
+    present: boolean;
+    /** Playing the exit animation. */
+    closing: boolean;
+    requestOpen: () => void;
+    /** Animated close. Does nothing while a close is already playing. */
+    requestClose: () => void;
+    /** Close without the exit animation (a swipe that already moved the panel out). */
+    closeNow: () => void;
+}
+/**
+ * Open, presence and exit-animation state shared by Dialog, Drawer and
+ * DetailPanel on both platforms. A controlled `open` that turns false from
+ * outside plays the exit animation too.
+ */
+export declare function useOverlayOpenState({ open: controlledOpen, defaultOpen, onOpenChange, exitDuration, closeNotice, }: Options): OverlayOpenState;
+export {};
+//# sourceMappingURL=useOverlayOpenState.d.ts.map

package/dist/shared/useOverlayOpenState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayOpenState.d.ts","sourceRoot":"","sources":["../../src/shared/useOverlayOpenState.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAErE;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAA;AAElD,UAAU,OAAO;IACf,6BAA6B;IAC7B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;IACzB,4CAA4C;IAC5C,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACnD,6CAA6C;IAC7C,YAAY,EAAE,aAAa,CAAA;IAC3B,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,IAAI,EAAE,OAAO,CAAA;IACb,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAA;IAChB,kCAAkC;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,qEAAqE;IACrE,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,mFAAmF;IACnF,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,EAAE,OAAO,GAAG,gBAAgB,CA+E5B"}