@msqd/lydia 0.0.0-stage → 0.6.0

package/dist/Components/NavBar/NavBar.js

@@ -0,0 +1,141 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Disclosure as x, Menu as N, MenuButton as g, MenuItems as b, MenuItem as y, DisclosureButton as c, DisclosurePanel as v } from "@headlessui/react";
+import { Cog6ToothIcon as h, Bars3Icon as w, XMarkIcon as k } from "@heroicons/react/24/outline";
+import { twMerge as u } from "tailwind-merge";
+import { DefaultAvatar as p } from "./Assets/defaultAvatar.js";
+const f = ({ text: s = "lydia" }) => /* @__PURE__ */ e("span", { className: "ml-2 text-white text-xl font-semibold", children: s }), C = (s) => /* @__PURE__ */ e("a", { ...s });
+function j({
+  navigation: s = [],
+  userNavigation: d = [],
+  user: i,
+  logo: o,
+  brand: l,
+  onSettings: n,
+  linkComponent: t = C
+}) {
+  const m = s.length > 0 || !!i;
+  return /* @__PURE__ */ r(x, { as: "nav", "data-testid": "navbar", className: "bg-primary-900 shadow", children: [
+    /* @__PURE__ */ e("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ r("div", { className: "flex h-16 items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r(t, { href: "/", className: "flex items-center shrink-0 cursor-pointer", children: [
+          o && /* The mark is decoration: the brand beside it names the link, and
+          an alt saying the brand again was read twice. */
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "contents", children: o }),
+          typeof l == "string" ? /* @__PURE__ */ e(f, { text: l }) : l || /* @__PURE__ */ e(f, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: "hidden md:block", children: /* @__PURE__ */ e("div", { className: "ml-10 flex items-baseline space-x-4", children: s.map((a) => /* @__PURE__ */ e(
+          t,
+          {
+            href: a.href,
+            onClick: a.onClick,
+            "aria-current": a.current ? "page" : void 0,
+            className: u(
+              a.current ? "bg-primary-500 text-white" : "text-white hover:bg-primary-500/75",
+              "rounded-md px-3 py-2 text-sm font-medium cursor-pointer"
+            ),
+            children: a.name
+          },
+          a.name
+        )) }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "hidden md:block", children: /* @__PURE__ */ r("div", { className: "ml-4 flex items-center md:ml-6", children: [
+        n && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: n,
+            className: "relative rounded-full bg-primary-500 p-1 text-primary-200 hover:text-white focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 focus:outline-hidden cursor-pointer",
+            children: [
+              /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: "Settings" }),
+              /* @__PURE__ */ e(h, { "aria-hidden": "true", className: "size-6" })
+            ]
+          }
+        ),
+        i && /* @__PURE__ */ r(N, { as: "div", className: "relative ml-3", children: [
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(g, { className: "relative flex max-w-xs items-center rounded-full bg-primary-500 text-sm text-white focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 focus:outline-hidden cursor-pointer", children: [
+            /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Open user menu" }),
+            i.avatar ?? /* @__PURE__ */ e(p, {})
+          ] }) }),
+          /* @__PURE__ */ e(
+            b,
+            {
+              transition: !0,
+              className: "absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black/5 transition focus:outline-hidden data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in",
+              children: d.map((a) => /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+                t,
+                {
+                  href: a.href,
+                  onClick: a.onClick,
+                  className: "block px-4 py-2 text-sm text-gray-500 data-focus:bg-gray-100 data-focus:outline-hidden",
+                  children: a.name
+                }
+              ) }, a.name))
+            }
+          )
+        ] })
+      ] }) }),
+      m && /* @__PURE__ */ e("div", { className: "-mr-2 flex md:hidden", children: /* @__PURE__ */ r(c, { className: "group relative inline-flex items-center justify-center rounded-md bg-primary-500 p-2 text-primary-200 hover:bg-primary-500/75 hover:text-white focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 focus:outline-hidden", children: [
+        /* @__PURE__ */ e("span", { className: "absolute -inset-0.5" }),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: "Open main menu" }),
+        /* @__PURE__ */ e(w, { "aria-hidden": "true", className: "block size-6 group-data-open:hidden" }),
+        /* @__PURE__ */ e(k, { "aria-hidden": "true", className: "hidden size-6 group-data-open:block" })
+      ] }) })
+    ] }) }),
+    m && /* @__PURE__ */ r(v, { className: "md:hidden", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-1 px-2 pt-2 pb-3 sm:px-3", children: s.map((a) => /* @__PURE__ */ e(
+        c,
+        {
+          as: t,
+          href: a.href,
+          onClick: a.onClick,
+          "aria-current": a.current ? "page" : void 0,
+          className: u(
+            a.current ? "bg-primary-500 text-white" : "text-white hover:bg-primary-500/75",
+            "block rounded-md px-3 py-2 text-base font-medium cursor-pointer"
+          ),
+          children: a.name
+        },
+        a.name
+      )) }),
+      i && /* @__PURE__ */ r("div", { className: "border-t border-primary-500 pt-4 pb-3", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center px-5", children: [
+          /* @__PURE__ */ e("div", { className: "shrink-0", children: i.avatar ?? /* @__PURE__ */ e(p, { className: "size-10 rounded-full" }) }),
+          /* @__PURE__ */ r("div", { className: "ml-3", children: [
+            /* @__PURE__ */ e("div", { className: "text-base font-medium text-white", children: i.name }),
+            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-primary-300", children: i.email })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "ml-auto flex space-x-2", children: n && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: n,
+              className: "relative shrink-0 rounded-full border-2 border-transparent bg-primary-500 p-1 text-primary-200 hover:text-white focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 focus:outline-hidden cursor-pointer",
+              children: [
+                /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
+                /* @__PURE__ */ e("span", { className: "sr-only", children: "Settings" }),
+                /* @__PURE__ */ e(h, { "aria-hidden": "true", className: "size-6" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mt-3 space-y-1 px-2", children: d.map((a) => /* @__PURE__ */ e(
+          c,
+          {
+            as: t,
+            href: a.href,
+            onClick: a.onClick,
+            className: "block rounded-md px-3 py-2 text-base font-medium text-white hover:bg-primary-500/75",
+            children: a.name
+          },
+          a.name
+        )) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  f as DefaultBrand,
+  j as NavBar
+};

package/dist/Components/NavBar/index.d.ts

@@ -0,0 +1 @@
+export { NavBar, DefaultBrand, type DefaultBrandProps, type LinkComponentType, type NavBarProps, type User, type NavigationItem, } from "./NavBar.js";

package/dist/Components/NavBar/index.js

@@ -0,0 +1,5 @@
+import { DefaultBrand as e, NavBar as f } from "./NavBar.js";
+export {
+  e as DefaultBrand,
+  f as NavBar
+};

package/dist/Components/Tabs/Tabs.d.ts

@@ -0,0 +1,24 @@
+import { TabPanel as HeadlessTabPanel, TabGroup } from "@headlessui/react";
+import { type ComponentProps, type FC, type ReactNode } from "react";
+export interface TabItem {
+    name: string;
+    href?: string;
+    disabled?: boolean;
+    id: string;
+}
+export interface TabsProps extends Omit<ComponentProps<typeof TabGroup>, "children" | "defaultIndex" | "selectedIndex"> {
+    tabs: TabItem[];
+    children?: ReactNode;
+    defaultIndex?: number;
+    selectedIndex?: number;
+    onChange?: (index: number) => void;
+    className?: string;
+    tabListClassName?: string;
+    tabClassName?: string;
+}
+export declare const Tabs: FC<TabsProps>;
+export interface TabPanelProps extends ComponentProps<typeof HeadlessTabPanel> {
+    children: ReactNode;
+    className?: string;
+}
+export declare const TabPanel: FC<TabPanelProps>;

package/dist/Components/Tabs/Tabs.js

@@ -0,0 +1,69 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { TabPanel as y, TabGroup as v, TabList as w, Tab as N, TabPanels as T } from "@headlessui/react";
+import { ChevronDownIcon as C } from "@heroicons/react/16/solid";
+import { useState as I, Fragment as P } from "react";
+import { twMerge as i } from "tailwind-merge";
+const F = ({
+  tabs: a,
+  children: n,
+  defaultIndex: o = 0,
+  selectedIndex: l,
+  onChange: u,
+  className: p,
+  tabListClassName: b,
+  tabClassName: f,
+  ...h
+}) => {
+  const [x, g] = I(o), s = l !== void 0, d = s ? l : x, c = (e) => {
+    s || g(e), u?.(e);
+  };
+  return /* @__PURE__ */ r("div", { className: i("w-full max-w-3xl mx-auto", p), children: /* @__PURE__ */ m(v, { selectedIndex: d, onChange: c, ...h, children: [
+    /* @__PURE__ */ r("div", { className: "grid grid-cols-1 sm:hidden", children: /* @__PURE__ */ m("div", { className: "relative", children: [
+      /* @__PURE__ */ r(
+        "select",
+        {
+          "aria-label": "Select a tab",
+          className: "col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-2 pr-8 pl-3 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 focus:outline-primary-600 focus-visible:outline-primary-600 focus:outline-none",
+          value: d,
+          onChange: (e) => c(Number(e.target.value)),
+          children: a.map((e, t) => /* @__PURE__ */ r("option", { value: t, disabled: e.disabled, children: e.name }, e.id))
+        }
+      ),
+      /* @__PURE__ */ r(
+        C,
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 size-5 fill-gray-500"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ r("div", { className: "hidden sm:block", children: /* @__PURE__ */ r(
+      w,
+      {
+        className: i(
+          "border-b border-gray-200 -mb-px flex space-x-8 w-full justify-center",
+          b
+        ),
+        children: a.map((e) => /* @__PURE__ */ r(N, { disabled: e.disabled, as: P, children: ({ selected: t }) => /* @__PURE__ */ r(
+          "a",
+          {
+            href: e.href || "#",
+            className: i(
+              t ? "border-primary-500 text-primary-600" : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
+              e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+              "border-b-2 px-4 py-4 text-sm font-medium whitespace-nowrap min-w-[100px] text-center outline-none focus-visible:outline-2 focus-visible:outline-primary-600",
+              f
+            ),
+            "aria-disabled": e.disabled,
+            children: e.name
+          }
+        ) }, e.id))
+      }
+    ) }),
+    n && /* @__PURE__ */ r(T, { className: "mt-4", children: n })
+  ] }) });
+}, G = ({ children: a, className: n, ...o }) => /* @__PURE__ */ r(y, { className: n, ...o, children: a });
+export {
+  G as TabPanel,
+  F as Tabs
+};

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

@@ -0,0 +1,2 @@
+export { Tabs, TabPanel } from "./Tabs.js";
+export type { TabsProps, TabPanelProps, TabItem } from "./Tabs.js";

package/dist/Components/Tabs/index.js

@@ -0,0 +1,5 @@
+import { TabPanel as e, Tabs as o } from "./Tabs.js";
+export {
+  e as TabPanel,
+  o as Tabs
+};

package/dist/Components/Toast/Toast.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentProps } from "react";
+export type ToastType = "success" | "error" | "warning" | "info";
+export type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+export interface ToastProps extends ComponentProps<"div"> {
+    id: string;
+    type: ToastType;
+    title: string;
+    message?: string;
+    duration?: number;
+    onClose: (id: string) => void;
+    show: boolean;
+}
+/**
+ * Toast component for displaying notifications.
+ *
+ * @example
+ * ```tsx
+ * <Toast
+ *   id="toast-1"
+ *   type="success"
+ *   title="Operation successful"
+ *   message="Your changes have been saved"
+ *   show={true}
+ *   onClose={(id) => removeToast(id)}
+ * />
+ * ```
+ */
+export declare function Toast({ id, type, title, message, duration, onClose, show, className, ...props }: ToastProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Toast/Toast.js

@@ -0,0 +1,128 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Transition as v } from "@headlessui/react";
+import { XMarkIcon as x } from "@heroicons/react/20/solid";
+import { useState as p, useEffect as c, Fragment as b } from "react";
+import { twMerge as d } from "tailwind-merge";
+const N = {
+  success: "bg-success-50 border-success-200 text-success-800",
+  error: "bg-danger-50 border-danger-200 text-danger-800",
+  warning: "bg-warning-50 border-warning-200 text-warning-800",
+  info: "bg-blue-50 border-blue-200 text-blue-800"
+}, y = {
+  success: "text-success-500",
+  error: "text-danger-500",
+  warning: "text-warning-500",
+  info: "text-blue-500"
+}, z = {
+  success: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+      clipRule: "evenodd"
+    }
+  ) }),
+  error: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
+      clipRule: "evenodd"
+    }
+  ) }),
+  warning: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+      clipRule: "evenodd"
+    }
+  ) }),
+  info: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2h-1V9a1 1 0 00-1-1z",
+      clipRule: "evenodd"
+    }
+  ) })
+};
+function T({
+  id: m,
+  type: r = "info",
+  title: u,
+  message: l,
+  duration: a = 5e3,
+  onClose: w,
+  show: s,
+  className: f,
+  ...g
+}) {
+  const [t, o] = p(s);
+  c(() => {
+    o(s);
+  }, [s]), c(() => {
+    if (!t || !a) return;
+    const h = setTimeout(() => {
+      i();
+    }, a);
+    return () => {
+      clearTimeout(h);
+    };
+  }, [t, a]);
+  const i = () => {
+    o(!1);
+  };
+  return /* @__PURE__ */ e(
+    v,
+    {
+      show: t,
+      as: b,
+      appear: !0,
+      enter: "transform ease-out duration-300 transition",
+      enterFrom: "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
+      enterTo: "translate-y-0 opacity-100 sm:translate-x-0",
+      leave: "transition ease-in duration-200",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0",
+      afterLeave: () => w(m),
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(
+            "w-full min-w-[300px] max-w-md shadow-lg rounded-lg pointer-events-auto border",
+            N[r],
+            f
+          ),
+          role: "alert",
+          "aria-live": "assertive",
+          "aria-atomic": "true",
+          ...g,
+          children: /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ n("div", { className: "flex items-start", children: [
+            /* @__PURE__ */ e("div", { className: d("flex-shrink-0", y[r]), children: z[r] }),
+            /* @__PURE__ */ n("div", { className: "ml-3 flex-1 mr-2", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-medium break-words", children: u }),
+              l && /* @__PURE__ */ e("p", { className: "mt-1 text-sm opacity-90 break-words", children: l })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex-shrink-0 flex", children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bg-transparent rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+                onClick: i,
+                "aria-label": "Close notification",
+                children: [
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" }),
+                  /* @__PURE__ */ e(x, { className: "h-5 w-5", "aria-hidden": "true" })
+                ]
+              }
+            ) })
+          ] }) })
+        }
+      )
+    }
+  );
+}
+export {
+  T as Toast
+};

package/dist/Components/Toast/ToastContainer.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { ToastPosition } from "./Toast.js";
+export interface ToastContainerProps {
+    /**
+     * Where to display the toasts on the screen
+     */
+    position?: ToastPosition;
+    /**
+     * CSS class for the container
+     */
+    className?: string;
+    /**
+     * Children elements (toast notifications)
+     */
+    children?: ReactNode;
+}
+/**
+ * Container component for toast notifications.
+ * Use to position and organize toast notifications on the screen.
+ *
+ * @example
+ * ```tsx
+ * <ToastContainer position="top-right">
+ *   <Toast id="toast-1" type="success" title="Success!" show={true} onClose={() => {}} />
+ *   <Toast id="toast-2" type="error" title="Error!" show={true} onClose={() => {}} />
+ * </ToastContainer>
+ * ```
+ */
+export declare function ToastContainer({ position, className, children }: ToastContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Toast/ToastContainer.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+const n = {
+  "top-right": "top-0 right-0",
+  "top-left": "top-0 left-0",
+  "bottom-right": "bottom-0 right-0",
+  "bottom-left": "bottom-0 left-0",
+  "top-center": "top-0 left-1/2 -translate-x-1/2",
+  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2"
+};
+function p({ position: t = "top-right", className: o, children: e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-testid": "toast-container",
+      className: i(
+        "fixed z-50 p-4 flex flex-col space-y-4 pointer-events-none max-h-screen overflow-hidden",
+        n[t],
+        o
+      ),
+      "aria-live": "polite",
+      children: e
+    }
+  );
+}
+export {
+  p as ToastContainer
+};

package/dist/Components/Toast/ToastContext.d.ts

@@ -0,0 +1,103 @@
+import type { ReactNode } from "react";
+import type { ToastPosition, ToastType } from "./Toast.js";
+export interface ToastItem {
+    id: string;
+    type: ToastType;
+    title: string;
+    message?: string;
+    duration?: number;
+    show: boolean;
+    onClose?: () => void;
+}
+interface ToastContextValue {
+    toasts: ToastItem[];
+    addToast: (toast: Omit<ToastItem, "id" | "show">) => string;
+    updateToast: (id: string, toast: Partial<Omit<ToastItem, "id">>) => void;
+    removeToast: (id: string) => void;
+    clearAllToasts: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    defaultDuration?: number;
+    maxToasts?: number;
+    position?: ToastPosition;
+}
+/**
+ * Provider component that manages toast notifications.
+ * Use with the useToast hook to add, remove, and manage toasts.
+ *
+ * @example
+ * ```tsx
+ * // In your app root component:
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ *
+ * // In any component:
+ * const { addToast } = useToast();
+ *
+ * // Show a success notification
+ * addToast({
+ *   type: "success",
+ *   title: "Success!",
+ *   message: "Operation completed successfully",
+ * });
+ * ```
+ */
+export declare function ToastProvider({ children, defaultDuration, maxToasts, position, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the toast context.
+ * Returns methods for adding, removing, and managing toasts.
+ *
+ * @returns ToastContextValue
+ */
+export declare function useToast(): ToastContextValue;
+/**
+ * Hook to show success toasts.
+ *
+ * @example
+ * ```tsx
+ * const success = useSuccessToast();
+ *
+ * // Show a success toast
+ * success("Operation successful", "Your changes have been saved");
+ * ```
+ */
+export declare function useSuccessToast(): (title: string, message?: string, options?: Omit<ToastItem, "id" | "show" | "type" | "title" | "message">) => string;
+/**
+ * Hook to show error toasts.
+ *
+ * @example
+ * ```tsx
+ * const error = useErrorToast();
+ *
+ * // Show an error toast
+ * error("Error", "Something went wrong");
+ * ```
+ */
+export declare function useErrorToast(): (title: string, message?: string, options?: Omit<ToastItem, "id" | "show" | "type" | "title" | "message">) => string;
+/**
+ * Hook to show warning toasts.
+ *
+ * @example
+ * ```tsx
+ * const warning = useWarningToast();
+ *
+ * // Show a warning toast
+ * warning("Warning", "This action cannot be undone");
+ * ```
+ */
+export declare function useWarningToast(): (title: string, message?: string, options?: Omit<ToastItem, "id" | "show" | "type" | "title" | "message">) => string;
+/**
+ * Hook to show info toasts.
+ *
+ * @example
+ * ```tsx
+ * const info = useInfoToast();
+ *
+ * // Show an info toast
+ * info("Information", "Your session will expire in 5 minutes");
+ * ```
+ */
+export declare function useInfoToast(): (title: string, message?: string, options?: Omit<ToastItem, "id" | "show" | "type" | "title" | "message">) => string;
+export {};