ingeniuscliq-core 0.4.13 → 0.4.15

package/core/commands/rollback-module.js

@@ -1,208 +0,0 @@
-#!/usr/bin/env node
-
-import { createBaseDir, joinPaths } from './helpers/index.js';
-import chalk from 'chalk';
-import enquirer from 'enquirer';
-import fs from 'fs';
-import path from 'path';
-
-const { prompt } = enquirer;
-
-/**
- * Removes the module import from the modules/index.ts file if it exists
- * @param {string} moduleName The name of the module to remove
- */
-function removeModuleImport(moduleName) {
-  const modulesDir = createBaseDir('modules', ['src']);
-  const indexPath = joinPaths(modulesDir, 'index.ts');
-
-  try {
-    if (fs.existsSync(indexPath)) {
-      let content = fs.readFileSync(indexPath, 'utf8');
-      const importStatement = `import './${moduleName}'`;
-      
-      // Remove the import line if it exists
-      const lines = content.split('\n').filter(line => !line.includes(importStatement));
-      
-      // Clean up empty lines between imports
-      let cleanedLines = [];
-      let lastLineWasEmpty = false;
-      
-      for (const line of lines) {
-        if (line.trim() === '') {
-          if (!lastLineWasEmpty) {
-            cleanedLines.push(line);
-            lastLineWasEmpty = true;
-          }
-        } else {
-          cleanedLines.push(line);
-          lastLineWasEmpty = false;
-        }
-      }
-      
-      content = cleanedLines.join('\n');
-      
-      fs.writeFileSync(indexPath, content);
-      console.log(chalk.green(`✓ Removed module import from ${chalk.bold('modules/index.ts')}`));
-    }
-  } catch (error) {
-    console.error(chalk.yellow(`⚠️ Warning: Could not update modules index: ${error.message}`));
-  }
-}
-
-/**
- * Recursively removes a directory and its contents
- * @param {string} dirPath The path to the directory to remove
- */
-function removeDirectory(dirPath) {
-  if (fs.existsSync(dirPath)) {
-    fs.readdirSync(dirPath).forEach((file) => {
-      const curPath = path.join(dirPath, file);
-      if (fs.lstatSync(curPath).isDirectory()) {
-        removeDirectory(curPath);
-      } else {
-        fs.unlinkSync(curPath);
-      }
-    });
-    fs.rmdirSync(dirPath);
-  }
-}
-
-/**
- * Rolls back a module creation
- * @param {string} moduleName The name of the module to roll back
- */
-async function rollbackModule(moduleName) {
-  if (!moduleName) {
-    console.error(chalk.red.bold('❌ Error: Module name is required'));
-    console.log(chalk.yellow('⚠️ Usage: npm run rollback:module <module-name>'));
-    process.exit(1);
-  }
-
-  const baseDir = createBaseDir(moduleName, ['src', 'modules']);
-
-  // Check if module exists
-  if (!fs.existsSync(baseDir)) {
-    console.error(chalk.red.bold(`❌ Error: Module '${moduleName}' does not exist`));
-    process.exit(1);
-  }
-
-  try {
-    // Ask for confirmation with module details
-    console.log(chalk.yellow('\nModule details:'));
-    console.log(chalk.yellow('─────────────────'));
-    console.log(chalk.yellow(`Location: ${baseDir}`));
-    
-    // Show module contents
-    const contents = fs.readdirSync(baseDir, { withFileTypes: true });
-    console.log(chalk.yellow('Contents:'));
-    contents.forEach(item => {
-      const prefix = item.isDirectory() ? '📁' : '📄';
-      console.log(chalk.yellow(`  ${prefix} ${item.name}`));
-    });
-    console.log(chalk.yellow('─────────────────\n'));
-
-    const response = await prompt({
-      type: 'confirm',
-      name: 'confirm',
-      message: chalk.yellow(`⚠️ Are you sure you want to delete this module? This action cannot be undone.`),
-      initial: false
-    });
-
-    if (!response.confirm) {
-      console.log(chalk.yellow('Operation cancelled.'));
-      process.exit(0);
-    }
-
-    // Remove the module directory
-    removeDirectory(baseDir);
-    console.log(chalk.green(`✓ Removed module directory: ${chalk.bold(moduleName)}`));
-
-    // Remove the module import from index.ts
-    removeModuleImport(moduleName);
-
-    console.log(chalk.green.bold(`\n✨ Module '${moduleName}' successfully removed`));
-  } catch (error) {
-    if (error.message !== 'USER_CANCELLED') {
-      console.error(chalk.red.bold(`❌ Error rolling back module: ${error.message}`));
-    }
-    process.exit(1);
-  }
-}
-
-/**
- * Lists all available modules
- * @returns {string[]} Array of module names
- */
-function listAvailableModules() {
-  const modulesDir = createBaseDir('modules', ['src']);
-  
-  try {
-    if (fs.existsSync(modulesDir)) {
-      return fs.readdirSync(modulesDir, { withFileTypes: true })
-        .filter(dirent => dirent.isDirectory())
-        .map(dirent => dirent.name);
-    }
-  } catch (error) {
-    console.error(chalk.yellow(`⚠️ Warning: Could not read modules directory: ${error.message}`));
-  }
-  
-  return [];
-}
-
-/**
- * Prompts the user to select a module to roll back
- */
-async function promptModuleSelection() {
-  const modules = listAvailableModules();
-
-  if (modules.length === 0) {
-    console.error(chalk.red.bold('❌ Error: No modules found'));
-    process.exit(1);
-  }
-
-  try {
-    const response = await prompt({
-      type: 'select',
-      name: 'moduleName',
-      message: 'Select the module to roll back:',
-      choices: modules.map(module => ({
-        name: module,
-        value: module,
-        message: module
-      })),
-      styles: {
-        primary: chalk.cyan,
-        highlight: chalk.cyan.bold,
-        selected: chalk.red.bold
-      }
-    });
-
-    return response.moduleName;
-  } catch (error) {
-    console.log(chalk.yellow('⚠️ Operation cancelled.'));
-    process.exit(0);
-  }
-}
-
-// Get module name from command line arguments or prompt
-const moduleNameArg = process.argv[2];
-
-async function main() {
-  console.log(chalk.red.bold('\n==================================='));
-  console.log(chalk.red.bold('           Rollback Module'));
-  console.log(chalk.red.bold('===================================\n'));
-
-  let moduleName = moduleNameArg;
-  
-  if (!moduleName) {
-    moduleName = await promptModuleSelection();
-  }
-  
-  await rollbackModule(moduleName);
-}
-
-main().catch(error => {
-  console.error(chalk.red.bold(`❌ Unexpected error: ${error.message}`));
-  process.exit(1);
-});

package/core/commands/templates/locale.js

@@ -1,14 +0,0 @@
-export function localeTemplate(moduleName){
-    return `// ${moduleName} module exports
-
-import { loadModuleTranslations } from '@/i18n/utils/loadModuleTranslations';
-import enTranslations from './locale/en.json';
-import esTranslations from './locale/es.json';
-
-    
-// Load module translations
-loadModuleTranslations('${moduleName}', {
-    en: enTranslations,
-    es: esTranslations
-});`
-}

package/core/commands/templates/service.js

@@ -1,12 +0,0 @@
-export function serviceTemplate(moduleName) {
-    return `import { BaseService } from '@/services/base';
-
-/**
- * Base class that can be extended by concrete services
-*/
-export class ${moduleName}BaseService extends BaseService {
-    constructor() {
-        super('${moduleName}')
-    }
-}`
-}

package/core/commands/templates/type.js

@@ -1,10 +0,0 @@
-export function typeTemplate(moduleName) {
-    return `import type { BaseType } from "@/types/BaseType"
-    
-/**
- * ${moduleName} base type
-*/
-export interface ${moduleName} extends BaseType {
-    
-}`
-}

package/dist/assets/index.d.ts

@@ -1,8 +0,0 @@
-declare module '*.png' {
-    const src: string
-    export default src
-}
-declare module '*.svg' {
-    const src: string
-    export default src
-}

package/dist/components/ui/calendar.d.ts

@@ -1,4 +0,0 @@
-import { DayPicker } from 'react-day-picker';
-import * as React from "react";
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): import("react/jsx-runtime").JSX.Element;
-export { Calendar };

package/dist/components/ui/drawer.d.ts

@@ -1,13 +0,0 @@
-import { Drawer as DrawerPrimitive } from 'vaul';
-import * as React from "react";
-declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/ui/navigation-menu.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-    viewport?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };

package/dist/components/ui/sidebar.d.ts

@@ -1,69 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { Button } from './button';
-import { Input } from './input';
-import { Separator } from './separator';
-import { TooltipContent } from './tooltip';
-import * as React from "react";
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    showOnHover?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
-    showIcon?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };

package/dist/components/ui/sonner.d.ts

@@ -1,3 +0,0 @@
-import { ToasterProps } from 'sonner';
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster };

package/dist/constants/menu.d.ts

@@ -1,2 +0,0 @@
-import { CoreMenuItem } from '../types/CoreMenu';
-export declare const SUB_MENU_HEADER: CoreMenuItem[];

package/dist/helpers/template.d.ts

@@ -1,2 +0,0 @@
-import { CoreDesignTemplate } from '../types/ui/template';
-export declare const getTemplateStyles: (template?: CoreDesignTemplate) => Record<string, string>;

package/dist/helpers/tenant.d.ts

@@ -1,2 +0,0 @@
-export declare const getTenantURL: (withAPIPrefix?: boolean) => string;
-export declare const isCentralAccess: () => boolean;

package/dist/index.css

@@ -1 +0,0 @@
-:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}@custom-variant dark (&:is(.dark *));body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.871 .006 286.286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.871 .006 286.286)}.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.141 .005 285.823);--card-foreground: oklch(.985 0 0);--popover: oklch(.141 .005 285.823);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.21 .006 285.885);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.274 .006 286.033);--input: oklch(.274 .006 286.033);--ring: oklch(.442 .017 285.786);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.274 .006 286.033);--sidebar-ring: oklch(.442 .017 285.786)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}body{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}20%{opacity:1}to{transform:scale(1)}}@keyframes translateUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@keyframes shakeIn{0%,50%{transform:rotate(20deg)}25%,75%{transform:rotate(-20deg)}to{transform:rotate(0)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-timeline:view();animation-range:entry 10% cover 30%}.fadeIn-normal{animation-name:fadeIn;animation-duration:1s}.translateUp{animation-name:translateUp;animation-duration:2s;animation-timeline:view();animation-range:entry 10% cover 20%}.translateUp-normal{animation-name:translateUp;animation-duration:2s}.shake{animation-name:shakeIn;animation-duration:1.5s}