@usefragments/ui 1.0.0

package/dist/components/ThinkingIndicator/index.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./ThinkingIndicator.module.scss.js";
+import { Loading } from "../Loading/index.js";
+const ThinkingIndicatorContext = React.createContext(null);
+function useThinkingIndicatorContext() {
+  const context = React.useContext(ThinkingIndicatorContext);
+  if (!context) {
+    throw new Error("ThinkingIndicator compound components must be used within a ThinkingIndicator");
+  }
+  return context;
+}
+function useElapsedTime(active) {
+  const [elapsed, setElapsed] = React.useState(0);
+  const startTimeRef = React.useRef(Date.now());
+  React.useEffect(() => {
+    if (!active) {
+      setElapsed(0);
+      return;
+    }
+    startTimeRef.current = Date.now();
+    const interval = setInterval(() => {
+      setElapsed(Date.now() - startTimeRef.current);
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [active]);
+  if (elapsed < 1e3) return "";
+  const seconds = Math.floor(elapsed / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  return `${minutes}m ${remainingSeconds}s`;
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function ErrorIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function ThinkingSteps({ children, className, ...htmlProps }) {
+  const classes = [styles.steps, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function ThinkingStep({
+  label,
+  status = "pending",
+  className,
+  ...htmlProps
+}) {
+  const classes = [
+    styles.step,
+    styles[`step${status.charAt(0).toUpperCase() + status.slice(1)}`],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.stepIndicator, children: [
+      status === "complete" && /* @__PURE__ */ jsx(CheckIcon, {}),
+      status === "error" && /* @__PURE__ */ jsx(ErrorIcon, {}),
+      status === "active" && /* @__PURE__ */ jsx(Loading, { size: "sm", variant: "spinner", color: "current", label: "" }),
+      status === "pending" && /* @__PURE__ */ jsx("span", { className: styles.stepDot })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.stepLabel, children: label })
+  ] });
+}
+function ThinkingIndicatorRoot({
+  active = true,
+  label = "Thinking...",
+  variant = "dots",
+  showElapsed = false,
+  steps,
+  className,
+  ...htmlProps
+}) {
+  const elapsedTime = useElapsedTime(active && showElapsed);
+  const contextValue = {
+    active,
+    variant
+  };
+  if (!active) return null;
+  const classes = [
+    styles.thinkingIndicator,
+    className
+  ].filter(Boolean).join(" ");
+  const loadingVariant = variant === "dots" ? "dots" : variant === "pulse" ? "pulse" : "spinner";
+  return /* @__PURE__ */ jsx(ThinkingIndicatorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlProps,
+      className: classes,
+      role: "status",
+      "aria-label": label,
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.main, children: [
+          /* @__PURE__ */ jsx(Loading, { size: "sm", variant: loadingVariant, color: "muted", label: "" }),
+          /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
+          showElapsed && elapsedTime && /* @__PURE__ */ jsx("span", { className: styles.elapsed, children: elapsedTime })
+        ] }),
+        steps && steps.length > 0 && /* @__PURE__ */ jsx(ThinkingSteps, { children: steps.map((step) => /* @__PURE__ */ jsx(
+          ThinkingStep,
+          {
+            label: step.label,
+            status: step.status
+          },
+          step.id
+        )) })
+      ]
+    }
+  ) });
+}
+const ThinkingIndicator = Object.assign(ThinkingIndicatorRoot, {
+  Steps: ThinkingSteps,
+  Step: ThinkingStep
+});
+export {
+  ThinkingIndicator,
+  ThinkingIndicatorRoot,
+  ThinkingStep,
+  ThinkingSteps,
+  useThinkingIndicatorContext
+};

package/dist/components/Toast/Toast.module.scss.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const container = "_container_py8qa_1";
+const topleft = "_topleft_py8qa_15";
+const topcenter = "_topcenter_py8qa_20";
+const topright = "_topright_py8qa_26";
+const bottomleft = "_bottomleft_py8qa_31";
+const bottomcenter = "_bottomcenter_py8qa_37";
+const bottomright = "_bottomright_py8qa_44";
+const toast = "_toast_py8qa_50";
+const toastEnter = "_toastEnter_py8qa_1";
+const icon = "_icon_py8qa_73";
+const success = "_success_py8qa_77";
+const title = "_title_py8qa_81";
+const description = "_description_py8qa_84";
+const error = "_error_py8qa_92";
+const warning = "_warning_py8qa_107";
+const info = "_info_py8qa_122";
+const content = "_content_py8qa_148";
+const action = "_action_py8qa_167";
+const close = "_close_py8qa_192";
+const styles = {
+  container,
+  topleft,
+  topcenter,
+  topright,
+  bottomleft,
+  bottomcenter,
+  bottomright,
+  toast,
+  toastEnter,
+  "default": "_default_py8qa_73",
+  icon,
+  success,
+  title,
+  description,
+  error,
+  warning,
+  info,
+  content,
+  action,
+  close
+};
+exports.action = action;
+exports.bottomcenter = bottomcenter;
+exports.bottomleft = bottomleft;
+exports.bottomright = bottomright;
+exports.close = close;
+exports.container = container;
+exports.content = content;
+exports.default = styles;
+exports.description = description;
+exports.error = error;
+exports.icon = icon;
+exports.info = info;
+exports.success = success;
+exports.title = title;
+exports.toast = toast;
+exports.toastEnter = toastEnter;
+exports.topcenter = topcenter;
+exports.topleft = topleft;
+exports.topright = topright;
+exports.warning = warning;

package/dist/components/Toast/Toast.module.scss.js

@@ -0,0 +1,63 @@
+const container = "_container_py8qa_1";
+const topleft = "_topleft_py8qa_15";
+const topcenter = "_topcenter_py8qa_20";
+const topright = "_topright_py8qa_26";
+const bottomleft = "_bottomleft_py8qa_31";
+const bottomcenter = "_bottomcenter_py8qa_37";
+const bottomright = "_bottomright_py8qa_44";
+const toast = "_toast_py8qa_50";
+const toastEnter = "_toastEnter_py8qa_1";
+const icon = "_icon_py8qa_73";
+const success = "_success_py8qa_77";
+const title = "_title_py8qa_81";
+const description = "_description_py8qa_84";
+const error = "_error_py8qa_92";
+const warning = "_warning_py8qa_107";
+const info = "_info_py8qa_122";
+const content = "_content_py8qa_148";
+const action = "_action_py8qa_167";
+const close = "_close_py8qa_192";
+const styles = {
+  container,
+  topleft,
+  topcenter,
+  topright,
+  bottomleft,
+  bottomcenter,
+  bottomright,
+  toast,
+  toastEnter,
+  "default": "_default_py8qa_73",
+  icon,
+  success,
+  title,
+  description,
+  error,
+  warning,
+  info,
+  content,
+  action,
+  close
+};
+export {
+  action,
+  bottomcenter,
+  bottomleft,
+  bottomright,
+  close,
+  container,
+  content,
+  styles as default,
+  description,
+  error,
+  icon,
+  info,
+  success,
+  title,
+  toast,
+  toastEnter,
+  topcenter,
+  topleft,
+  topright,
+  warning
+};

package/dist/components/Toast/index.cjs

@@ -0,0 +1,316 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Toast_module = require("./Toast.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ToastContext = React__namespace.createContext(null);
+function useToast() {
+  const context = React__namespace.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  const toast = React__namespace.useCallback((options) => {
+    return context.addToast(options);
+  }, [context]);
+  const makeVariantHelper = React__namespace.useCallback(
+    (variant) => (titleOrOptions, description) => {
+      if (typeof titleOrOptions === "string") {
+        return context.addToast({ title: titleOrOptions, description, variant });
+      }
+      return context.addToast({ ...titleOrOptions, variant });
+    },
+    [context]
+  );
+  const success = React__namespace.useMemo(() => makeVariantHelper("success"), [makeVariantHelper]);
+  const error = React__namespace.useMemo(() => makeVariantHelper("error"), [makeVariantHelper]);
+  const warning = React__namespace.useMemo(() => makeVariantHelper("warning"), [makeVariantHelper]);
+  const info = React__namespace.useMemo(() => makeVariantHelper("info"), [makeVariantHelper]);
+  return {
+    toast,
+    success,
+    error,
+    warning,
+    info,
+    dismiss: context.removeToast,
+    dismissAll: context.clearToasts
+  };
+}
+function SuccessIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+  ] });
+}
+function ErrorIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] });
+}
+function WarningIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] });
+}
+function InfoIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+const variantIcons = {
+  default: null,
+  success: SuccessIcon,
+  error: ErrorIcon,
+  warning: WarningIcon,
+  info: InfoIcon
+};
+function ToastItem({
+  id,
+  title,
+  description,
+  variant = "default",
+  action,
+  onDismiss,
+  onPause,
+  onResume,
+  className,
+  ...htmlProps
+}) {
+  const Icon = variantIcons[variant];
+  const uniqueId = React__namespace.useId();
+  const toastRef = React__namespace.useRef(null);
+  const titleId = title ? `toast-title-${id || uniqueId}` : void 0;
+  const descId = description ? `toast-desc-${id || uniqueId}` : void 0;
+  const liveRole = variant === "error" || variant === "warning" ? "alert" : "status";
+  const toastClasses = [
+    Toast_module.default.toast,
+    Toast_module.default[variant],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: toastRef,
+      ...htmlProps,
+      className: toastClasses,
+      role: liveRole,
+      "aria-atomic": "true",
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      onMouseEnter: onPause,
+      onMouseLeave: () => {
+        requestAnimationFrame(() => {
+          var _a;
+          if (!((_a = toastRef.current) == null ? void 0 : _a.contains(document.activeElement))) {
+            onResume == null ? void 0 : onResume();
+          }
+        });
+      },
+      onFocusCapture: onPause,
+      onBlurCapture: () => {
+        requestAnimationFrame(() => {
+          var _a;
+          if (!((_a = toastRef.current) == null ? void 0 : _a.contains(document.activeElement))) {
+            onResume == null ? void 0 : onResume();
+          }
+        });
+      },
+      children: [
+        Icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Toast_module.default.icon, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Toast_module.default.content, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: Toast_module.default.title, children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descId, className: Toast_module.default.description, children: description })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: Toast_module.default.action,
+            onClick: action.onClick,
+            children: action.label
+          }
+        ),
+        onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: Toast_module.default.close,
+            onClick: onDismiss,
+            "aria-label": "Dismiss notification",
+            children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function ToastContainer({
+  toasts,
+  position,
+  onDismiss,
+  onPause,
+  onResume
+}) {
+  const containerClasses = [
+    Toast_module.default.container,
+    Toast_module.default[position.replace("-", "")]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, role: "region", "aria-label": "Notifications", children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(
+    ToastItem,
+    {
+      ...toast,
+      onDismiss: () => onDismiss(toast.id),
+      onPause: () => onPause(toast.id),
+      onResume: () => onResume(toast.id)
+    },
+    toast.id
+  )) });
+}
+function ToastProvider({
+  position = "bottom-right",
+  duration = 8e3,
+  max = 5,
+  children
+}) {
+  const [toasts, setToasts] = React__namespace.useState([]);
+  const idCounterRef = React__namespace.useRef(0);
+  const timeoutRef = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const remainingRef = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const startTimeRef = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const clearRemovalTimer = React__namespace.useCallback((id) => {
+    const timeout = timeoutRef.current.get(id);
+    if (timeout) {
+      clearTimeout(timeout);
+      timeoutRef.current.delete(id);
+    }
+  }, []);
+  const scheduleRemoval = React__namespace.useCallback(
+    (id, delay) => {
+      if (delay <= 0) return;
+      clearRemovalTimer(id);
+      remainingRef.current.set(id, delay);
+      startTimeRef.current.set(id, Date.now());
+      const timeout = setTimeout(() => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+        clearRemovalTimer(id);
+        remainingRef.current.delete(id);
+        startTimeRef.current.delete(id);
+      }, delay);
+      timeoutRef.current.set(id, timeout);
+    },
+    [clearRemovalTimer]
+  );
+  const addToast = React__namespace.useCallback((toast) => {
+    const id = toast.id ?? `toast-${++idCounterRef.current}`;
+    const toastDuration = toast.duration ?? (toast.action ? 0 : duration);
+    setToasts((prev) => {
+      const nextToasts = [...prev, { ...toast, id }];
+      const overflowCount = Math.max(0, nextToasts.length - max);
+      if (overflowCount > 0) {
+        const removedToasts = nextToasts.slice(0, overflowCount);
+        removedToasts.forEach((removedToast) => {
+          clearRemovalTimer(removedToast.id);
+          remainingRef.current.delete(removedToast.id);
+          startTimeRef.current.delete(removedToast.id);
+        });
+      }
+      return overflowCount > 0 ? nextToasts.slice(overflowCount) : nextToasts;
+    });
+    if (toastDuration > 0) {
+      scheduleRemoval(id, toastDuration);
+    }
+    return id;
+  }, [clearRemovalTimer, duration, max, scheduleRemoval]);
+  const removeToast = React__namespace.useCallback((id) => {
+    clearRemovalTimer(id);
+    remainingRef.current.delete(id);
+    startTimeRef.current.delete(id);
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, [clearRemovalTimer]);
+  const pauseToast = React__namespace.useCallback((id) => {
+    const remaining = remainingRef.current.get(id);
+    if (remaining === void 0) return;
+    const startedAt = startTimeRef.current.get(id);
+    if (startedAt) {
+      const elapsed = Date.now() - startedAt;
+      remainingRef.current.set(id, Math.max(remaining - elapsed, 0));
+    }
+    clearRemovalTimer(id);
+  }, [clearRemovalTimer]);
+  const resumeToast = React__namespace.useCallback((id) => {
+    const remaining = remainingRef.current.get(id);
+    if (remaining === void 0 || remaining <= 0) return;
+    scheduleRemoval(id, remaining);
+  }, [scheduleRemoval]);
+  const clearToasts = React__namespace.useCallback(() => {
+    timeoutRef.current.forEach((timeout) => {
+      clearTimeout(timeout);
+    });
+    timeoutRef.current.clear();
+    remainingRef.current.clear();
+    startTimeRef.current.clear();
+    setToasts([]);
+  }, []);
+  React__namespace.useEffect(
+    () => () => {
+      timeoutRef.current.forEach((timeout) => {
+        clearTimeout(timeout);
+      });
+      timeoutRef.current.clear();
+      remainingRef.current.clear();
+      startTimeRef.current.clear();
+    },
+    []
+  );
+  const value = React__namespace.useMemo(
+    () => ({ toasts, addToast, removeToast, clearToasts }),
+    [toasts, addToast, removeToast, clearToasts]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToastContainer,
+      {
+        toasts,
+        position,
+        onDismiss: removeToast,
+        onPause: pauseToast,
+        onResume: resumeToast
+      }
+    )
+  ] });
+}
+const Toast = Object.assign(ToastItem, {
+  Provider: ToastProvider
+});
+exports.Toast = Toast;
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastData {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export interface ToastInput extends Omit<ToastData, 'id'> {
+    /** Optional explicit id (useful for deterministic tests / replacing a known toast) */
+    id?: string;
+}
+export interface ToastProps extends Omit<ToastData, 'id'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Callback when toast should be dismissed */
+    onDismiss?: () => void;
+}
+export interface ToastProviderProps {
+    /** Position of the toast container */
+    position?: ToastPosition;
+    /** Default duration in ms (0 = no auto-dismiss) */
+    duration?: number;
+    /** Maximum number of toasts to show */
+    max?: number;
+    /** Children */
+    children: React.ReactNode;
+}
+export declare function useToast(): {
+    toast: (options: ToastInput) => string;
+    success: (titleOrOptions: string | Omit<ToastInput, "variant">, description?: string) => string;
+    error: (titleOrOptions: string | Omit<ToastInput, "variant">, description?: string) => string;
+    warning: (titleOrOptions: string | Omit<ToastInput, "variant">, description?: string) => string;
+    info: (titleOrOptions: string | Omit<ToastInput, "variant">, description?: string) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};
+declare function ToastItem({ id, title, description, variant, action, onDismiss, onPause, onResume, className, ...htmlProps }: ToastProps & {
+    id?: string;
+    onPause?: () => void;
+    onResume?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ position, duration, max, children, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const Toast: typeof ToastItem & {
+    Provider: typeof ToastProvider;
+};
+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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAChF,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IACvD,sFAAsF;IACtF,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5G,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAmBD,wBAAgB,QAAQ;qBAMoB,UAAU;8BAM/B,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,gBAAgB,MAAM;4BAA1D,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,gBAAgB,MAAM;8BAA1D,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,gBAAgB,MAAM;2BAA1D,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,gBAAgB,MAAM;kBAtB7D,MAAM,KAAK,IAAI;sBACd,IAAI;EA4CxB;AAkED,iBAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,WAAW,EACX,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,GAAG;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,2CAsEA;AA6CD,wBAAgB,aAAa,CAAC,EAC5B,QAAyB,EACzB,QAAe,EACf,GAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,2CA8HpB;AAMD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}