feat: initial ui redesign from demo

2026-09-14 11:08:59 +00:00 · 2026-05-13 01:29:43 -05:00
parent eaa758effe
commit 33dcde0827
349 changed files with 23984 additions and 31634 deletions
@@ -0,0 +1,40 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export interface KbdProps extends React.HTMLAttributes<HTMLElement> {}
+
+const Kbd = React.forwardRef<HTMLElement, KbdProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <kbd
+        ref={ref}
+        className={cn(
+          "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded-none border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100",
+          className,
+        )}
+        {...props}
+      />
+    );
+  },
+);
+Kbd.displayName = "Kbd";
+
+const KbdKey = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => (
+  <span className={cn("", className)} {...props} />
+);
+KbdKey.displayName = "KbdKey";
+
+const KbdSeparator = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => (
+  <span className={cn("text-muted-foreground/50", className)} {...props}>
+    +
+  </span>
+);
+KbdSeparator.displayName = "KbdSeparator";
+
+export { Kbd, KbdKey, KbdSeparator };