@funhub/platform 0.2.29 → 0.2.31

package/dist/components/ui/breadcrumb.mjs

@@ -1,2 +1,85 @@
 
-"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};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region components/ui/breadcrumb.tsx
+/** UI 组件模块。 */
+/** Breadcrumb 组件。 */
+function Breadcrumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: cn(className),
+		...props
+	});
+}
+/** BreadcrumbList 组件。 */
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center break-words", className),
+		...props
+	});
+}
+/** BreadcrumbItem 组件。 */
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("gap-1 inline-flex items-center", className),
+		...props
+	});
+}
+/** BreadcrumbLink 组件。 */
+function BreadcrumbLink({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("hover:text-foreground transition-colors", className) }, props),
+		render,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+/** BreadcrumbPage 组件。 */
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("text-foreground font-normal", className),
+		...props
+	});
+}
+/** BreadcrumbSeparator 组件。 */
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+	});
+}
+/** BreadcrumbEllipsis 组件。 */
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("w-5 h-5 [&>svg]:w-4 [&>svg]:h-4 flex items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

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

@@ -1,2 +1,50 @@
 
-"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};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Separator } from "./separator.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region components/ui/button-group.tsx
+/** buttonGroupVariants 工具定义。 */
+const buttonGroupVariants = cva("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" }
+});
+/** ButtonGroup 组件。 */
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+/** ButtonGroupText 组件。 */
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("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", className) }, props),
+		render,
+		state: { slot: "button-group-text" }
+	});
+}
+/** ButtonGroupSeparator 组件。 */
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("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", className),
+		...props
+	});
+}
+
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button.mjs

@@ -1,2 +1,51 @@
 
-"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};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Button } from "@base-ui/react/button";
+
+//#region components/ui/button.tsx
+/** buttonVariants 工具定义。 */
+const buttonVariants = cva("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"
+	}
+});
+/** Button 组件。 */
+function Button$1({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Button$1 as Button, buttonVariants };

package/dist/components/ui/card.mjs

@@ -1,2 +1,66 @@
 
-import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t}from"react/jsx-runtime";function n({className:n,size:r=`default`,...i}){return t(`div`,{"data-slot":`card`,"data-size":r,className:e(`ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-[data-slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-[data-slot=card-footer]:pb-0 [&>img:first-child]:rounded-t-xl [&>img:last-child]:rounded-b-xl group/card flex flex-col`,n),...i})}function r({className:n,...r}){return t(`div`,{"data-slot":`card-header`,className:e(`gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-[data-slot=card-action]:grid-cols-[1fr_auto] has-[data-slot=card-description]:grid-rows-[auto_auto]`,n),...r})}function i({className:n,...r}){return t(`div`,{"data-slot":`card-title`,className:e(`text-base leading-snug font-medium group-data-[size=sm]/card:text-sm`,n),...r})}function a({className:n,...r}){return t(`div`,{"data-slot":`card-description`,className:e(`text-muted-foreground text-sm`,n),...r})}function o({className:n,...r}){return t(`div`,{"data-slot":`card-action`,className:e(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,n),...r})}function s({className:n,...r}){return t(`div`,{"data-slot":`card-content`,className:e(`px-4 group-data-[size=sm]/card:px-3`,n),...r})}function c({className:n,...r}){return t(`div`,{"data-slot":`card-footer`,className:e(`bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center`,n),...r})}export{n as Card,o as CardAction,s as CardContent,a as CardDescription,c as CardFooter,r as CardHeader,i as CardTitle};
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/ui/card.tsx
+/** Card 组件。 */
+function Card({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-[data-slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-[data-slot=card-footer]:pb-0 [&>img:first-child]:rounded-t-xl [&>img:last-child]:rounded-b-xl group/card flex flex-col", className),
+		...props
+	});
+}
+/** CardHeader 组件。 */
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-[data-slot=card-action]:grid-cols-[1fr_auto] has-[data-slot=card-description]:grid-rows-[auto_auto]", className),
+		...props
+	});
+}
+/** CardTitle 组件。 */
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+		...props
+	});
+}
+/** CardDescription 组件。 */
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+/** CardAction 组件。 */
+function CardAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-action",
+		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...props
+	});
+}
+/** CardContent 组件。 */
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+		...props
+	});
+}
+/** CardFooter 组件。 */
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className),
+		...props
+	});
+}
+
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/carousel.mjs

@@ -1,2 +1,143 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import*as n from"react";import{ChevronLeftIcon as r,ChevronRightIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import s from"embla-carousel-react";const c=n.createContext(null);function l(){let e=n.use(c);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function u({orientation:t=`horizontal`,opts:r,setApi:i,plugins:o,className:l,children:u,...d}){let[f,p]=s({...r,axis:t===`horizontal`?`x`:`y`},o),[m,h]=n.useState(!1),[g,_]=n.useState(!1),v=n.useCallback(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=n.useCallback(()=>{p?.scrollPrev()},[p]),b=n.useCallback(()=>{p?.scrollNext()},[p]),x=n.useCallback(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return n.useEffect(()=>{!p||!i||i(p)},[p,i]),n.useEffect(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),a(c,{value:{carouselRef:f,api:p,opts:r,orientation:t||(r?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:a(`div`,{onKeyDownCapture:x,className:e(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function d({className:t,...n}){let{carouselRef:r,orientation:i}=l();return a(`div`,{ref:r,className:`overflow-hidden`,"data-slot":`carousel-content`,children:a(`div`,{className:e(`flex`,i===`horizontal`?``:`flex-col`,t),...n})})}function f({className:t,...n}){let{orientation:r}=l();return a(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:e(`min-w-0 shrink-0 grow-0 basis-full`,r===`horizontal`?``:`pt-4`,t),...n})}function p({className:n,variant:i=`outline`,size:s=`icon-sm`,...c}){let{orientation:u,scrollPrev:d,canScrollPrev:f}=l();return o(t,{"data-slot":`carousel-previous`,variant:i,size:s,className:e(`rounded-full absolute touch-manipulation`,u===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!f,onClick:d,...c,children:[a(r,{}),a(`span`,{className:`sr-only`,children:`Previous slide`})]})}function m({className:n,variant:r=`outline`,size:s=`icon-sm`,...c}){let{orientation:u,scrollNext:d,canScrollNext:f}=l();return o(t,{"data-slot":`carousel-next`,variant:r,size:s,className:e(`rounded-full absolute touch-manipulation`,u===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!f,onClick:d,...c,children:[a(i,{}),a(`span`,{className:`sr-only`,children:`Next slide`})]})}export{u as Carousel,d as CarouselContent,f as CarouselItem,m as CarouselNext,p as CarouselPrevious,l as useCarousel};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "./button.mjs";
+import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from "embla-carousel-react";
+
+//#region components/ui/carousel.tsx
+/** CarouselContext 组件。 */
+const CarouselContext = React.createContext(null);
+/** useCarousel 工具定义。 */
+function useCarousel() {
+	const context = React.use(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+}
+/** Carousel 组件。 */
+function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+	const [canScrollNext, setCanScrollNext] = React.useState(false);
+	const onSelect = React.useCallback((api) => {
+		if (!api) return;
+		setCanScrollPrev(api.canScrollPrev());
+		setCanScrollNext(api.canScrollNext());
+	}, []);
+	const scrollPrev = React.useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = React.useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = React.useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrev();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrev, scrollNext]);
+	React.useEffect(() => {
+		if (!api || !setApi) return;
+		setApi(api);
+	}, [api, setApi]);
+	React.useEffect(() => {
+		if (!api) return;
+		onSelect(api);
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api?.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContext, {
+		value: {
+			carouselRef,
+			api,
+			opts,
+			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev,
+			scrollNext,
+			canScrollPrev,
+			canScrollNext
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			onKeyDownCapture: handleKeyDown,
+			className: cn("relative", className),
+			role: "region",
+			"aria-roledescription": "carousel",
+			"data-slot": "carousel",
+			...props,
+			children
+		})
+	});
+}
+/** CarouselContent 组件。 */
+function CarouselContent({ className, ...props }) {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		ref: carouselRef,
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "" : "flex-col", className),
+			...props
+		})
+	});
+}
+/** CarouselItem 组件。 */
+function CarouselItem({ className, ...props }) {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-roledescription": "slide",
+		"data-slot": "carousel-item",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "" : "pt-4", className),
+		...props
+	});
+}
+/** CarouselPrevious 组件。 */
+function CarouselPrevious({ className, variant = "outline", size = "icon-sm", ...props }) {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-previous",
+		variant,
+		size,
+		className: cn("rounded-full absolute touch-manipulation", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+}
+/** CarouselNext 组件。 */
+function CarouselNext({ className, variant = "outline", size = "icon-sm", ...props }) {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-next",
+		variant,
+		size,
+		className: cn("rounded-full absolute touch-manipulation", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronRightIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+}
+
+//#endregion
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };

package/dist/components/ui/checkbox.mjs

@@ -1,2 +1,26 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{CheckIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";import{Checkbox as r}from"@base-ui/react/checkbox";function i({className:i,...a}){return n(r.Root,{"data-slot":`checkbox`,className:e(`rounded-full border-text1 dark:bg-input/30 data-[checked]:bg-primary data-[checked]:text-primary-foreground dark:data-[checked]:bg-primary data-[checked]:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex w-4 h-4 items-center justify-center border transition-colors group-has-[data-disabled]/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,i),...a,children:n(r.Indicator,{"data-slot":`checkbox-indicator`,className:`[&>svg]:w-3.5 [&>svg]:h-3.5 grid place-content-center text-current transition-none`,children:n(t,{})})})}export{i as Checkbox};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { CheckIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+
+//#region components/ui/checkbox.tsx
+/** UI 组件模块。 */
+/** Checkbox 组件。 */
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("rounded-full border-text1 dark:bg-input/30 data-[checked]:bg-primary data-[checked]:text-primary-foreground dark:data-[checked]:bg-primary data-[checked]:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex w-4 h-4 items-center justify-center border transition-colors group-has-[data-disabled]/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "[&>svg]:w-3.5 [&>svg]:h-3.5 grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
+}
+
+//#endregion
+export { Checkbox$1 as Checkbox };

package/dist/components/ui/collapsible.mjs

@@ -1,2 +1,32 @@
 
-"use client";import{jsx as e}from"react/jsx-runtime";import{Collapsible as t}from"@base-ui/react/collapsible";function n({...n}){return e(t.Root,{"data-slot":`collapsible`,...n})}function r({...n}){return e(t.Trigger,{"data-slot":`collapsible-trigger`,...n})}function i({...n}){return e(t.Panel,{"data-slot":`collapsible-content`,...n})}export{n as Collapsible,i as CollapsibleContent,r as CollapsibleTrigger};
+'use client';
+
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+
+//#region components/ui/collapsible.tsx
+/** UI 组件模块。 */
+/** Collapsible 组件。 */
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+/** CollapsibleTrigger 组件。 */
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+/** CollapsibleContent 组件。 */
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };