@ensolid/radix 0.0.0

package/dist/components/Menubar/Menubar.js

@@ -0,0 +1,299 @@
+import { delegateEvents, isServer, createComponent, template, spread, mergeProps, insert, Portal, use } from "solid-js/web";
+import { createContext, splitProps, createSignal, createEffect, onCleanup, onMount, Show, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div role=menubar>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button type=button role=menuitem>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=menu style=top:0px;left:0px>`), _tmpl$5 = /* @__PURE__ */ template(`<hr role=separator>`);
+const MenubarContext = createContext();
+const useMenubarContext = () => {
+  const context = useContext(MenubarContext);
+  if (!context) {
+    throw new Error("Menubar components must be used within Menubar");
+  }
+  return context;
+};
+const MenubarBase = (props) => {
+  const [local, others] = splitProps(props, ["value", "defaultValue", "onValueChange", "class", "children"]);
+  const [internalValue, setInternalValue] = createSignal(local.value ?? local.defaultValue);
+  const [triggerRefs, setTriggerRefs] = createSignal(/* @__PURE__ */ new Map());
+  const contentElements = /* @__PURE__ */ new Map();
+  const isControlled = () => local.value !== void 0;
+  const value = () => isControlled() ? local.value : internalValue();
+  const handleValueChange = (newValue) => {
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+    local.onValueChange?.(newValue);
+  };
+  const setTriggerRef = (menuValue, ref) => {
+    const refs = new Map(triggerRefs());
+    if (ref) {
+      refs.set(menuValue, ref);
+    } else {
+      refs.delete(menuValue);
+    }
+    setTriggerRefs(refs);
+  };
+  const setContentElement = (menuValue, el) => {
+    if (el) {
+      contentElements.set(menuValue, el);
+    } else {
+      contentElements.delete(menuValue);
+    }
+  };
+  const handleClickOutside = (e) => {
+    const currentValue = value();
+    if (currentValue && !isServer) {
+      const target = e.target;
+      const trigger = triggerRefs().get(currentValue);
+      const content = contentElements.get(currentValue);
+      if (trigger && content) {
+        if (!trigger.contains(target) && !content.contains(target)) {
+          handleValueChange(void 0);
+        }
+      }
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape" && value()) {
+      handleValueChange(void 0);
+    }
+  };
+  createEffect(() => {
+    if (!isServer) {
+      if (value()) {
+        setTimeout(() => {
+          document.addEventListener("keydown", handleKeyDown);
+          document.addEventListener("mousedown", handleClickOutside);
+        }, 0);
+      } else {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("mousedown", handleClickOutside);
+      }
+    }
+  });
+  onCleanup(() => {
+    if (!isServer) {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+  });
+  const contextValue = {
+    value,
+    setValue: handleValueChange,
+    triggerRefs,
+    setTriggerRef,
+    setContentElement
+  };
+  return createComponent(MenubarContext.Provider, {
+    value: contextValue,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergeProps({
+        get ["class"]() {
+          return local.class;
+        }
+      }, others), false, true);
+      insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
+};
+const Menubar = Object.assign(MenubarBase, {
+  Menu: null,
+  Trigger: null,
+  Content: null,
+  Item: null,
+  Separator: null
+});
+const MenubarMenu = (props) => {
+  const [local, others] = splitProps(props, ["value", "class", "children"]);
+  return (() => {
+    var _el$2 = _tmpl$2();
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["data-value"]() {
+        return local.value;
+      }
+    }, others), false, true);
+    insert(_el$2, () => local.children);
+    return _el$2;
+  })();
+};
+const MenubarTrigger = (props) => {
+  const [local, others] = splitProps(props, ["children", "asChild", "class", "onClick"]);
+  const context = useMenubarContext();
+  let triggerElement;
+  let menuValue;
+  onMount(() => {
+    if (triggerElement) {
+      const parent = triggerElement.closest("[data-value]");
+      if (parent) {
+        menuValue = parent.getAttribute("data-value") || void 0;
+        if (menuValue) {
+          context.setTriggerRef(menuValue, triggerElement);
+        }
+      }
+    }
+  });
+  const isOpen = () => context.value() === menuValue;
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    if (menuValue) {
+      context.setValue(isOpen() ? void 0 : menuValue);
+    }
+  };
+  return (() => {
+    var _el$3 = _tmpl$3();
+    _el$3.$$click = handleClick;
+    var _ref$ = triggerElement;
+    typeof _ref$ === "function" ? use(_ref$, _el$3) : triggerElement = _el$3;
+    spread(_el$3, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["aria-expanded"]() {
+        return isOpen();
+      },
+      get ["data-state"]() {
+        return isOpen() ? "open" : "closed";
+      }
+    }, others), false, true);
+    insert(_el$3, () => local.children);
+    return _el$3;
+  })();
+};
+const MenubarContent = (props) => {
+  const [local, others] = splitProps(props, ["class", "children"]);
+  const context = useMenubarContext();
+  let contentElement;
+  let menuValue;
+  onMount(() => {
+    if (contentElement) {
+      const parent = contentElement.closest("[data-value]");
+      if (parent) {
+        menuValue = parent.getAttribute("data-value") || void 0;
+        if (menuValue) {
+          context.setContentElement(menuValue, contentElement);
+        }
+      }
+    }
+  });
+  const isOpen = () => menuValue ? context.value() === menuValue : false;
+  const updatePosition = () => {
+    if (!isServer && contentElement && menuValue) {
+      const trigger = context.triggerRefs().get(menuValue);
+      if (trigger) {
+        const rect = trigger.getBoundingClientRect();
+        const contentRect = contentElement.getBoundingClientRect();
+        const top = rect.bottom + 8;
+        const left = rect.left;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        let finalTop = top;
+        let finalLeft = left;
+        if (left + contentRect.width > viewportWidth) {
+          finalLeft = viewportWidth - contentRect.width - 16;
+        }
+        if (top + contentRect.height > viewportHeight) {
+          finalTop = rect.top - contentRect.height - 8;
+        }
+        contentElement.style.top = `${finalTop}px`;
+        contentElement.style.left = `${finalLeft}px`;
+      }
+    }
+  };
+  createEffect(() => {
+    if (isOpen() && !isServer) {
+      requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }
+  });
+  return createComponent(Show, {
+    get when() {
+      return isOpen();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get mount() {
+          return !isServer ? document.body : void 0;
+        },
+        get children() {
+          var _el$4 = _tmpl$4();
+          var _ref$2 = contentElement;
+          typeof _ref$2 === "function" ? use(_ref$2, _el$4) : contentElement = _el$4;
+          spread(_el$4, mergeProps({
+            get ["class"]() {
+              return `fixed z-50 ${local.class || ""}`;
+            },
+            get ["data-state"]() {
+              return isOpen() ? "open" : "closed";
+            }
+          }, others), false, true);
+          insert(_el$4, () => local.children);
+          return _el$4;
+        }
+      });
+    }
+  });
+};
+const MenubarItem = (props) => {
+  const [local, others] = splitProps(props, ["children", "disabled", "asChild", "class", "onClick"]);
+  const handleClick = (e) => {
+    if (local.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+  };
+  return (() => {
+    var _el$5 = _tmpl$3();
+    _el$5.$$click = handleClick;
+    spread(_el$5, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get disabled() {
+        return local.disabled;
+      },
+      get ["data-disabled"]() {
+        return local.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$5, () => local.children);
+    return _el$5;
+  })();
+};
+const MenubarSeparator = (props) => {
+  const [local, others] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$6 = _tmpl$5();
+    spread(_el$6, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, false);
+    return _el$6;
+  })();
+};
+Menubar.Menu = MenubarMenu;
+Menubar.Trigger = MenubarTrigger;
+Menubar.Content = MenubarContent;
+Menubar.Item = MenubarItem;
+Menubar.Separator = MenubarSeparator;
+delegateEvents(["click"]);
+export {
+  Menubar,
+  MenubarContent,
+  MenubarItem,
+  MenubarMenu,
+  MenubarSeparator,
+  MenubarTrigger,
+  useMenubarContext
+};
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { splitProps, createSignal, createContext, useContext, Show, onMount, onCleanup, createEffect } from 'solid-js';\nimport { Portal, isServer } from 'solid-js/web';\nimport type { Component, JSX } from 'solid-js';\n\ninterface MenubarContextValue {\n  value: () => string | undefined;\n  setValue: (value: string | undefined) => void;\n  triggerRefs: () => Map<string, HTMLElement>;\n  setTriggerRef: (value: string, ref: HTMLElement | undefined) => void;\n  setContentElement: (value: string, el: HTMLElement | undefined) => void;\n}\n\nconst MenubarContext = createContext<MenubarContextValue>();\n\nexport const useMenubarContext = () => {\n  const context = useContext(MenubarContext);\n  if (!context) {\n    throw new Error('Menubar components must be used within Menubar');\n  }\n  return context;\n};\n\nexport interface MenubarProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 当前打开的值\n   */\n  value?: string;\n  /**\n   * 默认打开的值\n   */\n  defaultValue?: string;\n  /**\n   * 值变化回调\n   */\n  onValueChange?: (value: string | undefined) => void;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst MenubarBase: Component<MenubarProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'value',\n    'defaultValue',\n    'onValueChange',\n    'class',\n    'children',\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<string | undefined>(\n    local.value ?? local.defaultValue\n  );\n  const [triggerRefs, setTriggerRefs] = createSignal<Map<string, HTMLElement>>(new Map());\n  const contentElements = new Map<string, HTMLElement>();\n\n  const isControlled = () => local.value !== undefined;\n  const value = () => (isControlled() ? local.value : internalValue());\n\n  const handleValueChange = (newValue: string | undefined) => {\n    if (!isControlled()) {\n      setInternalValue(newValue);\n    }\n    local.onValueChange?.(newValue);\n  };\n\n  const setTriggerRef = (menuValue: string, ref: HTMLElement | undefined) => {\n    const refs = new Map(triggerRefs());\n    if (ref) {\n      refs.set(menuValue, ref);\n    } else {\n      refs.delete(menuValue);\n    }\n    setTriggerRefs(refs);\n  };\n\n  const setContentElement = (menuValue: string, el: HTMLElement | undefined) => {\n    if (el) {\n      contentElements.set(menuValue, el);\n    } else {\n      contentElements.delete(menuValue);\n    }\n  };\n\n  // 点击外部关闭\n  const handleClickOutside = (e: MouseEvent) => {\n    const currentValue = value();\n    if (currentValue && !isServer) {\n      const target = e.target as HTMLElement;\n      const trigger = triggerRefs().get(currentValue);\n      const content = contentElements.get(currentValue);\n\n      if (trigger && content) {\n        if (!trigger.contains(target) && !content.contains(target)) {\n          handleValueChange(undefined);\n        }\n      }\n    }\n  };\n\n  // ESC 键关闭\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && value()) {\n      handleValueChange(undefined);\n    }\n  };\n\n  createEffect(() => {\n    if (!isServer) {\n      if (value()) {\n        setTimeout(() => {\n          document.addEventListener('keydown', handleKeyDown);\n          document.addEventListener('mousedown', handleClickOutside);\n        }, 0);\n      } else {\n        document.removeEventListener('keydown', handleKeyDown);\n        document.removeEventListener('mousedown', handleClickOutside);\n      }\n    }\n  });\n\n  onCleanup(() => {\n    if (!isServer) {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n  });\n\n  const contextValue: MenubarContextValue = {\n    value,\n    setValue: handleValueChange,\n    triggerRefs,\n    setTriggerRef,\n    setContentElement,\n  };\n\n  return (\n    <MenubarContext.Provider value={contextValue}>\n      <div\n        class={local.class}\n        role=\"menubar\"\n        {...others}\n      >\n        {local.children}\n      </div>\n    </MenubarContext.Provider>\n  );\n};\n\nexport interface MenubarComponent extends Component<MenubarProps> {\n  Menu: Component<MenubarMenuProps>;\n  Trigger: Component<MenubarTriggerProps>;\n  Content: Component<MenubarContentProps>;\n  Item: Component<MenubarItemProps>;\n  Separator: Component<MenubarSeparatorProps>;\n}\n\nexport const Menubar = Object.assign(MenubarBase, {\n  Menu: null as unknown as Component<MenubarMenuProps>,\n  Trigger: null as unknown as Component<MenubarTriggerProps>,\n  Content: null as unknown as Component<MenubarContentProps>,\n  Item: null as unknown as Component<MenubarItemProps>,\n  Separator: null as unknown as Component<MenubarSeparatorProps>,\n}) as MenubarComponent;\n\nexport interface MenubarMenuProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 菜单的值\n   */\n  value: string;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const MenubarMenu: Component<MenubarMenuProps> = (props) => {\n  const [local, others] = splitProps(props, ['value', 'class', 'children']);\n\n  return (\n    <div\n      class={local.class}\n      data-value={local.value}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport interface MenubarTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 是否作为子元素传递\n   */\n  asChild?: boolean;\n}\n\nexport const MenubarTrigger: Component<MenubarTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'asChild', 'class', 'onClick']);\n  const context = useMenubarContext();\n  let triggerElement: HTMLButtonElement | undefined;\n  let menuValue: string | undefined;\n\n  // 从父元素获取 value\n  onMount(() => {\n    if (triggerElement) {\n      const parent = triggerElement.closest('[data-value]');\n      if (parent) {\n        menuValue = parent.getAttribute('data-value') || undefined;\n        if (menuValue) {\n          context.setTriggerRef(menuValue, triggerElement);\n        }\n      }\n    }\n  });\n\n  const isOpen = () => context.value() === menuValue;\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n    if (menuValue) {\n      context.setValue(isOpen() ? undefined : menuValue);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      ref={triggerElement}\n      role=\"menuitem\"\n      class={local.class}\n      onClick={handleClick}\n      aria-expanded={isOpen()}\n      data-state={isOpen() ? 'open' : 'closed'}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nexport interface MenubarContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const MenubarContent: Component<MenubarContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children'] as const);\n  const context = useMenubarContext();\n  let contentElement: HTMLDivElement | undefined;\n  let menuValue: string | undefined;\n\n  onMount(() => {\n    if (contentElement) {\n      const parent = contentElement.closest('[data-value]');\n      if (parent) {\n        menuValue = parent.getAttribute('data-value') || undefined;\n        if (menuValue) {\n          context.setContentElement(menuValue, contentElement);\n        }\n      }\n    }\n  });\n\n  const isOpen = () => menuValue ? context.value() === menuValue : false;\n\n  const updatePosition = () => {\n    if (!isServer && contentElement && menuValue) {\n      const trigger = context.triggerRefs().get(menuValue);\n      if (trigger) {\n        const rect = trigger.getBoundingClientRect();\n        const contentRect = contentElement.getBoundingClientRect();\n\n        const top = rect.bottom + 8;\n        const left = rect.left;\n\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        let finalTop = top;\n        let finalLeft = left;\n\n        if (left + contentRect.width > viewportWidth) {\n          finalLeft = viewportWidth - contentRect.width - 16;\n        }\n\n        if (top + contentRect.height > viewportHeight) {\n          finalTop = rect.top - contentRect.height - 8;\n        }\n\n        contentElement.style.top = `${finalTop}px`;\n        contentElement.style.left = `${finalLeft}px`;\n      }\n    }\n  };\n\n  createEffect(() => {\n    if (isOpen() && !isServer) {\n      requestAnimationFrame(() => {\n        updatePosition();\n      });\n    }\n  });\n\n  return (\n    <Show when={isOpen()}>\n      <Portal mount={!isServer ? document.body : undefined}>\n        <div\n          ref={contentElement}\n          role=\"menu\"\n          class={`fixed z-50 ${local.class || ''}`}\n          data-state={isOpen() ? 'open' : 'closed'}\n          style={{ top: '0px', left: '0px' }}\n          {...others}\n        >\n          {local.children}\n        </div>\n      </Portal>\n    </Show>\n  );\n};\n\nexport interface MenubarItemProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * 是否作为子元素传递\n   */\n  asChild?: boolean;\n}\n\nexport const MenubarItem: Component<MenubarItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'disabled', 'asChild', 'class', 'onClick']);\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (local.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      class={local.class}\n      disabled={local.disabled}\n      onClick={handleClick}\n      data-disabled={local.disabled ? '' : undefined}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nexport interface MenubarSeparatorProps extends JSX.HTMLAttributes<HTMLHRElement> {\n}\n\nexport const MenubarSeparator: Component<MenubarSeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <hr\n      role=\"separator\"\n      class={local.class}\n      {...others}\n    />\n  );\n};\n\nMenubar.Menu = MenubarMenu;\nMenubar.Trigger = MenubarTrigger;\nMenubar.Content = MenubarContent;\nMenubar.Item = MenubarItem;\nMenubar.Separator = MenubarSeparator;\n\n"],"names":["MenubarContext","createContext","useMenubarContext","context","useContext","Error","MenubarBase","props","local","others","splitProps","internalValue","setInternalValue","createSignal","value","defaultValue","triggerRefs","setTriggerRefs","Map","contentElements","isControlled","undefined","handleValueChange","newValue","onValueChange","setTriggerRef","menuValue","ref","refs","set","delete","setContentElement","el","handleClickOutside","e","currentValue","isServer","target","trigger","get","content","contains","handleKeyDown","key","createEffect","setTimeout","document","addEventListener","removeEventListener","onCleanup","contextValue","setValue","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","Menubar","Object","assign","Menu","Trigger","Content","Item","Separator","MenubarMenu","_el$2","_tmpl$2","MenubarTrigger","triggerElement","onMount","parent","closest","getAttribute","isOpen","handleClick","onClick","_el$3","_tmpl$3","$$click","_ref$","_$use","MenubarContent","contentElement","updatePosition","rect","getBoundingClientRect","contentRect","top","bottom","left","viewportWidth","window","innerWidth","viewportHeight","innerHeight","finalTop","finalLeft","width","height","style","requestAnimationFrame","Show","when","Portal","mount","body","_el$4","_tmpl$4","_ref$2","MenubarItem","disabled","preventDefault","stopPropagation","_el$5","MenubarSeparator","_el$6","_tmpl$5","_$delegateEvents"],"mappings":"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"}

package/dist/components/Menubar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menubar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menubar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,105 @@
+import { Component, JSX } from 'solid-js';
+interface NavigationMenuContextValue {
+    value: () => string | undefined;
+    setValue: (value: string | undefined) => void;
+    triggerRefs: () => Map<string, HTMLElement>;
+    setTriggerRef: (value: string, ref: HTMLElement | undefined) => void;
+    setContentElement: (value: string, el: HTMLElement | undefined) => void;
+}
+export declare const useNavigationMenuContext: () => NavigationMenuContextValue;
+export interface NavigationMenuProps extends JSX.HTMLAttributes<HTMLElement> {
+    /**
+     * 当前打开的值
+     */
+    value?: string;
+    /**
+     * 默认打开的值
+     */
+    defaultValue?: string;
+    /**
+     * 值变化回调
+     */
+    onValueChange?: (value: string | undefined) => void;
+    /**
+     * 方向
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface NavigationMenuComponent extends Component<NavigationMenuProps> {
+    List: Component<NavigationMenuListProps>;
+    Item: Component<NavigationMenuItemProps>;
+    Trigger: Component<NavigationMenuTriggerProps>;
+    Content: Component<NavigationMenuContentProps>;
+    Link: Component<NavigationMenuLinkProps>;
+    Indicator: Component<NavigationMenuIndicatorProps>;
+    Viewport: Component<NavigationMenuViewportProps>;
+}
+export declare const NavigationMenu: NavigationMenuComponent;
+export interface NavigationMenuListProps extends JSX.HTMLAttributes<HTMLUListElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const NavigationMenuList: Component<NavigationMenuListProps>;
+export interface NavigationMenuItemProps extends JSX.LiHTMLAttributes<HTMLLIElement> {
+    /**
+     * 项的值
+     */
+    value: string;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const NavigationMenuItem: Component<NavigationMenuItemProps>;
+export interface NavigationMenuTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const NavigationMenuTrigger: Component<NavigationMenuTriggerProps>;
+export interface NavigationMenuContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const NavigationMenuContent: Component<NavigationMenuContentProps>;
+export interface NavigationMenuLinkProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const NavigationMenuLink: Component<NavigationMenuLinkProps>;
+export interface NavigationMenuIndicatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const NavigationMenuIndicator: Component<NavigationMenuIndicatorProps>;
+export interface NavigationMenuViewportProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const NavigationMenuViewport: Component<NavigationMenuViewportProps>;
+export {};
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/components/NavigationMenu/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"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"}