tembro 2.0.4 → 2.0.6

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

@@ -1,80 +0,0 @@
-import * as React from "react"
-
-import { Card } from "@/components/ui/card"
-import { cn, stopInteractivePropagation } from "@/lib/utils"
-
-export type EntityCardProps = Omit<React.ComponentProps<typeof Card>, "title"> & {
-  title: React.ReactNode
-  description?: React.ReactNode
-  media?: React.ReactNode
-  icon?: React.ReactNode
-  status?: React.ReactNode
-  meta?: React.ReactNode
-  actions?: React.ReactNode
-  footer?: React.ReactNode
-  selected?: boolean
-  disabled?: boolean
-  orientation?: "vertical" | "horizontal"
-  onSelect?: () => void
-}
-
-function EntityCard({ title, description, media, icon, status, meta, actions, footer, selected = false, disabled = false, orientation = "vertical", onSelect, className, ...props }: EntityCardProps) {
-  return (
-    <Card
-      data-slot="entity-card"
-      data-selected={selected || undefined}
-      data-disabled={disabled || undefined}
-      className={cn(
-        "overflow-hidden border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_94%,white_6%)] shadow-sm transition duration-200 hover:-translate-y-0.5 hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))] hover:shadow-md data-[selected=true]:border-[color:var(--aui-brand-strong)] data-[selected=true]:shadow-[0_0_0_1px_var(--aui-brand-strong),0_16px_36px_rgba(15,23,42,0.12)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55 dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_97%,black_3%)]",
-        onSelect && "cursor-pointer",
-        orientation === "horizontal" && "flex",
-        className
-      )}
-      onClick={onSelect}
-      {...props}
-    >
-      {media && (
-        <div
-          className={cn(
-            "overflow-hidden border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)]",
-            orientation === "horizontal" ? "w-36 shrink-0 border-b-0 border-r" : "aspect-video"
-          )}
-        >
-          {media}
-        </div>
-      )}
-      <div className="grid min-w-0 flex-1 gap-3 p-5">
-        <div className="flex items-start justify-between gap-3">
-          <div className="flex min-w-0 items-start gap-3">
-            {icon && (
-              <div className="flex size-10 shrink-0 items-center justify-center rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-muted-foreground shadow-sm">
-                {icon}
-              </div>
-            )}
-            <div className="grid min-w-0 gap-1">
-              <div className="flex flex-wrap items-center gap-2">
-                <div className="truncate text-base font-semibold tracking-tight text-foreground">{title}</div>
-                {status}
-              </div>
-              {description && <div className="line-clamp-2 text-sm leading-6 text-muted-foreground">{description}</div>}
-            </div>
-          </div>
-          {actions && (
-            <div
-              className="shrink-0"
-              onClick={stopInteractivePropagation}
-              onMouseDown={stopInteractivePropagation}
-              onDoubleClick={stopInteractivePropagation}
-            >
-              {actions}
-            </div>
-          )}
-        </div>
-        {meta && <div className="text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground">{meta}</div>}
-        {footer && <div className="border-t border-[color:var(--aui-surface-border)] pt-3 text-sm text-muted-foreground">{footer}</div>}
-      </div>
-    </Card>
-  )
-}
-
-export { EntityCard }

package/packages/cli/vendor/src/components/display/entity-header.tsx

@@ -1,80 +0,0 @@
-import * as React from "react"
-import { ChevronLeftIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-export type EntityHeaderProps = React.ComponentProps<"div"> & {
-  title: React.ReactNode
-  description?: React.ReactNode
-  avatar?: React.ReactNode
-  badge?: React.ReactNode
-  actions?: React.ReactNode
-  breadcrumb?: React.ReactNode
-  backHref?: string
-  onBack?: () => void
-}
-
-function EntityHeader({
-  title,
-  description,
-  avatar,
-  badge,
-  actions,
-  breadcrumb,
-  backHref,
-  onBack,
-  className,
-  ...props
-}: EntityHeaderProps) {
-  return (
-    <div data-slot="entity-header" className={cn("flex flex-col gap-4 pb-6", className)} {...props}>
-      {/* Top row: Breadcrumb and optional back button */}
-      {(breadcrumb || backHref || onBack) && (
-        <div className="flex items-center gap-2">
-          {(backHref || onBack) && (
-            <button
-              type="button"
-              onClick={onBack}
-              className="inline-flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
-              aria-label="Go back"
-            >
-              {/* If using next/link etc., this would ideally be an 'asChild' setup, but we use an anchor tag or button based on props for simplicity */}
-              {backHref && !onBack ? (
-                <a href={backHref} className="flex h-full w-full items-center justify-center">
-                  <ChevronLeftIcon className="size-4" />
-                </a>
-              ) : (
-                <ChevronLeftIcon className="size-4" />
-              )}
-            </button>
-          )}
-          {breadcrumb}
-        </div>
-      )}
-
-      {/* Main row: Avatar, Title/Description/Badge, Actions */}
-      <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-        <div className="flex min-w-0 items-center gap-4">
-          {avatar && <div className="shrink-0">{avatar}</div>}
-          <div className="min-w-0 flex-1 grid gap-1">
-            <div className="flex flex-wrap items-center gap-2">
-              <h1 className="truncate text-xl font-semibold tracking-tight text-foreground sm:text-2xl">{title}</h1>
-              {badge}
-            </div>
-            {description && (
-              <p className="truncate text-sm text-muted-foreground">{description}</p>
-            )}
-          </div>
-        </div>
-
-        {actions && (
-          <div className="flex shrink-0 items-center gap-2">
-            {actions}
-          </div>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export { EntityHeader }

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

@@ -1,61 +0,0 @@
-import * as React from "react"
-import { FileIcon, MoreHorizontalIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { cn, stopInteractivePropagation } from "@/lib/utils"
-
-export type FileCardProps = React.ComponentProps<"div"> & {
-  name: React.ReactNode
-  description?: React.ReactNode
-  meta?: React.ReactNode
-  icon?: React.ReactNode
-  preview?: React.ReactNode
-  actions?: React.ReactNode
-  selected?: boolean
-  disabled?: boolean
-  onOpen?: () => void
-}
-
-function FileCard({ name, description, meta, icon, preview, actions, selected = false, disabled = false, onOpen, className, ...props }: FileCardProps) {
-  return (
-    <div
-      data-slot="file-card"
-      data-selected={selected || undefined}
-      data-disabled={disabled || undefined}
-      className={cn(
-        "group grid gap-3 rounded-lg border bg-card p-3 transition-colors hover:bg-muted/35 data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55",
-        onOpen && "cursor-pointer",
-        className
-      )}
-      onClick={onOpen}
-      {...props}
-    >
-      {preview && <div className="overflow-hidden rounded-md bg-muted">{preview}</div>}
-      <div className="flex items-start gap-3">
-        <div className="flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground">
-          {icon ?? <FileIcon className="size-4" />}
-        </div>
-        <div className="min-w-0 flex-1">
-          <div className="truncate text-sm font-medium text-foreground">{name}</div>
-          {description && <div className="mt-0.5 line-clamp-2 text-xs text-muted-foreground">{description}</div>}
-          {meta && <div className="mt-2 text-xs text-muted-foreground">{meta}</div>}
-        </div>
-        {actions ?? (
-          <Button
-            type="button"
-            variant="ghost"
-            size="icon-xs"
-            onClick={stopInteractivePropagation}
-            onMouseDown={stopInteractivePropagation}
-            onDoubleClick={stopInteractivePropagation}
-          >
-            <MoreHorizontalIcon />
-            <span className="sr-only">File actions</span>
-          </Button>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export { FileCard }

package/packages/cli/vendor/src/components/feedback/empty-search-state.tsx

@@ -1,65 +0,0 @@
-import * as React from "react"
-import { SearchXIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-export type EmptySearchStateProps = React.ComponentProps<"div"> & {
-  query?: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  suggestions?: React.ReactNode
-  onClear?: () => void
-  clearLabel?: React.ReactNode
-}
-
-function EmptySearchState({
-  query,
-  title = "No results found",
-  description,
-  suggestions,
-  onClear,
-  clearLabel = "Clear search",
-  className,
-  ...props
-}: EmptySearchStateProps) {
-  return (
-    <div
-      data-slot="empty-search-state"
-      className={cn(
-        "flex flex-col items-center justify-center p-8 text-center min-h-[300px]",
-        className
-      )}
-      {...props}
-    >
-      <div className="mb-4 flex size-12 items-center justify-center rounded-full bg-muted/50 text-muted-foreground">
-        <SearchXIcon className="size-6" />
-      </div>
-      <h3 className="text-lg font-semibold tracking-tight">
-        {title} {query ? `for "${query}"` : ""}
-      </h3>
-      
-      {description && (
-        <p className="mt-2 text-sm text-muted-foreground max-w-sm">
-          {description}
-        </p>
-      )}
-
-      {suggestions && (
-        <div className="mt-4 text-sm text-muted-foreground">
-          {suggestions}
-        </div>
-      )}
-
-      {onClear && (
-        <div className="mt-6">
-          <Button variant="outline" onClick={onClear}>
-            {clearLabel}
-          </Button>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export { EmptySearchState }

package/packages/cli/vendor/src/components/feedback/empty-state.tsx

@@ -1,56 +0,0 @@
-import * as React from "react"
-import { InboxIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-export type EmptyStateProps = React.ComponentProps<"div"> & {
-  icon?: React.ReactNode
-  title?: React.ReactNode
-  description?: React.ReactNode
-  action?: React.ReactNode
-  actionLabel?: React.ReactNode
-  onAction?: () => void
-}
-
-function EmptyState({
-  className,
-  icon,
-  title = "No data",
-  description,
-  action,
-  actionLabel,
-  onAction,
-  ...props
-}: EmptyStateProps) {
-  return (
-    <div
-      data-slot="empty-state"
-      className={cn(
-        "flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-dashed border-border/80 bg-muted/25 p-10 text-center shadow-sm ring-1 ring-foreground/4",
-        className
-      )}
-      {...props}
-    >
-      <div className="flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.08)]">
-        {icon ?? <InboxIcon className="size-5" />}
-      </div>
-
-      <div className="grid gap-1.5">
-        {title && <h3 className="text-base font-semibold tracking-tight text-foreground">{title}</h3>}
-        {description && (
-          <p className="max-w-sm text-sm leading-6 text-muted-foreground">{description}</p>
-        )}
-      </div>
-
-      {action ??
-        (actionLabel && onAction ? (
-          <Button type="button" variant="outline" size="sm" onClick={onAction}>
-            {actionLabel}
-          </Button>
-        ) : null)}
-    </div>
-  )
-}
-
-export { EmptyState }

package/packages/cli/vendor/src/components/filters/filter-chips.tsx

@@ -1,89 +0,0 @@
-import * as React from "react"
-import { XIcon } from "lucide-react"
-
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
-import { cn, stopInteractivePropagation } from "@/lib/utils"
-
-export type FilterChip = {
-  key: string
-  label: React.ReactNode
-  value?: React.ReactNode
-  tone?: "default" | "success" | "warning" | "danger" | "info" | "muted"
-  disabled?: boolean
-  hidden?: boolean
-}
-
-export type FilterChipsProps = React.ComponentProps<"div"> & {
-  chips: FilterChip[]
-  clearLabel?: React.ReactNode
-  empty?: React.ReactNode
-  onRemove?: (key: string) => void
-  onClear?: () => void
-}
-
-const chipVariant: Record<NonNullable<FilterChip["tone"]>, React.ComponentProps<typeof Badge>["variant"]> = {
-  default: "secondary",
-  success: "secondary",
-  warning: "outline",
-  danger: "destructive",
-  info: "outline",
-  muted: "outline",
-}
-
-function FilterChips({
-  chips,
-  clearLabel = "Clear all",
-  empty = "No active filters",
-  onRemove,
-  onClear,
-  className,
-  ...props
-}: FilterChipsProps) {
-  const visibleChips = chips.filter((chip) => !chip.hidden)
-  if (!visibleChips.length) {
-    return <div data-slot="filter-chips-empty" className={cn("text-sm text-muted-foreground", className)} {...props}>{empty}</div>
-  }
-
-  return (
-    <div data-slot="filter-chips" className={cn("flex flex-wrap items-center gap-2", className)} {...props}>
-      {visibleChips.map((chip) => (
-        <Badge key={chip.key} variant={chipVariant[chip.tone ?? "default"]} className={cn("gap-1.5", chip.disabled && "opacity-60")}>
-          <span>{chip.label}</span>
-          {chip.value !== undefined && <span className="text-muted-foreground">{chip.value}</span>}
-          {onRemove && !chip.disabled && (
-            <button
-              type="button"
-              className="rounded-full p-0.5 hover:bg-muted"
-              onClick={(event) => {
-                stopInteractivePropagation(event)
-                onRemove(chip.key)
-              }}
-              onMouseDown={stopInteractivePropagation}
-              onDoubleClick={stopInteractivePropagation}
-            >
-              <XIcon className="size-3" />
-            </button>
-          )}
-        </Badge>
-      ))}
-      {onClear && (
-        <Button
-          type="button"
-          variant="ghost"
-          size="xs"
-          onClick={(event) => {
-            stopInteractivePropagation(event)
-            onClear()
-          }}
-          onMouseDown={stopInteractivePropagation}
-          onDoubleClick={stopInteractivePropagation}
-        >
-          {clearLabel}
-        </Button>
-      )}
-    </div>
-  )
-}
-
-export { FilterChips }

package/packages/cli/vendor/src/components/patterns/form-builder-presets.ts

@@ -1,13 +0,0 @@
-export {
-  asyncSelectField,
-  customField,
-  dateField,
-  dateRangeField,
-  formSection,
-  inputField,
-  numberField,
-  phoneField,
-  selectField,
-  switchField,
-  textareaField,
-} from "./form-builder"