TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
39 lines
1.0 KiB
Plaintext
39 lines
1.0 KiB
Plaintext
import {
|
|
useKbd
|
|
} from "./chunk-33JVVCIB.mjs";
|
|
import {
|
|
kbdKeysLabelMap,
|
|
kbdKeysMap
|
|
} from "./chunk-7BVYOJX6.mjs";
|
|
|
|
// src/kbd.tsx
|
|
import { useMemo } from "react";
|
|
import { forwardRef } from "@heroui/system-rsc";
|
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
var Kbd = forwardRef((props, ref) => {
|
|
const { Component, children, slots, classNames, keysToRender, getKbdProps } = useKbd({
|
|
...props
|
|
});
|
|
const keysContent = useMemo(() => {
|
|
return keysToRender.map((key) => /* @__PURE__ */ jsx(
|
|
"abbr",
|
|
{
|
|
className: slots.abbr({ class: classNames == null ? void 0 : classNames.abbr }),
|
|
title: kbdKeysLabelMap[key],
|
|
children: kbdKeysMap[key]
|
|
},
|
|
key
|
|
));
|
|
}, [keysToRender]);
|
|
return /* @__PURE__ */ jsxs(Component, { ref, ...getKbdProps(), children: [
|
|
keysContent,
|
|
children && /* @__PURE__ */ jsx("span", { className: slots.content({ class: classNames == null ? void 0 : classNames.content }), children })
|
|
] });
|
|
});
|
|
Kbd.displayName = "HeroUI.Kbd";
|
|
var kbd_default = Kbd;
|
|
|
|
export {
|
|
kbd_default
|
|
};
|