@exegia/corpora-ui 2.0.0 → 3.1.0

package/src/assets/css/theme.css

@@ -1,321 +0,0 @@
-/* Core color, typography, motion, and radius tokens. */
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  /* Let width/height tween between auto and fixed values (e.g. a button
-       toggling to an icon-only size). Progressive enhancement: browsers
-       without support keep the instant jump. */
-  interpolate-size: allow-keywords;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.457 0.24 277.023);
-  --primary-foreground: oklch(0.962 0.018 272.314);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.811 0.111 293.571);
-  --chart-2: oklch(0.606 0.25 292.717);
-  --chart-3: oklch(0.541 0.281 293.009);
-  --chart-4: oklch(0.491 0.27 292.581);
-  --chart-5: oklch(0.432 0.232 292.759);
-  --radius: 0.875rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.511 0.262 276.966);
-  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-  --destructive-foreground: var(--color-red-700);
-  --info: var(--color-blue-500);
-  --info-foreground: var(--color-blue-700);
-  --success: var(--color-emerald-500);
-  --success-foreground: var(--color-emerald-700);
-  --warning: var(--color-amber-500);
-  --warning-foreground: var(--color-amber-700);
-  --liquid-glass-rim-light: rgba(255,255,255,0.8);
-  --liquid-glass-rim-dark: rgba(0,0,0,0.5);
-  --liquid-glass-rim-fade: 2%;
-  --liquid-glass-rim-width: 1.8px;
-  --invert: var(--color-zinc-900);
-  --invert-foreground: var(--color-zinc-50);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.398 0.195 277.366);
-  --primary-foreground: oklch(0.962 0.018 272.314);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.811 0.111 293.571);
-  --chart-2: oklch(0.606 0.25 292.717);
-  --chart-3: oklch(0.541 0.281 293.009);
-  --chart-4: oklch(0.491 0.27 292.581);
-  --chart-5: oklch(0.432 0.232 292.759);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.585 0.233 277.117);
-  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-  --destructive-foreground: var(--color-red-400);
-  --info: var(--color-blue-500);
-  --info-foreground: var(--color-blue-400);
-  --success: var(--color-emerald-500);
-  --success-foreground: var(--color-emerald-400);
-  --warning: var(--color-amber-500);
-  --warning-foreground: var(--color-amber-400);
-  --liquid-glass-rim-light: rgba(255,255,255,0.3);
-  --liquid-glass-rim-dark: rgba(0,0,0,0.5);
-  --liquid-glass-rim-fade: 4%;
-  --liquid-glass-rim-width: 1.5px;
-
-  .shadow-bezel {
-    box-shadow:
-      inset 1px 1px 2px rgb(255 255 255 / 0.15),
-      inset -2px -2px 4px rgb(0 0 0 / 0.6);
-  }
-
-  .shadow-debossed {
-    box-shadow:
-      inset 2px 2px 4px rgb(0 0 0 / 0.6),
-      inset -1px -1px 2px rgb(255 255 255 / 0.15);
-  }
-
-  --invert: var(--color-zinc-700);
-  --invert-foreground: var(--color-zinc-50)
-}
-
-@theme inline {
-  /* motion tokens (transitions.dev scale, via transitions-polish) */
-  --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
-  --ease-in-out: ease-in-out;
-  --ease-out: ease-out;
-  --ease-linear: linear;
-  --ease-bounce: cubic-bezier(0.34, 1.36, 0.64, 1);
-  --ease-bounce-strong: cubic-bezier(0.34, 3.85, 0.64, 1);
-  --duration-stagger: 40ms;
-  --duration-micro: 80ms;
-  --duration-quick: 150ms;
-  --duration-fast: 250ms;
-  --duration-medium: 350ms;
-  --duration-slow: 400ms;
-  --duration-very-slow: 500ms;
-  --distance-micro: 4px;
-  --distance-small: 6px;
-  --distance-base: 8px;
-  --distance-medium: 12px;
-  --distance-large: 30px;
-  --scale-large: 0.96;
-  --scale-medium: 0.97;
-  --scale-small: 0.98;
-  --scale-tiny: 0.99;
-  --blur-small: 2px;
-  --blur-medium: 3px;
-  --blur-large: 8px;
-  /* streaming-text recipe tunables (transitions.dev #30) */
-  --stream-gap: 60ms;
-  --stream-fade: var(--duration-medium);
-  --stream-blur: 1px;
-  --stream-ease: var(--ease-smooth-out);
-  --font-sans: "Inter Variable", sans-serif;
-  --font-heading: "Figtree Variable", sans-serif;
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --color-foreground: var(--foreground);
-  --color-background: var(--background);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-  --color-destructive-foreground: var(--destructive-foreground);
-  @keyframes liquid-drift {
-    0% {
-      background-position:
-        0% 0%,
-        100% 100%,
-        0% 0%;
-    }
-    50% {
-      background-position:
-        30% 20%,
-        70% 80%,
-        0% 0%;
-    }
-    100% {
-      background-position:
-        0% 0%,
-        100% 100%,
-        0% 0%;
-    }
-  }
-  --animate-caret-blink: 1s ease-out infinite caret-blink;
-  --animate-input-shake: input-shake 0.4s ease-in-out;
-  --animate-skeleton: skeleton 2s -1s infinite linear;
-  --color-warning-foreground: var(--warning-foreground);
-  --color-warning: var(--warning);
-  --color-success-foreground: var(--success-foreground);
-  --color-success: var(--success);
-  --color-info-foreground: var(--info-foreground);
-  --color-info: var(--info);
-  @keyframes skeleton {
-    to {
-      background-position: -200% 0;
-    }
-  }
-  @keyframes input-shake {
-    0%,
-    100% {
-      translate: 0;
-    }
-    20% {
-      translate: -6px 0;
-    }
-    40% {
-      translate: 6px 0;
-    }
-    60% {
-      translate: -4px 0;
-    }
-    80% {
-      translate: 4px 0;
-    }
-  }
-  @keyframes caret-blink {
-    0%,
-    70%,
-    to {
-      opacity: 1;
-    }
-    20%,
-    50% {
-      opacity: 0;
-    }
-  }
-  --animate-toast-success-odd: toast-success-odd 0.32s cubic-bezier(0.5, 1, 0.89, 1);
-  --animate-toast-success-even: toast-success-even 0.32s cubic-bezier(0.5, 1, 0.89, 1);
-  --animate-toast-error-odd: toast-error-odd 0.28s cubic-bezier(0.5, 1, 0.89, 1);
-  --animate-toast-error-even: toast-error-even 0.28s cubic-bezier(0.5, 1, 0.89, 1)
-;
-  --color-invert-foreground: var(--invert-foreground);
-  --color-invert: var(--invert);
-  @keyframes toast-success-odd {
-  0% {
-    scale: 1;
-    }
-  30% {
-    scale: 1.025;
-    }
-  60% {
-    scale: 0.99;
-    }
-  100% {
-    scale: 1;
-    }
-  }
-  @keyframes toast-error-odd {
-  0% {
-    translate: 0 0;
-    }
-  25% {
-    translate: -3px 0;
-    }
-  50% {
-    translate: 3px 0;
-    }
-  75% {
-    translate: -3px 0;
-    }
-  100% {
-    translate: 0 0;
-    }
-  }
-  @keyframes toast-success-even {
-  0% {
-    scale: 1;
-    }
-  30% {
-    scale: 1.025;
-    }
-  60% {
-    scale: 0.99;
-    }
-  100% {
-    scale: 1;
-    }
-  }
-  @keyframes toast-error-even {
-  0% {
-    translate: 0 0;
-    }
-  25% {
-    translate: -3px 0;
-    }
-  50% {
-    translate: 3px 0;
-    }
-  75% {
-    translate: -3px 0;
-    }
-  100% {
-    translate: 0 0;
-    }
-  }}

package/src/components/atoms/_layout.tsx

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import { createHomeLayout } from "fumapress/layouts/home";
-import type PressConfig from "../../../press.config";
-
-const HomeLayout = createHomeLayout<typeof PressConfig.$context>();
-
-export default function Layout({ children }: { children: ReactNode }) {
-  return <HomeLayout>{children}</HomeLayout>;
-}

package/src/components/atoms/avatar/base.tsx

@@ -1,70 +0,0 @@
-import {
-  Avatar,
-  AvatarBadge,
-  AvatarFallback,
-  AvatarImage,
-} from "@/components/ui/avatar"
-import type { IAvatarProps, TUserType } from "./types"
-import { cn } from "@/lib/utils"
-import {
-  initialsFrom,
-  loaderSizes,
-  ringClasses,
-  sizeClasses,
-  statusClasses,
-} from "./utils"
-import { User } from "lucide-react"
-import { VerifiedBadge } from "./verified"
-import { Skeleton } from "@/components/ui/skeleton"
-import { Loader } from "../loader"
-
-export default function Base<T extends TUserType>({
-  user,
-  size = "sm",
-  className,
-  loading,
-  audio,
-}: IAvatarProps<T>) {
-  return (
-    <div
-      className={cn(
-        "relative",
-        audio && "group/avatar flex items-center justify-center"
-      )}
-    >
-      {
-        /* Animated Story Ring — suppressed while loading; identity first */
-        audio && !loading && (
-          <div
-            className={cn(
-              "absolute -inset-1 rounded-full bg-linear-to-tr from-yellow-400 via-fuchsia-500 to-violet-600 blur-xs transition-all duration-500",
-              ringClasses[audio]
-            )}
-          />
-        )
-      }
-      <Avatar className={cn(sizeClasses[size], className)}>
-        <AvatarImage src={user?.avatarUrl} alt={user?.firstName} />
-        <AvatarFallback>
-          {initialsFrom(user) ?? <User className="size-4" aria-hidden="true" />}
-        </AvatarFallback>
-        {loading && (
-          <Skeleton className="absolute inset-0 rounded-full ring-1 ring-border/50 dark:[--skeleton-highlight:--alpha(var(--color-white)/14%)]" />
-        )}
-        {user && user.status && !loading && size !== "sm" && (
-          <AvatarBadge className={statusClasses[user.status]} />
-        )}
-        {user && user.verified && !loading && size !== "sm" && (
-          <span className="absolute -top-0.5 -right-0.5">
-            <VerifiedBadge />
-          </span>
-        )}
-      </Avatar>
-      {loading && (
-        <div className="absolute inset-0 flex items-center justify-center">
-          <Loader type="dots" size={loaderSizes[size]} />
-        </div>
-      )}
-    </div>
-  )
-}

package/src/components/atoms/avatar/index.ts

@@ -1,10 +0,0 @@
-import Avatar from "./base"
-
-export { Avatar }
-export type {
-  IAvatarProps,
-  TAvatarAudio,
-  TAvatarSize,
-  TAvatarStatus,
-  TUserType,
-} from "./types"

package/src/components/atoms/avatar/types.ts

@@ -1,24 +0,0 @@
-import type { TAtomSize } from "../types";
-
-export type TUserType = {
-  firstName?: string
-  lastName?: string
-  email?: string
-  role?: string
-  avatarUrl?: string
-  verified?: boolean
-  status?: TAvatarStatus
-}
-
-export type TAvatarSize = Exclude<TAtomSize, "xs">
-export type TAvatarStatus = "online" | "idle" | "offline"
-
-export type TAvatarAudio = "muted" | "unmuted" | "speaking"
-
-export interface IAvatarProps<T extends TUserType> {
-  user?: T
-  size?: TAvatarSize
-  className?: string
-  audio?: TAvatarAudio
-  loading?: boolean
-}

package/src/components/atoms/avatar/utils.ts

@@ -1,54 +0,0 @@
-import type { ClassValue } from "class-variance-authority/types"
-import type { TAvatarAudio, TAvatarSize, TUserType } from "./types"
-import type { TAtomSize } from "../types";
-
-export function initialsFrom(user: string | TUserType | undefined): string | undefined {
-  // If the user is a string, use it directly to generate initials.
-  if (user && typeof user === "string") {
-    const parts = user.trim().split(/\s+/).filter(Boolean)
-    if (parts.length === 0) return ""
-    const first = parts[0]?.[0] ?? ""
-    const last = parts.length > 1 ? (parts.at(-1)?.[0] ?? "") : ""
-    return (first + last).toUpperCase()
-  }
-  // If the user is not a string, use firstName and lastName to generate initials.
-  if (user && typeof user !== "string" && user.firstName && user.lastName)
-    return user.firstName.charAt(0) + user.lastName.charAt(0)
-  // If the user does not have a firstName or lastName, return undefined.
-  return undefined
-}
-
-export const avatarIsSpeakingClass =
-  "ring-background size-10 ring-2 transition-transform duration-500 group-hover/avatar:scale-95"
-
-export const ringClasses: Record<NonNullable<TAvatarAudio>, ClassValue> = {
-  muted: "group-hover/avatar:opacity-0 group-hover/avatar:blur-none  opacity-0",
-  unmuted:
-    "animate-none group-hover/avatar:opacity-70 group-hover/avatar:blur-sm opacity-30",
-  speaking:
-    "animate-[spin_3s_linear_infinite] group-hover/avatar:opacity-100 group-hover/avatar:blur-sm opacity-75",
-}
-
-export const sizeClasses: Record<TAvatarSize, string> = {
-  sm: "size-6",
-  default: "size-8",
-  lg: "size-10",
-  xl: "size-14",
-  xxl: "size-16",
-}
-
-// Dot trio ≈ 45-55% of the disc: 3×dot + 2×4px gap.
-// 24px disc → 14px trio (xs), 40px → 20px (sm), 64px → 32px (md).
-export const loaderSizes: Record<TAvatarSize, TAtomSize> = {
-  sm: "xs",
-  default: "xs",
-  lg: "sm",
-  xl: "sm",
-  xxl: "default",
-}
-
-export const statusClasses = {
-  online: "bg-success",
-  idle: "bg-warning",
-  offline: "bg-text-secondary",
-}

package/src/components/atoms/avatar/verified.tsx

@@ -1,16 +0,0 @@
-
-
-export const VerifiedBadge = () => {
-  return (
-    <svg viewBox="0 0 15 16" className="size-4">
-      <path
-        className="fill-blue-500"
-        d="M14.5425 6.8973L13.5 5.8398C13.4273 5.76858 13.3699 5.68331 13.3312 5.58919C13.2925 5.49507 13.2734 5.39405 13.275 5.2923V3.7923C13.274 3.58681 13.2324 3.38353 13.1527 3.19414C13.0729 3.00476 12.9565 2.833 12.8101 2.68874C12.6638 2.54448 12.4904 2.43055 12.2998 2.35351C12.1093 2.27647 11.9055 2.23783 11.7 2.2398H10.2C10.0982 2.24141 9.99722 2.22228 9.9031 2.1836C9.80898 2.14492 9.72371 2.08749 9.65249 2.0148L8.60249 0.957304C8.30998 0.665106 7.91344 0.500977 7.49999 0.500977C7.08654 0.500977 6.68999 0.665106 6.39749 0.957304L5.33999 1.9998C5.26876 2.07249 5.1835 2.12992 5.08937 2.1686C4.99525 2.20728 4.89424 2.22641 4.79249 2.2248H3.29249C3.08699 2.22578 2.88371 2.26735 2.69432 2.34713C2.50494 2.4269 2.33318 2.54331 2.18892 2.68966C2.04466 2.83602 1.93073 3.00943 1.85369 3.19994C1.77665 3.39046 1.73801 3.59431 1.73999 3.7998V5.2998C1.74159 5.40155 1.72247 5.50256 1.68378 5.59669C1.6451 5.69081 1.58767 5.77608 1.51499 5.8473L0.457487 6.8973C0.165289 7.18981 0.00115967 7.58635 0.00115967 7.9998C0.00115967 8.41325 0.165289 8.80979 0.457487 9.1023L1.49999 10.1598C1.57267 10.231 1.6301 10.3163 1.66878 10.4104C1.70747 10.5045 1.72659 10.6056 1.72499 10.7073V12.2073C1.72597 12.4128 1.76754 12.6161 1.84731 12.8055C1.92709 12.9949 2.04349 13.1666 2.18985 13.3109C2.3362 13.4551 2.50961 13.5691 2.70013 13.6461C2.89064 13.7231 3.0945 13.7618 3.29999 13.7598H4.79999C4.90174 13.7582 5.00275 13.7773 5.09687 13.816C5.191 13.8547 5.27627 13.9121 5.34749 13.9848L6.40499 15.0423C6.69749 15.3345 7.09404 15.4986 7.50749 15.4986C7.92094 15.4986 8.31748 15.3345 8.60999 15.0423L9.65999 13.9998C9.73121 13.9271 9.81647 13.8697 9.9106 13.831C10.0047 13.7923 10.1057 13.7732 10.2075 13.7748H11.7075C12.1212 13.7748 12.518 13.6104 12.8106 13.3179C13.1031 13.0253 13.2675 12.6285 13.2675 12.2148V10.7148C13.2659 10.6131 13.285 10.512 13.3237 10.4179C13.3624 10.3238 13.4198 10.2385 13.4925 10.1673L14.55 9.1098C14.6953 8.96434 14.8104 8.79157 14.8887 8.60146C14.9671 8.41134 15.007 8.20761 15.0063 8.00199C15.0056 7.79638 14.9643 7.59293 14.8847 7.40334C14.8051 7.21376 14.6888 7.04178 14.5425 6.8973Z"
-      />
-      <path
-        className="fill-white"
-        d="M10.635 6.6498L6.95249 10.2498C6.90055 10.3024 6.83864 10.3441 6.77038 10.3724C6.70212 10.4007 6.62889 10.4152 6.55499 10.4148C6.48062 10.4138 6.40719 10.398 6.33896 10.3684C6.27073 10.3388 6.20905 10.2959 6.15749 10.2423L4.37999 8.4423C4.32532 8.39026 4.28169 8.32775 4.25169 8.25849C4.22169 8.18923 4.20593 8.11464 4.20536 8.03916C4.20479 7.96369 4.21941 7.88887 4.24836 7.81916C4.27731 7.74946 4.31999 7.68629 4.37387 7.63342C4.42774 7.58056 4.4917 7.53908 4.56194 7.51145C4.63218 7.48382 4.70726 7.47061 4.78271 7.4726C4.85816 7.4746 4.93244 7.49176 5.00112 7.52306C5.0698 7.55436 5.13148 7.59917 5.18249 7.6548L6.56249 9.0573L9.84749 5.8473C9.95296 5.74197 10.0959 5.6828 10.245 5.6828C10.394 5.6828 10.537 5.74197 10.6425 5.8473C10.6953 5.90016 10.737 5.963 10.7653 6.03216C10.7935 6.10132 10.8077 6.17542 10.807 6.25013C10.8063 6.32483 10.7908 6.39865 10.7612 6.46728C10.7317 6.5359 10.6888 6.59795 10.635 6.6498Z"
-      />
-    </svg>
-  )
-}

package/src/components/atoms/background/index.ts

@@ -1,8 +0,0 @@
-import { Texture } from "./texture"
-
-const Background = {
-  Texture
-}
-
-export * from "./type"
-export default Background

package/src/components/atoms/background/texture.tsx

@@ -1,29 +0,0 @@
-import { cn } from "@/lib/utils"
-import type { ITextureProps } from "./type";
-import { linearGradient, textureMap } from "./utils";
-
-
-export function Texture({
-  variant = "fabric",
-  opacity = 1,
-  className,
-  children,
-}: ITextureProps) {
-  const textureUrl = variant !== "none" ? textureMap[variant] : null
-  return (
-    <div className="relative h-full w-full flex flex-col flex-1">
-      {textureUrl && (
-        <div
-          aria-hidden="true"
-          className="pointer-events-none absolute inset-0"
-          style={{
-            backgroundImage: `url(${textureUrl})`,
-            backgroundRepeat: "repeat",
-            opacity,
-          }}
-        />
-      )}
-      {children && <div className={cn("h-full w-full flex flex-col flex-1", linearGradient, className)}>{children}</div>}
-    </div>
-  )
-}

package/src/components/atoms/background/type.ts

@@ -1,10 +0,0 @@
-export type TTextureVariant =
-  | "fabric"
-  | "paper"
-  | "none"
-export interface ITextureProps {
-  variant?: TTextureVariant
-  opacity?: number
-  className?: string
-  children?: React.ReactNode
-}

package/src/components/atoms/background/utils.ts

@@ -1,13 +0,0 @@
-import type { TTextureVariant } from "./type";
-import fabricBackground from "@/assets/fabric.png";
-import paperBackground from "@/assets/paper.png";
-
-export const textureMap: Record<Exclude<TTextureVariant, "none">, string> = {
-  fabric: fabricBackground,
-  paper: paperBackground,
-}
-
-export const linearGradient = "bg-linear-to-t from-background from-10% to-transparent to-40% dark:from-10% dark:to-background/30 dark:to-50%";
-
-export const verticalFadeGradient = (color: string, spread: number = 50) =>
-  `linear-gradient(to top, ${color} 0%, ${color} ${spread}%, transparent 100%)`