@enigmax/primitives 0.17.0 → 0.19.0

package/dist/react/index.d.ts

@@ -1,94 +1,28 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ElementType, ReactNode, RefObject, CSSProperties, HTMLAttributes, ImgHTMLAttributes } from 'react';
-import { ButtonOptions, ButtonState, MarqueeOptions, InputOptions, GeneratePasswordOptions, EstimateOptions, PasswordStrengthReport, Notifications, Notification, NotificationsOptions, NetworkState, RelativeTimeOptions, FlagShape, FlagFormat, FlagSource } from '../index.js';
-export { FlagOptions, InputAction, InputIcon, MarqueeHover, MarqueeInstance, PasswordScore, configureFlags, estimatePasswordStrength, flagAttributes, flagSrc, flagView, generatePassword, normalizeFlagCode } from '../index.js';
-import { b as SearchMatch, c as SearchOptions } from '../search-CsO3L1Lw.js';
-export { F as FuseConstructor } from '../search-CsO3L1Lw.js';
-
-/**
- * `<Button>` - the component, for the ninety percent.
- *
- * ```tsx
- * <Button onPress={save}>Save</Button>
- * ```
- *
- * That is the whole thing: disabled while the work runs, `aria-busy`, `data-loading`, and a
- * cooldown afterwards if you asked for one. `useButton` is still there for a button whose
- * markup is nothing like a button - a card, a table row - but reaching for it to render an
- * ordinary one means writing the same six lines at every call site, which is how they drift.
- */
-interface ButtonProps extends ButtonOptions, Omit<ComponentPropsWithoutRef<"button">, "onClick" | "onChange" | "children" | "type"> {
-    /**
-     * What to run when it is pressed. The same thing as `onPress`, under the name React
-     * already uses - write whichever reads better.
-     *
-     * It is an ALIAS, not a second handler: the component owns the element's real onClick,
-     * because that is where a press is refused while the button is loading, disabled or
-     * cooling down. Passing one through would replace that and silently take the behaviour
-     * with it. Returning a promise drives `loading` for its duration, same as `onPress`.
-     */
-    onClick?: ButtonOptions["onPress"];
-    /**
-     * Override what to render. You rarely need it: an href already renders whatever
-     * `setLinkComponent` registered - your router's Link - and a button otherwise.
-     */
-    as?: ElementType;
-    /**
-     * The label, or a function of the state for one that changes with it.
-     *
-     * ```tsx
-     * <Button onPress={send} cooldown={30_000}>
-     *     {({ loading, cooldown }) => loading ? "Sending" : cooldown ? `Wait ${Math.ceil(cooldown / 1000)}s` : "Resend"}
-     * </Button>
-     * ```
-     */
-    children?: ReactNode | ((state: ButtonState) => ReactNode);
-    /** Replaces the label while async work runs - a spinner, or just different words. */
-    pending?: ReactNode;
-    /** `type` on a real button. Ignored on a link, which has none. */
-    type?: "button" | "submit" | "reset";
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
-
-interface UseMarqueeResult {
-    /** Attach to the clipping viewport. */
-    laneRef: RefObject<HTMLElement | null>;
-    /** Attach to the moved element. Render `copies` children into it. */
-    trackRef: RefObject<HTMLElement | null>;
-    /**
-     * How many times to render the content. Starts at 2 so the server-rendered
-     * HTML stays small, then grows to cover the lane plus one whole period.
-     */
-    copies: number;
-    /** True while the row is being grabbed. Useful for a `cursor: grabbing`. */
-    dragging: boolean;
-    /** Measured distance between two copies, in px. 0 before the first measure. */
-    period: number;
-    /** Re-read the lap from the DOM. Call after changing the content yourself. */
-    measure: () => void;
-}
-/**
- * Drive a draggable infinite marquee from React.
- *
- * `speed` is pixels per second and never a duration: a duration ties the speed
- * to the item count, so the row accelerates every time content is added.
- *
- * ```tsx
- * const { laneRef, trackRef, copies } = useMarquee({ speed: 80, hover: 0.15 });
- * return (
- *     <div ref={laneRef}>
- *         <div ref={trackRef} style={{ display: "flex" }}>
- *             {Array.from({ length: copies }, (_, copy) => (
- *                 <div key={copy} aria-hidden={copy > 0} style={{ display: "flex", gap: 32 }}>
- *                     {items.map(item => <Logo key={item.id} {...item} />)}
- *                 </div>
- *             ))}
- *         </div>
- *     </div>
- * );
- * ```
- */
-declare function useMarquee(options?: MarqueeOptions): UseMarqueeResult;
+export { UseMarqueeResult, useMarquee } from './marquee.js';
+export { M as MarqueeHover, a as MarqueeInstance, b as MarqueeOptions } from '../marquee-CJ3Uwy3E.js';
+import { d as InputOptions } from '../input-BwXjFenq.js';
+export { I as InputAction, b as InputIcon } from '../input-BwXjFenq.js';
+import { RefObject, ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
+export { UseSearchResult, useSearch } from './search.js';
+export { F as FuseConstructor, a as FuseLike, S as SearchInstance, b as SearchMatch, c as SearchOptions } from '../search-DXxY8SEH.js';
+import { d as ButtonState, c as ButtonOptions } from '../button-CaXaqG_K.js';
+export { Button, ButtonProps } from './button.js';
+import { f as PasswordStrengthClassNames } from '../index-dTdAbOWl.js';
+export { B as BreachChecker, a as BreachState, b as BreachStatus, F as FieldAction, I as Input, c as InputBaseProps, d as InputProps, e as InputType, P as PasswordOnlyProps, g as PlainOnlyProps, S as SearchOnlyProps } from '../index-dTdAbOWl.js';
+import { b as PasswordStrengthReport } from '../password-C8lG4Zm9.js';
+export { E as EstimateOptions, G as GeneratePasswordOptions, a as PasswordScore, e as estimatePasswordStrength, g as generatePassword } from '../password-C8lG4Zm9.js';
+export { Slot, SlotProps, mergeSlotProps } from './slot.js';
+export { UseNotificationsResult, createNotificationQueue, defaultQueue, useNotifications } from './notifications.js';
+export { ToastControls, ToastPosition, Toaster, ToasterProps } from './toast.js';
+export { useNetworkState } from './network.js';
+export { a as NetworkState } from '../network-D2LsBG_k.js';
+export { RelativeTime, RelativeTimeProps } from './relative-time.js';
+export { R as RelativeTimeFormat, a as RelativeTimeOptions, b as RelativeTimePrecision, c as RelativeTimeStyle, d as RelativeTimeTense } from '../relative-time-YpRTG7YH.js';
+export { N as Notification, a as NotificationAction, b as NotificationInput, c as NotificationTone, e as NotificationsOptions } from '../notifications-BpVV6sel.js';
+export { Flag, FlagProps } from './flag.js';
+export { c as FlagFormat, d as FlagOptions, e as FlagShape, f as FlagSource, h as configureFlags, i as flagAttributes, k as flagName, l as flagSrc, m as flagView, n as normalizeFlagCode } from '../flags-BBJc9unY.js';
+export { PaletteContent, PaletteContextValue, PaletteField, PaletteFooter, PaletteItem, PaletteList, PaletteListProps, PaletteRoot, PaletteRootProps, PaletteRow, PaletteSection, PaletteTrigger, SearchPalette, SearchPaletteProps, usePaletteContext } from './palette.js';
+export { R as RecentEntry, b as RecentStore, e as createRecentStore, g as groupRows, i as isPaletteShortcut, m as moveActive, r as recentKey, s as shortcutLabel } from '../palette-D7iuQh_T.js';
 
 interface UseInputResult {
     /** Attach to the `<input>`. */
@@ -114,32 +48,6 @@ interface UseInputResult {
  */
 declare function useInput(options?: InputOptions): UseInputResult;
 
-interface UseSearchResult<T> {
-    /** Attach to the search field, or drive it yourself with `search`. */
-    inputRef: RefObject<HTMLInputElement | null>;
-    query: string;
-    results: SearchMatch<T>[];
-    /** Debounced. */
-    search: (query: string) => void;
-    /** Skips the debounce. */
-    searchNow: (query: string) => void;
-    clear: () => void;
-}
-/**
- * Search-as-you-type over a list.
- *
- * Pass `fuse` (Fuse.js's constructor) for fuzzy matching, `matcher` to replace the
- * engine, or neither for the built-in accent-insensitive substring search.
- *
- * ```tsx
- * import Fuse from "fuse.js";
- *
- * const { inputRef, results } = useSearch({ items: docs, keys: ["title", "body"], fuse: Fuse });
- * return <input ref={inputRef} type="search" placeholder="Search" />;
- * ```
- */
-declare function useSearch<T>(options?: SearchOptions<T>): UseSearchResult<T>;
-
 interface UseButtonResult extends ButtonState {
     /** Spread onto the element named by `element`. */
     props: {
@@ -154,6 +62,8 @@ interface UseButtonResult extends ButtonState {
         disabled?: boolean;
         href?: string;
         title?: string;
+        /** The ARIA way to announce the key. `title` is the pointer half of the same fact. */
+        "aria-keyshortcuts"?: string;
     };
     press: () => void;
     reset: () => void;
@@ -179,84 +89,6 @@ declare function setLinkComponent(component: ElementType | null): void;
 /** What an href should render as right now. */
 declare function getLinkComponent(): ElementType;
 
-/** An extra button inside the field. The built-ins are the same shape. */
-interface FieldAction {
-    /** Stable id. Lands on `data-enigma-input-action`, and replaces a built-in of the same name. */
-    name: string;
-    /** Accessible name. Becomes `aria-label` and `title`. */
-    label: string;
-    icon: ReactNode;
-    onSelect: () => void;
-    /** Renders `aria-pressed`. Omit for actions that are not toggles. */
-    pressed?: boolean;
-    /** Default true. A false action is not rendered at all. */
-    visible?: boolean;
-}
-type BreachStatus = "idle" | "checking" | "safe" | "breached" | "error";
-interface BreachState {
-    status: BreachStatus;
-    /** How many breaches the password appears in. 0 unless `status` is "breached". */
-    count: number;
-    /** Whatever the checker threw. The form decides whether that is worth showing. */
-    error: unknown;
-}
-type BreachChecker = (password: string, options: {
-    signal: AbortSignal;
-}) => Promise<{
-    breached: boolean;
-    count: number;
-}>;
-interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "children"> {
-    /** The reveal toggle. Defaults to on for `type="password"` and off for everything else. */
-    reveal?: boolean;
-    revealLabels?: {
-        show?: string;
-        hide?: string;
-    };
-    /** Offer to generate a password. `true` for the defaults, or the generator's options. */
-    generate?: boolean | GeneratePasswordOptions;
-    generateLabel?: string;
-    /** Show what was generated. On by default - a password nobody can read is not usable. */
-    revealOnGenerate?: boolean;
-    /**
-     * Also copy it to the clipboard. OFF by default and worth leaving off: the clipboard is
-     * shared with every other app on the machine and is not cleared.
-     */
-    copyOnGenerate?: boolean;
-    onGenerate?: (password: string) => void;
-    /** Extra buttons, or a replacement for `reveal` / `generate` by name. */
-    actions?: FieldAction[];
-    /** Which end the buttons sit at. Position them yourself; this only orders the markup. */
-    position?: "start" | "end";
-    /** Score the password as it is typed, and render the meter under the field. */
-    strength?: boolean | EstimateOptions;
-    onStrengthChange?: (report: PasswordStrengthReport) => void;
-    /**
-     * Check the password against a breach corpus - pass `checkPasswordBreach` from
-     * @enigmax/utils, or your own. It is a prop rather than a built-in because it makes a
-     * network request, and that is not a decision a field should take on its own.
-     */
-    breach?: BreachChecker;
-    /** Quiet time before a check fires, in ms. Default 500. */
-    breachDelay?: number;
-    onBreachChange?: (state: BreachState) => void;
-    /** Props for the element wrapping the field, its buttons and the meter. */
-    wrapperProps?: ComponentPropsWithoutRef<"div">;
-    /** Props for the row holding the field and its buttons - this is what you position. */
-    fieldProps?: ComponentPropsWithoutRef<"div">;
-    /**
-     * Classes for the parts you cannot reach with a ref, which is what Tailwind needs.
-     * `className` still goes to the `<input>` itself, where you would expect it.
-     */
-    classNames?: {
-        actions?: string;
-        action?: string;
-        strength?: PasswordStrengthProps["classNames"];
-    };
-    /** Rendered inside the wrapper, after the meter. Your error message goes here. */
-    children?: ReactNode;
-}
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 interface PasswordStrengthProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
     /** The password to score. Ignored when `report` is given. */
     value?: string;
@@ -273,12 +105,7 @@ interface PasswordStrengthProps extends Omit<ComponentPropsWithoutRef<"div">, "c
      * Classes for the inner parts. The score is on the ROOT, so a segment colours itself
      * with a group variant - `group-data-[score=0]/strength:bg-red-600` and so on.
      */
-    classNames?: {
-        track?: string;
-        segment?: string;
-        label?: string;
-        warning?: string;
-    };
+    classNames?: PasswordStrengthClassNames;
 }
 /**
  * The bars under a password field.
@@ -289,114 +116,4 @@ interface PasswordStrengthProps extends Omit<ComponentPropsWithoutRef<"div">, "c
  */
 declare function PasswordStrength({ value, report, userInputs, segments, labels, showWarning, classNames, ...props }: PasswordStrengthProps): ReactNode;
 
-/** One queue per app by default; a second one would race the first for the corner. */
-declare const defaultQueue: Notifications;
-interface UseNotificationsResult extends Pick<Notifications, "notify" | "dismiss" | "dismissAll" | "pause" | "resume"> {
-    items: readonly Notification[];
-}
-/**
- * Subscribe to a notification queue.
- *
- * Rendering is yours: this returns the list, the ordering and the timers, and
- * nothing about how a notification looks.
- */
-declare function useNotifications(queue?: Notifications): UseNotificationsResult;
-declare function createNotificationQueue(options?: NotificationsOptions): Notifications;
-
-/**
- * `<Toaster />` - the stack, the movement and the gestures. No colours.
- *
- * The queue underneath already owns ordering, dedupe by key, sticky errors and timers that
- * HOLD while the tab is hidden. What this adds is everything you cannot express in a queue:
- * a toast that is on its way out is still on screen, a pointer resting on the stack must
- * stop the clock, and a swipe has to follow the finger before it decides anything.
- *
- * Every part carries a data attribute, so the theme is a stylesheet you own. `enigma add
- * toast --copy` writes one.
- */
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-interface ToasterProps {
-    /** Which queue to render. The shared one by default. */
-    queue?: Notifications;
-    position?: ToastPosition;
-    /**
-     * How long the exit animation lasts, in ms. The node stays mounted for exactly this
-     * long after it leaves the queue - a toast that vanishes the instant it is dismissed
-     * cannot animate out, and that is the only reason this component keeps its own list.
-     */
-    exitDuration?: number;
-    /** Px a toast must travel before the release dismisses it. */
-    swipeThreshold?: number;
-    /** Render a toast yourself. The default renders title, body and the action. */
-    children?: (notification: Notification, controls: ToastControls) => ReactNode;
-    /** Accessible name for the region. */
-    label?: string;
-    className?: string;
-    style?: CSSProperties;
-}
-interface ToastControls {
-    dismiss: () => void;
-}
-declare function Toaster({ queue, position, exitDuration, swipeThreshold, children, label, className, style }: ToasterProps): ReactNode;
-
-/**
- * Connection state, kept in sync through useSyncExternalStore.
- *
- * ```tsx
- * const { online, recovered, slow } = useNetworkState();
- *
- * useEffect(() => {
- *     if (!online) notify({ key: "net", title: "No connection", tone: "error" });
- *     else if (recovered) notify({ key: "net", title: "Back online", tone: "success" });
- * }, [online, recovered]);
- * ```
- *
- * `recovered` is false on a first load, so a page that opens online never announces a
- * recovery that did not happen - the bug every hand-rolled `wasOffline` flag starts with.
- */
-declare function useNetworkState(): NetworkState;
-
-interface RelativeTimeProps extends RelativeTimeOptions, Omit<HTMLAttributes<HTMLElement>, "prefix" | "children"> {
-    /** ISO string, epoch milliseconds, or a Date. A string with no zone is read as UTC. */
-    date: string | number | Date | null | undefined;
-    /** Rendered when the date cannot be parsed. Nothing, by default. */
-    fallback?: ReactNode;
-    /** Title Case The Whole Phrase. Rarely what you want; `capitalizeFirst` usually is. */
-    capitalize?: boolean;
-    /** Uppercase the first letter, so a standalone "yesterday" reads as "Yesterday". */
-    capitalizeFirst?: boolean;
-    /**
-     * Pin the instant the age is measured from. Pass the request's timestamp to make a
-     * server render and its hydration agree exactly.
-     */
-    now?: Date;
-}
-declare function RelativeTime({ date, fallback, capitalize, capitalizeFirst, now, format, tense, precision, threshold, prefix, formatStyle, locale, timeZone, second, minute, hour, weekday, day, month, year, timeZoneName, noTitle, numericBeyondThreshold, ...rest }: RelativeTimeProps): ReactNode;
-
-interface FlagProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "width" | "height"> {
-    /** `es`, `ES`, `en-GB`, `gb-eng`, or the emoji flag you are replacing. */
-    code: string | null | undefined;
-    /**
-     * The accessible name. Leave it out and the flag is decorative, which is what it is
-     * beside a country name - the reader hears the name once instead of twice.
-     */
-    label?: string;
-    shape?: FlagShape;
-    format?: FlagFormat;
-    source?: FlagSource;
-    basePath?: string;
-    /** Rendered height in px. The width follows the shape. Default 16. */
-    size?: number;
-    /** Rendered when the code resolves to nothing. Nothing, by default. */
-    fallback?: ReactNode;
-}
-/**
- * `<Flag code="es" />` - a country flag as an image, at the size you asked for, from the
- * source the app configured once.
- *
- * The defaults come from `configureFlags`, so moving the whole application from the CDN to
- * a downloaded set is one line at startup and no change at any call site.
- */
-declare function Flag({ code, label, shape, format, source, basePath, size, fallback, ...rest }: FlagProps): ReactNode;
-
-export { type BreachChecker, type BreachState, type BreachStatus, Button, ButtonOptions, type ButtonProps, ButtonState, EstimateOptions, type FieldAction, Flag, FlagFormat, type FlagProps, FlagShape, FlagSource, GeneratePasswordOptions, Input, InputOptions, type InputProps, MarqueeOptions, NetworkState, PasswordStrength, type PasswordStrengthProps, PasswordStrengthReport, RelativeTime, type RelativeTimeProps, SearchMatch, SearchOptions, type ToastControls, type ToastPosition, Toaster, type ToasterProps, type UseButtonResult, type UseInputResult, type UseMarqueeResult, type UseNotificationsResult, type UseSearchResult, createNotificationQueue, defaultQueue, getLinkComponent, setLinkComponent, useButton, useInput, useMarquee, useNetworkState, useNotifications, useSearch };
+export { ButtonOptions, ButtonState, InputOptions, PasswordStrength, type PasswordStrengthProps, PasswordStrengthReport, type UseButtonResult, type UseInputResult, getLinkComponent, setLinkComponent, useButton, useInput };

package/dist/react/index.js

@@ -1,4 +1,25 @@
 "use client";
-export { Button, Flag, Input, PasswordStrength, RelativeTime, Toaster, createNotificationQueue, defaultQueue, getLinkComponent, setLinkComponent, useButton, useInput, useMarquee, useNetworkState, useNotifications, useSearch } from '../chunk-JFNND6P4.js';
-export { configureFlags, estimatePasswordStrength, flagAttributes, flagSrc, flagView, generatePassword, normalizeFlagCode } from '../chunk-4GLYRF4B.js';
-import '../chunk-UZFEEFMF.js';
+export { useInput } from '../chunk-U3V4EHOB.js';
+export { PasswordStrength } from '../chunk-XQHCZAPJ.js';
+export { Flag } from '../chunk-XNNQRA35.js';
+export { Toaster } from '../chunk-ZCUFYBPB.js';
+export { useMarquee } from '../chunk-ZWR2EXHQ.js';
+export { useSearch } from '../chunk-QQFNAKMY.js';
+export { useNetworkState } from '../chunk-S653GLSF.js';
+export { createNotificationQueue, defaultQueue, useNotifications } from '../chunk-QYMUIW5I.js';
+export { RelativeTime } from '../chunk-OCMI7R6H.js';
+import '../chunk-KJINGUQN.js';
+export { estimatePasswordStrength, generatePassword } from '../chunk-HC2ME5PU.js';
+export { configureFlags, flagAttributes, flagName, flagSrc, flagView, normalizeFlagCode } from '../chunk-AU3H5WIY.js';
+import '../chunk-UOSSNUSC.js';
+import '../chunk-2QFTRNAZ.js';
+import '../chunk-SNYUBXWQ.js';
+import '../chunk-IXVMRVD4.js';
+export { Input } from '../chunk-R4ZAEE7V.js';
+import '../chunk-F25CGNQC.js';
+export { PaletteContent, PaletteField, PaletteFooter, PaletteItem, PaletteList, PaletteRoot, PaletteTrigger, SearchPalette, usePaletteContext } from '../chunk-FWVWX67R.js';
+export { createRecentStore, groupRows, isPaletteShortcut, moveActive, recentKey, shortcutLabel } from '../chunk-DTWZDONY.js';
+import '../chunk-D5A2ZMAG.js';
+export { Button, getLinkComponent, setLinkComponent, useButton } from '../chunk-6BGBYUSZ.js';
+import '../chunk-MMQPZGSU.js';
+export { Slot, mergeSlotProps } from '../chunk-HS3X3XCW.js';

package/dist/react/input.d.ts

@@ -0,0 +1,4 @@
+export { B as BreachChecker, a as BreachState, b as BreachStatus, F as FieldAction, I as Input, c as InputBaseProps, d as InputProps, e as InputType, P as PasswordOnlyProps, g as PlainOnlyProps, S as SearchOnlyProps } from '../index-dTdAbOWl.js';
+import 'react';
+import '../search-DXxY8SEH.js';
+import '../password-C8lG4Zm9.js';

package/dist/react/input.js

@@ -0,0 +1,3 @@
+"use client";
+export { Input } from '../chunk-R4ZAEE7V.js';
+import '../chunk-F25CGNQC.js';

package/dist/react/marquee.d.ts

@@ -0,0 +1,44 @@
+import { RefObject } from 'react';
+import { b as MarqueeOptions } from '../marquee-CJ3Uwy3E.js';
+
+interface UseMarqueeResult {
+    /** Attach to the clipping viewport. */
+    laneRef: RefObject<HTMLElement | null>;
+    /** Attach to the moved element. Render `copies` children into it. */
+    trackRef: RefObject<HTMLElement | null>;
+    /**
+     * How many times to render the content. Starts at 2 so the server-rendered
+     * HTML stays small, then grows to cover the lane plus one whole period.
+     */
+    copies: number;
+    /** True while the row is being grabbed. Useful for a `cursor: grabbing`. */
+    dragging: boolean;
+    /** Measured distance between two copies, in px. 0 before the first measure. */
+    period: number;
+    /** Re-read the lap from the DOM. Call after changing the content yourself. */
+    measure: () => void;
+}
+/**
+ * Drive a draggable infinite marquee from React.
+ *
+ * `speed` is pixels per second and never a duration: a duration ties the speed
+ * to the item count, so the row accelerates every time content is added.
+ *
+ * ```tsx
+ * const { laneRef, trackRef, copies } = useMarquee({ speed: 80, hover: 0.15 });
+ * return (
+ *     <div ref={laneRef}>
+ *         <div ref={trackRef} style={{ display: "flex" }}>
+ *             {Array.from({ length: copies }, (_, copy) => (
+ *                 <div key={copy} aria-hidden={copy > 0} style={{ display: "flex", gap: 32 }}>
+ *                     {items.map(item => <Logo key={item.id} {...item} />)}
+ *                 </div>
+ *             ))}
+ *         </div>
+ *     </div>
+ * );
+ * ```
+ */
+declare function useMarquee(options?: MarqueeOptions): UseMarqueeResult;
+
+export { type UseMarqueeResult, useMarquee };

package/dist/react/marquee.js

@@ -0,0 +1,3 @@
+"use client";
+export { useMarquee } from '../chunk-ZWR2EXHQ.js';
+import '../chunk-UOSSNUSC.js';

package/dist/react/network.d.ts

@@ -0,0 +1,20 @@
+import { a as NetworkState } from '../network-D2LsBG_k.js';
+
+/**
+ * Connection state, kept in sync through useSyncExternalStore.
+ *
+ * ```tsx
+ * const { online, recovered, slow } = useNetworkState();
+ *
+ * useEffect(() => {
+ *     if (!online) notify({ key: "net", title: "No connection", tone: "error" });
+ *     else if (recovered) notify({ key: "net", title: "Back online", tone: "success" });
+ * }, [online, recovered]);
+ * ```
+ *
+ * `recovered` is false on a first load, so a page that opens online never announces a
+ * recovery that did not happen - the bug every hand-rolled `wasOffline` flag starts with.
+ */
+declare function useNetworkState(): NetworkState;
+
+export { useNetworkState };

package/dist/react/network.js

@@ -0,0 +1,3 @@
+"use client";
+export { useNetworkState } from '../chunk-S653GLSF.js';
+import '../chunk-2QFTRNAZ.js';

package/dist/react/notifications.d.ts

@@ -0,0 +1,17 @@
+import { d as Notifications, N as Notification, e as NotificationsOptions } from '../notifications-BpVV6sel.js';
+
+/** One queue per app by default; a second one would race the first for the corner. */
+declare const defaultQueue: Notifications;
+interface UseNotificationsResult extends Pick<Notifications, "notify" | "dismiss" | "dismissAll" | "pause" | "resume"> {
+    items: readonly Notification[];
+}
+/**
+ * Subscribe to a notification queue.
+ *
+ * Rendering is yours: this returns the list, the ordering and the timers, and
+ * nothing about how a notification looks.
+ */
+declare function useNotifications(queue?: Notifications): UseNotificationsResult;
+declare function createNotificationQueue(options?: NotificationsOptions): Notifications;
+
+export { type UseNotificationsResult, createNotificationQueue, defaultQueue, useNotifications };

package/dist/react/notifications.js

@@ -0,0 +1,3 @@
+"use client";
+export { createNotificationQueue, defaultQueue, useNotifications } from '../chunk-QYMUIW5I.js';
+import '../chunk-SNYUBXWQ.js';