@central-ui/react 0.0.0-stage → 0.1.0

package/dist/components/textarea/index.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as BaseInput } from '@base-ui/react/input';
+import { LoaderCircle } from 'lucide-react';
+import { useRef } from 'react';
+import { useForwardClickToInput } from "../../utils/useForwardClickToInput.js";
+import { cloneElement, createContext, forwardRef, useContext, useEffect, useId, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { ToneProvider, useToneContext } from "../../utils/Tone.js";
+/**
+ * Keep value, name, and validation configuration on Root. Textarea is the editable control inside TextareaGroup. Optional Addon parts hold your supporting text or actions; they do not implement submission.
+ *
+ * @example Complete composition
+ * import { Textarea } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Textarea.Root defaultValue="Hello" name="message">
+ *       <Textarea.Container>
+ *         <Textarea.Label>Message</Textarea.Label>
+ *         <Textarea.TextareaGroup>
+ *           <Textarea.Textarea rows={4} placeholder="Write your message" />
+ *         </Textarea.TextareaGroup>
+ *         <Textarea.Description>Enter your message.</Textarea.Description>
+ *       </Textarea.Container>
+ *     </Textarea.Root>
+ *   )
+ * }
+ *
+ * @example Control the message from application state
+ * import { useState } from 'react'
+ * function ControlledExample() {
+ *   const [value, setValue] = useState('')
+ *   return (
+ *     <Textarea.Root value={value} onValueChange={setValue}>
+ *       {
+ *         // Rest of components here
+ *       }
+ *     </Textarea.Root>
+ *   )
+ * }
+ */
+export function Root({ children, id, tone = 'neutral', value, defaultValue, onValueChange, disabled = false, readOnly = false, required = false, ...coreProps }) {
+    const generatedId = useId();
+    const [valueInternalState, setValueInternalState] = useState(defaultValue ?? '');
+    const [connections, setConnections] = useState({
+        descriptionIds: [],
+    });
+    return (_jsx(InputContext.Provider, { value: {
+            inputId: id ?? generatedId,
+            disabled,
+            readOnly,
+            required,
+            value: value ?? valueInternalState,
+            setValueInternalState,
+            defaultValue,
+            controlled: value !== undefined,
+            onValueChange,
+            coreProps,
+            connections,
+            setConnections,
+        }, children: _jsx(ToneProvider, { value: tone, children: children }) }));
+}
+export const Textarea = forwardRef(function Textarea({ disableStyle, className, onChange, 'aria-describedby': describedBy, ...props }, ref) {
+    const context = useInputContext();
+    const tone = useToneContext();
+    const inputRef = useRef(null);
+    useEffect(() => {
+        const form = inputRef.current?.form;
+        if (!form || context.controlled)
+            return;
+        const reset = (event) => {
+            queueMicrotask(() => {
+                if (!event.defaultPrevented)
+                    context.setValueInternalState(context.defaultValue ?? '');
+            });
+        };
+        form.addEventListener('reset', reset);
+        return () => form.removeEventListener('reset', reset);
+    }, [
+        context.controlled,
+        context.defaultValue,
+        context.setValueInternalState,
+        context.coreProps.form,
+    ]);
+    return (_jsx(BaseInput, { ...context.coreProps, render: _jsx("textarea", { ...props, onChange: onChange }), id: context.inputId, disabled: context.disabled, readOnly: context.readOnly, required: context.required, value: context.value, "data-tone": tone, "aria-invalid": tone === 'invalid' || props['aria-invalid'] || undefined, "aria-describedby": [describedBy, ...context.connections.descriptionIds]
+            .filter(Boolean)
+            .join(' ') || undefined, ref: (element) => {
+            inputRef.current = element;
+            if (typeof ref === 'function')
+                ref(inputRef.current);
+            else if (ref)
+                ref.current = inputRef.current;
+        }, onValueChange: (nextValue, details) => {
+            context.onValueChange?.(nextValue, details);
+            if (!details.isCanceled && !context.controlled)
+                context.setValueInternalState(nextValue);
+        }, "data-component": "textarea-textarea", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const TextareaGroup = forwardRef(function TextareaGroup({ disableStyle, className, onClick, ...props }, ref) {
+    const attributes = usePartAttributes();
+    const forwardClick = useForwardClickToInput('textarea', onClick);
+    return (_jsx("div", { ...attributes, ...props, ref: ref, onClick: forwardClick, "data-component": "textarea-textareagroup", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Container = forwardRef(function Container({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-component": "textarea-container", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export const Label = forwardRef(function Label({ disableStyle, className, id, ...props }, ref) {
+    const context = useInputContext();
+    const labelId = id ?? context.inputId + '-label';
+    const attributes = usePartAttributes();
+    useEffect(() => {
+        context.setConnections((current) => ({ ...current, labelId }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            labelId: current.labelId === labelId ? undefined : current.labelId,
+        }));
+    }, [labelId, context.setConnections]);
+    return (_jsx("label", { ...attributes, ...props, id: labelId, ref: ref, htmlFor: context.inputId, "data-component": "textarea-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, id: messageId, ref: ref, "data-component": "textarea-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Error = forwardRef(function Error({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "alert", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "textarea-error", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Success = forwardRef(function Success({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "status", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "textarea-success", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Addon = forwardRef(function Addon({ disableStyle, className, variant = 'normal', ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-variant": variant, "data-component": "textarea-addon", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const AddonText = forwardRef(function AddonText({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("span", { ...attributes, ...props, ref: ref, "data-component": "textarea-addontext", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export function AddonIcon({ disableStyle, children, className, ...props }) {
+    const attributes = usePartAttributes();
+    return cloneElement(children, {
+        ...attributes,
+        ...props,
+        'aria-hidden': true,
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+        ...{
+            'data-component': 'textarea-addonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+    });
+}
+export const AddonButton = forwardRef(function AddonButton({ disableStyle, className, disabled, type = 'button', ...props }, ref) {
+    const context = useInputContext();
+    const attributes = usePartAttributes();
+    return (_jsx("button", { ...attributes, ...props, ref: ref, type: type, disabled: disabled || context.disabled || context.readOnly, "data-component": "textarea-addonbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export const AddonLoadingIcon = forwardRef(function AddonLoadingIcon({ disableStyle, className, strokeWidth = 1.5, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx(LoaderCircle, { ...attributes, "aria-hidden": true, ...props, ref: ref, strokeWidth: strokeWidth, "data-component": "textarea-addonloadingicon", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+const InputContext = createContext(null);
+function useInputContext() {
+    const context = useContext(InputContext);
+    if (!context)
+        throw new globalThis.Error('Parts must be inside Root');
+    return context;
+}
+function usePartAttributes() {
+    const context = useInputContext();
+    const tone = useToneContext();
+    return {
+        'data-disabled': context.disabled ? '' : undefined,
+        'data-readonly': context.readOnly ? '' : undefined,
+        'data-required': context.required ? '' : undefined,
+        'data-tone': tone,
+    };
+}
+function useMessageId(id) {
+    const generatedId = useId();
+    const messageId = id ?? generatedId;
+    const context = useInputContext();
+    useEffect(() => {
+        context.setConnections((current) => ({
+            ...current,
+            descriptionIds: [...current.descriptionIds, messageId],
+        }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            descriptionIds: current.descriptionIds.filter((id) => id !== messageId),
+        }));
+    }, [messageId, context.setConnections]);
+    return messageId;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/textarea/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { ComponentProps, HTMLAttributes, ReactElement } from 'react';
+/**
+ * Adds preset styling to one link child without rendering a wrapper or handling navigation.
+ * Pass a native anchor or your router's Link; put the destination and navigation props
+ * on that child. Custom link components must forward className, style, and data-*
+ * attributes to their anchor. Supply one element, not text, a fragment, or a list.
+ *
+ * @example Complete composition
+ * import { TextLink } from '@central-ui/react'
+ * import { Link } from '@tanstack/react-router'
+ *
+ * function Example() {
+ *   return (
+ *     <p className="text-sm text-neutral-600">
+ *       Need help?{' '}
+ *       <TextLink.default>
+ *         <Link to="/demo">Read the guide</Link>
+ *       </TextLink.default>.
+ *     </p>
+ *   )
+ * }
+ *
+ * @example Native anchor, without a router
+ * <TextLink.default>
+ *   <a href="https://example.com/help" target="_blank" rel="noreferrer">
+ *     Read the guide
+ *   </a>
+ * </TextLink.default>
+ */
+export default function TextLink({ disableStyle, children, className, style, ...props }: Omit<HTMLAttributes<HTMLAnchorElement>, 'children'> & StyleProps & {
+    /**
+     * Required link to style: a native anchor or a router Link that forwards
+     * className, style, and data-* attributes to its anchor. Keep navigation props
+     * on this child; TextLink only supplies styling and renders no extra element.
+     */
+    children: ReactElement<ComponentProps<'a'>>;
+}): ReactElement<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textlink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACpD,UAAU,GAAG;IACX;;;;OAIG;IACH,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;CAC5C,oLAUF"}

package/dist/components/textlink/index.js

@@ -0,0 +1,42 @@
+import { cloneElement } from 'react';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Adds preset styling to one link child without rendering a wrapper or handling navigation.
+ * Pass a native anchor or your router's Link; put the destination and navigation props
+ * on that child. Custom link components must forward className, style, and data-*
+ * attributes to their anchor. Supply one element, not text, a fragment, or a list.
+ *
+ * @example Complete composition
+ * import { TextLink } from '@central-ui/react'
+ * import { Link } from '@tanstack/react-router'
+ *
+ * function Example() {
+ *   return (
+ *     <p className="text-sm text-neutral-600">
+ *       Need help?{' '}
+ *       <TextLink.default>
+ *         <Link to="/demo">Read the guide</Link>
+ *       </TextLink.default>.
+ *     </p>
+ *   )
+ * }
+ *
+ * @example Native anchor, without a router
+ * <TextLink.default>
+ *   <a href="https://example.com/help" target="_blank" rel="noreferrer">
+ *     Read the guide
+ *   </a>
+ * </TextLink.default>
+ */
+export default function TextLink({ disableStyle, children, className, style, ...props }) {
+    return cloneElement(children, {
+        ...props,
+        ...{
+            'data-component': 'textlink-textlink',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        style: { ...children.props.style, ...style },
+    });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/textlink/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EASP;IACD,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,KAAK;QACR,GAAG;YACD,gBAAgB,EAAE,mBAAmB;YACrC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE;KAC7C,CAAC,CAAA;AACJ,CAAC"}

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

@@ -0,0 +1,111 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+export type ProviderProps = Omit<BaseToast.Provider.Props, 'toastManager'> & Pick<BaseToast.Viewport.Props, 'style'> & {
+    className?: string;
+};
+/**
+ * Mount Provider once before calling Show. Show receives the notification composition; do not render Toast directly outside it. Icon follows Root tone automatically. For urgent priority, supply title/description in Show options so the live region can announce them.
+ *
+ * @example Complete composition
+ * import { Toast } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Toast.Provider>
+ *       <button
+ *         type="button"
+ *         onClick={() =>
+ *           Toast.Show(() => (
+ *             <Toast.Root tone="success">
+ *               <Toast.Toast>
+ *                 <Toast.Icon />
+ *                 <Toast.Description>Changes saved.</Toast.Description>
+ *                 <Toast.CloseButton>
+ *                   <Toast.CloseButtonIcon />
+ *                 </Toast.CloseButton>
+ *               </Toast.Toast>
+ *             </Toast.Root>
+ *           ))
+ *         }
+ *       >
+ *         Save changes
+ *       </button>
+ *     </Toast.Provider>
+ *   )
+ * }
+ *
+ * @example Keep a notification until it is dismissed
+ * // Provider must already be mounted; timeout belongs to Show options.
+ * Toast.Show(
+ *   () => (
+ *     <Toast.Root>
+ *       <Toast.Toast>
+ *         <Toast.Description>Review the changes.</Toast.Description>
+ *         <Toast.CloseButton>
+ *           <Toast.CloseButtonIcon />
+ *         </Toast.CloseButton>
+ *       </Toast.Toast>
+ *     </Toast.Root>
+ *   ),
+ *   { timeout: 0 },
+ * )
+ */
+export declare function Provider({ children, timeout, limit, className, style, }: ProviderProps): import("react").JSX.Element;
+export type ShowOptions = Omit<Parameters<ReturnType<typeof BaseToast.createToastManager<NotificationData>>['add']>[0], 'data' | 'positionerProps'> & {
+    /** Attach application metadata to a notification; its render callback is reserved for the library. */
+    data?: Omit<NotificationData, 'render'>;
+};
+/** Provider must be mounted first. For priority='high', supply title/description options: Base UI's separate urgent live region reads these fields, not data.render. */
+export declare function Show(render: () => ReactElement, options?: ShowOptions): string;
+export declare function Root({ tone, children, }: {
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'success' | 'error';
+    children: ReactNode;
+}): import("react").JSX.Element;
+export type ToastProps = Omit<BaseToast.Root.Props, 'toast' | 'className'> & {
+    className?: string;
+} & StyleProps;
+export declare const Toast: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastRootProps, "className" | "toast"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function Icon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'> & {
+        'data-tone'?: string;
+    }>;
+}) & StyleProps): import("react").FunctionComponentElement<any>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const CloseHandler: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ActionButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function CloseButtonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'> & {
+        'data-tone'?: string;
+    }>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement> & {
+    'data-tone'?: string;
+}, string | import("react").JSXElementConstructor<any>>;
+type NotificationData = {
+    render: () => ReactElement;
+    [key: string]: unknown;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/toast/index.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { CircleCheck, Info, TriangleAlert, X } from 'lucide-react';
+import { cloneElement, createContext, forwardRef, useContext, useEffect, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Mount Provider once before calling Show. Show receives the notification composition; do not render Toast directly outside it. Icon follows Root tone automatically. For urgent priority, supply title/description in Show options so the live region can announce them.
+ *
+ * @example Complete composition
+ * import { Toast } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Toast.Provider>
+ *       <button
+ *         type="button"
+ *         onClick={() =>
+ *           Toast.Show(() => (
+ *             <Toast.Root tone="success">
+ *               <Toast.Toast>
+ *                 <Toast.Icon />
+ *                 <Toast.Description>Changes saved.</Toast.Description>
+ *                 <Toast.CloseButton>
+ *                   <Toast.CloseButtonIcon />
+ *                 </Toast.CloseButton>
+ *               </Toast.Toast>
+ *             </Toast.Root>
+ *           ))
+ *         }
+ *       >
+ *         Save changes
+ *       </button>
+ *     </Toast.Provider>
+ *   )
+ * }
+ *
+ * @example Keep a notification until it is dismissed
+ * // Provider must already be mounted; timeout belongs to Show options.
+ * Toast.Show(
+ *   () => (
+ *     <Toast.Root>
+ *       <Toast.Toast>
+ *         <Toast.Description>Review the changes.</Toast.Description>
+ *         <Toast.CloseButton>
+ *           <Toast.CloseButtonIcon />
+ *         </Toast.CloseButton>
+ *       </Toast.Toast>
+ *     </Toast.Root>
+ *   ),
+ *   { timeout: 0 },
+ * )
+ */
+export function Provider({ children, timeout = 4000, limit = 3, className, style, }) {
+    const [manager] = useState(() => BaseToast.createToastManager());
+    useEffect(() => {
+        activeManager = manager;
+        return () => {
+            if (activeManager === manager)
+                activeManager = undefined;
+        };
+    }, [manager]);
+    return (_jsxs(BaseToast.Provider, { toastManager: manager, timeout: timeout, limit: limit, children: [children, _jsx(Notifications, { className: className, style: style })] }));
+}
+/** Provider must be mounted first. For priority='high', supply title/description options: Base UI's separate urgent live region reads these fields, not data.render. */
+export function Show(render, options) {
+    // Base UI has no Show(JSX) API. Its native data field carries our render callback;
+    // Notifications invokes it during React rendering and supplies the notification via context.
+    // This is our composition convention; the native manager still owns the toast lifecycle.
+    if (!activeManager)
+        throw new Error('Mount Toast.Provider before calling Toast.Show');
+    return activeManager.add({ ...options, data: { ...options?.data, render } });
+}
+export function Root({ tone = 'neutral', children, }) {
+    return _jsx(ToneContext.Provider, { value: tone, children: children });
+}
+export const Toast = forwardRef(function Toast({ disableStyle, className, style, children, ...props }, ref) {
+    const notification = useNotificationContext();
+    const tone = useContext(ToneContext);
+    return (_jsx(BaseToast.Root, { ...props, ref: ref, toast: notification, "data-tone": tone, "data-component": "toast-toast", "data-style-disabled": disableStyle ? '' : undefined, className: className, style: (state) => {
+            // Base UI measures heights and provides offsets; the legacy stack adds a 16px gap.
+            const offsetY = state.expanded
+                ? 'calc(-1 * (var(--toast-offset-y, 0px) + var(--toast-index) * 16px))'
+                : 'calc(var(--toast-index) * -16px)';
+            const starting = state.transitionStatus === 'starting';
+            const ending = state.transitionStatus === 'ending';
+            const horizontalExit = ending &&
+                (state.swipeDirection === 'left' ||
+                    state.swipeDirection === 'right');
+            const x = horizontalExit
+                ? 'calc(var(--toast-swipe-movement-x, 0px) + ' +
+                    (state.swipeDirection === 'left' ? '-150%' : '150%') +
+                    ')'
+                : 'var(--toast-swipe-movement-x, 0px)';
+            const y = starting
+                ? '150%'
+                : ending && !horizontalExit
+                    ? 'calc(var(--toast-swipe-movement-y, 0px) + ' +
+                        (state.swipeDirection === 'up' ? '-150%' : '150%') +
+                        ')'
+                    : 'calc(' + offsetY + ' + var(--toast-swipe-movement-y, 0px))';
+            return {
+                transform: 'translateX(' +
+                    x +
+                    ') translateY(' +
+                    y +
+                    ') scale(' +
+                    (state.expanded
+                        ? '1'
+                        : 'max(0, calc(1 - var(--toast-index) * 0.05))') +
+                    ')',
+                transformOrigin: 'bottom center',
+                zIndex: 'calc(1000 - var(--toast-index))',
+                height: state.expanded
+                    ? 'var(--toast-height)'
+                    : 'var(--toast-frontmost-height, var(--toast-height))',
+                opacity: starting || ending || state.limited ? 0 : 1,
+                pointerEvents: state.limited ? 'none' : 'auto',
+                willChange: 'transform, opacity, height',
+                transition: state.swiping
+                    ? 'none'
+                    : 'transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms',
+                transitionTimingFunction: 'cubic-bezier(0.21, 1.02, 0.73, 1)',
+                ...(typeof style === 'function' ? style(state) : style),
+            };
+        }, children: _jsx(BaseToast.Content, { "data-component": "toast-toast-1", children: children }) }));
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function Icon({ disableStyle, children, className, ...props }) {
+    const tone = useContext(ToneContext);
+    const icon = children ??
+        (tone === 'success' ? (_jsx(CircleCheck, {})) : tone === 'error' ? (_jsx(TriangleAlert, {})) : (_jsx(Info, {})));
+    return cloneElement(icon, {
+        ...icon.props,
+        ...props,
+        'aria-hidden': true,
+        'data-tone': tone,
+        ...{
+            'data-component': 'toast-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(icon.props.className, className),
+        strokeWidth: props.strokeWidth ?? icon.props.strokeWidth ?? 1.8,
+    });
+}
+export const Title = forwardRef(function Title({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseToast.Title, { ...props, ref: ref, "data-component": "toast-title", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseToast.Description, { ...props, ref: ref, "data-component": "toast-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const CloseHandler = forwardRef(function CloseHandler({ children, ...props }, ref) {
+    return (_jsx(BaseToast.Close, { ...props, ref: ref, render: children, className: props.className }));
+});
+export const CloseButton = forwardRef(function CloseButton({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseToast.Close, { "aria-label": "Dismiss notification", ...props, ref: ref, "data-component": "toast-closebutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const ActionButton = forwardRef(function ActionButton({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseToast.Action, { ...props, ref: ref, "data-component": "toast-actionbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function CloseButtonIcon({ disableStyle, children = _jsx(X, {}), className, ...props }) {
+    const tone = useContext(ToneContext);
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        'aria-hidden': true,
+        'data-tone': tone,
+        ...{
+            'data-component': 'toast-closebuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 2,
+    });
+}
+// Private: every callback-rendered composition receives the native object required by Toast.Root.
+function Notifications({ className, style, }) {
+    const { toasts } = BaseToast.useToastManager();
+    const visible = toasts.filter((notification) => !notification.limited && notification.transitionStatus !== 'ending');
+    return (_jsx(BaseToast.Portal, { children: _jsx(BaseToast.Viewport, { className: className, style: (state) => ({
+                position: 'fixed',
+                bottom: 24,
+                left: '50%',
+                transform: 'translateX(-50%)',
+                width: 'min(400px, calc(100vw - 48px))',
+                zIndex: 1000,
+                height: state.expanded
+                    ? visible.reduce((total, notification) => total + (notification.height ?? 0), 0) +
+                        Math.max(0, visible.length - 1) * 16
+                    : (visible[0]?.height ?? 0) + Math.max(0, visible.length - 1) * 16,
+                pointerEvents: visible.length ? 'auto' : 'none',
+                ...(typeof style === 'function' ? style(state) : style),
+            }), children: toasts.map((notification) => (_jsx(NotificationContext.Provider, { value: notification, children: notification.data.render() }, notification.id))) }) }));
+}
+let activeManager;
+const NotificationContext = createContext(null);
+const ToneContext = createContext('neutral');
+function useNotificationContext() {
+    const notification = useContext(NotificationContext);
+    if (!notification)
+        throw new Error('Toast.Toast must be rendered by Toast.Show');
+    return notification;
+}
+//# sourceMappingURL=index.js.map