@funhub/platform 0.1.10 → 0.1.13

package/dist/components/ui/kbd.d.mts

@@ -0,0 +1,21 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/ui/kbd.d.ts
+/** UI 组件模块。 */
+/** Kbd 组件属性。 */
+type KbdProps = React.ComponentProps<'kbd'>;
+/** KbdGroup 组件属性。 */
+type KbdGroupProps = React.ComponentProps<'div'>;
+/** Kbd 组件。 */
+declare function Kbd({
+  className,
+  ...props
+}: KbdProps): react_jsx_runtime0.JSX.Element;
+/** KbdGroup 组件。 */
+declare function KbdGroup({
+  className,
+  ...props
+}: KbdGroupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Kbd, KbdGroup };

package/dist/components/ui/kbd.mjs

@@ -1,29 +1,2 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as o } from "../../utils/cn.mjs";
-function r({ className: t, ...e }) {
-  return /* @__PURE__ */ n(
-    "kbd",
-    {
-      "data-slot": "kbd",
-      className: o(
-        "bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function d({ className: t, ...e }) {
-  return /* @__PURE__ */ n(
-    "kbd",
-    {
-      "data-slot": "kbd-group",
-      className: o("gap-1 inline-flex items-center", t),
-      ...e
-    }
-  );
-}
-export {
-  r as Kbd,
-  d as KbdGroup
-};
+
+import{cn as e}from"../../utils/cn.mjs";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`kbd`,{"data-slot":`kbd`,className:e(`bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='w-']):not([class*='h-'])]:w-3 [&_svg:not([class*='w-']):not([class*='h-'])]:h-3 pointer-events-none inline-flex items-center justify-center select-none`,n),...r})}function r({className:n,...r}){return t(`kbd`,{"data-slot":`kbd-group`,className:e(`gap-1 inline-flex items-center`,n),...r})}export{n as Kbd,r as KbdGroup};

package/dist/components/ui/label.d.mts

@@ -0,0 +1,14 @@
+
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/ui/label.d.ts
+/** Label 组件属性。 */
+type LabelProps = React.ComponentProps<'label'>;
+/** Label 组件。 */
+declare function Label({
+  className,
+  ...props
+}: LabelProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Label };

package/dist/components/ui/label.mjs

@@ -1,18 +1,2 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as o } from "../../utils/cn.mjs";
-function n({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
-    "label",
-    {
-      "data-slot": "label",
-      className: o(
-        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-        e
-      ),
-      ...t
-    }
-  );
-}
-export {
-  n as Label
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`label`,{"data-slot":`label`,className:e(`gap-2 text-base leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed`,n),...r})}export{n as Label};

package/dist/components/ui/legacy/avatar.mjs

@@ -0,0 +1,2 @@
+
+"use client";import e from"../../../assets/images/default_avatar.mjs";import{pxToVw as t}from"../../../utils/helper.mjs";import{Image as n}from"../image.mjs";import{Box as r}from"../box.mjs";import{useState as i}from"react";import{jsx as a}from"react/jsx-runtime";function o(e){if(!e)return;let t=e.trim();if(t)return/^(?:https?:|data:|blob:)/i.test(t)||t.startsWith(`/`)?t:`/${t.replace(/^\/+/,``)}`}function s({src:s,alt:c=`avatar`,className:l=``,width:u=40,height:d=40,...f}){let p=o(s),[m,h]=i(!1),g=u,_=d,v=`relative inline-flex items-center justify-center overflow-hidden rounded-full bg-gray-200 text-gray-700 flex-shrink-0 ${l}`.trim(),y=c,b=typeof e==`string`?e:e.src||String(e),x=p&&!m?p:b,S=()=>{h(!0)},C=()=>{h(!1)};return a(r,{className:v,style:{width:t(g),height:t(_)},...f,children:a(n,{src:x,alt:y,width:g,height:_,className:`object-cover`,onError:S,onLoad:C},p)})}export{s as default};

package/dist/components/ui/legacy/badge.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{Box as e}from"../box.mjs";import{Text as t}from"../text.mjs";import"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i={"top-right":`top-0 right-0`,"top-left":`top-0 left-0`,"bottom-right":`bottom-0 right-0`,"bottom-left":`bottom-0 left-0`},a={"top-right":`top-0 right-0 -translate-y-1/2 translate-x-1/2`,"top-left":`top-0 left-0 -translate-y-1/2 -translate-x-1/2`,"bottom-right":`bottom-0 right-0 translate-y-1/2 translate-x-1/2`,"bottom-left":`bottom-0 left-0 translate-y-1/2 translate-x-1/2`},o={red:`bg-gradient-to-br from-[#FD4C5E] to-[#F05D19]`,gold:`bg-gradient-to-br from-[#FFE485] to-[#CF8125]`,blue:`bg-gradient-to-br from-[#3B82F6] to-[#1D4ED8]`,green:`bg-gradient-to-br from-[#10B981] to-[#047857]`,purple:`bg-gradient-to-br from-[#8B5CF6] to-[#6D28D9]`},s={red:`bg-red-500`,gold:`bg-amber-500`,blue:`bg-blue-500`,green:`bg-green-500`,purple:`bg-purple-500`};function c({content:c,children:l,className:u=``,position:d=`top-right`,dot:f=!1,max:p=99,showZero:m=!1,type:h=`default`,color:g=`red`,..._}){let v=f||c===null,y=v||c!=null&&(m||(typeof c==`number`?c>0:!0)),b=h===`corner`?i:a,x=`relative inline-block ${u}`.trim(),S=()=>{if(!y)return null;if(v){let e=s[g];return n(t,{className:`absolute ${b[d]} w-2 h-2 rounded-full ${e} border-2 border-white`,"aria-label":`badge`})}let e=c;if(typeof c==`number`){if(c>p)e=`${p}+`;else if(c===0&&!m)return null}if(h===`corner`){let r=o[g];return n(t,{className:`absolute ${b[d]} px-[6px] h-5 leading-5 text-white text-xs rounded-tr-[8px] rounded-bl-[8px] whitespace-nowrap ${r}`,"aria-label":`badge: ${e}`,children:e})}let r=s[g];return n(t,{className:`absolute ${b[d]} min-w-[18px] h-[18px] px-1 flex items-center justify-center text-[10px] font-medium text-white ${r} rounded-full border-2 border-white whitespace-nowrap`,"aria-label":`badge: ${e}`,children:e})};return r(e,{className:x,..._,children:[l,S()]})}export{c as default};

package/dist/components/ui/legacy/button.mjs

@@ -0,0 +1,2 @@
+
+"use client";import e from"../loading.mjs";import"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r={small:`px-3 py-1.5 text-sm gap-1.5`,medium:`px-4 py-2 text-base gap-2`,large:`px-6 py-3 text-lg gap-2.5`},i={small:`small`,medium:`small`,large:`medium`},a={small:14,medium:16,large:18};function o({children:o,className:s=``,size:c=`medium`,loading:l=!1,disabled:u=!1,leftIcon:d,rightIcon:f,...p}){let m=`inline-flex items-center justify-center rounded-md font-medium transition-all disabled:opacity-50 disabled:pointer-events-none focus-visible:outline-none ${r[c]} ${s}`.trim(),h=u||l,g=a[c];return n(`button`,{className:m,disabled:h,"aria-busy":l||void 0,...p,children:[l&&t(e,{size:i[c],showLabel:!1,className:`shrink-0`}),!l&&d&&t(d,{width:g,height:g}),o,!l&&f&&t(f,{width:g,height:g})]})}export{o as default};

package/dist/components/ui/legacy/input.mjs

@@ -0,0 +1,2 @@
+
+"use client";import"react";import{jsx as e}from"react/jsx-runtime";function t({value:t,onChange:n,className:r=``,disabled:i=!1,type:a=`text`,...o}){return e(`input`,{type:a,className:`w-full px-[28px] py-[20px] text-[18px] leading-[20px] rounded-[30px] bg-[rgba(0,0,0,0.05)] text-[var(--color-text1)] placeholder:text-[var(--color-text3)] outline-none disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-[rgba(0,0,0,0.05)] ${r}`.trim(),value:t,onChange:e=>n(e.target.value),disabled:i,...o})}export{t as default};

package/dist/components/ui/legacy/popover.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{useLayoutEffect as e,useRef as t,useState as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";function o({visible:o,children:s,content:c,placement:l=`bottom-start`}){let u=t(null),d=t(null),[f,p]=n({top:0,left:0}),[m,h]=n(0);return e(()=>{if(o&&d.current&&u.current){let e=d.current.getBoundingClientRect(),t=u.current.getBoundingClientRect(),n=e.bottom+8,r=e.left;l===`bottom-start`?r=e.left:l===`bottom`?r=e.left+(e.width-t.width)/2:l===`bottom-end`&&(r=e.right-t.width),r+t.width>window.innerWidth&&(r=window.innerWidth-t.width-8),r<8&&(r=8);let i=e.left+e.width/2-r-8/2,a=t.width-8,o=Math.max(8,Math.min(a,i));p({top:n,left:r}),h(o)}},[o,l]),a(r,{children:[i(`div`,{ref:d,style:{display:`inline-block`},children:s}),o&&a(`div`,{ref:u,className:`fixed z-50 bg-bg1 rounded-[8px] border border-line1 shadow-lg`,style:{top:`${f.top}px`,left:`${f.left}px`},children:[i(`div`,{className:`absolute -top-[8px]`,style:{left:`${m}px`,width:0,height:0,borderLeft:`8px solid transparent`,borderRight:`8px solid transparent`,borderBottom:`8px solid var(--color-bg1)`,filter:`drop-shadow(0 -1px 0 var(--color-line1))`}}),c]})]})}export{o as Popover};

package/dist/components/ui/link.mjs

@@ -0,0 +1,2 @@
+
+import"react";import{jsx as e}from"react/jsx-runtime";import t from"next/link";function n({href:n,children:r,className:i=``,...a}){let o=i.trim();function s(e){typeof window>`u`||window.isWebview===!0&&(e?.preventDefault?.(),window.location.href=n)}return e(t,{href:n,className:o,...a,onClick:s,children:r})}export{n as default};

package/dist/components/ui/list.d.mts

@@ -0,0 +1,160 @@
+
+import { EmptyType } from "./empty.mjs";
+import * as React from "react";
+import { CSSProperties } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/ui/list.d.ts
+interface ListProps {
+  /**
+   * 子元素内容
+   */
+  children?: React.ReactNode;
+  /**
+   * 是否正在加载
+   */
+  loading?: boolean;
+  /**
+   * 加载更多数据的回调函数
+   */
+  loadMore?: (isRetry: boolean) => Promise<void>;
+  /**
+   * 是否还有更多数据
+   */
+  hasMore?: boolean;
+  /**
+   * 空状态图片名称（位于 /empty/ 目录下）
+   */
+  empty?: EmptyType;
+  /**
+   * 空状态提示文本
+   * @default "暂无内容"
+   */
+  emptyText?: string;
+  /**
+   * 空状态自定义插槽
+   */
+  emptySlot?: React.ReactNode;
+  /**
+   * Item 进入视口时的回调函数，传递索引（每个 Item 只触发一次）
+   */
+  onItemRender?: (index: number) => void;
+  /**
+   * Intersection Observer 的 rootMargin 配置
+   * 用于扩展或收缩根元素（视口）的边界框
+   * @default "0px"
+   * @example "100px" - 提前 100px 触发
+   * @example "-50px" - 延后 50px 触发
+   */
+  intersectionRootMargin?: string;
+  /**
+   * Intersection Observer 的 threshold 配置
+   * 设置目标元素可见比例的阈值（0-1 之间）
+   * @default 0.1
+   * @example 0 - 元素刚进入视口就触发
+   * @example 0.5 - 元素 50% 可见时触发
+   * @example 1 - 元素 100% 可见时触发
+   */
+  intersectionThreshold?: number | number[];
+  /**
+   * 每行显示的项目数量
+   * @default 1
+   */
+  columns?: number;
+  /**
+   * 网格布局时的间距（gap）
+   * @default "12"
+   */
+  gridGap?: number;
+  /**
+   * List 的额外样式
+   */
+  style?: CSSProperties;
+  /**
+   * List 的额外类名
+   */
+  className?: string;
+}
+interface ListItemProps {
+  /**
+   * 标题区域
+   */
+  title?: React.ReactNode;
+  /**
+   * 子元素内容（描述区域）
+   */
+  children?: React.ReactNode;
+  /**
+   * 描述区域
+   */
+  description?: React.ReactNode;
+  /**
+   * 左侧区域
+   */
+  prefix?: React.ReactNode;
+  /**
+   * 右侧区域
+   */
+  extra?: React.ReactNode;
+  /**
+   * 是否显示右侧箭头
+   * @default false
+   */
+  arrow?: boolean | React.ReactNode;
+  /**
+   * 点击事件
+   */
+  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+  /**
+   * 是否可点击
+   * @default false
+   */
+  clickable?: boolean;
+  /**
+   * 自定义类名
+   */
+  className?: string;
+  /**
+   * 自定义样式
+   */
+  style?: CSSProperties;
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean;
+}
+declare function ListItem({
+  title,
+  children,
+  description,
+  prefix,
+  extra,
+  arrow,
+  onClick,
+  clickable,
+  className,
+  style,
+  disabled
+}: ListItemProps): react_jsx_runtime0.JSX.Element;
+declare function List({
+  children,
+  loadMore,
+  hasMore,
+  empty,
+  emptyText,
+  emptySlot,
+  onItemRender,
+  intersectionRootMargin,
+  intersectionThreshold,
+  loading,
+  columns,
+  gridGap,
+  style,
+  className
+}: ListProps): react_jsx_runtime0.JSX.Element;
+declare namespace List {
+  var Item: typeof ListItem;
+}
+//#endregion
+export { List, ListItem };

package/dist/components/ui/list.mjs

@@ -0,0 +1,8 @@
+
+"use client";import{pxToVw as e}from"../../utils/helper.mjs";import{EmptyState as t}from"./empty.mjs";import{InfiniteScroll as n}from"./infinite-scroll.mjs";import*as r from"react";import{Children as i,useCallback as a,useEffect as o,useRef as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";const f=({size:e=32})=>l(`div`,{className:`inline-block animate-spin rounded-full border-2 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]`,style:{width:e,height:e},role:`status`,children:l(`span`,{className:`sr-only`,children:`Loading...`})}),p=()=>u(`span`,{className:`inline-flex gap-1 ml-1`,children:[l(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse`,style:{animationDelay:`0s`}}),l(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse`,style:{animationDelay:`0.2s`}}),l(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse`,style:{animationDelay:`0.4s`}})]}),m=({index:e,onIntersect:t,resetKey:n,rootMargin:r=`0px`,threshold:i=.1,children:a})=>{let c=s(null);return o(()=>{let n=c.current;if(!n)return;let a=new IntersectionObserver(n=>{n[0]?.isIntersecting&&(t(e),a.disconnect())},{rootMargin:r,threshold:i});return a.observe(n),()=>a.disconnect()},[e,t,n,r,i]),l(`div`,{ref:c,children:a})};function h({title:e,children:t,description:n,prefix:r,extra:i,arrow:a=!1,onClick:o,clickable:s=!1,className:c=``,style:d,disabled:f=!1}){return u(`div`,{className:`
+        flex items-center px-4 py-1.5 
+        ${(s||o)&&!f?`active:opacity-80 cursor-pointer`:``}
+        ${f?`opacity-50 cursor-not-allowed`:``}
+        border-b border-gray-100 last:border-b-0
+        ${c}
+      `.trim().replace(/\s+/g,` `),style:d,onClick:e=>{f||o?.(e)},children:[r&&l(`div`,{className:`flex items-center mr-3 shrink-0`,children:r}),u(`div`,{className:`flex-1 min-w-0`,children:[e&&l(`div`,{className:`text-base text-text1 leading-5.5`,children:e}),(t||n)&&l(`div`,{className:`text-sm text-text2 leading-4.5 mt-0.5`,children:t||n})]}),i&&l(`div`,{className:`flex items-center ml-3 shrink-0 text-text3`,children:i}),a&&l(`div`,{className:`flex items-center ml-2 shrink-0 text-text4 opacity-60`,children:a===!0?l(`svg`,{width:`20`,height:`20`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:l(`path`,{d:`M6 4L10 8L6 12`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):a})]})}function g({children:h,loadMore:g,hasMore:_,empty:v,emptyText:y,emptySlot:b,onItemRender:x,intersectionRootMargin:S,intersectionThreshold:C,loading:w,columns:T=1,gridGap:E=12,style:D,className:O=``}){let k=d(`components.ui`),A=s(x),j=s(new Set),M=s(0),N=s(0),P=s(!1);o(()=>{A.current=x},[x]);let F=a(e=>{if(!j.current.has(e)&&(j.current.add(e),e===M.current))for(A.current?.(e),M.current=e+1;j.current.has(M.current);)A.current?.(M.current),M.current++},[]),I=i.count(h),L=s(I);o(()=>{let e=L.current;I!==e&&(j.current.clear(),N.current++,I<=e&&(M.current=0),L.current=I)},[I]);let R=i.count(h)>0;o(()=>{P.current||(P.current=!0,I===0&&_&&!w&&g?.(!1))},[]);let z=0,B=i.map(h,e=>{if(r.isValidElement(e)){let t=z++;return l(m,{index:t,onIntersect:F,resetKey:N.current,rootMargin:S,threshold:C,children:e},e.key||t)}return e});return R?T>1?u(c,{children:[l(`div`,{className:`grid bg-bg1 ${O}`,style:{gridTemplateColumns:`repeat(${T}, 1fr)`,gap:e(E),...D},children:B}),g?l(n,{loadMore:g,hasMore:_,threshold:100}):null]}):u(c,{children:[R&&l(`div`,{className:`bg-bg1 ${O}`,style:D,children:B}),g?l(n,{loadMore:g,hasMore:_,threshold:100}):null]}):w?u(`div`,{className:`flex flex-col gap-5 items-center justify-center mt-25 w-full`,children:[l(f,{size:32}),u(`div`,{className:`text-gray-600`,children:[l(`span`,{children:k(`list.loading`)}),l(p,{})]})]}):l(t,{type:v,text:y||k(`list.empty`),extraContent:b})}g.Item=h;export{g as List,h as ListItem};

package/dist/components/ui/loading.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{Box as e}from"./box.mjs";import{Text as t}from"./text.mjs";import"react";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{useTranslations as a}from"next-intl";function o({label:o,className:s=``,size:c=`medium`,showLabel:l=!0,color:u=``,...d}){let f=a(`components.ui`),p=o||f(`loading.label`),m={small:`h-4 w-4`,medium:`h-5 w-5`,large:`h-8 w-8`},h={small:`text-sm`,medium:`text-base`,large:`text-lg`},g=`inline-block animate-spin rounded-full border-2 border-current border-r-transparent ${m[c]}`;return i(e,{className:`inline-flex items-center gap-2 ${u} ${h[c]} ${s}`.trim(),role:`status`,"aria-live":`polite`,...d,children:[r(t,{as:`span`,className:g,"aria-hidden":`true`}),l&&i(n,{children:[r(t,{className:`sr-only`,children:p}),r(t,{"aria-hidden":`true`,children:p})]})]})}export{o as default};

package/dist/components/ui/mask.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{jsx as e}from"react/jsx-runtime";function t({visible:t,onMaskClick:n}){return t?e(`div`,{className:`fixed inset-0 z-40 bg-black/0`,onClick:n,style:{pointerEvents:t?`auto`:`none`}}):null}export{t as Mask};

package/dist/components/ui/menubar.d.mts

@@ -0,0 +1,240 @@
+
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.mjs";
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+
+//#region components/ui/menubar.d.ts
+/** MenubarSubTrigger 组件属性。 */
+type MenubarSubTriggerProps = React.ComponentProps<typeof DropdownMenuSubTrigger> & {
+  /** 是否增加左侧缩进。 */inset?: boolean;
+};
+/** MenubarMenu 组件属性。 */
+type MenubarMenuProps = React.ComponentProps<typeof DropdownMenu> & {
+  /** 子菜单节点。 */children?: React.ComponentProps<typeof DropdownMenu>['children']; /** 展开状态变化回调。 */
+  onOpenChange?: React.ComponentProps<typeof DropdownMenu>['onOpenChange'];
+};
+/** MenubarGroup 组件属性。 */
+type MenubarGroupProps = React.ComponentProps<typeof DropdownMenuGroup> & {
+  /** 分组内容。 */children?: React.ComponentProps<typeof DropdownMenuGroup>['children'];
+};
+/** MenubarPortal 组件属性。 */
+type MenubarPortalProps = React.ComponentProps<typeof DropdownMenuPortal> & {
+  /** 传送门挂载的内容。 */children?: React.ComponentProps<typeof DropdownMenuPortal>['children'];
+};
+/** MenubarTrigger 组件属性。 */
+type MenubarTriggerProps = React.ComponentProps<typeof DropdownMenuTrigger> & {
+  /** 触发器内容。 */children?: React.ComponentProps<typeof DropdownMenuTrigger>['children']; /** 自定义触发器类名。 */
+  className?: React.ComponentProps<typeof DropdownMenuTrigger>['className'];
+};
+/** Menubar 组件属性。 */
+type MenubarProps = Menubar.Props & {
+  /**
+   * 是否启用模态行为。
+   * @default true
+   */
+  modal?: Menubar.Props['modal'];
+  /**
+   * 是否禁用整个菜单栏交互。
+   * @default false
+   */
+  disabled?: Menubar.Props['disabled'];
+  /**
+   * 菜单栏方向。
+   * @default 'horizontal'
+   */
+  orientation?: Menubar.Props['orientation'];
+  /**
+   * 键盘导航是否循环焦点。
+   * @default true
+   */
+  loopFocus?: Menubar.Props['loopFocus'];
+};
+/** MenubarContent 组件属性。 */
+type MenubarContentProps = React.ComponentProps<typeof DropdownMenuContent> & {
+  /**
+   * 菜单关闭后的焦点回退策略。
+   */
+  finalFocus?: React.ComponentProps<typeof DropdownMenuContent>['finalFocus'];
+  /**
+   * 相对锚点的弹出方向。
+   * @default 'bottom'
+   */
+  side?: React.ComponentProps<typeof DropdownMenuContent>['side'];
+  /**
+   * 在弹出方向上的偏移量（像素）。
+   * @default 0
+   */
+  sideOffset?: React.ComponentProps<typeof DropdownMenuContent>['sideOffset'];
+  /**
+   * 相对锚点的对齐方式。
+   * @default 'start'
+   */
+  align?: React.ComponentProps<typeof DropdownMenuContent>['align'];
+  /**
+   * 在对齐轴上的附加偏移量（像素）。
+   * @default 0
+   */
+  alignOffset?: React.ComponentProps<typeof DropdownMenuContent>['alignOffset'];
+  /**
+   * 自定义定位锚点。
+   */
+  anchor?: React.ComponentProps<typeof DropdownMenuContent>['anchor'];
+};
+/** MenubarItem 组件属性。 */
+type MenubarItemProps = React.ComponentProps<typeof DropdownMenuItem> & {
+  /** 是否增加左侧缩进。 */inset?: React.ComponentProps<typeof DropdownMenuItem>['inset']; /** 菜单项视觉风格。 */
+  variant?: React.ComponentProps<typeof DropdownMenuItem>['variant'];
+};
+/** MenubarLabel 组件属性。 */
+type MenubarLabelProps = React.ComponentProps<typeof DropdownMenuLabel> & {
+  /** 是否增加左侧缩进。 */inset?: React.ComponentProps<typeof DropdownMenuLabel>['inset'];
+};
+/** MenubarSubContent 组件属性。 */
+type MenubarSubContentProps = React.ComponentProps<typeof DropdownMenuSubContent> & {
+  /**
+   * 菜单关闭后的焦点回退策略。
+   */
+  finalFocus?: React.ComponentProps<typeof DropdownMenuSubContent>['finalFocus'];
+  /**
+   * 相对锚点的弹出方向。
+   * @default 'right'
+   */
+  side?: React.ComponentProps<typeof DropdownMenuSubContent>['side'];
+  /**
+   * 在弹出方向上的偏移量（像素）。
+   * @default 0
+   */
+  sideOffset?: React.ComponentProps<typeof DropdownMenuSubContent>['sideOffset'];
+  /**
+   * 相对锚点的对齐方式。
+   * @default 'start'
+   */
+  align?: React.ComponentProps<typeof DropdownMenuSubContent>['align'];
+  /**
+   * 在对齐轴上的附加偏移量（像素）。
+   * @default -3
+   */
+  alignOffset?: React.ComponentProps<typeof DropdownMenuSubContent>['alignOffset'];
+  /**
+   * 自定义定位锚点。
+   */
+  anchor?: React.ComponentProps<typeof DropdownMenuSubContent>['anchor'];
+};
+/** MenubarCheckboxItem 组件属性。 */
+type MenubarCheckboxItemProps = Menu.CheckboxItem.Props & {
+  /** 勾选项内容。 */children?: Menu.CheckboxItem.Props['children']; /** 当前勾选状态。 */
+  checked?: Menu.CheckboxItem.Props['checked']; /** 自定义类名。 */
+  className?: Menu.CheckboxItem.Props['className'];
+};
+/** MenubarRadioGroup 组件属性。 */
+type MenubarRadioGroupProps = React.ComponentProps<typeof DropdownMenuRadioGroup> & {
+  /** 当前选中值。 */value?: React.ComponentProps<typeof DropdownMenuRadioGroup>['value']; /** 选中值变化回调。 */
+  onValueChange?: React.ComponentProps<typeof DropdownMenuRadioGroup>['onValueChange'];
+};
+/** MenubarRadioItem 组件属性。 */
+type MenubarRadioItemProps = Menu.RadioItem.Props & {
+  /** 单选项内容。 */children?: Menu.RadioItem.Props['children']; /** 自定义类名。 */
+  className?: Menu.RadioItem.Props['className'];
+};
+/** MenubarSeparator 组件属性。 */
+type MenubarSeparatorProps = React.ComponentProps<typeof DropdownMenuSeparator> & {
+  /** 自定义分割线类名。 */className?: React.ComponentProps<typeof DropdownMenuSeparator>['className'];
+};
+/** MenubarShortcut 组件属性。 */
+type MenubarShortcutProps = React.ComponentProps<typeof DropdownMenuShortcut> & {
+  /** 快捷键信息文本。 */children?: React.ComponentProps<typeof DropdownMenuShortcut>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<typeof DropdownMenuShortcut>['className'];
+};
+/** MenubarSub 组件属性。 */
+type MenubarSubProps = React.ComponentProps<typeof DropdownMenuSub> & {
+  /** 子菜单结构。 */children?: React.ComponentProps<typeof DropdownMenuSub>['children'];
+};
+/** Menubar 组件。 */
+declare function Menubar$1({
+  className,
+  ...props
+}: MenubarProps): react_jsx_runtime0.JSX.Element;
+/** MenubarMenu 组件。 */
+declare function MenubarMenu({
+  ...props
+}: MenubarMenuProps): react_jsx_runtime0.JSX.Element;
+/** MenubarGroup 组件。 */
+declare function MenubarGroup({
+  ...props
+}: MenubarGroupProps): react_jsx_runtime0.JSX.Element;
+/** MenubarPortal 组件。 */
+declare function MenubarPortal({
+  ...props
+}: MenubarPortalProps): react_jsx_runtime0.JSX.Element;
+/** MenubarTrigger 组件。 */
+declare function MenubarTrigger({
+  className,
+  ...props
+}: MenubarTriggerProps): react_jsx_runtime0.JSX.Element;
+/** MenubarContent 组件。 */
+declare function MenubarContent({
+  className,
+  align,
+  alignOffset,
+  sideOffset,
+  ...props
+}: MenubarContentProps): react_jsx_runtime0.JSX.Element;
+/** MenubarItem 组件。 */
+declare function MenubarItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: MenubarItemProps): react_jsx_runtime0.JSX.Element;
+/** MenubarCheckboxItem 组件。 */
+declare function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: MenubarCheckboxItemProps): react_jsx_runtime0.JSX.Element;
+/** MenubarRadioGroup 组件。 */
+declare function MenubarRadioGroup({
+  ...props
+}: MenubarRadioGroupProps): react_jsx_runtime0.JSX.Element;
+/** MenubarRadioItem 组件。 */
+declare function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}: MenubarRadioItemProps): react_jsx_runtime0.JSX.Element;
+/** MenubarLabel 组件。 */
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: MenubarLabelProps): react_jsx_runtime0.JSX.Element;
+/** MenubarSeparator 组件。 */
+declare function MenubarSeparator({
+  className,
+  ...props
+}: MenubarSeparatorProps): react_jsx_runtime0.JSX.Element;
+/** MenubarShortcut 组件。 */
+declare function MenubarShortcut({
+  className,
+  ...props
+}: MenubarShortcutProps): react_jsx_runtime0.JSX.Element;
+/** MenubarSub 组件。 */
+declare function MenubarSub({
+  ...props
+}: MenubarSubProps): react_jsx_runtime0.JSX.Element;
+/** MenubarSubTrigger 组件。 */
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  ...props
+}: MenubarSubTriggerProps): react_jsx_runtime0.JSX.Element;
+/** MenubarSubContent 组件。 */
+declare function MenubarSubContent({
+  className,
+  ...props
+}: MenubarSubContentProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Menubar$1 as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };