@nordcom/nordstar-kbd 0.0.75

package/LICENSE

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2023-2026 Filiph Sandström <filfat@hotmail.se>
+Copyright (c) 2023-2024 Nordcom AB <opensource@nordcom.io>
+Copyright (c) 2020 Junior Garcia (Next UI)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# [@nordcom/nordstar-kbd](https://nordcominc.github.io/nordstar/docs/components/kbd/?utm_source=nordstar&utm_campaign=oss)
+
+A thin rule that divides content visually or semantically.
+
+## Installation
+
+> [!TIP]
+> This is an internal package and should probably not be installed by itself, but rather come as a dependency of `@nordcom/nordstar`.
+
+```sh
+npm install @nordcom/nordstar-kbd
+```

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Kbd } from './kbd';
+export type { KbdProps } from './kbd';
+export { Kbd };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+import Kbd from "./kbd.js";
+export { Kbd };

package/dist/kbd.d.ts

@@ -0,0 +1,27 @@
+import { As, InternalForwardRefRenderFunction } from '../../../core/system';
+export type KbdProps = {
+    as?: As;
+    /** Size of the key chip. Defaults to `'md'`. */
+    size?: 'sm' | 'md';
+};
+/**
+ * `<Kbd/>`, a keyboard-key indicator for documenting shortcuts.
+ *
+ * Renders a real `<kbd>` element by default so the markup is semantically a keyboard input
+ * and assistive tech announces it as such. The chip mirrors Nordstar's bordered, high-contrast
+ * surface language; pass `size` to fit it inline with surrounding text or in denser menus.
+ *
+ * @param {object} props - `<Kbd/>` props.
+ * @param {As} [props.as='kbd'] - The element to render the component as.
+ * @param {'sm' | 'md'} [props.size='md'] - The chip size.
+ * @returns {React.ReactNode} The `<Kbd/>` component.
+ *
+ * @example
+ * ```tsx
+ * <Kbd>⌘K</Kbd>
+ * <Kbd size="sm">Esc</Kbd>
+ * ```
+ */
+declare const Kbd: InternalForwardRefRenderFunction<"kbd", KbdProps, never>;
+export default Kbd;
+//# sourceMappingURL=kbd.d.ts.map

package/dist/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../src/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAqBnD,MAAM,MAAM,QAAQ,GAAG;IACnB,EAAE,CAAC,EAAE,EAAE,CAAC;IAER,gDAAgD;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,GAAG,6FAEP,CAAC;AAIH,eAAe,GAAG,CAAC"}

package/dist/kbd.js

@@ -0,0 +1,42 @@
+import { cn, forwardRef } from "@nordcom/nordstar-system";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/kbd.tsx
+var variants = cva(cn("inline-flex select-none items-center justify-center gap-1 rounded-sm border-2 border-foreground-highlight border-solid bg-background-highlight text-center font-mono font-semibold text-foreground leading-none"), {
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		md: "h-6 min-w-6 px-1.5 text-xs",
+		sm: "h-5 min-w-5 px-1 text-[0.625rem]"
+	} }
+});
+/**
+* `<Kbd/>`, a keyboard-key indicator for documenting shortcuts.
+*
+* Renders a real `<kbd>` element by default so the markup is semantically a keyboard input
+* and assistive tech announces it as such. The chip mirrors Nordstar's bordered, high-contrast
+* surface language; pass `size` to fit it inline with surrounding text or in denser menus.
+*
+* @param {object} props - `<Kbd/>` props.
+* @param {As} [props.as='kbd'] - The element to render the component as.
+* @param {'sm' | 'md'} [props.size='md'] - The chip size.
+* @returns {React.ReactNode} The `<Kbd/>` component.
+*
+* @example
+* ```tsx
+* <Kbd>⌘K</Kbd>
+* <Kbd size="sm">Esc</Kbd>
+* ```
+*/
+var Kbd = forwardRef(({ as: Tag = "kbd", size = "md", className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Tag, {
+		className: cn(variants({ size }), className),
+		"data-size": size,
+		ref,
+		...props
+	});
+});
+Kbd.displayName = "Nordstar.Kbd";
+//#endregion
+export { Kbd as default };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2JkLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uL3NyYy9rYmQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQXMgfSBmcm9tICdAbm9yZGNvbS9ub3Jkc3Rhci1zeXN0ZW0nO1xuaW1wb3J0IHsgY24sIGZvcndhcmRSZWYgfSBmcm9tICdAbm9yZGNvbS9ub3Jkc3Rhci1zeXN0ZW0nO1xuaW1wb3J0IHsgY3ZhIH0gZnJvbSAnY2xhc3MtdmFyaWFuY2UtYXV0aG9yaXR5JztcblxuY29uc3QgdmFyaWFudHMgPSBjdmEoXG4gICAgY24oXG4gICAgICAgICdpbmxpbmUtZmxleCBzZWxlY3Qtbm9uZSBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTEgcm91bmRlZC1zbSBib3JkZXItMiBib3JkZXItZm9yZWdyb3VuZC1oaWdobGlnaHQgYm9yZGVyLXNvbGlkIGJnLWJhY2tncm91bmQtaGlnaGxpZ2h0IHRleHQtY2VudGVyIGZvbnQtbW9ubyBmb250LXNlbWlib2xkIHRleHQtZm9yZWdyb3VuZCBsZWFkaW5nLW5vbmUnLFxuICAgICksXG4gICAge1xuICAgICAgICBkZWZhdWx0VmFyaWFudHM6IHtcbiAgICAgICAgICAgIHNpemU6ICdtZCcsXG4gICAgICAgIH0sXG4gICAgICAgIHZhcmlhbnRzOiB7XG4gICAgICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICAgICAgbWQ6ICdoLTYgbWluLXctNiBweC0xLjUgdGV4dC14cycsXG4gICAgICAgICAgICAgICAgc206ICdoLTUgbWluLXctNSBweC0xIHRleHQtWzAuNjI1cmVtXScsXG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgIH0sXG4pO1xuXG5leHBvcnQgdHlwZSBLYmRQcm9wcyA9IHtcbiAgICBhcz86IEFzO1xuXG4gICAgLyoqIFNpemUgb2YgdGhlIGtleSBjaGlwLiBEZWZhdWx0cyB0byBgJ21kJ2AuICovXG4gICAgc2l6ZT86ICdzbScgfCAnbWQnO1xufTtcblxuLyoqXG4gKiBgPEtiZC8+YCwgYSBrZXlib2FyZC1rZXkgaW5kaWNhdG9yIGZvciBkb2N1bWVudGluZyBzaG9ydGN1dHMuXG4gKlxuICogUmVuZGVycyBhIHJlYWwgYDxrYmQ+YCBlbGVtZW50IGJ5IGRlZmF1bHQgc28gdGhlIG1hcmt1cCBpcyBzZW1hbnRpY2FsbHkgYSBrZXlib2FyZCBpbnB1dFxuICogYW5kIGFzc2lzdGl2ZSB0ZWNoIGFubm91bmNlcyBpdCBhcyBzdWNoLiBUaGUgY2hpcCBtaXJyb3JzIE5vcmRzdGFyJ3MgYm9yZGVyZWQsIGhpZ2gtY29udHJhc3RcbiAqIHN1cmZhY2UgbGFuZ3VhZ2U7IHBhc3MgYHNpemVgIHRvIGZpdCBpdCBpbmxpbmUgd2l0aCBzdXJyb3VuZGluZyB0ZXh0IG9yIGluIGRlbnNlciBtZW51cy5cbiAqXG4gKiBAcGFyYW0ge29iamVjdH0gcHJvcHMgLSBgPEtiZC8+YCBwcm9wcy5cbiAqIEBwYXJhbSB7QXN9IFtwcm9wcy5hcz0na2JkJ10gLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIGNvbXBvbmVudCBhcy5cbiAqIEBwYXJhbSB7J3NtJyB8ICdtZCd9IFtwcm9wcy5zaXplPSdtZCddIC0gVGhlIGNoaXAgc2l6ZS5cbiAqIEByZXR1cm5zIHtSZWFjdC5SZWFjdE5vZGV9IFRoZSBgPEtiZC8+YCBjb21wb25lbnQuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzeFxuICogPEtiZD7ijJhLPC9LYmQ+XG4gKiA8S2JkIHNpemU9XCJzbVwiPkVzYzwvS2JkPlxuICogYGBgXG4gKi9cbmNvbnN0IEtiZCA9IGZvcndhcmRSZWY8J2tiZCcsIEtiZFByb3BzPigoeyBhczogVGFnID0gJ2tiZCcsIHNpemUgPSAnbWQnLCBjbGFzc05hbWUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17Y24odmFyaWFudHMoeyBzaXplIH0pLCBjbGFzc05hbWUpfSBkYXRhLXNpemU9e3NpemV9IHJlZj17cmVmfSB7Li4ucHJvcHN9IC8+O1xufSk7XG5cbktiZC5kaXNwbGF5TmFtZSA9ICdOb3Jkc3Rhci5LYmQnO1xuXG5leHBvcnQgZGVmYXVsdCBLYmQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFJQSxJQUFNLFdBQVcsSUFDYixHQUNJLGlOQUNKLEdBQ0E7Q0FDSSxpQkFBaUIsRUFDYixNQUFNLEtBQ1Y7Q0FDQSxVQUFVLEVBQ04sTUFBTTtFQUNGLElBQUk7RUFDSixJQUFJO0NBQ1IsRUFDSjtBQUNKLENBQ0o7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUEyQkEsSUFBTSxNQUFNLFlBQTZCLEVBQUUsSUFBSSxNQUFNLE9BQU8sT0FBTyxNQUFNLFdBQVcsR0FBRyxTQUFTLFFBQVE7Q0FDcEcsT0FBTyxvQkFBQyxLQUFEO0VBQUssV0FBVyxHQUFHLFNBQVMsRUFBRSxLQUFLLENBQUMsR0FBRyxTQUFTO0VBQUcsYUFBVztFQUFXO0VBQUssR0FBSTtDQUFRLENBQUE7QUFDckcsQ0FBQztBQUVELElBQUksY0FBYyJ9

package/package.json

@@ -0,0 +1,82 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nordcom/nordstar-kbd",
+  "type": "module",
+  "version": "0.0.75",
+  "description": "A keyboard-key indicator for documenting shortcuts.",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "nordstar",
+    "nordcom",
+    "component",
+    "react",
+    "kbd",
+    "keyboard",
+    "shortcut",
+    "nordstar-kbd"
+  ],
+  "author": {
+    "name": "Filiph Sandström",
+    "email": "filfat@hotmail.se",
+    "url": "https://github.com/filiphsps/"
+  },
+  "contributors": [
+    {
+      "name": "Filiph Sandström",
+      "email": "filfat@hotmail.se",
+      "url": "https://github.com/filiphsps/"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NordcomInc/nordstar.git",
+    "directory": "packages/components/kbd"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/NordcomInc/nordstar/issues"
+  },
+  "homepage": "https://nordcominc.github.io/nordstar/docs/components/kbd/",
+  "dependencies": {
+    "class-variance-authority": "0.7.1",
+    "@nordcom/nordstar-system": "0.0.75"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@types/node": "25.9.3",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "typescript": "6.0.3",
+    "vite": "8.0.16",
+    "vite-plugin-dts": "5.0.2"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist coverage .turbo .next *.tsbuildinfo *.log",
+    "typecheck": "tsc --noEmit"
+  }
+}