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

package/dist/react.js

@@ -1,1290 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/react/index.ts
-var react_exports = {};
-__export(react_exports, {
-  Framework: () => Framework,
-  FwBreadcrumbs: () => FwBreadcrumbs,
-  FwNav: () => FwNav,
-  FwNavLinks: () => FwNavLinks,
-  FwSidebarGroups: () => FwSidebarGroups,
-  FwSubNav: () => FwSubNav,
-  FwToc: () => FwToc,
-  useMatchedSubNav: () => useMatchedSubNav
-});
-module.exports = __toCommonJS(react_exports);
-
 // packages/react/components/index.tsx
-var import_react13 = __toESM(require("react"));
-var import_react_router3 = require("react-router");
-var import_ui3 = require("@xyd-js/ui");
-
-// ../xyd-components/dist/index-C0sBj-Rt.js
-var import_react = __toESM(require("react"), 1);
-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 import_react.default.createElement("div", { className: "\n        ".concat(n, "\n        \n        ").concat("sm" === i3 && r, "\n        \n        ").concat("warning" === d3 && a, "\n    ") }, import_react.default.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
-var import_react7 = __toESM(require("react"), 1);
-
-// ../../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
-var import_react2 = require("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__ */ (0, import_react2.forwardRef)(function(_ref, forwardedRef) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-  return (0, import_react2.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
-  }), (0, import_react2.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__ */ (0, import_react2.forwardRef)(function(_ref, forwardedRef) {
-  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
-  return (0, import_react2.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
-  }), (0, import_react2.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
-var import_react6 = __toESM(require("react"), 1);
-
-// ../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
-var React13 = __toESM(require("react"), 1);
-
-// ../../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
-var React = __toESM(require("react"), 1);
-var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.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
-var React11 = __toESM(require("react"), 1);
-
-// ../../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
-var import_react3 = __toESM(require("react"), 1);
-
-// ../../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
-var React2 = __toESM(require("react"), 1);
-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
-var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(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__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.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
-var import_jsx_runtime3 = require("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 = import_react3.default.useRef(null);
-    const itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-  };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = import_react3.default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children } = props;
-      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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 = import_react3.default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children, ...itemData } = props;
-      const ref = import_react3.default.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
-      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      import_react3.default.useEffect(() => {
-        context.itemMap.set(ref, { ref, ...itemData });
-        return () => void context.itemMap.delete(ref);
-      });
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-    }
-  );
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection2(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = import_react3.default.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
-var React6 = __toESM(require("react"), 1);
-
-// ../../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
-var React5 = __toESM(require("react"), 1);
-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
-var React7 = __toESM(require("react"), 1);
-var ReactDOM = __toESM(require("react-dom"), 1);
-var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime4.jsx)(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
-var React8 = __toESM(require("react"), 1);
-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
-var React9 = __toESM(require("react"), 1);
-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
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime5 = require("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
-var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime6.jsx)(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(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__ */ (0, import_jsx_runtime6.jsx)(
-    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__ */ (0, import_jsx_runtime6.jsx)(
-        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__ */ (0, import_jsx_runtime6.jsx)(
-      Collection.ItemSlot,
-      {
-        scope: __scopeRovingFocusGroup,
-        id,
-        focusable,
-        active,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          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
-var React22 = __toESM(require("react"), 1);
-var React12 = __toESM(require("react"), 1);
-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
-var import_jsx_runtime7 = require("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__ */ (0, import_jsx_runtime7.jsx)(
-      TabsProvider,
-      {
-        scope: __scopeTabs,
-        baseId: useId(),
-        value,
-        onValueChange: setValue,
-        orientation,
-        dir: direction,
-        activationMode,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          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__ */ (0, import_jsx_runtime7.jsx)(
-      Root,
-      {
-        asChild: true,
-        ...rovingFocusGroupScope,
-        orientation: context.orientation,
-        dir: context.dir,
-        loop,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          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__ */ (0, import_jsx_runtime7.jsx)(
-      Item,
-      {
-        asChild: true,
-        ...rovingFocusGroupScope,
-        focusable: !disabled,
-        active: isSelected,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          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__ */ (0, import_jsx_runtime7.jsx)(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      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
-var import_react5 = require("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
-var import_react4 = require("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 = (0, import_react4.forwardRef)(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return (0, import_react4.createElement)(
-      "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]) => (0, import_react4.createElement)(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 = (0, import_react5.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react5.createElement)(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 import_react6.default.createElement("div", { className: "\n        ".concat(s, "\n        ").concat("secondary" === l2 && m, "\n        ").concat("secondary" === l2 && "md" == i3 && o, "\n    ") }, import_react6.default.createElement("a", { className: u2, href: n4 }, import_react6.default.createElement("div", { className: "\n                ".concat(d2, "\n                ").concat("secondary" === l2 && v, "\n            ") }, r4 && import_react6.default.createElement("div", { className: h2 }, r4), import_react6.default.createElement("div", { className: f }, import_react6.default.createElement("div", { className: E }, import_react6.default.createElement("div", { className: "\n                            ".concat(E, " \n                            ").concat(N, "\n                            ").concat("md" == i3 && p, "\n                        ") }, c2), import_react6.default.createElement(z, null)), import_react6.default.createElement("div", { className: "\n                        ".concat(b, "\n                        ").concat("md" == i3 && g, "\n                    ") }, a3)))));
-}
-function z() {
-  return import_react6.default.createElement("div", { "data-pointer": "true", className: w }, import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24" }, import_react6.default.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 import_react6.default.createElement("div", { className: C }, a3);
-};
-var x = "h3kfd8c";
-var L = "l1et872q";
-function y(t5) {
-  var a3 = t5.children;
-  return import_react6.default.createElement("ol", { className: x }, a3);
-}
-y.Item = function(t5) {
-  var a3 = t5.children;
-  return import_react6.default.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 import_react6.default.createElement("table", { className: T }, a3);
-}
-I.Th = function(t5) {
-  var a3 = t5.children;
-  return import_react6.default.createElement("th", { className: j }, a3);
-}, I.Tr = function(t5) {
-  var a3 = t5.children;
-  return import_react6.default.createElement("tr", { className: R }, a3);
-}, I.Td = function(t5) {
-  var a3 = t5.children;
-  return import_react6.default.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 = (0, import_react6.useState)(false), v3 = h(d3, 2), h4 = v3[0], f2 = v3[1], E4 = (0, import_react6.useState)(false), N3 = h(E4, 2), p3 = N3[0], b2 = N3[1], g2 = (0, import_react6.useRef)(null), w3 = (0, import_react6.useState)(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);
-    }
-  };
-  (0, import_react6.useEffect)(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 import_react6.default.createElement(Root2, { asChild: true, value: k2, onValueChange: z2 }, import_react6.default.createElement("div", { className: q }, import_react6.default.createElement("div", { className: S }, h4 && import_react6.default.createElement("button", { onClick: function() {
-    return L2("left");
-  }, className: W }, import_react6.default.createElement(ChevronLeft, { className: _ })), import_react6.default.createElement("div", { ref: g2, onScroll: x3, className: G }, import_react6.default.createElement("div", { className: H }, import_react6.default.createElement(List, null, o3.map(function(t5, a3) {
-    return import_react6.default.createElement(U, { key: a3, value: t5 }, t5);
-  })))), p3 && import_react6.default.createElement("button", { onClick: function() {
-    return L2("right");
-  }, className: W }, import_react6.default.createElement(ChevronRight, { className: _ }))), import_react6.default.createElement("div", { className: V }, m3)));
-}
-function U(t5) {
-  var a3 = t5.children, n4 = t5.value;
-  return import_react6.default.createElement(Trigger, { asChild: true, value: n4 }, import_react6.default.createElement("button", { className: "".concat(M) }, a3));
-}
-P.Content = function(t5) {
-  var a3 = t5.children, n4 = t5.value;
-  return import_react6.default.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 import_react6.default.createElement(Root2, { asChild: true, value: n4, onValueChange: r4 }, import_react6.default.createElement("nav", { className: Z }, import_react6.default.createElement(List, { asChild: true }, import_react6.default.createElement("ul", { className: A }, a3))));
-}
-J.Item = function(t5) {
-  var a3 = t5.children, n4 = t5.value, r4 = t5.href;
-  return import_react6.default.createElement(Trigger, { asChild: true, value: n4 }, import_react6.default.createElement("li", { className: D }, import_react6.default.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 import_react7.default.createElement("a", Object.assign({}, n4), a3);
-}
-function p2(e3) {
-  return import_react7.default.createElement("div", { className: i2 }, e3.items.map(function(t5, a3) {
-    var s2 = a3 === e3.items.length - 1;
-    return import_react7.default.createElement(import_react7.Fragment, { key: t5.href + t5.title }, a3 > 0 && import_react7.default.createElement(ArrowRightIcon, { className: m2 }), import_react7.default.createElement("div", { className: "\n                            ".concat(o2, "\n                            ").concat(s2 && u3, "\n                        "), title: t5.title }, t5.href && !s2 ? import_react7.default.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 import_react7.default.createElement("a", Object.assign({}, n4), a3);
-}
-function j2(e3) {
-  return import_react7.default.createElement("div", { className: v2 }, e3.prev ? import_react7.default.createElement(N2, { href: e3.prev.href, title: e3.prev.title, className: E3 }, import_react7.default.createElement(ArrowLeftIcon, { className: x2 }), e3.prev.title) : import_react7.default.createElement("div", null), e3.next && import_react7.default.createElement(N2, { href: e3.next.href, title: e3.next.title, className: E3 }, e3.next.title, import_react7.default.createElement(ArrowRightIcon, { className: x2 })));
-}
+import React5, { isValidElement } from "react";
+import { useLocation as useLocation3 } from "react-router";
+import { Breadcrumbs, NavLinks } from "@xyd-js/components/writer";
+import { Toc, SubNav, UISidebar as UISidebar2, Nav } from "@xyd-js/ui";
 
 // packages/react/contexts/framework.tsx
-var import_react8 = __toESM(require("react"));
+import React, { createContext, useContext } from "react";
 var framework = {
   settings: {},
   sidebarGroups: []
 };
-var FrameworkContext = (0, import_react8.createContext)(framework);
+var FrameworkContext = createContext(framework);
 function Framework(props) {
-  return /* @__PURE__ */ import_react8.default.createElement(FrameworkContext.Provider, { value: {
+  return /* @__PURE__ */ React.createElement(FrameworkContext.Provider, { value: {
     settings: props.settings,
     sidebarGroups: props.sidebarGroups,
     toc: props.toc,
@@ -1293,40 +21,40 @@ function Framework(props) {
   } }, props.children);
 }
 function useSidebarGroups() {
-  const ctx = (0, import_react8.useContext)(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.sidebarGroups;
 }
 function useSettings() {
-  const ctx = (0, import_react8.useContext)(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.settings;
 }
 function useToC() {
-  const ctx = (0, import_react8.useContext)(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.toc;
 }
 function useBreadcrumbs() {
-  const ctx = (0, import_react8.useContext)(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.breadcrumbs;
 }
 function useNavLinks() {
-  const ctx = (0, import_react8.useContext)(FrameworkContext);
+  const ctx = useContext(FrameworkContext);
   return ctx.navlinks;
 }
 
-// packages/react/components/sidebar/sidebar-group.tsx
-var import_react10 = __toESM(require("react"));
-var import_react_router = require("react-router");
+// packages/react/components/Sidebar/SidebarGroup.tsx
+import React2, { createContext as createContext3, useContext as useContext2, useEffect, useState } from "react";
+import { useLocation } from "react-router";
 
 // packages/react/contexts/ui.tsx
-var import_react9 = require("react");
-var UIContext = (0, import_react9.createContext)({
+import { createContext as createContext2 } from "react";
+var UIContext = createContext2({
   href: "",
-  setHref: (v3) => {
+  setHref: (v) => {
   }
 });
 
-// packages/react/components/sidebar/sidebar-group.tsx
-var groupContext = (0, import_react10.createContext)({
+// packages/react/components/Sidebar/SidebarGroup.tsx
+var groupContext = createContext3({
   active: () => [false, () => {
   }],
   onClick: () => null
@@ -1344,14 +72,14 @@ function FwSidebarGroupContext({
   } else {
     groupBehaviour = useDefaultBehaviour(initialActiveItems);
   }
-  const location = (0, import_react_router.useLocation)();
-  const [href, setHref] = (0, import_react10.useState)(location.pathname);
-  return /* @__PURE__ */ import_react10.default.createElement(UIContext.Provider, { value: {
+  const location = useLocation();
+  const [href, setHref] = useState(location.pathname);
+  return /* @__PURE__ */ React2.createElement(UIContext.Provider, { value: {
     href,
     setHref: (value) => {
       setHref(value);
     }
-  } }, /* @__PURE__ */ import_react10.default.createElement(groupContext.Provider, { value: {
+  } }, /* @__PURE__ */ React2.createElement(groupContext.Provider, { value: {
     active: groupBehaviour,
     onClick: clientSideRouting ? (event, item) => {
       setHref(item.href);
@@ -1360,7 +88,7 @@ function FwSidebarGroupContext({
   } }, children));
 }
 function useGroup() {
-  return (0, import_react10.useContext)(groupContext);
+  return useContext2(groupContext);
 }
 function getLastValue(set) {
   let value;
@@ -1376,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;
       }
@@ -1407,9 +135,9 @@ function calcActive(groups, url) {
 }
 function useDefaultBehaviour(initialActiveItems) {
   const groups = useSidebarGroups();
-  const [weakSet] = (0, import_react10.useState)(() => new Set(initialActiveItems.map((item) => stringify(item))));
-  const [, setForceUpdate] = (0, import_react10.useState)(0);
-  (0, import_react10.useEffect)(() => {
+  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;
@@ -1447,9 +175,9 @@ function useDefaultBehaviour(initialActiveItems) {
   ];
 }
 function useOnePathBehaviour(initialActiveItems) {
-  const [weakSet] = (0, import_react10.useState)(() => new Set(initialActiveItems.map((item) => stringify(item))));
-  const [lastLevel, setLastLevel] = (0, import_react10.useState)(false);
-  const [, setForceUpdate] = (0, import_react10.useState)(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));
@@ -1483,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);
       }
     }
@@ -1498,11 +226,12 @@ function scrollToDataSlug(event, item) {
   }
 }
 
-// packages/react/components/sidebar/sidebar.tsx
-var import_react11 = __toESM(require("react"));
-var import_ui2 = require("@xyd-js/ui");
+// packages/react/components/Sidebar/Sidebar.tsx
+import React3 from "react";
+import { Badge } from "@xyd-js/components/writer";
+import { UISidebar } from "@xyd-js/ui";
 function FwSidebarItemGroup(props) {
-  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_ui2.UISidebar.ItemHeader, null, props.group), props.items.map((item, index) => /* @__PURE__ */ import_react11.default.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,
@@ -1517,56 +246,71 @@ function FwSidebarItemGroup(props) {
 var components = {
   Frontmatter: {
     // TODO: css
-    Title: ({ children }) => /* @__PURE__ */ import_react11.default.createElement("div", { style: {
+    Title: ({ children }) => /* @__PURE__ */ React3.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
-      justifyContent: "space-between",
       width: "100%",
       gap: "10px"
     } }, children)
   },
-  Badge: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(c, null, children)
+  Badge: ({ children, ...rest }) => /* @__PURE__ */ React3.createElement(Badge, { ...rest }, children)
 };
 function mdxExport(code, components2) {
   const scope = {
-    Fragment: import_react11.default.Fragment,
-    jsxs: import_react11.default.createElement,
-    jsx: import_react11.default.createElement,
-    jsxDEV: import_react11.default.createElement,
-    _jsxs: import_react11.default.createElement,
-    _jsx: import_react11.default.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}`);
   return fn(...Object.values(scope));
 }
 function FwSidebarItem(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { active, onClick } = useGroup();
   const [isActive, setActive] = active(props);
   let Title;
   if (typeof props.title === "object" && "code" in props.title) {
     const code = props.title.code;
     Title = () => mdxExport(
-      // TODO: in the future better mechanism + support props + better components (provider?) - similar to codehik
       code.replace("() => ", ""),
       components
     );
   } else {
     Title = () => props.title;
   }
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_ui2.UISidebar.Item,
+  const handleClick = () => {
+    var _a2;
+    if (props.href) {
+      setActive();
+    } else if ((_a2 = props.items) == null ? void 0 : _a2.length) {
+      setActive();
+    }
+  };
+  const hasActiveChild = (_a = props.items) == null ? void 0 : _a.some((item) => {
+    var _a2;
+    const [itemActive] = active(item);
+    return itemActive && item.href || ((_a2 = item.items) == null ? void 0 : _a2.some((subItem) => {
+      const [subItemActive] = active(subItem);
+      return subItemActive && subItem.href;
+    }));
+  });
+  const isActiveItem = !!(isActive && props.href);
+  const isParentActive = hasActiveChild;
+  return /* @__PURE__ */ React3.createElement(
+    UISidebar.Item,
     {
-      button: !!((_a = props.items) == null ? void 0 : _a.length),
+      button: !!((_b = props.items) == null ? void 0 : _b.length),
       href: props.href,
-      active: isActive,
-      onClick: () => {
-        setActive();
-      }
+      active: isActiveItem,
+      isParentActive,
+      onClick: handleClick
     },
-    /* @__PURE__ */ import_react11.default.createElement(Title, null),
-    ((_b = props.items) == null ? void 0 : _b.length) && /* @__PURE__ */ import_react11.default.createElement(import_ui2.UISidebar.SubTree, { isOpen: isActive }, /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, (_c = props.items) == null ? void 0 : _c.map((item, index) => /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ React3.createElement(Title, null),
+    ((_c = props.items) == null ? void 0 : _c.length) && /* @__PURE__ */ React3.createElement(UISidebar.SubTree, { isOpen: isActive }, /* @__PURE__ */ React3.createElement(React3.Fragment, null, (_d = props.items) == null ? void 0 : _d.map((item, index) => /* @__PURE__ */ React3.createElement(
       FwSidebarItem,
       {
         key: index + item.href,
@@ -1580,33 +324,30 @@ function FwSidebarItem(props) {
   );
 }
 
-// packages/react/components/index.tsx
-var import_ui4 = require("@xyd-js/ui");
-
 // packages/react/utils/manualHydration.ts
-var import_react12 = __toESM(require("react"));
+import React4 from "react";
 function manualHydration(obj, key = 0) {
   if (typeof obj !== "object" || obj === null) {
-    return import_react12.default.createElement(import_react12.default.Fragment, { key });
+    return React4.createElement(React4.Fragment, { key });
   }
   const { type, props } = obj || {};
   if (typeof type !== "string" && typeof type !== "function") {
-    return import_react12.default.createElement(import_react12.default.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 import_react12.default.createElement(type, elementProps);
+  return React4.createElement(type, elementProps);
 }
 
 // packages/react/hooks/useMatchedNav.tsx
-var import_react_router2 = require("react-router");
+import { useLocation as useLocation2 } from "react-router";
 function normalizeHref(href) {
   if (href.startsWith("/")) {
     return href;
@@ -1616,7 +357,7 @@ function normalizeHref(href) {
 function useMatchedSubNav() {
   var _a, _b, _c;
   const settings = useSettings();
-  const location = (0, import_react_router2.useLocation)();
+  const location = useLocation2();
   const matchedSubnav = (_c = (_b = (_a = settings.structure) == null ? void 0 : _a.header) == null ? void 0 : _b.filter((item) => item.sub)) == null ? void 0 : _c.find((item) => {
     var _a2;
     return normalizeHref(location.pathname).startsWith(normalizeHref(((_a2 = item.sub) == null ? void 0 : _a2.match) || ""));
@@ -1631,28 +372,31 @@ function useMatchedSubNav() {
 function FwNavLogo() {
   var _a, _b, _c;
   const settings = useSettings();
-  const logo = (0, import_react13.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__ */ import_react13.default.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;
   const matchedSubnav = useMatchedSubNav();
-  const location = (0, import_react_router3.useLocation)();
+  const location = useLocation3();
   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__ */ import_react13.default.createElement(
-    import_ui4.Nav,
+  return /* @__PURE__ */ React5.createElement(
+    Nav,
     {
       value: (active == null ? void 0 : active.url) || "",
       kind,
-      logo: /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(
-        import_ui4.Nav.Item,
+      if (item.sub) {
+        return null;
+      }
+      return /* @__PURE__ */ React5.createElement(
+        Nav.Item,
         {
           key: index + (item.url || "") + item.name,
           href: (item == null ? void 0 : item.url) || "",
@@ -1665,13 +409,13 @@ function FwNav({ kind }) {
 }
 function FwSubNav() {
   const matchedSubnav = useMatchedSubNav();
-  const location = (0, import_react_router3.useLocation)();
+  const location = useLocation3();
   if (!matchedSubnav) {
     return null;
   }
   const active = matchedSubnav == null ? void 0 : matchedSubnav.items.findLast((item) => location.pathname.startsWith(item.url || ""));
-  return /* @__PURE__ */ import_react13.default.createElement(
-    import_ui3.SubNav,
+  return /* @__PURE__ */ React5.createElement(
+    SubNav,
     {
       title: (matchedSubnav == null ? void 0 : matchedSubnav.name) || "",
       value: (active == null ? void 0 : active.url) || "",
@@ -1679,18 +423,18 @@ function FwSubNav() {
       }
     },
     matchedSubnav == null ? void 0 : matchedSubnav.items.map((item, index) => {
-      return /* @__PURE__ */ import_react13.default.createElement(import_ui3.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;
       }
@@ -1707,19 +451,19 @@ function FwSidebarGroups(props) {
     if (typeof anchor.icon === "string") {
       switch (anchor.icon) {
         case "icon-cookbook": {
-          icon = /* @__PURE__ */ import_react13.default.createElement(IconCookbook, null);
+          icon = /* @__PURE__ */ React5.createElement(IconCookbook, null);
           break;
         }
         case "icon-community": {
-          icon = /* @__PURE__ */ import_react13.default.createElement(IconCommunity, null);
+          icon = /* @__PURE__ */ React5.createElement(IconCommunity, null);
           break;
         }
         case "icon-marketplace": {
-          icon = /* @__PURE__ */ import_react13.default.createElement(IconMarketplace, null);
+          icon = /* @__PURE__ */ React5.createElement(IconMarketplace, null);
           break;
         }
         case "icon-sdk": {
-          icon = /* @__PURE__ */ import_react13.default.createElement(IconSDK, null);
+          icon = /* @__PURE__ */ React5.createElement(IconSDK, null);
           break;
         }
         default: {
@@ -1727,11 +471,11 @@ function FwSidebarGroups(props) {
         }
       }
     } else {
-      icon = (0, import_react13.isValidElement)(anchor.icon) ? anchor.icon : manualHydration(anchor.icon);
+      icon = isValidElement(anchor.icon) ? anchor.icon : manualHydration(anchor.icon);
     }
-    return /* @__PURE__ */ import_react13.default.createElement(import_ui3.UISidebar.FooterItem, { href: anchor.url, icon }, anchor.name);
+    return /* @__PURE__ */ React5.createElement(UISidebar2.FooterItem, { href: anchor.url, icon }, anchor.name);
   });
-  const location = (0, import_react_router3.useLocation)();
+  const location = useLocation3();
   const initialActiveItems = [];
   groups.forEach((group) => {
     const activeLevels = recursiveSearch2(group.items, location.pathname) || [];
@@ -1742,14 +486,14 @@ function FwSidebarGroups(props) {
     }, group.items);
     return group;
   });
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     FwSidebarGroupContext,
     {
       onePathBehaviour: props.onePathBehaviour,
       clientSideRouting: props.clientSideRouting,
       initialActiveItems
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_ui3.UISidebar, { footerItems: footerItems && footerItems }, groups == null ? void 0 : groups.map((group, index) => /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ React5.createElement(UISidebar2, { footerItems: footerItems && footerItems }, groups == null ? void 0 : groups.map((group, index) => /* @__PURE__ */ React5.createElement(
       FwSidebarItemGroup,
       {
         key: index + group.group,
@@ -1779,10 +523,10 @@ function FwToc() {
   };
   flatten(toc);
   const tocFinal = flatToc.filter((item) => item.depth === 2);
-  const location = (0, import_react_router3.useLocation)();
+  const location = useLocation3();
   const defaultValue = location.hash ? location.hash.replace("#", "") : (_a = tocFinal[0]) == null ? void 0 : _a.value;
-  return /* @__PURE__ */ import_react13.default.createElement(import_ui3.Toc, { defaultValue }, tocFinal.map((item, index) => /* @__PURE__ */ import_react13.default.createElement(
-    import_ui3.Toc.Item,
+  return /* @__PURE__ */ React5.createElement(Toc, { defaultValue }, tocFinal.map((item, index) => /* @__PURE__ */ React5.createElement(
+    Toc.Item,
     {
       key: index + item.value + item.depth,
       value: item.value
@@ -1792,22 +536,18 @@ function FwToc() {
 }
 function FwBreadcrumbs() {
   const breadcrumbs = useBreadcrumbs();
-  return /* @__PURE__ */ import_react13.default.createElement(
-    p2,
+  return /* @__PURE__ */ React5.createElement(
+    Breadcrumbs,
     {
       items: breadcrumbs || []
     }
   );
 }
 function FwNavLinks() {
-  var _a, _b;
   const navlinks = useNavLinks();
-  if (typeof ((_a = navlinks == null ? void 0 : navlinks.prev) == null ? void 0 : _a.title) !== "string" || typeof ((_b = navlinks == null ? void 0 : navlinks.next) == null ? void 0 : _b.title) !== "string") {
-    return null;
-  }
   if ((navlinks == null ? void 0 : navlinks.prev) || (navlinks == null ? void 0 : navlinks.next)) {
-    return /* @__PURE__ */ import_react13.default.createElement(
-      j2,
+    return /* @__PURE__ */ React5.createElement(
+      NavLinks,
       {
         prev: navlinks.prev,
         next: navlinks.next
@@ -1817,7 +557,7 @@ function FwNavLinks() {
   return null;
 }
 function IconCookbook() {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1825,7 +565,7 @@ function IconCookbook() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1836,7 +576,7 @@ function IconCookbook() {
   );
 }
 function IconCommunity() {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1845,7 +585,7 @@ function IconCommunity() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1856,7 +596,7 @@ function IconCommunity() {
   );
 }
 function IconMarketplace() {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1865,7 +605,7 @@ function IconMarketplace() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         "fill-rule": "evenodd",
@@ -1873,7 +613,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__ */ import_react13.default.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         "fill-rule": "evenodd",
@@ -1881,7 +621,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__ */ import_react13.default.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"
@@ -1890,7 +630,7 @@ function IconMarketplace() {
   );
 }
 function IconSDK() {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       viewBox: "0 0 15 15",
@@ -1898,7 +638,7 @@ function IconSDK() {
       width: "1em",
       height: "1em"
     },
-    /* @__PURE__ */ import_react13.default.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",
@@ -1909,8 +649,7 @@ function IconSDK() {
     )
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Framework,
   FwBreadcrumbs,
   FwNav,
@@ -1919,63 +658,5 @@ function IconSDK() {
   FwSubNav,
   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.js.map