@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

package/dist/es/components/fundamental/sidebar.js

@@ -7,25 +7,26 @@ import { cn as s } from "../../lib/utils.js";
 import { Button as O } from "./button.js";
 import { Separator as F } from "./separator.js";
 import { Icon as W } from "./icon.js";
-const $ = "sidebar:state", V = 3600 * 24 * 7, q = "16rem", U = "18rem", X = "3rem", Y = "b", G = t.createContext(null);
+import { PanelLeft as $ } from "lucide-react";
+const V = "sidebar:state", q = 3600 * 24 * 7, U = "16rem", X = "18rem", Y = "3rem", A = "b", G = t.createContext(null);
 function E() {
   const r = t.useContext(G);
   if (!r)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return r;
 }
-const A = /* @__PURE__ */ t.forwardRef(
+const J = /* @__PURE__ */ t.forwardRef(
   ({ defaultOpen: r = !0, open: e, onOpenChange: a, className: o, style: i, children: l, ...u }, f) => {
     const [p, m] = t.useState(r), [v, h] = t.useState(!1), [y, R] = t.useState(!1), g = e ?? p, w = t.useCallback(
       (n) => {
         const c = typeof n == "function" ? n(g) : n;
-        a ? a(c) : m(c), typeof document < "u" && (document.cookie = `${$}=${c}; path=/; max-age=${V}`);
+        a ? a(c) : m(c), typeof document < "u" && (document.cookie = `${V}=${c}; path=/; max-age=${q}`);
       },
       [a, g]
     ), b = t.useCallback(() => y ? h((n) => !n) : w((n) => !n), [y, w, h]);
     t.useEffect(() => {
       const n = (c) => {
-        c.key === Y && (c.metaKey || c.ctrlKey) && (c.preventDefault(), b());
+        c.key === A && (c.metaKey || c.ctrlKey) && (c.preventDefault(), b());
       };
       return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
     }, [b]), t.useEffect(() => {
@@ -51,8 +52,8 @@ const A = /* @__PURE__ */ t.forwardRef(
       {
         ref: f,
         style: {
-          "--sidebar-width": q,
-          "--sidebar-width-icon": X,
+          "--sidebar-width": U,
+          "--sidebar-width-icon": Y,
           ...i
         },
         className: s(
@@ -65,8 +66,8 @@ const A = /* @__PURE__ */ t.forwardRef(
     ) }) });
   }
 );
-A.displayName = "SidebarProvider";
-const J = /* @__PURE__ */ t.forwardRef(
+J.displayName = "SidebarProvider";
+const Q = /* @__PURE__ */ t.forwardRef(
   ({
     variant: r = "sidebar",
     collapsible: e = "offcanvas",
@@ -97,7 +98,7 @@ const J = /* @__PURE__ */ t.forwardRef(
           "data-mobile": "true",
           className: "fixed inset-y-0 z-50 h-auto w-[var(--sidebar-width-mobile)] bg-[var(--color-surface-primary)] p-0 text-[var(--color-text-primary)] shadow-md transition ease-in-out data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
           style: {
-            "--sidebar-width": U
+            "--sidebar-width": X
           },
           ...l,
           children: /* @__PURE__ */ d("div", { className: "flex h-full w-full flex-col", children: i })
@@ -138,8 +139,8 @@ const J = /* @__PURE__ */ t.forwardRef(
     );
   }
 );
-J.displayName = "Sidebar";
-const Q = /* @__PURE__ */ t.forwardRef(({ className: r, onClick: e, ...a }, o) => {
+Q.displayName = "Sidebar";
+const Z = /* @__PURE__ */ t.forwardRef(({ className: r, onClick: e, ...a }, o) => {
   const { toggleSidebar: i } = E();
   return /* @__PURE__ */ C(
     O,
@@ -154,14 +155,14 @@ const Q = /* @__PURE__ */ t.forwardRef(({ className: r, onClick: e, ...a }, o) =
       },
       ...a,
       children: [
-        /* @__PURE__ */ d(W, { name: "panel-left", size: "s" }),
+        /* @__PURE__ */ d(W, { name: $, size: "s" }),
         /* @__PURE__ */ d("span", { className: "sr-only", children: "Toggle sidebar" })
       ]
     }
   );
 });
-Q.displayName = "SidebarTrigger";
-const Z = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => {
+Z.displayName = "SidebarTrigger";
+const H = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => {
   const { toggleSidebar: o } = E();
   return /* @__PURE__ */ d(
     "button",
@@ -185,8 +186,8 @@ const Z = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => {
     }
   );
 });
-Z.displayName = "SidebarRail";
-const H = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+H.displayName = "SidebarRail";
+const ee = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "main",
   {
     ref: a,
@@ -198,8 +199,8 @@ const H = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE
     ...e
   }
 ));
-H.displayName = "SidebarInset";
-const ee = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+ee.displayName = "SidebarInset";
+const re = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "input",
   {
     ref: a,
@@ -211,8 +212,8 @@ const ee = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-ee.displayName = "SidebarInput";
-const re = /* @__PURE__ */ t.forwardRef(({ className: r, children: e, onOpenChange: a, shortcuts: o = ["⌘", "K"], ...i }, l) => /* @__PURE__ */ C(
+re.displayName = "SidebarInput";
+const ae = /* @__PURE__ */ t.forwardRef(({ className: r, children: e, onOpenChange: a, shortcuts: o = ["⌘", "K"], ...i }, l) => /* @__PURE__ */ C(
   "button",
   {
     ref: l,
@@ -229,8 +230,8 @@ const re = /* @__PURE__ */ t.forwardRef(({ className: r, children: e, onOpenChan
     ]
   }
 ));
-re.displayName = "SidebarSearchButton";
-const ae = /* @__PURE__ */ t.forwardRef(({ className: r, onOpenChange: e, shortcuts: a = ["⌘", "K"], ...o }, i) => /* @__PURE__ */ d(
+ae.displayName = "SidebarSearchButton";
+const te = /* @__PURE__ */ t.forwardRef(({ className: r, onOpenChange: e, shortcuts: a = ["⌘", "K"], ...o }, i) => /* @__PURE__ */ d(
   "button",
   {
     ref: i,
@@ -244,8 +245,8 @@ const ae = /* @__PURE__ */ t.forwardRef(({ className: r, onOpenChange: e, shortc
     ...o
   }
 ));
-ae.displayName = "SidebarSearchTrigger";
-const te = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+te.displayName = "SidebarSearchTrigger";
+const oe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -254,8 +255,8 @@ const te = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-te.displayName = "SidebarHeader";
-const oe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+oe.displayName = "SidebarHeader";
+const de = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -264,8 +265,8 @@ const oe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-oe.displayName = "SidebarFooter";
-const de = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+de.displayName = "SidebarFooter";
+const se = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   F,
   {
     ref: a,
@@ -274,8 +275,8 @@ const de = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-de.displayName = "SidebarSeparator";
-const se = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+se.displayName = "SidebarSeparator";
+const le = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -287,8 +288,8 @@ const se = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-se.displayName = "SidebarContent";
-const le = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+le.displayName = "SidebarContent";
+const ie = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -297,8 +298,8 @@ const le = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-le.displayName = "SidebarGroup";
-const ie = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }, o) => /* @__PURE__ */ d(
+ie.displayName = "SidebarGroup";
+const ne = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }, o) => /* @__PURE__ */ d(
   "div",
   {
     ref: o,
@@ -311,8 +312,8 @@ const ie = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }
     ...a
   }
 ));
-ie.displayName = "SidebarGroupLabel";
-const ne = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }, o) => /* @__PURE__ */ d(
+ne.displayName = "SidebarGroupLabel";
+const ce = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }, o) => /* @__PURE__ */ d(
   "button",
   {
     ref: o,
@@ -326,8 +327,8 @@ const ne = /* @__PURE__ */ t.forwardRef(({ className: r, asChild: e = !1, ...a }
     ...a
   }
 ));
-ne.displayName = "SidebarGroupAction";
-const ce = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+ce.displayName = "SidebarGroupAction";
+const ue = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -336,8 +337,8 @@ const ce = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-ce.displayName = "SidebarGroupContent";
-const ue = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+ue.displayName = "SidebarGroupContent";
+const be = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "ul",
   {
     ref: a,
@@ -346,8 +347,8 @@ const ue = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-ue.displayName = "SidebarMenu";
-const be = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+be.displayName = "SidebarMenu";
+const pe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "li",
   {
     ref: a,
@@ -356,8 +357,8 @@ const be = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-be.displayName = "SidebarMenuItem";
-const pe = P(
+pe.displayName = "SidebarMenuItem";
+const ve = P(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-m px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--color-background-blue-subtle-selected)] data-[active=true]:text-[var(--color-text-brand-bold-selected)] data-[state=open]:bg-[var(--color-surface-secondary)] group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 group-data-[collapsible=icon]:justify-center [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-[var(--color-text-brand-bold-selected)] cursor-pointer",
   {
     variants: {
@@ -376,7 +377,7 @@ const pe = P(
       size: "default"
     }
   }
-), ve = /* @__PURE__ */ t.forwardRef(
+), fe = /* @__PURE__ */ t.forwardRef(
   ({
     asChild: r = !1,
     isActive: e = !1,
@@ -418,7 +419,7 @@ const pe = P(
         l && z(!1), h?.(k);
       },
       [l, h]
-    ), L = t.useMemo(() => a !== "enhanced" ? pe({ variant: "default", size: o }) : s(
+    ), L = t.useMemo(() => a !== "enhanced" ? ve({ variant: "default", size: o }) : s(
       // Base button styles
       "relative peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-m px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 cursor-pointer z-2",
       // Size variants
@@ -488,8 +489,8 @@ const pe = P(
     ] })) : T;
   }
 );
-ve.displayName = "SidebarMenuButton";
-const fe = /* @__PURE__ */ t.forwardRef(({ className: r, showOnHover: e = !1, size: a = "m", ...o }, i) => /* @__PURE__ */ d(
+fe.displayName = "SidebarMenuButton";
+const me = /* @__PURE__ */ t.forwardRef(({ className: r, showOnHover: e = !1, size: a = "m", ...o }, i) => /* @__PURE__ */ d(
   O,
   {
     ref: i,
@@ -529,8 +530,8 @@ const fe = /* @__PURE__ */ t.forwardRef(({ className: r, showOnHover: e = !1, si
     ...o
   }
 ));
-fe.displayName = "SidebarMenuAction";
-const me = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+me.displayName = "SidebarMenuAction";
+const ge = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -547,8 +548,8 @@ const me = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-me.displayName = "SidebarMenuBadge";
-const ge = /* @__PURE__ */ t.forwardRef(({ className: r, showIcon: e = !1, ...a }, o) => {
+ge.displayName = "SidebarMenuBadge";
+const xe = /* @__PURE__ */ t.forwardRef(({ className: r, showIcon: e = !1, ...a }, o) => {
   const i = t.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ C(
     "div",
@@ -572,8 +573,8 @@ const ge = /* @__PURE__ */ t.forwardRef(({ className: r, showIcon: e = !1, ...a
     }
   );
 });
-ge.displayName = "SidebarMenuSkeleton";
-const xe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
+xe.displayName = "SidebarMenuSkeleton";
+const he = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ d(
   "ul",
   {
     ref: a,
@@ -586,10 +587,10 @@ const xe = /* @__PURE__ */ t.forwardRef(({ className: r, ...e }, a) => /* @__PUR
     ...e
   }
 ));
-xe.displayName = "SidebarMenuSub";
-const he = /* @__PURE__ */ t.forwardRef(({ ...r }, e) => /* @__PURE__ */ d("li", { ref: e, ...r }));
-he.displayName = "SidebarMenuSubItem";
-const ye = /* @__PURE__ */ t.forwardRef(({
+he.displayName = "SidebarMenuSub";
+const ye = /* @__PURE__ */ t.forwardRef(({ ...r }, e) => /* @__PURE__ */ d("li", { ref: e, ...r }));
+ye.displayName = "SidebarMenuSubItem";
+const we = /* @__PURE__ */ t.forwardRef(({
   asChild: r = !1,
   size: e = "m",
   isActive: a = !1,
@@ -678,32 +679,32 @@ const ye = /* @__PURE__ */ t.forwardRef(({
     }
   );
 });
-ye.displayName = "SidebarMenuSubButton";
+we.displayName = "SidebarMenuSubButton";
 export {
-  J as Sidebar,
-  se as SidebarContent,
-  oe as SidebarFooter,
-  le as SidebarGroup,
-  ne as SidebarGroupAction,
-  ce as SidebarGroupContent,
-  ie as SidebarGroupLabel,
-  te as SidebarHeader,
-  ee as SidebarInput,
-  H as SidebarInset,
-  ue as SidebarMenu,
-  fe as SidebarMenuAction,
-  me as SidebarMenuBadge,
-  ve as SidebarMenuButton,
-  be as SidebarMenuItem,
-  ge as SidebarMenuSkeleton,
-  xe as SidebarMenuSub,
-  ye as SidebarMenuSubButton,
-  he as SidebarMenuSubItem,
-  A as SidebarProvider,
-  Z as SidebarRail,
-  re as SidebarSearchButton,
-  ae as SidebarSearchTrigger,
-  de as SidebarSeparator,
-  Q as SidebarTrigger,
+  Q as Sidebar,
+  le as SidebarContent,
+  de as SidebarFooter,
+  ie as SidebarGroup,
+  ce as SidebarGroupAction,
+  ue as SidebarGroupContent,
+  ne as SidebarGroupLabel,
+  oe as SidebarHeader,
+  re as SidebarInput,
+  ee as SidebarInset,
+  be as SidebarMenu,
+  me as SidebarMenuAction,
+  ge as SidebarMenuBadge,
+  fe as SidebarMenuButton,
+  pe as SidebarMenuItem,
+  xe as SidebarMenuSkeleton,
+  he as SidebarMenuSub,
+  we as SidebarMenuSubButton,
+  ye as SidebarMenuSubItem,
+  J as SidebarProvider,
+  H as SidebarRail,
+  ae as SidebarSearchButton,
+  te as SidebarSearchTrigger,
+  se as SidebarSeparator,
+  Z as SidebarTrigger,
   E as useSidebar
 };

package/dist/es/components/fundamental/toast.js

@@ -1,9 +1,10 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { Toaster as s } from "sonner";
-import { toast as f } from "sonner";
+import { toast as C } from "sonner";
 import { cn as r } from "../../lib/utils.js";
 import { Spinner as n } from "./spinner.js";
 import { Icon as i } from "./icon.js";
+import { CircleAlert as d, TriangleAlert as m, CircleCheck as v } from "lucide-react";
 const a = ({ name: e, color: t, blurColor: c }) => /* @__PURE__ */ l("div", { className: "relative", children: [
   c && /* @__PURE__ */ o(
     "div",
@@ -16,15 +17,15 @@ const a = ({ name: e, color: t, blurColor: c }) => /* @__PURE__ */ l("div", { cl
     }
   ),
   /* @__PURE__ */ o(i, { name: e, size: "m", className: t })
-] }), x = ({ className: e, ...t }) => /* @__PURE__ */ o(
+] }), h = ({ className: e, ...t }) => /* @__PURE__ */ o(
   s,
   {
     className: r("toaster group", e),
     icons: {
       loading: /* @__PURE__ */ o(n, { size: "m", variant: "primary", className: "mt-1" }),
-      success: /* @__PURE__ */ o(a, { name: "circle-check", color: "text-[var(--color-icon-success-bold)]", blurColor: "#1C741F" }),
-      error: /* @__PURE__ */ o(a, { name: "triangle-alert", color: "text-[var(--color-icon-error-bold)]", blurColor: "#D9493E" }),
-      warning: /* @__PURE__ */ o(a, { name: "circle-alert", color: "text-[var(--color-icon-warning-bold)]", blurColor: "#E57F19" }),
+      success: /* @__PURE__ */ o(a, { name: v, color: "text-[var(--color-icon-success-bold)]", blurColor: "#1C741F" }),
+      error: /* @__PURE__ */ o(a, { name: m, color: "text-[var(--color-icon-error-bold)]", blurColor: "#D9493E" }),
+      warning: /* @__PURE__ */ o(a, { name: d, color: "text-[var(--color-icon-warning-bold)]", blurColor: "#E57F19" }),
       info: null
     },
     toastOptions: {
@@ -103,6 +104,6 @@ const a = ({ name: e, color: t, blurColor: c }) => /* @__PURE__ */ l("div", { cl
   }
 );
 export {
-  x as Toaster,
-  f as toast
+  h as Toaster,
+  C as toast
 };