@schemavaults/ui 0.14.12 → 0.15.0

package/dist/components/ui/index.d.ts

@@ -96,3 +96,5 @@ export * from "./progress-bar";
 export type * from "./progress-bar";
 export * from "./breadcrumb";
 export type * from "./breadcrumb";
+export * from "./kbd";
+export type * from "./kbd";

package/dist/components/ui/index.js

@@ -47,4 +47,5 @@ export * from "./slider";
 export * from "./switch";
 export * from "./progress-bar";
 export * from "./breadcrumb";
+export * from "./kbd";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC"}

package/dist/components/ui/kbd/index.d.ts

@@ -0,0 +1,4 @@
+export { Kbd, Kbd as default, KbdGroup, kbdVariants, kbdGroupVariants } from "./kbd";
+export type { KbdProps, KbdGroupProps } from "./kbd";
+export { kbdVariantIds, kbdSizeIds } from "./kbd-variants";
+export type { KbdVariant, KbdSize } from "./kbd-variants";

package/dist/components/ui/kbd/index.js

@@ -0,0 +1,3 @@
+export { Kbd, Kbd as default, KbdGroup, kbdVariants, kbdGroupVariants } from "./kbd";
+export { kbdVariantIds, kbdSizeIds } from "./kbd-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/kbd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ui/kbd/kbd-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const kbdVariantIds: readonly ["default", "outline", "solid", "subtle"];
+export type KbdVariant = (typeof kbdVariantIds)[number];
+export declare const kbdSizeIds: readonly ["sm", "md", "lg"];
+export type KbdSize = (typeof kbdSizeIds)[number];

package/dist/components/ui/kbd/kbd-variants.js

@@ -0,0 +1,8 @@
+export const kbdVariantIds = [
+    "default",
+    "outline",
+    "solid",
+    "subtle",
+];
+export const kbdSizeIds = ["sm", "md", "lg"];
+//# sourceMappingURL=kbd-variants.js.map

package/dist/components/ui/kbd/kbd-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/kbd/kbd-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;CAC4B,CAAC;AAGvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAsC,CAAC"}

package/dist/components/ui/kbd/kbd.d.ts

@@ -0,0 +1,32 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+import { type KbdSize, type KbdVariant, kbdSizeIds, kbdVariantIds } from "./kbd-variants";
+declare const kbdVariants: (props?: ({
+    variant?: "default" | "outline" | "solid" | "subtle" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface KbdProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
+    ref?: Ref<HTMLElement>;
+}
+declare function Kbd({ className, variant, size, ref, ...props }: KbdProps): ReactElement;
+declare namespace Kbd {
+    var displayName: string;
+}
+declare const kbdGroupVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface KbdGroupProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof kbdGroupVariants> {
+    ref?: Ref<HTMLSpanElement>;
+    /**
+     * Optional separator rendered between children.
+     * Common values: "+", "·", "then"
+     */
+    separator?: ReactNode;
+}
+declare function KbdGroup({ className, size, separator, children, ref, ...props }: KbdGroupProps): ReactElement;
+declare namespace KbdGroup {
+    var displayName: string;
+}
+export { Kbd, KbdGroup, kbdVariants, kbdGroupVariants, kbdSizeIds, kbdVariantIds };
+export type { KbdSize, KbdVariant };
+export default Kbd;

package/dist/components/ui/kbd/kbd.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { kbdSizeIds, kbdVariantIds, } from "./kbd-variants";
+const kbdVariants = cva("inline-flex items-center justify-center font-mono font-medium select-none whitespace-nowrap align-middle tracking-tight", {
+    variants: {
+        variant: {
+            default: "rounded border border-border bg-muted text-muted-foreground shadow-[inset_0_-1px_0_0_hsl(var(--border))]",
+            outline: "rounded border border-border bg-background text-foreground",
+            solid: "rounded border border-primary/20 bg-primary text-primary-foreground shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.2)]",
+            subtle: "rounded bg-muted/60 text-muted-foreground",
+        },
+        size: {
+            sm: "h-5 min-w-[1.25rem] px-1 text-[10px] leading-none",
+            md: "h-6 min-w-[1.5rem] px-1.5 text-xs leading-none",
+            lg: "h-7 min-w-[1.75rem] px-2 text-sm leading-none",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function Kbd({ className, variant, size, ref, ...props }) {
+    return (_jsx("kbd", { ref: ref, "data-slot": "kbd", className: cn(kbdVariants({ variant, size }), className), ...props }));
+}
+Kbd.displayName = "Kbd";
+const kbdGroupVariants = cva("inline-flex items-center align-middle", {
+    variants: {
+        size: {
+            sm: "gap-0.5 text-[10px]",
+            md: "gap-1 text-xs",
+            lg: "gap-1.5 text-sm",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+function KbdGroup({ className, size, separator, children, ref, ...props }) {
+    if (separator === undefined) {
+        return (_jsx("span", { ref: ref, "data-slot": "kbd-group", className: cn(kbdGroupVariants({ size }), className), ...props, children: children }));
+    }
+    const items = Array.isArray(children) ? children : [children];
+    const visible = items.filter((c) => c !== null && c !== undefined && c !== false);
+    return (_jsx("span", { ref: ref, "data-slot": "kbd-group", className: cn(kbdGroupVariants({ size }), className), ...props, children: visible.map((child, idx) => {
+            const isLast = idx === visible.length - 1;
+            return (_jsxs("span", { className: "inline-flex items-center gap-1", children: [child, !isLast ? (_jsx("span", { "aria-hidden": "true", className: "text-muted-foreground/70 select-none", children: separator })) : null] }, idx));
+        }) }));
+}
+KbdGroup.displayName = "KbdGroup";
+export { Kbd, KbdGroup, kbdVariants, kbdGroupVariants, kbdSizeIds, kbdVariantIds };
+export default Kbd;
+//# sourceMappingURL=kbd.js.map

package/dist/components/ui/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/ui/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAGL,UAAU,EACV,aAAa,GACd,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,GAAG,GAAG,CACrB,yHAAyH,EACzH;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,0GAA0G;YAC5G,OAAO,EACL,4DAA4D;YAC9D,KAAK,EACH,+GAA+G;YACjH,MAAM,EACJ,2CAA2C;SACT;QACtC,IAAI,EAAE;YACJ,EAAE,EAAE,mDAAmD;YACvD,EAAE,EAAE,gDAAgD;YACpD,EAAE,EAAE,+CAA+C;SAClB;KACpC;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAQF,SAAS,GAAG,CAAC,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,EACH,GAAG,KAAK,EACC;IACT,OAAO,CACL,cACE,GAAG,EAAE,GAAG,eACE,KAAK,EACf,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,gBAAgB,GAAG,GAAG,CAAC,uCAAuC,EAAE;IACpE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,iBAAiB;SACY;KACpC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAaH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACM;IACd,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAC1B,CAAC,CAAC,EAA8B,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,KAAK,CAChF,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,GAAG,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1C,OAAO,CACL,gBAAgB,SAAS,EAAC,gCAAgC,aACvD,KAAK,EACL,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,8BACc,MAAM,EAClB,SAAS,EAAC,sCAAsC,YAE/C,SAAS,GACL,CACR,CAAC,CAAC,CAAC,IAAI,KATC,GAAG,CAUP,CACR,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AAGnF,eAAe,GAAG,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.14.12",
+  "version": "0.15.0",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",