@alpic-ai/ui 0.0.0-dev.fffc79a → 0.0.0-dev.g01173d7

package/dist/components/sheet.d.mts

@@ -1,20 +1,19 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare function SheetPortal({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function SheetContent({
   className,
   children,
@@ -22,22 +21,22 @@ declare function SheetContent({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: "top" | "right" | "bottom" | "left";
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Description>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/shimmer-text.d.mts

@@ -0,0 +1,10 @@
+//#region src/components/shimmer-text.d.ts
+declare function ShimmerText({
+  children,
+  className
+}: {
+  children: string | number;
+  className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ShimmerText };

package/dist/components/shimmer-text.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/shimmer-text.tsx
+const shimmerStyle = {
+	background: `linear-gradient(90deg, #0000 calc(50% - 60px), var(--color-foreground), #0000 calc(50% + 60px)), linear-gradient(color-mix(in oklab, var(--color-muted-foreground) 70%, transparent), color-mix(in oklab, var(--color-muted-foreground) 70%, transparent))`,
+	backgroundSize: "250% 100%, auto",
+	backgroundRepeat: "no-repeat, padding-box",
+	WebkitBackgroundClip: "text",
+	WebkitTextFillColor: "transparent",
+	backgroundClip: "text",
+	animation: "shimmer-text 2.5s linear infinite"
+};
+function ShimmerText({ children, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(className),
+		style: shimmerStyle,
+		children
+	});
+}
+//#endregion
+export { ShimmerText };

package/dist/components/sidebar.d.mts

@@ -1,9 +1,7 @@
 import { Button } from "./button.mjs";
 import { TooltipContent } from "./tooltip.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/sidebar.d.ts
 type SidebarContextProps = {
@@ -28,7 +26,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -40,20 +38,20 @@ declare function Sidebar({
   side?: "left" | "right";
   variant?: "sidebar" | "floating" | "inset";
   collapsible?: "offcanvas" | "icon" | "none";
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<"button">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<"main">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
 interface SidebarHeaderProps extends React.ComponentProps<"div"> {
   icon?: React.ReactNode;
   title?: string;
@@ -64,52 +62,52 @@ declare function SidebarHeader({
   title,
   children,
   ...props
-}: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
+}: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarSeparator({
   className
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<"div"> & {
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<"button"> & {
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -122,7 +120,7 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): _$react_jsx_runtime0.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -131,23 +129,23 @@ declare function SidebarMenuAction({
 }: React.ComponentProps<"button"> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -158,6 +156,6 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: "sm" | "md";
   isActive?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };

package/dist/components/skeleton.d.mts

@@ -1,16 +1,14 @@
-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 src/components/skeleton.d.ts
 declare const skeletonVariants: (props?: ({
   shape?: "rectangle" | "circle" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SkeletonProps extends React.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {}
 declare function Skeleton({
   className,
   shape,
   ...props
-}: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
+}: SkeletonProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Skeleton, skeletonVariants };

package/dist/components/sonner.d.mts

@@ -1,10 +1,9 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Toaster as Toaster$1, toast } from "sonner";
 
 //#region src/components/sonner.d.ts
 type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-declare function Toaster(props: ToasterProps): _$react_jsx_runtime0.JSX.Element;
+declare function Toaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;
 interface ActionToastProps {
   toastId: string | number;
   title: string;
@@ -24,6 +23,6 @@ declare function ActionToast({
   description,
   onDismiss,
   confirm
-}: ActionToastProps): _$react_jsx_runtime0.JSX.Element;
+}: ActionToastProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ActionToast, type ActionToastProps, Toaster, type ToasterProps, toast };

package/dist/components/spinner.d.mts

@@ -1,19 +1,17 @@
-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 src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   variant?: "secondary" | "primary" | null | undefined;
   size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
 declare function Spinner({
   className,
   variant,
   size,
   ...props
-}: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+}: SpinnerProps): import("react/jsx-runtime").JSX.Element;
 interface SpinnerBlockProps extends VariantProps<typeof spinnerVariants> {
   className?: string;
   fullscreen?: boolean;
@@ -25,6 +23,6 @@ declare function SpinnerBlock({
   size,
   fullscreen,
   withLabel
-}: SpinnerBlockProps): _$react_jsx_runtime0.JSX.Element;
+}: SpinnerBlockProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Spinner, SpinnerBlock, type SpinnerBlockProps, type SpinnerProps, spinnerVariants };

package/dist/components/status-dot.d.mts

@@ -1,19 +1,17 @@
-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 src/components/status-dot.d.ts
 declare const statusDotVariants: (props?: ({
   variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
   pulse?: boolean | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}
 declare function StatusDot({
   className,
   variant,
   pulse,
   ...props
-}: StatusDotProps): _$react_jsx_runtime0.JSX.Element;
+}: StatusDotProps): import("react/jsx-runtime").JSX.Element;
 type StatusDotVariantProps = Required<Pick<VariantProps<typeof statusDotVariants>, "variant" | "pulse">>;
 //#endregion
 export { StatusDot, type StatusDotVariantProps, statusDotVariants };

package/dist/components/switch.d.mts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
@@ -6,6 +5,6 @@ import * as SwitchPrimitive from "@radix-ui/react-switch";
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof SwitchPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Switch };

package/dist/components/table.d.mts

@@ -1,31 +1,30 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/table.d.ts
 declare function Table({
   className,
   ...props
-}: React.ComponentProps<"table">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({
   className,
   ...props
-}: React.ComponentProps<"thead">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
 declare function TableBody({
   className,
   ...props
-}: React.ComponentProps<"tbody">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
 declare function TableFooter({
   className,
   ...props
-}: React.ComponentProps<"tfoot">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
 declare function TableRow({
   className,
   ...props
-}: React.ComponentProps<"tr">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
 declare function TableHead({
   className,
   ...props
-}: React.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
 interface TableCellProps extends React.ComponentProps<"td"> {
   /**
    * When true, the cell renders edge-to-edge so the child can act as the
@@ -38,10 +37,10 @@ declare function TableCell({
   className,
   interactive,
   ...props
-}: TableCellProps): _$react_jsx_runtime0.JSX.Element;
+}: TableCellProps): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({
   className,
   ...props
-}: React.ComponentProps<"caption">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/table.mjs

@@ -36,21 +36,21 @@ function TableFooter({ className, ...props }) {
 function TableRow({ className, ...props }) {
 	return /* @__PURE__ */ jsx("tr", {
 		"data-slot": "table-row",
-		className: cn("border-b border-border-secondary transition-colors", "data-[state=selected]:bg-muted", "[@media(hover:hover)]:hover:bg-background-hover dark:[@media(hover:hover)]:hover:bg-muted", "[@media(hover:hover)]:[&:hover_button:hover]:bg-subtle", className),
+		className: cn("border-b border-border-secondary transition-colors", "data-[state=selected]:bg-muted", "[@media(hover:hover)]:hover:bg-background-hover dark:[@media(hover:hover)]:hover:bg-muted", className),
 		...props
 	});
 }
 function TableHead({ className, ...props }) {
 	return /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
-		className: cn("h-11 px-6 py-3 bg-muted text-left align-middle type-text-xs font-semibold text-placeholder dark:text-subtle-foreground whitespace-nowrap", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
+		className: cn("h-11 px-6 py-3 bg-muted text-left align-middle type-text-xs font-semibold text-placeholder dark:text-subtle-foreground whitespace-nowrap", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:px-0", className),
 		...props
 	});
 }
 function TableCell({ className, interactive = false, ...props }) {
 	return /* @__PURE__ */ jsx("td", {
 		"data-slot": "table-cell",
-		className: cn("align-middle", interactive ? "h-px p-0" : "px-6 py-2", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
+		className: cn("align-middle", interactive ? "h-px p-0" : "px-6 py-2", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:px-0", className),
 		...props
 	});
 }

package/dist/components/tabs.d.mts

@@ -1,34 +1,32 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/tabs.d.ts
 declare const tabsTriggerVariants: (props?: ({
   variant?: "default" | "pill" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Tabs({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare const tabsListVariants: (props?: ({
   variant?: "default" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function TabsList({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 type TabsNavVariant = "line" | "pill";
 type TabsNavOrientation = "horizontal" | "vertical";
 declare function TabsNav({
@@ -39,11 +37,11 @@ declare function TabsNav({
 }: React.ComponentProps<"nav"> & {
   orientation?: TabsNavOrientation;
   variant?: TabsNavVariant;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function TabsNavList({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function TabsNavTrigger({
   className,
   active,
@@ -53,6 +51,6 @@ declare function TabsNavTrigger({
 }: React.ComponentProps<"a"> & {
   active?: boolean;
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsNav, TabsNavList, TabsNavTrigger, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tabs.mjs

@@ -21,10 +21,10 @@ const tabsTriggerVariants = cva([
 			"data-[state=active]:border-b-2 data-[state=active]:border-foreground data-[state=active]:text-foreground"
 		],
 		pill: [
-			"rounded-lg px-4 py-2",
-			"text-muted-foreground",
-			"[@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:hover:text-accent-foreground",
-			"data-[state=active]:bg-accent data-[state=active]:text-accent-foreground"
+			"rounded-md px-2 py-1.5",
+			"text-quaternary-foreground",
+			"[@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:hover:text-muted-foreground",
+			"data-[state=active]:bg-accent data-[state=active]:text-muted-foreground"
 		]
 	} },
 	defaultVariants: { variant: "default" }

package/dist/components/tag.d.mts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/tag.d.ts
 interface TagBaseProps {
   icon?: React.ReactNode;
@@ -10,7 +8,7 @@ declare function Tag({
   icon,
   children,
   ...props
-}: TagProps): _$react_jsx_runtime0.JSX.Element;
+}: TagProps): import("react/jsx-runtime").JSX.Element;
 interface TagDismissibleProps extends React.ComponentProps<"span">, TagBaseProps {
   onDismiss?: () => void;
 }
@@ -20,7 +18,7 @@ declare function TagDismissible({
   children,
   onDismiss,
   ...props
-}: TagDismissibleProps): _$react_jsx_runtime0.JSX.Element;
+}: TagDismissibleProps): import("react/jsx-runtime").JSX.Element;
 interface TagCountProps extends React.ComponentProps<"span">, TagBaseProps {
   count: number;
 }
@@ -30,6 +28,6 @@ declare function TagCount({
   children,
   count,
   ...props
-}: TagCountProps): _$react_jsx_runtime0.JSX.Element;
+}: TagCountProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Tag, TagCount, TagDismissible };

package/dist/components/task-progress.d.mts

@@ -0,0 +1,25 @@
+//#region src/components/task-progress.d.ts
+type TaskProgressStatus = "pending" | "running" | "done";
+interface TaskProgressStep {
+  id: string;
+  label: string;
+  status: TaskProgressStatus;
+}
+interface TaskProgressProps extends Omit<React.ComponentProps<"div">, "children"> {
+  steps: readonly TaskProgressStep[];
+  trailingLabel?: string;
+  /**
+   * Optional mount-time stagger: each row fades + slides in with `animation-delay = index × stepRevealDelayMs`.
+   * Pure CSS, runs once on mount. Omit for no animation.
+   */
+  stepRevealDelayMs?: number;
+}
+declare function TaskProgress({
+  steps,
+  trailingLabel,
+  stepRevealDelayMs,
+  className,
+  ...props
+}: TaskProgressProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TaskProgress, type TaskProgressStatus, type TaskProgressStep };

package/dist/components/task-progress.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { Separator } from "./separator.mjs";
+import { CheckIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/task-progress.tsx
+const REVEAL_CLASSES = "animate-in fade-in slide-in-from-bottom-2 duration-300";
+function TaskProgress({ steps, trailingLabel, stepRevealDelayMs, className, ...props }) {
+	const total = steps.length;
+	const doneCount = steps.filter((step) => step.status === "done").length;
+	const percent = total > 0 ? Math.round(doneCount / total * 100) : 0;
+	const stagger = stepRevealDelayMs != null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-muted h-2 w-full overflow-hidden rounded-full",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "h-full rounded-full bg-success transition-all duration-500",
+				style: { width: `${percent}%` }
+			})
+		}), /* @__PURE__ */ jsxs("div", { children: [steps.map((step, idx) => /* @__PURE__ */ jsxs("div", {
+			className: stagger ? REVEAL_CLASSES : void 0,
+			style: stagger ? {
+				animationDelay: `${idx * (stepRevealDelayMs ?? 0)}ms`,
+				animationFillMode: "both"
+			} : void 0,
+			children: [/* @__PURE__ */ jsx(TaskProgressRow, {
+				label: step.label,
+				status: step.status
+			}), idx < steps.length - 1 && /* @__PURE__ */ jsx(Separator, {})]
+		}, step.id)), trailingLabel && /* @__PURE__ */ jsxs("div", {
+			className: stagger ? REVEAL_CLASSES : void 0,
+			children: [/* @__PURE__ */ jsx(Separator, {}), /* @__PURE__ */ jsx(TaskProgressRow, {
+				label: trailingLabel,
+				status: "running",
+				muted: true
+			})]
+		})] })]
+	});
+}
+function TaskProgressRow({ label, status, muted }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between py-2",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn("type-text-sm", muted && "text-muted-foreground"),
+				children: label
+			}),
+			status === "done" && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1 type-text-sm text-success",
+				children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", { children: "done" })]
+			}),
+			status === "running" && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1.5 type-text-sm text-warning",
+				children: [/* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-warning" }), /* @__PURE__ */ jsx("span", { children: "running…" })]
+			}),
+			status === "pending" && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1.5 type-text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", { className: "size-2 rounded-full border border-muted-foreground" }), /* @__PURE__ */ jsx("span", { children: "pending" })]
+			})
+		]
+	});
+}
+//#endregion
+export { TaskProgress };

package/dist/components/textarea.d.mts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/textarea.d.ts
@@ -18,6 +17,6 @@ declare function Textarea({
   error,
   tooltip,
   ...props
-}: TextareaProps): _$react_jsx_runtime0.JSX.Element;
+}: TextareaProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Textarea, type TextareaProps };