@funhub/platform 0.1.10 → 0.1.13

package/dist/components/ui/infinite-scroll.d.mts

@@ -0,0 +1,53 @@
+
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/ui/infinite-scroll.d.ts
+/** InfiniteScrollProps 属性定义。 */
+interface InfiniteScrollProps {
+  /** 加载更多回调，`isRetry` 表示是否为失败重试触发。 */
+  loadMore: (isRetry: boolean) => Promise<void>;
+  /** 是否还有更多数据，`false` 时展示结束文案。 */
+  hasMore?: boolean;
+  /** 触发加载的底部预加载距离（px）。 */
+  threshold?: number;
+  /** 加载中提示文案。 */
+  loadingText?: ReactNode;
+  /** 空状态提示文案，优先级高于 `noMoreText`。 */
+  emptyText?: ReactNode;
+  /** 无更多数据提示文案。 */
+  noMoreText?: ReactNode;
+  /** 加载失败提示文案。 */
+  failedText?: ReactNode;
+  /** 列表内容。 */
+  children?: ReactNode;
+  /** 根容器类名。 */
+  className?: string;
+  /** 是否禁用自动加载逻辑。 */
+  disabled?: boolean;
+  /**
+   * 滚动容器引用（用于容器内滚动）
+   */
+  rootId?: string;
+  /** 组件挂载时是否立即触发一次加载。 */
+  initialLoad?: boolean;
+}
+/**
+ * 无限滚动组件
+ */
+declare function InfiniteScroll({
+  loadMore,
+  hasMore,
+  threshold,
+  loadingText,
+  emptyText,
+  noMoreText,
+  failedText,
+  children,
+  className,
+  disabled,
+  rootId,
+  initialLoad
+}: InfiniteScrollProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InfiniteScroll, InfiniteScrollProps };

package/dist/components/ui/infinite-scroll.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";const s=()=>a(`span`,{className:`inline-flex gap-1 ml-1`,children:[i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse`}),i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse animation-delay-200`}),i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse animation-delay-400`})]});function c({loadMore:c,hasMore:l,threshold:u=0,loadingText:d,emptyText:f,noMoreText:p,failedText:m,children:h,className:g=``,disabled:_=!1,rootId:v=``,initialLoad:y=!1}){let b=o(`components.ui`),[x,S]=r(!1),[C,w]=r(!1),T=n(null),E=n(!1),D=n(!1),O=d??b(`infiniteScroll.loading`),k=m??b(`infiniteScroll.failed`),A=f??p??b(`infiniteScroll.noMore`),j=l!==!1,M=e(async(e,t)=>{if(!(_||E.current||!t&&!j)){E.current=!0,w(!0),e&&S(!1);try{await c(e)}catch{S(!0)}finally{E.current=!1}}},[j,_,c]),N=e(async(e=!1)=>{await M(e,!1)},[M]);t(()=>{!y||D.current||(D.current=!0,M(!1,!0))},[M,y]),t(()=>{let e=T.current;if(!e||_)return;let t=v?document.getElementById(v):document.body,n=new IntersectionObserver(e=>{let t=e[0];t&&t.isIntersecting&&!E.current&&j&&(S(!1),N(!1))},{root:t,rootMargin:`0px 0px ${u}px 0px`,threshold:0});return n.observe(e),()=>{n.disconnect()}},[_,N,j,v,u]);let P=()=>{S(!1),N(!0)};return _?i(`div`,{className:g,children:h}):a(`div`,{className:g,children:[h,a(`div`,{children:[i(`div`,{ref:T,className:`h-[10px]`,"aria-hidden":`true`}),j&&!x&&a(`div`,{className:`flex items-center justify-center text-[12px] h-8.5`,children:[i(`span`,{className:`text-text2 mr-2`,children:O}),i(s,{})]}),x&&i(`div`,{className:`text-center text-theme5 cursor-pointer`,onClick:P,children:k}),l===!1&&!x&&i(`div`,{className:`text-center text-text3 pt-1.5 pb-3 border-text1/5 border-b`,children:A})]})]})}export{c as InfiniteScroll};

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

@@ -0,0 +1,87 @@
+
+import { Button } from "./button.mjs";
+import { Input } from "./input.mjs";
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/input-group.d.ts
+/** InputGroup 组件属性。 */
+type InputGroupProps = React.ComponentProps<'div'> & {
+  /** 输入组内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义容器类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** InputGroupAddon 组件属性。 */
+type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants> & {
+  /** 附加区域内容。 */children?: React.ComponentProps<'div'>['children']; /** 附加区域位置。 */
+  align?: VariantProps<typeof inputGroupAddonVariants>['align']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** InputGroupButton 组件属性。 */
+type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
+  /** 按钮类型。 */type?: 'button' | 'submit' | 'reset'; /** 按钮尺寸。 */
+  size?: VariantProps<typeof inputGroupButtonVariants>['size']; /** 按钮内容。 */
+  children?: React.ComponentProps<typeof Button>['children'];
+};
+/** InputGroupText 组件属性。 */
+type InputGroupTextProps = React.ComponentProps<'span'> & {
+  /** 文本内容。 */children?: React.ComponentProps<'span'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'span'>['className'];
+};
+/** InputGroupInput 组件属性。 */
+type InputGroupInputProps = React.ComponentProps<typeof Input> & {
+  /** 输入值。 */value?: React.ComponentProps<typeof Input>['value']; /** 输入变更回调。 */
+  onChange?: React.ComponentProps<typeof Input>['onChange']; /** 自定义类名。 */
+  className?: React.ComponentProps<typeof Input>['className'];
+};
+/** InputGroupTextarea 组件属性。 */
+type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {
+  /** 文本域值。 */value?: React.ComponentProps<'textarea'>['value']; /** 文本域变更回调。 */
+  onChange?: React.ComponentProps<'textarea'>['onChange']; /** 自定义类名。 */
+  className?: React.ComponentProps<'textarea'>['className'];
+};
+/** InputGroup 组件。 */
+declare function InputGroup({
+  className,
+  ...props
+}: InputGroupProps): react_jsx_runtime0.JSX.Element;
+/** inputGroupAddonVariants 工具定义。 */
+declare const inputGroupAddonVariants: (props?: ({
+  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** InputGroupAddon 组件。 */
+declare function InputGroupAddon({
+  className,
+  align,
+  ...props
+}: InputGroupAddonProps): react_jsx_runtime0.JSX.Element;
+/** inputGroupButtonVariants 工具定义。 */
+declare const inputGroupButtonVariants: (props?: ({
+  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** InputGroupButton 组件。 */
+declare function InputGroupButton({
+  className,
+  type,
+  variant,
+  size,
+  ...props
+}: InputGroupButtonProps): react_jsx_runtime0.JSX.Element;
+/** InputGroupText 组件。 */
+declare function InputGroupText({
+  className,
+  ...props
+}: InputGroupTextProps): react_jsx_runtime0.JSX.Element;
+/** InputGroupInput 组件。 */
+declare function InputGroupInput({
+  className,
+  ...props
+}: InputGroupInputProps): react_jsx_runtime0.JSX.Element;
+/** InputGroupTextarea 组件。 */
+declare function InputGroupTextarea({
+  className,
+  ...props
+}: InputGroupTextareaProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

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

@@ -1,135 +1,2 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cva as i } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { Button as u } from "./button.mjs";
-import { Input as d } from "./input.mjs";
-import { Textarea as l } from "./textarea.mjs";
-import { cn as n } from "../../utils/cn.mjs";
-function v({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "input-group",
-      role: "group",
-      className: n(
-        "border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
-        a
-      ),
-      ...t
-    }
-  );
-}
-const p = i(
-  "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
-  {
-    variants: {
-      align: {
-        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
-        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
-        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
-        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-function k({
-  className: a,
-  align: t = "inline-start",
-  ...o
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": t,
-      className: n(p({ align: t }), a),
-      onClick: (e) => {
-        e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
-      },
-      ...o
-    }
-  );
-}
-const c = i(
-  "gap-2 text-sm shadow-none flex items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: "",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
-    }
-  }
-);
-function z({
-  className: a,
-  type: t = "button",
-  variant: o = "ghost",
-  size: e = "xs",
-  ...s
-}) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      type: t,
-      "data-size": e,
-      variant: o,
-      className: n(c({ size: e }), a),
-      ...s
-    }
-  );
-}
-function w({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      className: n(
-        "text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function y({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    d,
-    {
-      "data-slot": "input-group-control",
-      className: n("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", a),
-      ...t
-    }
-  );
-}
-function G({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    l,
-    {
-      "data-slot": "input-group-control",
-      className: n("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", a),
-      ...t
-    }
-  );
-}
-export {
-  v as InputGroup,
-  k as InputGroupAddon,
-  z as InputGroupButton,
-  y as InputGroupInput,
-  w as InputGroupText,
-  G as InputGroupTextarea
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import{Input as n}from"./input.mjs";import{Textarea as r}from"./textarea.mjs";import"react";import{jsx as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";function o({className:t,...n}){return i(`div`,{"data-slot":`input-group`,role:`group`,className:e(` dark:bg-input/30    has-[:disabled]:bg-input/50 dark:has-[:disabled]:bg-input/80 h-8 rounded-lg  transition-colors has-[:disabled]:opacity-50  has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto`,t),...n})}const s=a(`text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='w-']):not([class*='h-'])]:w-4 [&>svg:not([class*='w-']):not([class*='h-'])]:h-4 flex cursor-text items-center justify-center select-none`,{variants:{align:{"inline-start":`pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first`,"inline-end":`pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last`,"block-start":`px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start`,"block-end":`px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start`}},defaultVariants:{align:`inline-start`}});function c({className:t,align:n=`inline-start`,...r}){return i(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:e(s({align:n}),t),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}const l=a(`gap-2 text-sm shadow-none flex items-center`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='w-']):not([class*='h-'])]:w-3.5 [&>svg:not([class*='w-']):not([class*='h-'])]:h-3.5`,sm:``,"icon-xs":`w-6 h-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`w-8 h-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function u({className:n,type:r=`button`,variant:a=`ghost`,size:o=`xs`,...s}){return i(t,{type:r,"data-size":o,variant:a,className:e(l({size:o}),n),...s})}function d({className:t,...n}){return i(`span`,{className:e(`text-muted-foreground gap-2 text-sm [&_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),...n})}function f({className:t,...r}){return i(n,{"data-slot":`input-group-control`,className:e(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1`,t),...r})}function p({className:t,...n}){return i(r,{"data-slot":`input-group-control`,className:e(`rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none`,t),...n})}export{o as InputGroup,c as InputGroupAddon,u as InputGroupButton,f as InputGroupInput,d as InputGroupText,p as InputGroupTextarea};

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

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

package/dist/components/ui/input.mjs

@@ -1,20 +1,2 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "../../utils/cn.mjs";
-import { Input 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/input/Input.mjs";
-function s({ className: i, type: e, ...r }) {
-  return /* @__PURE__ */ t(
-    d,
-    {
-      type: e,
-      "data-slot": "input",
-      className: n(
-        "dark:bg-input/30 border-input 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 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        i
-      ),
-      ...r
-    }
-  );
-}
-export {
-  s as Input
-};
+
+import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t}from"react/jsx-runtime";import{Input as n}from"@base-ui/react/input";function r({className:r,type:i,...a}){return t(n,{type:i,"data-slot":`input`,className:e(`dark:bg-input/30 text-text2 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg  bg-transparent py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium  md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,r),...a})}export{r as Input};

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

@@ -0,0 +1,124 @@
+
+import { Separator } from "./separator.mjs";
+import * as React from "react";
+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/item.d.ts
+/** ItemGroup 组件属性。 */
+type ItemGroupProps = React.ComponentProps<'div'> & {
+  /** 条目组内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemSeparator 组件属性。 */
+type ItemSeparatorProps = React.ComponentProps<typeof Separator> & {
+  /** 自定义分割线类名。 */className?: React.ComponentProps<typeof Separator>['className'];
+};
+/** Item 组件属性。 */
+type ItemProps = useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+  /** 条目内容。 */children?: React.ReactNode; /** 条目风格。 */
+  variant?: VariantProps<typeof itemVariants>['variant']; /** 条目尺寸。 */
+  size?: VariantProps<typeof itemVariants>['size'];
+};
+/** ItemMedia 组件属性。 */
+type ItemMediaProps = React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants> & {
+  /** 媒体内容。 */children?: React.ComponentProps<'div'>['children']; /** 媒体展示类型。 */
+  variant?: VariantProps<typeof itemMediaVariants>['variant'];
+};
+/** ItemContent 组件属性。 */
+type ItemContentProps = React.ComponentProps<'div'> & {
+  /** 主内容区域。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemTitle 组件属性。 */
+type ItemTitleProps = React.ComponentProps<'div'> & {
+  /** 标题内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemDescription 组件属性。 */
+type ItemDescriptionProps = React.ComponentProps<'p'> & {
+  /** 描述文本。 */children?: React.ComponentProps<'p'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'p'>['className'];
+};
+/** ItemActions 组件属性。 */
+type ItemActionsProps = React.ComponentProps<'div'> & {
+  /** 操作区内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemHeader 组件属性。 */
+type ItemHeaderProps = React.ComponentProps<'div'> & {
+  /** 头部内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemFooter 组件属性。 */
+type ItemFooterProps = React.ComponentProps<'div'> & {
+  /** 底部内容。 */children?: React.ComponentProps<'div'>['children']; /** 自定义类名。 */
+  className?: React.ComponentProps<'div'>['className'];
+};
+/** ItemGroup 组件。 */
+declare function ItemGroup({
+  className,
+  ...props
+}: ItemGroupProps): react_jsx_runtime0.JSX.Element;
+/** ItemSeparator 组件。 */
+declare function ItemSeparator({
+  className,
+  ...props
+}: ItemSeparatorProps): react_jsx_runtime0.JSX.Element;
+/** itemVariants 工具定义。 */
+declare const itemVariants: (props?: ({
+  variant?: "default" | "outline" | "muted" | null | undefined;
+  size?: "default" | "xs" | "sm" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** Item 组件。 */
+declare function Item({
+  className,
+  variant,
+  size,
+  render,
+  ...props
+}: ItemProps): React.ReactElement;
+/** itemMediaVariants 工具定义。 */
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "icon" | "image" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** ItemMedia 组件。 */
+declare function ItemMedia({
+  className,
+  variant,
+  ...props
+}: ItemMediaProps): react_jsx_runtime0.JSX.Element;
+/** ItemContent 组件。 */
+declare function ItemContent({
+  className,
+  ...props
+}: ItemContentProps): react_jsx_runtime0.JSX.Element;
+/** ItemTitle 组件。 */
+declare function ItemTitle({
+  className,
+  ...props
+}: ItemTitleProps): react_jsx_runtime0.JSX.Element;
+/** ItemDescription 组件。 */
+declare function ItemDescription({
+  className,
+  ...props
+}: ItemDescriptionProps): react_jsx_runtime0.JSX.Element;
+/** ItemActions 组件。 */
+declare function ItemActions({
+  className,
+  ...props
+}: ItemActionsProps): react_jsx_runtime0.JSX.Element;
+/** ItemHeader 组件。 */
+declare function ItemHeader({
+  className,
+  ...props
+}: ItemHeaderProps): react_jsx_runtime0.JSX.Element;
+/** ItemFooter 组件。 */
+declare function ItemFooter({
+  className,
+  ...props
+}: ItemFooterProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/components/ui/item.mjs

@@ -1,195 +1,2 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cva as s } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { Separator as l } from "./separator.mjs";
-import { cn as a } from "../../utils/cn.mjs";
-import { useRender 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/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";
-function z({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      role: "list",
-      "data-slot": "item-group",
-      className: a(
-        "gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function N({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ i(
-    l,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: a("my-2", e),
-      ...t
-    }
-  );
-}
-const u = s(
-  "[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent",
-        outline: "border-border",
-        muted: "bg-muted/50 border-transparent"
-      },
-      size: {
-        default: "gap-2.5 px-3 py-2.5",
-        sm: "gap-2.5 px-3 py-2.5",
-        xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function h({
-  className: e,
-  variant: t = "default",
-  size: r = "default",
-  render: n,
-  ...o
-}) {
-  return m({
-    defaultTagName: "div",
-    props: d(
-      {
-        className: a(u({ variant: t, size: r, className: e }))
-      },
-      o
-    ),
-    render: n,
-    state: {
-      slot: "item",
-      variant: t,
-      size: r
-    }
-  });
-}
-const f = s(
-  "gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "[&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function I({
-  className: e,
-  variant: t = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": t,
-      className: a(f({ variant: t, className: e })),
-      ...r
-    }
-  );
-}
-function y({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: a(
-        "gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function w({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: a(
-        "gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function j({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: a(
-        "text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function _({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: a("gap-2 flex items-center", e),
-      ...t
-    }
-  );
-}
-function V({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: a(
-        "gap-2 flex basis-full items-center justify-between",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function M({ className: e, ...t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: a(
-        "gap-2 flex basis-full items-center justify-between",
-        e
-      ),
-      ...t
-    }
-  );
-}
-export {
-  h as Item,
-  _ as ItemActions,
-  y as ItemContent,
-  j as ItemDescription,
-  M as ItemFooter,
-  z as ItemGroup,
-  V as ItemHeader,
-  I as ItemMedia,
-  N as ItemSeparator,
-  w as ItemTitle
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Separator as t}from"./separator.mjs";import"react";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";function o({className:t,...r}){return n(`div`,{role:`list`,"data-slot":`item-group`,className:e(`gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col`,t),...r})}function s({className:r,...i}){return n(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:e(`my-2`,r),...i})}const c=r(`[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors`,{variants:{variant:{default:`border-transparent`,outline:`border-border`,muted:`bg-muted/50 border-transparent`},size:{default:`gap-2.5 px-3 py-2.5`,sm:`gap-2.5 px-3 py-2.5`,xs:`gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:t,variant:n=`default`,size:r=`default`,render:o,...s}){return a({defaultTagName:`div`,props:i({className:e(c({variant:n,size:r,className:t}))},s),render:o,state:{slot:`item`,variant:n,size:r}})}const u=r(`gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none`,{variants:{variant:{default:`bg-transparent`,icon:`[&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4`,image:`w-10 h-10 overflow-hidden rounded-sm group-data-[size=sm]/item:w-8 group-data-[size=sm]/item:h-8 group-data-[size=xs]/item:w-6 group-data-[size=xs]/item:h-6 [&_img]:w-full [&_img]:h-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:t,variant:r=`default`,...i}){return n(`div`,{"data-slot":`item-media`,"data-variant":r,className:e(u({variant:r,className:t})),...i})}function f({className:t,...r}){return n(`div`,{"data-slot":`item-content`,className:e(`gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none`,t),...r})}function p({className:t,...r}){return n(`div`,{"data-slot":`item-title`,className:e(`gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center`,t),...r})}function m({className:t,...r}){return n(`p`,{"data-slot":`item-description`,className:e(`text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4`,t),...r})}function h({className:t,...r}){return n(`div`,{"data-slot":`item-actions`,className:e(`gap-2 flex items-center`,t),...r})}function g({className:t,...r}){return n(`div`,{"data-slot":`item-header`,className:e(`gap-2 flex basis-full items-center justify-between`,t),...r})}function _({className:t,...r}){return n(`div`,{"data-slot":`item-footer`,className:e(`gap-2 flex basis-full items-center justify-between`,t),...r})}export{l as Item,h as ItemActions,f as ItemContent,m as ItemDescription,_ as ItemFooter,o as ItemGroup,g as ItemHeader,d as ItemMedia,s as ItemSeparator,p as ItemTitle};