mada-design-system 0.2.5 → 0.2.6

package/index.es51.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as L } from "react/jsx-runtime";
-import J from "./index.es156.js";
+import J from "./index.es153.js";
 import * as r from "react";
 import { Button as T } from "./index.es22.js";
-import O from "./index.es114.js";
-import Q from "./index.es115.js";
+import O from "./index.es109.js";
+import Q from "./index.es110.js";
 import { cn as N } from "./index.es79.js";
 const j = r.createContext(null);
 function U() {
@@ -13,24 +13,24 @@ function U() {
   return o;
 }
 const D = r.forwardRef(
-  ({ orientation: o = "horizontal", opts: c, setApi: v, plugins: x, className: g, children: u, ...y }, P) => {
+  ({ orientation: o = "horizontal", opts: c, setApi: v, plugins: x, className: g, children: u, ...P }, $) => {
     const [R, t] = J(
       {
         ...c,
         axis: o === "horizontal" ? "x" : "y"
       },
       x
-    ), [h, k] = r.useState(!1), [$, I] = r.useState(!1), e = r.useCallback((l) => {
+    ), [S, k] = r.useState(!1), [w, I] = r.useState(!1), e = r.useCallback((l) => {
       l && (k(l.canScrollPrev()), I(l.canScrollNext()));
-    }, []), w = r.useCallback(() => {
+    }, []), y = r.useCallback(() => {
       t == null || t.scrollPrev();
     }, [t]), n = r.useCallback(() => {
       t == null || t.scrollNext();
     }, [t]), z = r.useCallback(
       (l) => {
-        l.key === "ArrowLeft" ? (l.preventDefault(), w()) : l.key === "ArrowRight" && (l.preventDefault(), n());
+        l.key === "ArrowLeft" ? (l.preventDefault(), y()) : l.key === "ArrowRight" && (l.preventDefault(), n());
       },
-      [w, n]
+      [y, n]
     );
     return r.useEffect(() => {
       !t || !v || v(t);
@@ -47,20 +47,20 @@ const D = r.forwardRef(
           api: t,
           opts: c,
           orientation: o || ((c == null ? void 0 : c.axis) === "y" ? "vertical" : "horizontal"),
-          scrollPrev: w,
+          scrollPrev: y,
           scrollNext: n,
-          canScrollPrev: h,
-          canScrollNext: $
+          canScrollPrev: S,
+          canScrollNext: w
         },
         children: /* @__PURE__ */ a(
           "div",
           {
-            ref: P,
+            ref: $,
             onKeyDownCapture: z,
             className: N("relative", g),
             role: "region",
             "aria-roledescription": "carousel",
-            ...y,
+            ...P,
             children: u
           }
         )
@@ -83,16 +83,16 @@ function re({
   showDots: x = !0,
   showArrows: g = !0,
   loop: u = !0,
-  autoplay: y = !1,
-  autoplayInterval: P = 5e3,
+  autoplay: P = !1,
+  autoplayInterval: $ = 5e3,
   containerClassName: R,
   maxDots: t = null,
-  itemWidth: h = 230,
+  itemWidth: S = 230,
   slidesToShow: k,
-  showPartial: $ = !0,
+  showPartial: w = !0,
   dir: I = "rtl"
 }) {
-  const [e, w] = r.useState(), [n, z] = r.useState(0), [l, B] = r.useState(0), [f, C] = r.useState(!1), [F, _] = r.useState(!0), E = r.useId(), M = r.useMemo(() => k ? `calc(${100 / k}% - ${$ ? "1rem" : "0px"})` : typeof h == "number" ? `${h}px` : h, [h, k, $]), S = r.useCallback(
+  const [e, y] = r.useState(), [n, z] = r.useState(0), [l, B] = r.useState(0), [f, C] = r.useState(!1), [F, _] = r.useState(!0), E = r.useId(), M = r.useMemo(() => k ? `calc(${100 / k}% - ${w ? "1rem" : "0px"})` : typeof S == "number" ? `${S}px` : S, [S, k, w]), h = r.useCallback(
     (s) => {
       if (!e || f)
         return;
@@ -115,10 +115,10 @@ function re({
     },
     [e, f]
   ), A = r.useCallback(() => {
-    !e || f || (u && n === l - 1 ? S(0) : (C(!0), e.scrollNext(), setTimeout(() => C(!1), 300)));
-  }, [e, f, u, n, l, S]), q = r.useCallback(() => {
-    !e || f || (C(!0), u && n === 0 ? S(l - 1) : (e.scrollPrev(), setTimeout(() => C(!1), 300)));
-  }, [e, f, u, n, l, S]);
+    !e || f || (u && n === l - 1 ? h(0) : (C(!0), e.scrollNext(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, h]), q = r.useCallback(() => {
+    !e || f || (C(!0), u && n === 0 ? h(l - 1) : (e.scrollPrev(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, h]);
   r.useEffect(() => {
     if (!e)
       return;
@@ -135,20 +135,20 @@ function re({
     const s = e.scrollSnapList().length, d = e.canScrollNext(), b = e.canScrollPrev();
     _(d || b || s > 1);
   }, [e, l, n]), r.useEffect(() => {
-    if (!e || !y)
+    if (!e || !P)
       return;
     const s = setInterval(() => {
       f || A();
-    }, P);
+    }, $);
     return () => clearInterval(s);
-  }, [e, y, P, f, A]);
+  }, [e, P, $, f, A]);
   const H = () => {
     if (!t || l <= t)
       return Array.from({ length: l }).map((m, i) => /* @__PURE__ */ a(
         "button",
         {
           className: `size-space-04 rounded-full transition-colors focus:outline-none ${n === i ? "bg-primary" : "bg-background-neutral-200"}`,
-          onClick: () => S(i),
+          onClick: () => h(i),
           disabled: f,
           "aria-label": `Go to slide ${i + 1}`
         },
@@ -162,7 +162,7 @@ function re({
           "button",
           {
             className: `size-space-04 rounded-full transition-colors focus:outline-none ${p ? "bg-primary" : "bg-background-neutral-200"}`,
-            onClick: () => S(i),
+            onClick: () => h(i),
             disabled: f,
             "aria-label": `Go to slide ${i + 1}`
           },
@@ -172,11 +172,11 @@ function re({
     }
     return s;
   };
-  return /* @__PURE__ */ a("div", { className: N("w-full overflow-hidden", R), children: /* @__PURE__ */ L(
+  return /* @__PURE__ */ a("div", { className: N("w-full ", R), children: /* @__PURE__ */ L(
     D,
     {
       dir: I,
-      setApi: w,
+      setApi: y,
       opts: {
         align: "start",
         loop: !1,
@@ -211,7 +211,7 @@ function re({
                 size: "icon",
                 "aria-label": "Previous slide",
                 className: N(!u && n === 0 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(O, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ a(O, { className: "ltr:rotate-180" })
               }
             ),
             /* @__PURE__ */ a(
@@ -223,7 +223,7 @@ function re({
                 size: "icon",
                 "aria-label": "Next slide",
                 className: N(!u && n === l - 1 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(Q, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ a(Q, { className: "ltr:rotate-180" })
               }
             )
           ] }),

package/index.es54.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-radio-group";
 import * as t from "react";
-import { cva as p } from "./index.es105.js";
+import { cva as p } from "./index.es100.js";
 import { cn as s } from "./index.es79.js";
-import m from "./index.es129.js";
+import m from "./index.es125.js";
 const h = p(
   "flex aspect-square h-space-05 w-space-05 rounded-full enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect focus:ring-2 focus:ring-border-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled",
   {

package/index.es56.js

@@ -4,9 +4,9 @@ import { debounce as w, cn as v } from "./index.es79.js";
 import { strings as R } from "./index.es91.js";
 import { Button as j } from "./index.es22.js";
 import { Input as z } from "./index.es35.js";
-import d from "./index.es125.js";
+import d from "./index.es121.js";
 import { Stack as A } from "./index.es40.js";
-import D from "./index.es108.js";
+import D from "./index.es103.js";
 const E = y.forwardRef(
   ({ placeholder: f = "Search...", value: a = "", type: e, validationMessage: c, onSearch: n, disabled: h = !1, debounceTime: u = 600, className: x = "", ...N }, b) => {
     const [o, s] = B(a), l = g();

package/index.es57.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import * as d from "react";
 import * as e from "@radix-ui/react-select";
-import { cva as u } from "./index.es105.js";
+import { cva as u } from "./index.es100.js";
 import { cn as s } from "./index.es79.js";
-import b from "./index.es101.js";
-import h from "./index.es157.js";
-import x from "./index.es131.js";
-import g from "./index.es155.js";
+import b from "./index.es95.js";
+import h from "./index.es154.js";
+import x from "./index.es127.js";
+import g from "./index.es152.js";
 const w = u(
   ` placeholder:text-form-field-text-placeholder data-[placeholder]:text-form-field-text-placeholder  text-form-field-text-filled after:bg-form-field-border-pressed group relative
     flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden

package/index.es59.js

@@ -1,17 +1,17 @@
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
-import { cva as v } from "./index.es105.js";
+import { cva as v } from "./index.es100.js";
 import d, { useEffect as w } from "react";
-import { clsx as C } from "./index.es95.js";
-import { useMediaQuery as S } from "./index.es103.js";
-import { create as F } from "./index.es158.js";
+import { clsx as C } from "./index.es97.js";
+import { useMediaQuery as S } from "./index.es98.js";
+import { create as F } from "./index.es155.js";
 import { cn as r } from "./index.es79.js";
 import R from "./index.es80.js";
 import { ShouldRender as z } from "./index.es14.js";
 import { Button as b } from "./index.es22.js";
-import k from "./index.es159.js";
-import I from "./index.es160.js";
-import T from "./index.es108.js";
+import k from "./index.es156.js";
+import I from "./index.es157.js";
+import T from "./index.es103.js";
 const n = F((a) => ({
   isCenter: !1,
   isFooterUsed: !1,

package/index.es60.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as S } from "react/jsx-runtime";
 import { Slot as h } from "@radix-ui/react-slot";
-import { cva as k } from "./index.es105.js";
+import { cva as k } from "./index.es100.js";
 import * as i from "react";
-import { useIsMobile as z } from "./index.es161.js";
+import { useIsMobile as z } from "./index.es158.js";
 import { cn as o } from "./index.es79.js";
 import { Button as I } from "./index.es22.js";
 import { Input as B } from "./index.es35.js";
@@ -10,7 +10,7 @@ import { Separator as E } from "./index.es58.js";
 import { Sheet as T, SheetContent as A } from "./index.es59.js";
 import { Skeleton as M } from "./index.es61.js";
 import { TooltipProvider as O, Tooltip as G, TooltipTrigger as D, TooltipContent as K } from "./index.es71.js";
-import j from "./index.es162.js";
+import j from "./index.es159.js";
 const L = "sidebar:state", P = 60 * 60 * 24 * 7, V = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);

package/index.es65.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tabs";
-import { cva as b } from "./index.es105.js";
+import { cva as b } from "./index.es100.js";
 import * as n from "react";
 import { cn as l } from "./index.es79.js";
 import { ResponsiveScroll as v } from "./index.es46.js";

package/index.es66.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es105.js";
+import { cva as b } from "./index.es100.js";
 import * as m from "react";
 import { cn as h } from "./index.es79.js";
 import { ShouldRender as x } from "./index.es14.js";

package/index.es67.js

@@ -1,28 +1,32 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-toast";
-import { cva as l } from "./index.es105.js";
-import * as s from "react";
+import * as o from "@radix-ui/react-toast";
+import { cva as l } from "./index.es100.js";
+import * as r from "react";
 import { cn as i } from "./index.es79.js";
-import { Button as d } from "./index.es22.js";
-import c from "./index.es108.js";
-import p from "./index.es163.js";
-const z = t.Provider, u = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(
-  t.Viewport,
-  {
-    ref: r,
-    className: i(
-      "fixed bottom-space-05 z-[10000000000000] flex max-h-screen w-full flex-col p-4 sm:bottom-10 sm:top-auto lg:max-w-[500px]  ltr:sm:right-1/2 ltr:sm:translate-x-1/2 rtl:sm:left-1/2 rtl:sm:-translate-x-1/2",
-      e
-    ),
-    ...o
+import { Button as p } from "./index.es22.js";
+import c from "./index.es103.js";
+import m from "./index.es160.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"
+    }
+  },
+  defaultVariants: {
+    position: "bottom"
   }
-));
-u.displayName = t.Viewport.displayName;
-const f = l(
+}), 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 data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full
+     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: {
@@ -32,39 +36,48 @@ const f = l(
         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"
+      variant: "default",
+      position: "bottom"
     }
   }
-), m = s.forwardRef(({ className: e, variant: o, ...r }, n) => /* @__PURE__ */ a(t.Root, { ref: n, className: i(f({ variant: o }), e), ...r }));
-m.displayName = t.Root.displayName;
-const g = s.forwardRef(
-  ({ className: e, ...o }, r) => /* @__PURE__ */ a(
-    t.Action,
+), 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: r,
+      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]",
-        e
+        t
       ),
-      ...o
+      ...e
     }
   )
 );
-g.displayName = t.Action.displayName;
-const b = s.forwardRef(
-  ({ ...e }, o) => /* @__PURE__ */ a(t.Close, { ref: o, asChild: !0, "toast-close": "", ...e, children: /* @__PURE__ */ a(d, { variant: "text", colors: "neutral", size: "icon-sm", rounded: "default", children: /* @__PURE__ */ a(c, {}) }) })
+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, {}) }) })
 );
-b.displayName = t.Close.displayName;
-const x = s.forwardRef(
-  ({ className: e, ...o }, r) => /* @__PURE__ */ a(t.Title, { ref: r, className: i("text-body-02 font-semibold text-text-display", e), ...o })
+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 })
 );
-x.displayName = t.Title.displayName;
-const v = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(t.Description, { ref: r, className: i("content-center text-body-01 text-text-paragraph-primary", e), ...o }));
-v.displayName = t.Description.displayName;
-const w = ({ icon: e }) => /* @__PURE__ */ a(
+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]
@@ -74,17 +87,17 @@ const w = ({ icon: e }) => /* @__PURE__ */ a(
         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: e || /* @__PURE__ */ a(p, {})
+    children: t || /* @__PURE__ */ a(m, {})
   }
 );
-w.displayName = "ToastIcon";
+h.displayName = "ToastIcon";
 export {
-  m as Toast,
-  g as ToastAction,
-  b as ToastClose,
-  v as ToastDescription,
-  w as ToastIcon,
-  z as ToastProvider,
-  x as ToastTitle,
-  u as ToastViewport
+  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.es68.js

@@ -1,37 +1,37 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ToastProvider as m, Toast as f, ToastIcon as d, ToastTitle as p, ToastDescription as u, ToastClose as T, ToastViewport as v } from "./index.es67.js";
-import { useToast as g } from "./index.es72.js";
-import h from "./index.es80.js";
-import x from "./index.es164.js";
-import w from "./index.es165.js";
-import c from "./index.es163.js";
-import N from "./index.es154.js";
+import { ToastProvider as f, Toast as d, ToastIcon as p, ToastTitle as u, ToastDescription as T, ToastClose as v, ToastViewport as g } from "./index.es67.js";
+import { useToast as h } from "./index.es72.js";
+import x from "./index.es80.js";
+import w from "./index.es161.js";
+import N from "./index.es162.js";
+import l from "./index.es160.js";
+import b from "./index.es151.js";
 const y = {
-  destructive: /* @__PURE__ */ e(x, {}),
-  success: /* @__PURE__ */ e(w, {}),
-  default: /* @__PURE__ */ e(c, {}),
-  info: /* @__PURE__ */ e(c, {}),
-  warning: /* @__PURE__ */ e(N, {})
+  destructive: /* @__PURE__ */ e(w, {}),
+  success: /* @__PURE__ */ e(N, {}),
+  default: /* @__PURE__ */ e(l, {}),
+  info: /* @__PURE__ */ e(l, {}),
+  warning: /* @__PURE__ */ e(b, {})
 };
-function M() {
-  const { toasts: n } = g(), l = h((s) => s.isActive);
-  return /* @__PURE__ */ r(m, { children: [
-    n.map(function({ id: s, title: i, description: a, action: t, ...o }) {
-      return /* @__PURE__ */ e(f, { ...o, className: `${l ? "grayscale" : "grayscale-0"}`, children: /* @__PURE__ */ r("div", { className: "flex grow flex-col justify-between gap-space-04", children: [
+function O({ position: a = "bottom" }) {
+  const { toasts: n } = h(), m = x((o) => o.isActive);
+  return /* @__PURE__ */ r(f, { children: [
+    n.map(function({ id: o, title: i, description: t, action: c, ...s }) {
+      return /* @__PURE__ */ e(d, { ...s, className: `${m ? "grayscale" : "grayscale-0"}`, position: a, children: /* @__PURE__ */ r("div", { className: "flex grow flex-col justify-between gap-space-04", children: [
         /* @__PURE__ */ r("div", { className: "flex w-full gap-space-03", children: [
-          /* @__PURE__ */ e(d, { icon: o.variant && y[o.variant] }),
+          /* @__PURE__ */ e(p, { icon: s.variant && y[s.variant] }),
           /* @__PURE__ */ r("div", { className: "grid flex-1 gap-space-01", children: [
-            i && /* @__PURE__ */ e(p, { children: i }),
-            a && /* @__PURE__ */ e(u, { children: a })
+            i && /* @__PURE__ */ e(u, { children: i }),
+            t && /* @__PURE__ */ e(T, { children: t })
           ] }),
-          /* @__PURE__ */ e(T, {})
+          /* @__PURE__ */ e(v, {})
         ] }),
-        t && /* @__PURE__ */ e("div", { className: "mx-space-07", children: t })
-      ] }) }, s);
+        c && /* @__PURE__ */ e("div", { className: "mx-space-07", children: c })
+      ] }) }, o);
     }),
-    /* @__PURE__ */ e(v, {})
+    /* @__PURE__ */ e(g, { position: a })
   ] });
 }
 export {
-  M as Toaster
+  O as Toaster
 };

package/index.es69.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toggle";
-import { cva as n } from "./index.es105.js";
+import { cva as n } from "./index.es100.js";
 import * as i from "react";
 import { cn as b } from "./index.es79.js";
 const c = n(

package/index.es7.js

@@ -10,7 +10,7 @@ import { strings as I } from "./index.es91.js";
 import B from "./index.es3.js";
 import { ShouldRender as H } from "./index.es14.js";
 import { selectVariants as J } from "./index.es57.js";
-import K from "./index.es101.js";
+import K from "./index.es95.js";
 const P = D, Q = O, U = T, j = A, E = C.forwardRef(({ className: r, children: a, ...m }, c) => /* @__PURE__ */ e(M, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ e(_, { children: a }) }));
 E.displayName = "ComboboxContent";
 const S = C.forwardRef(

package/index.es73.js

@@ -1,8 +1,8 @@
 import { jsx as u, jsxs as o } from "react/jsx-runtime";
 import { useState as p } from "react";
 import "./index.es2.js";
-import n from "./index.es166.js";
-import d from "./index.es167.js";
+import n from "./index.es163.js";
+import d from "./index.es164.js";
 import { Stack as y } from "./index.es40.js";
 import { cn as f } from "./index.es79.js";
 function R({ max: e = 5, onChange: a, value: m = 0, ...t }) {

package/index.es75.js

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es100.js";
+import { produce as u } from "./index.es94.js";
 const d = (a) => (e, t) => {
   a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
     t(o);

package/index.es76.js

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
 var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es94.js";
+import { UserManager as g, Log as r } from "./index.es167.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.js";
 import "./index.es2.js";
 import u from "./index.es81.js";

package/index.es79.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es95.js";
-import a from "./index.es96.js";
-import u from "./index.es97.js";
+import { clsx as s } from "./index.es97.js";
+import a from "./index.es114.js";
+import u from "./index.es168.js";
 import { strings as c } from "./index.es91.js";
-import { DateFormat as i } from "./index.es98.js";
+import { DateFormat as i } from "./index.es146.js";
 import l from "./index.es83.js";
-import { extendTailwindMerge as m } from "./index.es99.js";
+import { extendTailwindMerge as m } from "./index.es169.js";
 import { useToast as d } from "./index.es72.js";
 const g = m({
   classGroups: {

package/index.es8.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { cva as h } from "./index.es105.js";
+import { cva as h } from "./index.es100.js";
 import { forwardRef as o } from "react";
 import { cn as n } from "./index.es79.js";
 const x = h("grid border-b border-border-secondary", {

package/index.es80.js

@@ -1,4 +1,4 @@
-import { create as s } from "./index.es158.js";
+import { create as s } from "./index.es155.js";
 import f from "./index.es82.js";
 const m = ({ state: e }) => {
   var o, i, n, t, l, r;

package/index.es81.js

@@ -1,4 +1,4 @@
-import { create as r } from "./index.es158.js";
+import { create as r } from "./index.es155.js";
 import m from "./index.es82.js";
 const i = r()(
   m(

package/index.es82.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es168.js";
-import { immer as s } from "./index.es169.js";
+import { devtools as t } from "./index.es165.js";
+import { immer as s } from "./index.es166.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es83.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es158.js";
+import { create as n } from "./index.es155.js";
 import t from "./index.es82.js";
 const l = n()(
   t(

package/index.es86.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es94.js";
+import { UserManager as M } from "./index.es167.js";
 import { AuthContext as L } from "./index.es85.js";
 import { initialAuthState as x } from "./index.es87.js";
 import { reducer as D } from "./index.es84.js";

package/index.es9.js

@@ -1,6 +1,6 @@
 import { jsxs as f, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es106.js";
-import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es107.js";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es101.js";
+import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es102.js";
 import { useState as A } from "react";
 import { createPortal as W } from "react-dom";
 import { cn as j } from "./index.es79.js";
@@ -9,10 +9,10 @@ import E from "./index.es3.js";
 import { Button as y } from "./index.es22.js";
 import { Separator as M } from "./index.es58.js";
 import { Stack as ee } from "./index.es40.js";
-import re from "./index.es108.js";
-import te from "./index.es109.js";
-import se from "./index.es110.js";
-import ie from "./index.es111.js";
+import re from "./index.es103.js";
+import te from "./index.es104.js";
+import se from "./index.es105.js";
+import ie from "./index.es106.js";
 function De({
   configs: s,
   isEditMode: o,