tembro 3.1.1 → 3.1.6

package/packages/cli/vendor/src/components/display/trend-card.tsx

@@ -1,57 +0,0 @@
-import * as React from "react"
-
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { DeltaBadge } from "@/components/display/delta-badge"
-import { Sparkline } from "@/components/charts/charts"
-import { cn } from "@/lib/utils"
-
-export type TrendCardProps = React.ComponentProps<typeof Card> & {
-  title: React.ReactNode
-  value: React.ReactNode
-  change?: React.ReactNode
-  trend?: "up" | "down" | "neutral"
-  description?: React.ReactNode
-  icon?: React.ReactNode
-  sparkline?: number[]
-}
-
-function TrendCard({
-  title,
-  value,
-  change,
-  trend,
-  description,
-  icon,
-  sparkline,
-  className,
-  ...props
-}: TrendCardProps) {
-  return (
-    <Card data-slot="trend-card" className={cn("relative overflow-hidden", className)} {...props}>
-      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-        <CardTitle className="text-sm font-medium text-muted-foreground">{title}</CardTitle>
-        {icon && <div className="text-muted-foreground">{icon}</div>}
-      </CardHeader>
-      <CardContent>
-        <div className="flex items-baseline gap-2">
-          <div className="text-2xl font-bold">{value}</div>
-          {change && (
-            <DeltaBadge value={change} trend={trend} />
-          )}
-        </div>
-        {description && (
-          <p className="mt-1 text-xs text-muted-foreground">
-            {description}
-          </p>
-        )}
-      </CardContent>
-      {sparkline && sparkline.length > 1 ? (
-        <div className="px-6 pb-4">
-          <Sparkline values={sparkline} positive={trend !== "down"} />
-        </div>
-      ) : null}
-    </Card>
-  )
-}
-
-export { TrendCard }

package/packages/cli/vendor/src/components/display/user-card.tsx

@@ -1,30 +0,0 @@
-import * as React from "react"
-
-import { Avatar } from "@/components/display/avatar"
-import { Card } from "@/components/ui/card"
-import { cn } from "@/lib/utils"
-
-export type UserCardProps = React.ComponentProps<typeof Card> & {
-  name: React.ReactNode
-  description?: React.ReactNode
-  src?: string
-  alt?: string
-  meta?: React.ReactNode
-  actions?: React.ReactNode
-}
-
-function UserCard({ name, description, src, alt, meta, actions, className, ...props }: UserCardProps) {
-  return (
-    <Card className={cn("flex items-center gap-4 p-4", className)} {...props}>
-      <Avatar src={src} alt={alt} name={typeof name === "string" ? name : undefined} />
-      <div className="min-w-0 flex-1">
-        <p className="truncate font-medium text-foreground">{name}</p>
-        {description ? <p className="truncate text-sm text-muted-foreground">{description}</p> : null}
-        {meta ? <div className="mt-2 text-xs text-muted-foreground">{meta}</div> : null}
-      </div>
-      {actions ? <div className="shrink-0">{actions}</div> : null}
-    </Card>
-  )
-}
-
-export { UserCard }

package/packages/cli/vendor/src/components/layout/stat-card.tsx

@@ -1,165 +0,0 @@
-import * as React from "react"
-
-import {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { cn } from "@/lib/utils"
-
-export type StatCardTrend = {
-  value: React.ReactNode
-  tone?: "success" | "warning" | "danger" | "info" | "muted" | "default"
-  label?: React.ReactNode
-}
-
-export type StatCardProps = React.ComponentProps<typeof Card> & {
-  title?: React.ReactNode
-  value?: React.ReactNode
-  description?: React.ReactNode
-  icon?: React.ReactNode
-  action?: React.ReactNode
-  trend?: StatCardTrend
-  footer?: React.ReactNode
-  helperText?: React.ReactNode
-  comparisonItems?: Array<{
-    label: React.ReactNode
-    value: React.ReactNode
-    change?: React.ReactNode
-    trend?: StatCardTrend["tone"] | "neutral"
-  }>
-  comparisonColumns?: 2 | 3 | 4
-  loading?: boolean
-  valuePrefix?: React.ReactNode
-  valueSuffix?: React.ReactNode
-  contentClassName?: string
-  iconClassName?: string
-  valueClassName?: string
-}
-
-const trendClassName: Record<NonNullable<StatCardTrend["tone"]>, string> = {
-  default: "text-foreground",
-  success: "text-emerald-600 dark:text-emerald-400",
-  warning: "text-amber-600 dark:text-amber-400",
-  danger: "text-destructive",
-  info: "text-blue-600 dark:text-blue-400",
-  muted: "text-muted-foreground",
-}
-
-function StatSkeleton() {
-  return (
-    <div className="space-y-3">
-      <div className="h-4 w-28 animate-pulse rounded-md bg-muted" />
-      <div className="h-8 w-36 animate-pulse rounded-md bg-muted" />
-      <div className="h-4 w-44 animate-pulse rounded-md bg-muted" />
-    </div>
-  )
-}
-
-function StatCard({
-  className,
-  title,
-  value,
-  description,
-  icon,
-  action,
-  trend,
-  footer,
-  helperText,
-  comparisonItems,
-  comparisonColumns = 2,
-  loading = false,
-  valuePrefix,
-  valueSuffix,
-  contentClassName,
-  iconClassName,
-  valueClassName,
-  ...props
-}: StatCardProps) {
-  return (
-    <Card data-slot="stat-card" className={cn("min-w-0", className)} {...props}>
-      {loading ? (
-        <CardContent>
-          <StatSkeleton />
-        </CardContent>
-      ) : (
-        <>
-          <CardHeader>
-            <div className="flex min-w-0 items-start justify-between gap-3">
-              <div className="min-w-0 space-y-1">
-                {title && <CardDescription className="truncate">{title}</CardDescription>}
-                {value !== undefined && value !== null ? (
-                  <CardTitle className={cn("flex items-baseline gap-1 truncate text-2xl", valueClassName)}>
-                    {valuePrefix ? <span className="text-base text-muted-foreground">{valuePrefix}</span> : null}
-                    <span className="truncate">{value}</span>
-                    {valueSuffix ? <span className="text-base text-muted-foreground">{valueSuffix}</span> : null}
-                  </CardTitle>
-                ) : null}
-              </div>
-              {(icon || action) && (
-                <CardAction>
-                  {action ?? <div className={cn("flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground", iconClassName)}>{icon}</div>}
-                </CardAction>
-              )}
-            </div>
-          </CardHeader>
-
-          {(description || trend || helperText || footer || comparisonItems?.length) && (
-            <CardContent className={cn("space-y-2", contentClassName)}>
-              {(description || trend) && (
-                <div className="flex flex-wrap items-center gap-2 text-sm">
-                  {trend && (
-                    <Badge variant="ghost" tone={trend.tone === "muted" || trend.tone === "default" ? "neutral" : trend.tone} size="sm" className={cn("font-medium", trendClassName[trend.tone ?? "default"])}>
-                      {trend.value}
-                    </Badge>
-                  )}
-                  {trend?.label ? <span className="text-muted-foreground">{trend.label}</span> : null}
-                  {description && <span className="text-muted-foreground">{description}</span>}
-                </div>
-              )}
-              {comparisonItems?.length ? (
-                <div
-                  data-slot="stat-card-comparison"
-                  className={cn(
-                    "grid gap-3 pt-1",
-                    comparisonColumns === 2 && "grid-cols-2",
-                    comparisonColumns === 3 && "grid-cols-3",
-                    comparisonColumns === 4 && "grid-cols-2 sm:grid-cols-4"
-                  )}
-                >
-                  {comparisonItems.map((item, index) => (
-                    <div key={index} className="min-w-0 space-y-1">
-                      <p className="truncate text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground">
-                        {item.label}
-                      </p>
-                      <div className="flex flex-wrap items-center gap-2">
-                        <span className="text-base font-semibold text-foreground">{item.value}</span>
-                        {item.change ? (
-                          <Badge
-                            variant="ghost"
-                            tone={item.trend === "neutral" ? "neutral" : item.trend === "default" ? "neutral" : item.trend}
-                            size="sm"
-                          >
-                            {item.change}
-                          </Badge>
-                        ) : null}
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              ) : null}
-              {helperText ? <p className="text-xs leading-5 text-muted-foreground">{helperText}</p> : null}
-              {footer}
-            </CardContent>
-          )}
-        </>
-      )}
-    </Card>
-  )
-}
-
-export { StatCard }

package/packages/cli/vendor/src/components/modern/tour.tsx

@@ -1,72 +0,0 @@
-"use client"
-
-import * as React from "react"
-
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-export type TourStep = {
-  title: React.ReactNode
-  description?: React.ReactNode
-}
-
-export type TourProps = React.ComponentProps<"div"> & {
-  steps: TourStep[]
-  onFinish?: () => void
-  onClose?: () => void
-  doneLabel?: string
-  closeLabel?: string
-}
-
-function Tour({
-  steps,
-  onFinish,
-  onClose,
-  doneLabel = "Done",
-  closeLabel = "Close",
-  className,
-  ...props
-}: TourProps) {
-  const activeStep = steps[0]
-
-  return (
-    <div
-      {...props}
-      data-slot="tour"
-      className={cn(
-        "rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-card,var(--background))] p-4 text-sm text-foreground shadow-[var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08))]",
-        className
-      )}
-    >
-      <div className="space-y-2">
-        <div className="text-base font-semibold">{activeStep?.title ?? "Tour"}</div>
-        {activeStep?.description ? <p className="text-muted-foreground">{activeStep.description}</p> : null}
-      </div>
-
-      <div className="mt-4 flex items-center justify-end gap-2">
-        <Button
-          type="button"
-          variant="outline"
-          size="sm"
-          onClick={() => {
-            onClose?.()
-          }}
-        >
-          {closeLabel}
-        </Button>
-        <Button
-          type="button"
-          size="sm"
-          onClick={() => {
-            onFinish?.()
-            onClose?.()
-          }}
-        >
-          {doneLabel}
-        </Button>
-      </div>
-    </div>
-  )
-}
-
-export { Tour }

package/packages/cli/vendor/src/components/navigation/anchor-nav.tsx

@@ -1,44 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type AnchorNavItem = {
-  key: string
-  label: React.ReactNode
-  href: string
-  active?: boolean
-  disabled?: boolean
-}
-
-export type AnchorNavProps = React.ComponentProps<"nav"> & {
-  items: AnchorNavItem[]
-  orientation?: "vertical" | "horizontal"
-  title?: React.ReactNode
-}
-
-function AnchorNav({ items, orientation = "vertical", title, className, ...props }: AnchorNavProps) {
-  return (
-    <nav data-slot="anchor-nav" className={cn("grid gap-2 text-sm", orientation === "horizontal" && "flex flex-wrap", className)} {...props}>
-      {title && <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{title}</div>}
-      <div className={cn("grid gap-1", orientation === "horizontal" && "flex flex-wrap")}> 
-        {items.map((item) => (
-          <a
-            key={item.key}
-            href={item.disabled ? undefined : item.href}
-            aria-current={item.active ? "location" : undefined}
-            aria-disabled={item.disabled || undefined}
-            className={cn(
-              "rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-              item.active && "bg-muted text-foreground",
-              item.disabled && "pointer-events-none opacity-50"
-            )}
-          >
-            {item.label}
-          </a>
-        ))}
-      </div>
-    </nav>
-  )
-}
-
-export { AnchorNav }

package/packages/cli/vendor/src/components/navigation/command-bar.tsx

@@ -1,40 +0,0 @@
-import * as React from "react"
-import { cn } from "@/lib/utils"
-
-export type CommandBarProps = React.ComponentProps<"div"> & {
-  open?: boolean
-  onOpenChange?: (open: boolean) => void
-  position?: "bottom" | "top"
-  grouped?: boolean
-  label?: React.ReactNode
-}
-
-function CommandBar({
-  open = true,
-  position = "bottom",
-  grouped = false,
-  label,
-  children,
-  className,
-  ...props
-}: CommandBarProps) {
-  if (!open) return null
-
-  return (
-    <div
-      data-slot="command-bar"
-      className={cn(
-        "fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60",
-        position === "bottom" ? "bottom-6" : "top-6",
-        grouped && "gap-3 rounded-[28px] px-3 py-2.5",
-        className
-      )}
-      {...props}
-    >
-      {label ? <span className="text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground">{label}</span> : null}
-      {children}
-    </div>
-  )
-}
-
-export { CommandBar }

package/packages/cli/vendor/src/components/navigation/nav-tabs.tsx

@@ -1,69 +0,0 @@
-import * as React from "react"
-
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { cn } from "@/lib/utils"
-
-export type NavTabItem = {
-  label: React.ReactNode
-  value: string
-  href?: string
-  icon?: React.ReactNode
-  disabled?: boolean
-}
-
-export type NavTabsProps = React.ComponentProps<"div"> & {
-  items: NavTabItem[]
-  value?: string
-  onValueChange?: (value: string) => void
-  size?: "sm" | "default" | "lg"
-  fullWidth?: boolean
-}
-
-const sizeClassName = {
-  sm: "h-8 px-3 text-xs",
-  default: "h-10 px-4 text-sm",
-  lg: "h-11 px-5 text-base",
-}
-
-function NavTabs({ items, value, onValueChange, size = "default", fullWidth = false, className, ...props }: NavTabsProps) {
-  return (
-    <Tabs
-      value={value}
-      onValueChange={(nextValue) => onValueChange?.(String(nextValue))}
-      data-slot="nav-tabs"
-      className={cn("min-w-0", fullWidth && "w-full", className)}
-      {...props}
-    >
-      <TabsList data-slot="nav-tabs-list" variant="pills" overflow="scroll" className={cn(fullWidth && "w-full")}>
-      {items.map((item) => {
-        const active = item.value === value
-        const content = (
-          <>
-            {item.icon ? <span className="[&_svg]:size-4">{item.icon}</span> : null}
-            <span className="truncate">{item.label}</span>
-          </>
-        )
-
-        const itemClassName = cn(
-          "min-w-0 disabled:pointer-events-none disabled:opacity-50",
-          sizeClassName[size],
-          fullWidth && "flex-1",
-          active && "bg-background text-foreground shadow-sm"
-        )
-
-        return item.href ? (
-          <TabsTrigger key={item.value} value={item.value} render={<a href={item.href} aria-current={active ? "page" : undefined} className={itemClassName} />}>
-            {content}
-          </TabsTrigger>
-        ) : (
-          <TabsTrigger key={item.value} value={item.value} disabled={item.disabled} className={itemClassName} onClick={() => onValueChange?.(item.value)}>
-            {content}
-          </TabsTrigger>
-        )
-      })}
-      </TabsList>
-    </Tabs>
-  )
-}
-
-export { NavTabs }

package/packages/cli/vendor/src/components/navigation/page-tabs.tsx

@@ -1,94 +0,0 @@
-import * as React from "react"
-
-import { Badge } from "@/components/ui/badge"
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { cn } from "@/lib/utils"
-
-export type PageTabItem<TValue extends string = string> = {
-  value: TValue
-  label: React.ReactNode
-  icon?: React.ReactNode
-  badge?: React.ReactNode
-  disabled?: boolean
-  hidden?: boolean
-}
-
-export type PageTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-  value?: TValue
-  items: PageTabItem<TValue>[]
-  onValueChange?: (value: TValue, item: PageTabItem<TValue>) => void
-  variant?: "underline" | "pills" | "cards"
-  size?: "sm" | "default"
-}
-
-function PageTabs<TValue extends string = string>({
-  value,
-  items,
-  onValueChange,
-  variant = "underline",
-  size = "default",
-  className,
-  ...props
-}: PageTabsProps<TValue>) {
-  const visibleItems = items.filter((item) => !item.hidden)
-  const handleValueChange = (nextValue: unknown) => {
-    const nextItem = visibleItems.find((item) => item.value === nextValue)
-    if (nextItem) {
-      onValueChange?.(nextItem.value, nextItem)
-    }
-  }
-
-  return (
-    <Tabs
-      value={value}
-      onValueChange={handleValueChange}
-      data-slot="page-tabs"
-      data-variant={variant}
-      className={cn(
-        "min-w-0",
-        className
-      )}
-      {...props}
-    >
-      <TabsList
-        data-slot="page-tabs-list"
-        variant={variant === "underline" ? "underline" : "pills"}
-        overflow="scroll"
-        className={cn(
-          "w-full",
-          variant === "cards" && "gap-2 border-0 bg-transparent p-0 shadow-none"
-        )}
-      >
-      {visibleItems.map((item) => {
-        const active = item.value === value
-        return (
-          <TabsTrigger
-            key={item.value}
-            disabled={item.disabled}
-            value={item.value}
-            data-slot="page-tab"
-            data-active={active || undefined}
-            className={cn(
-              "min-w-0 px-3 disabled:pointer-events-none disabled:opacity-50",
-              size === "sm" ? "h-8" : "h-10",
-              variant === "underline" && "px-1",
-              variant === "cards" && "rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground",
-              variant === "cards" && active && "border-primary/50 bg-primary/7 text-foreground"
-            )}
-          >
-            {item.icon}
-            <span className="truncate">{item.label}</span>
-            {item.badge !== undefined && (
-              <Badge variant={active && variant === "pills" ? "secondary" : "outline"} className="rounded-full">
-                {item.badge}
-              </Badge>
-            )}
-          </TabsTrigger>
-        )
-      })}
-      </TabsList>
-    </Tabs>
-  )
-}
-
-export { PageTabs }

package/packages/cli/vendor/src/components/navigation/stepper-tabs.tsx

@@ -1,67 +0,0 @@
-import * as React from "react"
-import { CheckIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-export type StepperTabItem<TValue extends string = string> = {
-  value: TValue
-  label: React.ReactNode
-  description?: React.ReactNode
-  icon?: React.ReactNode
-  completed?: boolean
-  disabled?: boolean
-  hidden?: boolean
-}
-
-export type StepperTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-  value?: TValue
-  items: StepperTabItem<TValue>[]
-  onValueChange?: (value: TValue, item: StepperTabItem<TValue>) => void
-  orientation?: "horizontal" | "vertical"
-  compact?: boolean
-}
-
-function StepperTabs<TValue extends string = string>({
-  value,
-  items,
-  onValueChange,
-  orientation = "horizontal",
-  compact = false,
-  className,
-  ...props
-}: StepperTabsProps<TValue>) {
-  const visibleItems = items.filter((item) => !item.hidden)
-
-  return (
-    <div data-slot="stepper-tabs" data-orientation={orientation} className={cn(orientation === "vertical" ? "grid gap-2" : "flex flex-wrap gap-2", className)} {...props}>
-      {visibleItems.map((item, index) => {
-        const active = item.value === value
-        const completed = item.completed
-        return (
-          <button
-            key={item.value}
-            type="button"
-            disabled={item.disabled}
-            data-slot="stepper-tab"
-            data-active={active || undefined}
-            data-completed={completed || undefined}
-            className={cn(
-              "group flex min-w-0 items-start gap-3 rounded-xl border bg-card text-left shadow-sm transition-colors hover:border-primary/40 disabled:pointer-events-none disabled:opacity-55",
-              compact ? "p-3" : "p-4",
-              active && "border-primary/60 bg-primary/5"
-            )}
-            onClick={() => onValueChange?.(item.value, item)}
-          >
-            <span className={cn("flex shrink-0 items-center justify-center rounded-full border bg-background text-xs font-semibold", compact ? "size-7" : "size-8", completed && "border-primary bg-primary text-primary-foreground", active && !completed && "border-primary text-primary")}>{completed ? <CheckIcon className="size-4" /> : item.icon ?? index + 1}</span>
-            <span className="min-w-0 space-y-0.5">
-              <span className="block truncate text-sm font-medium text-foreground">{item.label}</span>
-              {item.description && <span className="block text-xs leading-5 text-muted-foreground">{item.description}</span>}
-            </span>
-          </button>
-        )
-      })}
-    </div>
-  )
-}
-
-export { StepperTabs }