@funhub/platform 0.1.10 → 0.1.13

package/dist/components/ui/avatar.mjs

@@ -1,102 +1,2 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as e } from "../../utils/cn.mjs";
-import { AvatarRoot as o } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/avatar/root/AvatarRoot.mjs";
-import { AvatarFallback as i } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/avatar/fallback/AvatarFallback.mjs";
-import { AvatarImage as u } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/avatar/image/AvatarImage.mjs";
-function f({
-  className: a,
-  size: t = "default",
-  ...s
-}) {
-  return /* @__PURE__ */ r(
-    o,
-    {
-      "data-slot": "avatar",
-      "data-size": t,
-      className: e(
-        "size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten",
-        a
-      ),
-      ...s
-    }
-  );
-}
-function m({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      "data-slot": "avatar-image",
-      className: e(
-        "rounded-full aspect-square size-full object-cover",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function c({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    i,
-    {
-      "data-slot": "avatar-fallback",
-      className: e(
-        "bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function p({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      "data-slot": "avatar-badge",
-      className: e(
-        "bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none",
-        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
-        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
-        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function z({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "avatar-group",
-      className: e(
-        "*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function b({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "avatar-group-count",
-      className: e("bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2", a),
-      ...t
-    }
-  );
-}
-export {
-  f as Avatar,
-  p as AvatarBadge,
-  c as AvatarFallback,
-  z as AvatarGroup,
-  b as AvatarGroupCount,
-  m as AvatarImage
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import t from"../../assets/images/default_avatar.mjs";import{Image as n}from"./image.mjs";import*as r from"react";import{jsx as i}from"react/jsx-runtime";import{Avatar as a}from"@base-ui/react/avatar";function o(e){if(!e)return;let t=e.trim();if(t)return/^(?:https?:|data:|blob:)/i.test(t)||t.startsWith(`/`)||t.startsWith(`assets/`)||t.startsWith(`./`)||t.startsWith(`../`)?t:`/${t.replace(/^\/+/,``)}`}const s=typeof t==`string`?t:t.src||String(t),c=o(s)||s;function l({className:t,size:n=`default`,...r}){return i(a.Root,{"data-slot":`avatar`,"data-size":n,className:e(`w-8 h-8 rounded-full after:rounded-full data-[size=lg]:w-10 data-[size=lg]:h-10 data-[size=sm]:w-6 data-[size=sm]:h-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,t),...r})}function u({className:t,src:a,thumbnailSrc:s,onError:c,onLoad:l,...u}){let d=r.useMemo(()=>o(a),[a]),f=r.useMemo(()=>o(s),[s])||d,[p,m]=r.useState(!f);if(r.useEffect(()=>{m(!f)},[f]),!f||p)return null;let h=e=>{m(!0),c?.(e)},g=e=>{m(!1),l?.(e)};return i(n,{"data-slot":`avatar-image`,className:e(`rounded-full aspect-square w-full h-full object-cover`,t),fill:!0,src:f,onError:h,onLoad:g,...u})}function d({className:t,children:n,...r}){return i(a.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted text-muted-foreground rounded-full flex w-full h-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,t),...r,children:n??i(`img`,{src:c,alt:`avatar`,className:`w-full h-full rounded-full object-cover`})})}function f({className:t,...n}){return i(`span`,{"data-slot":`avatar-badge`,className:e(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:w-2 group-data-[size=sm]/avatar:h-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:w-2.5 group-data-[size=default]/avatar:h-2.5 group-data-[size=default]/avatar:[&>svg]:w-2 group-data-[size=default]/avatar:[&>svg]:h-2`,`group-data-[size=lg]/avatar:w-3 group-data-[size=lg]/avatar:h-3 group-data-[size=lg]/avatar:[&>svg]:w-2 group-data-[size=lg]/avatar:[&>svg]:h-2`,t),...n})}function p({className:t,...n}){return i(`div`,{"data-slot":`avatar-group`,className:e(`[&>[data-slot=avatar]]:ring-background group/avatar-group flex -space-x-2 [&>[data-slot=avatar]]:ring-2`,t),...n})}function m({className:t,...n}){return i(`div`,{"data-slot":`avatar-group-count`,className:e(`bg-muted text-muted-foreground w-8 h-8 rounded-full text-sm group-has-[data-size=lg]/avatar-group:w-10 group-has-[data-size=lg]/avatar-group:h-10 group-has-[data-size=sm]/avatar-group:w-6 group-has-[data-size=sm]/avatar-group:h-6 [&>svg]:w-4 [&>svg]:h-4 group-has-[data-size=lg]/avatar-group:[&>svg]:w-5 group-has-[data-size=lg]/avatar-group:[&>svg]:h-5 group-has-[data-size=sm]/avatar-group:[&>svg]:w-3 group-has-[data-size=sm]/avatar-group:[&>svg]:h-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,t),...n})}export{l as Avatar,f as AvatarBadge,d as AvatarFallback,p as AvatarGroup,m as AvatarGroupCount,u as AvatarImage};

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

@@ -0,0 +1,19 @@
+
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/badge.d.ts
+/** badgeVariants 工具定义。 */
+declare const badgeVariants: (props?: ({
+  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** Badge 组件。 */
+declare function Badge({
+  className,
+  variant,
+  render,
+  ...props
+}: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): React.ReactElement;
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/ui/badge.mjs

@@ -1,47 +1,2 @@
-import { cva as a } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { cn as o } from "../../utils/cn.mjs";
-import { useRender as n } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.mjs";
-import { mergeProps as d } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.mjs";
-const s = a(
-  "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function l({
-  className: r,
-  variant: e = "default",
-  render: t,
-  ...i
-}) {
-  return n({
-    defaultTagName: "span",
-    props: d(
-      {
-        className: o(s({ className: r, variant: e }))
-      },
-      i
-    ),
-    render: t,
-    state: {
-      slot: "badge",
-      variant: e
-    }
-  });
-}
-export {
-  l as Badge,
-  s as badgeVariants
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{cva as t}from"class-variance-authority";import{mergeProps as n}from"@base-ui/react/merge-props";import{useRender as r}from"@base-ui/react/use-render";const i=t(`h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-[data-icon=inline-end]:pr-1.5 has-[data-icon=inline-start]:pl-1.5 [&>svg]:!w-3 [&>svg]:!h-3 inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge`,{variants:{variant:{default:`bg-primary text-primary-foreground [a]:hover:bg-primary/80`,secondary:`bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80`,destructive:`bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20`,outline:`border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground`,ghost:`hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50`,link:`text-primary underline-offset-4 hover:underline`}},defaultVariants:{variant:`default`}});function a({className:t,variant:a=`default`,render:o,...s}){return r({defaultTagName:`span`,props:n({className:e(i({className:t,variant:a}))},s),render:o,state:{slot:`badge`,variant:a}})}export{a as Badge,i as badgeVariants};

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

@@ -0,0 +1,34 @@
+
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/ui/box.d.ts
+/** BoxAs 类型定义。 */
+type BoxAs = 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'nav' | 'li' | 'ul';
+/** BoxProps 属性定义。 */
+interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'className'> {
+  /**
+   * 子元素内容
+   */
+  children?: React.ReactNode;
+  /**
+   * 自定义类名
+   */
+  className?: string;
+  /**
+   * 渲染的 HTML 标签类型
+   * @default "div"
+   */
+  as?: BoxAs;
+}
+/** Box 组件对外属性。 */
+interface BoxComponentProps extends BoxProps {
+  /**
+   * 组件实例引用。
+   */
+  ref?: React.Ref<HTMLElement>;
+}
+/** Box 组件。 */
+declare function Box(props: BoxComponentProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Box, BoxAs, BoxComponentProps, BoxProps };

package/dist/components/ui/box.mjs

@@ -0,0 +1,2 @@
+
+import"react";import{jsx as e}from"react/jsx-runtime";function t(t){let{children:n,ref:r,className:i=``,as:a=`div`,...o}=t;return e(a,{ref:r,className:i.trim(),...o,children:n})}export{t as Box};

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

@@ -0,0 +1,59 @@
+
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region components/ui/breadcrumb.d.ts
+/** Breadcrumb 组件属性。 */
+type BreadcrumbProps = React.ComponentProps<'nav'>;
+/** BreadcrumbList 组件属性。 */
+type BreadcrumbListProps = React.ComponentProps<'ol'>;
+/** BreadcrumbItem 组件属性。 */
+type BreadcrumbItemProps = React.ComponentProps<'li'>;
+/** BreadcrumbLink 组件属性。 */
+type BreadcrumbLinkProps = useRender.ComponentProps<'a'>;
+/** BreadcrumbPage 组件属性。 */
+type BreadcrumbPageProps = React.ComponentProps<'span'>;
+/** BreadcrumbSeparator 组件属性。 */
+type BreadcrumbSeparatorProps = React.ComponentProps<'li'>;
+/** BreadcrumbEllipsis 组件属性。 */
+type BreadcrumbEllipsisProps = React.ComponentProps<'span'>;
+/** Breadcrumb 组件。 */
+declare function Breadcrumb({
+  className,
+  ...props
+}: BreadcrumbProps): react_jsx_runtime0.JSX.Element;
+/** BreadcrumbList 组件。 */
+declare function BreadcrumbList({
+  className,
+  ...props
+}: BreadcrumbListProps): react_jsx_runtime0.JSX.Element;
+/** BreadcrumbItem 组件。 */
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: BreadcrumbItemProps): react_jsx_runtime0.JSX.Element;
+/** BreadcrumbLink 组件。 */
+declare function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}: BreadcrumbLinkProps): React.ReactElement;
+/** BreadcrumbPage 组件。 */
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: BreadcrumbPageProps): react_jsx_runtime0.JSX.Element;
+/** BreadcrumbSeparator 组件。 */
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: BreadcrumbSeparatorProps): react_jsx_runtime0.JSX.Element;
+/** BreadcrumbEllipsis 组件。 */
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: BreadcrumbEllipsisProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/ui/breadcrumb.mjs

@@ -1,120 +1,2 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.mjs";
-import o from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/ellipsis.mjs";
-import i from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.mjs";
-import { useRender as l } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.mjs";
-import { mergeProps as m } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.mjs";
-function g({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "nav",
-    {
-      "aria-label": "breadcrumb",
-      "data-slot": "breadcrumb",
-      className: t(r),
-      ...e
-    }
-  );
-}
-function x({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: t(
-        "text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center break-words",
-        r
-      ),
-      ...e
-    }
-  );
-}
-function N({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      "data-slot": "breadcrumb-item",
-      className: t("gap-1 inline-flex items-center", r),
-      ...e
-    }
-  );
-}
-function h({
-  className: r,
-  render: e,
-  ...s
-}) {
-  return l({
-    defaultTagName: "a",
-    props: m(
-      {
-        className: t("hover:text-foreground transition-colors", r)
-      },
-      s
-    ),
-    render: e,
-    state: {
-      slot: "breadcrumb-link"
-    }
-  });
-}
-function B({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "span",
-    {
-      "data-slot": "breadcrumb-page",
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: t("text-foreground font-normal", r),
-      ...e
-    }
-  );
-}
-function v({
-  children: r,
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t("[&>svg]:size-3.5", e),
-      ...s,
-      children: r ?? /* @__PURE__ */ a(i, {})
-    }
-  );
-}
-function k({
-  className: r,
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    "span",
-    {
-      "data-slot": "breadcrumb-ellipsis",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t(
-        "size-5 [&>svg]:size-4 flex items-center justify-center",
-        r
-      ),
-      ...e,
-      children: [
-        /* @__PURE__ */ a(o, {}),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
-      ]
-    }
-  );
-}
-export {
-  g as Breadcrumb,
-  k as BreadcrumbEllipsis,
-  N as BreadcrumbItem,
-  h as BreadcrumbLink,
-  x as BreadcrumbList,
-  B as BreadcrumbPage,
-  v as BreadcrumbSeparator
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import"react";import{ChevronRightIcon as t,MoreHorizontalIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{mergeProps as a}from"@base-ui/react/merge-props";import{useRender as o}from"@base-ui/react/use-render";function s({className:t,...n}){return r(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:e(t),...n})}function c({className:t,...n}){return r(`ol`,{"data-slot":`breadcrumb-list`,className:e(`text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center break-words`,t),...n})}function l({className:t,...n}){return r(`li`,{"data-slot":`breadcrumb-item`,className:e(`gap-1 inline-flex items-center`,t),...n})}function u({className:t,render:n,...r}){return o({defaultTagName:`a`,props:a({className:e(`hover:text-foreground transition-colors`,t)},r),render:n,state:{slot:`breadcrumb-link`}})}function d({className:t,...n}){return r(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:e(`text-foreground font-normal`,t),...n})}function f({children:n,className:i,...a}){return r(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:e(`[&>svg]:w-3.5 [&>svg]:h-3.5`,i),...a,children:n??r(t,{})})}function p({className:t,...a}){return i(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:e(`w-5 h-5 [&>svg]:w-4 [&>svg]:h-4 flex items-center justify-center`,t),...a,children:[r(n,{}),r(`span`,{className:`sr-only`,children:`More`})]})}export{s as Breadcrumb,p as BreadcrumbEllipsis,l as BreadcrumbItem,u as BreadcrumbLink,c as BreadcrumbList,d as BreadcrumbPage,f as BreadcrumbSeparator};

package/dist/components/ui/button-group.d.mts

@@ -0,0 +1,36 @@
+
+import { Separator } from "./separator.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/button-group.d.ts
+/** buttonGroupVariants 工具定义。 */
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** ButtonGroupText 组件属性。 */
+type ButtonGroupTextProps = useRender.ComponentProps<'div'>;
+/** ButtonGroupSeparator 组件属性。 */
+type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
+/** ButtonGroup 组件。 */
+declare function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime0.JSX.Element;
+/** ButtonGroupText 组件。 */
+declare function ButtonGroupText({
+  className,
+  render,
+  ...props
+}: ButtonGroupTextProps): React.ReactElement;
+/** ButtonGroupSeparator 组件。 */
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: ButtonGroupSeparatorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button-group.mjs

@@ -1,82 +1,2 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cva as n } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { Separator as s } from "./separator.mjs";
-import { cn as r } from "../../utils/cn.mjs";
-import { useRender as l } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.mjs";
-import { mergeProps as i } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.mjs";
-const d = n(
-  "has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none",
-        vertical: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function v({
-  className: o,
-  orientation: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": t,
-      className: r(d({ orientation: t }), o),
-      ...a
-    }
-  );
-}
-function b({
-  className: o,
-  render: t,
-  ...a
-}) {
-  return l({
-    defaultTagName: "div",
-    props: i(
-      {
-        className: r(
-          "bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
-          o
-        )
-      },
-      a
-    ),
-    render: t,
-    state: {
-      slot: "button-group-text"
-    }
-  });
-}
-function h({
-  className: o,
-  orientation: t = "vertical",
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    s,
-    {
-      "data-slot": "button-group-separator",
-      orientation: t,
-      className: r(
-        "bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto",
-        o
-      ),
-      ...a
-    }
-  );
-}
-export {
-  v as ButtonGroup,
-  h as ButtonGroupSeparator,
-  b as ButtonGroupText,
-  d as buttonGroupVariants
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Separator as t}from"./separator.mjs";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";import{mergeProps as i}from"@base-ui/react/merge-props";import{useRender as a}from"@base-ui/react/use-render";const o=r(`has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg group/button-group flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>[data-slot]:not(:has(~[data-slot]))]:!rounded-r-lg [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none`,vertical:`[&>[data-slot]:not(:has(~[data-slot]))]:!rounded-b-lg flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function s({className:t,orientation:r,...i}){return n(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":r,className:e(o({orientation:r}),t),...i})}function c({className:t,render:n,...r}){return a({defaultTagName:`div`,props:i({className:e(`bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 flex items-center [&_svg]:pointer-events-none`,t)},r),render:n,state:{slot:`button-group-text`}})}function l({className:r,orientation:i=`vertical`,...a}){return n(t,{"data-slot":`button-group-separator`,orientation:i,className:e(`bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto`,r),...a})}export{s as ButtonGroup,l as ButtonGroupSeparator,c as ButtonGroupText,o as buttonGroupVariants};

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

@@ -0,0 +1,49 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Button } from "@base-ui/react/button";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/button.d.ts
+/** buttonVariants 工具定义。 */
+declare const buttonVariants: (props?: ({
+  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** Button 组件属性。 */
+type ButtonProps = Button.Props & VariantProps<typeof buttonVariants> & {
+  /**
+   * 按钮视觉风格。
+   * @default 'default'
+   */
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+  /**
+   * 按钮尺寸规格。
+   * @default 'default'
+   */
+  size?: VariantProps<typeof buttonVariants>['size'];
+  /**
+   * 是否禁用交互。
+   * @default false
+   */
+  disabled?: Button.Props['disabled'];
+  /**
+   * 禁用时是否仍可聚焦。
+   * @default false
+   */
+  focusableWhenDisabled?: Button.Props['focusableWhenDisabled'];
+  /**
+   * 是否作为原生 button 渲染。
+   * @default true
+   */
+  nativeButton?: Button.Props['nativeButton'];
+};
+/** Button 组件。 */
+declare function Button$1({
+  className,
+  variant,
+  size,
+  ...props
+}: ButtonProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button$1 as Button, buttonVariants };

package/dist/components/ui/button.mjs

@@ -1,52 +1,2 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as a } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { cn as d } from "../../utils/cn.mjs";
-import { Button as o } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/button/Button.mjs";
-const s = a(
-  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function p({
-  className: e,
-  variant: r = "default",
-  size: i = "default",
-  ...t
-}) {
-  return /* @__PURE__ */ n(
-    o,
-    {
-      "data-slot": "button",
-      className: d(s({ variant: r, size: i, className: e })),
-      ...t
-    }
-  );
-}
-export {
-  p as Button,
-  s as buttonVariants
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{Button as r}from"@base-ui/react/button";const i=n(`focus-visible:outine-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium aria-invalid:ring-[3px] [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none`,{variants:{variant:{default:`bg-primary text-primary-foreground [a]:hover:bg-primary/80`,outline:`border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground`,destructive:`bg-destructive/10 hover:bg-destructive/20 dark:bg-destructive/20 text-destructive dark:hover:bg-destructive/30`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-8 gap-1.5 px-2.5 has-[data-icon=inline-end]:pr-2 has-[data-icon=inline-start]:pl-2`,xs:`h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs group-data-[slot=button-group]/button-group:rounded-lg has-[data-icon=inline-end]:pr-1.5 has-[data-icon=inline-start]:pl-1.5 [&_svg:not([class*='w-']):not([class*='h-'])]:w-3 [&_svg:not([class*='w-']):not([class*='h-'])]:h-3`,sm:`h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] group-data-[slot=button-group]/button-group:rounded-lg has-[data-icon=inline-end]:pr-1.5 has-[data-icon=inline-start]:pl-1.5 [&_svg:not([class*='w-']):not([class*='h-'])]:w-3.5 [&_svg:not([class*='w-']):not([class*='h-'])]:h-3.5`,lg:`h-9 gap-1.5 px-2.5 has-[data-icon=inline-end]:pr-3 has-[data-icon=inline-start]:pl-3`,icon:`w-8 h-8`,"icon-xs":`w-6 h-6 rounded-[min(var(--radius-md),10px)] group-data-[slot=button-group]/button-group:rounded-lg [&_svg:not([class*='w-']):not([class*='h-'])]:w-3 [&_svg:not([class*='w-']):not([class*='h-'])]:h-3`,"icon-sm":`w-7 h-7 rounded-[min(var(--radius-md),12px)] group-data-[slot=button-group]/button-group:rounded-lg`,"icon-lg":`w-9 h-9`}},defaultVariants:{variant:`default`,size:`default`}});function a({className:n,variant:a=`default`,size:o=`default`,...s}){return t(r,{"data-slot":`button`,className:e(i({variant:a,size:o,className:n})),...s})}export{a as Button,i as buttonVariants};