@hexdspace/react 0.1.33 → 0.1.34

package/dist/index.d.ts

@@ -707,7 +707,10 @@ interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof Dr
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-interface KbdProps extends React.HTMLAttributes<HTMLSpanElement> {
+declare const kbdVariants: (props?: ({
+    variant?: "push" | "flat" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface KbdProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof kbdVariants> {
 }
 declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLSpanElement>>;
 

package/dist/index.js

@@ -3059,25 +3059,31 @@ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) =>
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 
 // src/ui/components/Kbd.tsx
+import { cva as cva8 } from "class-variance-authority";
 import * as React14 from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var Kbd = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
-  "span",
+var kbdVariants = cva8(
+  cn(
+    "inline-flex min-w-7 items-center justify-center gap-1",
+    "rounded-(--shape-radius-10) px-2",
+    "bg-(--surface-3) text-(--text-1)",
+    "border border-[color-mix(in_oklab,var(--border),transparent_45%)]",
+    "text-[0.75rem] font-(--font-mono) leading-none tracking-[0.04em]",
+    "transition-colors duration-(--motion-fast)"
+  ),
   {
-    ref,
-    className: cn(
-      "inline-flex min-w-7 items-center justify-center gap-1",
-      "rounded-(--shape-radius-10) px-2 pt-1 pb-1.5",
-      "bg-(--surface-3) text-(--text-1)",
-      "border border-[color-mix(in_oklab,var(--border),transparent_45%)]",
-      "shadow-[inset_0_-2px_0_color-mix(in_oklab,var(--border),transparent_50%),0_3px_4px_color-mix(in_oklab,var(--border),transparent_80%)]",
-      "text-[0.75rem] font-(--font-mono) leading-none tracking-[0.04em]",
-      "transition-colors duration-(--motion-fast)",
-      className
-    ),
-    ...props
+    variants: {
+      variant: {
+        flat: "py-1",
+        push: "pb-1.5 pt-1 shadow-[inset_0_-1px_0_color-mix(in_oklab,var(--border),transparent_50%),0_3px_4px_color-mix(in_oklab,var(--border),transparent_80%)]"
+      }
+    },
+    defaultVariants: {
+      variant: "push"
+    }
   }
-));
+);
+var Kbd = React14.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx20("span", { ref, className: cn(kbdVariants({ variant }), className), ...props }));
 Kbd.displayName = "Kbd";
 export {
   AuthController,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",