@powerhousedao/design-system 6.0.0-dev.248 → 6.0.0-dev.249

package/dist/index.js

@@ -1,2 +1,2 @@
-import { C as DropdownMenuTrigger, S as DropdownMenuLabel, _ as iconComponents, a as useEnterAnimation, b as DropdownMenuContent, c as SidebarFooter, d as Pagination, f as mergeClassNameProps, g as getDimensions, h as Icon, i as useAnimation, l as SidebarHeader, m as Modal, n as useWindowSize, o as useExitAnimation, p as PackageAnimation, r as usePagination, s as Sidebar, t as cn, u as SidebarPanel, v as iconNames, w as PowerhouseButton, x as DropdownMenuItem, y as DropdownMenu } from "./src-D4e3Wkrz.js";
+import { C as DropdownMenuTrigger, S as DropdownMenuLabel, _ as iconComponents, a as useEnterAnimation, b as DropdownMenuContent, c as SidebarFooter, d as Pagination, f as mergeClassNameProps, g as getDimensions, h as Icon, i as useAnimation, l as SidebarHeader, m as Modal, n as useWindowSize, o as useExitAnimation, p as PackageAnimation, r as usePagination, s as Sidebar, t as cn, u as SidebarPanel, v as iconNames, w as PowerhouseButton, x as DropdownMenuItem, y as DropdownMenu } from "./src-BgCjYazJ.js";
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, Icon, Modal, PackageAnimation, Pagination, PowerhouseButton, Sidebar, SidebarFooter, SidebarHeader, SidebarPanel, cn, getDimensions, iconComponents, iconNames, mergeClassNameProps, useAnimation, useEnterAnimation, useExitAnimation, usePagination, useWindowSize };

package/dist/{src-D4e3Wkrz.js → src-BgCjYazJ.js}

@@ -10,7 +10,7 @@ import { clsx } from "clsx";
 const PowerhouseButton = /* @__PURE__ */ forwardRef(function PowerhouseButton(props, ref) {
 	const { color = "dark", size = "medium", className = "", children, icon, iconPosition = "left", ...delegatedProps } = props;
 	return /* @__PURE__ */ jsxs("button", {
-		className: twMerge("flex items-center justify-center gap-2 border border-none outline-none transition disabled:cursor-not-allowed", twJoin({
+		className: twMerge("flex items-center justify-center gap-2 border border-none transition outline-none disabled:cursor-not-allowed", twJoin({
 			light: "bg-gray-200 text-gray-600 hover:text-gray-700 hover:border-gray-300 active:border-slate-100 active:text-gray-600 disabled:text-gray-400",
 			dark: "bg-gray-800 text-slate-50 hover:bg-slate-800 active:border-slate-700 disabled:bg-gray-300 disabled:text-slate-100",
 			red: "bg-red-900 text-slate-50 hover:opacity-80 active:border-red-800 disabled:text-red-400 disabled:opacity-100",
@@ -3875,11 +3875,11 @@ function Modal(props) {
 		open,
 		children: /* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsx(Overlay, {
 			...overlayProps,
-			className: twMerge("data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in fixed inset-0 grid place-items-center overflow-y-auto bg-slate-900/50", overlayProps?.className),
+			className: twMerge("fixed inset-0 grid place-items-center overflow-y-auto bg-slate-900/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in", overlayProps?.className),
 			children: /* @__PURE__ */ jsxs(Content$1, {
 				...delegated,
 				...contentProps,
-				className: twMerge("data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in bg-white", contentProps?.className),
+				className: twMerge("bg-white data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in", contentProps?.className),
 				children: [/* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Title, { children: title || "Modal" }), /* @__PURE__ */ jsx(Description, { children: title || "Modal" })] }), children]
 			})
 		}) })
@@ -4354,9 +4354,9 @@ function SidebarPanel({ className, children, ...props }) {
 		return () => {
 			observer.disconnect();
 		};
-	}, [containerRef.current]);
+	}, []);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: twMerge("no-scrollbar flex-1 overflow-auto text-gray-900 transition-shadow", className),
+		className: twMerge("scrollbar-none flex-1 overflow-auto text-gray-900 transition-shadow", className),
 		onScroll: (e) => checkContentScroll(e.currentTarget),
 		ref: containerRef,
 		...props,
@@ -4543,4 +4543,4 @@ function cn(...inputs) {
 //#endregion
 export { DropdownMenuTrigger as C, DropdownMenuLabel as S, iconComponents as _, useEnterAnimation as a, DropdownMenuContent as b, SidebarFooter as c, Pagination as d, mergeClassNameProps as f, getDimensions as g, Icon as h, useAnimation as i, SidebarHeader as l, Modal as m, useWindowSize as n, useExitAnimation as o, PackageAnimation as p, usePagination as r, Sidebar as s, cn as t, SidebarPanel as u, iconNames as v, PowerhouseButton as w, DropdownMenuItem as x, DropdownMenu as y };
 
-//# sourceMappingURL=src-D4e3Wkrz.js.map
+//# sourceMappingURL=src-BgCjYazJ.js.map