@xyd-js/framework 0.1.0-xyd.3 → 0.1.0-xyd.5

package/dist/react.mjs

@@ -1,1248 +1,18 @@
 // packages/react/components/index.tsx
-import React18, { isValidElement as isValidElement2 } from "react";
+import React5, { isValidElement } from "react";
 import { useLocation as useLocation3 } from "react-router";
 import { Toc, SubNav, UISidebar as UISidebar2 } from "@xyd-js/ui";
-
-// ../xyd-components/dist/index-C0sBj-Rt.js
-import e, { useRef as t } from "react";
-var n = "hutvd2b";
-var a = "hg9oorb";
-var r = "h6jev6x";
-var l = "i1uvewli";
-function c(t5) {
-  var c2 = t5.children, o3 = t5.size, i3 = void 0 === o3 ? "sm" : o3, s2 = t5.kind, d3 = void 0 === s2 ? "warning" : s2;
-  return e.createElement("div", { className: "\n        ".concat(n, "\n        \n        ").concat("sm" === i3 && r, "\n        \n        ").concat("warning" === d3 && a, "\n    ") }, e.createElement("span", { className: l }, c2));
-}
-
-// ../xyd-components/dist/tslib.es6-nZyJ5rcw.js
-function t2(t5, n4) {
-  var e3 = {};
-  for (var r4 in t5) Object.prototype.hasOwnProperty.call(t5, r4) && n4.indexOf(r4) < 0 && (e3[r4] = t5[r4]);
-  if (null != t5 && "function" == typeof Object.getOwnPropertySymbols) {
-    var o3 = 0;
-    for (r4 = Object.getOwnPropertySymbols(t5); o3 < r4.length; o3++) n4.indexOf(r4[o3]) < 0 && Object.prototype.propertyIsEnumerable.call(t5, r4[o3]) && (e3[r4[o3]] = t5[r4[o3]]);
-  }
-  return e3;
-}
-
-// ../xyd-components/dist/writer.js
-import r3, { Fragment as n3 } from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js
-import { forwardRef, createElement } from "react";
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i3;
-  for (i3 = 0; i3 < sourceKeys.length; i3++) {
-    key = sourceKeys[i3];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-var _excluded$f = ["color"];
-var ArrowLeftIcon = /* @__PURE__ */ forwardRef(function(_ref, forwardedRef) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-  return createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), createElement("path", {
-    d: "M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-var _excluded$g = ["color"];
-var ArrowRightIcon = /* @__PURE__ */ forwardRef(function(_ref, forwardedRef) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
-  return createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), createElement("path", {
-    d: "M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-
-// ../xyd-components/dist/UnderlineNav-rNUvd4IV.js
-import e2, { useState as t4, useRef as a2, useEffect as n2 } from "react";
-
-// ../xyd-components/dist/_rollupPluginBabelHelpers-DOmTa7nq.js
-function t3(t5, r4) {
-  (null == r4 || r4 > t5.length) && (r4 = t5.length);
-  for (var e3 = 0, n4 = Array(r4); e3 < r4; e3++) n4[e3] = t5[e3];
-  return n4;
-}
-function r2(t5) {
-  if (Array.isArray(t5)) return t5;
-}
-function u() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function h(t5, e3) {
-  return r2(t5) || function(t6, r4) {
-    var e4 = null == t6 ? null : "undefined" != typeof Symbol && t6[Symbol.iterator] || t6["@@iterator"];
-    if (null != e4) {
-      var n4, o3, i3, a3, u4 = [], c2 = true, f2 = false;
-      try {
-        if (i3 = (e4 = e4.call(t6)).next, 0 === r4) {
-          if (Object(e4) !== e4) return;
-          c2 = false;
-        } else for (; !(c2 = (n4 = i3.call(e4)).done) && (u4.push(n4.value), u4.length !== r4); c2 = true) ;
-      } catch (t7) {
-        f2 = true, o3 = t7;
-      } finally {
-        try {
-          if (!c2 && null != e4.return && (a3 = e4.return(), Object(a3) !== a3)) return;
-        } finally {
-          if (f2) throw o3;
-        }
-      }
-      return u4;
-    }
-  }(t5, e3) || d(t5, e3) || u();
-}
-function d(r4, e3) {
-  if (r4) {
-    if ("string" == typeof r4) return t3(r4, e3);
-    var n4 = {}.toString.call(r4).slice(8, -1);
-    return "Object" === n4 && r4.constructor && (n4 = r4.constructor.name), "Map" === n4 || "Set" === n4 ? Array.from(r4) : "Arguments" === n4 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n4) ? t3(r4, e3) : void 0;
-  }
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-tabs@1.1.2_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@18.3.18_qsyrobternj736o5ex7scdd3r4/node_modules/@radix-ui/react-tabs/dist/index.mjs
-import * as React13 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.mjs
-function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return function handleEvent(event) {
-    originalEventHandler == null ? void 0 : originalEventHandler(event);
-    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler == null ? void 0 : ourEventHandler(event);
-    }
-  };
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React.createContext(defaultContext);
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = (props) => {
-      var _a;
-      const { scope, children, ...context } = props;
-      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
-      const value = React.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-    };
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext22(consumerName, scope) {
-      var _a;
-      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
-      const context = React.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider, useContext22];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext32, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.1_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react_bkbd3syfptkiebtjifbhjosaba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import * as React11 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.1_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@1_du3umibpgknzrmwryvhzp3lgou/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React4 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React2 from "react";
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i3 = 0; i3 < cleanups.length; i3++) {
-          const cleanup = cleanups[i3];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef(refs[i3], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React2.useCallback(composeRefs(...refs), refs);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.1.1_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React3 from "react";
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var Slot = React3.forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = React3.Children.toArray(children);
-  const slottable = childrenArray.find(isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (React3.Children.count(newElement) > 1) return React3.Children.only(null);
-        return React3.isValidElement(newElement) ? newElement.props.children : null;
-      } else {
-        return child;
-      }
-    });
-    return /* @__PURE__ */ jsx2(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
-  }
-  return /* @__PURE__ */ jsx2(SlotClone, { ...slotProps, ref: forwardedRef, children });
-});
-Slot.displayName = "Slot";
-var SlotClone = React3.forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (React3.isValidElement(children)) {
-    const childrenRef = getElementRef(children);
-    return React3.cloneElement(children, {
-      ...mergeProps(slotProps, children.props),
-      // @ts-ignore
-      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
-    });
-  }
-  return React3.Children.count(children) > 1 ? React3.Children.only(null) : null;
-});
-SlotClone.displayName = "SlotClone";
-var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx2(Fragment, { children });
-};
-function isSlottable(child) {
-  return React3.isValidElement(child) && child.type === Slottable;
-}
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.1_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@1_du3umibpgknzrmwryvhzp3lgou/node_modules/@radix-ui/react-collection/dist/index.mjs
-import { jsx as jsx3 } from "react/jsx-runtime";
-function createCollection(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
-  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
-    PROVIDER_NAME,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  );
-  const CollectionProvider = (props) => {
-    const { scope, children } = props;
-    const ref = React4.useRef(null);
-    const itemMap = React4.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx3(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-  };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React4.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children } = props;
-      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx3(Slot, { ref: composedRefs, children });
-    }
-  );
-  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
-  const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React4.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children, ...itemData } = props;
-      const ref = React4.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
-      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React4.useEffect(() => {
-        context.itemMap.set(ref, { ref, ...itemData });
-        return () => void context.itemMap.delete(ref);
-      });
-      return /* @__PURE__ */ jsx3(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-    }
-  );
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection2(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React4.useCallback(() => {
-      const collectionNode = context.collectionRef.current;
-      if (!collectionNode) return [];
-      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-      const items = Array.from(context.itemMap.values());
-      const orderedItems = items.sort(
-        (a3, b2) => orderedNodes.indexOf(a3.ref.current) - orderedNodes.indexOf(b2.ref.current)
-      );
-      return orderedItems;
-    }, [context.collectionRef, context.itemMap]);
-    return getItems;
-  }
-  return [
-    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-    useCollection2,
-    createCollectionScope2
-  ];
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-id@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React6 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React5 from "react";
-var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React5.useLayoutEffect : () => {
-};
-
-// ../../node_modules/.pnpm/@radix-ui+react-id@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React6["useId".toString()] || (() => void 0);
-var count = 0;
-function useId(deterministicId) {
-  const [id, setId] = React6.useState(useReactId());
-  useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
-  }, [deterministicId]);
-  return deterministicId || (id ? `radix-${id}` : "");
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React7 from "react";
-import * as ReactDOM from "react-dom";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Node = React7.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx4(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-
-// ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React8 from "react";
-function useCallbackRef(callback) {
-  const callbackRef = React8.useRef(callback);
-  React8.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React8.useMemo(() => (...args) => {
-    var _a;
-    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-  }, []);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React9 from "react";
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange = () => {
-  }
-}) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
-  const isControlled = prop !== void 0;
-  const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef(onChange);
-  const setValue = React9.useCallback(
-    (nextValue) => {
-      if (isControlled) {
-        const setter = nextValue;
-        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
-        if (value2 !== prop) handleChange(value2);
-      } else {
-        setUncontrolledProp(nextValue);
-      }
-    },
-    [isControlled, prop, setUncontrolledProp, handleChange]
-  );
-  return [value, setValue];
-}
-function useUncontrolledState({
-  defaultProp,
-  onChange
-}) {
-  const uncontrolledState = React9.useState(defaultProp);
-  const [value] = uncontrolledState;
-  const prevValueRef = React9.useRef(value);
-  const handleChange = useCallbackRef(onChange);
-  React9.useEffect(() => {
-    if (prevValueRef.current !== value) {
-      handleChange(value);
-      prevValueRef.current = value;
-    }
-  }, [value, prevValueRef, handleChange]);
-  return uncontrolledState;
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.0_@types+react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React10 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var DirectionContext = React10.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React10.useContext(DirectionContext);
-  return localDir || globalDir || "ltr";
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.1_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react_bkbd3syfptkiebtjifbhjosaba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import { jsx as jsx6 } from "react/jsx-runtime";
-var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS = { bubbles: false, cancelable: true };
-var GROUP_NAME = "RovingFocusGroup";
-var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
-  GROUP_NAME,
-  [createCollectionScope]
-);
-var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = React11.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx6(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx6(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx6(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-var RovingFocusGroupImpl = React11.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    orientation,
-    loop = false,
-    dir,
-    currentTabStopId: currentTabStopIdProp,
-    defaultCurrentTabStopId,
-    onCurrentTabStopIdChange,
-    onEntryFocus,
-    preventScrollOnEntryFocus = false,
-    ...groupProps
-  } = props;
-  const ref = React11.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const direction = useDirection(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
-    prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId,
-    onChange: onCurrentTabStopIdChange
-  });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React11.useState(false);
-  const handleEntryFocus = useCallbackRef(onEntryFocus);
-  const getItems = useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = React11.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React11.useState(0);
-  React11.useEffect(() => {
-    const node = ref.current;
-    if (node) {
-      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
-      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
-    }
-  }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx6(
-    RovingFocusProvider,
-    {
-      scope: __scopeRovingFocusGroup,
-      orientation,
-      dir: direction,
-      loop,
-      currentTabStopId,
-      onItemFocus: React11.useCallback(
-        (tabStopId) => setCurrentTabStopId(tabStopId),
-        [setCurrentTabStopId]
-      ),
-      onItemShiftTab: React11.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React11.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount + 1),
-        []
-      ),
-      onFocusableItemRemove: React11.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount - 1),
-        []
-      ),
-      children: /* @__PURE__ */ jsx6(
-        Primitive.div,
-        {
-          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-          "data-orientation": orientation,
-          ...groupProps,
-          ref: composedRefs,
-          style: { outline: "none", ...props.style },
-          onMouseDown: composeEventHandlers(props.onMouseDown, () => {
-            isClickFocusRef.current = true;
-          }),
-          onFocus: composeEventHandlers(props.onFocus, (event) => {
-            const isKeyboardFocus = !isClickFocusRef.current;
-            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-              event.currentTarget.dispatchEvent(entryFocusEvent);
-              if (!entryFocusEvent.defaultPrevented) {
-                const items = getItems().filter((item) => item.focusable);
-                const activeItem = items.find((item) => item.active);
-                const currentItem = items.find((item) => item.id === currentTabStopId);
-                const candidateItems = [activeItem, currentItem, ...items].filter(
-                  Boolean
-                );
-                const candidateNodes = candidateItems.map((item) => item.ref.current);
-                focusFirst(candidateNodes, preventScrollOnEntryFocus);
-              }
-            }
-            isClickFocusRef.current = false;
-          }),
-          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
-        }
-      )
-    }
-  );
-});
-var ITEM_NAME = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React11.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeRovingFocusGroup,
-      focusable = true,
-      active = false,
-      tabStopId,
-      ...itemProps
-    } = props;
-    const autoId = useId();
-    const id = tabStopId || autoId;
-    const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
-    const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = useCollection(__scopeRovingFocusGroup);
-    const { onFocusableItemAdd, onFocusableItemRemove } = context;
-    React11.useEffect(() => {
-      if (focusable) {
-        onFocusableItemAdd();
-        return () => onFocusableItemRemove();
-      }
-    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-    return /* @__PURE__ */ jsx6(
-      Collection.ItemSlot,
-      {
-        scope: __scopeRovingFocusGroup,
-        id,
-        focusable,
-        active,
-        children: /* @__PURE__ */ jsx6(
-          Primitive.span,
-          {
-            tabIndex: isCurrentTabStop ? 0 : -1,
-            "data-orientation": context.orientation,
-            ...itemProps,
-            ref: forwardedRef,
-            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
-              if (!focusable) event.preventDefault();
-              else context.onItemFocus(id);
-            }),
-            onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-              if (event.key === "Tab" && event.shiftKey) {
-                context.onItemShiftTab();
-                return;
-              }
-              if (event.target !== event.currentTarget) return;
-              const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-              if (focusIntent !== void 0) {
-                if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-                event.preventDefault();
-                const items = getItems().filter((item) => item.focusable);
-                let candidateNodes = items.map((item) => item.ref.current);
-                if (focusIntent === "last") candidateNodes.reverse();
-                else if (focusIntent === "prev" || focusIntent === "next") {
-                  if (focusIntent === "prev") candidateNodes.reverse();
-                  const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                  candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-                }
-                setTimeout(() => focusFirst(candidateNodes));
-              }
-            })
-          }
-        )
-      }
-    );
-  }
-);
-RovingFocusGroupItem.displayName = ITEM_NAME;
-var MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function getDirectionAwareKey(key, dir) {
-  if (dir !== "rtl") return key;
-  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
-}
-function getFocusIntent(event, orientation, dir) {
-  const key = getDirectionAwareKey(event.key, dir);
-  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
-  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-  return MAP_KEY_TO_FOCUS_INTENT[key];
-}
-function focusFirst(candidates, preventScroll = false) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus({ preventScroll });
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
-}
-function wrapArray(array, startIndex) {
-  return array.map((_2, index) => array[(startIndex + index) % array.length]);
-}
-var Root = RovingFocusGroup;
-var Item = RovingFocusGroupItem;
-
-// ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@18._pqwkltkxenlrsgmgun6icjiigu/node_modules/@radix-ui/react-presence/dist/index.mjs
-import * as React22 from "react";
-import * as React12 from "react";
-function useStateMachine(initialState, machine) {
-  return React12.useReducer((state, event) => {
-    const nextState = machine[state][event];
-    return nextState ?? state;
-  }, initialState);
-}
-var Presence = (props) => {
-  const { present, children } = props;
-  const presence = usePresence(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React22.Children.only(children);
-  const ref = useComposedRefs(presence.ref, getElementRef2(child));
-  const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React22.cloneElement(child, { ref }) : null;
-};
-Presence.displayName = "Presence";
-function usePresence(present) {
-  const [node, setNode] = React22.useState();
-  const stylesRef = React22.useRef({});
-  const prevPresentRef = React22.useRef(present);
-  const prevAnimationNameRef = React22.useRef("none");
-  const initialState = present ? "mounted" : "unmounted";
-  const [state, send] = useStateMachine(initialState, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  React22.useEffect(() => {
-    const currentAnimationName = getAnimationName(stylesRef.current);
-    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
-  }, [state]);
-  useLayoutEffect2(() => {
-    const styles = stylesRef.current;
-    const wasPresent = prevPresentRef.current;
-    const hasPresentChanged = wasPresent !== present;
-    if (hasPresentChanged) {
-      const prevAnimationName = prevAnimationNameRef.current;
-      const currentAnimationName = getAnimationName(styles);
-      if (present) {
-        send("MOUNT");
-      } else if (currentAnimationName === "none" || (styles == null ? void 0 : styles.display) === "none") {
-        send("UNMOUNT");
-      } else {
-        const isAnimating = prevAnimationName !== currentAnimationName;
-        if (wasPresent && isAnimating) {
-          send("ANIMATION_OUT");
-        } else {
-          send("UNMOUNT");
-        }
-      }
-      prevPresentRef.current = present;
-    }
-  }, [present, send]);
-  useLayoutEffect2(() => {
-    if (node) {
-      let timeoutId;
-      const ownerWindow = node.ownerDocument.defaultView ?? window;
-      const handleAnimationEnd = (event) => {
-        const currentAnimationName = getAnimationName(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
-        if (event.target === node && isCurrentAnimation) {
-          send("ANIMATION_END");
-          if (!prevPresentRef.current) {
-            const currentFillMode = node.style.animationFillMode;
-            node.style.animationFillMode = "forwards";
-            timeoutId = ownerWindow.setTimeout(() => {
-              if (node.style.animationFillMode === "forwards") {
-                node.style.animationFillMode = currentFillMode;
-              }
-            });
-          }
-        }
-      };
-      const handleAnimationStart = (event) => {
-        if (event.target === node) {
-          prevAnimationNameRef.current = getAnimationName(stylesRef.current);
-        }
-      };
-      node.addEventListener("animationstart", handleAnimationStart);
-      node.addEventListener("animationcancel", handleAnimationEnd);
-      node.addEventListener("animationend", handleAnimationEnd);
-      return () => {
-        ownerWindow.clearTimeout(timeoutId);
-        node.removeEventListener("animationstart", handleAnimationStart);
-        node.removeEventListener("animationcancel", handleAnimationEnd);
-        node.removeEventListener("animationend", handleAnimationEnd);
-      };
-    } else {
-      send("ANIMATION_END");
-    }
-  }, [node, send]);
-  return {
-    isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React22.useCallback((node2) => {
-      if (node2) stylesRef.current = getComputedStyle(node2);
-      setNode(node2);
-    }, [])
-  };
-}
-function getAnimationName(styles) {
-  return (styles == null ? void 0 : styles.animationName) || "none";
-}
-function getElementRef2(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-tabs@1.1.2_@types+react-dom@18.3.5_@types+react@18.3.18__@types+react@18.3.18_qsyrobternj736o5ex7scdd3r4/node_modules/@radix-ui/react-tabs/dist/index.mjs
-import { jsx as jsx7 } from "react/jsx-runtime";
-var TABS_NAME = "Tabs";
-var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
-  createRovingFocusGroupScope
-]);
-var useRovingFocusGroupScope = createRovingFocusGroupScope();
-var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
-var Tabs = React13.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeTabs,
-      value: valueProp,
-      onValueChange,
-      defaultValue,
-      orientation = "horizontal",
-      dir,
-      activationMode = "automatic",
-      ...tabsProps
-    } = props;
-    const direction = useDirection(dir);
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      onChange: onValueChange,
-      defaultProp: defaultValue
-    });
-    return /* @__PURE__ */ jsx7(
-      TabsProvider,
-      {
-        scope: __scopeTabs,
-        baseId: useId(),
-        value,
-        onValueChange: setValue,
-        orientation,
-        dir: direction,
-        activationMode,
-        children: /* @__PURE__ */ jsx7(
-          Primitive.div,
-          {
-            dir: direction,
-            "data-orientation": orientation,
-            ...tabsProps,
-            ref: forwardedRef
-          }
-        )
-      }
-    );
-  }
-);
-Tabs.displayName = TABS_NAME;
-var TAB_LIST_NAME = "TabsList";
-var TabsList = React13.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeTabs, loop = true, ...listProps } = props;
-    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
-    return /* @__PURE__ */ jsx7(
-      Root,
-      {
-        asChild: true,
-        ...rovingFocusGroupScope,
-        orientation: context.orientation,
-        dir: context.dir,
-        loop,
-        children: /* @__PURE__ */ jsx7(
-          Primitive.div,
-          {
-            role: "tablist",
-            "aria-orientation": context.orientation,
-            ...listProps,
-            ref: forwardedRef
-          }
-        )
-      }
-    );
-  }
-);
-TabsList.displayName = TAB_LIST_NAME;
-var TRIGGER_NAME = "TabsTrigger";
-var TabsTrigger = React13.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
-    const triggerId = makeTriggerId(context.baseId, value);
-    const contentId = makeContentId(context.baseId, value);
-    const isSelected = value === context.value;
-    return /* @__PURE__ */ jsx7(
-      Item,
-      {
-        asChild: true,
-        ...rovingFocusGroupScope,
-        focusable: !disabled,
-        active: isSelected,
-        children: /* @__PURE__ */ jsx7(
-          Primitive.button,
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": isSelected,
-            "aria-controls": contentId,
-            "data-state": isSelected ? "active" : "inactive",
-            "data-disabled": disabled ? "" : void 0,
-            disabled,
-            id: triggerId,
-            ...triggerProps,
-            ref: forwardedRef,
-            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
-              if (!disabled && event.button === 0 && event.ctrlKey === false) {
-                context.onValueChange(value);
-              } else {
-                event.preventDefault();
-              }
-            }),
-            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-              if ([" ", "Enter"].includes(event.key)) context.onValueChange(value);
-            }),
-            onFocus: composeEventHandlers(props.onFocus, () => {
-              const isAutomaticActivation = context.activationMode !== "manual";
-              if (!isSelected && !disabled && isAutomaticActivation) {
-                context.onValueChange(value);
-              }
-            })
-          }
-        )
-      }
-    );
-  }
-);
-TabsTrigger.displayName = TRIGGER_NAME;
-var CONTENT_NAME = "TabsContent";
-var TabsContent = React13.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-    const context = useTabsContext(CONTENT_NAME, __scopeTabs);
-    const triggerId = makeTriggerId(context.baseId, value);
-    const contentId = makeContentId(context.baseId, value);
-    const isSelected = value === context.value;
-    const isMountAnimationPreventedRef = React13.useRef(isSelected);
-    React13.useEffect(() => {
-      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
-      return () => cancelAnimationFrame(rAF);
-    }, []);
-    return /* @__PURE__ */ jsx7(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx7(
-      Primitive.div,
-      {
-        "data-state": isSelected ? "active" : "inactive",
-        "data-orientation": context.orientation,
-        role: "tabpanel",
-        "aria-labelledby": triggerId,
-        hidden: !present,
-        id: contentId,
-        tabIndex: 0,
-        ...contentProps,
-        ref: forwardedRef,
-        style: {
-          ...props.style,
-          animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
-        },
-        children: present && children
-      }
-    ) });
-  }
-);
-TabsContent.displayName = CONTENT_NAME;
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
-var Root2 = Tabs;
-var List = TabsList;
-var Trigger = TabsTrigger;
-var Content = TabsContent;
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-import { forwardRef as forwardRef7, createElement as createElement3 } from "react";
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && array.indexOf(className) === index;
-}).join(" ");
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-import { forwardRef as forwardRef6, createElement as createElement2 } from "react";
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = forwardRef6(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return createElement2(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => createElement2(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef7(
-    ({ className, ...props }, ref) => createElement3(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
-      ...props
-    })
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var ChevronLeft = createLucideIcon("ChevronLeft", [
-  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.447.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var ChevronRight = createLucideIcon("ChevronRight", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]);
-
-// ../xyd-components/dist/UnderlineNav-rNUvd4IV.js
-var s = "hh34a3o";
-var m = "hilz89t";
-var o = "h1rnhmpa";
-var u2 = "lajci2p";
-var d2 = "iezrce7";
-var v = "i1vhi0b8";
-var h2 = "i1m2lps9";
-var f = "r1new93p";
-var E = "t1u3d3ty";
-var N = "t4udf3g";
-var p = "t1icpluq";
-var b = "badgd67";
-var g = "bcjznmh";
-var w = "p13ekkiz";
-var C = "h15733ml";
-function k(t5) {
-  var a3 = t5.children, n4 = t5.href, r4 = t5.icon, c2 = t5.title, l2 = t5.kind, i3 = t5.size;
-  return e2.createElement("div", { className: "\n        ".concat(s, "\n        ").concat("secondary" === l2 && m, "\n        ").concat("secondary" === l2 && "md" == i3 && o, "\n    ") }, e2.createElement("a", { className: u2, href: n4 }, e2.createElement("div", { className: "\n                ".concat(d2, "\n                ").concat("secondary" === l2 && v, "\n            ") }, r4 && e2.createElement("div", { className: h2 }, r4), e2.createElement("div", { className: f }, e2.createElement("div", { className: E }, e2.createElement("div", { className: "\n                            ".concat(E, " \n                            ").concat(N, "\n                            ").concat("md" == i3 && p, "\n                        ") }, c2), e2.createElement(z, null)), e2.createElement("div", { className: "\n                        ".concat(b, "\n                        ").concat("md" == i3 && g, "\n                    ") }, a3)))));
-}
-function z() {
-  return e2.createElement("div", { "data-pointer": "true", className: w }, e2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24" }, e2.createElement("path", { fillRule: "evenodd", d: "M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z", clipRule: "evenodd" })));
-}
-k.List = function(t5) {
-  var a3 = t5.children;
-  return e2.createElement("div", { className: C }, a3);
-};
-var x = "h3kfd8c";
-var L = "l1et872q";
-function y(t5) {
-  var a3 = t5.children;
-  return e2.createElement("ol", { className: x }, a3);
-}
-y.Item = function(t5) {
-  var a3 = t5.children;
-  return e2.createElement("li", { className: L }, a3);
-};
-var T = "h14vj3ri";
-var j = "t1l6tz9b";
-var R = "thzxr0l";
-var B = "t1g1altt";
-function I(t5) {
-  var a3 = t5.children;
-  return e2.createElement("table", { className: T }, a3);
-}
-I.Th = function(t5) {
-  var a3 = t5.children;
-  return e2.createElement("th", { className: j }, a3);
-}, I.Tr = function(t5) {
-  var a3 = t5.children;
-  return e2.createElement("tr", { className: R }, a3);
-}, I.Td = function(t5) {
-  var a3 = t5.children;
-  return e2.createElement("td", { className: B }, a3);
-};
-var q = "hh8vcxa";
-var S = "b2p5907";
-var V = "coeb6fw";
-var W = "h196u2m6";
-var _ = "i1hlflsk";
-var G = "hownbu8";
-var H = "cuwerl2";
-var M = "hlivi01";
-function P(s2) {
-  var m3 = s2.children, o3 = s2.items, u4 = s2.tabIndex, d3 = t4(false), v3 = h(d3, 2), h4 = v3[0], f2 = v3[1], E4 = t4(false), N3 = h(E4, 2), p3 = N3[0], b2 = N3[1], g2 = a2(null), w3 = t4(o3[u4 || 0] || ""), C2 = h(w3, 2), k2 = C2[0], z2 = C2[1], x3 = function() {
-    if (g2.current) {
-      var e3 = g2.current, t5 = e3.scrollLeft, a3 = e3.scrollWidth, n4 = e3.clientWidth;
-      f2(t5 > 0), b2(t5 < a3 - n4);
-    }
-  };
-  n2(function() {
-    return x3(), window.addEventListener("resize", x3), function() {
-      return window.removeEventListener("resize", x3);
-    };
-  }, []);
-  var L2 = function(e3) {
-    if (g2.current) {
-      var t5 = "left" === e3 ? -200 : 200;
-      g2.current.scrollBy({ left: t5, behavior: "smooth" });
-    }
-  };
-  return e2.createElement(Root2, { asChild: true, value: k2, onValueChange: z2 }, e2.createElement("div", { className: q }, e2.createElement("div", { className: S }, h4 && e2.createElement("button", { onClick: function() {
-    return L2("left");
-  }, className: W }, e2.createElement(ChevronLeft, { className: _ })), e2.createElement("div", { ref: g2, onScroll: x3, className: G }, e2.createElement("div", { className: H }, e2.createElement(List, null, o3.map(function(t5, a3) {
-    return e2.createElement(U, { key: a3, value: t5 }, t5);
-  })))), p3 && e2.createElement("button", { onClick: function() {
-    return L2("right");
-  }, className: W }, e2.createElement(ChevronRight, { className: _ }))), e2.createElement("div", { className: V }, m3)));
-}
-function U(t5) {
-  var a3 = t5.children, n4 = t5.value;
-  return e2.createElement(Trigger, { asChild: true, value: n4 }, e2.createElement("button", { className: "".concat(M) }, a3));
-}
-P.Content = function(t5) {
-  var a3 = t5.children, n4 = t5.value;
-  return e2.createElement(Content, { asChild: true, value: n4 }, a3);
-};
-var Z = "h1bta36o";
-var A = "uxs4bf1";
-var D = "ifn7ecb";
-var F = "i441kmn";
-function J(t5) {
-  var a3 = t5.children, n4 = t5.value, r4 = t5.onChange;
-  return e2.createElement(Root2, { asChild: true, value: n4, onValueChange: r4 }, e2.createElement("nav", { className: Z }, e2.createElement(List, { asChild: true }, e2.createElement("ul", { className: A }, a3))));
-}
-J.Item = function(t5) {
-  var a3 = t5.children, n4 = t5.value, r4 = t5.href;
-  return e2.createElement(Trigger, { asChild: true, value: n4 }, e2.createElement("li", { className: D }, e2.createElement("a", { href: r4, className: "".concat(F) }, a3)));
-};
-
-// ../xyd-components/dist/writer.js
-var i2 = "hwgsk4h";
-var m2 = "i1b95bxl";
-var o2 = "i1a3fa93";
-var u3 = "i1dl7ywj";
-function h3(e3) {
-  var a3 = e3.children, n4 = t2(e3, ["children"]);
-  return r3.createElement("a", Object.assign({}, n4), a3);
-}
-function p2(e3) {
-  return r3.createElement("div", { className: i2 }, e3.items.map(function(t5, a3) {
-    var s2 = a3 === e3.items.length - 1;
-    return r3.createElement(n3, { key: t5.href + t5.title }, a3 > 0 && r3.createElement(ArrowRightIcon, { className: m2 }), r3.createElement("div", { className: "\n                            ".concat(o2, "\n                            ").concat(s2 && u3, "\n                        "), title: t5.title }, t5.href && !s2 ? r3.createElement(h3, { href: t5.href }, t5.title) : t5.title));
-  }));
-}
-var v2 = "h1xhrk1";
-var E3 = "l1elq7ab";
-var x2 = "i1mmatje";
-function N2(e3) {
-  var a3 = e3.children, n4 = t2(e3, ["children"]);
-  return r3.createElement("a", Object.assign({}, n4), a3);
-}
-function j2(e3) {
-  return r3.createElement("div", { className: v2 }, e3.prev ? r3.createElement(N2, { href: e3.prev.href, title: e3.prev.title, className: E3 }, r3.createElement(ArrowLeftIcon, { className: x2 }), e3.prev.title) : r3.createElement("div", null), e3.next && r3.createElement(N2, { href: e3.next.href, title: e3.next.title, className: E3 }, e3.next.title, r3.createElement(ArrowRightIcon, { className: x2 })));
-}
+import { Breadcrumbs, NavLinks } from "@xyd-js/components/writer";
 
 // packages/react/contexts/framework.tsx
-import React14, { createContext as createContext3, useContext as useContext3 } from "react";
+import React, { createContext, useContext } from "react";
 var framework = {
   settings: {},
   sidebarGroups: []
 };
-var FrameworkContext = createContext3(framework);
+var FrameworkContext = createContext(framework);
 function Framework(props) {
-  return /* @__PURE__ */ React14.createElement(FrameworkContext.Provider, { value: {
+  return /* @__PURE__ */ React.createElement(FrameworkContext.Provider, { value: {
     settings: props.settings,
     sidebarGroups: props.sidebarGroups,
     toc: props.toc,
@@ -1251,40 +21,40 @@ function Framework(props) {
   } }, props.children);
 }
 function useSidebarGroups() {
-  const ctx = useContext3(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.sidebarGroups;
 }
 function useSettings() {
-  const ctx = useContext3(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.settings;
 }
 function useToC() {
-  const ctx = useContext3(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.toc;
 }
 function useBreadcrumbs() {
-  const ctx = useContext3(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.breadcrumbs;
 }
 function useNavLinks() {
-  const ctx = useContext3(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.navlinks;
 }
 
 // packages/react/components/sidebar/sidebar-group.tsx
-import React15, { createContext as createContext5, useContext as useContext4, useEffect as useEffect6, useState as useState5 } from "react";
+import React2, { createContext as createContext3, useContext as useContext2, useEffect, useState } from "react";
 import { useLocation } from "react-router";
 
 // packages/react/contexts/ui.tsx
-import { createContext as createContext4 } from "react";
-var UIContext = createContext4({
+import { createContext as createContext2 } from "react";
+var UIContext = createContext2({
   href: "",
-  setHref: (v3) => {
+  setHref: (v) => {
   }
 });
 
 // packages/react/components/sidebar/sidebar-group.tsx
-var groupContext = createContext5({
+var groupContext = createContext3({
   active: () => [false, () => {
   }],
   onClick: () => null
@@ -1303,13 +73,13 @@ function FwSidebarGroupContext({
     groupBehaviour = useDefaultBehaviour(initialActiveItems);
   }
   const location = useLocation();
-  const [href, setHref] = useState5(location.pathname);
-  return /* @__PURE__ */ React15.createElement(UIContext.Provider, { value: {
+  const [href, setHref] = useState(location.pathname);
+  return /* @__PURE__ */ React2.createElement(UIContext.Provider, { value: {
     href,
     setHref: (value) => {
       setHref(value);
     }
-  } }, /* @__PURE__ */ React15.createElement(groupContext.Provider, { value: {
+  } }, /* @__PURE__ */ React2.createElement(groupContext.Provider, { value: {
     active: groupBehaviour,
     onClick: clientSideRouting ? (event, item) => {
       setHref(item.href);
@@ -1318,7 +88,7 @@ function FwSidebarGroupContext({
   } }, children));
 }
 function useGroup() {
-  return useContext4(groupContext);
+  return useContext2(groupContext);
 }
 function getLastValue(set) {
   let value;
@@ -1334,13 +104,13 @@ function stringify(item) {
   });
 }
 function recursiveSearch(items, href, levels = []) {
-  for (let i3 = 0; i3 < items.length; i3++) {
-    const item = items[i3];
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
     if (item.href === href) {
-      return [...levels, i3];
+      return [...levels, i];
     }
     if (item.items) {
-      const result = recursiveSearch(item.items, href, [...levels, i3]);
+      const result = recursiveSearch(item.items, href, [...levels, i]);
       if (result) {
         return result;
       }
@@ -1365,9 +135,9 @@ function calcActive(groups, url) {
 }
 function useDefaultBehaviour(initialActiveItems) {
   const groups = useSidebarGroups();
-  const [weakSet] = useState5(() => new Set(initialActiveItems.map((item) => stringify(item))));
-  const [, setForceUpdate] = useState5(0);
-  useEffect6(() => {
+  const [weakSet] = useState(() => new Set(initialActiveItems.map((item) => stringify(item))));
+  const [, setForceUpdate] = useState(0);
+  useEffect(() => {
     window.addEventListener("xyd.history.pushState", (event) => {
       var _a;
       const url = (_a = event.detail) == null ? void 0 : _a.url;
@@ -1405,9 +175,9 @@ function useDefaultBehaviour(initialActiveItems) {
   ];
 }
 function useOnePathBehaviour(initialActiveItems) {
-  const [weakSet] = useState5(() => new Set(initialActiveItems.map((item) => stringify(item))));
-  const [lastLevel, setLastLevel] = useState5(false);
-  const [, setForceUpdate] = useState5(0);
+  const [weakSet] = useState(() => new Set(initialActiveItems.map((item) => stringify(item))));
+  const [lastLevel, setLastLevel] = useState(false);
+  const [, setForceUpdate] = useState(0);
   const forceUpdate = () => setForceUpdate((prev) => prev + 1);
   const addItem = (item) => {
     weakSet.add(stringify(item));
@@ -1441,8 +211,8 @@ function useOnePathBehaviour(initialActiveItems) {
       if ((item.level || 0) > (lastLevel || 0) || lastLevel == false) {
         addItem(item);
       } else {
-        const v3 = getLastValue(weakSet);
-        deleteItem(JSON.parse(v3));
+        const v = getLastValue(weakSet);
+        deleteItem(JSON.parse(v));
         addItem(item);
       }
     }
@@ -1457,10 +227,11 @@ function scrollToDataSlug(event, item) {
 }
 
 // packages/react/components/sidebar/sidebar.tsx
-import React16 from "react";
+import React3 from "react";
+import { Badge } from "@xyd-js/components/writer";
 import { UISidebar } from "@xyd-js/ui";
 function FwSidebarItemGroup(props) {
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(UISidebar.ItemHeader, null, props.group), props.items.map((item, index) => /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(UISidebar.ItemHeader, null, props.group), props.items.map((item, index) => /* @__PURE__ */ React3.createElement(
     FwSidebarItem,
     {
       key: index + item.href,
@@ -1475,7 +246,7 @@ function FwSidebarItemGroup(props) {
 var components = {
   Frontmatter: {
     // TODO: css
-    Title: ({ children }) => /* @__PURE__ */ React16.createElement("div", { style: {
+    Title: ({ children }) => /* @__PURE__ */ React3.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
@@ -1483,16 +254,16 @@ var components = {
       gap: "10px"
     } }, children)
   },
-  Badge: ({ children }) => /* @__PURE__ */ React16.createElement(c, null, children)
+  Badge: ({ children }) => /* @__PURE__ */ React3.createElement(Badge, null, children)
 };
 function mdxExport(code, components2) {
   const scope = {
-    Fragment: React16.Fragment,
-    jsxs: React16.createElement,
-    jsx: React16.createElement,
-    jsxDEV: React16.createElement,
-    _jsxs: React16.createElement,
-    _jsx: React16.createElement,
+    Fragment: React3.Fragment,
+    jsxs: React3.createElement,
+    jsx: React3.createElement,
+    jsxDEV: React3.createElement,
+    _jsxs: React3.createElement,
+    _jsx: React3.createElement,
     ...components2
   };
   const fn = new Function(...Object.keys(scope), `return ${code}`);
@@ -1513,7 +284,7 @@ function FwSidebarItem(props) {
   } else {
     Title = () => props.title;
   }
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React3.createElement(
     UISidebar.Item,
     {
       button: !!((_a = props.items) == null ? void 0 : _a.length),
@@ -1523,8 +294,8 @@ function FwSidebarItem(props) {
         setActive();
       }
     },
-    /* @__PURE__ */ React16.createElement(Title, null),
-    ((_b = props.items) == null ? void 0 : _b.length) && /* @__PURE__ */ React16.createElement(UISidebar.SubTree, { isOpen: isActive }, /* @__PURE__ */ React16.createElement(React16.Fragment, null, (_c = props.items) == null ? void 0 : _c.map((item, index) => /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React3.createElement(Title, null),
+    ((_b = props.items) == null ? void 0 : _b.length) && /* @__PURE__ */ React3.createElement(UISidebar.SubTree, { isOpen: isActive }, /* @__PURE__ */ React3.createElement(React3.Fragment, null, (_c = props.items) == null ? void 0 : _c.map((item, index) => /* @__PURE__ */ React3.createElement(
       FwSidebarItem,
       {
         key: index + item.href,
@@ -1542,25 +313,25 @@ function FwSidebarItem(props) {
 import { Nav } from "@xyd-js/ui";
 
 // packages/react/utils/manualHydration.ts
-import React17 from "react";
+import React4 from "react";
 function manualHydration(obj, key = 0) {
   if (typeof obj !== "object" || obj === null) {
-    return React17.createElement(React17.Fragment, { key });
+    return React4.createElement(React4.Fragment, { key });
   }
   const { type, props } = obj || {};
   if (typeof type !== "string" && typeof type !== "function") {
-    return React17.createElement(React17.Fragment, { key });
+    return React4.createElement(React4.Fragment, { key });
   }
   let children = [];
   if (props == null ? void 0 : props.children) {
     if (Array.isArray(props.children)) {
-      children = props.children.map((child, i3) => manualHydration(child, key + i3)) || [];
+      children = props.children.map((child, i) => manualHydration(child, key + i)) || [];
     } else {
       children = [manualHydration(props.children, key)];
     }
   }
   const elementProps = { ...props, children, key };
-  return React17.createElement(type, elementProps);
+  return React4.createElement(type, elementProps);
 }
 
 // packages/react/hooks/useMatchedNav.tsx
@@ -1589,8 +360,8 @@ function useMatchedSubNav() {
 function FwNavLogo() {
   var _a, _b, _c;
   const settings = useSettings();
-  const logo = isValidElement2((_a = settings == null ? void 0 : settings.styling) == null ? void 0 : _a.logo) ? (_b = settings == null ? void 0 : settings.styling) == null ? void 0 : _b.logo : manualHydration((_c = settings == null ? void 0 : settings.styling) == null ? void 0 : _c.logo);
-  return /* @__PURE__ */ React18.createElement("a", { href: "/" }, logo);
+  const logo = isValidElement((_a = settings == null ? void 0 : settings.styling) == null ? void 0 : _a.logo) ? (_b = settings == null ? void 0 : settings.styling) == null ? void 0 : _b.logo : manualHydration((_c = settings == null ? void 0 : settings.styling) == null ? void 0 : _c.logo);
+  return /* @__PURE__ */ React5.createElement("a", { href: "/" }, logo);
 }
 function FwNav({ kind }) {
   var _a, _b, _c;
@@ -1599,17 +370,17 @@ function FwNav({ kind }) {
   const settings = useSettings();
   const headers = matchedSubnav ? matchedSubnav == null ? void 0 : matchedSubnav.items : (_a = settings == null ? void 0 : settings.structure) == null ? void 0 : _a.header;
   const active = headers == null ? void 0 : headers.find((item) => location.pathname.startsWith(item.url || ""));
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Nav,
     {
       value: (active == null ? void 0 : active.url) || "",
       kind,
-      logo: /* @__PURE__ */ React18.createElement(FwNavLogo, null),
+      logo: /* @__PURE__ */ React5.createElement(FwNavLogo, null),
       onChange: () => {
       }
     },
     (_c = (_b = settings == null ? void 0 : settings.structure) == null ? void 0 : _b.header) == null ? void 0 : _c.map((item, index) => {
-      return /* @__PURE__ */ React18.createElement(
+      return /* @__PURE__ */ React5.createElement(
         Nav.Item,
         {
           key: index + (item.url || "") + item.name,
@@ -1628,7 +399,7 @@ function FwSubNav() {
     return null;
   }
   const active = matchedSubnav == null ? void 0 : matchedSubnav.items.findLast((item) => location.pathname.startsWith(item.url || ""));
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     SubNav,
     {
       title: (matchedSubnav == null ? void 0 : matchedSubnav.name) || "",
@@ -1637,18 +408,18 @@ function FwSubNav() {
       }
     },
     matchedSubnav == null ? void 0 : matchedSubnav.items.map((item, index) => {
-      return /* @__PURE__ */ React18.createElement(SubNav.Item, { value: item.url || "", href: item.url }, item.name);
+      return /* @__PURE__ */ React5.createElement(SubNav.Item, { value: item.url || "", href: item.url }, item.name);
     })
   );
 }
 function recursiveSearch2(items, href, levels = []) {
-  for (let i3 = 0; i3 < items.length; i3++) {
-    const item = items[i3];
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
     if (item.href === href) {
-      return [...levels, i3];
+      return [...levels, i];
     }
     if (item.items) {
-      const result = recursiveSearch2(item.items, href, [...levels, i3]);
+      const result = recursiveSearch2(item.items, href, [...levels, i]);
       if (result) {
         return result;
       }
@@ -1665,19 +436,19 @@ function FwSidebarGroups(props) {
     if (typeof anchor.icon === "string") {
       switch (anchor.icon) {
         case "icon-cookbook": {
-          icon = /* @__PURE__ */ React18.createElement(IconCookbook, null);
+          icon = /* @__PURE__ */ React5.createElement(IconCookbook, null);
           break;
         }
         case "icon-community": {
-          icon = /* @__PURE__ */ React18.createElement(IconCommunity, null);
+          icon = /* @__PURE__ */ React5.createElement(IconCommunity, null);
           break;
         }
         case "icon-marketplace": {
-          icon = /* @__PURE__ */ React18.createElement(IconMarketplace, null);
+          icon = /* @__PURE__ */ React5.createElement(IconMarketplace, null);
           break;
         }
         case "icon-sdk": {
-          icon = /* @__PURE__ */ React18.createElement(IconSDK, null);
+          icon = /* @__PURE__ */ React5.createElement(IconSDK, null);
           break;
         }
         default: {
@@ -1685,9 +456,9 @@ function FwSidebarGroups(props) {
         }
       }
     } else {
-      icon = isValidElement2(anchor.icon) ? anchor.icon : manualHydration(anchor.icon);
+      icon = isValidElement(anchor.icon) ? anchor.icon : manualHydration(anchor.icon);
     }
-    return /* @__PURE__ */ React18.createElement(UISidebar2.FooterItem, { href: anchor.url, icon }, anchor.name);
+    return /* @__PURE__ */ React5.createElement(UISidebar2.FooterItem, { href: anchor.url, icon }, anchor.name);
   });
   const location = useLocation3();
   const initialActiveItems = [];
@@ -1700,14 +471,14 @@ function FwSidebarGroups(props) {
     }, group.items);
     return group;
   });
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     FwSidebarGroupContext,
     {
       onePathBehaviour: props.onePathBehaviour,
       clientSideRouting: props.clientSideRouting,
       initialActiveItems
     },
-    /* @__PURE__ */ React18.createElement(UISidebar2, { footerItems: footerItems && footerItems }, groups == null ? void 0 : groups.map((group, index) => /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(UISidebar2, { footerItems: footerItems && footerItems }, groups == null ? void 0 : groups.map((group, index) => /* @__PURE__ */ React5.createElement(
       FwSidebarItemGroup,
       {
         key: index + group.group,
@@ -1739,7 +510,7 @@ function FwToc() {
   const tocFinal = flatToc.filter((item) => item.depth === 2);
   const location = useLocation3();
   const defaultValue = location.hash ? location.hash.replace("#", "") : (_a = tocFinal[0]) == null ? void 0 : _a.value;
-  return /* @__PURE__ */ React18.createElement(Toc, { defaultValue }, tocFinal.map((item, index) => /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(Toc, { defaultValue }, tocFinal.map((item, index) => /* @__PURE__ */ React5.createElement(
     Toc.Item,
     {
       key: index + item.value + item.depth,
@@ -1750,8 +521,8 @@ function FwToc() {
 }
 function FwBreadcrumbs() {
   const breadcrumbs = useBreadcrumbs();
-  return /* @__PURE__ */ React18.createElement(
-    p2,
+  return /* @__PURE__ */ React5.createElement(
+    Breadcrumbs,
     {
       items: breadcrumbs || []
     }
@@ -1764,8 +535,8 @@ function FwNavLinks() {
     return null;
   }
   if ((navlinks == null ? void 0 : navlinks.prev) || (navlinks == null ? void 0 : navlinks.next)) {
-    return /* @__PURE__ */ React18.createElement(
-      j2,
+    return /* @__PURE__ */ React5.createElement(
+      NavLinks,
       {
         prev: navlinks.prev,
         next: navlinks.next
@@ -1775,7 +546,7 @@ function FwNavLinks() {
   return null;
 }
 function IconCookbook() {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1783,7 +554,7 @@ function IconCookbook() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1794,7 +565,7 @@ function IconCookbook() {
   );
 }
 function IconCommunity() {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1803,7 +574,7 @@ function IconCommunity() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1814,7 +585,7 @@ function IconCommunity() {
   );
 }
 function IconMarketplace() {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1823,7 +594,7 @@ function IconMarketplace() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         "fill-rule": "evenodd",
@@ -1831,7 +602,7 @@ function IconMarketplace() {
         d: "M3.78163 3.28449C3.8768 2.96725 4.16879 2.75 4.5 2.75H19.5C19.8312 2.75 20.1232 2.96725 20.2184 3.28449L21.7184 8.28449C21.7393 8.3544 21.75 8.42701 21.75 8.5C21.75 10.5711 20.0711 12.25 18 12.25C16.7733 12.25 15.6842 11.661 15 10.7504C14.3158 11.661 13.2267 12.25 12 12.25C10.7733 12.25 9.68417 11.661 9 10.7504C8.31583 11.661 7.2267 12.25 6 12.25C3.92893 12.25 2.25 10.5711 2.25 8.5C2.25 8.42701 2.26066 8.3544 2.28163 8.28449L3.78163 3.28449ZM9.75 8.5C9.75 9.74264 10.7574 10.75 12 10.75C13.2426 10.75 14.25 9.74264 14.25 8.5C14.25 8.08579 14.5858 7.75 15 7.75C15.4142 7.75 15.75 8.08579 15.75 8.5C15.75 9.74264 16.7574 10.75 18 10.75C19.2083 10.75 20.1942 9.79754 20.2477 8.60244L18.942 4.25H5.05802L3.75229 8.60244C3.80584 9.79753 4.79169 10.75 6 10.75C7.24264 10.75 8.25 9.74264 8.25 8.5C8.25 8.08579 8.58579 7.75 9 7.75C9.41421 7.75 9.75 8.08579 9.75 8.5Z"
       }
     ),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         "fill-rule": "evenodd",
@@ -1839,7 +610,7 @@ function IconMarketplace() {
         d: "M4 10.25C4.41421 10.25 4.75 10.5858 4.75 11V19.75H6.5C6.91421 19.75 7.25 20.0858 7.25 20.5C7.25 20.9142 6.91421 21.25 6.5 21.25H4C3.58579 21.25 3.25 20.9142 3.25 20.5V11C3.25 10.5858 3.58579 10.25 4 10.25ZM20 10.25C20.4142 10.25 20.75 10.5858 20.75 11V20.5C20.75 20.9142 20.4142 21.25 20 21.25H10.5C10.0858 21.25 9.75 20.9142 9.75 20.5C9.75 20.0858 10.0858 19.75 10.5 19.75H19.25V11C19.25 10.5858 19.5858 10.25 20 10.25Z"
       }
     ),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         d: "M12.003 19C11.31 18.9996 10.6384 18.7598 10.102 18.3213C9.56564 17.8829 9.19745 17.2726 9.05983 16.594C8.92222 15.9154 9.02364 15.2101 9.34693 14.5976C9.67022 13.9852 10.1955 13.5032 10.8337 13.2333C11.5673 12.9262 12.393 12.9221 13.1296 13.2222C13.8661 13.5222 14.4536 14.1018 14.7631 14.8338C15.0727 15.5659 15.0791 16.3907 14.7808 17.1274C14.4827 17.8642 13.9042 18.4527 13.1724 18.7641C12.8025 18.9205 12.4047 19.0007 12.003 19ZM11.1458 14.7215C11.1124 14.7215 11.0803 14.7348 11.0567 14.7584C11.0331 14.782 11.0198 14.8141 11.0198 14.8475V17.1923C11.0198 17.2258 11.0331 17.2578 11.0567 17.2814C11.0803 17.305 11.1124 17.3183 11.1458 17.3183C11.1671 17.3183 11.188 17.3128 11.2065 17.3024L13.3399 16.13C13.3597 16.1192 13.3761 16.1032 13.3876 16.0838C13.3991 16.0644 13.4052 16.0423 13.4052 16.0197C13.4052 15.9972 13.3991 15.9751 13.3876 15.9557C13.3761 15.9362 13.3597 15.9203 13.3399 15.9094L11.2063 14.7373C11.1879 14.727 11.1671 14.7215 11.1458 14.7215Z"
@@ -1848,7 +619,7 @@ function IconMarketplace() {
   );
 }
 function IconSDK() {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       viewBox: "0 0 15 15",
@@ -1856,7 +627,7 @@ function IconSDK() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         d: "M7.28856 0.796908C7.42258 0.734364 7.57742 0.734364 7.71144 0.796908L13.7114 3.59691C13.8875 3.67906 14 3.85574 14 4.05V10.95C14 11.1443 13.8875 11.3209 13.7114 11.4031L7.71144 14.2031C7.57742 14.2656 7.42258 14.2656 7.28856 14.2031L1.28856 11.4031C1.11252 11.3209 1 11.1443 1 10.95V4.05C1 3.85574 1.11252 3.67906 1.28856 3.59691L7.28856 0.796908ZM2 4.80578L7 6.93078V12.9649L2 10.6316V4.80578ZM8 12.9649L13 10.6316V4.80578L8 6.93078V12.9649ZM7.5 6.05672L12.2719 4.02866L7.5 1.80176L2.72809 4.02866L7.5 6.05672Z",
@@ -1877,62 +648,4 @@ export {
   FwToc,
   useMatchedSubNav
 };
-/*! Bundled license information:
-
-lucide-react/dist/esm/shared/src/utils.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/defaultAttributes.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/Icon.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/createLucideIcon.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/icons/chevron-left.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/icons/chevron-right.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v0.447.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
 //# sourceMappingURL=react.mjs.map