tembro 3.0.0 → 3.1.5

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

@@ -1,215 +0,0 @@
-import * as React from "react"
-
-import { Card } from "@/components/ui/card"
-import { Skeleton, SkeletonText } from "@/components/ui/skeleton"
-import { cn, stopInteractivePropagation } from "@/lib/utils"
-
-export type InfoCardVariant = "default" | "outline" | "elevated" | "ghost"
-export type InfoCardSize = "sm" | "md" | "lg"
-export type InfoCardDensity = "compact" | "default" | "comfortable"
-export type InfoCardOrientation = "vertical" | "horizontal"
-
-export type InfoCardClassNames = {
-  root?: string
-  media?: string
-  header?: string
-  icon?: string
-  body?: string
-  eyebrow?: string
-  title?: string
-  description?: string
-  content?: string
-  footer?: string
-  actions?: string
-  meta?: string
-  status?: string
-}
-
-export type InfoCardRenderContext = {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  eyebrow?: React.ReactNode
-  media?: React.ReactNode
-  icon?: React.ReactNode
-  status?: React.ReactNode
-  actions?: React.ReactNode
-  meta?: React.ReactNode
-  content?: React.ReactNode
-  footer?: React.ReactNode
-}
-
-export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "content" | "size" | "orientation"> & InfoCardRenderContext & {
-  orientation?: InfoCardOrientation
-  variant?: InfoCardVariant
-  size?: InfoCardSize
-  density?: InfoCardDensity
-  compact?: boolean
-  loading?: boolean
-  disabled?: boolean
-  selected?: boolean
-  interactive?: boolean
-  classNames?: InfoCardClassNames
-  renderHeader?: (ctx: InfoCardRenderContext) => React.ReactNode
-  renderMedia?: (ctx: InfoCardRenderContext) => React.ReactNode
-  renderContent?: (ctx: InfoCardRenderContext) => React.ReactNode
-  renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode
-}
-
-const variantClassName: Record<InfoCardVariant, string> = {
-  default: "border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-  outline: "border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-  elevated: "border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4",
-  ghost: "border-transparent bg-transparent shadow-none",
-}
-
-const densityClassName: Record<InfoCardDensity, string> = {
-  compact: "p-3",
-  default: "p-4",
-  comfortable: "p-5",
-}
-
-const titleClassName: Record<InfoCardSize, string> = {
-  sm: "text-sm",
-  md: "text-base",
-  lg: "text-lg",
-}
-
-function InfoCard({
-  eyebrow,
-  title,
-  description,
-  media,
-  icon,
-  status,
-  actions,
-  meta,
-  content,
-  footer,
-  orientation = "vertical",
-  variant = "outline",
-  size = "md",
-  density,
-  compact,
-  loading = false,
-  disabled = false,
-  selected = false,
-  interactive,
-  className,
-  classNames,
-  renderHeader,
-  renderMedia,
-  renderContent,
-  renderFooter,
-  children,
-  onClick,
-  ...props
-}: InfoCardProps) {
-  const ctx: InfoCardRenderContext = { eyebrow, title, description, media, icon, status, actions, meta, content, footer }
-  const clickable = Boolean(onClick || interactive)
-  const resolvedDensity = compact ? "compact" : density ?? "default"
-
-  return (
-    <Card
-      data-slot="info-card"
-      data-selected={selected || undefined}
-      data-disabled={disabled || undefined}
-      data-loading={loading || undefined}
-      className={cn(
-        "overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55",
-        variantClassName[variant],
-        clickable && "cursor-pointer hover:bg-muted/35",
-        orientation === "horizontal" && "flex",
-        className,
-        classNames?.root
-      )}
-      onClick={disabled ? undefined : onClick}
-      {...props}
-    >
-      {loading ? (
-        <div className={cn("grid gap-3", densityClassName[resolvedDensity])}>
-          <Skeleton className="h-5 w-1/2" />
-          <SkeletonText rows={3} />
-        </div>
-      ) : (
-        <>
-          {media &&
-            (renderMedia?.(ctx) ?? (
-              <div
-                data-slot="info-card-media"
-                className={cn(
-                  "bg-muted/50",
-                  orientation === "horizontal" ? "w-40 shrink-0 border-r border-border/70" : "aspect-video border-b border-border/70",
-                  classNames?.media
-                )}
-              >
-                {media}
-              </div>
-            ))}
-          <div data-slot="info-card-body" className={cn("grid min-w-0 flex-1 gap-3", densityClassName[resolvedDensity], classNames?.body)}>
-            {renderHeader?.(ctx) ?? (
-              <div data-slot="info-card-header" className={cn("flex items-start justify-between gap-3", classNames?.header)}>
-                <div className="flex min-w-0 items-start gap-3">
-                  {icon && (
-                    <div
-                      data-slot="info-card-icon"
-                      className={cn(
-                        "flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]",
-                        classNames?.icon
-                      )}
-                    >
-                      {icon}
-                    </div>
-                  )}
-                  <div className="grid min-w-0 gap-1">
-                    {eyebrow && <div data-slot="info-card-eyebrow" className={cn("text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground", classNames?.eyebrow)}>{eyebrow}</div>}
-                    <div className="flex flex-wrap items-center gap-2">
-                      {title && <div data-slot="info-card-title" className={cn("truncate font-semibold tracking-tight text-foreground", titleClassName[size], classNames?.title)}>{title}</div>}
-                      {status && <div data-slot="info-card-status" className={classNames?.status}>{status}</div>}
-                    </div>
-                    {description && <div data-slot="info-card-description" className={cn("line-clamp-2 text-sm text-muted-foreground", classNames?.description)}>{description}</div>}
-                  </div>
-                </div>
-                {actions && (
-                  <div
-                    data-slot="info-card-actions"
-                    className={cn("shrink-0", classNames?.actions)}
-                    onClick={stopInteractivePropagation}
-                    onMouseDown={stopInteractivePropagation}
-                    onDoubleClick={stopInteractivePropagation}
-                  >
-                    {actions}
-                  </div>
-                )}
-              </div>
-            )}
-            {meta && <div data-slot="info-card-meta" className={cn("text-xs text-muted-foreground", classNames?.meta)}>{meta}</div>}
-            {(content || children) && (renderContent?.(ctx) ?? <div data-slot="info-card-content" className={classNames?.content}>{content ?? children}</div>)}
-            {footer && (renderFooter?.(ctx) ?? <div data-slot="info-card-footer" className={cn("border-t pt-3 text-sm text-muted-foreground", classNames?.footer)}>{footer}</div>)}
-          </div>
-        </>
-      )}
-    </Card>
-  )
-}
-
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardVariant = InfoCardVariant
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardSize = InfoCardSize
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardDensity = InfoCardDensity
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardOrientation = InfoCardOrientation
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardClassNames = InfoCardClassNames
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardRenderContext = InfoCardRenderContext
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardProps = InfoCardProps
-
-/** @deprecated Prefer `InfoCard` for new public usage. */
-function SmartCard(props: SmartCardProps) {
-  return <InfoCard {...props} />
-}
-
-export { InfoCard, SmartCard }

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/form/deprecated-compat.tsx

@@ -1,45 +0,0 @@
-import type { ReactElement } from "react"
-
-import { FormInput, type FormInputKind } from "@/components/form/form-input"
-import { FormSelect } from "@/components/form/form-select"
-import { warnDeprecatedComponent } from "@/lib/deprecated-warning"
-
-type DeprecatedFormInputAliasArgs<TProps> = {
-  componentName: string
-  replacement: string
-  kind: FormInputKind
-  props: TProps
-  extraProps?: Record<string, unknown>
-}
-
-function renderDeprecatedFormInputAlias<TProps>({
-  componentName,
-  replacement,
-  kind,
-  props,
-  extraProps,
-}: DeprecatedFormInputAliasArgs<TProps>) {
-  warnDeprecatedComponent(componentName, replacement)
-  const Component = FormInput as unknown as (props: Record<string, unknown>) => ReactElement
-  return <Component {...(props as Record<string, unknown>)} {...extraProps} kind={kind} />
-}
-
-type DeprecatedFormSelectAliasArgs<TProps> = {
-  componentName: string
-  replacement: string
-  kind: "async"
-  props: TProps
-}
-
-function renderDeprecatedFormSelectAlias<TProps>({
-  componentName,
-  replacement,
-  kind,
-  props,
-}: DeprecatedFormSelectAliasArgs<TProps>) {
-  warnDeprecatedComponent(componentName, replacement)
-  const Component = FormSelect as unknown as (props: Record<string, unknown>) => ReactElement
-  return <Component {...(props as Record<string, unknown>)} kind={kind} />
-}
-
-export { renderDeprecatedFormInputAlias, renderDeprecatedFormSelectAlias }

package/packages/cli/vendor/src/components/form/form-async-select.tsx

@@ -1,32 +0,0 @@
-import { type FormSelectAsyncVariantProps as BaseFormAsyncSelectProps } from "@/components/form/form-select"
-import { renderDeprecatedFormSelectAlias } from "@/components/form/deprecated-compat"
-import type { AsyncSelectOption } from "@/components/inputs/async-select"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormAsyncSelectProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-  TValue extends string = string,
-  TData = unknown,
-  TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>,
-> = Omit<BaseFormAsyncSelectProps<TFieldValues, TName, TValue, TData, TOption>, "kind">
-
-/**
- * @deprecated Use {@link FormSelect} with `kind="async"` instead.
- */
-function FormAsyncSelect<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-  TValue extends string = string,
-  TData = unknown,
-  TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>,
->(props: FormAsyncSelectProps<TFieldValues, TName, TValue, TData, TOption>) {
-  return renderDeprecatedFormSelectAlias({
-    componentName: "FormAsyncSelect",
-    replacement: "FormSelect with kind=\"async\"",
-    kind: "async",
-    props,
-  })
-}
-
-export { FormAsyncSelect }

package/packages/cli/vendor/src/components/form/form-date-input.tsx

@@ -1,25 +0,0 @@
-import { type FormInputDateVariantProps } from "@/components/form/form-input"
-import { renderDeprecatedFormInputAlias } from "@/components/form/deprecated-compat"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormDateInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormInputDateVariantProps<TFieldValues, TName>, "kind">
-
-/**
- * @deprecated Use {@link FormInput} with `kind="date"` instead.
- */
-function FormDateInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormDateInputProps<TFieldValues, TName>) {
-  return renderDeprecatedFormInputAlias({
-    componentName: "FormDateInput",
-    replacement: "FormInput with kind=\"date\"",
-    kind: "date",
-    props,
-  })
-}
-
-export { FormDateInput }

package/packages/cli/vendor/src/components/form/form-number-input.tsx

@@ -1,29 +0,0 @@
-import { type FormInputNumberVariantProps } from "@/components/form/form-input"
-import { renderDeprecatedFormInputAlias } from "@/components/form/deprecated-compat"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormNumberInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormInputNumberVariantProps<TFieldValues, TName>, "kind" | "step" | "max" | "min"> & {
-  step?: number
-  min?: number
-  max?: number
-}
-
-/**
- * @deprecated Use {@link FormInput} with `kind="number"` instead.
- */
-function FormNumberInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormNumberInputProps<TFieldValues, TName>) {
-  return renderDeprecatedFormInputAlias({
-    componentName: "FormNumberInput",
-    replacement: "FormInput with kind=\"number\"",
-    kind: "number",
-    props,
-  })
-}
-
-export { FormNumberInput }

package/packages/cli/vendor/src/components/form/form-password-input.tsx

@@ -1,25 +0,0 @@
-import { type FormInputPasswordVariantProps as BaseFormPasswordInputProps } from "@/components/form/form-input"
-import { renderDeprecatedFormInputAlias } from "@/components/form/deprecated-compat"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormPasswordInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<BaseFormPasswordInputProps<TFieldValues, TName>, "kind">
-
-/**
- * @deprecated Use {@link FormInput} with `kind="password"` instead.
- */
-function FormPasswordInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormPasswordInputProps<TFieldValues, TName>) {
-  return renderDeprecatedFormInputAlias({
-    componentName: "FormPasswordInput",
-    replacement: "FormInput with kind=\"password\"",
-    kind: "password",
-    props,
-  })
-}
-
-export { FormPasswordInput }

package/packages/cli/vendor/src/components/form/form-phone-input.tsx

@@ -1,32 +0,0 @@
-import { type FormInputPhoneInputValueMode, type FormInputPhoneVariantProps } from "@/components/form/form-input"
-import { renderDeprecatedFormInputAlias } from "@/components/form/deprecated-compat"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormPhoneInputValueMode = FormInputPhoneInputValueMode
-export type { FormInputPhoneInputValueMode }
-
-export type FormPhoneInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "kind" | "valueMode"> & {
-  valueMode?: FormInputPhoneInputValueMode
-}
-
-/**
- * @deprecated Use {@link FormInput} with `kind="phone"` instead.
- */
-function FormPhoneInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormPhoneInputProps<TFieldValues, TName>) {
-  const { valueMode, ...rest } = props
-  return renderDeprecatedFormInputAlias({
-    componentName: "FormPhoneInput",
-    replacement: "FormInput with kind=\"phone\"",
-    kind: "phone",
-    props: rest,
-    extraProps: { valueMode },
-  })
-}
-
-export { FormPhoneInput }

package/packages/cli/vendor/src/components/form/form-search-input.tsx

@@ -1,25 +0,0 @@
-import { type FormInputSearchVariantProps } from "@/components/form/form-input"
-import { renderDeprecatedFormInputAlias } from "@/components/form/deprecated-compat"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormSearchInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormInputSearchVariantProps<TFieldValues, TName>, "kind">
-
-/**
- * @deprecated Use {@link FormInput} with `kind="search"` instead.
- */
-function FormSearchInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormSearchInputProps<TFieldValues, TName>) {
-  return renderDeprecatedFormInputAlias({
-    componentName: "FormSearchInput",
-    replacement: "FormInput with kind=\"search\"",
-    kind: "search",
-    props,
-  })
-}
-
-export { FormSearchInput }