@docubook/ui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/chunk-OTJGG73E.js

@@ -1,101 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/drawer.tsx
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Drawer({
-  id,
-  children,
-  defaultOpen = false,
-  side = "left",
-  breakpoint = "lg",
-  withOverlay = true,
-  overlayClassName,
-  sideClassName,
-  contentClassName,
-  className
-}) {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "drawer",
-        breakpoint && `${breakpoint}:drawer-open`,
-        side === "right" && "drawer-end",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id,
-            type: "checkbox",
-            className: "drawer-toggle",
-            checked: isOpen,
-            onChange: () => setIsOpen(!isOpen),
-            "aria-label": "Toggle drawer"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: cn("drawer-content flex flex-col", contentClassName), children }),
-        /* @__PURE__ */ jsx("div", { className: cn("drawer-side", sideClassName), children: withOverlay && /* @__PURE__ */ jsx(
-          "label",
-          {
-            htmlFor: id,
-            "aria-label": "Close sidebar",
-            className: cn("drawer-overlay", overlayClassName),
-            onClick: () => setIsOpen(false)
-          }
-        ) })
-      ]
-    }
-  );
-}
-function useDrawerState(initialState = false) {
-  const [isOpen, setIsOpen] = useState(initialState);
-  return {
-    isOpen,
-    open: () => setIsOpen(true),
-    close: () => setIsOpen(false),
-    toggle: () => setIsOpen((prev) => !prev)
-  };
-}
-function DrawerTrigger({ drawerId, children, className }) {
-  return /* @__PURE__ */ jsx("label", { htmlFor: drawerId, className: cn("label cursor-pointer", className), children });
-}
-function DrawerSidePanel({
-  id,
-  children,
-  side = "left",
-  withOverlay = true,
-  overlayClassName,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("drawer-side", side === "right" && "drawer-end", className), children: [
-    withOverlay && /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor: id,
-        "aria-label": "Close sidebar",
-        className: cn("drawer-overlay", overlayClassName)
-      }
-    ),
-    children
-  ] });
-}
-function DrawerContent({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("drawer-content", className), children });
-}
-
-export {
-  Drawer,
-  useDrawerState,
-  DrawerTrigger,
-  DrawerSidePanel,
-  DrawerContent
-};

package/dist/chunk-PFRBA5BH.js

@@ -1,66 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/theme-controller.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function applyTheme(theme) {
-  if (typeof document !== "undefined") {
-    document.documentElement.classList.toggle("dark", theme === "dark");
-  }
-}
-function useApplyThemeOnMount(theme) {
-  const applied = useRef(false);
-  useEffect(() => {
-    if (!applied.current) {
-      applyTheme(theme);
-      applied.current = true;
-    }
-  }, [theme]);
-}
-function ThemeControllerToggle({
-  defaultTheme = "light",
-  lightTheme = "light",
-  darkTheme = "dark",
-  onThemeChange,
-  className,
-  label,
-  size = "md",
-  children
-}) {
-  const [checked, setChecked] = useState(() => {
-    if (typeof window === "undefined") return false;
-    return (localStorage.getItem("theme") || defaultTheme) === darkTheme;
-  });
-  useApplyThemeOnMount(checked ? darkTheme : lightTheme);
-  const handleChange = (newChecked) => {
-    const newTheme = newChecked ? darkTheme : lightTheme;
-    setChecked(newChecked);
-    applyTheme(newTheme);
-    localStorage.setItem("theme", newTheme);
-    onThemeChange == null ? void 0 : onThemeChange(newTheme);
-  };
-  if (children) {
-    return /* @__PURE__ */ jsx("div", { className, children: children({ isDark: checked, checked, toggle: handleChange }) });
-  }
-  const toggleEl = /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "checkbox",
-      className: cn("toggle theme-controller", `toggle-${size}`),
-      checked,
-      value: darkTheme,
-      onChange: (e) => handleChange(e.target.checked)
-    }
-  );
-  if (!label) return /* @__PURE__ */ jsx("div", { className, children: toggleEl });
-  return /* @__PURE__ */ jsxs("label", { className: cn("flex cursor-pointer items-center gap-3", className), children: [
-    toggleEl,
-    /* @__PURE__ */ jsx("span", { className: "text-base-content", children: label })
-  ] });
-}
-
-export {
-  ThemeControllerToggle
-};

package/dist/chunk-QOGH6NKS.js

@@ -1,45 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/kbd.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Kbd = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className, size } = _b, props = __objRest(_b, ["children", "className", "size"]);
-    return /* @__PURE__ */ jsx("kbd", __spreadProps(__spreadValues({ ref, className: cn("kbd", size && `kbd-${size}`, className) }, props), { children }));
-  }
-);
-Kbd.displayName = "Kbd";
-var _icons = {};
-var iconSize = 12;
-function Key({ icon: Icon, entity }) {
-  if (Icon) return /* @__PURE__ */ jsx(Icon, { size: iconSize });
-  return /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: entity });
-}
-var FnKey = {
-  configure(icons) {
-    _icons = icons;
-  },
-  Cmd: () => /* @__PURE__ */ jsx(Key, { icon: _icons.Command, entity: "\u2318" }),
-  Option: () => /* @__PURE__ */ jsx(Key, { icon: _icons.Option, entity: "\u2325" }),
-  Ctrl: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ChevronUp, entity: "\u2303" }),
-  Shift: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ArrowBigUp, entity: "\u21E7" }),
-  Esc: () => /* @__PURE__ */ jsx(Key, { icon: _icons.CircleArrowOutUpLeft, entity: "\u238B" }),
-  Space: () => /* @__PURE__ */ jsx(Key, { icon: _icons.Space, entity: "\u2423" }),
-  Delete: () => /* @__PURE__ */ jsx(Key, { icon: _icons.Delete, entity: "\u232B" }),
-  Tab: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ArrowRightToLine, entity: "\u21E5" }),
-  Up: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ChevronUp, entity: "\u2191" }),
-  Down: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ChevronDown, entity: "\u2193" }),
-  Left: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ChevronLeft, entity: "\u2190" }),
-  Right: () => /* @__PURE__ */ jsx(Key, { icon: _icons.ChevronRight, entity: "\u2192" })
-};
-
-export {
-  Kbd,
-  FnKey
-};

package/dist/chunk-RDRDPR67.cjs

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
-
-// src/base/breadcrumbs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function Breadcrumb({ children, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "breadcrumbs text-sm", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { children }) });
-}
-function BreadcrumbItem({ children, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: _chunk2DFF5NELcjs.cn.call(void 0, className), children });
-}
-function BreadcrumbPage({ children, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk2DFF5NELcjs.cn.call(void 0, className), children });
-}
-function BreadcrumbList({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
-}
-
-
-
-
-
-
-exports.Breadcrumb = Breadcrumb; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbList = BreadcrumbList;

package/dist/chunk-REZ4W4BZ.cjs

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
-
-// src/base/pagination.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PaginationDocs({
-  prev,
-  next,
-  className,
-  prevIcon,
-  nextIcon,
-  linkClassName
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "nav",
-    {
-      id: "pagination",
-      "aria-label": "Pagination",
-      className: _chunk2DFF5NELcjs.cn.call(void 0, "bg-base-200/50 flex w-full gap-1 rounded-2xl p-1", className),
-      children: [
-        prev && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "a",
-          {
-            href: prev.href,
-            rel: "prev",
-            "data-component-part": "pagination-prev",
-            className: _chunk2DFF5NELcjs.cn.call(void 0, 
-              "group text-muted-foreground hover:bg-base-200/60 hover:text-base-content flex items-center justify-start gap-1.5 rounded-xl px-3 py-3 text-sm no-underline transition-colors",
-              // 30/70 split with next; calc subtracts half the gap so the two
-              // cards plus gap-1 fill the pill exactly. No min-w-0: the card
-              // floors at its content width, so a narrow screen never crushes
-              // the icon/text into the next card.
-              next && "w-[calc(30%-2px)]",
-              linkClassName
-            ),
-            children: [
-              prevIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center", children: prevIcon }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-component-part": "pagination-label", children: "Previous" })
-            ]
-          }
-        ),
-        next && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "a",
-          {
-            href: next.href,
-            rel: "next",
-            "data-component-part": "pagination-next",
-            className: _chunk2DFF5NELcjs.cn.call(void 0, 
-              "group min-w-0 rounded-xl no-underline",
-              // Next-only (e.g. docs index): full width on mobile, half the
-              // container above 640px — pushed right like a forward button.
-              // With prev: calc-based 70% (minus half the gap) so the pair
-              // always fills the pill without overlapping.
-              prev ? "w-[calc(70%-2px)]" : "w-full sm:ml-auto sm:w-1/2",
-              linkClassName
-            ),
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-primary/15 hover:bg-primary/20 hover:ring-primary/30 flex h-16 flex-1 items-center justify-end rounded-xl transition-shadow hover:ring-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col items-end justify-center px-5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "div",
-                  {
-                    "data-component-part": "pagination-title",
-                    className: "text-primary w-full truncate text-right text-sm font-semibold",
-                    children: next.title
-                  }
-                ),
-                next.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "span",
-                  {
-                    "data-component-part": "pagination-description",
-                    className: "text-primary/75 hidden w-full max-w-72 truncate text-right text-xs sm:block",
-                    children: next.description
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-primary/20 h-8 w-px" }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-primary/75 flex items-center gap-1.5 pr-3 pl-5 text-sm", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-component-part": "pagination-label", children: "Next" }),
-                nextIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center", children: nextIcon })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-
-
-
-exports.PaginationDocs = PaginationDocs;

package/dist/chunk-RXFYKKNI.js

@@ -1,53 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/navbar.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navbar({ id, children, className, style }) {
-  return /* @__PURE__ */ jsx("nav", { id, className: cn("navbar", className), style, children });
-}
-function Logo({ src, alt, text, href = "/", className }) {
-  return /* @__PURE__ */ jsxs("a", { href, className: cn("flex items-center gap-2", className), children: [
-    src ? /* @__PURE__ */ jsx("img", { src, alt: alt || text || "Logo", className: "h-8 w-8" }) : null,
-    text && /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: text })
-  ] });
-}
-function NavMenu({ items, activePath, className }) {
-  return /* @__PURE__ */ jsx("ul", { className: cn("menu menu-horizontal gap-1", className), children: items.map((item) => {
-    const isActive = activePath ? item.href === "/" ? activePath === "/" : activePath === item.href || activePath.startsWith(item.href + "/") : false;
-    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: item.href,
-        className: cn(isActive && "active"),
-        target: item.isExternal ? "_blank" : void 0,
-        rel: item.isExternal ? "noopener noreferrer" : void 0,
-        children: item.title
-      }
-    ) }, item.href);
-  }) });
-}
-function NavMenuLink({
-  item,
-  isActive,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: item.href,
-      className: cn(isActive && "active", className),
-      target: item.isExternal ? "_blank" : void 0,
-      rel: item.isExternal ? "noopener noreferrer" : void 0,
-      children: item.title
-    }
-  );
-}
-
-export {
-  Navbar,
-  Logo,
-  NavMenu,
-  NavMenuLink
-};

package/dist/chunk-SV4L2FGT.cjs

@@ -1,133 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
-
-// src/base/collapse.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function Collapse({
-  title,
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  variant = "arrow",
-  className,
-  titleClassName,
-  contentClassName,
-  disabled = false
-}) {
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, defaultOpen);
-  const handleToggle = () => {
-    if (disabled) return;
-    const next = !isOpen;
-    setIsOpen(next);
-    onOpenChange == null ? void 0 : onOpenChange(next);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunk2DFF5NELcjs.cn.call(void 0, 
-        "bg-base-100 border-base-200 collapse rounded-lg border",
-        isOpen && "collapse-open",
-        !isOpen && "collapse-close",
-        variant === "arrow" ? "collapse-arrow" : "collapse-plus",
-        disabled && "cursor-not-allowed opacity-50",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            type: "checkbox",
-            checked: isOpen,
-            onChange: handleToggle,
-            disabled,
-            "aria-expanded": isOpen
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _chunk2DFF5NELcjs.cn.call(void 0, 
-              "collapse-title text-base-content cursor-pointer font-medium",
-              titleClassName
-            ),
-            onClick: handleToggle,
-            role: "button",
-            tabIndex: disabled ? -1 : 0,
-            onKeyDown: (e) => {
-              if (!disabled && (e.key === "Enter" || e.key === " ")) {
-                e.preventDefault();
-                handleToggle();
-              }
-            },
-            children: title
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "collapse-content text-base-content/80", contentClassName), children })
-      ]
-    }
-  );
-}
-function Accordion({
-  items,
-  defaultOpen,
-  variant = "arrow",
-  className,
-  allowMultiple = false
-}) {
-  const [openIds, setOpenIds] = _react.useState.call(void 0, 
-    defaultOpen ? /* @__PURE__ */ new Set([defaultOpen]) : /* @__PURE__ */ new Set()
-  );
-  const toggle = (id) => {
-    setOpenIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        if (!allowMultiple) next.clear();
-        next.add(id);
-      }
-      return next;
-    });
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunk2DFF5NELcjs.cn.call(void 0, 
-        "bg-base-100 border-base-200 collapse rounded-lg border",
-        openIds.has(item.id) && "collapse-open",
-        !openIds.has(item.id) && "collapse-close",
-        variant === "arrow" ? "collapse-arrow" : "collapse-plus"
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "checkbox", checked: openIds.has(item.id), onChange: () => toggle(item.id) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "collapse-title text-base-content cursor-pointer font-medium",
-            onClick: () => toggle(item.id),
-            role: "button",
-            tabIndex: 0,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                toggle(item.id);
-              }
-            },
-            children: item.title
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "collapse-content text-base-content/80", children: item.content })
-      ]
-    },
-    item.id
-  )) });
-}
-var collapse_default = Collapse;
-
-
-
-
-
-exports.Collapse = Collapse; exports.Accordion = Accordion; exports.collapse_default = collapse_default;

package/dist/chunk-SX6DOGUE.js

@@ -1,41 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/input.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Input = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, color, inputSize, ghost } = _b, props = __objRest(_b, ["className", "color", "inputSize", "ghost"]);
-    return /* @__PURE__ */ jsx(
-      "input",
-      __spreadValues({
-        ref,
-        className: cn(
-          "input",
-          ghost && "input-ghost",
-          color && `input-${color}`,
-          inputSize && `input-${inputSize}`,
-          className
-        )
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
-var InputGroup = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx("label", __spreadProps(__spreadValues({ ref, className: cn("input", className) }, props), { children }));
-  }
-);
-InputGroup.displayName = "InputGroup";
-
-export {
-  Input,
-  InputGroup
-};

package/dist/chunk-TDFVUBGO.cjs

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
-
-// src/base/kbd.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var Kbd = _react.forwardRef.call(void 0, 
-  (_a, ref) => {
-    var _b = _a, { children, className, size } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className", "size"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, className: _chunk2DFF5NELcjs.cn.call(void 0, "kbd", size && `kbd-${size}`, className) }, props), { children }));
-  }
-);
-Kbd.displayName = "Kbd";
-var _icons = {};
-var iconSize = 12;
-function Key({ icon: Icon, entity }) {
-  if (Icon) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: iconSize });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: entity });
-}
-var FnKey = {
-  configure(icons) {
-    _icons = icons;
-  },
-  Cmd: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.Command, entity: "\u2318" }),
-  Option: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.Option, entity: "\u2325" }),
-  Ctrl: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ChevronUp, entity: "\u2303" }),
-  Shift: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ArrowBigUp, entity: "\u21E7" }),
-  Esc: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.CircleArrowOutUpLeft, entity: "\u238B" }),
-  Space: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.Space, entity: "\u2423" }),
-  Delete: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.Delete, entity: "\u232B" }),
-  Tab: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ArrowRightToLine, entity: "\u21E5" }),
-  Up: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ChevronUp, entity: "\u2191" }),
-  Down: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ChevronDown, entity: "\u2193" }),
-  Left: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ChevronLeft, entity: "\u2190" }),
-  Right: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Key, { icon: _icons.ChevronRight, entity: "\u2192" })
-};
-
-
-
-
-exports.Kbd = Kbd; exports.FnKey = FnKey;