auxalia-ui-kit 1.6.0 → 1.6.2

package/dist/{chunk-SGPYWKN6.js → chunk-N24ZQVRM.js}

@@ -33,6 +33,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/index.cjs

@@ -1063,7 +1063,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn("text-destructive text-[10px] font-normal", className),
+      className: cn("text-destructive text-2xs font-normal", className),
       ...props,
       children: content
     }
@@ -1100,7 +1100,7 @@ function Pagination({ className, ...props }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
+      className: cn("flex", className),
       ...props
     }
   );
@@ -1113,7 +1113,7 @@ function PaginationContent({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className),
+      className: cn("flex flex-row items-center gap-2", className),
       ...props
     }
   );
@@ -1133,7 +1133,11 @@ function PaginationLink({
       "aria-current": isActive ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
-      className: cn(className),
+      className: cn(
+        "flex h-9 w-9 items-center justify-center text-base transition-colors",
+        isActive ? "font-medium text-content" : "text-dim hover:text-content",
+        className
+      ),
       ...props
     }
   );
@@ -1142,17 +1146,14 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       size: "1",
-      className: cn("flex flex-row items-center gap-1 px-2.5 sm:pl-2.5", className),
+      className: cn(className),
       ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "hidden sm:block", children: "Previous" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeftIcon, { className: "size-4" })
     }
   );
 }
@@ -1160,17 +1161,14 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       size: "1",
-      className: cn("flex flex-row items-center gap-1 px-2.5 sm:pr-2.5", className),
+      className: cn(className),
       ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRightIcon, {})
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRightIcon, { className: "size-4" })
     }
   );
 }
@@ -1183,7 +1181,7 @@ function PaginationEllipsis({
     {
       "aria-hidden": true,
       "data-slot": "pagination-ellipsis",
-      className: cn("flex size-9 items-center justify-center", className),
+      className: cn("flex h-9 w-9 items-center justify-center text-base text-dim", className),
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MoreHorizontalIcon, { className: "size-4" }),
@@ -6459,7 +6457,7 @@ var selectTriggerVariants = (0, import_class_variance_authority12.cva)(
       },
       size: {
         sm: "h-8 px-3 text-sm",
-        md: "h-10 px-3 text-[14px]",
+        md: "h-10 px-3 text-sm",
         lg: "h-12 px-4 text-base"
       }
     },
@@ -6665,7 +6663,7 @@ var textVariants = (0, import_class_variance_authority14.cva)(`text-content`, {
   variants: {
     size: {
       sm: "text-sm",
-      md: "text-md",
+      md: "text-base",
       lg: "text-lg",
       xl: "text-xl font-semibold",
       "2xl": "text-2xl font-semibold",
@@ -6873,6 +6871,7 @@ var tableFilter_default = TableFilter;
 // src/components/ControlledTable/toolbar/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var CommonToolbar = ({
+  title,
   searchValue,
   filterFields,
   numSelected,
@@ -6883,7 +6882,8 @@ var CommonToolbar = ({
 }) => {
   const [isFilterOpen, setIsFilterOpen] = (0, import_react9.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mb-3 text-base font-semibold uppercase tracking-wide text-content", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4 px-4 py-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
         filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
@@ -6982,12 +6982,9 @@ var ControlledPagination = ({
   totalCount,
   onPageChange,
   onRowsPerPageChange,
-  rowsPerPageLabel = "Rows per page",
-  countLabel = (start, end, total) => `${start}\u2013${end} of ${total}`
+  rowsPerPageLabel = "Rows per page"
 }) => {
   const totalPages = Math.ceil(totalCount / rowsPerPage);
-  const startItem = (currentPage - 1) * rowsPerPage + 1;
-  const endItem = Math.min(currentPage * rowsPerPage, totalCount);
   const getPageNumbers = () => {
     const pages = [];
     if (totalPages <= 7) {
@@ -7004,7 +7001,7 @@ var ControlledPagination = ({
     return pages;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-base", children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
         rowsPerPageLabel,
         ":"
@@ -7021,36 +7018,33 @@ var ControlledPagination = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-4 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(PaginationContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          PaginationPrevious,
-          {
-            onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
-            className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
-          }
-        ) }),
-        getPageNumbers().map(
-          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            PaginationLink,
-            {
-              onClick: () => onPageChange(page),
-              isActive: page === currentPage,
-              className: "cursor-pointer",
-              children: page
-            }
-          ) }, page)
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          PaginationNext,
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(PaginationContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        PaginationPrevious,
+        {
+          onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
+          className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
+        }
+      ) }),
+      getPageNumbers().map(
+        (page, idx) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          PaginationLink,
           {
-            onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
-            className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
+            onClick: () => onPageChange(page),
+            isActive: page === currentPage,
+            className: "cursor-pointer",
+            children: page
           }
-        ) })
-      ] }) })
-    ] })
+        ) }, page)
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        PaginationNext,
+        {
+          onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
+          className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
+        }
+      ) })
+    ] }) }) })
   ] });
 };
 var ControlledPagination_default = ControlledPagination;
@@ -7060,6 +7054,7 @@ var import_jsx_runtime40 = require("react/jsx-runtime");
 var ControlledTable = ({
   tableSource,
   tableConfig,
+  title,
   filteredParams,
   isSelectable = false,
   selectedRows = [],
@@ -7180,6 +7175,7 @@ var ControlledTable = ({
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       toolbar_default,
       {
+        title,
         searchValue: filteredParams?.search?.value || "",
         numSelected: selectedRows.length,
         filterFields,
@@ -7191,7 +7187,7 @@ var ControlledTable = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
       loading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full text-base", children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
           isSelectable && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             import_radix_ui8.Checkbox.Root,
@@ -7214,7 +7210,7 @@ var ControlledTable = ({
             return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "th",
               {
-                className: `px-3 py-3 font-medium ${field.headAlign === "center" ? "text-center" : field.headAlign === "right" ? "text-right" : "text-left"} ${field.sortable ? "cursor-pointer select-none hover:text-primary" : ""}`,
+                className: `px-3 py-3 text-base font-medium ${field.headAlign === "center" ? "text-center" : field.headAlign === "right" ? "text-right" : "text-left"} ${field.sortable ? "cursor-pointer select-none hover:text-primary" : ""}`,
                 style: { width: field.width },
                 onClick: () => field.sortable && handleSort(field),
                 children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
@@ -7277,7 +7273,7 @@ var ControlledTable = ({
                 fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "td",
                   {
-                    className: `px-3 py-3 ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
+                    className: `px-3 py-3 text-base font-normal ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
                     style: { width: field.width },
                     children: renderCell(field, record)
                   },
@@ -7396,6 +7392,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/index.d.cts

@@ -15,20 +15,20 @@ import { ClassValue } from 'clsx';
 import 'tailwindcss';
 
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "primary" | "destructive" | "success" | "warning" | "info" | "default";
+    variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
 } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
 declare const checkboxVariants: (props?: {
-    color?: "primary" | "secondary" | "destructive";
+    color?: "primary" | "destructive" | "secondary";
 } & class_variance_authority_types.ClassProp) => string;
 interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, 'color'>, VariantProps<typeof checkboxVariants> {
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const radioItemVariants: (props?: {
-    color?: "primary" | "secondary" | "destructive";
+    color?: "primary" | "destructive" | "secondary";
 } & class_variance_authority_types.ClassProp) => string;
 interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, 'color'>, VariantProps<typeof radioItemVariants> {
 }
@@ -45,7 +45,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeVariants: (props?: {
-    variant?: "secondary" | "accent" | "destructive" | "success" | "warning" | "info" | "default" | "outline" | "solid";
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "accent" | "outline" | "solid";
 } & class_variance_authority_types.ClassProp) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
 }
@@ -53,8 +53,8 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
 
 declare const buttonVariants: (props?: {
     variant?: "default" | "link" | "outline" | "ghost";
-    color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
-    size?: "sm" | "lg" | "default" | "icon";
+    color?: "default" | "primary" | "destructive" | "secondary" | "accent" | "surface";
+    size?: "default" | "sm" | "lg" | "icon";
 } & class_variance_authority_types.ClassProp) => string;
 interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -85,7 +85,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
 declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 declare const switchVariants: (props?: {
-    color?: "primary" | "secondary" | "accent" | "destructive";
+    color?: "primary" | "destructive" | "secondary" | "accent";
     size?: "sm" | "md" | "lg";
 } & class_variance_authority_types.ClassProp) => string;
 interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$1.Root>, 'color' | 'size'>, VariantProps<typeof switchVariants> {
@@ -93,7 +93,7 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const dropdownMenuItemVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
 } & class_variance_authority_types.ClassProp) => string;
 type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
 
@@ -168,7 +168,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 declare const cardVariants: (props?: {
-    variant?: "primary" | "accent" | "success" | "default" | "outlined" | "elevated";
+    variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
 } & class_variance_authority_types.ClassProp) => string;
 type CardVariantProps = VariantProps<typeof cardVariants>;
 
@@ -184,11 +184,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
 declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
 declare const selectTriggerVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
     size?: "sm" | "md" | "lg";
 } & class_variance_authority_types.ClassProp) => string;
 declare const selectItemVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
 } & class_variance_authority_types.ClassProp) => string;
 type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
 type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
@@ -310,6 +310,7 @@ interface CommonTableProps {
         count: number;
     };
     tableConfig: TableConfig;
+    title?: string;
     filteredParams?: QueryParams;
     isSelectable?: boolean;
     selectedRows?: any[];
@@ -342,7 +343,7 @@ interface CustomComponentType {
     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;
+declare const ControlledTable: ({ tableSource, tableConfig, title, 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 — TypeScript Tokens

package/dist/index.d.ts

@@ -15,20 +15,20 @@ import { ClassValue } from 'clsx';
 import 'tailwindcss';
 
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "primary" | "destructive" | "success" | "warning" | "info" | "default";
+    variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
 } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
 declare const checkboxVariants: (props?: {
-    color?: "primary" | "secondary" | "destructive";
+    color?: "primary" | "destructive" | "secondary";
 } & class_variance_authority_types.ClassProp) => string;
 interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, 'color'>, VariantProps<typeof checkboxVariants> {
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const radioItemVariants: (props?: {
-    color?: "primary" | "secondary" | "destructive";
+    color?: "primary" | "destructive" | "secondary";
 } & class_variance_authority_types.ClassProp) => string;
 interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, 'color'>, VariantProps<typeof radioItemVariants> {
 }
@@ -45,7 +45,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeVariants: (props?: {
-    variant?: "secondary" | "accent" | "destructive" | "success" | "warning" | "info" | "default" | "outline" | "solid";
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "accent" | "outline" | "solid";
 } & class_variance_authority_types.ClassProp) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
 }
@@ -53,8 +53,8 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
 
 declare const buttonVariants: (props?: {
     variant?: "default" | "link" | "outline" | "ghost";
-    color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
-    size?: "sm" | "lg" | "default" | "icon";
+    color?: "default" | "primary" | "destructive" | "secondary" | "accent" | "surface";
+    size?: "default" | "sm" | "lg" | "icon";
 } & class_variance_authority_types.ClassProp) => string;
 interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -85,7 +85,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
 declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 declare const switchVariants: (props?: {
-    color?: "primary" | "secondary" | "accent" | "destructive";
+    color?: "primary" | "destructive" | "secondary" | "accent";
     size?: "sm" | "md" | "lg";
 } & class_variance_authority_types.ClassProp) => string;
 interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$1.Root>, 'color' | 'size'>, VariantProps<typeof switchVariants> {
@@ -93,7 +93,7 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const dropdownMenuItemVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
 } & class_variance_authority_types.ClassProp) => string;
 type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
 
@@ -168,7 +168,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 declare const cardVariants: (props?: {
-    variant?: "primary" | "accent" | "success" | "default" | "outlined" | "elevated";
+    variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
 } & class_variance_authority_types.ClassProp) => string;
 type CardVariantProps = VariantProps<typeof cardVariants>;
 
@@ -184,11 +184,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
 declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
 declare const selectTriggerVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
     size?: "sm" | "md" | "lg";
 } & class_variance_authority_types.ClassProp) => string;
 declare const selectItemVariants: (props?: {
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
+    variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
 } & class_variance_authority_types.ClassProp) => string;
 type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
 type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
@@ -310,6 +310,7 @@ interface CommonTableProps {
         count: number;
     };
     tableConfig: TableConfig;
+    title?: string;
     filteredParams?: QueryParams;
     isSelectable?: boolean;
     selectedRows?: any[];
@@ -342,7 +343,7 @@ interface CustomComponentType {
     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;
+declare const ControlledTable: ({ tableSource, tableConfig, title, 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 — TypeScript Tokens

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   tailwind_preset_default
-} from "./chunk-SGPYWKN6.js";
+} from "./chunk-N24ZQVRM.js";
 
 // src/components/Alert.tsx
 import * as React from "react";
@@ -938,7 +938,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn("text-destructive text-[10px] font-normal", className),
+      className: cn("text-destructive text-2xs font-normal", className),
       ...props,
       children: content
     }
@@ -979,7 +979,7 @@ function Pagination({ className, ...props }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
+      className: cn("flex", className),
       ...props
     }
   );
@@ -992,7 +992,7 @@ function PaginationContent({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className),
+      className: cn("flex flex-row items-center gap-2", className),
       ...props
     }
   );
@@ -1012,7 +1012,11 @@ function PaginationLink({
       "aria-current": isActive ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
-      className: cn(className),
+      className: cn(
+        "flex h-9 w-9 items-center justify-center text-base transition-colors",
+        isActive ? "font-medium text-content" : "text-dim hover:text-content",
+        className
+      ),
       ...props
     }
   );
@@ -1021,17 +1025,14 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx14(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       size: "1",
-      className: cn("flex flex-row items-center gap-1 px-2.5 sm:pl-2.5", className),
+      className: cn(className),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx14(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx14("span", { className: "hidden sm:block", children: "Previous" })
-      ]
+      children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "size-4" })
     }
   );
 }
@@ -1039,17 +1040,14 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx14(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       size: "1",
-      className: cn("flex flex-row items-center gap-1 px-2.5 sm:pr-2.5", className),
+      className: cn(className),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx14("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx14(ChevronRightIcon, {})
-      ]
+      children: /* @__PURE__ */ jsx14(ChevronRightIcon, { className: "size-4" })
     }
   );
 }
@@ -1062,7 +1060,7 @@ function PaginationEllipsis({
     {
       "aria-hidden": true,
       "data-slot": "pagination-ellipsis",
-      className: cn("flex size-9 items-center justify-center", className),
+      className: cn("flex h-9 w-9 items-center justify-center text-base text-dim", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx14(MoreHorizontalIcon, { className: "size-4" }),
@@ -6338,7 +6336,7 @@ var selectTriggerVariants = cva12(
       },
       size: {
         sm: "h-8 px-3 text-sm",
-        md: "h-10 px-3 text-[14px]",
+        md: "h-10 px-3 text-sm",
         lg: "h-12 px-4 text-base"
       }
     },
@@ -6544,7 +6542,7 @@ var textVariants = cva14(`text-content`, {
   variants: {
     size: {
       sm: "text-sm",
-      md: "text-md",
+      md: "text-base",
       lg: "text-lg",
       xl: "text-xl font-semibold",
       "2xl": "text-2xl font-semibold",
@@ -6775,6 +6773,7 @@ var tableFilter_default = TableFilter;
 // src/components/ControlledTable/toolbar/index.tsx
 import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
 var CommonToolbar = ({
+  title,
   searchValue,
   filterFields,
   numSelected,
@@ -6785,7 +6784,8 @@ var CommonToolbar = ({
 }) => {
   const [isFilterOpen, setIsFilterOpen] = useState15(false);
   return /* @__PURE__ */ jsxs11("div", { className: "mb-4", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+    title && /* @__PURE__ */ jsx38("p", { className: "mb-3 text-base font-semibold uppercase tracking-wide text-content", children: title }),
+    /* @__PURE__ */ jsxs11("div", { className: "mb-3 flex items-center justify-between gap-4 px-4 py-2", children: [
       /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
         filterFields && filterFields.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxs11(
@@ -6884,12 +6884,9 @@ var ControlledPagination = ({
   totalCount,
   onPageChange,
   onRowsPerPageChange,
-  rowsPerPageLabel = "Rows per page",
-  countLabel = (start, end, total) => `${start}\u2013${end} of ${total}`
+  rowsPerPageLabel = "Rows per page"
 }) => {
   const totalPages = Math.ceil(totalCount / rowsPerPage);
-  const startItem = (currentPage - 1) * rowsPerPage + 1;
-  const endItem = Math.min(currentPage * rowsPerPage, totalCount);
   const getPageNumbers = () => {
     const pages = [];
     if (totalPages <= 7) {
@@ -6906,7 +6903,7 @@ var ControlledPagination = ({
     return pages;
   };
   return /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center justify-between", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-base", children: [
       /* @__PURE__ */ jsxs12("span", { children: [
         rowsPerPageLabel,
         ":"
@@ -6923,36 +6920,33 @@ var ControlledPagination = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 text-sm", children: [
-      /* @__PURE__ */ jsx39("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
-      /* @__PURE__ */ jsx39(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
-        /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
-          PaginationPrevious,
-          {
-            onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
-            className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
-          }
-        ) }),
-        getPageNumbers().map(
-          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
-            PaginationLink,
-            {
-              onClick: () => onPageChange(page),
-              isActive: page === currentPage,
-              className: "cursor-pointer",
-              children: page
-            }
-          ) }, page)
-        ),
-        /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
-          PaginationNext,
+    /* @__PURE__ */ jsx39("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx39(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
+      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
+        PaginationPrevious,
+        {
+          onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
+          className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
+        }
+      ) }),
+      getPageNumbers().map(
+        (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
+          PaginationLink,
           {
-            onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
-            className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
+            onClick: () => onPageChange(page),
+            isActive: page === currentPage,
+            className: "cursor-pointer",
+            children: page
           }
-        ) })
-      ] }) })
-    ] })
+        ) }, page)
+      ),
+      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
+        PaginationNext,
+        {
+          onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
+          className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
+        }
+      ) })
+    ] }) }) })
   ] });
 };
 var ControlledPagination_default = ControlledPagination;
@@ -6962,6 +6956,7 @@ import { jsx as jsx40, jsxs as jsxs13 } from "react/jsx-runtime";
 var ControlledTable = ({
   tableSource,
   tableConfig,
+  title,
   filteredParams,
   isSelectable = false,
   selectedRows = [],
@@ -7082,6 +7077,7 @@ var ControlledTable = ({
     /* @__PURE__ */ jsx40(
       toolbar_default,
       {
+        title,
         searchValue: filteredParams?.search?.value || "",
         numSelected: selectedRows.length,
         filterFields,
@@ -7093,7 +7089,7 @@ var ControlledTable = ({
     ),
     /* @__PURE__ */ jsxs13("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
       loading && /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60", children: /* @__PURE__ */ jsx40("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }),
-      /* @__PURE__ */ jsx40("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx40("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full text-base", children: [
         /* @__PURE__ */ jsx40("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ jsxs13("tr", { children: [
           isSelectable && /* @__PURE__ */ jsx40("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ jsx40(
             Checkbox2.Root,
@@ -7116,7 +7112,7 @@ var ControlledTable = ({
             return /* @__PURE__ */ jsx40(
               "th",
               {
-                className: `px-3 py-3 font-medium ${field.headAlign === "center" ? "text-center" : field.headAlign === "right" ? "text-right" : "text-left"} ${field.sortable ? "cursor-pointer select-none hover:text-primary" : ""}`,
+                className: `px-3 py-3 text-base font-medium ${field.headAlign === "center" ? "text-center" : field.headAlign === "right" ? "text-right" : "text-left"} ${field.sortable ? "cursor-pointer select-none hover:text-primary" : ""}`,
                 style: { width: field.width },
                 onClick: () => field.sortable && handleSort(field),
                 children: /* @__PURE__ */ jsxs13(
@@ -7179,7 +7175,7 @@ var ControlledTable = ({
                 fields.map((field) => /* @__PURE__ */ jsx40(
                   "td",
                   {
-                    className: `px-3 py-3 ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
+                    className: `px-3 py-3 text-base font-normal ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
                     style: { width: field.width },
                     children: renderCell(field, record)
                   },

package/dist/tailwind.preset.cjs

@@ -56,6 +56,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/tailwind.preset.js

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

package/dist/tokens.css

@@ -7,6 +7,37 @@
   /* ─── TYPOGRAPHY ────────────────────────────────────────────── */
   --font-sans: 'Inter', sans-serif;
 
+  /* Font sizes */
+  --font-size-2xs:  0.625rem;   /* 10px */
+  --font-size-xs:   0.75rem;    /* 12px */
+  --font-size-base: 0.875rem;   /* 14px */
+  --font-size-md:   1rem;       /* 16px */
+  --font-size-lg:   1.125rem;   /* 18px */
+  --font-size-xl:   1.25rem;    /* 20px */
+  --font-size-2xl:  1.5rem;     /* 24px */
+  --font-size-3xl:  1.875rem;   /* 30px */
+  --font-size-4xl:  2.25rem;    /* 36px */
+  --font-size-5xl:  3rem;       /* 48px */
+
+  /* Line heights */
+  --line-height-none:    1;
+  --line-height-tight:   1.25;
+  --line-height-snug:    1.375;
+  --line-height-normal:  1.5;
+  --line-height-relaxed: 1.625;
+
+  /* Font weights */
+  --font-weight-normal:   400;
+  --font-weight-medium:   500;
+  --font-weight-semibold: 600;
+  --font-weight-bold:     700;
+
+  /* Letter spacing */
+  --tracking-tight:   -0.025em;
+  --tracking-normal:  0em;
+  --tracking-wide:    0.025em;
+  --tracking-widest:  0.1em;
+
   /* ─── STATIC PALETTE ───────────────────────────────────────── */
 
   /* Auxalia Green scale */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auxalia-ui-kit",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "feat: Add new 'surface' color variant with default, outline, ghost, and link styles to the Button component.",
   "license": "ISC",
   "author": {