asheeui 2.0.0 → 2.2.1

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

@@ -1,133 +0,0 @@
-import { default as React, TextareaHTMLAttributes } from 'react';
-import { KeyboardOpenOptions } from '../keyboard';
-import { TextAreaConfig } from './textarea-config';
-type BaseTextareaProps = TextAreaConfig & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "color" | "children">;
-/**
- * Configuration options for the Textarea component.
- */
-export interface TextareaProps extends BaseTextareaProps {
-    /**
-     * Label text for the textarea.
-     * Displayed above the input field.
-     */
-    label?: string;
-    /**
-     * Whether the textarea is in a loading state.
-     * Shows a loading spinner next to the label.
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Description text shown below the label.
-     * Provides additional context about the textarea.
-     */
-    description?: string;
-    /**
-     * Validation message shown below the textarea.
-     * Color is determined by the status prop.
-     */
-    message?: string;
-    /**
-     * Whether the field is required.
-     * Adds a required indicator (*) to the label.
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Whether the virtual keyboard should be enabled for mobile devices.
-     * Controls the inputmode attribute.
-     *
-     * When enabled, the textarea will use the virtual keyboard system.
-     * Can also be an object to configure the keyboard behavior.
-     *
-     * @default true
-     */
-    enableVirtualKeyboard?: boolean | KeyboardOpenOptions;
-}
-/**
- * A multi-line text input with label, description, validation message,
- * and virtual keyboard support.
- *
- * Textarea renders a textarea with consistent styling and field layout.
- * It supports validation states, loading state, configurable rows, and
- * the standard AsheeUI cascade for visual tokens. The component integrates
- * with FieldShell for label, description, and message handling.
- *
- * The component automatically handles accessibility attributes including
- * aria-invalid, aria-describedby, and proper focus management. It also
- * supports mobile virtual keyboard control via the enableVirtualKeyboard prop.
- *
- * @param props - Textarea configuration options and native textarea props.
- * @param props.label - Label text for the textarea.
- * @param props.isLoading - Loading state. Defaults to false.
- * @param props.description - Description text.
- * @param props.message - Validation message.
- * @param props.required - Whether the field is required. Defaults to false.
- * @param props.enableVirtualKeyboard - Enable mobile virtual keyboard. Defaults to true.
- * @param props.rows - Number of visible text rows. Defaults to 4.
- * @param props.size - Size of the textarea. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "md".
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.status - Validation status.
- * @param props.labelAlign - Alignment of the label. Defaults to "left".
- * @param props.disabled - Whether the textarea is disabled.
- * @param props.className - Extra CSS classes for the textarea.
- * @param props.id - Optional ID for the field.
- * @param props.style - Inline styles for the textarea.
- *
- * @example
- * ```tsx
- * import { Textarea } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [value, setValue] = useState("");
- *
- *   return (
- *     <Textarea
- *       label="Message"
- *       description="Write your message here"
- *       placeholder="Type your message..."
- *       value={value}
- *       onChange={(e) => setValue(e.target.value)}
- *       rows={6}
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With validation state
- * <Textarea
- *   label="Feedback"
- *   status="error"
- *   message="Feedback must be at least 10 characters"
- *   required
- * />
- * ```
- *
- * @example
- * ```tsx
- * // With virtual keyboard configuration
- * <Textarea
- *   label="Numeric Input"
- *   enableVirtualKeyboard={{
- *     layout: "numeric",
- *     size: "lg",
- *     color: "primary"
- *   }}
- * />
- * ```
- *
- * @see TextAreaConfig - The configuration type for component defaults.
- * @see FieldShell - The wrapper component for label and validation.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- * @see useKeyboardField - Hook for connecting inputs to the virtual keyboard.
- */
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export {};
-//# sourceMappingURL=Textarea.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAEZ,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AAiBf,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,aAAa,CAAC;AACzE,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAQ3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CACF,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CACvD;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,eAAO,MAAM,QAAQ,2FAyLpB,CAAC"}

package/dist/components/textarea/Textarea.js

@@ -1,53 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
-import { FieldShell as ee } from "../field/FieldShell.js";
-import { useKeyboardField as s } from "../keyboard/use-keyboard-field.js";
-import { FALLBACK_TEXTAREA_CONFIG as c } from "./textarea-config.js";
-import { TEXTAREA_SIZE_CLASS as te, TEXTAREA_STATUS_BORDER_CLASS as l } from "./textarea-styles.js";
-import { forwardRef as u, useCallback as d, useId as f, useImperativeHandle as p, useRef as m } from "react";
-import { jsx as h } from "react/jsx-runtime";
-//#region src/components/textarea/Textarea.tsx
-var g = u(({ size: u, radius: g, variant: _, color: v, status: y, label: b, labelAlign: x, description: S, message: C, required: w, isLoading: T, rows: E, id: D, className: O, disabled: k, style: A, onFocus: j, onBlur: M, enableVirtualKeyboard: N = !0, ...P }, F) => {
-	let I = r(), L = I.components?.textarea, R = m(null);
-	p(F, () => R.current);
-	let z = f(), B = D ?? z, V = S ? `${B}-description` : void 0, H = C ? `${B}-message` : void 0, U = [V, H].filter(Boolean).join(" ") || void 0, { handleFocus: W, handleBlur: G } = s(B, R, !!N, typeof N == "object" && N ? N : void 0), K = d((e) => {
-		W(e), j?.(e);
-	}, [W, j]), q = d((e) => {
-		G(), M?.(e);
-	}, [G, M]), J = i(u, L?.size, void 0, c.size), Y = i(_, L?.variant, I.defaultVariant, c.variant), X = i(v, L?.color, I.defaultColor, c.color), Z = (e) => e === "full" ? "xl" : e, Q = o(Z(g), Z(L?.radius), I.defaultRadius, c.radius), $ = y ?? c.status, ne = i(x, L?.labelAlign, void 0, c.labelAlign), re = i(E, L?.rows, void 0, c.rows), ie = n(Y, X), ae = $ === "default" ? "" : l[$], oe = Y === "underlined" ? "rounded-none" : a(Q, t, c.radius);
-	return /* @__PURE__ */ h(ee, {
-		id: B,
-		label: b,
-		labelAlign: ne,
-		description: S,
-		descriptionId: V,
-		message: C,
-		messageId: H,
-		status: $,
-		required: w,
-		isLoading: T,
-		children: /* @__PURE__ */ h("textarea", {
-			ref: R,
-			id: B,
-			disabled: k,
-			required: w,
-			rows: re,
-			"aria-busy": T,
-			"aria-invalid": $ === "error",
-			"aria-describedby": U,
-			onFocus: K,
-			onBlur: q,
-			className: e("resize-y w-full text-foreground outline-none transition-colors shrink-0", "focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", te[J], ie, ae, oe, O),
-			style: A,
-			...P
-		})
-	});
-});
-g.displayName = "Textarea";
-//#endregion
-export { g as Textarea };

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

@@ -1,3 +0,0 @@
-export * from './Textarea';
-export * from './textarea-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/textarea/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/components/textarea/index.js

@@ -1,3 +0,0 @@
-export * from "./Textarea.js";
-export * from "./textarea-config.js";
-export * from "./textarea-styles.js";

package/dist/components/textarea/textarea-config.d.ts

@@ -1,33 +0,0 @@
-import { FieldConfig } from '../field/field-config';
-/**
- * Theme configuration options for the Textarea component.
- *
- * Set under `components.textarea` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface TextAreaConfig extends FieldConfig {
-    /**
-     * Default number of visible text rows.
-     * Controls the initial height of the textarea.
-     *
-     * @default 4
-     */
-    rows?: number;
-}
-/**
- * Default config values registered for the Textarea component.
- * Inherits field defaults and sets default rows to 4.
- */
-export declare const defaultTextAreaConfig: TextAreaConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_TEXTAREA_CONFIG: Required<TextAreaConfig>;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        textarea: TextAreaConfig;
-    }
-}
-//# sourceMappingURL=textarea-config.d.ts.map

package/dist/components/textarea/textarea-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-config.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,cAAc,CAGpD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

package/dist/components/textarea/textarea-config.js

@@ -1,14 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as t, defaultFieldConfig as n } from "../field/field-config.js";
-//#region src/components/textarea/textarea-config.ts
-var r = {
-	...n,
-	rows: 4
-}, i = {
-	...t,
-	rows: 4
-};
-e("textarea", r);
-//#endregion
-export { i as FALLBACK_TEXTAREA_CONFIG, r as defaultTextAreaConfig };

package/dist/components/textarea/textarea-styles.d.ts

@@ -1,13 +0,0 @@
-import { FieldSizeKey, FieldStatus } from '../field/field-config';
-/**
- * CSS classes for textarea padding and font size.
- * Maps size keys to Tailwind padding and text size classes.
- */
-export declare const TEXTAREA_SIZE_CLASS: Record<FieldSizeKey, string>;
-/**
- * CSS classes for textarea status border styles.
- * Maps status values to Tailwind classes for border and
- * focus ring colors. Re-exports FIELD_STATUS_BORDER_CLASS.
- */
-export declare const TEXTAREA_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
-//# sourceMappingURL=textarea-styles.d.ts.map

package/dist/components/textarea/textarea-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-styles.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGvE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAC1C,CAAC"}

package/dist/components/textarea/textarea-styles.js

@@ -1,10 +0,0 @@
-"use client";
-import { FIELD_STATUS_BORDER_CLASS as e } from "../field/field-styles.js";
-//#region src/components/textarea/textarea-styles.ts
-var t = {
-	sm: "p-2 text-xs",
-	md: "p-3 text-sm",
-	lg: "p-4 text-base"
-}, n = e;
-//#endregion
-export { t as TEXTAREA_SIZE_CLASS, n as TEXTAREA_STATUS_BORDER_CLASS };

package/dist/components/toast/ToastContext.d.ts

@@ -1,122 +0,0 @@
-import { ReactNode } from 'react';
-import { Radius, Size, Variant } from '../../shared';
-import { ToastItemData, ToastPlacement, ToastShowOptions } from './toast-config';
-/**
- * Context type for the toast system.
- * Provides methods for showing and managing toast notifications.
- */
-export interface ToastContextType {
-    /**
-     * Array of currently active toast items.
-     */
-    toasts: ToastItemData[];
-    /**
-     * Show a toast with the given options.
-     * Returns the toast ID.
-     */
-    toast: (options: ToastShowOptions | string) => string;
-    /**
-     * Show a success toast.
-     * Returns the toast ID.
-     */
-    success: (message: ReactNode, options?: Partial<ToastShowOptions>) => string;
-    /**
-     * Show an error toast.
-     * Returns the toast ID.
-     */
-    error: (message: ReactNode, options?: Partial<ToastShowOptions>) => string;
-    /**
-     * Show an info toast.
-     * Returns the toast ID.
-     */
-    info: (message: ReactNode, options?: Partial<ToastShowOptions>) => string;
-    /**
-     * Show a warning toast.
-     * Returns the toast ID.
-     */
-    warning: (message: ReactNode, options?: Partial<ToastShowOptions>) => string;
-    /**
-     * Remove a toast by ID.
-     */
-    removeToast: (id: string) => void;
-    /**
-     * Clear all active toasts.
-     */
-    clearToasts: () => void;
-    /**
-     * The portal target element for toast rendering.
-     * When portal is enabled, toasts are rendered into this element.
-     * Defaults to document.body.
-     */
-    portalTarget?: HTMLElement | null;
-    /**
-     * The default placement for toasts.
-     */
-    defaultPlacement: ToastPlacement;
-    /**
-     * The default size for toasts.
-     */
-    defaultSize: Size;
-    /**
-     * The default variant for toasts.
-     */
-    defaultVariant: Variant;
-    /**
-     * The default radius for toasts.
-     */
-    defaultRadius: Radius;
-    /**
-     * Whether toasts are animated by default.
-     */
-    defaultAnimated: boolean;
-}
-export declare const ToastContext: import('react').Context<ToastContextType | null>;
-/**
- * Hook for accessing the toast system.
- *
- * useToast returns methods for showing toast notifications with
- * different types (success, error, info, warning). Each toast can be
- * customized with its own size, placement, variant, radius, and animation
- * settings. Must be used within a ToastProvider component.
- *
- * @returns The toast context with methods for showing and managing toasts.
- *         If used outside a ToastProvider, returns safe fallback methods.
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const toast = useToast();
- *
- *   const handleClick = () => {
- *     toast.success("Saved successfully!");
- *   };
- *
- *   return <button onClick={handleClick}>Save</button>;
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Customize individual toast appearance
- * function MyComponent() {
- *   const toast = useToast();
- *
- *   const showCustomToast = () => {
- *     toast.info("Custom notification", {
- *       placement: "bottom-left",
- *       size: "lg",
- *       variant: "solid",
- *       radius: "full",
- *       animated: false,
- *       timeout: 5000,
- *     });
- *   };
- *
- *   return <button onClick={showCustomToast}>Show Custom Toast</button>;
- * }
- * ```
- *
- * @see ToastProvider - The provider component that enables the toast system.
- */
-export declare function useToast(): ToastContextType;
-//# sourceMappingURL=ToastContext.d.ts.map

package/dist/components/toast/ToastContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAIxB;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IAExB;;;OAGG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,KAAK,MAAM,CAAC;IAEtD;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAE7E;;;OAGG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAE3E;;;OAGG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAE1E;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAE7E;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,gBAAgB,EAAE,cAAc,CAAC;IAEjC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAC;IAElB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,eAAO,MAAM,YAAY,kDAA+C,CAAC;AAIzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,QAAQ,qBAqBvB"}

package/dist/components/toast/ToastContext.js

@@ -1,24 +0,0 @@
-"use client";
-import { createContext as e, useContext as t } from "react";
-//#region src/components/toast/ToastContext.tsx
-var n = e(null);
-function r() {
-	return t(n) || {
-		toasts: [],
-		toast: () => "",
-		success: () => "",
-		error: () => "",
-		info: () => "",
-		warning: () => "",
-		removeToast: () => {},
-		clearToasts: () => {},
-		portalTarget: null,
-		defaultPlacement: "top-right",
-		defaultSize: "md",
-		defaultVariant: "bordered",
-		defaultRadius: "md",
-		defaultAnimated: !0
-	};
-}
-//#endregion
-export { n as ToastContext, r as useToast };

package/dist/components/toast/ToastItem.d.ts

@@ -1,71 +0,0 @@
-import { Color, Radius, Size, Variant } from '../../shared';
-import { ToastItemData, ToastPlacement } from './toast-config';
-/**
- * Props for the ToastItem component.
- * Extends ToastItemData with additional configuration and callbacks.
- */
-export interface ToastItemProps extends ToastItemData {
-    /**
-     * Callback fired when the toast should be dismissed.
-     */
-    onDismiss: (id: string) => void;
-    /**
-     * Placement of the toast container.
-     * Determines the animation direction.
-     */
-    placement: ToastPlacement;
-    /**
-     * Size scale of the toast.
-     */
-    size: Size;
-    /**
-     * Visual style variant of the toast.
-     */
-    variant: Variant;
-    /**
-     * Theme color of the toast.
-     * Overrides the auto-detected color from the type.
-     */
-    color?: Color;
-    /**
-     * Corner rounding of the toast.
-     */
-    radius: Radius;
-    /**
-     * Whether the toast has animations.
-     */
-    animated?: boolean;
-}
-/**
- * A single toast notification item.
- *
- * ToastItem renders a toast notification with icon, title, message,
- * optional action, and dismiss button. It supports pause on hover,
- * enter/exit animations, and configurable styling. The component uses
- * the usePausableTimeout hook to pause auto-dismissal during hover.
- *
- * @param props - ToastItem configuration options.
- * @param props.id - Unique identifier for the toast.
- * @param props.title - Optional title text.
- * @param props.message - The main message content.
- * @param props.type - Type of toast. Defaults to "info".
- * @param props.timeout - Duration before auto-dismissal. Defaults to 3500.
- * @param props.icon - Custom icon element.
- * @param props.action - Action element rendered below the message.
- * @param props.dismissible - Whether the toast can be dismissed. Defaults to true.
- * @param props.onDismiss - Callback fired when the toast is dismissed.
- * @param props.placement - Placement of the toast container.
- * @param props.size - Size scale of the toast.
- * @param props.variant - Visual style variant.
- * @param props.color - Theme color override.
- * @param props.radius - Corner rounding.
- * @param props.animated - Whether the toast has animations.
- *
- * @see ToastItemData - The data structure for toast notifications.
- * @see usePausableTimeout - Hook for pausing auto-dismissal.
- */
-export declare function ToastItem({ id, title, message, type, timeout, icon, action, dismissible, onDismiss, placement, size, variant, color, radius, animated, }: ToastItemProps): import("react").JSX.Element;
-export declare namespace ToastItem {
-    var displayName: string;
-}
-//# sourceMappingURL=ToastItem.d.ts.map

package/dist/components/toast/ToastItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastItem.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,MAAM,EAEX,KAAK,IAAI,EACT,KAAK,OAAO,EACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EAEpB,MAAM,gBAAgB,CAAC;AA0DxB;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAa,EACb,OAAc,EACd,IAAI,EACJ,MAAM,EACN,WAAkB,EAClB,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,+BA0HhB;yBA1Ie,SAAS"}

package/dist/components/toast/ToastItem.js

@@ -1,87 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a } from "../../utils/resolve-token.js";
-import { CheckIcon as o } from "../../icons/CheckIcon.js";
-import { CloseIcon as s } from "../../icons/CloseIcon.js";
-import { ErrorIcon as c } from "../../icons/ErrorIcon.js";
-import { InfoIcon as l } from "../../icons/InfoIcon.js";
-import { WarningIcon as u } from "../../icons/WarningIcon.js";
-import { FALLBACK_TOAST_CONFIG as d } from "./toast-config.js";
-import { TOAST_ANIMATION_STATE as f, TOAST_FONT_CLASS as p, TOAST_PADDING_CLASS as m, TOAST_TITLE_FONT_CLASS as h, TOAST_WIDTH_CLASS as g } from "./toast-styles.js";
-import { usePausableTimeout as _ } from "./use-pausable-timeout.js";
-import { useCallback as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region src/components/toast/ToastItem.tsx
-function S(e = "info") {
-	switch (e) {
-		case "success": return "success";
-		case "error": return "danger";
-		case "warning": return "warning";
-		case "info": return "primary";
-		default: return "secondary";
-	}
-}
-function C(t = "info", n = !1) {
-	let r = e("w-5 h-5", n && "text-current");
-	switch (t) {
-		case "success": return /* @__PURE__ */ b(o, { className: e(r, !n && "text-success") });
-		case "error": return /* @__PURE__ */ b(c, { className: e(r, !n && "text-danger") });
-		case "warning": return /* @__PURE__ */ b(u, { className: e(r, !n && "text-warning") });
-		default: return /* @__PURE__ */ b(l, { className: e(r, !n && "text-primary") });
-	}
-}
-function w({ id: o, title: c, message: l, type: u = "info", timeout: w = 3500, icon: T, action: E, dismissible: D = !0, onDismiss: O, placement: k, size: A, variant: j, color: M, radius: N, animated: P }) {
-	let F = r().components?.toast, [I, L] = y(!1), R = i(P, F?.animated, void 0, d.animated), z = v(() => {
-		R && !I ? (L(!0), setTimeout(() => {
-			O(o);
-		}, 150)) : O(o);
-	}, [
-		R,
-		I,
-		O,
-		o
-	]), { pause: B, resume: V } = _(z, w), H = M ?? S(u), U = j === "solid", W = a(A, g, d.size), G = a(A, m, d.size), K = a(A, p, d.size), q = a(A, h, d.size), J = a(N, t, d.radius), Y = f[k], X = P ? I ? Y.exit : Y.enter : "";
-	return /* @__PURE__ */ x("div", {
-		role: "status",
-		onMouseEnter: B,
-		onMouseLeave: V,
-		className: e("pointer-events-auto relative flex gap-3 items-start shadow-lg border backdrop-blur-md select-none scrollbar-hide overflow-hidden transition-all duration-200 active:scale-[0.99]", "bg-background", W, G, J, X, n(j, H)),
-		children: [
-			/* @__PURE__ */ b("div", {
-				className: "shrink-0 pt-0.5 ps-1",
-				children: T ?? C(u, U)
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "flex-1 min-w-0 flex flex-col gap-0.5",
-				children: [
-					c && /* @__PURE__ */ b("span", {
-						className: e("leading-tight truncate text-current", q),
-						children: c
-					}),
-					/* @__PURE__ */ b("div", {
-						className: e("leading-snug wrap-break-word opacity-90 text-current", K),
-						children: l
-					}),
-					E && /* @__PURE__ */ b("div", {
-						className: "mt-2 flex items-center gap-2",
-						children: E
-					})
-				]
-			}),
-			D && /* @__PURE__ */ b("button", {
-				type: "button",
-				onClick: () => O(o),
-				"aria-label": "Dismiss notification",
-				className: "shrink-0 p-1 rounded-md opacity-70 hover:opacity-100 hover:bg-foreground/10 transition-all cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-current",
-				children: /* @__PURE__ */ b(s, { className: "w-4 h-4" })
-			})
-		]
-	});
-}
-w.displayName = "ToastItem";
-//#endregion
-export { w as ToastItem };