@docubook/ui-react 0.1.0

package/dist/chunk-LJV3UIMK.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/navbar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Navbar({ id, children, className, style }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { id, className: _chunk7HHY2WDFcjs.cn.call(void 0, "navbar", className), style, children });
+}
+function Logo({ src, alt, text, href = "/", className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, className: _chunk7HHY2WDFcjs.cn.call(void 0, "flex items-center gap-2", className), children: [
+    src ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src, alt: alt || text || "Logo", className: "h-8 w-8" }) : null,
+    text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xl font-bold", children: text })
+  ] });
+}
+function NavMenu({ items, activePath, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "menu menu-horizontal gap-1", className), children: items.map((item) => {
+    const isActive = activePath ? item.href === "/" ? activePath === "/" : activePath.startsWith(item.href) : false;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "a",
+      {
+        href: item.href,
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
+    "a",
+    {
+      href: item.href,
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, isActive && "active", className),
+      target: item.isExternal ? "_blank" : void 0,
+      rel: item.isExternal ? "noopener noreferrer" : void 0,
+      children: item.title
+    }
+  );
+}
+
+
+
+
+
+
+exports.Navbar = Navbar; exports.Logo = Logo; exports.NavMenu = NavMenu; exports.NavMenuLink = NavMenuLink;

package/dist/chunk-LUO4YXRQ.js

@@ -0,0 +1,38 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "./chunk-NJKWNMJF.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 iconSize = 12;
+var FnKey = {
+  Cmd: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2318" }),
+  Option: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2325" }),
+  Ctrl: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2303" }),
+  Shift: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u21E7" }),
+  Esc: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u238B" }),
+  Space: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2423" }),
+  Delete: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u232B" }),
+  Tab: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u21E5" }),
+  Up: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2191" }),
+  Down: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2193" }),
+  Left: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2190" }),
+  Right: () => /* @__PURE__ */ jsx("span", { style: { fontSize: iconSize }, children: "\u2192" })
+};
+
+export {
+  Kbd,
+  FnKey
+};

package/dist/chunk-NJKWNMJF.js

@@ -0,0 +1,44 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return inputs.filter(Boolean).join(" ");
+}
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  cn
+};

package/dist/chunk-OB6B2KN5.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.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.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-OKMEBWPL.cjs

@@ -0,0 +1,133 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.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: _chunk7HHY2WDFcjs.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: _chunk7HHY2WDFcjs.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: _chunk7HHY2WDFcjs.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: _chunk7HHY2WDFcjs.cn.call(void 0, "flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunk7HHY2WDFcjs.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-PB4SHWMJ.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/drawer.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function Drawer({
+  id,
+  children,
+  defaultOpen = false,
+  side = "left",
+  breakpoint = "lg",
+  withOverlay = true,
+  overlayClassName,
+  sideClassName,
+  contentClassName,
+  className
+}) {
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, defaultOpen);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+        "drawer",
+        breakpoint && `${breakpoint}:drawer-open`,
+        side === "right" && "drawer-end",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            id,
+            type: "checkbox",
+            className: "drawer-toggle",
+            checked: isOpen,
+            onChange: () => setIsOpen(!isOpen),
+            "aria-label": "Toggle drawer"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-content flex flex-col", contentClassName), children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-side", sideClassName), children: withOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "label",
+          {
+            htmlFor: id,
+            "aria-label": "Close sidebar",
+            className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-overlay", overlayClassName),
+            onClick: () => setIsOpen(false)
+          }
+        ) })
+      ]
+    }
+  );
+}
+function useDrawerState(initialState = false) {
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, initialState);
+  return {
+    isOpen,
+    open: () => setIsOpen(true),
+    close: () => setIsOpen(false),
+    toggle: () => setIsOpen((prev) => !prev)
+  };
+}
+function DrawerTrigger({ drawerId, children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: drawerId, className: _chunk7HHY2WDFcjs.cn.call(void 0, "label cursor-pointer", className), children });
+}
+function DrawerSidePanel({
+  id,
+  children,
+  side = "left",
+  withOverlay = true,
+  overlayClassName,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-side", side === "right" && "drawer-end", className), children: [
+    withOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "label",
+      {
+        htmlFor: id,
+        "aria-label": "Close sidebar",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-overlay", overlayClassName)
+      }
+    ),
+    children
+  ] });
+}
+function DrawerContent({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "drawer-content", className), children });
+}
+
+
+
+
+
+
+
+exports.Drawer = Drawer; exports.useDrawerState = useDrawerState; exports.DrawerTrigger = DrawerTrigger; exports.DrawerSidePanel = DrawerSidePanel; exports.DrawerContent = DrawerContent;

package/dist/chunk-Q55KNNKE.js

@@ -0,0 +1,26 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/breadcrumbs.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function Breadcrumb({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("breadcrumbs text-sm", className), children: /* @__PURE__ */ jsx("ul", { children }) });
+}
+function BreadcrumbItem({ children, className }) {
+  return /* @__PURE__ */ jsx("li", { className: cn(className), children });
+}
+function BreadcrumbPage({ children, className }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(className), children });
+}
+function BreadcrumbList({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbPage,
+  BreadcrumbList
+};

package/dist/chunk-QZH7EIFW.js

@@ -0,0 +1,134 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/collapse.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Collapse({
+  title,
+  children,
+  defaultOpen = false,
+  onOpenChange,
+  variant = "arrow",
+  className,
+  titleClassName,
+  contentClassName,
+  disabled = false
+}) {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const handleToggle = () => {
+    if (disabled) return;
+    const next = !isOpen;
+    setIsOpen(next);
+    onOpenChange == null ? void 0 : onOpenChange(next);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "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__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: isOpen,
+            onChange: handleToggle,
+            disabled,
+            "aria-expanded": isOpen
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "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__ */ jsx("div", { className: cn("collapse-content text-base-content/80", contentClassName), children })
+      ]
+    }
+  );
+}
+function Accordion({
+  items,
+  defaultOpen,
+  variant = "arrow",
+  className,
+  allowMultiple = false
+}) {
+  const [openIds, setOpenIds] = useState(
+    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__ */ jsx("div", { className: cn("flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "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__ */ jsx("input", { type: "checkbox", checked: openIds.has(item.id), onChange: () => toggle(item.id) }),
+        /* @__PURE__ */ jsx(
+          "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__ */ jsx("div", { className: "collapse-content text-base-content/80", children: item.content })
+      ]
+    },
+    item.id
+  )) });
+}
+var collapse_default = Collapse;
+
+export {
+  Collapse,
+  Accordion,
+  collapse_default
+};

package/dist/chunk-VRODU4ZV.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.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 = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["children", "className", "size"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, { ref, className: _chunk7HHY2WDFcjs.cn.call(void 0, "kbd", size && `kbd-${size}`, className) }, props), { children }));
+  }
+);
+Kbd.displayName = "Kbd";
+var iconSize = 12;
+var FnKey = {
+  Cmd: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2318" }),
+  Option: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2325" }),
+  Ctrl: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2303" }),
+  Shift: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u21E7" }),
+  Esc: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u238B" }),
+  Space: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2423" }),
+  Delete: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u232B" }),
+  Tab: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u21E5" }),
+  Up: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2191" }),
+  Down: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2193" }),
+  Left: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2190" }),
+  Right: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: iconSize }, children: "\u2192" })
+};
+
+
+
+
+exports.Kbd = Kbd; exports.FnKey = FnKey;