mada-design-system 0.9.0 → 1.0.0

package/index.es8.js

@@ -1,234 +1,10 @@
-import { jsx as c, jsxs as r, Fragment as ll } from "react/jsx-runtime";
-import { useReactTable as el, flexRender as I } from "./index.es105.js";
-import { Checkbox as A } from "./index.es26.js";
-import { Skeleton as B } from "./index.es70.js";
-import { Table as ol, TableHeader as al, TableRow as P, TableHead as cl, TableBody as nl, TableCell as F } from "./index.es73.js";
-import L, { useState as _, useEffect as $ } from "react";
-import { useMediaQuery as tl } from "./index.es106.js";
-import { cn as g } from "./index.es89.js";
-import "./index.es2.js";
-import { PaginationDescription as sl, LinesPerPage as il, Pagination as gl } from "./index.es13.js";
-import { Button as dl } from "./index.es23.js";
-import { ShouldRender as R } from "./index.es15.js";
-import rl from "./index.es107.js";
-import ul from "./index.es108.js";
-import ml from "./index.es109.js";
-import { getCoreRowModel as fl, getPaginationRowModel as pl } from "./index.es110.js";
-function Hl({
-  columns: N,
-  data: b,
-  loading: d,
-  NoDataComponent: E,
-  itemsPerPage: C,
-  hasPagination: Q = !0,
-  onClickRow: u,
-  isFirstRowSelected: y = !1,
-  enableRowSelection: m,
-  enableMultiRowSelection: x,
-  rowSelection: U,
-  onRowSelectionChange: V,
-  onSortingChange: w,
-  theme: o,
-  variant: q,
-  alternating: G,
-  contained: J,
-  showTotalResults: K,
-  ...l
-}) {
-  var T, v, z, k, H;
-  const O = L.useMemo(() => d ? Array(C || 10).fill({}) : b, [d, C, b]), [f, W] = _(C || 10), [D, X] = _([]), Y = L.useMemo(() => {
-    let e = d ? N.map((s) => ({
-      ...s,
-      cell: () => /* @__PURE__ */ c(B, { className: "h-8 w-full" })
-    })) : N;
-    return m && !d && (e = [{
-      id: "select",
-      header: x ? ({ table: a }) => {
-        var t;
-        return /* @__PURE__ */ c(
-          A,
-          {
-            checked: a.getIsAllPageRowsSelected(),
-            onCheckedChange: (i) => a.toggleAllPageRowsSelected(!!i),
-            "aria-label": "Select all",
-            className: g((t = o == null ? void 0 : o.headerSelect) == null ? void 0 : t.className),
-            size: "sm",
-            colors: "primary"
-          }
-        );
-      } : (
-        // to preserve the place of the checkbox when multi selection is not enabled
-        () => /* @__PURE__ */ c("div", { role: "checkbox", className: "w-[48px]", "aria-hidden": "true" })
-      ),
-      cell: ({ row: a }) => {
-        var t;
-        return /* @__PURE__ */ c(
-          A,
-          {
-            checked: a.getIsSelected(),
-            onCheckedChange: (i) => a.toggleSelected(!!i),
-            "aria-label": "Select row",
-            className: g((t = o == null ? void 0 : o.bodySelect) == null ? void 0 : t.className),
-            size: "sm",
-            colors: "primary"
-          }
-        );
-      },
-      enableSorting: !1,
-      enableHiding: !1
-    }, ...e]), e;
-  }, [d, N, m, x]), n = el({
-    data: O,
-    columns: Y,
-    getCoreRowModel: fl(),
-    getPaginationRowModel: pl(),
-    onRowSelectionChange: V,
-    onSortingChange: (e) => {
-      const s = typeof e == "function" ? e(D) : e;
-      X(s), w == null || w(s);
-    },
-    state: {
-      rowSelection: U || {},
-      sorting: D
-    },
-    enableRowSelection: m,
-    enableMultiRowSelection: x,
-    getRowId: (e) => e.id
-    // Provide a way to identify rows
-  }), Z = tl("(min-width: 801px)"), M = n.getState().pagination.pageIndex + 1, h = (e) => {
-    u && (m ? x ? e.toggleSelected(!e.getIsSelected()) : (n.resetRowSelection(), e.toggleSelected(!0)) : (n.resetRowSelection(), e.toggleSelected(!e.getIsSelected())), u(e));
-  };
-  return $(() => {
-    const e = n.getRowModel().rows;
-    if (!y || !e.length || !b.length)
-      return;
-    const s = e[0];
-    n.resetRowSelection(), s.toggleSelected(!0), u && u(s);
-  }, [y, n, b]), $(() => {
-    n.setPageSize(f);
-  }, [n, f]), Z ? /* @__PURE__ */ r(ll, { children: [
-    /* @__PURE__ */ c("div", { className: "overflow-hidden ", children: /* @__PURE__ */ r(
-      ol,
-      {
-        className: g("w-full table-fixed", (T = o == null ? void 0 : o.table) == null ? void 0 : T.className),
-        variant: q,
-        alternating: G,
-        contained: J,
-        children: [
-          /* @__PURE__ */ c(al, { className: g((v = o == null ? void 0 : o.tableHeader) == null ? void 0 : v.className), children: n.getHeaderGroups().map((e) => {
-            var s;
-            return /* @__PURE__ */ c(P, { className: g("hover:bg-transparent", (s = o == null ? void 0 : o.tableRow) == null ? void 0 : s.className), children: e.headers.map((a) => {
-              var t, i, p, S;
-              return /* @__PURE__ */ c(
-                cl,
-                {
-                  colSpan: ((t = a.column.columnDef.meta) == null ? void 0 : t.headerColSpan) ?? 1,
-                  className: g((i = o == null ? void 0 : o.tableHead) == null ? void 0 : i.className),
-                  children: a.isPlaceholder ? null : (S = (p = a == null ? void 0 : a.column) == null ? void 0 : p.columnDef) != null && S.enableSorting ? /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-center gap-space-02", children: [
-                    I(a.column.columnDef.header, a.getContext()),
-                    /* @__PURE__ */ r(
-                      dl,
-                      {
-                        variant: a.column.getIsSorted() ? "default" : "ghost",
-                        colors: "neutral",
-                        size: "icon-xs",
-                        rounded: "default",
-                        className: "!size-[20px] !p-space-00",
-                        onClick: () => a.column.toggleSorting(),
-                        children: [
-                          /* @__PURE__ */ c(
-                            R,
-                            {
-                              shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "desc",
-                              children: /* @__PURE__ */ c(rl, {})
-                            }
-                          ),
-                          /* @__PURE__ */ c(
-                            R,
-                            {
-                              shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "asc",
-                              children: /* @__PURE__ */ c(ul, {})
-                            }
-                          ),
-                          /* @__PURE__ */ c(R, { shouldRender: !a.column.getIsSorted(), children: /* @__PURE__ */ c(ml, {}) })
-                        ]
-                      }
-                    )
-                  ] }) : I(a.column.columnDef.header, a.getContext())
-                },
-                a.id
-              );
-            }) }, e.id);
-          }) }),
-          /* @__PURE__ */ c(nl, { className: g((z = o == null ? void 0 : o.tableBody) == null ? void 0 : z.className), children: (k = n.getRowModel().rows) != null && k.length ? n.getRowModel().rows.map((e, s) => {
-            var a;
-            return /* @__PURE__ */ c(
-              P,
-              {
-                "data-state": e.getIsSelected() && "selected",
-                onClick: () => h(e),
-                className: g(u && "cursor-pointer", (a = o == null ? void 0 : o.tableRow) == null ? void 0 : a.className),
-                children: e.getVisibleCells().map((t) => {
-                  var p, S, j;
-                  const i = I(t.column.columnDef.cell, t.getContext());
-                  return /* @__PURE__ */ c(
-                    F,
-                    {
-                      colSpan: ((p = t.column.columnDef.meta) == null ? void 0 : p.cellColSpan) ?? 1,
-                      className: (S = o == null ? void 0 : o.tableCell) == null ? void 0 : S.className,
-                      "data-title": (j = t.column.columnDef.header) == null ? void 0 : j.toString(),
-                      children: i
-                    },
-                    t.id
-                  );
-                })
-              },
-              `${e.id}-${s}`
-            );
-          }) : /* @__PURE__ */ c(P, { className: (H = o == null ? void 0 : o.tableRow) == null ? void 0 : H.className, children: /* @__PURE__ */ c(F, { colSpan: N.length + (m ? 1 : 0), className: "h-24 text-center", children: E }) }) })
-        ]
-      }
-    ) }),
-    !!n.getFilteredRowModel().rows.length && Q && /* @__PURE__ */ r("div", { className: "flex items-center justify-end  p-space-03", children: [
-      d ? /* @__PURE__ */ c(B, { className: "me-auto h-[20px] w-space-12" }) : /* @__PURE__ */ c(
-        sl,
-        {
-          currentPage: (l == null ? void 0 : l.pageNumber) ?? M,
-          limit: f,
-          totalCount: (l == null ? void 0 : l.totalItems) ?? n.getFilteredRowModel().rows.length,
-          showTotalResults: K
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-x-space-03", children: [
-        /* @__PURE__ */ c(
-          il,
-          {
-            value: f,
-            onChange: (e) => {
-              l != null && l.onPageChange && (l == null || l.onPageChange(1)), W(+e), l != null && l.setLimit && (l == null || l.setLimit(+e));
-            }
-          }
-        ),
-        /* @__PURE__ */ c(
-          gl,
-          {
-            withoutText: !0,
-            className: "justify-center",
-            totalItems: l != null && l.totalItems ? l == null ? void 0 : l.totalItems : n.getFilteredRowModel().rows.length ?? 0,
-            selectedPage: (l == null ? void 0 : l.pageNumber) ?? M,
-            itemsPerPage: Number(f),
-            onPageChange: (e) => {
-              if (l != null && l.onPageChange)
-                return l == null ? void 0 : l.onPageChange(e);
-              n.setPageIndex(e - 1);
-            }
-          }
-        )
-      ] })
-    ] })
-  ] }) : null;
-}
+import { devtools as t } from "./index.es191.js";
+import { immer as r } from "./index.es192.js";
+const s = {
+  name: "Store",
+  enabled: !0,
+  serialize: { options: !1 }
+}, i = (e, o = s) => t(r(e), o);
 export {
-  Hl as DataTable,
-  Hl as default
+  i as default
 };

package/index.es80.js

@@ -1,23 +1,76 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-tooltip";
-import * as r from "react";
-import { cn as s } from "./index.es89.js";
-const l = o.Provider, f = o.Root, c = o.Trigger, m = r.forwardRef(({ className: t, sideOffset: e = 4, ...i }, d) => /* @__PURE__ */ a(
-  o.Content,
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { cva as b } from "./index.es118.js";
+import * as m from "react";
+import { cn as h } from "./index.es94.js";
+import { ShouldRender as x } from "./index.es19.js";
+import { useFormContext as v } from "./index.es40.js";
+const w = b(
+  `flex relative overflow-hidden min-h-[10rem] w-full   ps-space-04 text-body-02 overflow-hidden text-form-field-text-filled
+     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
+     aria-[invalid=true]:border-form-field-border-error  focus-within:aria-[invalid=true]:after:bg-form-field-border-error focus-within:shadow-md
+     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
+    `,
   {
-    ref: d,
-    sideOffset: e,
-    className: s(
-      "z-[10000] overflow-hidden rounded-md border  bg-popover px-3 py-1.5 text-body-01 text-popover-foreground shadow-md  animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...i
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
+        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:aria-[disabled=false]:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default"
+    }
   }
-));
-m.displayName = o.Content.displayName;
+), g = m.forwardRef(
+  ({ className: f, variant: s, rounded: n, startAdornment: t, colors: c, endAdornment: i, maxLength: l, ...e }, u) => {
+    var o;
+    const a = v();
+    return /* @__PURE__ */ d("div", { className: "relative flex flex-col gap-space-01", children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: h(w({ variant: s, rounded: n, colors: c }), f),
+          "aria-invalid": e["aria-invalid"],
+          "aria-disabled": e.disabled,
+          children: [
+            t && /* @__PURE__ */ r("div", { className: "mr-space-02 mt-space-04 h-[2rem] w-[2rem] ", children: t }),
+            /* @__PURE__ */ r(
+              "textarea",
+              {
+                className: "placeholder:text-form-field-text-placeholder w-full resize-none bg-transparent py-space-02 outline-none",
+                ref: u,
+                maxLength: l,
+                ...e
+              }
+            ),
+            i && /* @__PURE__ */ r("div", { className: "ml-space-02 h-[2rem] w-[2rem]", children: i })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(x, { shouldRender: !!(e != null && e.name) && !!a && !!l, children: /* @__PURE__ */ d("span", { className: "absolute -bottom-[20px] end-0 flex flex-row-reverse text-caption-01 text-foreground", children: [
+        /* @__PURE__ */ d("span", { className: "text-foreground-secondary", children: [
+          " ",
+          l
+        ] }),
+        "/",
+        /* @__PURE__ */ r("span", { children: (o = a == null ? void 0 : a.watch(String(e == null ? void 0 : e.name))) == null ? void 0 : o.length })
+      ] }) })
+    ] });
+  }
+);
+g.displayName = "Textarea";
 export {
-  f as Tooltip,
-  m as TooltipContent,
-  l as TooltipProvider,
-  c as TooltipTrigger
+  g as Textarea
 };

package/index.es81.js

@@ -1,95 +1,103 @@
-import * as c from "react";
-const d = 3, p = 1e6;
-let u = 0;
-function A() {
-  return u = (u + 1) % Number.MAX_VALUE, u.toString();
-}
-const a = /* @__PURE__ */ new Map(), S = (t) => {
-  if (a.has(t))
-    return;
-  const s = setTimeout(() => {
-    a.delete(t), n({
-      type: "REMOVE_TOAST",
-      toastId: t
-    });
-  }, p);
-  a.set(t, s);
-}, f = (t, s) => {
-  switch (s.type) {
-    case "ADD_TOAST":
-      return {
-        ...t,
-        toasts: [s.toast, ...t.toasts].slice(0, d)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...t,
-        toasts: t.toasts.map((e) => e.id === s.toast.id ? { ...e, ...s.toast } : e)
-      };
-    case "DISMISS_TOAST": {
-      const { toastId: e } = s;
-      return e ? S(e) : t.toasts.forEach((o) => {
-        S(o.id);
-      }), {
-        ...t,
-        toasts: t.toasts.map(
-          (o) => o.id === e || e === void 0 ? {
-            ...o,
-            open: !1
-          } : o
-        )
-      };
+import { jsx as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-toast";
+import { cva as l } from "./index.es118.js";
+import * as r from "react";
+import { cn as i } from "./index.es94.js";
+import { Button as p } from "./index.es27.js";
+import c from "./index.es121.js";
+import m from "./index.es187.js";
+const C = o.Provider, u = l("fixed z-[10000000000000] flex max-h-screen w-full flex-col p-4  lg:max-w-[500px] ", {
+  variants: {
+    position: {
+      top: "ltr:sm:right-1/2 ltr:sm:translate-x-1/2 rtl:sm:left-1/2 rtl:sm:-translate-x-1/2 sm:top-10 sm:bottom-auto top-space-05",
+      bottom: "ltr:sm:right-1/2 ltr:sm:translate-x-1/2 rtl:sm:left-1/2 rtl:sm:-translate-x-1/2 sm:bottom-10 sm:top-auto bottom-space-05",
+      "top-right": "end-0 sm:top-10 sm:bottom-auto top-space-05",
+      "top-left": "start-0 sm:top-10 sm:bottom-auto top-space-05",
+      "bottom-right": "end-0 sm:bottom-10 sm:top-auto bottom-space-05",
+      "bottom-left": "start-0 sm:bottom-10 sm:top-auto bottom-space-05"
     }
-    case "REMOVE_TOAST":
-      return s.toastId === void 0 ? {
-        ...t,
-        toasts: []
-      } : {
-        ...t,
-        toasts: t.toasts.filter((e) => e.id !== s.toastId)
-      };
+  },
+  defaultVariants: {
+    position: "bottom"
   }
-}, r = [];
-let T = { toasts: [] };
-function n(t) {
-  T = f(T, t), r.forEach((s) => {
-    s(T);
-  });
-}
-function O({ ...t }) {
-  const s = A(), e = (i) => n({
-    type: "UPDATE_TOAST",
-    toast: { ...i, id: s }
-  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
-  return n({
-    type: "ADD_TOAST",
-    toast: {
-      ...t,
-      id: s,
-      open: !0,
-      onOpenChange: (i) => {
-        i || o();
+}), f = r.forwardRef(({ className: t, position: e, ...s }, n) => /* @__PURE__ */ a(o.Viewport, { ref: n, className: i(u({ position: e }), t), ...s }));
+f.displayName = o.Viewport.displayName;
+const b = l(
+  `group pointer-events-auto gap-space-03 relative bg-background-notification-white flex sm:flex-row w-full items-center space-x-4 overflow-hidden
+     rounded-1 border border-border-primary  px-space-05 py-space-04 shadow-3xl transition-all data-[swipe=cancel]:translate-y-0 data-[swipe=end]:translate-y-[var(--radix-toast-swipe-end-x)]
+     data-[swipe=move]:translate-y-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out
+     data-[swipe=end]:animate-out data-[state=closed]:fade-out-80
+     before:w-space-02 before:top-0 before:bottom-0 before:absolute before:start-0 before:opacity-70`,
+  {
+    variants: {
+      variant: {
+        default: "before:bg-background-neutral-100",
+        destructive: "destructive group before:bg-background-error",
+        success: "success group before:bg-background-success",
+        info: "info group before:bg-background-info",
+        warning: "warning group before:bg-background-warning"
+      },
+      position: {
+        top: "data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full",
+        bottom: "data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full",
+        "top-right": "data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full",
+        "top-left": "data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full",
+        "bottom-right": "data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full",
+        "bottom-left": "data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full"
       }
+    },
+    defaultVariants: {
+      variant: "default",
+      position: "bottom"
     }
-  }), {
-    id: s,
-    dismiss: o,
-    update: e
-  };
-}
-function m() {
-  const [t, s] = c.useState(T);
-  return c.useEffect(() => (r.push(s), () => {
-    const e = r.indexOf(s);
-    e > -1 && r.splice(e, 1);
-  }), [t]), {
-    ...t,
-    toast: O,
-    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
-  };
-}
+  }
+), g = r.forwardRef(({ className: t, variant: e, position: s, ...n }, d) => /* @__PURE__ */ a(o.Root, { ref: d, className: i(b({ variant: e, position: s }), t), ...n }));
+g.displayName = o.Root.displayName;
+const x = r.forwardRef(
+  ({ className: t, ...e }, s) => /* @__PURE__ */ a(
+    o.Action,
+    {
+      ref: s,
+      className: i(
+        "inline-flex h-[32px] items-center justify-center gap-space-01 rounded border-none bg-transparent px-space-03 py-[6px] text-body-01 font-medium text-text-default transition-colors hover:bg-button-background-neutral-hovered focus:bg-transparent focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-border-black active:bg-button-background-neutral-pressed disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled [&>svg]:size-[20px]",
+        t
+      ),
+      ...e
+    }
+  )
+);
+x.displayName = o.Action.displayName;
+const v = r.forwardRef(
+  ({ ...t }, e) => /* @__PURE__ */ a(o.Close, { ref: e, asChild: !0, "toast-close": "", ...t, children: /* @__PURE__ */ a(p, { variant: "text", colors: "neutral", size: "icon-sm", rounded: "default", children: /* @__PURE__ */ a(c, {}) }) })
+);
+v.displayName = o.Close.displayName;
+const w = r.forwardRef(
+  ({ className: t, ...e }, s) => /* @__PURE__ */ a(o.Title, { ref: s, className: i("text-body-02 font-semibold text-text-display", t), ...e })
+);
+w.displayName = o.Title.displayName;
+const y = r.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ a(o.Description, { ref: s, className: i("content-center text-body-01 text-text-paragraph-primary", t), ...e }));
+y.displayName = o.Description.displayName;
+const h = ({ icon: t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `flex size-space-07 items-center justify-center rounded-full bg-background-neutral-50 p-[10px]
+        group-[.destructive]:bg-icon-background-error-light  group-[.info]:bg-icon-background-info-light
+        group-[.success]:bg-icon-background-success-light group-[.warning]:bg-icon-background-warning-light
+        [&>svg]:size-[20px] [&>svg]:shrink-0
+        group-[.destructive]:[&>svg]:fill-icon-error group-[.info]:[&>svg]:fill-icon-info
+        group-[.success]:[&>svg]:fill-icon-success group-[.warning]:[&>svg]:fill-icon-warning
+        `,
+    children: t || /* @__PURE__ */ a(m, {})
+  }
+);
+h.displayName = "ToastIcon";
 export {
-  f as reducer,
-  O as toast,
-  m as useToast
+  g as Toast,
+  x as ToastAction,
+  v as ToastClose,
+  y as ToastDescription,
+  h as ToastIcon,
+  C as ToastProvider,
+  w as ToastTitle,
+  f as ToastViewport
 };

package/index.es82.js

@@ -1,54 +1,37 @@
-import { jsxs as R, jsx as t } from "react/jsx-runtime";
-import { useVirtualizer as w } from "./index.es118.js";
-import S, { useRef as N } from "react";
-import "./index.es2.js";
-import { Skeleton as z } from "./index.es70.js";
-import { cn as V } from "./index.es89.js";
-import { ShouldRender as p } from "./index.es15.js";
-const Y = ({
-  items: r,
-  renderItem: x,
-  options: m,
-  className: u,
-  async: c,
-  onAsyncLoad: n,
-  isLoading: s,
-  renderLoader: o,
-  ...d
-}) => {
-  var h;
-  const f = N(null), i = w({
-    count: r.length,
-    getScrollElement: () => f.current,
-    estimateSize: () => 35,
-    // Adjust based on your row height
-    overscan: 5,
-    // Improves scroll performance
-    ...m
-  }), l = i.getVirtualItems();
-  return S.useEffect(() => {
-    if (!c)
-      return;
-    const [e] = [...l].reverse();
-    e && e.index >= r.length - 1 && (n == null || n());
-  }, [r.length, l, c, n]), /* @__PURE__ */ R("div", { ref: f, className: V("overflow-y-auto contain-strict", u), ...d, children: [
-    /* @__PURE__ */ t("div", { className: "relative w-full", style: { height: `${i.getTotalSize()}px` }, children: /* @__PURE__ */ t(
-      "div",
-      {
-        className: "absolute start-0 top-0 w-full",
-        style: {
-          transform: `translateY(${((h = l[0]) == null ? void 0 : h.start) ?? 0}px)`
-        },
-        children: l == null ? void 0 : l.map((e) => {
-          const a = r[e.index], g = e.index > r.length - 1;
-          return /* @__PURE__ */ t("div", { ref: i.measureElement, "data-index": e == null ? void 0 : e.index, children: g ? /* @__PURE__ */ t(z, { className: "h-[35px] w-full" }) : x(a, e) }, e == null ? void 0 : e.index);
-        })
-      }
-    ) }),
-    /* @__PURE__ */ t(p, { shouldRender: !!o, children: o == null ? void 0 : o(s) }),
-    /* @__PURE__ */ t(p, { shouldRender: s && !o, children: /* @__PURE__ */ t("p", { children: s ? "Loading more..." : "Nothing more to load" }) })
-  ] });
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { ToastProvider as d, Toast as u, ToastIcon as T, ToastTitle as v, ToastDescription as g, ToastClose as h, ToastViewport as x } from "./index.es81.js";
+import { useToast as w } from "./index.es86.js";
+import y from "./index.es6.js";
+import N from "./index.es173.js";
+import l from "./index.es187.js";
+import b from "./index.es188.js";
+import A from "./index.es189.js";
+const P = {
+  destructive: /* @__PURE__ */ o(A, {}),
+  success: /* @__PURE__ */ o(b, {}),
+  default: /* @__PURE__ */ o(l, {}),
+  info: /* @__PURE__ */ o(l, {}),
+  warning: /* @__PURE__ */ o(N, {})
 };
+function V({ position: t = "bottom" }) {
+  const { toasts: r } = w(), m = y((i) => i.isActive), f = Array.from(new Set(r.map((i) => i.position || t)));
+  return /* @__PURE__ */ s(d, { children: [
+    r.map(function({ id: i, title: a, description: n, action: c, position: p, ...e }) {
+      return /* @__PURE__ */ o(u, { ...e, className: `${m ? "grayscale" : "grayscale-0"}`, position: p || t, children: /* @__PURE__ */ s("div", { className: "flex grow flex-col justify-between gap-space-04", children: [
+        /* @__PURE__ */ s("div", { className: "flex w-full gap-space-03", children: [
+          /* @__PURE__ */ o(T, { icon: e.variant && P[e.variant] }),
+          /* @__PURE__ */ s("div", { className: "grid flex-1 items-center gap-space-01", children: [
+            a && /* @__PURE__ */ o(v, { children: a }),
+            n && /* @__PURE__ */ o(g, { children: n })
+          ] }),
+          /* @__PURE__ */ o(h, {})
+        ] }),
+        c && /* @__PURE__ */ o("div", { className: "mx-space-07", children: c })
+      ] }) }, i);
+    }),
+    f.map((i) => /* @__PURE__ */ o(x, { position: i }, i))
+  ] });
+}
 export {
-  Y as VirtualScroller
+  V as Toaster
 };