@mindtris/ui 0.1.19 → 0.1.21

package/dist/index.mjs

@@ -2812,7 +2812,7 @@ var buttonVariants = createVariants({
   base: [
     baseClasses,
     // Only apply "disabled" visuals when explicitly disabled (not when loading).
-    "data-[disabled=true]:border-border data-[disabled=true]:bg-card data-[disabled=true]:text-muted-foreground data-[disabled=true]:shadow-none",
+    "data-[disabled=true]:border-border data-[disabled=true]:opacity-50 data-[disabled=true]:shadow-none",
     // Loading should keep variant colors, but look inert.
     "data-[loading=true]:shadow-none data-[loading=true]:opacity-90"
   ],
@@ -7014,38 +7014,52 @@ function Sidebar({
   const widthClasses = collapsible === "icon" ? "w-64 lg:w-14 lg:hover:w-64" : "w-64";
   const mobilePosition = side === "left" ? "left-0" : "right-0";
   const mobileClosedTranslate = side === "left" ? "-translate-x-full" : "translate-x-full";
-  return /* @__PURE__ */ jsxs23("div", { className: cn("min-w-fit", className), "data-variant": variant, "data-collapsible": collapsible, "data-side": side, children: [
-    showBackdrop ? /* @__PURE__ */ jsx38(
-      "div",
-      {
-        className: cn(
-          "fixed inset-0 z-40 lg:hidden transition-opacity duration-200",
-          open ? "opacity-100 bg-foreground/20" : "opacity-0 pointer-events-none"
-        ),
-        "aria-hidden": true,
-        onClick: () => onOpenChange(false)
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs23(
-      "div",
-      {
-        ref: sidebarRef,
-        className: cn(
-          "flex flex-col absolute z-50 lg:static top-0 lg:translate-x-0 min-h-[280px] lg:min-h-[100dvh] overflow-y-auto transition-all duration-200 ease-out",
-          mobilePosition,
-          widthClasses,
-          containerChrome,
-          open ? "translate-x-0" : mobileClosedTranslate
-        ),
-        "aria-hidden": !open && collapsible === "offcanvas",
-        children: [
-          headerSlot != null ? /* @__PURE__ */ jsx38("div", { className: "shrink-0", children: headerSlot }) : null,
-          /* @__PURE__ */ jsx38("div", { className: "flex-1 min-h-0 overflow-auto", children }),
-          footerSlot != null ? /* @__PURE__ */ jsx38("div", { className: "shrink-0 border-t border-sidebar-border", children: footerSlot }) : null
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: cn(
+        "transition-all duration-200 ease-out",
+        collapsible === "none" ? "min-w-fit" : open ? "w-64" : "w-0",
+        className
+      ),
+      "data-variant": variant,
+      "data-collapsible": collapsible,
+      "data-side": side,
+      children: [
+        showBackdrop ? /* @__PURE__ */ jsx38(
+          "div",
+          {
+            className: cn(
+              "fixed inset-0 z-40 lg:hidden transition-opacity duration-200",
+              open ? "opacity-100 bg-foreground/20" : "opacity-0 pointer-events-none"
+            ),
+            "aria-hidden": true,
+            onClick: () => onOpenChange(false)
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs23(
+          "div",
+          {
+            ref: sidebarRef,
+            className: cn(
+              "flex flex-col absolute z-50 top-0 min-h-[280px] lg:min-h-[100dvh] overflow-y-auto transition-all duration-200 ease-out",
+              collapsible === "none" ? "lg:static" : "fixed lg:sticky",
+              mobilePosition,
+              widthClasses,
+              containerChrome,
+              open ? "translate-x-0" : mobileClosedTranslate
+            ),
+            "aria-hidden": !open && collapsible === "offcanvas",
+            children: [
+              headerSlot != null ? /* @__PURE__ */ jsx38("div", { className: "shrink-0", children: headerSlot }) : null,
+              /* @__PURE__ */ jsx38("div", { className: "flex-1 min-h-0 overflow-auto", children }),
+              footerSlot != null ? /* @__PURE__ */ jsx38("div", { className: "shrink-0 border-t border-sidebar-border", children: footerSlot }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 __name(Sidebar, "Sidebar");
 function SidebarHeader({ className, ...props }) {