@devfellowship/components 1.2.1 → 1.2.2

package/dist/index.cjs

@@ -167,7 +167,7 @@ __export(src_exports, {
   InputOTPGroup: () => InputOTPGroup,
   InputOTPSeparator: () => InputOTPSeparator,
   InputOTPSlot: () => InputOTPSlot,
-  Kbd: () => Kbd,
+  Kbd: () => Kbd2,
   Label: () => Label3,
   LoginPage: () => LoginPage,
   LoginScreen: () => LoginScreen,
@@ -492,13 +492,37 @@ var Spinner = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     ]
   }
 );
+var Kbd = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "kbd",
+  {
+    className: cn(
+      "ml-1 inline-flex items-center justify-center font-mono uppercase tracking-[0.04em]",
+      "text-[10.5px] text-[var(--s-ink-muted)]",
+      "min-w-[18px] h-[18px] px-1 rounded-[var(--p-radius-sm)]",
+      "border border-[var(--s-border-subtle)] bg-[var(--s-surface-raised)]"
+    ),
+    children
+  }
+);
 var Button = React3.forwardRef(
   ({ className, variant, size, asChild = false, loading = false, disabled, kbd, children, ...props }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
+    const classes = cn(buttonVariants({ variant, size, className }));
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_slot.Slot,
+        {
+          className: classes,
+          ref,
+          "data-loading": loading ? "" : void 0,
+          ...props,
+          children
+        }
+      );
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      Comp,
+      "button",
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: classes,
         ref,
         disabled: disabled || loading,
         "data-loading": loading ? "" : void 0,
@@ -506,18 +530,7 @@ var Button = React3.forwardRef(
         children: [
           loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, {}) : null,
           children,
-          kbd ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "kbd",
-            {
-              className: cn(
-                "ml-1 inline-flex items-center justify-center font-mono uppercase tracking-[0.04em]",
-                "text-[10.5px] text-[var(--s-ink-muted)]",
-                "min-w-[18px] h-[18px] px-1 rounded-[var(--p-radius-sm)]",
-                "border border-[var(--s-border-subtle)] bg-[var(--s-surface-raised)]"
-              ),
-              children: kbd
-            }
-          ) : null
+          kbd ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Kbd, { children: kbd }) : null
         ]
       }
     );
@@ -2270,8 +2283,8 @@ var kbdVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Kbd = React18.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { ref, className: cn(kbdVariants({ size }), className), ...props }));
-Kbd.displayName = "Kbd";
+var Kbd2 = React18.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { ref, className: cn(kbdVariants({ size }), className), ...props }));
+Kbd2.displayName = "Kbd";
 
 // src/components/menubar.tsx
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);

package/dist/index.js

@@ -166,13 +166,37 @@ var Spinner = () => /* @__PURE__ */ jsxs2(
     ]
   }
 );
+var Kbd = ({ children }) => /* @__PURE__ */ jsx3(
+  "kbd",
+  {
+    className: cn(
+      "ml-1 inline-flex items-center justify-center font-mono uppercase tracking-[0.04em]",
+      "text-[10.5px] text-[var(--s-ink-muted)]",
+      "min-w-[18px] h-[18px] px-1 rounded-[var(--p-radius-sm)]",
+      "border border-[var(--s-border-subtle)] bg-[var(--s-surface-raised)]"
+    ),
+    children
+  }
+);
 var Button = React3.forwardRef(
   ({ className, variant, size, asChild = false, loading = false, disabled, kbd, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const classes = cn(buttonVariants({ variant, size, className }));
+    if (asChild) {
+      return /* @__PURE__ */ jsx3(
+        Slot,
+        {
+          className: classes,
+          ref,
+          "data-loading": loading ? "" : void 0,
+          ...props,
+          children
+        }
+      );
+    }
     return /* @__PURE__ */ jsxs2(
-      Comp,
+      "button",
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: classes,
         ref,
         disabled: disabled || loading,
         "data-loading": loading ? "" : void 0,
@@ -180,18 +204,7 @@ var Button = React3.forwardRef(
         children: [
           loading ? /* @__PURE__ */ jsx3(Spinner, {}) : null,
           children,
-          kbd ? /* @__PURE__ */ jsx3(
-            "kbd",
-            {
-              className: cn(
-                "ml-1 inline-flex items-center justify-center font-mono uppercase tracking-[0.04em]",
-                "text-[10.5px] text-[var(--s-ink-muted)]",
-                "min-w-[18px] h-[18px] px-1 rounded-[var(--p-radius-sm)]",
-                "border border-[var(--s-border-subtle)] bg-[var(--s-surface-raised)]"
-              ),
-              children: kbd
-            }
-          ) : null
+          kbd ? /* @__PURE__ */ jsx3(Kbd, { children: kbd }) : null
         ]
       }
     );
@@ -1944,8 +1957,8 @@ var kbdVariants = cva6(
     }
   }
 );
-var Kbd = React18.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx26("kbd", { ref, className: cn(kbdVariants({ size }), className), ...props }));
-Kbd.displayName = "Kbd";
+var Kbd2 = React18.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx26("kbd", { ref, className: cn(kbdVariants({ size }), className), ...props }));
+Kbd2.displayName = "Kbd";
 
 // src/components/menubar.tsx
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
@@ -5242,7 +5255,7 @@ export {
   InputOTPGroup,
   InputOTPSeparator,
   InputOTPSlot,
-  Kbd,
+  Kbd2 as Kbd,
   Label3 as Label,
   LoginPage,
   LoginScreen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devfellowship/components",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "DFL Design System — UI components, hooks, utils and providers",
   "type": "module",
   "sideEffects": [