@ultraviolet/ui 2.0.5 → 2.1.0

package/dist/components/Key/index.cjs

@@ -0,0 +1,85 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const react = require("react");
+const index = require("../Text/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const KEYS_MATCH = {
+  backspace: "⌫",
+  command: "⌘",
+  control: "⌃",
+  enter: "↵",
+  option: "⌥",
+  shift: "⇧"
+};
+const KeyContainer = /* @__PURE__ */ _styled__default.default("kbd", process.env.NODE_ENV === "production" ? {
+  target: "eufi4n90"
+} : {
+  target: "eufi4n90",
+  label: "KeyContainer"
+})("cursor:default;background:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0.5px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";min-width:", ({
+  theme
+}) => theme.sizing["300"], ";height:", ({
+  theme
+}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
+  theme
+}) => theme.colors.primary.background, ";border-color:", ({
+  theme
+}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
+  theme
+}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
+  theme
+}) => theme.sizing["250"], ";height:", ({
+  theme
+}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const Key = ({
+  children,
+  prominence = "default",
+  disabled,
+  size = "medium",
+  sentiment = "neutral",
+  id,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const specialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+  const textProminence = react.useMemo(() => {
+    if (prominence === "default") {
+      return "default";
+    }
+    if (sentiment === "primary") {
+      return "strong";
+    }
+    return "stronger";
+  }, [sentiment, prominence]);
+  return /* @__PURE__ */ jsxRuntime.jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+};
+exports.KEYS_MATCH = KEYS_MATCH;
+exports.Key = Key;

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

@@ -0,0 +1,23 @@
+export declare const KEYS_MATCH: {
+    readonly backspace: "⌫";
+    readonly command: "⌘";
+    readonly control: "⌃";
+    readonly enter: "↵";
+    readonly option: "⌥";
+    readonly shift: "⇧";
+};
+type KeyProps = {
+    children: string;
+    prominence?: 'strong' | 'default';
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    sentiment?: 'neutral' | 'primary';
+    id?: string;
+    className?: string;
+    'data-testid'?: string;
+};
+/**
+ * Key is a visual component used to display keyboard shortcuts.
+ */
+export declare const Key: ({ children, prominence, disabled, size, sentiment, id, className, "data-testid": dataTestId, }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Key/index.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
+import { Text } from "../Text/index.js";
+const KEYS_MATCH = {
+  backspace: "⌫",
+  command: "⌘",
+  control: "⌃",
+  enter: "↵",
+  option: "⌥",
+  shift: "⇧"
+};
+const KeyContainer = /* @__PURE__ */ _styled("kbd", process.env.NODE_ENV === "production" ? {
+  target: "eufi4n90"
+} : {
+  target: "eufi4n90",
+  label: "KeyContainer"
+})("cursor:default;background:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0.5px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";min-width:", ({
+  theme
+}) => theme.sizing["300"], ";height:", ({
+  theme
+}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
+  theme
+}) => theme.colors.primary.background, ";border-color:", ({
+  theme
+}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
+  theme
+}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
+  theme
+}) => theme.sizing["250"], ";height:", ({
+  theme
+}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const Key = ({
+  children,
+  prominence = "default",
+  disabled,
+  size = "medium",
+  sentiment = "neutral",
+  id,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+  const textProminence = useMemo(() => {
+    if (prominence === "default") {
+      return "default";
+    }
+    if (sentiment === "primary") {
+      return "strong";
+    }
+    return "stronger";
+  }, [sentiment, prominence]);
+  return /* @__PURE__ */ jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+};
+export {
+  KEYS_MATCH,
+  Key
+};