@oneplatformdev/ui 0.0.1-beta.11

package/Sonner/Sonner.mjs

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as e } from "next-themes";
+import { Toaster as s } from "sonner";
+const p = ({ ...t }) => {
+  const { theme: o = "system" } = e();
+  return /* @__PURE__ */ r(
+    s,
+    {
+      theme: o,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...t
+    }
+  );
+};
+export {
+  p as Sonner
+};

package/Sonner/index.d.ts

@@ -0,0 +1 @@
+export * from './Sonner';

package/Sonner/index.mjs

@@ -0,0 +1,4 @@
+import { Sonner as e } from "./Sonner.mjs";
+export {
+  e as Sonner
+};

package/Sonner/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/Switch/Switch.mjs

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import * as e from "@radix-ui/react-switch";
+import { cn as o } from "@oneplatformdev/utils";
+const n = a.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ r(
+  e.Root,
+  {
+    className: o(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      t
+    ),
+    ...i,
+    ref: s,
+    children: /* @__PURE__ */ r(
+      e.Thumb,
+      {
+        className: o(
+          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+n.displayName = e.Root.displayName;
+export {
+  n as Switch
+};

package/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/Switch/index.mjs

@@ -0,0 +1,4 @@
+import { Switch as t } from "./Switch.mjs";
+export {
+  t as Switch
+};

package/Switch/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Table/Table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/Table/Table.mjs

@@ -0,0 +1,90 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as r } from "@oneplatformdev/utils";
+const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
+  "table",
+  {
+    ref: o,
+    className: r("w-full caption-bottom text-sm", e),
+    ...a
+  }
+) }));
+d.displayName = "Table";
+const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
+s.displayName = "TableHeader";
+const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tbody",
+  {
+    ref: o,
+    className: r("[&_tr:last-child]:border-0", e),
+    ...a
+  }
+));
+m.displayName = "TableBody";
+const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tfoot",
+  {
+    ref: o,
+    className: r(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...a
+  }
+));
+b.displayName = "TableFooter";
+const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tr",
+  {
+    ref: o,
+    className: r(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...a
+  }
+));
+c.displayName = "TableRow";
+const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "th",
+  {
+    ref: o,
+    className: r(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+f.displayName = "TableHead";
+const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "td",
+  {
+    ref: o,
+    className: r(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+i.displayName = "TableCell";
+const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "caption",
+  {
+    ref: o,
+    className: r("mt-4 text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+n.displayName = "TableCaption";
+export {
+  d as Table,
+  m as TableBody,
+  n as TableCaption,
+  i as TableCell,
+  b as TableFooter,
+  f as TableHead,
+  s as TableHeader,
+  c as TableRow
+};

package/Table/index.d.ts

@@ -0,0 +1 @@
+export * from './Table';

package/Table/index.mjs

@@ -0,0 +1,11 @@
+import { Table as l, TableBody as b, TableCaption as T, TableCell as o, TableFooter as r, TableHead as d, TableHeader as t, TableRow as p } from "./Table.mjs";
+export {
+  l as Table,
+  b as TableBody,
+  T as TableCaption,
+  o as TableCell,
+  r as TableFooter,
+  d as TableHead,
+  t as TableHeader,
+  p as TableRow
+};

package/Table/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from './Tabs.types';
+import { FC } from 'react';
+
+export declare const Tabs: FC<TabsProps>;

package/Tabs/Tabs.mjs

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import { TabsRoot as n, TabsList as t, TabsTrigger as c } from "./TabsRoot.mjs";
+const p = (r) => {
+  const { tab: s, tabs: l, onChange: o } = r;
+  return /* @__PURE__ */ e(n, { value: s, onValueChange: o, children: /* @__PURE__ */ e(t, { className: "px-2 py-6 bg-[#E0E7FF] rounded-[6px]", children: l.map((a) => /* @__PURE__ */ e(c, { value: a.value, className: "h-8", children: a.label }, a.value)) }) });
+};
+export {
+  p as Tabs
+};

package/Tabs/Tabs.types.d.ts

@@ -0,0 +1,9 @@
+export interface TabItemProps {
+    value: string;
+    label: string;
+}
+export interface TabsProps {
+    tabs: TabItemProps[];
+    tab: string;
+    onChange: (value: string) => void;
+}

package/Tabs/TabsRoot.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TabsRoot, TabsList, TabsTrigger, TabsContent };

package/Tabs/TabsRoot.mjs

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as n } from "@oneplatformdev/utils";
+const m = e.Root, r = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.List,
+  {
+    ref: s,
+    className: n(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      i
+    ),
+    ...t
+  }
+));
+r.displayName = e.List.displayName;
+const f = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Trigger,
+  {
+    ref: s,
+    className: n(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      i
+    ),
+    ...t
+  }
+));
+f.displayName = e.Trigger.displayName;
+const d = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Content,
+  {
+    ref: s,
+    className: n(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      i
+    ),
+    ...t
+  }
+));
+d.displayName = e.Content.displayName;
+export {
+  d as TabsContent,
+  r as TabsList,
+  m as TabsRoot,
+  f as TabsTrigger
+};

package/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabsRoot';
+export * from './Tabs';

package/Tabs/index.mjs

@@ -0,0 +1,9 @@
+import { TabsContent as s, TabsList as t, TabsRoot as T, TabsTrigger as a } from "./TabsRoot.mjs";
+import { Tabs as e } from "./Tabs.mjs";
+export {
+  e as Tabs,
+  s as TabsContent,
+  t as TabsList,
+  T as TabsRoot,
+  a as TabsTrigger
+};

package/Tabs/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import { TextareaProps } from './Textarea.types';
+import * as React from "react";
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/Textarea/Textarea.mjs

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as s } from "@oneplatformdev/utils";
+const i = a.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  "textarea",
+  {
+    className: s(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      e
+    ),
+    ref: o,
+    ...r
+  }
+));
+i.displayName = "Textarea";
+export {
+  i as Textarea
+};

package/Textarea/Textarea.types.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+
+export interface TextareaProps extends ComponentProps<'textarea'> {
+}

package/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Textarea';
+export type * from './Textarea.types';

package/Textarea/index.mjs

@@ -0,0 +1,4 @@
+import { Textarea as a } from "./Textarea.mjs";
+export {
+  a as Textarea
+};

package/Textarea/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Theme/ThemeModeToggle.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ThemeModeToggleProps {
+    lightLabel?: string;
+    darkLabel?: string;
+    systemLabel?: string;
+}
+export declare const ThemeModeToggle: React.FC<ThemeModeToggleProps>;
+export default ThemeModeToggle;

package/Theme/ThemeModeToggle.mjs

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as e, Fragment as c } from "react/jsx-runtime";
+import * as d from "react";
+import { SunMoon as h, Sun as u, Moon as p } from "lucide-react";
+import { useTheme as l } from "next-themes";
+import { Button as g } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { DropdownMenu as T, DropdownMenuTrigger as f, DropdownMenuContent as M, DropdownMenuItem as k } from "../DropdownMenu/DropdownMenu.mjs";
+const y = {
+  system: h,
+  light: u,
+  dark: p
+}, b = () => {
+  const { theme: r = "system" } = l(), o = d.useMemo(() => y[r], [r]);
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 text-[currentColor] dar:fill-current"
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
+  ] });
+}, I = (r) => {
+  const {
+    lightLabel: o = "Light",
+    darkLabel: a = "Dark",
+    systemLabel: s = "System"
+  } = r, { setTheme: m } = l();
+  return /* @__PURE__ */ n(T, { children: [
+    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(g, { variant: "outline", size: "icon", children: /* @__PURE__ */ e(b, {}) }) }),
+    /* @__PURE__ */ e(M, { align: "end", children: [
+      { value: "system", label: s },
+      { value: "light", label: o },
+      { value: "dark", label: a }
+    ].map(({ value: t, label: i }) => /* @__PURE__ */ e(
+      k,
+      {
+        onClick: () => m(t),
+        children: i
+      },
+      t
+    )) })
+  ] });
+};
+export {
+  I as ThemeModeToggle,
+  I as default
+};

package/Theme/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import * as React from "react";
+export declare function ThemeProvider(props: React.ComponentProps<typeof NextThemesProvider>): import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/Theme/ThemeProvider.mjs

@@ -0,0 +1,27 @@
+import { jsx as m } from "react/jsx-runtime";
+import { ThemeProvider as n } from "next-themes";
+function h(e) {
+  const {
+    children: r,
+    attribute: t = "class",
+    defaultTheme: s = "system",
+    enableSystem: i = !0,
+    disableTransitionOnChange: o = !0,
+    ...a
+  } = e;
+  return /* @__PURE__ */ m(
+    n,
+    {
+      attribute: t,
+      defaultTheme: s,
+      enableSystem: i,
+      disableTransitionOnChange: o,
+      ...a,
+      children: r
+    }
+  );
+}
+export {
+  h as ThemeProvider,
+  h as default
+};

package/Theme/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider } from './ThemeProvider';
+export { ThemeModeToggle } from './ThemeModeToggle';

package/Theme/index.mjs

@@ -0,0 +1,6 @@
+import { ThemeProvider as r } from "./ThemeProvider.mjs";
+import { ThemeModeToggle as T } from "./ThemeModeToggle.mjs";
+export {
+  T as ThemeModeToggle,
+  r as ThemeProvider
+};

package/Theme/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/Toast/Toast.mjs

@@ -0,0 +1,80 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import * as e from "@radix-ui/react-toast";
+import { X as c } from "lucide-react";
+import { cn as a } from "@oneplatformdev/utils";
+import { toastVariants as n } from "./toastVariants.mjs";
+const h = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Viewport,
+  {
+    ref: r,
+    className: a(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      o
+    ),
+    ...t
+  }
+));
+m.displayName = e.Viewport.displayName;
+const p = i.forwardRef(({ className: o, variant: t, ...r }, d) => /* @__PURE__ */ s(
+  e.Root,
+  {
+    ref: d,
+    className: a(n({ variant: t }), o),
+    ...r
+  }
+));
+p.displayName = e.Root.displayName;
+const u = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Action,
+  {
+    ref: r,
+    className: a(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      o
+    ),
+    ...t
+  }
+));
+u.displayName = e.Action.displayName;
+const l = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Close,
+  {
+    ref: r,
+    className: a(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      o
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ s(c, { className: "h-4 w-4" })
+  }
+));
+l.displayName = e.Close.displayName;
+const f = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Title,
+  {
+    ref: r,
+    className: a("text-sm font-semibold [&+div]:text-xs", o),
+    ...t
+  }
+));
+f.displayName = e.Title.displayName;
+const v = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Description,
+  {
+    ref: r,
+    className: a("text-sm opacity-90", o),
+    ...t
+  }
+));
+v.displayName = e.Description.displayName;
+export {
+  p as Toast,
+  u as ToastAction,
+  l as ToastClose,
+  v as ToastDescription,
+  h as ToastProvider,
+  f as ToastTitle,
+  m as ToastViewport
+};

package/Toast/Toast.types.d.ts

@@ -0,0 +1,34 @@
+import { actionTypes } from './toast.constants';
+import { Toast, ToastAction } from './Toast';
+import { default as React } from 'react';
+
+export type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+export type ToastActionElement = React.ReactElement<typeof ToastAction>;
+type Nullable<T> = T | null | undefined;
+export type ToasterToastVariant = Nullable<"default" | "destructive" | "success" | "info" | "update">;
+export type ToasterToast = ToastProps & {
+    id: string;
+    variant?: ToasterToastVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+export type ActionType = typeof actionTypes;
+export type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+export interface State {
+    toasts: ToasterToast[];
+}
+export type TToast = Omit<ToasterToast, "id">;
+export {};

package/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './useToast';
+export type * from './Toast.types';

package/Toast/index.mjs

@@ -0,0 +1,15 @@
+import { Toast as s, ToastAction as e, ToastClose as r, ToastDescription as a, ToastProvider as T, ToastTitle as i, ToastViewport as p } from "./Toast.mjs";
+import { reducer as f, toast as u, useNotify as d, useToast as l } from "./useToast.mjs";
+export {
+  s as Toast,
+  e as ToastAction,
+  r as ToastClose,
+  a as ToastDescription,
+  T as ToastProvider,
+  i as ToastTitle,
+  p as ToastViewport,
+  f as reducer,
+  u as toast,
+  d as useNotify,
+  l as useToast
+};

package/Toast/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}