auxalia-ui-kit 1.3.2 → 1.3.4

package/dist/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   CollapsibleContent: () => CollapsibleContent,
   CollapsibleRoot: () => CollapsibleRoot,
   CollapsibleTrigger: () => CollapsibleTrigger,
+  ControlledTable: () => ControlledTable_default,
   DropdownMenu: () => DropdownMenu,
   DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
   DropdownMenuContent: () => DropdownMenuContent,
@@ -83,7 +84,6 @@ __export(index_exports, {
   SelectSeparator: () => SelectSeparator2,
   SelectTrigger: () => SelectTrigger2,
   SelectValue: () => SelectValue2,
-  TableView: () => ControlledTable_default,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
@@ -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: "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-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"
+        outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
+        elevated: "bg-secondary 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"
       }
     },
     defaultVariants: {
@@ -7149,6 +7149,7 @@ var AuxaliaTokens = {
   CollapsibleContent,
   CollapsibleRoot,
   CollapsibleTrigger,
+  ControlledTable,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -7197,7 +7198,6 @@ var AuxaliaTokens = {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  TableView,
   Tabs,
   TabsContent,
   TabsList,

package/dist/index.d.cts

@@ -198,8 +198,8 @@ interface SortObj {
     order: 'asc' | 'desc';
 }
 interface QueryParams {
-    limit?: number | string;
-    offset?: number | string;
+    limit?: number;
+    offset?: number;
     search?: {
         value: string;
     };
@@ -215,7 +215,7 @@ interface TableField {
     width?: string | number;
     headAlign?: 'left' | 'center' | 'right';
     textAlign?: 'left' | 'center' | 'right';
-    type?: 'customComponent' | 'link' | 'img' | 'bool' | 'text';
+    type?: 'customComponent' | 'link' | 'img' | 'bool' | 'text' | 'textWithComponent';
     getValue?: (record: Record<string, any>) => any;
     component?: (props: {
         data: Record<string, any>;
@@ -372,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 };
+export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, ControlledTable, 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, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };

package/dist/index.d.ts

@@ -198,8 +198,8 @@ interface SortObj {
     order: 'asc' | 'desc';
 }
 interface QueryParams {
-    limit?: number | string;
-    offset?: number | string;
+    limit?: number;
+    offset?: number;
     search?: {
         value: string;
     };
@@ -215,7 +215,7 @@ interface TableField {
     width?: string | number;
     headAlign?: 'left' | 'center' | 'right';
     textAlign?: 'left' | 'center' | 'right';
-    type?: 'customComponent' | 'link' | 'img' | 'bool' | 'text';
+    type?: 'customComponent' | 'link' | 'img' | 'bool' | 'text' | 'textWithComponent';
     getValue?: (record: Record<string, any>) => any;
     component?: (props: {
         data: Record<string, any>;
@@ -372,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 };
+export { AuxaliaTokens, Button, type ButtonProps, Card, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, type CommonTableProps, ControlledTable, 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, Tabs, TabsContent, TabsList, TabsTrigger, Text, type ToolbarActionsProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };

package/dist/index.js

@@ -762,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: "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-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"
+        outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
+        elevated: "bg-secondary 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"
       }
     },
     defaultVariants: {
@@ -6979,6 +6979,7 @@ export {
   CollapsibleContent,
   CollapsibleRoot,
   CollapsibleTrigger,
+  ControlledTable_default as ControlledTable,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -7027,7 +7028,6 @@ export {
   SelectSeparator2 as SelectSeparator,
   SelectTrigger2 as SelectTrigger,
   SelectValue2 as SelectValue,
-  ControlledTable_default as TableView,
   Tabs,
   TabsContent,
   TabsList,

package/dist/styles.css

@@ -0,0 +1,27 @@
+/* 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;
+  }
+}

package/dist/tokens.css

@@ -3,6 +3,7 @@
 
 :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%);
@@ -34,11 +35,11 @@
   --color-bg-hero: hsl(210 40% 98%);
 
   /* SURFACES */
-  --card: hsl(189, 89%, 39%);
+  --card: hsl(0 0% 100%);
   --card-hover: hsl(210 40% 98%);
 
   /* POPOVER / DROPDOWN / SELECT opened content */
-  --popover: hsl(315, 96%, 39%);
+  --popover: hsl(0 0% 100%);
 
   /* COMMON */
   --transition-base: 200ms ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auxalia-ui-kit",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "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": {
@@ -61,7 +61,6 @@
   ],
   "sideEffects": [
     "dist/styles.css",
-    "dist/index.css",
     "dist/tokens.css"
   ],
   "scripts": {
@@ -107,4 +106,4 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.21"
   }
-}
+}