@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/lib/components/Tabs/Tabs.d.ts

@@ -4,27 +4,27 @@ import { Content, List, Trigger } from './components';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**
  * A tabs component built on Radix UI primitives.
- * Supports horizontal and vertical orientations with List, Trigger, and Content sub-components.
+ * Supports horizontal and vertical orientations with List, Trigger, and Content sub-components,
+ * or a declarative `items` list.
  *
  * @example
  * ```tsx
  * <Tabs defaultValue="overview">
  *   <Tabs.List orientation="horizontal">
- *     <Tabs.Trigger tab="overview" label="Overview" isActive />
- *     <Tabs.Trigger tab="settings" label="Settings" isActive={false} />
- *     <Tabs.Trigger tab="billing" label="Billing" isActive={false} />
+ *     <Tabs.Trigger tab="overview" label="Overview" />
+ *     <Tabs.Trigger tab="settings" label="Settings" />
  *   </Tabs.List>
  *
- *   <Tabs.Content value="overview">
- *     Overview content here
- *   </Tabs.Content>
- *   <Tabs.Content value="settings">
- *     Settings content here
- *   </Tabs.Content>
- *   <Tabs.Content value="billing">
- *     Billing content here
- *   </Tabs.Content>
+ *   <Tabs.Content value="overview">Overview content here</Tabs.Content>
+ *   <Tabs.Content value="settings">Settings content here</Tabs.Content>
  * </Tabs>
+ *
+ * <Tabs
+ *   items={[
+ *     { value: 'overview', label: 'Overview', content: <Overview /> },
+ *     { value: 'settings', label: 'Settings', content: <Settings /> },
+ *   ]}
+ * />
  * ```
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tabs--docs Storybook}

package/dist/lib/components/Tabs/Tabs.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { triggerVariants } from './Tabs.variants';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**
  * Props for the Tabs component.
@@ -18,7 +18,18 @@ import * as ReactTabs from '@radix-ui/react-tabs';
  * </Tabs>
  * ```
  */
+export type TabItem = {
+    content: ReactNode;
+    contentClassName?: string;
+    label: string;
+    triggerClassName?: string;
+    value: string;
+};
 export interface Props extends ReactTabs.TabsProps, PropsWithChildren {
+    /** Declarative tabs: renders the list, triggers and contents; falls back to the first item when the active one disappears */
+    items?: TabItem[];
+    /** Additional className for the generated Tabs.List when using `items` */
+    listClassName?: string;
     /** Theme override for this component */
     theme?: Theme;
 }
@@ -32,8 +43,8 @@ export interface TriggerProps extends VariantProps<typeof triggerVariants>, Reac
     tab: string;
     /** Display label for the tab */
     label: string;
-    /** Whether this tab is active */
-    isActive: boolean;
+    /** Whether this tab is active; derived from the Tabs state when omitted */
+    isActive?: boolean;
 }
 /**
  * Props for Tabs.List component.

package/dist/lib/components/Tabs/Tabs.variants.d.ts

@@ -8,5 +8,5 @@ export declare const listVariants: (props?: ({
     variant?: "horizontal" | "vertical" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const triggerVariants: (props?: ({
-    variant?: "default" | "active" | "inactive" | null | undefined;
+    variant?: "auto" | "default" | "active" | "inactive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Tag/Tag.types.d.ts

@@ -26,6 +26,7 @@ export type Props = {
     leftIcon?: ReactNode;
     /** Additional CSS classes */
     className?: string;
+    component?: 'div' | 'li' | 'span';
     /** Data attribute for the tag value */
     'data-value'?: string;
     /** Whether the tag is in a selected state */

package/dist/lib/components/TagSelect/TagSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Props as TagProps } from '../../../components/Tag/Tag.types';
+import { Props as TagProps } from '../Tag/Tag.types';
 import { tagSelectVariants } from './TagSelect.variants';
 /**
  * Props for the TagSelect component.

package/dist/lib/components/TagSelect/components/Item/Item.types.d.ts

@@ -1,5 +1,5 @@
-import { Props as TagProps } from '../../../../../components/Tag/Tag.types';
-import { Theme } from '../../../../../domain/theme';
+import { Props as TagProps } from '../../../Tag/Tag.types';
+import { Theme } from '../../../../domain/theme';
 export type ItemProps = {
     option: TagProps;
     theme?: Theme;

package/dist/lib/components/TagSelect/components/List/List.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 export type ListProps = {
     theme?: Theme;
 };

package/dist/lib/components/TagSelect/components/Wrapper/Wrapper.types.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef } from 'react';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { Props as TagSelectProps } from '../../TagSelect.types';
 export type WrapperProps = Omit<TagSelectProps, 'options' | 'multiselect'> & {
     ref?: ForwardedRef<HTMLInputElement>;

package/dist/lib/components/TagSelect/contexts/TagSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, RefObject } from 'react';
-import { Props as TagProps } from '../../../../components/Tag/Tag.types';
+import { Props as TagProps } from '../../Tag/Tag.types';
 export type State = {
     tags: TagProps[];
     selectedTags: TagProps[];

package/dist/lib/components/TagsInput/TagsInput.d.ts

@@ -0,0 +1,20 @@
+import { Props } from './TagsInput.types';
+/**
+ * A free-text tags field. Typing a delimiter (Enter or comma) adds a tag,
+ * Backspace on an empty input removes the last one, and `suggestions` offers
+ * existing tags in a keyboard-navigable list. Mirrors the `Input` API for
+ * label, error and helper text.
+ *
+ * @example
+ * ```tsx
+ * <TagsInput
+ *   label="Tags"
+ *   value={tags}
+ *   suggestions={existingTags}
+ *   helperText="Press Enter or comma to add a tag"
+ *   onChange={setTags}
+ * />
+ * ```
+ */
+declare const TagsInput: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export { TagsInput };

package/dist/lib/components/TagsInput/TagsInput.types.d.ts

@@ -0,0 +1,37 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    /** Additional CSS classes for the field container */
+    className?: string;
+    /** Commit the typed text as a tag when the input loses focus. Defaults to true */
+    commitOnBlur?: boolean;
+    /** Keys that commit the typed text as a tag. Defaults to Enter and comma */
+    delimiters?: string[];
+    /** Error message displayed below the field */
+    error?: string;
+    /** Additional CSS classes for the error message */
+    errorClassName?: string;
+    /** Helper text displayed below the field when there is no error */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Show a spinner in the field and a loading row in the suggestions */
+    isLoading?: boolean;
+    /** Show required indicator */
+    isRequired?: boolean;
+    /** Label displayed above the field */
+    label?: ReactNode;
+    /** Content displayed at the right end of the label row */
+    labelAction?: ReactNode;
+    /** Accessible name of the spinner and the loading row */
+    loadingText?: string;
+    /** Existing tags offered while typing; already selected ones are hidden */
+    suggestions?: string[];
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Current tags */
+    value: string[];
+    /** Called with the new tags when one is added or removed */
+    onChange: (tags: string[]) => void;
+}
+export type TagsInputProps = Props;

package/dist/lib/components/TextArea/TextArea.d.ts

@@ -17,6 +17,12 @@ import { Props } from './TextArea.types';
  *   value={comments}
  *   onChange={(e) => setComments(e.target.value)}
  * />
+ *
+ * // Required textarea with validation state
+ * <TextArea label="Bio" isRequired error="Bio is required" />
+ *
+ * // Textarea with helper text
+ * <TextArea label="Bio" helperText="Max 200 characters" />
  * ```
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-textarea--docs Storybook}

package/dist/lib/components/TextArea/TextArea.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { ReactNode, TextareaHTMLAttributes } from 'react';
+import { Theme } from '../../domain/theme';
 import { textAreaVariants } from './TextArea.variants';
 /**
  * Props for the TextArea component.
@@ -10,13 +10,24 @@ import { textAreaVariants } from './TextArea.variants';
  * <TextArea label="Description" placeholder="Enter description..." />
  * <TextArea label="Notes" rows={5} />
  * <TextArea name="bio" initialValue="Default text" />
+ * <TextArea label="Bio" isRequired error="Bio is required" />
  * ```
  */
-export interface Props extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
+export interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
     /** Number of visible text rows (default: 3) */
     rows?: number;
+    /** Error message to display below the textarea */
+    error?: string;
+    /** Helper text displayed below the textarea when no error */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Show required indicator (*) next to label */
+    isRequired?: boolean;
     /** Label displayed above the textarea */
     label?: string | ReactNode;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
     /** Additional CSS classes for the label wrapper */
     labelWrapperClassName?: string;
     /** Form field name */

package/dist/lib/components/TextArea/TextArea.variants.d.ts

@@ -1 +1,4 @@
-export declare const textAreaVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const textAreaVariants: (props?: ({
+    variant?: "error" | "default" | null | undefined;
+    isExpandable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/TimePicker/TimePicker.types.d.ts

@@ -28,8 +28,12 @@ export type Props = VariantProps<typeof timePickerVariants> & {
     time?: Date;
     /** Form field name */
     name?: string;
+    /** Id of the rendered control, for consumer-owned labels */
+    id?: string;
     /** Label displayed above the picker */
     label?: string;
+    /** Accessible name, when the visible label is rendered by the consumer */
+    ariaLabel?: string;
     /** Whether the field is required */
     isRequired?: boolean;
     /** Additional CSS classes for the wrapper */

package/dist/lib/components/TimePicker/components/WrapperList/WrapperList.types.d.ts

@@ -1,5 +1,6 @@
 import { Props as TimePickerProps } from '../../TimePicker.types';
 export type WrapperListProps = {
+    id?: string;
     isOpen: boolean;
     scrollBehavior?: TimePickerProps['scrollBehavior'];
     listClassName?: TimePickerProps['listClassName'];

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

@@ -1,25 +1,31 @@
 import { FC } from 'react';
 import { Props } from './Toast.types';
 /**
- * A toast notification component built on Radix UI primitives.
- * Wraps a trigger element and shows a toast when clicked.
+ * A stack of toast notifications anchored to the bottom-right corner.
+ *
+ * The newest toast sits in front; older ones peek out behind it and the whole
+ * stack expands on hover, focus or a tap, holding every auto-dismiss countdown
+ * until the pointer leaves, focus moves out, a tap lands outside or the window
+ * loses focus. Each toast can also be swiped sideways to dismiss it. By default
+ * each toast then resumes with the time it had left; `hoverBehavior="restart"`
+ * gives them their full duration again and dismisses them one by one.
+ * Rendered through a portal on `document.body` so no ancestor can clip or
+ * cover it, and themed through the `data-theme` it lands under.
  *
  * @example
  * ```tsx
- * const [open, setOpen] = useState(false);
+ * <App />
+ * <Toast limit={5} duration={3000} />
  *
- * <Toast
- *   open={open}
- *   setOpen={setOpen}
- *   title="Saved"
- *   description="Your changes have been saved successfully"
- *   variant="success"
- *   duration={3000}
- * >
- *   <Button>Save Changes</Button>
- * </Toast>
+ * const { addToast } = useToast();
+ * addToast({ title: 'Saved', type: 'success' });
  * ```
  *
- * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-toast--docs Storybook}
+ * No `ToastProvider` is needed: the stack and `useToast()` share a built-in
+ * store that `duration` and `limit` configure (`limit={1}` shows one toast at
+ * a time). Wrap a subtree in `ToastProvider` to scope or inject a store, or
+ * pass `toasts` and `onDismiss` to drive the stack from your own state.
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/in-review-toast-light--docs Storybook}
  */
 export declare const Toast: FC<Props>;

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

@@ -1,48 +1,80 @@
-import { VariantProps } from 'class-variance-authority';
-import { PropsWithChildren, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
-import { toastVariants } from './Toast.variants';
+import { ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export type ToastItem = {
+    /** Description text or element */
+    description?: ReactNode;
+    /** Auto-dismiss duration in ms; 0 keeps the toast until dismissed (default: 3000) */
+    duration?: number;
+    /** Stable identifier, also passed to `onDismiss` */
+    id: string;
+    /** Show close button (default: true) */
+    showCloseButton?: boolean;
+    /** Title text or element */
+    title: ReactNode;
+    /** Visual type (default: 'info') */
+    type?: ToastType;
+};
+export type ToastInput = Omit<ToastItem, 'id'>;
+export type ToastHoverBehavior = 'resume' | 'restart';
+export type ToastHeights = Record<string, number>;
 /**
- * Props for the Toast component.
+ * Props for the Toast stack.
  *
  * @example
  * ```tsx
- * const [open, setOpen] = useState(false);
- *
- * <Toast
- *   open={open}
- *   setOpen={setOpen}
- *   title="Success"
- *   description="Your changes have been saved"
- *   variant="success"
- * >
- *   <Button onClick={() => setOpen(true)}>Show Toast</Button>
- * </Toast>
+ * <ToastProvider>
+ *   <App />
+ *   <Toast />
+ * </ToastProvider>
  * ```
  */
-export interface Props extends PropsWithChildren, VariantProps<typeof toastVariants> {
-    /** Additional CSS classes for the toast */
+export type Props = {
+    /**
+     * Size each toast to its content, growing leftwards up to the viewport
+     * width, instead of the region's fixed width (default: false)
+     */
+    autoWidth?: boolean;
+    /** Additional CSS classes for the fixed region */
     className?: string;
-    /** CSS classes for the close button */
-    closeButtonClassName?: string;
-    /** Description text or element */
-    description: string | ReactNode;
-    /** CSS classes for the description */
-    descriptionClassName?: string;
-    /** Auto-dismiss duration in ms (default: 5000) */
+    /** Accessible name of every close button (default: 'Close toast') */
+    closeLabel?: string;
+    /** Portal target (default: document.body) */
+    container?: Element | null;
+    /**
+     * Auto-dismiss duration applied to toasts published without one, set on
+     * the store this stack draws from (default: 3000)
+     */
     duration?: number;
-    /** Controlled open state */
-    open: boolean;
-    /** Show close button (default: true) */
-    showCloseButton?: boolean;
+    /** Render through a portal instead of in place (default: true) */
+    isPortal?: boolean;
+    /**
+     * What happens to the auto-dismiss countdowns after the stack is hovered or
+     * focused: `resume` continues each toast with the time it had left,
+     * `restart` gives every toast its full duration again and dismisses them
+     * one by one, oldest first (default: 'resume')
+     */
+    hoverBehavior?: ToastHoverBehavior;
+    /** Accessible name of the notifications region (default: 'Notifications') */
+    label?: string;
+    /**
+     * Toasts kept in the queue, dropping the oldest past it, set on the store
+     * this stack draws from (default: 5)
+     */
+    limit?: number;
+    /** Toasts kept visible while collapsed; the rest stay hidden behind (default: 3) */
+    maxVisible?: number;
     /** Theme override for this component */
     theme?: Theme;
-    /** Title text or element */
-    title: string | ReactNode;
-    /** CSS classes for the title */
-    titleClassName?: string;
-    /** Callback to update open state */
-    setOpen: (open: boolean) => void;
-}
+    /**
+     * Toasts in publish order, oldest first; the newest one is shown in front.
+     * Leave out `toasts` and `onDismiss` to read them from the nearest
+     * `ToastProvider`, or from the built-in store `useToast()` publishes to
+     * when there is none
+     */
+    toasts?: ToastItem[];
+    /** Called when a toast expires or its close button is pressed */
+    onDismiss?: (id: string) => void;
+};
 /** @deprecated Use Props instead */
 export type ToastProps = Props;

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

@@ -1,5 +1,16 @@
-export declare const toastVariants: (props?: ({
-    variant?: "success" | "info" | "warning" | "error" | null | undefined;
+export declare const toastFrameVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const toastTitleVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toastDescriptionVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toastIconVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toastCloseButtonVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const viewportToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export declare const closeToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Props } from './ToastProvider.types';
+/**
+ * Optional scope for the toast queue: everything below it publishes with
+ * `useToast()` into this store and a `<Toast />` inside draws it. Use it to
+ * inject a store shared with other code (`store`) or to isolate a subtree;
+ * without it, `<Toast />` and `useToast()` share one built-in store.
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/in-review-toast-light--docs Storybook}
+ */
+export declare const ToastProvider: FC<Props>;

package/dist/lib/components/Toast/ToastProvider.types.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { ToastStore, ToastStoreOptions } from './store/create-toast-store.types';
+/**
+ * Props for the ToastProvider.
+ *
+ * @example
+ * ```tsx
+ * <ToastProvider duration={3000} limit={5}>
+ *   <App />
+ *   <Toast />
+ * </ToastProvider>
+ * ```
+ */
+export type Props = PropsWithChildren<ToastStoreOptions & {
+    /** An existing store to share, e.g. one also exposed to other apps */
+    store?: ToastStore;
+}>;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './ToastCard.types';
+export declare const ToastCard: FC<Props>;

package/dist/lib/components/Toast/components/ToastCard/ToastCard.types.d.ts

@@ -0,0 +1,18 @@
+import { ToastItem } from '../../Toast.types';
+export type Props = {
+    autoWidth: boolean;
+    closeLabel: string;
+    expanded: boolean;
+    frontHeight: number;
+    index: number;
+    offset: number;
+    reducedMotion: boolean;
+    restartOnLeave: boolean;
+    resumeDelay: number;
+    toast: ToastItem;
+    total: number;
+    visible: boolean;
+    onDismiss: () => void;
+    onExited: (id: string) => void;
+    onHeightChange: (id: string, height: number) => void;
+};

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

@@ -0,0 +1 @@
+export * from './ToastCard/ToastCard';

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

@@ -0,0 +1,31 @@
+import { ErrorIcon } from '../../../assets/icons/components';
+import { ToastType } from '../Toast.types';
+export declare const DEFAULT_TOAST_DURATION = 3000;
+export declare const DEFAULT_TOAST_LIMIT = 5;
+export declare const TOAST_DISMISS_STAGGER_MS = 300;
+export declare const DEFAULT_MAX_VISIBLE_TOASTS = 3;
+export declare const COLLAPSED_STEP_PX = 12;
+export declare const COLLAPSED_SCALE_STEP = 0.05;
+export declare const EXPANDED_GAP_PX = 12;
+export declare const TOAST_TRANSITION: {
+    readonly type: "spring";
+    readonly stiffness: 320;
+    readonly damping: 32;
+    readonly mass: 0.9;
+};
+export declare const TOAST_ENTER_TRANSITION: {
+    readonly type: "spring";
+    readonly stiffness: 260;
+    readonly damping: 26;
+};
+export declare const TOAST_EXIT_TRANSITION: {
+    readonly duration: 0.15;
+    readonly ease: "easeOut";
+};
+export declare const TOAST_ICONS: Record<ToastType, typeof ErrorIcon>;
+export declare const SWIPE_DISMISS_DISTANCE_RATIO = 0.4;
+export declare const SWIPE_DISMISS_VELOCITY = 500;
+export declare const REDUCED_MOTION_DRAG_TRANSITION: {
+    readonly bounceStiffness: 1000000;
+    readonly bounceDamping: 10000000;
+};

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

@@ -0,0 +1 @@
+export * from './toast-store.context';

package/dist/lib/components/Toast/contexts/toast-store.context.d.ts

@@ -0,0 +1,2 @@
+import { ToastStore } from '../store/create-toast-store.types';
+export declare const ToastStoreContext: import('react').Context<ToastStore | null>;

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

@@ -0,0 +1,6 @@
+export * from './useStackExpansion/useStackExpansion';
+export * from './useToast/useToast';
+export * from './useToastHeights/useToastHeights';
+export * from './useToastSource/useToastSource';
+export * from './useToastStore/useToastStore';
+export * from './useToastTimer/useToastTimer';

package/dist/lib/components/Toast/hooks/useStackExpansion/useStackExpansion.d.ts

@@ -0,0 +1,2 @@
+import { UseStackExpansionResult } from './useStackExpansion.types';
+export declare const useStackExpansion: () => UseStackExpansionResult;

package/dist/lib/components/Toast/hooks/useStackExpansion/useStackExpansion.types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, RefObject } from 'react';
+export type StackRegionHandlers = Pick<HTMLAttributes<HTMLElement>, 'onPointerEnter' | 'onPointerLeave' | 'onPointerDown' | 'onFocus' | 'onBlur'>;
+export type UseStackExpansionResult = {
+    expanded: boolean;
+    regionRef: RefObject<HTMLElement | null>;
+    regionHandlers: StackRegionHandlers;
+};

package/dist/lib/components/Toast/hooks/useToast/useToast.d.ts

@@ -0,0 +1,2 @@
+import { ToastActions } from '../../store/create-toast-store.types';
+export declare const useToast: () => ToastActions;

package/dist/lib/components/Toast/hooks/useToastHeights/useToastHeights.d.ts

@@ -0,0 +1,2 @@
+import { UseToastHeightsResult } from './useToastHeights.types';
+export declare const useToastHeights: () => UseToastHeightsResult;

package/dist/lib/components/Toast/hooks/useToastHeights/useToastHeights.types.d.ts

@@ -0,0 +1,6 @@
+import { ToastHeights } from '../../Toast.types';
+export type UseToastHeightsResult = {
+    heights: ToastHeights;
+    removeHeight: (id: string) => void;
+    setHeight: (id: string, height: number) => void;
+};

package/dist/lib/components/Toast/hooks/useToastSource/useToastSource.d.ts

@@ -0,0 +1,2 @@
+import { UseToastSourceOptions, UseToastSourceResult } from './useToastSource.types';
+export declare const useToastSource: ({ toasts, onDismiss, }: UseToastSourceOptions) => UseToastSourceResult;

package/dist/lib/components/Toast/hooks/useToastSource/useToastSource.types.d.ts

@@ -0,0 +1,11 @@
+import { ToastStoreOptions } from '../../store/create-toast-store.types';
+import { ToastItem } from '../../Toast.types';
+export type UseToastSourceOptions = {
+    toasts?: ToastItem[];
+    onDismiss?: (id: string) => void;
+};
+export type UseToastSourceResult = {
+    toasts: ToastItem[];
+    configure: (options: ToastStoreOptions) => void;
+    dismiss: (id: string) => void;
+};

package/dist/lib/components/Toast/hooks/useToastStore/useToastStore.d.ts

@@ -0,0 +1,3 @@
+import { ToastStore, ToastStoreState } from '../../store/create-toast-store.types';
+export declare const useToastStoreApi: () => ToastStore;
+export declare const useToastStore: <T>(selector: (state: ToastStoreState) => T) => T;

package/dist/lib/components/Toast/hooks/useToastTimer/useToastTimer.d.ts

@@ -0,0 +1,2 @@
+import { UseToastTimerOptions } from './useToastTimer.types';
+export declare const useToastTimer: ({ duration, paused, restart, resumeDelay, onExpire, }: UseToastTimerOptions) => void;

package/dist/lib/components/Toast/hooks/useToastTimer/useToastTimer.types.d.ts

@@ -0,0 +1,7 @@
+export type UseToastTimerOptions = {
+    duration: number;
+    paused: boolean;
+    restart: boolean;
+    resumeDelay: number;
+    onExpire: () => void;
+};