shadcn-ui-react 0.7.5 → 0.7.6

package/dist/index.cjs

@@ -440,11 +440,11 @@ var React3 = __toESM(require("react"), 1);
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "inline-flex min-w-max shrink-0 items-center justify-center whitespace-nowrap",
     "rounded-md text-sm font-medium",
     "transition-all duration-200 active:scale-95",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
     "cursor-pointer select-none",
     "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
   ].join(" "),
@@ -453,7 +453,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
       variant: {
         default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-primary bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        outline: "border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "bg-transparent hover:bg-accent hover:text-accent-foreground",
         link: "h-auto p-0 text-primary underline-offset-4 shadow-none hover:underline",
@@ -539,39 +539,29 @@ var Button = React3.forwardRef(
       className
     );
     const isDisabled = loading || disabled;
-    const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "inline-flex min-w-max flex-row items-center justify-center gap-2 whitespace-nowrap leading-none", children: [
       loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_lucide_react.Loader2,
         {
-          className: cn("size-4 animate-spin", loaderClassName),
+          className: cn("size-4 shrink-0 animate-spin", loaderClassName),
           "aria-hidden": "true"
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn(loading && "opacity-90"), children })
+      children
     ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_slot.Slot,
-        __spreadProps(__spreadValues({
-          ref,
-          className: classes,
-          "aria-disabled": isDisabled,
-          "data-loading": loading ? "true" : void 0
-        }, props), {
-          children
-        })
-      );
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "button",
+      Comp,
       __spreadProps(__spreadValues({
         ref,
-        type,
+        type: asChild ? void 0 : type,
         className: classes,
-        disabled: isDisabled,
+        disabled: asChild ? void 0 : isDisabled,
+        "aria-disabled": asChild ? isDisabled : void 0,
+        "aria-busy": loading ? true : void 0,
         "data-loading": loading ? "true" : void 0
       }, props), {
-        children: content
+        children: asChild ? children : content
       })
     );
   }

package/dist/index.js

@@ -153,14 +153,14 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
 import * as React3 from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonVariants = cva2(
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "inline-flex min-w-max shrink-0 items-center justify-center whitespace-nowrap",
     "rounded-md text-sm font-medium",
     "transition-all duration-200 active:scale-95",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
     "cursor-pointer select-none",
     "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
   ].join(" "),
@@ -169,7 +169,7 @@ var buttonVariants = cva2(
       variant: {
         default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-primary bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        outline: "border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "bg-transparent hover:bg-accent hover:text-accent-foreground",
         link: "h-auto p-0 text-primary underline-offset-4 shadow-none hover:underline",
@@ -255,39 +255,29 @@ var Button = React3.forwardRef(
       className
     );
     const isDisabled = loading || disabled;
-    const content = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    const Comp = asChild ? Slot : "button";
+    const content = /* @__PURE__ */ jsxs2("span", { className: "inline-flex min-w-max flex-row items-center justify-center gap-2 whitespace-nowrap leading-none", children: [
       loading ? /* @__PURE__ */ jsx3(
         Loader2,
         {
-          className: cn("size-4 animate-spin", loaderClassName),
+          className: cn("size-4 shrink-0 animate-spin", loaderClassName),
           "aria-hidden": "true"
         }
       ) : null,
-      /* @__PURE__ */ jsx3("span", { className: cn(loading && "opacity-90"), children })
+      children
     ] });
-    if (asChild) {
-      return /* @__PURE__ */ jsx3(
-        Slot,
-        __spreadProps(__spreadValues({
-          ref,
-          className: classes,
-          "aria-disabled": isDisabled,
-          "data-loading": loading ? "true" : void 0
-        }, props), {
-          children
-        })
-      );
-    }
     return /* @__PURE__ */ jsx3(
-      "button",
+      Comp,
       __spreadProps(__spreadValues({
         ref,
-        type,
+        type: asChild ? void 0 : type,
         className: classes,
-        disabled: isDisabled,
+        disabled: asChild ? void 0 : isDisabled,
+        "aria-disabled": asChild ? isDisabled : void 0,
+        "aria-busy": loading ? true : void 0,
         "data-loading": loading ? "true" : void 0
       }, props), {
-        children: content
+        children: asChild ? children : content
       })
     );
   }
@@ -9267,7 +9257,7 @@ var AlertModal = ({
 
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
-import { Fragment as Fragment2 } from "react";
+import { Fragment } from "react";
 import { jsx as jsx56, jsxs as jsxs29 } from "react/jsx-runtime";
 function Breadcrumbs({
   items,
@@ -9278,7 +9268,7 @@ function Breadcrumbs({
   return /* @__PURE__ */ jsx56(Breadcrumb, { className, children: /* @__PURE__ */ jsx56(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs29(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs29(Fragment, { children: [
       !isLast ? /* @__PURE__ */ jsx56(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx56(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ jsx56(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx56(BreadcrumbPage, { children: item.title }) }),
       !isLast ? /* @__PURE__ */ jsx56(BreadcrumbSeparator, { children: separator }) : null
     ] }, `${item.title}-${index}`);

package/dist/style.css

@@ -747,6 +747,10 @@
   .min-w-full {
     min-width: 100%;
   }
+  .min-w-max {
+    min-width: -moz-max-content;
+    min-width: max-content;
+  }
   .flex-1 {
     flex: 1;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "private": false,
   "author": "Bleker <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.3",
+    "@babel/preset-env": "^7.29.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@eslint/config-array": "^0.23.5",