@openwarelabs/ui 0.0.0-stage → 0.1.1

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,12 @@
+import { type TextareaHTMLAttributes } from "react";
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Grows with its text, up to `autoGrowMaxHeight`, then scrolls. */
+    autoGrow?: boolean;
+    /** The tallest an auto-growing box gets. A number is pixels. Default 180. */
+    autoGrowMaxHeight?: number | string;
+    /** Borderless and transparent, for use inside your own field container (a chat composer). */
+    bare?: boolean;
+    isInvalid?: boolean;
+}
+/** A multi-line text field, 72px tall at least; it can grow with its text. */
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Toast/Toast.d.cts

@@ -0,0 +1,41 @@
+import { toast, type ExternalToast, type ToasterProps as SonnerToasterProps } from "sonner";
+/**
+ * Shows a toast; needs one <Toaster /> on the page. This is sonner's `toast`:
+ * `toast("Copied")`, `toast.success("Saved", { description })`, `toast.error(…)`, `toast.warning(…)`, `toast.info(…)`,
+ * `toast.loading("Deploying…")`, `toast.promise(save(), { loading, success, error })`, `toast.dismiss(id)`.
+ * Pass `action: { label: "Undo", onClick }` for a button, and reuse an `id` to replace a toast.
+ */
+export { toast };
+/** Everything a toast takes besides its message: description, action, cancel, id, duration, icon, onDismiss… */
+export type ToastOptions = ExternalToast;
+export interface ToasterProps {
+    /** @default "bottom-center" */
+    position?: SonnerToasterProps["position"];
+    /** Shows every toast in full, instead of a stack that fans out on hover.
+     * @default false */
+    expand?: boolean;
+    /** How many show at once; the rest wait their turn.
+     * @default 3 */
+    visibleToasts?: number;
+    /** Milliseconds before a toast goes. A toast's own `duration` wins; Infinity keeps it until closed.
+     * @default 6000 */
+    duration?: number;
+    /** A ✕ on each toast.
+     * @default true */
+    closeButton?: boolean;
+    /** Distance from the edge of the window, in pixels.
+     * @default 16 */
+    offset?: number;
+    /** Gap between toasts when the stack is open, in pixels.
+     * @default 10 */
+    gap?: number;
+    /** For a second toaster that only shows toasts sent with the same `toasterId`. */
+    id?: string;
+    className?: string;
+}
+/**
+ * Where toasts appear: sonner's toaster in Openware's look. New toasts stack on top of each other; hovering
+ * fans the stack out, a swipe dismisses one, and they pause while hovered or focused. Render one near the
+ * root of the app. It keeps itself above modal dialogs, so a toast fired from a dialog shows over it.
+ */
+export declare function Toaster({ position, expand, visibleToasts, duration, closeButton, offset, gap, id, className, }: ToasterProps): import("react").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { toast, type ExternalToast, type ToasterProps as SonnerToasterProps } from "sonner";
+/**
+ * Shows a toast; needs one <Toaster /> on the page. This is sonner's `toast`:
+ * `toast("Copied")`, `toast.success("Saved", { description })`, `toast.error(…)`, `toast.warning(…)`, `toast.info(…)`,
+ * `toast.loading("Deploying…")`, `toast.promise(save(), { loading, success, error })`, `toast.dismiss(id)`.
+ * Pass `action: { label: "Undo", onClick }` for a button, and reuse an `id` to replace a toast.
+ */
+export { toast };
+/** Everything a toast takes besides its message: description, action, cancel, id, duration, icon, onDismiss… */
+export type ToastOptions = ExternalToast;
+export interface ToasterProps {
+    /** @default "bottom-center" */
+    position?: SonnerToasterProps["position"];
+    /** Shows every toast in full, instead of a stack that fans out on hover.
+     * @default false */
+    expand?: boolean;
+    /** How many show at once; the rest wait their turn.
+     * @default 3 */
+    visibleToasts?: number;
+    /** Milliseconds before a toast goes. A toast's own `duration` wins; Infinity keeps it until closed.
+     * @default 6000 */
+    duration?: number;
+    /** A ✕ on each toast.
+     * @default true */
+    closeButton?: boolean;
+    /** Distance from the edge of the window, in pixels.
+     * @default 16 */
+    offset?: number;
+    /** Gap between toasts when the stack is open, in pixels.
+     * @default 10 */
+    gap?: number;
+    /** For a second toaster that only shows toasts sent with the same `toasterId`. */
+    id?: string;
+    className?: string;
+}
+/**
+ * Where toasts appear: sonner's toaster in Openware's look. New toasts stack on top of each other; hovering
+ * fans the stack out, a swipe dismisses one, and they pause while hovered or focused. Render one near the
+ * root of the app. It keeps itself above modal dialogs, so a toast fired from a dialog shows over it.
+ */
+export declare function Toaster({ position, expand, visibleToasts, duration, closeButton, offset, gap, id, className, }: ToasterProps): import("react").JSX.Element;

package/dist/components/Tooltip/Tooltip.d.cts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export interface TooltipProps {
+    /** A few words. */
+    label: ReactNode;
+    /** The thing it explains: usually an icon-only Button with the same words as its aria-label. */
+    children: ReactNode;
+    /** Which side it prefers; it flips when there's no room.
+     * @default "top" */
+    placement?: "top" | "bottom";
+    /** Milliseconds of hovering before it shows. Moving to a neighbour while one is showing skips the wait.
+     * @default 400 */
+    delay?: number;
+}
+/**
+ * A small dark label above its child on hover or keyboard focus. It's for sighted users only: the child
+ * carries the same words for screen readers (an aria-label, or visually hidden text), so they aren't read twice.
+ * It sits in the top layer, so scroll areas and dialogs can't clip it.
+ */
+export declare function Tooltip({ children, label, placement, delay }: TooltipProps): import("react").JSX.Element;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export interface TooltipProps {
+    /** A few words. */
+    label: ReactNode;
+    /** The thing it explains: usually an icon-only Button with the same words as its aria-label. */
+    children: ReactNode;
+    /** Which side it prefers; it flips when there's no room.
+     * @default "top" */
+    placement?: "top" | "bottom";
+    /** Milliseconds of hovering before it shows. Moving to a neighbour while one is showing skips the wait.
+     * @default 400 */
+    delay?: number;
+}
+/**
+ * A small dark label above its child on hover or keyboard focus. It's for sighted users only: the child
+ * carries the same words for screen readers (an aria-label, or visually hidden text), so they aren't read twice.
+ * It sits in the top layer, so scroll areas and dialogs can't clip it.
+ */
+export declare function Tooltip({ children, label, placement, delay }: TooltipProps): import("react").JSX.Element;