auxalia-ui-kit 1.2.8 → 1.3.0

package/dist/chunk-JHCTCLL4.js

@@ -0,0 +1,102 @@
+// src/tailwind.preset.ts
+var auxaliaColors = {
+  // Primary Brand Color - Fresh Green
+  "auxalia-green": {
+    50: "#f8fbf0",
+    100: "#f0f7e1",
+    200: "#ddf0c0",
+    300: "#c3e88a",
+    400: "#a7d500",
+    // Brand primary
+    500: "#93b800",
+    600: "#749400",
+    700: "#5a7600",
+    800: "#3d5000",
+    900: "#1f2800"
+  },
+  // Secondary Brand Color - Dark Blue
+  "auxalia-blue": {
+    50: "#f0f4f8",
+    100: "#e0eaf3",
+    200: "#c0d6e6",
+    300: "#8fb3d1",
+    400: "#5c8fb5",
+    500: "#3e6897",
+    // Brand secondary
+    600: "#2d5080",
+    700: "#1f3860",
+    800: "#142a47",
+    900: "#0a1628"
+  },
+  // Accent - Petrol Green
+  "auxalia-petrol": {
+    50: "#f0fbfc",
+    100: "#dff8f9",
+    200: "#bef1f3",
+    300: "#7fe6eb",
+    400: "#3fd9e1",
+    500: "#0f868b",
+    // Auxalia petrol
+    600: "#0a646b",
+    700: "#064952",
+    800: "#033539",
+    900: "#011f22"
+  },
+  // Supporting Colors
+  "auxalia-orange": "#dc6b39",
+  "auxalia-yellow": "#cfd12d",
+  "auxalia-red": "#93383a",
+  "auxalia-cyan": "#abbfbd"
+};
+var preset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      fontFamily: {
+        display: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"],
+        body: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"]
+      },
+      colors: {
+        primary: "var(--color-primary)",
+        "primary-foreground": "var(--color-primary-foreground)",
+        "primary-hover": "var(--color-primary-hover)",
+        secondary: "var(--color-secondary)",
+        "secondary-foreground": "var(--color-secondary-foreground)",
+        "secondary-hover": "var(--color-secondary-hover)",
+        accent: "var(--color-accent)",
+        "accent-foreground": "var(--color-accent-foreground)",
+        surface: "var(--color-surface)",
+        "surface-hover": "var(--color-surface-hover)",
+        "surface-foreground": "var(--color-surface-foreground)",
+        destructive: "var(--color-destructive)",
+        "destructive-hover": "var(--color-destructive-hover)",
+        "destructive-foreground": "var(--color-destructive-foreground)",
+        // Auxalia specific colors for direct use
+        "auxalia-green": auxaliaColors["auxalia-green"],
+        "auxalia-blue": auxaliaColors["auxalia-blue"],
+        "auxalia-petrol": auxaliaColors["auxalia-petrol"]
+      },
+      textColor: {
+        primary: "var(--color-text)",
+        secondary: "var(--color-text-secondary)",
+        muted: "var(--color-text-muted)"
+      },
+      backgroundColor: {
+        hero: "var(--color-bg-hero)",
+        card: "var(--card)",
+        cardHover: "var(--card-hover)",
+        popover: "var(--popover)"
+      },
+      backgroundImage: {
+        "gradient-radial-green": "radial-gradient(circle at 20% 20%, rgba(167, 213, 0, 0.15), transparent 35%)",
+        "gradient-radial-blue": "radial-gradient(circle at 80% 0%, rgba(62, 104, 151, 0.1), transparent 40%)",
+        "gradient-glow": "linear-gradient(to bottom right, rgba(6, 182, 212, 0.1), transparent, rgba(255, 255, 255, 0.05))"
+      }
+    }
+  }
+};
+var tailwind_preset_default = preset;
+
+export {
+  tailwind_preset_default
+};

package/dist/index.cjs

@@ -777,7 +777,7 @@ var PopoverContent = React3.forwardRef(
       collisionPadding,
       className: cn(
         // base
-        "z-50 w-72 rounded-md border border-black/10 dark:border-white/10 bg-[#f87171] p-4 text-primary shadow-md outline-none",
+        "z-50 w-72 rounded-md border border-black/10 dark:border-white/10 p-4 bg-popover text-primary shadow-md outline-none",
         // animations
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -855,11 +855,11 @@ var cardVariants = (0, import_class_variance_authority4.cva)(
     variants: {
       variant: {
         default: "bg-card border-primary/10 shadow-sm hover:shadow-md hover:border-primary/20 dark:border-primary/20",
-        outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
+        outlined: "bg-primary border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
         elevated: "bg-red-500 border border-accent/10 shadow-lg hover:shadow-xl",
-        success: "bg-auxalia-green-50 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
-        accent: "bg-auxalia-petrol-50 border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
-        secondary: "bg-auxalia-blue-50 border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
+        success: "bg-auxalia-green-100 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
+        accent: "bg-[#ff0000] border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
+        secondary: "bg-[#0000ff] border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
       }
     },
     defaultVariants: {

package/dist/index.d.cts

@@ -10,8 +10,9 @@ import { Button as Button$1 } from '@radix-ui/themes';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { Config } from 'tailwindcss';
+export { default as tailwindPreset } from './tailwind.preset.cjs';
 import { ClassValue } from 'clsx';
+import 'tailwindcss';
 
 declare const buttonVariants: (props?: {
     variant?: "default" | "outline" | "ghost" | "link";
@@ -280,8 +281,6 @@ interface CustomComponentType {
 
 declare const ControlledTable: ({ tableSource, tableConfig, filteredParams, isSelectable, selectedRows, rowUniqueKey, emptyMessage, withOpenAction, withEditAction, withDownloadAction, withCloneAction, withRemoveAction, withPagination, loading, toolbarActions, openPath, handleClickIcon, handleOpenAction, handleEditAction, handleDownloadAction, handleRemoveAction, setSelectedRows, setFilteredParams, onSearchCallback, onFilterCallback, onRowClick, getDataOnChange, }: CommonTableProps) => react_jsx_runtime.JSX.Element;
 
-declare const preset: Config;
-
 /**
  * Auxalia Design System - Color Tokens
  *
@@ -373,4 +372,4 @@ declare const AuxaliaTokens: {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, type CustomComponentType, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, FieldSeparator, FieldSet, FieldTitle, type FilterField, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type QueryParams, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortObj, type TableConfig, type TableField, ControlledTable as TableView, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, preset as tailwindPreset };
+export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, type CustomComponentType, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, FieldSeparator, FieldSet, FieldTitle, type FilterField, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type QueryParams, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortObj, type TableConfig, type TableField, ControlledTable as TableView, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };

package/dist/index.d.ts

@@ -10,8 +10,9 @@ import { Button as Button$1 } from '@radix-ui/themes';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { Config } from 'tailwindcss';
+export { default as tailwindPreset } from './tailwind.preset.js';
 import { ClassValue } from 'clsx';
+import 'tailwindcss';
 
 declare const buttonVariants: (props?: {
     variant?: "default" | "outline" | "ghost" | "link";
@@ -280,8 +281,6 @@ interface CustomComponentType {
 
 declare const ControlledTable: ({ tableSource, tableConfig, filteredParams, isSelectable, selectedRows, rowUniqueKey, emptyMessage, withOpenAction, withEditAction, withDownloadAction, withCloneAction, withRemoveAction, withPagination, loading, toolbarActions, openPath, handleClickIcon, handleOpenAction, handleEditAction, handleDownloadAction, handleRemoveAction, setSelectedRows, setFilteredParams, onSearchCallback, onFilterCallback, onRowClick, getDataOnChange, }: CommonTableProps) => react_jsx_runtime.JSX.Element;
 
-declare const preset: Config;
-
 /**
  * Auxalia Design System - Color Tokens
  *
@@ -373,4 +372,4 @@ declare const AuxaliaTokens: {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, type CustomComponentType, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, FieldSeparator, FieldSet, FieldTitle, type FilterField, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type QueryParams, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortObj, type TableConfig, type TableField, ControlledTable as TableView, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, preset as tailwindPreset };
+export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, type CustomComponentType, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, FieldSeparator, FieldSet, FieldTitle, type FilterField, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type QueryParams, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortObj, type TableConfig, type TableField, ControlledTable as TableView, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };

package/dist/index.js

@@ -1,3 +1,7 @@
+import {
+  tailwind_preset_default
+} from "./chunk-JHCTCLL4.js";
+
 // src/components/Button.tsx
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
@@ -680,7 +684,7 @@ var PopoverContent = React3.forwardRef(
       collisionPadding,
       className: cn(
         // base
-        "z-50 w-72 rounded-md border border-black/10 dark:border-white/10 bg-[#f87171] p-4 text-primary shadow-md outline-none",
+        "z-50 w-72 rounded-md border border-black/10 dark:border-white/10 p-4 bg-popover text-primary shadow-md outline-none",
         // animations
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -758,11 +762,11 @@ var cardVariants = cva4(
     variants: {
       variant: {
         default: "bg-card border-primary/10 shadow-sm hover:shadow-md hover:border-primary/20 dark:border-primary/20",
-        outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
+        outlined: "bg-primary border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
         elevated: "bg-red-500 border border-accent/10 shadow-lg hover:shadow-xl",
-        success: "bg-auxalia-green-50 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
-        accent: "bg-auxalia-petrol-50 border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
-        secondary: "bg-auxalia-blue-50 border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
+        success: "bg-auxalia-green-100 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
+        accent: "bg-[#ff0000] border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
+        secondary: "bg-[#0000ff] border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
       }
     },
     defaultVariants: {
@@ -6878,105 +6882,6 @@ var ControlledTable = ({
 };
 var ControlledTable_default = ControlledTable;
 
-// src/tailwind.preset.ts
-var auxaliaColors = {
-  // Primary Brand Color - Fresh Green
-  "auxalia-green": {
-    50: "#f8fbf0",
-    100: "#f0f7e1",
-    200: "#ddf0c0",
-    300: "#c3e88a",
-    400: "#a7d500",
-    // Brand primary
-    500: "#93b800",
-    600: "#749400",
-    700: "#5a7600",
-    800: "#3d5000",
-    900: "#1f2800"
-  },
-  // Secondary Brand Color - Dark Blue
-  "auxalia-blue": {
-    50: "#f0f4f8",
-    100: "#e0eaf3",
-    200: "#c0d6e6",
-    300: "#8fb3d1",
-    400: "#5c8fb5",
-    500: "#3e6897",
-    // Brand secondary
-    600: "#2d5080",
-    700: "#1f3860",
-    800: "#142a47",
-    900: "#0a1628"
-  },
-  // Accent - Petrol Green
-  "auxalia-petrol": {
-    50: "#f0fbfc",
-    100: "#dff8f9",
-    200: "#bef1f3",
-    300: "#7fe6eb",
-    400: "#3fd9e1",
-    500: "#0f868b",
-    // Auxalia petrol
-    600: "#0a646b",
-    700: "#064952",
-    800: "#033539",
-    900: "#011f22"
-  },
-  // Supporting Colors
-  "auxalia-orange": "#dc6b39",
-  "auxalia-yellow": "#cfd12d",
-  "auxalia-red": "#93383a",
-  "auxalia-cyan": "#abbfbd"
-};
-var preset = {
-  darkMode: "class",
-  theme: {
-    extend: {
-      fontFamily: {
-        display: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"],
-        body: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"]
-      },
-      colors: {
-        primary: "var(--color-primary)",
-        "primary-foreground": "var(--color-primary-foreground)",
-        "primary-hover": "var(--color-primary-hover)",
-        secondary: "var(--color-secondary)",
-        "secondary-foreground": "var(--color-secondary-foreground)",
-        "secondary-hover": "var(--color-secondary-hover)",
-        accent: "var(--color-accent)",
-        "accent-foreground": "var(--color-accent-foreground)",
-        surface: "var(--color-surface)",
-        "surface-hover": "var(--color-surface-hover)",
-        "surface-foreground": "var(--color-surface-foreground)",
-        destructive: "var(--color-destructive)",
-        "destructive-hover": "var(--color-destructive-hover)",
-        "destructive-foreground": "var(--color-destructive-foreground)",
-        // Auxalia specific colors for direct use
-        "auxalia-green": auxaliaColors["auxalia-green"],
-        "auxalia-blue": auxaliaColors["auxalia-blue"],
-        "auxalia-petrol": auxaliaColors["auxalia-petrol"]
-      },
-      textColor: {
-        primary: "var(--color-text)",
-        secondary: "var(--color-text-secondary)",
-        muted: "var(--color-text-muted)"
-      },
-      backgroundColor: {
-        hero: "var(--color-bg-hero)",
-        card: "var(--card)",
-        cardHover: "var(--card-hover)",
-        popover: "var(--popover)"
-      },
-      backgroundImage: {
-        "gradient-radial-green": "radial-gradient(circle at 20% 20%, rgba(167, 213, 0, 0.15), transparent 35%)",
-        "gradient-radial-blue": "radial-gradient(circle at 80% 0%, rgba(62, 104, 151, 0.1), transparent 40%)",
-        "gradient-glow": "linear-gradient(to bottom right, rgba(6, 182, 212, 0.1), transparent, rgba(255, 255, 255, 0.05))"
-      }
-    }
-  }
-};
-var tailwind_preset_default = preset;
-
 // src/lib/tokens.ts
 var AuxaliaTokens = {
   // PRIMARY: BRAND GREEN

package/dist/tailwind.preset.cjs

@@ -0,0 +1,121 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind.preset.ts
+var tailwind_preset_exports = {};
+__export(tailwind_preset_exports, {
+  default: () => tailwind_preset_default
+});
+module.exports = __toCommonJS(tailwind_preset_exports);
+var auxaliaColors = {
+  // Primary Brand Color - Fresh Green
+  "auxalia-green": {
+    50: "#f8fbf0",
+    100: "#f0f7e1",
+    200: "#ddf0c0",
+    300: "#c3e88a",
+    400: "#a7d500",
+    // Brand primary
+    500: "#93b800",
+    600: "#749400",
+    700: "#5a7600",
+    800: "#3d5000",
+    900: "#1f2800"
+  },
+  // Secondary Brand Color - Dark Blue
+  "auxalia-blue": {
+    50: "#f0f4f8",
+    100: "#e0eaf3",
+    200: "#c0d6e6",
+    300: "#8fb3d1",
+    400: "#5c8fb5",
+    500: "#3e6897",
+    // Brand secondary
+    600: "#2d5080",
+    700: "#1f3860",
+    800: "#142a47",
+    900: "#0a1628"
+  },
+  // Accent - Petrol Green
+  "auxalia-petrol": {
+    50: "#f0fbfc",
+    100: "#dff8f9",
+    200: "#bef1f3",
+    300: "#7fe6eb",
+    400: "#3fd9e1",
+    500: "#0f868b",
+    // Auxalia petrol
+    600: "#0a646b",
+    700: "#064952",
+    800: "#033539",
+    900: "#011f22"
+  },
+  // Supporting Colors
+  "auxalia-orange": "#dc6b39",
+  "auxalia-yellow": "#cfd12d",
+  "auxalia-red": "#93383a",
+  "auxalia-cyan": "#abbfbd"
+};
+var preset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      fontFamily: {
+        display: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"],
+        body: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"]
+      },
+      colors: {
+        primary: "var(--color-primary)",
+        "primary-foreground": "var(--color-primary-foreground)",
+        "primary-hover": "var(--color-primary-hover)",
+        secondary: "var(--color-secondary)",
+        "secondary-foreground": "var(--color-secondary-foreground)",
+        "secondary-hover": "var(--color-secondary-hover)",
+        accent: "var(--color-accent)",
+        "accent-foreground": "var(--color-accent-foreground)",
+        surface: "var(--color-surface)",
+        "surface-hover": "var(--color-surface-hover)",
+        "surface-foreground": "var(--color-surface-foreground)",
+        destructive: "var(--color-destructive)",
+        "destructive-hover": "var(--color-destructive-hover)",
+        "destructive-foreground": "var(--color-destructive-foreground)",
+        // Auxalia specific colors for direct use
+        "auxalia-green": auxaliaColors["auxalia-green"],
+        "auxalia-blue": auxaliaColors["auxalia-blue"],
+        "auxalia-petrol": auxaliaColors["auxalia-petrol"]
+      },
+      textColor: {
+        primary: "var(--color-text)",
+        secondary: "var(--color-text-secondary)",
+        muted: "var(--color-text-muted)"
+      },
+      backgroundColor: {
+        hero: "var(--color-bg-hero)",
+        card: "var(--card)",
+        cardHover: "var(--card-hover)",
+        popover: "var(--popover)"
+      },
+      backgroundImage: {
+        "gradient-radial-green": "radial-gradient(circle at 20% 20%, rgba(167, 213, 0, 0.15), transparent 35%)",
+        "gradient-radial-blue": "radial-gradient(circle at 80% 0%, rgba(62, 104, 151, 0.1), transparent 40%)",
+        "gradient-glow": "linear-gradient(to bottom right, rgba(6, 182, 212, 0.1), transparent, rgba(255, 255, 255, 0.05))"
+      }
+    }
+  }
+};
+var tailwind_preset_default = preset;

package/dist/tailwind.preset.d.cts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const preset: Config;
+
+export { preset as default };

package/dist/tailwind.preset.d.ts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const preset: Config;
+
+export { preset as default };

package/dist/tailwind.preset.js

@@ -0,0 +1,6 @@
+import {
+  tailwind_preset_default
+} from "./chunk-JHCTCLL4.js";
+export {
+  tailwind_preset_default as default
+};

package/dist/tokens.css

@@ -3,7 +3,6 @@
 
 :root {
   /* BRAND COLORS */
-  /* Primary: Fresh Green #A7D500 */
   --color-primary: hsl(73 100% 42%);
   --color-primary-hover: hsl(72 100% 36%);
   --color-primary-foreground: hsl(0 0% 100%);
@@ -35,11 +34,11 @@
   --color-bg-hero: hsl(210 40% 98%);
 
   /* SURFACES */
-  --card: hsl(0 0% 100%);
+  --card: hsl(189, 89%, 39%);
   --card-hover: hsl(210 40% 98%);
 
   /* POPOVER / DROPDOWN / SELECT opened content */
-  --popover: hsl(0 0% 100%);
+  --popover: hsl(315, 96%, 39%);
 
   /* COMMON */
   --transition-base: 200ms ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auxalia-ui-kit",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "A React component library built with Radix UI and Tailwind CSS, designed to provide accessible and customizable UI components for modern web applications.",
   "license": "ISC",
   "author": {
@@ -47,10 +47,12 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./preset": {
+      "import": "./dist/tailwind.preset.js",
+      "require": "./dist/tailwind.preset.cjs"
+    },
     "./styles.css": "./dist/styles.css",
-    "./index.css": "./dist/styles.css",
-    "./tokens.css": "./dist/tokens.css",
-    "./tailwind.preset": "./dist/tailwind.preset.js"
+    "./tokens.css": "./dist/tokens.css"
   },
   "files": [
     "dist",
@@ -63,7 +65,7 @@
     "dist/tokens.css"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "build": "tsup src/index.ts src/tailwind.preset.ts --format esm,cjs --dts --clean --outDir dist && cp src/styles/tokens.css dist/tokens.css && cp src/styles/styles.css dist/styles.css",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "vercel-build": "npm run build-storybook"

package/dist/styles.css

@@ -1,27 +0,0 @@
-/* Font imports */
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
-
-/* inline safelist classes previously stored in safelist.txt */
-@source inline("bg-primary text-primary bg-secondary bg-accent bg-destructive text-primary-foreground bg-primary-hover border-primary ring-primary bg-card bg-popover border-black/10 dark:border-white/10 shadow-md bg-primary/5 bg-primary/10 bg-primary/15 bg-primary/20 bg-primary/25 bg-primary/30 bg-primary/40 bg-primary/50 border-primary/10 border-primary/20 border-primary/25 border-primary/30 border-primary/40 border-primary/50 ring-primary/15 ring-primary/20 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2");
-
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-
-@import './tokens.css';
-
-/* base layer */
-@layer base {
-  button {
-    @apply transition-all duration-300 ease-in-out;
-  }
-
-  button:hover {
-    @apply shadow-sm;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-}