@n3wth/ui 0.5.1 → 0.5.4

package/dist/molecules/Dropdown/Dropdown.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface DropdownProps {
+    /** Options to display */
+    options: DropdownOption[];
+    /** Controlled value (single-select) */
+    value?: string;
+    /** Controlled values (multi-select) */
+    values?: string[];
+    /** Default value for uncontrolled single-select */
+    defaultValue?: string;
+    /** Default values for uncontrolled multi-select */
+    defaultValues?: string[];
+    /** Called when selection changes (single-select) */
+    onChange?: (value: string) => void;
+    /** Called when selection changes (multi-select) */
+    onMultiChange?: (values: string[]) => void;
+    /** Enable multi-select mode */
+    multi?: boolean;
+    /** Enable search/filter input */
+    searchable?: boolean;
+    /** Placeholder text when nothing is selected */
+    placeholder?: string;
+    /** Search input placeholder */
+    searchPlaceholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Visual variant */
+    variant?: 'default' | 'glass';
+    /** Additional class names for the trigger */
+    className?: string;
+    /** Additional class names for the menu */
+    menuClassName?: string;
+    /** Use portal rendering for overflow contexts */
+    portal?: boolean;
+    /** Children for compound API (overrides options-based rendering) */
+    children?: ReactNode;
+}
+export interface DropdownTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export declare const DropdownTrigger: import('react').ForwardRefExoticComponent<DropdownTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export interface DropdownMenuProps extends HTMLAttributes<HTMLUListElement> {
+    children?: ReactNode;
+}
+export declare const DropdownMenu: import('react').ForwardRefExoticComponent<DropdownMenuProps & import('react').RefAttributes<HTMLUListElement>>;
+export interface DropdownItemProps extends HTMLAttributes<HTMLLIElement> {
+    value: string;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<DropdownItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Trigger: import('react').ForwardRefExoticComponent<DropdownTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Menu: import('react').ForwardRefExoticComponent<DropdownMenuProps & import('react').RefAttributes<HTMLUListElement>>;
+    Item: import('react').ForwardRefExoticComponent<DropdownItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/molecules/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAA;AAQd,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAsFD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,oHA0B3B,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,gHAoBxB,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,6GA0BxB,CAAA;AAyED,eAAO,MAAM,QAAQ;;;;CAkepB,CAAA"}

package/dist/molecules/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, } from './Dropdown';
+export type { DropdownProps, DropdownOption, DropdownTriggerProps, DropdownMenuProps, DropdownItemProps, } from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,YAAY,CAAA"}

package/dist/molecules/Modal/Modal.d.ts

@@ -0,0 +1,64 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'full';
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Callback when modal should close */
+    onClose: () => void;
+    /** Modal content */
+    children: ReactNode;
+    /** Size of the modal panel */
+    size?: ModalSize;
+    /** Whether clicking the backdrop closes the modal */
+    closeOnBackdropClick?: boolean;
+    /** Whether pressing Escape closes the modal */
+    closeOnEscape?: boolean;
+    /** Accessible label for the modal (used if no Modal.Header is provided) */
+    ariaLabel?: string;
+}
+export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function ModalHeader({ children, className, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalHeader {
+    var displayName: string;
+}
+export interface ModalTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    as?: 'h1' | 'h2' | 'h3' | 'h4';
+}
+export declare function ModalTitle({ children, as: Tag, className, id, ...props }: ModalTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalTitle {
+    var displayName: string;
+}
+export interface ModalDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+export declare function ModalDescription({ children, className, id, ...props }: ModalDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalDescription {
+    var displayName: string;
+}
+export interface ModalBodyProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function ModalBody({ children, className, ...props }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalBody {
+    var displayName: string;
+}
+export interface ModalFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function ModalFooter({ children, className, ...props }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalFooter {
+    var displayName: string;
+}
+export interface ModalCloseButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    /** Accessible label for the close button */
+    ariaLabel?: string;
+}
+export declare function ModalCloseButton({ ariaLabel, className, onClick, ...props }: ModalCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalCloseButton {
+    var displayName: string;
+}
+//# sourceMappingURL=Modal.d.ts.map

package/dist/molecules/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAC9E,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAYD,eAAO,MAAM,KAAK,uGA+LjB,CAAA;AAMD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAa9E;yBAbe,WAAW;;;AAiB3B,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAchG;yBAde,UAAU;;;AAkB1B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAc5F;yBAde,gBAAgB;;;AAkBhC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAa1E;yBAbe,SAAS;;;AAiBzB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAe9E;yBAfe,WAAW;;;AAmB3B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC9E,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAmB,EACnB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA+BvB;yBApCe,gBAAgB"}

package/dist/molecules/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { Modal, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, ModalCloseButton, } from './Modal';
+export type { ModalProps, ModalSize, ModalHeaderProps, ModalTitleProps, ModalDescriptionProps, ModalBodyProps, ModalFooterProps, ModalCloseButtonProps, } from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,YAAY,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,SAAS,CAAA"}

package/dist/molecules/Tabs/Tabs.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+type TabsVariant = 'underline' | 'pill';
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** The controlled active tab value */
+    value?: string;
+    /** Callback when active tab changes */
+    onChange?: (value: string) => void;
+    /** The default active tab value for uncontrolled mode */
+    defaultValue?: string;
+    /** Visual variant */
+    variant?: TabsVariant;
+    children: ReactNode;
+}
+export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
+    /** Enable glass morphism background */
+    glass?: boolean;
+    children: ReactNode;
+}
+export declare const TabsList: import('react').ForwardRefExoticComponent<TabsListProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface TabsTabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Unique value identifying this tab */
+    value: string;
+    children: ReactNode;
+}
+export declare const TabsTab: import('react').ForwardRefExoticComponent<TabsTabProps & import('react').RefAttributes<HTMLButtonElement>>;
+export interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** The tab value this panel corresponds to */
+    value: string;
+    children: ReactNode;
+}
+export declare const TabsPanel: import('react').ForwardRefExoticComponent<TabsPanelProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/molecules/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAId,KAAK,WAAW,GAAG,WAAW,GAAG,MAAM,CAAA;AAuBvC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,IAAI,sGAoChB,CAAA;AAMD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,QAAQ,0GAyFpB,CAAA;AAMD,MAAM,WAAW,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,OAAO,4GAkGnB,CAAA;AAMD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,2GAqBrB,CAAA"}

package/dist/molecules/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { Tabs, TabsList, TabsTab, TabsPanel } from './Tabs';
+export type { TabsProps, TabsListProps, TabsTabProps, TabsPanelProps } from './Tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC3D,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA"}

package/dist/molecules/Toast/Toast.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface ToastData {
+    id: string;
+    variant: ToastVariant;
+    title?: string;
+    description?: string;
+    duration?: number;
+    icon?: ReactNode;
+}
+export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: ToastVariant;
+    title?: string;
+    description?: string;
+    duration?: number;
+    icon?: ReactNode;
+    onDismiss?: () => void;
+    open?: boolean;
+}
+export declare const Toast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface ToastContainerProps extends HTMLAttributes<HTMLDivElement> {
+    position?: ToastPosition;
+    children?: ReactNode;
+}
+export declare function ToastContainer({ position, children, className, ...props }: ToastContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/molecules/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAKd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAE/E,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,CAAA;AAEnB,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,YAAY,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAoCD,eAAO,MAAM,KAAK,uGAiHjB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAWD,wBAAgB,cAAc,CAAC,EAC7B,QAAsB,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAgBrB"}

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

@@ -0,0 +1,3 @@
+export { Toast, ToastContainer } from './Toast';
+export type { ToastProps, ToastContainerProps, ToastVariant, ToastPosition, ToastData, } from './Toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC/C,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,SAAS,GACV,MAAM,SAAS,CAAA"}

package/dist/styles.css

@@ -637,6 +637,18 @@ body {
   animation: connectionDraw 0.3s ease-out forwards;
 }
 
+/* Toast slide in */
+@keyframes toastSlideIn {
+  from {
+    opacity: 0;
+    transform: translateX(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
 /* Hover preview entrance */
 @keyframes hoverPreviewEnter {
   from {
@@ -1205,6 +1217,14 @@ body {
     animation: none !important;
   }
 
+  /* Toast - instant show/hide */
+  [role="alert"] {
+    animation: none !important;
+    opacity: 1 !important;
+    transform: none !important;
+    transition: none !important;
+  }
+
   /* Disable gradient animations */
   .gradient-border::before {
     transition: none !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@n3wth/ui",
-  "version": "0.5.1",
+  "version": "0.5.4",
   "description": "Atomic design system for Newth sites - flat, minimal, iOS-inspired",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,6 +24,8 @@
     "demo": "vite --config vite.demo.config.ts",
     "demo:build": "vite build --config vite.demo.config.ts",
     "build": "tsc && vite build && node -e \"const fs=require('fs');const css=fs.readFileSync('src/styles.css','utf8').replace(/@import 'tailwindcss';\\n\\n/,'');fs.writeFileSync('dist/styles.css',css)\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "lint": "eslint src",
     "prepublishOnly": "npm run build",
     "release:patch": "npm version patch -m 'chore: bump version to %s' && npm run registry:build && git add . && git commit -m 'chore: update registry' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes",
@@ -47,18 +49,29 @@
     }
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
     "@tailwindcss/vite": "^4.1.18",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.0",
     "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "globals": "^17.3.0",
     "gsap": "^3.14.2",
+    "jsdom": "^28.0.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.6.0",
+    "typescript-eslint": "^8.54.0",
     "vite": "^6.0.0",
-    "vite-plugin-dts": "^4.0.0"
+    "vite-plugin-dts": "^4.0.0",
+    "vitest": "^4.0.18"
   },
   "keywords": [
     "design-system",