@onereach/ui-components 2.68.0-beta.1987.0 → 2.68.0-beta.2002.0

package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+export declare const RichTextEditor: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -0,0 +1,149 @@
+import { Editor } from '@tiptap/core';
+import { Level } from '@tiptap/extension-heading';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    editor: Editor | null;
+    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    handleToolbarClick: (item: string, level?: number | undefined) => void;
+    handleEditorClick: () => void;
+    isActive: import("@vue/composition-api").Ref<{
+        [x: string]: boolean;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    toolbarButtonStyles: (item: string) => string[];
+    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    headingLevels: Level[];
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    toolbar: {
+        type: ArrayConstructor;
+        default: () => string[][];
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    toolbar: {
+        type: ArrayConstructor;
+        default: () => string[][];
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    toolbar: unknown[];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    markdown: boolean;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    editor: Editor | null;
+    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    handleToolbarClick: (item: string, level?: number | undefined) => void;
+    handleEditorClick: () => void;
+    isActive: import("@vue/composition-api").Ref<{
+        [x: string]: boolean;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    toolbarButtonStyles: (item: string) => string[];
+    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    headingLevels: Level[];
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string;
+    toolbar: unknown[];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    markdown: boolean;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    toolbar: unknown[];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    markdown: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrRichTextEditorV3 } from './OrRichTextEditor.vue';

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js

@@ -0,0 +1,24 @@
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-898d67d5.js';
+import '../../index-fa6eb4ca.js';
+import 'vue';
+import '@vue/composition-api/dist/vue-composition-api.mjs';
+import 'node:punycode';
+import '../../index.es-3f39f316.js';
+import '../../OrIconButton-2bf36347.js';
+import '../../OrIcon-ce8fd08b.js';
+import '../../useClassAttribute-9bf33346.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../OrTooltip-d1764f37.js';
+import '@vueuse/core';
+import '../../OrPopover-2f48b854.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
+import '../../OrTeleport.vue2-e9ba3054.js';
+import 'portal-vue';
+import '../../useElevation-aac032f4.js';
+import '../../useResponsive-e13dfbb0.js';
+import '../../OrLabel-0424be48.js';
+import '../../OrMenuItem-f89dfc77.js';
+import '../../OrMenu-5ac06751.js';
+import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-rich-text-editor-v3/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const EditorContainer: string[];
+export declare const ToolbarContainer: string[];
+export declare const Toolbar: string[];
+export declare const ToolbarButton: string[];
+export declare const ToolbarButtonActive: string[];
+export declare const EditorInput: string[];

package/dist/bundled/v2/components/or-search-v3/index.js

@@ -1,24 +1,24 @@
-export { _ as OrSearchV3 } from '../../OrSearch-691ecd1a.js';
+export { _ as OrSearchV3 } from '../../OrSearch-43daeb79.js';
 export { a as SearchSize } from '../../OrInputBox-7069052f.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '@vueuse/core';
-import '../../OrInput-2e2c8270.js';
+import '../../OrInput-95fc5b53.js';
 import '../../OrError-66257a98.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-45904683.js';
 import '../../OrIcon-ce8fd08b.js';
-import '../../OrIconButton-a046f34f.js';
-import '../../OrTooltip-e97b3f3c.js';
-import '../../OrPopover-7a6c1cd4.js';
+import '../../OrIconButton-2bf36347.js';
+import '../../OrTooltip-d1764f37.js';
+import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLabel-0424be48.js';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-b3c60dbc.js';
+export { _ as OrSelectV3 } from '../../OrSelect-dff64667.js';
 export { a as SelectSize } from '../../OrInputBox-7069052f.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -12,19 +12,19 @@ import '../../OrError-66257a98.js';
 import '../../OrExpansionPanel-41bbabd3.js';
 import '../../OrIcon-ce8fd08b.js';
 import '../../OrHint-45904683.js';
-import '../../OrInput-2e2c8270.js';
-import '../../OrIconButton-a046f34f.js';
-import '../../OrTooltip-e97b3f3c.js';
+import '../../OrInput-95fc5b53.js';
+import '../../OrIconButton-2bf36347.js';
+import '../../OrTooltip-d1764f37.js';
 import '@vueuse/core';
-import '../../OrPopover-7a6c1cd4.js';
+import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-f89dfc77.js';
-import '../../OrTag-76a86a27.js';
+import '../../OrTag-bc654163.js';
 import '../../dropdown-open-e2a93aaf.js';
 import '../../useOverflow-43299d81.js';

package/dist/bundled/v2/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-edd7cde4.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-2d4e0d87.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -6,14 +6,14 @@ import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '../../OrIcon-ce8fd08b.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrMenu-e8c5d2e7.js';
-import '../../OrPopover-7a6c1cd4.js';
+import '../../OrMenu-5ac06751.js';
+import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-f89dfc77.js';
 import '../../OrTab-8bac95cf.js';

package/dist/bundled/v2/components/or-tag-v3/index.js

@@ -1,18 +1,18 @@
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-76a86a27.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-bc654163.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrIconButton-a046f34f.js';
+import '../../OrIconButton-2bf36347.js';
 import '../../OrIcon-ce8fd08b.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-e97b3f3c.js';
+import '../../OrTooltip-d1764f37.js';
 import '@vueuse/core';
-import '../../OrPopover-7a6c1cd4.js';
+import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/components/or-toast-v3/index.js

@@ -1,21 +1,21 @@
-export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../../types-9c0f214b.js';
+export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../../types-4c07bc42.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-3a3d4280.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrIconButton-a046f34f.js';
+import '../../OrIconButton-2bf36347.js';
 import '../../OrIcon-ce8fd08b.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-e97b3f3c.js';
-import '../../OrPopover-7a6c1cd4.js';
+import '../../OrTooltip-d1764f37.js';
+import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLoader-76f2615f.js';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-tooltip-v3/index.js

@@ -1,5 +1,5 @@
-export { O as OrTooltipV3 } from '../../OrTooltip-e97b3f3c.js';
-export { P as TooltipPlacement } from '../../OrPopover-7a6c1cd4.js';
+export { O as OrTooltipV3 } from '../../OrTooltip-d1764f37.js';
+export { P as TooltipPlacement } from '../../OrPopover-2f48b854.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -7,9 +7,9 @@ import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-04956f50.js';
-import '../../OrOverlay-57ce6c73.js';
+import '../../OrBottomSheet-7b5760dc.js';
+import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
-import '../../useElevation-604d48c6.js';
+import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/hooks/index.js

@@ -1,5 +1,5 @@
 export { u as useClassAttribute } from '../useClassAttribute-9bf33346.js';
-export { u as useElevation } from '../useElevation-604d48c6.js';
+export { u as useElevation } from '../useElevation-aac032f4.js';
 export { u as useOverflow } from '../useOverflow-43299d81.js';
 export { u as useToggle } from '../useToggle-6166bd53.js';
 export { u as useResponsive } from '../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/index.es-3f39f316.js

@@ -0,0 +1,115 @@
+var base = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
+};
+var shift = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: "\""
+};
+var chrome = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
+typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
+var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
+var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+var brokenModifierNames = mac || chrome && +chrome[1] < 57;
+
+// Fill in the digit keys
+for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
+
+// The function keys
+for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
+
+// And the alphabetic keys
+for (var i = 65; i <= 90; i++) {
+  base[i] = String.fromCharCode(i + 32);
+  shift[i] = String.fromCharCode(i);
+}
+
+// For each code that doesn't have a shift-equivalent, copy the base name
+for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
+function keyName(event) {
+  var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
+  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+  // Edge sometimes produces wrong names (Issue #3)
+  if (name == "Esc") name = "Escape";
+  if (name == "Del") name = "Delete";
+  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
+  if (name == "Left") name = "ArrowLeft";
+  if (name == "Up") name = "ArrowUp";
+  if (name == "Right") name = "ArrowRight";
+  if (name == "Down") name = "ArrowDown";
+  return name;
+}
+
+export { base as b, keyName as k, shift as s };