auxalia-ui-kit 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,365 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible, Label as Label$1 } from 'radix-ui';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
+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';
+export { default as tailwindPreset } from './tailwind.preset.js';
+import { ClassValue } from 'clsx';
+import 'tailwindcss';
+
+declare const buttonVariants: (props?: {
+    variant?: "default" | "outline" | "ghost" | "link";
+    color?: "default" | "primary" | "secondary" | "accent" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+} & class_variance_authority_types.ClassProp) => string;
+interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    color?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive';
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare function CollapsibleRoot({ ...props }: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible.Content>): react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
+    variant?: 'legend' | 'label';
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: {
+    orientation?: "horizontal" | "vertical" | "responsive";
+} & class_variance_authority_types.ClassProp) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button$1>, 'size'> & React.ComponentProps<'a'>;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare const cardVariants: (props?: {
+    variant?: "default" | "secondary" | "accent" | "outlined" | "elevated" | "success";
+} & class_variance_authority_types.ClassProp) => string;
+type CardVariantProps = VariantProps<typeof cardVariants>;
+
+type CardProps = React.ComponentProps<'div'> & CardVariantProps;
+declare function Card({ variant, className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+
+type InputVariantProps = {
+    variant?: 'default' | 'error';
+    size?: 'sm' | 'md' | 'lg';
+};
+
+type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProps;
+declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+type SelectTriggerVariantProps = {
+    variant?: 'default' | 'error';
+    size?: 'sm' | 'md' | 'lg';
+};
+
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectTriggerVariantProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type TabsProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+};
+type TabsListProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TabsTriggerProps = {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+};
+type TabsContentProps = {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+};
+declare function Tabs({ value, onValueChange, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function TabsList({ children, className }: TabsListProps): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ value, children, className }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ value, children, className }: TabsContentProps): react_jsx_runtime.JSX.Element;
+
+declare const textVariants: (props?: {
+    size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl";
+    align?: "center" | "right" | "left";
+} & class_variance_authority_types.ClassProp) => string;
+type TextVariantProps = VariantProps<typeof textVariants>;
+
+type Props = React.ComponentProps<'p'> & TextVariantProps & {
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+};
+declare function Text({ size, className, ...props }: Props): react_jsx_runtime.JSX.Element;
+
+interface FieldOption {
+    id?: string | number;
+    value?: string | number;
+    title: string;
+}
+interface FilterField {
+    id: string;
+    type?: string;
+    label: string;
+    maxWidth?: number;
+    selectedClassName?: string;
+    insteadNone?: string;
+    options: FieldOption[] | ((params: any) => Promise<any>);
+    adapterCallback: (data: any) => FieldOption[];
+    [key: string]: any;
+}
+interface SortObj {
+    field: string;
+    order: 'asc' | 'desc';
+}
+interface QueryParams {
+    limit?: number | string;
+    offset?: number | string;
+    search?: {
+        value: string;
+    };
+    sort?: SortObj;
+    filter?: Record<string, any>;
+    [key: string]: any;
+}
+interface TableField {
+    id: string;
+    label?: string;
+    sortable?: boolean;
+    orderField?: string;
+    width?: string | number;
+    headAlign?: 'left' | 'center' | 'right';
+    textAlign?: 'left' | 'center' | 'right';
+    type?: 'customComponent' | 'link' | 'img' | 'bool' | 'text';
+    getValue?: (record: Record<string, any>) => any;
+    component?: (props: {
+        data: Record<string, any>;
+        cellItem: TableField;
+        filteredParams?: QueryParams;
+    }) => React__default.ReactNode;
+    route?: string;
+    routeIdKey?: string;
+    newTab?: boolean;
+    withTooltip?: boolean;
+    /** Custom link renderer — use to integrate with your router (e.g. react-router Link). */
+    renderLink?: (to: string, children: React__default.ReactNode) => React__default.ReactNode;
+}
+interface TableConfig {
+    fields: TableField[];
+    filterFields?: FilterField[];
+    rowsPerPageOptions?: number[];
+}
+interface ToolbarActionsProps {
+    action: string;
+    label?: string;
+    titleView?: boolean;
+    visibleWithoutSelection?: boolean;
+    callback: () => void;
+}
+interface CommonTableProps {
+    tableSource: {
+        data: any[];
+        count: number;
+    };
+    tableConfig: TableConfig;
+    filteredParams?: QueryParams;
+    isSelectable?: boolean;
+    selectedRows?: any[];
+    rowUniqueKey?: string;
+    emptyMessage?: string;
+    withOpenAction?: boolean;
+    withEditAction?: boolean;
+    withDownloadAction?: boolean;
+    withCloneAction?: boolean;
+    withRemoveAction?: boolean;
+    withPagination?: boolean;
+    loading?: boolean;
+    toolbarActions?: ToolbarActionsProps[];
+    openPath?: (record: any) => string;
+    handleClickIcon?: (record: any) => void;
+    handleOpenAction?: (record: any) => void;
+    handleEditAction?: (id: any) => void;
+    handleDownloadAction?: (id: any) => void;
+    handleRemoveAction?: (id: any) => void;
+    setSelectedRows?: (rows: any[]) => void;
+    setFilteredParams: (params: QueryParams) => void;
+    onSearchCallback?: (value: string) => void;
+    onFilterCallback?: (filters: any) => void;
+    onRowClick?: (record: any) => void;
+    getDataOnChange: (params: QueryParams) => void;
+}
+interface CustomComponentType {
+    data?: Record<string, any>;
+    cellItem?: any;
+    onIconClick?: (e: React__default.MouseEvent, values: any) => void;
+}
+
+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;
+
+/**
+ * Auxalia Design System - Color Tokens
+ *
+ * This file defines all color tokens used throughout the Auxalia UI library.
+ * These colors are based on the Auxalia Corporate Design Guide and can be easily
+ * customized by updating the values in this file.
+ *
+ * Color Reference:
+ * - Primary (Green): #A7D500 - Fresh, vibrant green used for main CTA and branding
+ * - Secondary (Blue): #3e6897 - Dark blue used for secondary elements
+ * - Accent (Petrol): #0f868b - Teal/petrol accent color
+ * - Supporting Colors: Orange, Yellow, Red, Cyan for additional UI states
+ */
+declare const AuxaliaTokens: {
+    readonly primary: {
+        readonly 50: "#f8fbf0";
+        readonly 100: "#f0f7e1";
+        readonly 200: "#ddf0c0";
+        readonly 300: "#c3e88a";
+        readonly 400: "#a7d500";
+        readonly 500: "#93b800";
+        readonly 600: "#749400";
+        readonly 700: "#5a7600";
+        readonly 800: "#3d5000";
+        readonly 900: "#1f2800";
+        readonly default: "#a7d500";
+    };
+    readonly secondary: {
+        readonly 50: "#f0f4f8";
+        readonly 100: "#e0eaf3";
+        readonly 200: "#c0d6e6";
+        readonly 300: "#8fb3d1";
+        readonly 400: "#5c8fb5";
+        readonly 500: "#3e6897";
+        readonly 600: "#2d5080";
+        readonly 700: "#1f3860";
+        readonly 800: "#142a47";
+        readonly 900: "#0a1628";
+        readonly default: "#3e6897";
+    };
+    readonly accent: {
+        readonly 50: "#f0fbfc";
+        readonly 100: "#dff8f9";
+        readonly 200: "#bef1f3";
+        readonly 300: "#7fe6eb";
+        readonly 400: "#3fd9e1";
+        readonly 500: "#0f868b";
+        readonly 600: "#0a646b";
+        readonly 700: "#064952";
+        readonly 800: "#033539";
+        readonly 900: "#011f22";
+        readonly default: "#0f868b";
+    };
+    readonly supporting: {
+        readonly orange: "#dc6b39";
+        readonly yellow: "#cfd12d";
+        readonly red: "#93383a";
+        readonly cyan: "#abbfbd";
+    };
+    readonly neutral: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly gray: {
+            readonly 50: "#f9f9f9";
+            readonly 100: "#f5f5f5";
+            readonly 200: "#e8e8e8";
+            readonly 300: "#d4d4d4";
+            readonly 400: "#a1a1a1";
+            readonly 500: "#808080";
+            readonly 600: "#666666";
+            readonly 700: "#4d4d4d";
+            readonly 800: "#333333";
+            readonly 900: "#1a1a1a";
+        };
+    };
+    readonly semantic: {
+        readonly success: "#1da842";
+        readonly warning: "#cfd12d";
+        readonly error: "#93383a";
+        readonly info: "#3e98d0";
+    };
+    readonly states: {
+        readonly hover: "opacity-90";
+        readonly active: "opacity-100";
+        readonly disabled: "opacity-50";
+        readonly focus: "ring-2 ring-primary/50";
+    };
+};
+
+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 };