@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/index.js

@@ -24,6 +24,7 @@ import { FileUpload } from "./components/ui/file-upload.js";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
 import { StatsCard } from "./components/ui/stats-card.js";
 import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { CodeBlock } from "./components/ui/code-block.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
 import { DataTable, DataTableColumnHeader, DataTableSelectColumn } from "./components/ui/data-table.js";
@@ -32,10 +33,10 @@ import { Progress } from "./components/ui/progress.js";
 import { Skeleton } from "./components/ui/skeleton.js";
 import { Spinner, spinnerVariants } from "./components/ui/spinner.js";
 import { EmptyState } from "./components/ui/empty-state.js";
+import tree_view from "./components/ui/tree-view.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
-import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
@@ -45,11 +46,9 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.j
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
 import { Stepper } from "./components/ui/stepper.js";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
 import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
-import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
 import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
@@ -64,4 +63,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetadataForm, MultiSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, navigationMenuTriggerStyle, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tree_view as TreeView, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };

package/dist/src/foundation/Future/themes.css

@@ -0,0 +1,279 @@
+.future-dark {
+  --surface: #09090b;
+  --surface-raised: #18181b;
+  --surface-overlay: #27272a;
+  --surface-hover: #3f3f46;
+  --surface-muted: #71717a;
+  --surface-inverse: #fafafa;
+  --brand: #0891b2;
+  --brand-subtle: #083344;
+  --foreground: #fafafa;
+  --foreground-secondary: #f4f4f5;
+  --foreground-hover: #d4d4d8;
+  --foreground-muted: #a1a1aa;
+  --foreground-subtle: #71717a;
+  --foreground-inverse: #09090b;
+  --foreground-on-accent: #fafafa;
+  --foreground-accent: #0891b2;
+  --foreground-accent-muted: #22d3ee;
+  --border: #3f3f46;
+  --border-subtle: #27272a;
+  --border-muted: #18181b;
+  --border-deep: #09090b;
+  --border-inverse: #e4e4e7;
+  --border-hover: #52525b;
+  --ring: #52525b;
+  --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
+  --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
+  --gradient-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
+  --gradient-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
+  --gradient-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
+  --gradient-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.future-light {
+  --surface: #fafafa;
+  --surface-raised: #f4f4f5;
+  --surface-overlay: #e4e4e7;
+  --surface-hover: #d4d4d8;
+  --surface-muted: #a1a1aa;
+  --surface-inverse: #09090b;
+  --brand: #0891b2;
+  --brand-subtle: #ecfeff;
+  --foreground: #09090b;
+  --foreground-secondary: #18181b;
+  --foreground-hover: #52525b;
+  --foreground-muted: #71717a;
+  --foreground-subtle: #a1a1aa;
+  --foreground-inverse: #fafafa;
+  --foreground-on-accent: #fafafa;
+  --foreground-accent: #0891b2;
+  --foreground-accent-muted: #0891b2;
+  --border: #d4d4d8;
+  --border-subtle: #e4e4e7;
+  --border-muted: #f4f4f5;
+  --border-deep: #fafafa;
+  --border-inverse: #3f3f46;
+  --border-hover: #a1a1aa;
+  --ring: #a1a1aa;
+  --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
+  --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
+  --gradient-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
+  --gradient-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
+  --gradient-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
+  --gradient-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.wireframe {
+  --surface: #fff;
+  --surface-raised: #f9fafb;
+  --surface-overlay: #f3f4f6;
+  --surface-hover: #e5e7eb;
+  --surface-muted: #d1d5db;
+  --surface-inverse: #374151;
+  --brand: #6b7280;
+  --brand-subtle: #f3f4f6;
+  --foreground: #1f2937;
+  --foreground-secondary: #374151;
+  --foreground-hover: #4b5563;
+  --foreground-muted: #6b7280;
+  --foreground-subtle: #9ca3af;
+  --foreground-inverse: #fff;
+  --foreground-on-accent: #fff;
+  --foreground-accent: #4b5563;
+  --foreground-accent-muted: #6b7280;
+  --border: #d1d5db;
+  --border-subtle: #e5e7eb;
+  --border-muted: #f3f4f6;
+  --border-deep: #f9fafb;
+  --border-inverse: #4b5563;
+  --border-hover: #9ca3af;
+  --ring: #9ca3af;
+  --gradient-1: none;
+  --gradient-2: none;
+  --gradient-3: none;
+  --gradient-4: none;
+  --gradient-5: none;
+  --gradient-6: none;
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #9ca3af;
+  --destructive-foreground: #fff;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.wireframe *, .wireframe :before, .wireframe :after {
+  box-shadow: none !important;
+  border-style: dashed !important;
+}
+
+.vertex {
+  --surface: oklch(21% .03 258.5);
+  --surface-raised: oklch(23.3% .036 254.7);
+  --surface-overlay: oklch(26.48% .0329 254.38);
+  --surface-hover: oklch(39.27% .0289 240.86);
+  --surface-muted: oklch(72% .03 254.38);
+  --surface-inverse: oklch(98.5% 0 0);
+  --brand: oklch(69.2% .1119 207.06);
+  --brand-subtle: oklch(16.6% .0283 203.34);
+  --foreground: oklch(98.5% 0 0);
+  --foreground-secondary: oklch(95.25% .011 225.98);
+  --foreground-hover: oklch(94.16% .0145 244.72);
+  --foreground-muted: oklch(72% .03 254.38);
+  --foreground-subtle: oklch(45.94% .028 264.25);
+  --foreground-inverse: oklch(21% .03 258.5);
+  --foreground-on-accent: oklch(16.6% .0283 203.34);
+  --foreground-accent: oklch(69.2% .1119 207.06);
+  --foreground-accent-muted: oklch(57.3% .114 211.4);
+  --border: oklch(30.68% .0426 258.29);
+  --border-subtle: oklch(26.48% .0329 254.38);
+  --border-muted: oklch(23.3% .036 254.7);
+  --border-deep: oklch(21% .03 258.5);
+  --border-inverse: oklch(92.29% .0065 252.13);
+  --border-hover: oklch(39.27% .0289 240.86);
+  --ring: oklch(69.2% .1119 207.06);
+  --gradient-1: linear-gradient(127deg, oklch(39.27% .0289 240.86) 25.94%, oklch(26.48% .0329 254.38) 74.06%);
+  --gradient-2: linear-gradient(128deg, oklch(21% .03 258.5) 1.26%, oklch(23.3% .036 254.7) 52.69%);
+  --gradient-3: linear-gradient(128deg, oklch(39.27% .0289 240.86) 1.26%, oklch(23.3% .036 254.7) 52.69%);
+  --gradient-4: linear-gradient(180deg, oklch(23.3% .036 254.7) 0%, oklch(26.48% .0329 254.38) 100%);
+  --gradient-5: linear-gradient(180deg, oklch(21% .03 258.5) 0%, oklch(23.3% .036 254.7) 100%);
+  --gradient-6: linear-gradient(106deg, oklch(69.2% .1119 207.06) 28.08%, oklch(16.6% .0283 203.34) 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: oklch(65.42% .2321 28.66);
+  --destructive-foreground: oklch(100% 0 89.88);
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.canvas {
+  --surface: #182027;
+  --surface-raised: #273139;
+  --surface-overlay: #334049;
+  --surface-hover: #3e4e58;
+  --surface-muted: #8a97a0;
+  --surface-inverse: #f8f9fa;
+  --brand: #fa4616;
+  --brand-subtle: #3c2a1e;
+  --foreground: #f8f9fa;
+  --foreground-secondary: #f4f5f7;
+  --foreground-hover: #cfd8dd;
+  --foreground-muted: #a4b1b8;
+  --foreground-subtle: #8a97a0;
+  --foreground-inverse: #182027;
+  --foreground-on-accent: #fff;
+  --foreground-accent: #fa4616;
+  --foreground-accent-muted: #ff8f70;
+  --border: #526069;
+  --border-subtle: #3e4e58;
+  --border-muted: #273139;
+  --border-deep: #182027;
+  --border-inverse: #cfd8dd;
+  --border-hover: #8a97a0;
+  --ring: #fa4616;
+  --gradient-1: linear-gradient(127deg, #3e4e58 25.94%, #334049 74.06%);
+  --gradient-2: linear-gradient(128deg, #182027 1.26%, #273139 52.69%);
+  --gradient-3: linear-gradient(128deg, #3e4e58 1.26%, #273139 52.69%);
+  --gradient-4: linear-gradient(180deg, #273139 0%, #334049 100%);
+  --gradient-5: linear-gradient(180deg, #182027 0%, #273139 100%);
+  --gradient-6: linear-gradient(106deg, #fa4616 28.08%, #3c2a1e 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fff;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+@utility bg-gradient-1 {
+  background-image: var(--gradient-1) ;
+}
+
+@utility bg-gradient-2 {
+  background-image: var(--gradient-2) ;
+}
+
+@utility bg-gradient-3 {
+  background-image: var(--gradient-3) ;
+}
+
+@utility bg-gradient-4 {
+  background-image: var(--gradient-4) ;
+}
+
+@utility bg-gradient-5 {
+  background-image: var(--gradient-5) ;
+}
+
+@utility bg-gradient-6 {
+  background-image: var(--gradient-6) ;
+}
+