@usefragments/ui 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/README.md +15 -12
  2. package/dist/assets/ui.css +1178 -83
  3. package/dist/chart.cjs +1 -0
  4. package/dist/chart.js +1 -0
  5. package/dist/codeblock.cjs +15 -6
  6. package/dist/codeblock.js +15 -6
  7. package/dist/colorpicker.cjs +1 -0
  8. package/dist/colorpicker.js +1 -0
  9. package/dist/components/Accordion/index.cjs +1 -0
  10. package/dist/components/Accordion/index.js +1 -0
  11. package/dist/components/Alert/index.cjs +1 -0
  12. package/dist/components/Alert/index.js +1 -0
  13. package/dist/components/AppShell/index.cjs +1 -0
  14. package/dist/components/AppShell/index.js +1 -0
  15. package/dist/components/Avatar/index.cjs +1 -0
  16. package/dist/components/Avatar/index.js +1 -0
  17. package/dist/components/Badge/index.cjs +1 -0
  18. package/dist/components/Badge/index.js +1 -0
  19. package/dist/components/Breadcrumbs/index.cjs +1 -0
  20. package/dist/components/Breadcrumbs/index.js +1 -0
  21. package/dist/components/Button/index.cjs +1 -0
  22. package/dist/components/Button/index.js +1 -0
  23. package/dist/components/Card/index.cjs +1 -0
  24. package/dist/components/Card/index.js +1 -0
  25. package/dist/components/Checkbox/index.cjs +1 -0
  26. package/dist/components/Checkbox/index.js +1 -0
  27. package/dist/components/Chip/index.cjs +1 -0
  28. package/dist/components/Chip/index.js +1 -0
  29. package/dist/components/CodeBlock/index.d.ts.map +1 -1
  30. package/dist/components/Collapsible/index.cjs +1 -0
  31. package/dist/components/Collapsible/index.js +1 -0
  32. package/dist/components/Combobox/index.cjs +1 -0
  33. package/dist/components/Combobox/index.js +1 -0
  34. package/dist/components/Command/index.cjs +1 -0
  35. package/dist/components/Command/index.js +1 -0
  36. package/dist/components/ComponentDefaults/index.cjs +1 -0
  37. package/dist/components/ComponentDefaults/index.js +1 -0
  38. package/dist/components/ConversationList/index.cjs +1 -0
  39. package/dist/components/ConversationList/index.js +1 -0
  40. package/dist/components/DataTable/DataTable.module.scss.cjs +35 -35
  41. package/dist/components/DataTable/DataTable.module.scss.js +35 -35
  42. package/dist/components/Dialog/index.cjs +1 -0
  43. package/dist/components/Dialog/index.js +1 -0
  44. package/dist/components/Drawer/index.cjs +1 -0
  45. package/dist/components/Drawer/index.js +1 -0
  46. package/dist/components/EmptyState/index.cjs +1 -0
  47. package/dist/components/EmptyState/index.js +1 -0
  48. package/dist/components/Field/index.cjs +1 -0
  49. package/dist/components/Field/index.js +1 -0
  50. package/dist/components/Fieldset/index.cjs +1 -0
  51. package/dist/components/Fieldset/index.js +1 -0
  52. package/dist/components/Form/index.cjs +1 -0
  53. package/dist/components/Form/index.js +1 -0
  54. package/dist/components/Header/index.cjs +1 -0
  55. package/dist/components/Header/index.js +1 -0
  56. package/dist/components/Icon/index.cjs +1 -0
  57. package/dist/components/Icon/index.js +1 -0
  58. package/dist/components/IconButton/index.cjs +1 -0
  59. package/dist/components/IconButton/index.js +1 -0
  60. package/dist/components/Image/index.cjs +1 -0
  61. package/dist/components/Image/index.js +1 -0
  62. package/dist/components/Input/index.cjs +1 -0
  63. package/dist/components/Input/index.js +1 -0
  64. package/dist/components/List/index.cjs +1 -0
  65. package/dist/components/List/index.js +1 -0
  66. package/dist/components/Listbox/index.cjs +1 -0
  67. package/dist/components/Listbox/index.js +1 -0
  68. package/dist/components/Loading/index.cjs +1 -0
  69. package/dist/components/Loading/index.js +1 -0
  70. package/dist/components/Menu/index.cjs +1 -0
  71. package/dist/components/Menu/index.js +1 -0
  72. package/dist/components/Message/index.cjs +1 -0
  73. package/dist/components/Message/index.js +1 -0
  74. package/dist/components/NavigationMenu/NavigationMenuContext.cjs +1 -0
  75. package/dist/components/NavigationMenu/NavigationMenuContext.js +1 -0
  76. package/dist/components/NavigationMenu/index.cjs +1 -0
  77. package/dist/components/NavigationMenu/index.js +1 -0
  78. package/dist/components/NavigationMenu/useNavigationMenu.cjs +1 -0
  79. package/dist/components/NavigationMenu/useNavigationMenu.js +1 -0
  80. package/dist/components/Pagination/index.cjs +1 -0
  81. package/dist/components/Pagination/index.js +1 -0
  82. package/dist/components/Popover/index.cjs +1 -0
  83. package/dist/components/Popover/index.js +1 -0
  84. package/dist/components/Progress/index.cjs +1 -0
  85. package/dist/components/Progress/index.js +1 -0
  86. package/dist/components/Prompt/index.cjs +1 -0
  87. package/dist/components/Prompt/index.js +1 -0
  88. package/dist/components/RadioGroup/index.cjs +1 -0
  89. package/dist/components/RadioGroup/index.js +1 -0
  90. package/dist/components/ScrollArea/index.cjs +1 -0
  91. package/dist/components/ScrollArea/index.js +1 -0
  92. package/dist/components/Select/index.cjs +1 -0
  93. package/dist/components/Select/index.js +1 -0
  94. package/dist/components/Separator/index.cjs +1 -0
  95. package/dist/components/Separator/index.js +1 -0
  96. package/dist/components/Sidebar/index.cjs +1 -0
  97. package/dist/components/Sidebar/index.js +1 -0
  98. package/dist/components/Slider/index.cjs +1 -0
  99. package/dist/components/Slider/index.js +1 -0
  100. package/dist/components/TableOfContents/index.cjs +1 -0
  101. package/dist/components/TableOfContents/index.js +1 -0
  102. package/dist/components/Tabs/index.cjs +1 -0
  103. package/dist/components/Tabs/index.js +1 -0
  104. package/dist/components/Theme/index.cjs +1 -0
  105. package/dist/components/Theme/index.js +1 -0
  106. package/dist/components/ThinkingIndicator/index.cjs +1 -0
  107. package/dist/components/ThinkingIndicator/index.js +1 -0
  108. package/dist/components/Toast/index.cjs +1 -0
  109. package/dist/components/Toast/index.js +1 -0
  110. package/dist/components/Toggle/index.cjs +1 -0
  111. package/dist/components/Toggle/index.js +1 -0
  112. package/dist/components/ToggleGroup/index.cjs +1 -0
  113. package/dist/components/ToggleGroup/index.js +1 -0
  114. package/dist/components/Tooltip/index.cjs +1 -0
  115. package/dist/components/Tooltip/index.js +1 -0
  116. package/dist/data-table-virtual.cjs +1 -0
  117. package/dist/data-table-virtual.js +1 -0
  118. package/dist/data-table.cjs +1 -0
  119. package/dist/data-table.js +1 -0
  120. package/dist/datepicker.cjs +1 -0
  121. package/dist/datepicker.js +1 -0
  122. package/dist/editor.cjs +1 -0
  123. package/dist/editor.js +1 -0
  124. package/dist/markdown.cjs +1 -0
  125. package/dist/markdown.js +1 -0
  126. package/dist/table.cjs +1 -0
  127. package/dist/table.js +1 -0
  128. package/dist/utils/a11y.cjs +1 -0
  129. package/dist/utils/a11y.js +1 -0
  130. package/dist/utils/keyboard-shortcuts.cjs +1 -0
  131. package/dist/utils/keyboard-shortcuts.js +1 -0
  132. package/fragments.json +1 -1
  133. package/package.json +4 -3
  134. package/src/components/CodeBlock/index.tsx +38 -6
  135. package/src/components/DataTable/DataTable.module.scss +5 -0
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Field } from "@base-ui/react/field";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./List.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Listbox.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Loading.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Menu as Menu$1 } from "@base-ui/react/menu";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Message.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const React = require("react");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import * as React from "react";
2
3
  const NavigationMenuContext = React.createContext(null);
3
4
  function useNavigationMenuContext() {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { createPortal } from "react-dom";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const React = require("react");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import * as React from "react";
2
3
  function useNavigationMenu({
3
4
  value: controlledValue,
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Pagination.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Popover as Popover$1 } from "@base-ui/react/popover";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import { Progress as Progress$1 } from "@base-ui/react/progress";
3
4
  import styles from "./Progress.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Prompt.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./ScrollArea.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Select as Select$1 } from "@base-ui/react/select";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Separator as Separator$1 } from "@base-ui/react/separator";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Sidebar.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Field } from "@base-ui/react/field";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./TableOfContents.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { ComponentDefaultsProvider, useResolvedControlSize } from "../ComponentDefaults/index.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./ThinkingIndicator.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./Toast.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Switch as Switch$1 } from "@base-ui/react/switch";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { useResolvedControlSize } from "../ComponentDefaults/index.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { useVirtualizer } from "@tanstack/react-virtual";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { createElement } from "react";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import { Popover } from "@base-ui/react/popover";
package/dist/editor.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
package/dist/editor.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./components/Editor/Editor.module.scss.js";
package/dist/markdown.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
package/dist/markdown.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./components/Markdown/Markdown.module.scss.js";
package/dist/table.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
package/dist/table.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  import styles from "./components/Table/Table.module.scss.js";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const jsxRuntime = require("react/jsx-runtime");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from "react/jsx-runtime";
2
3
  import * as React from "react";
3
4
  let idCounter = 0;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
4
  const React = require("react");
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useRef, useEffect } from "react";
2
3
  const KEYBOARD_SHORTCUTS = {
3
4
  // ----- Sidebar -----