@nori-ui/core 0.0.5 → 1.0.2

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,143 @@
+import { ReactNode, createElement } from 'react';
+
+type ToastTone = 'default' | 'info' | 'success' | 'warning' | 'danger';
+type ToasterPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type ToastAction = {
+    /** Visible button label. */
+    label: string;
+    /** Click handler. */
+    onClick: () => void;
+};
+/**
+ * Options accepted by `toast(...)` and the per-tone shortcuts. Mirrors
+ * sonner's options with one renaming for cross-platform clarity:
+ * `description` is the body line under the title, `action` and `cancel`
+ * are buttons rendered inline.
+ */
+type ToastOptions = {
+    /** Body line below the title. */
+    description?: string;
+    /**
+     * Auto-dismiss after this many milliseconds. Pass `Infinity` (or a
+     * negative number) to keep the toast open until manually dismissed.
+     * @defaultValue 4000
+     */
+    duration?: number;
+    /** Inline action button (typically "Undo"). */
+    action?: ToastAction;
+    /** Inline cancel button. */
+    cancel?: ToastAction;
+    /**
+     * Visible severity tone. Drives the icon and accent. Library
+     * convenience helpers (`toast.success`, etc.) set this for you.
+     * @defaultValue 'default'
+     */
+    tone?: ToastTone;
+    /** Stable id — useful for updating an existing toast or dismissing it. */
+    id?: string | number;
+    /** Override the global `<Toaster position>` for this toast only. */
+    position?: ToasterPosition;
+    /** Custom icon override. Applied to all platforms. */
+    icon?: ReactNode;
+    /** Optional className for the toast surface (web only — native ignores). */
+    className?: string;
+};
+type ToasterProps = {
+    /** Where the toast stack anchors. @defaultValue 'top-center' */
+    position?: ToasterPosition;
+    /**
+     * Maximum number of toasts visible at once. Older toasts collapse
+     * behind newer ones (web) or pop off the top of the stack (native).
+     * @defaultValue 3
+     */
+    visibleToasts?: number;
+    /** Spacing between stacked toasts in px. @defaultValue 14 */
+    gap?: number;
+    /**
+     * Pad the toaster away from the viewport edges by this many px.
+     * @defaultValue 24
+     */
+    offset?: number;
+    /**
+     * Show a small close button in the top-right corner of each toast.
+     * @defaultValue false
+     */
+    closeButton?: boolean;
+    /**
+     * Web only: full-color toasts per tone (sonner's `richColors`). On
+     * native this is honored visually too, with the same palette recipe.
+     * @defaultValue false
+     */
+    richColors?: boolean;
+    /**
+     * Web only: expand the stack on hover (sonner's `expand`). Native
+     * always renders the visible toasts uncollapsed, so this is a no-op
+     * there.
+     * @defaultValue false
+     */
+    expand?: boolean;
+    /** Default duration in ms for toasts that don't pass their own. @defaultValue 4000 */
+    duration?: number;
+};
+
+/**
+ * Toast viewport. Mount once near the app root; the imperative
+ * `toast(...)` function pushes to it.
+ *
+ * Implementation is platform-split:
+ *
+ * - Web: delegates to `sonner`'s `<Toaster>` (Emil Kowalski's original).
+ *   Sonner already handles stacking, expand-on-hover, swipe-to-dismiss
+ *   on touch screens, position, rich colors, etc.
+ *
+ * - Native: delegates to `sonner-native`'s `<Toaster>` (Gunnar Torfi's
+ *   port, built on Reanimated 3 + Gesture Handler). Same behavior:
+ *   stacked layering with the front toast in focus, tap-to-expand
+ *   (since hover doesn't exist on touch), swipe up/down to dismiss,
+ *   slide+fade in/out from the anchored edge. Six positions
+ *   (top|bottom × left|center|right) align with sonner's positions.
+ *
+ * Both packages share the imperative `toast(...)` API, which keeps
+ * userland identical across platforms.
+ */
+declare const Toaster: (props: ToasterProps) => ReturnType<typeof createElement> | null;
+
+/**
+ * Imperative toast API.
+ *
+ * - Web → delegates to `sonner` (Emil Kowalski).
+ * - Native → delegates to `sonner-native` (Gunnar Torfi's port).
+ *
+ * Userland never branches on `Platform.OS` — `toast(...)`, `toast.success(...)`
+ * and friends call the right package transparently.
+ *
+ * Example:
+ *   ```tsx
+ *   import { toast, Toaster } from '@nori-ui/core';
+ *
+ *   function App() {
+ *     return (
+ *       <>
+ *         <Button onPress={() => toast.success('Saved')}>Save</Button>
+ *         <Toaster position="top-right" richColors />
+ *       </>
+ *     );
+ *   }
+ *   ```
+ */
+type ToastId = string | number;
+declare const toast: ((title: ReactNode, options?: ToastOptions) => ToastId) & {
+    success: (title: ReactNode, options?: ToastOptions) => ToastId;
+    error: (title: ReactNode, options?: ToastOptions) => ToastId;
+    warning: (title: ReactNode, options?: ToastOptions) => ToastId;
+    info: (title: ReactNode, options?: ToastOptions) => ToastId;
+    message: (title: ReactNode, options?: ToastOptions) => ToastId;
+    dismiss: (id?: ToastId) => void;
+    promise: <T>(promise: Promise<T> | (() => Promise<T>), opts: {
+        loading: ReactNode;
+        success: ReactNode | ((data: T) => ReactNode);
+        error: ReactNode | ((err: unknown) => ReactNode);
+    }) => ToastId;
+};
+
+export { type ToastAction, type ToastOptions, type ToastTone, Toaster, type ToasterPosition, type ToasterProps, toast };

package/dist/components/Toast/index.js

@@ -0,0 +1,4 @@
+export { Toaster, toast } from '../../chunk-LWLK6HSW.js';
+import '../../chunk-WCQVDF3K.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}