auxalia-ui-kit 1.5.9 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/{chunk-LSMVZLQD.js → chunk-SGPYWKN6.js} +19 -19
  2. package/dist/index.cjs +68 -72
  3. package/dist/index.d.cts +13 -12
  4. package/dist/index.d.ts +13 -12
  5. package/dist/index.js +50 -54
  6. package/dist/tailwind.preset.cjs +19 -19
  7. package/dist/tailwind.preset.js +1 -1
  8. package/dist/tokens.css +23 -0
  9. package/package.json +1 -1
package/dist/{chunk-LSMVZLQD.js → chunk-SGPYWKN6.js} RENAMED
@@ -1,27 +1,27 @@
1
1
  // src/tailwind.preset.ts
2
2
  var auxaliaColors = {
3
- // Primary brand: Brand Green
3
+ // Primary brand: Brand Green — values live in tokens.css as --color-auxalia-green-*
4
4
  "auxalia-green": {
5
- 50: "#F8FBF0",
6
- 100: "#F0F7E1",
7
- 200: "#DDF0C0",
8
- 300: "#C3E88A",
9
- 400: "#A7D500",
10
- 500: "#8DB800",
11
- 600: "#749400",
12
- 700: "#5A7600",
13
- 800: "#3D5000",
14
- 900: "#283400"
5
+ 50: "var(--color-auxalia-green-50)",
6
+ 100: "var(--color-auxalia-green-100)",
7
+ 200: "var(--color-auxalia-green-200)",
8
+ 300: "var(--color-auxalia-green-300)",
9
+ 400: "var(--color-auxalia-green-400)",
10
+ 500: "var(--color-auxalia-green-500)",
11
+ 600: "var(--color-auxalia-green-600)",
12
+ 700: "var(--color-auxalia-green-700)",
13
+ 800: "var(--color-auxalia-green-800)",
14
+ 900: "var(--color-auxalia-green-900)"
15
15
  },
16
- // Secondary brand: Dark Blue
16
+ // Secondary brand: Dark Blue — values live in tokens.css as --color-auxalia-blue-*
17
17
  "auxalia-blue": {
18
- 50: "#F5F7F9",
19
- 100: "#EDF6FB",
20
- 200: "#C0D6E6",
21
- 300: "#204760",
22
- 400: "#1C3D52",
23
- 500: "#00263E",
24
- 600: "#001928"
18
+ 50: "var(--color-auxalia-blue-50)",
19
+ 100: "var(--color-auxalia-blue-100)",
20
+ 200: "var(--color-auxalia-blue-200)",
21
+ 300: "var(--color-auxalia-blue-300)",
22
+ 400: "var(--color-auxalia-blue-400)",
23
+ 500: "var(--color-auxalia-blue-500)",
24
+ 600: "var(--color-auxalia-blue-600)"
25
25
  }
26
26
  };
27
27
  var preset = {
package/dist/index.cjs CHANGED
@@ -1100,7 +1100,7 @@ function Pagination({ className, ...props }) {
1100
1100
  role: "navigation",
1101
1101
  "aria-label": "pagination",
1102
1102
  "data-slot": "pagination",
1103
- className: cn("mx-auto flex w-full justify-center", className),
1103
+ className: cn("flex", className),
1104
1104
  ...props
1105
1105
  }
1106
1106
  );
@@ -1113,7 +1113,7 @@ function PaginationContent({
1113
1113
  "ul",
1114
1114
  {
1115
1115
  "data-slot": "pagination-content",
1116
- className: cn("flex flex-row items-center gap-1", className),
1116
+ className: cn("flex flex-row items-center gap-2", className),
1117
1117
  ...props
1118
1118
  }
1119
1119
  );
@@ -1133,7 +1133,11 @@ function PaginationLink({
1133
1133
  "aria-current": isActive ? "page" : void 0,
1134
1134
  "data-slot": "pagination-link",
1135
1135
  "data-active": isActive,
1136
- className: cn(className),
1136
+ className: cn(
1137
+ "flex h-9 w-9 items-center justify-center text-base transition-colors",
1138
+ isActive ? "font-medium text-content" : "text-dim hover:text-content",
1139
+ className
1140
+ ),
1137
1141
  ...props
1138
1142
  }
1139
1143
  );
@@ -1142,17 +1146,14 @@ function PaginationPrevious({
1142
1146
  className,
1143
1147
  ...props
1144
1148
  }) {
1145
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
1149
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1146
1150
  PaginationLink,
1147
1151
  {
1148
1152
  "aria-label": "Go to previous page",
1149
1153
  size: "1",
1150
- className: cn("flex flex-row items-center gap-1 px-2.5 sm:pl-2.5", className),
1154
+ className: cn(className),
1151
1155
  ...props,
1152
- children: [
1153
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
1154
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "hidden sm:block", children: "Previous" })
1155
- ]
1156
+ children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeftIcon, { className: "size-4" })
1156
1157
  }
1157
1158
  );
1158
1159
  }
@@ -1160,17 +1161,14 @@ function PaginationNext({
1160
1161
  className,
1161
1162
  ...props
1162
1163
  }) {
1163
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
1164
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1164
1165
  PaginationLink,
1165
1166
  {
1166
1167
  "aria-label": "Go to next page",
1167
1168
  size: "1",
1168
- className: cn("flex flex-row items-center gap-1 px-2.5 sm:pr-2.5", className),
1169
+ className: cn(className),
1169
1170
  ...props,
1170
- children: [
1171
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "hidden sm:block", children: "Next" }),
1172
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRightIcon, {})
1173
- ]
1171
+ children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRightIcon, { className: "size-4" })
1174
1172
  }
1175
1173
  );
1176
1174
  }
@@ -1183,7 +1181,7 @@ function PaginationEllipsis({
1183
1181
  {
1184
1182
  "aria-hidden": true,
1185
1183
  "data-slot": "pagination-ellipsis",
1186
- className: cn("flex size-9 items-center justify-center", className),
1184
+ className: cn("flex h-9 w-9 items-center justify-center text-base text-dim", className),
1187
1185
  ...props,
1188
1186
  children: [
1189
1187
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MoreHorizontalIcon, { className: "size-4" }),
@@ -6873,6 +6871,7 @@ var tableFilter_default = TableFilter;
6873
6871
  // src/components/ControlledTable/toolbar/index.tsx
6874
6872
  var import_jsx_runtime38 = require("react/jsx-runtime");
6875
6873
  var CommonToolbar = ({
6874
+ title,
6876
6875
  searchValue,
6877
6876
  filterFields,
6878
6877
  numSelected,
@@ -6883,7 +6882,8 @@ var CommonToolbar = ({
6883
6882
  }) => {
6884
6883
  const [isFilterOpen, setIsFilterOpen] = (0, import_react9.useState)(false);
6885
6884
  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-4", children: [
6886
- /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
6885
+ title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mb-3 text-base font-semibold uppercase tracking-wide text-content", children: title }),
6886
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4 px-4 py-2", children: [
6887
6887
  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
6888
6888
  filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
6889
6889
  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
@@ -6982,12 +6982,9 @@ var ControlledPagination = ({
6982
6982
  totalCount,
6983
6983
  onPageChange,
6984
6984
  onRowsPerPageChange,
6985
- rowsPerPageLabel = "Rows per page",
6986
- countLabel = (start, end, total) => `${start}\u2013${end} of ${total}`
6985
+ rowsPerPageLabel = "Rows per page"
6987
6986
  }) => {
6988
6987
  const totalPages = Math.ceil(totalCount / rowsPerPage);
6989
- const startItem = (currentPage - 1) * rowsPerPage + 1;
6990
- const endItem = Math.min(currentPage * rowsPerPage, totalCount);
6991
6988
  const getPageNumbers = () => {
6992
6989
  const pages = [];
6993
6990
  if (totalPages <= 7) {
@@ -7004,7 +7001,7 @@ var ControlledPagination = ({
7004
7001
  return pages;
7005
7002
  };
7006
7003
  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
7007
- /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
7004
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-base", children: [
7008
7005
  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
7009
7006
  rowsPerPageLabel,
7010
7007
  ":"
@@ -7021,36 +7018,33 @@ var ControlledPagination = ({
7021
7018
  }
7022
7019
  )
7023
7020
  ] }),
7024
- /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-4 text-sm", children: [
7025
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
7026
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(PaginationContent, { children: [
7027
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7028
- PaginationPrevious,
7029
- {
7030
- onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
7031
- className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
7032
- }
7033
- ) }),
7034
- getPageNumbers().map(
7035
- (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)(
7036
- PaginationLink,
7037
- {
7038
- onClick: () => onPageChange(page),
7039
- isActive: page === currentPage,
7040
- className: "cursor-pointer",
7041
- children: page
7042
- }
7043
- ) }, page)
7044
- ),
7045
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7046
- PaginationNext,
7021
+ /* @__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: [
7022
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7023
+ PaginationPrevious,
7024
+ {
7025
+ onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
7026
+ className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
7027
+ }
7028
+ ) }),
7029
+ getPageNumbers().map(
7030
+ (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)(
7031
+ PaginationLink,
7047
7032
  {
7048
- onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
7049
- className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
7033
+ onClick: () => onPageChange(page),
7034
+ isActive: page === currentPage,
7035
+ className: "cursor-pointer",
7036
+ children: page
7050
7037
  }
7051
- ) })
7052
- ] }) })
7053
- ] })
7038
+ ) }, page)
7039
+ ),
7040
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7041
+ PaginationNext,
7042
+ {
7043
+ onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
7044
+ className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
7045
+ }
7046
+ ) })
7047
+ ] }) }) })
7054
7048
  ] });
7055
7049
  };
7056
7050
  var ControlledPagination_default = ControlledPagination;
@@ -7060,6 +7054,7 @@ var import_jsx_runtime40 = require("react/jsx-runtime");
7060
7054
  var ControlledTable = ({
7061
7055
  tableSource,
7062
7056
  tableConfig,
7057
+ title,
7063
7058
  filteredParams,
7064
7059
  isSelectable = false,
7065
7060
  selectedRows = [],
@@ -7180,6 +7175,7 @@ var ControlledTable = ({
7180
7175
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
7181
7176
  toolbar_default,
7182
7177
  {
7178
+ title,
7183
7179
  searchValue: filteredParams?.search?.value || "",
7184
7180
  numSelected: selectedRows.length,
7185
7181
  filterFields,
@@ -7191,7 +7187,7 @@ var ControlledTable = ({
7191
7187
  ),
7192
7188
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
7193
7189
  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" }) }),
7194
- /* @__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: [
7190
+ /* @__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: [
7195
7191
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
7196
7192
  isSelectable && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
7197
7193
  import_radix_ui8.Checkbox.Root,
@@ -7214,7 +7210,7 @@ var ControlledTable = ({
7214
7210
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
7215
7211
  "th",
7216
7212
  {
7217
- 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" : ""}`,
7213
+ 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" : ""}`,
7218
7214
  style: { width: field.width },
7219
7215
  onClick: () => field.sortable && handleSort(field),
7220
7216
  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
@@ -7277,7 +7273,7 @@ var ControlledTable = ({
7277
7273
  fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
7278
7274
  "td",
7279
7275
  {
7280
- className: `px-3 py-3 ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
7276
+ className: `px-3 py-3 text-base font-normal ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
7281
7277
  style: { width: field.width },
7282
7278
  children: renderCell(field, record)
7283
7279
  },
@@ -7363,28 +7359,28 @@ var ControlledTable_default = ControlledTable;
7363
7359
 
7364
7360
  // src/tailwind.preset.ts
7365
7361
  var auxaliaColors = {
7366
- // Primary brand: Brand Green
7362
+ // Primary brand: Brand Green — values live in tokens.css as --color-auxalia-green-*
7367
7363
  "auxalia-green": {
7368
- 50: "#F8FBF0",
7369
- 100: "#F0F7E1",
7370
- 200: "#DDF0C0",
7371
- 300: "#C3E88A",
7372
- 400: "#A7D500",
7373
- 500: "#8DB800",
7374
- 600: "#749400",
7375
- 700: "#5A7600",
7376
- 800: "#3D5000",
7377
- 900: "#283400"
7364
+ 50: "var(--color-auxalia-green-50)",
7365
+ 100: "var(--color-auxalia-green-100)",
7366
+ 200: "var(--color-auxalia-green-200)",
7367
+ 300: "var(--color-auxalia-green-300)",
7368
+ 400: "var(--color-auxalia-green-400)",
7369
+ 500: "var(--color-auxalia-green-500)",
7370
+ 600: "var(--color-auxalia-green-600)",
7371
+ 700: "var(--color-auxalia-green-700)",
7372
+ 800: "var(--color-auxalia-green-800)",
7373
+ 900: "var(--color-auxalia-green-900)"
7378
7374
  },
7379
- // Secondary brand: Dark Blue
7375
+ // Secondary brand: Dark Blue — values live in tokens.css as --color-auxalia-blue-*
7380
7376
  "auxalia-blue": {
7381
- 50: "#F5F7F9",
7382
- 100: "#EDF6FB",
7383
- 200: "#C0D6E6",
7384
- 300: "#204760",
7385
- 400: "#1C3D52",
7386
- 500: "#00263E",
7387
- 600: "#001928"
7377
+ 50: "var(--color-auxalia-blue-50)",
7378
+ 100: "var(--color-auxalia-blue-100)",
7379
+ 200: "var(--color-auxalia-blue-200)",
7380
+ 300: "var(--color-auxalia-blue-300)",
7381
+ 400: "var(--color-auxalia-blue-400)",
7382
+ 500: "var(--color-auxalia-blue-500)",
7383
+ 600: "var(--color-auxalia-blue-600)"
7388
7384
  }
7389
7385
  };
7390
7386
  var preset = {
package/dist/index.d.cts CHANGED
@@ -15,20 +15,20 @@ import { ClassValue } from 'clsx';
15
15
  import 'tailwindcss';
16
16
 
17
17
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
18
- variant?: "primary" | "destructive" | "success" | "warning" | "info" | "default";
18
+ variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
19
19
  } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
20
20
  declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
21
21
  declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
22
22
 
23
23
  declare const checkboxVariants: (props?: {
24
- color?: "primary" | "secondary" | "destructive";
24
+ color?: "primary" | "destructive" | "secondary";
25
25
  } & class_variance_authority_types.ClassProp) => string;
26
26
  interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, 'color'>, VariantProps<typeof checkboxVariants> {
27
27
  }
28
28
  declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
29
29
 
30
30
  declare const radioItemVariants: (props?: {
31
- color?: "primary" | "secondary" | "destructive";
31
+ color?: "primary" | "destructive" | "secondary";
32
32
  } & class_variance_authority_types.ClassProp) => string;
33
33
  interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, 'color'>, VariantProps<typeof radioItemVariants> {
34
34
  }
@@ -45,7 +45,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
45
45
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
46
46
 
47
47
  declare const badgeVariants: (props?: {
48
- variant?: "secondary" | "accent" | "destructive" | "success" | "warning" | "info" | "default" | "outline" | "solid";
48
+ variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "accent" | "outline" | "solid";
49
49
  } & class_variance_authority_types.ClassProp) => string;
50
50
  interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
51
51
  }
@@ -53,8 +53,8 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
53
53
 
54
54
  declare const buttonVariants: (props?: {
55
55
  variant?: "default" | "link" | "outline" | "ghost";
56
- color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
57
- size?: "sm" | "lg" | "default" | "icon";
56
+ color?: "default" | "primary" | "destructive" | "secondary" | "accent" | "surface";
57
+ size?: "default" | "sm" | "lg" | "icon";
58
58
  } & class_variance_authority_types.ClassProp) => string;
59
59
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
60
60
  asChild?: boolean;
@@ -85,7 +85,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
85
85
  declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
86
86
 
87
87
  declare const switchVariants: (props?: {
88
- color?: "primary" | "secondary" | "accent" | "destructive";
88
+ color?: "primary" | "destructive" | "secondary" | "accent";
89
89
  size?: "sm" | "md" | "lg";
90
90
  } & class_variance_authority_types.ClassProp) => string;
91
91
  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$
93
93
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
94
94
 
95
95
  declare const dropdownMenuItemVariants: (props?: {
96
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
96
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
97
97
  } & class_variance_authority_types.ClassProp) => string;
98
98
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
99
99
 
@@ -168,7 +168,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
168
168
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
169
169
 
170
170
  declare const cardVariants: (props?: {
171
- variant?: "primary" | "accent" | "success" | "default" | "outlined" | "elevated";
171
+ variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
172
172
  } & class_variance_authority_types.ClassProp) => string;
173
173
  type CardVariantProps = VariantProps<typeof cardVariants>;
174
174
 
@@ -184,11 +184,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
184
184
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
185
185
 
186
186
  declare const selectTriggerVariants: (props?: {
187
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
187
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
188
188
  size?: "sm" | "md" | "lg";
189
189
  } & class_variance_authority_types.ClassProp) => string;
190
190
  declare const selectItemVariants: (props?: {
191
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
191
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
192
192
  } & class_variance_authority_types.ClassProp) => string;
193
193
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
194
194
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
@@ -310,6 +310,7 @@ interface CommonTableProps {
310
310
  count: number;
311
311
  };
312
312
  tableConfig: TableConfig;
313
+ title?: string;
313
314
  filteredParams?: QueryParams;
314
315
  isSelectable?: boolean;
315
316
  selectedRows?: any[];
@@ -342,7 +343,7 @@ interface CustomComponentType {
342
343
  onIconClick?: (e: React__default.MouseEvent, values: any) => void;
343
344
  }
344
345
 
345
- 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;
346
+ 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;
346
347
 
347
348
  /**
348
349
  * Auxalia Design System — TypeScript Tokens
package/dist/index.d.ts CHANGED
@@ -15,20 +15,20 @@ import { ClassValue } from 'clsx';
15
15
  import 'tailwindcss';
16
16
 
17
17
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
18
- variant?: "primary" | "destructive" | "success" | "warning" | "info" | "default";
18
+ variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
19
19
  } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
20
20
  declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
21
21
  declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
22
22
 
23
23
  declare const checkboxVariants: (props?: {
24
- color?: "primary" | "secondary" | "destructive";
24
+ color?: "primary" | "destructive" | "secondary";
25
25
  } & class_variance_authority_types.ClassProp) => string;
26
26
  interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, 'color'>, VariantProps<typeof checkboxVariants> {
27
27
  }
28
28
  declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
29
29
 
30
30
  declare const radioItemVariants: (props?: {
31
- color?: "primary" | "secondary" | "destructive";
31
+ color?: "primary" | "destructive" | "secondary";
32
32
  } & class_variance_authority_types.ClassProp) => string;
33
33
  interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, 'color'>, VariantProps<typeof radioItemVariants> {
34
34
  }
@@ -45,7 +45,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
45
45
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
46
46
 
47
47
  declare const badgeVariants: (props?: {
48
- variant?: "secondary" | "accent" | "destructive" | "success" | "warning" | "info" | "default" | "outline" | "solid";
48
+ variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "accent" | "outline" | "solid";
49
49
  } & class_variance_authority_types.ClassProp) => string;
50
50
  interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
51
51
  }
@@ -53,8 +53,8 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
53
53
 
54
54
  declare const buttonVariants: (props?: {
55
55
  variant?: "default" | "link" | "outline" | "ghost";
56
- color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
57
- size?: "sm" | "lg" | "default" | "icon";
56
+ color?: "default" | "primary" | "destructive" | "secondary" | "accent" | "surface";
57
+ size?: "default" | "sm" | "lg" | "icon";
58
58
  } & class_variance_authority_types.ClassProp) => string;
59
59
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
60
60
  asChild?: boolean;
@@ -85,7 +85,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
85
85
  declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
86
86
 
87
87
  declare const switchVariants: (props?: {
88
- color?: "primary" | "secondary" | "accent" | "destructive";
88
+ color?: "primary" | "destructive" | "secondary" | "accent";
89
89
  size?: "sm" | "md" | "lg";
90
90
  } & class_variance_authority_types.ClassProp) => string;
91
91
  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$
93
93
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
94
94
 
95
95
  declare const dropdownMenuItemVariants: (props?: {
96
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
96
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
97
97
  } & class_variance_authority_types.ClassProp) => string;
98
98
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
99
99
 
@@ -168,7 +168,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
168
168
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
169
169
 
170
170
  declare const cardVariants: (props?: {
171
- variant?: "primary" | "accent" | "success" | "default" | "outlined" | "elevated";
171
+ variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
172
172
  } & class_variance_authority_types.ClassProp) => string;
173
173
  type CardVariantProps = VariantProps<typeof cardVariants>;
174
174
 
@@ -184,11 +184,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
184
184
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
185
185
 
186
186
  declare const selectTriggerVariants: (props?: {
187
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
187
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
188
188
  size?: "sm" | "md" | "lg";
189
189
  } & class_variance_authority_types.ClassProp) => string;
190
190
  declare const selectItemVariants: (props?: {
191
- variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
191
+ variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
192
192
  } & class_variance_authority_types.ClassProp) => string;
193
193
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
194
194
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
@@ -310,6 +310,7 @@ interface CommonTableProps {
310
310
  count: number;
311
311
  };
312
312
  tableConfig: TableConfig;
313
+ title?: string;
313
314
  filteredParams?: QueryParams;
314
315
  isSelectable?: boolean;
315
316
  selectedRows?: any[];
@@ -342,7 +343,7 @@ interface CustomComponentType {
342
343
  onIconClick?: (e: React__default.MouseEvent, values: any) => void;
343
344
  }
344
345
 
345
- 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;
346
+ 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;
346
347
 
347
348
  /**
348
349
  * Auxalia Design System — TypeScript Tokens
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tailwind_preset_default
3
- } from "./chunk-LSMVZLQD.js";
3
+ } from "./chunk-SGPYWKN6.js";
4
4
 
5
5
  // src/components/Alert.tsx
6
6
  import * as React from "react";
@@ -979,7 +979,7 @@ function Pagination({ className, ...props }) {
979
979
  role: "navigation",
980
980
  "aria-label": "pagination",
981
981
  "data-slot": "pagination",
982
- className: cn("mx-auto flex w-full justify-center", className),
982
+ className: cn("flex", className),
983
983
  ...props
984
984
  }
985
985
  );
@@ -992,7 +992,7 @@ function PaginationContent({
992
992
  "ul",
993
993
  {
994
994
  "data-slot": "pagination-content",
995
- className: cn("flex flex-row items-center gap-1", className),
995
+ className: cn("flex flex-row items-center gap-2", className),
996
996
  ...props
997
997
  }
998
998
  );
@@ -1012,7 +1012,11 @@ function PaginationLink({
1012
1012
  "aria-current": isActive ? "page" : void 0,
1013
1013
  "data-slot": "pagination-link",
1014
1014
  "data-active": isActive,
1015
- className: cn(className),
1015
+ className: cn(
1016
+ "flex h-9 w-9 items-center justify-center text-base transition-colors",
1017
+ isActive ? "font-medium text-content" : "text-dim hover:text-content",
1018
+ className
1019
+ ),
1016
1020
  ...props
1017
1021
  }
1018
1022
  );
@@ -1021,17 +1025,14 @@ function PaginationPrevious({
1021
1025
  className,
1022
1026
  ...props
1023
1027
  }) {
1024
- return /* @__PURE__ */ jsxs5(
1028
+ return /* @__PURE__ */ jsx14(
1025
1029
  PaginationLink,
1026
1030
  {
1027
1031
  "aria-label": "Go to previous page",
1028
1032
  size: "1",
1029
- className: cn("flex flex-row items-center gap-1 px-2.5 sm:pl-2.5", className),
1033
+ className: cn(className),
1030
1034
  ...props,
1031
- children: [
1032
- /* @__PURE__ */ jsx14(ChevronLeftIcon, {}),
1033
- /* @__PURE__ */ jsx14("span", { className: "hidden sm:block", children: "Previous" })
1034
- ]
1035
+ children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "size-4" })
1035
1036
  }
1036
1037
  );
1037
1038
  }
@@ -1039,17 +1040,14 @@ function PaginationNext({
1039
1040
  className,
1040
1041
  ...props
1041
1042
  }) {
1042
- return /* @__PURE__ */ jsxs5(
1043
+ return /* @__PURE__ */ jsx14(
1043
1044
  PaginationLink,
1044
1045
  {
1045
1046
  "aria-label": "Go to next page",
1046
1047
  size: "1",
1047
- className: cn("flex flex-row items-center gap-1 px-2.5 sm:pr-2.5", className),
1048
+ className: cn(className),
1048
1049
  ...props,
1049
- children: [
1050
- /* @__PURE__ */ jsx14("span", { className: "hidden sm:block", children: "Next" }),
1051
- /* @__PURE__ */ jsx14(ChevronRightIcon, {})
1052
- ]
1050
+ children: /* @__PURE__ */ jsx14(ChevronRightIcon, { className: "size-4" })
1053
1051
  }
1054
1052
  );
1055
1053
  }
@@ -1062,7 +1060,7 @@ function PaginationEllipsis({
1062
1060
  {
1063
1061
  "aria-hidden": true,
1064
1062
  "data-slot": "pagination-ellipsis",
1065
- className: cn("flex size-9 items-center justify-center", className),
1063
+ className: cn("flex h-9 w-9 items-center justify-center text-base text-dim", className),
1066
1064
  ...props,
1067
1065
  children: [
1068
1066
  /* @__PURE__ */ jsx14(MoreHorizontalIcon, { className: "size-4" }),
@@ -6775,6 +6773,7 @@ var tableFilter_default = TableFilter;
6775
6773
  // src/components/ControlledTable/toolbar/index.tsx
6776
6774
  import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
6777
6775
  var CommonToolbar = ({
6776
+ title,
6778
6777
  searchValue,
6779
6778
  filterFields,
6780
6779
  numSelected,
@@ -6785,7 +6784,8 @@ var CommonToolbar = ({
6785
6784
  }) => {
6786
6785
  const [isFilterOpen, setIsFilterOpen] = useState15(false);
6787
6786
  return /* @__PURE__ */ jsxs11("div", { className: "mb-4", children: [
6788
- /* @__PURE__ */ jsxs11("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
6787
+ title && /* @__PURE__ */ jsx38("p", { className: "mb-3 text-base font-semibold uppercase tracking-wide text-content", children: title }),
6788
+ /* @__PURE__ */ jsxs11("div", { className: "mb-3 flex items-center justify-between gap-4 px-4 py-2", children: [
6789
6789
  /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
6790
6790
  filterFields && filterFields.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
6791
6791
  /* @__PURE__ */ jsxs11(
@@ -6884,12 +6884,9 @@ var ControlledPagination = ({
6884
6884
  totalCount,
6885
6885
  onPageChange,
6886
6886
  onRowsPerPageChange,
6887
- rowsPerPageLabel = "Rows per page",
6888
- countLabel = (start, end, total) => `${start}\u2013${end} of ${total}`
6887
+ rowsPerPageLabel = "Rows per page"
6889
6888
  }) => {
6890
6889
  const totalPages = Math.ceil(totalCount / rowsPerPage);
6891
- const startItem = (currentPage - 1) * rowsPerPage + 1;
6892
- const endItem = Math.min(currentPage * rowsPerPage, totalCount);
6893
6890
  const getPageNumbers = () => {
6894
6891
  const pages = [];
6895
6892
  if (totalPages <= 7) {
@@ -6906,7 +6903,7 @@ var ControlledPagination = ({
6906
6903
  return pages;
6907
6904
  };
6908
6905
  return /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center justify-between", children: [
6909
- /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-sm", children: [
6906
+ /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-base", children: [
6910
6907
  /* @__PURE__ */ jsxs12("span", { children: [
6911
6908
  rowsPerPageLabel,
6912
6909
  ":"
@@ -6923,36 +6920,33 @@ var ControlledPagination = ({
6923
6920
  }
6924
6921
  )
6925
6922
  ] }),
6926
- /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 text-sm", children: [
6927
- /* @__PURE__ */ jsx39("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
6928
- /* @__PURE__ */ jsx39(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
6929
- /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6930
- PaginationPrevious,
6931
- {
6932
- onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
6933
- className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
6934
- }
6935
- ) }),
6936
- getPageNumbers().map(
6937
- (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6938
- PaginationLink,
6939
- {
6940
- onClick: () => onPageChange(page),
6941
- isActive: page === currentPage,
6942
- className: "cursor-pointer",
6943
- children: page
6944
- }
6945
- ) }, page)
6946
- ),
6947
- /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6948
- PaginationNext,
6923
+ /* @__PURE__ */ jsx39("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx39(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
6924
+ /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6925
+ PaginationPrevious,
6926
+ {
6927
+ onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
6928
+ className: currentPage <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
6929
+ }
6930
+ ) }),
6931
+ getPageNumbers().map(
6932
+ (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6933
+ PaginationLink,
6949
6934
  {
6950
- onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
6951
- className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
6935
+ onClick: () => onPageChange(page),
6936
+ isActive: page === currentPage,
6937
+ className: "cursor-pointer",
6938
+ children: page
6952
6939
  }
6953
- ) })
6954
- ] }) })
6955
- ] })
6940
+ ) }, page)
6941
+ ),
6942
+ /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
6943
+ PaginationNext,
6944
+ {
6945
+ onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
6946
+ className: currentPage >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
6947
+ }
6948
+ ) })
6949
+ ] }) }) })
6956
6950
  ] });
6957
6951
  };
6958
6952
  var ControlledPagination_default = ControlledPagination;
@@ -6962,6 +6956,7 @@ import { jsx as jsx40, jsxs as jsxs13 } from "react/jsx-runtime";
6962
6956
  var ControlledTable = ({
6963
6957
  tableSource,
6964
6958
  tableConfig,
6959
+ title,
6965
6960
  filteredParams,
6966
6961
  isSelectable = false,
6967
6962
  selectedRows = [],
@@ -7082,6 +7077,7 @@ var ControlledTable = ({
7082
7077
  /* @__PURE__ */ jsx40(
7083
7078
  toolbar_default,
7084
7079
  {
7080
+ title,
7085
7081
  searchValue: filteredParams?.search?.value || "",
7086
7082
  numSelected: selectedRows.length,
7087
7083
  filterFields,
@@ -7093,7 +7089,7 @@ var ControlledTable = ({
7093
7089
  ),
7094
7090
  /* @__PURE__ */ jsxs13("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
7095
7091
  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" }) }),
7096
- /* @__PURE__ */ jsx40("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full text-sm", children: [
7092
+ /* @__PURE__ */ jsx40("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full text-base", children: [
7097
7093
  /* @__PURE__ */ jsx40("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ jsxs13("tr", { children: [
7098
7094
  isSelectable && /* @__PURE__ */ jsx40("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ jsx40(
7099
7095
  Checkbox2.Root,
@@ -7116,7 +7112,7 @@ var ControlledTable = ({
7116
7112
  return /* @__PURE__ */ jsx40(
7117
7113
  "th",
7118
7114
  {
7119
- 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" : ""}`,
7115
+ 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" : ""}`,
7120
7116
  style: { width: field.width },
7121
7117
  onClick: () => field.sortable && handleSort(field),
7122
7118
  children: /* @__PURE__ */ jsxs13(
@@ -7179,7 +7175,7 @@ var ControlledTable = ({
7179
7175
  fields.map((field) => /* @__PURE__ */ jsx40(
7180
7176
  "td",
7181
7177
  {
7182
- className: `px-3 py-3 ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
7178
+ className: `px-3 py-3 text-base font-normal ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
7183
7179
  style: { width: field.width },
7184
7180
  children: renderCell(field, record)
7185
7181
  },
package/dist/tailwind.preset.cjs CHANGED
@@ -23,28 +23,28 @@ __export(tailwind_preset_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(tailwind_preset_exports);
25
25
  var auxaliaColors = {
26
- // Primary brand: Brand Green
26
+ // Primary brand: Brand Green — values live in tokens.css as --color-auxalia-green-*
27
27
  "auxalia-green": {
28
- 50: "#F8FBF0",
29
- 100: "#F0F7E1",
30
- 200: "#DDF0C0",
31
- 300: "#C3E88A",
32
- 400: "#A7D500",
33
- 500: "#8DB800",
34
- 600: "#749400",
35
- 700: "#5A7600",
36
- 800: "#3D5000",
37
- 900: "#283400"
28
+ 50: "var(--color-auxalia-green-50)",
29
+ 100: "var(--color-auxalia-green-100)",
30
+ 200: "var(--color-auxalia-green-200)",
31
+ 300: "var(--color-auxalia-green-300)",
32
+ 400: "var(--color-auxalia-green-400)",
33
+ 500: "var(--color-auxalia-green-500)",
34
+ 600: "var(--color-auxalia-green-600)",
35
+ 700: "var(--color-auxalia-green-700)",
36
+ 800: "var(--color-auxalia-green-800)",
37
+ 900: "var(--color-auxalia-green-900)"
38
38
  },
39
- // Secondary brand: Dark Blue
39
+ // Secondary brand: Dark Blue — values live in tokens.css as --color-auxalia-blue-*
40
40
  "auxalia-blue": {
41
- 50: "#F5F7F9",
42
- 100: "#EDF6FB",
43
- 200: "#C0D6E6",
44
- 300: "#204760",
45
- 400: "#1C3D52",
46
- 500: "#00263E",
47
- 600: "#001928"
41
+ 50: "var(--color-auxalia-blue-50)",
42
+ 100: "var(--color-auxalia-blue-100)",
43
+ 200: "var(--color-auxalia-blue-200)",
44
+ 300: "var(--color-auxalia-blue-300)",
45
+ 400: "var(--color-auxalia-blue-400)",
46
+ 500: "var(--color-auxalia-blue-500)",
47
+ 600: "var(--color-auxalia-blue-600)"
48
48
  }
49
49
  };
50
50
  var preset = {
package/dist/tailwind.preset.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tailwind_preset_default
3
- } from "./chunk-LSMVZLQD.js";
3
+ } from "./chunk-SGPYWKN6.js";
4
4
  export {
5
5
  tailwind_preset_default as default
6
6
  };
package/dist/tokens.css CHANGED
@@ -7,6 +7,29 @@
7
7
  /* ─── TYPOGRAPHY ────────────────────────────────────────────── */
8
8
  --font-sans: 'Inter', sans-serif;
9
9
 
10
+ /* ─── STATIC PALETTE ───────────────────────────────────────── */
11
+
12
+ /* Auxalia Green scale */
13
+ --color-auxalia-green-50: #F8FBF0;
14
+ --color-auxalia-green-100: #F0F7E1;
15
+ --color-auxalia-green-200: #DDF0C0;
16
+ --color-auxalia-green-300: #C3E88A;
17
+ --color-auxalia-green-400: #A7D500;
18
+ --color-auxalia-green-500: #8DB800;
19
+ --color-auxalia-green-600: #749400;
20
+ --color-auxalia-green-700: #5A7600;
21
+ --color-auxalia-green-800: #3D5000;
22
+ --color-auxalia-green-900: #283400;
23
+
24
+ /* Auxalia Blue scale */
25
+ --color-auxalia-blue-50: #F5F7F9;
26
+ --color-auxalia-blue-100: #EDF6FB;
27
+ --color-auxalia-blue-200: #C0D6E6;
28
+ --color-auxalia-blue-300: #204760;
29
+ --color-auxalia-blue-400: #1C3D52;
30
+ --color-auxalia-blue-500: #00263E;
31
+ --color-auxalia-blue-600: #001928;
32
+
10
33
  /* ─── BRAND COLORS ─────────────────────────────────────────── */
11
34
 
12
35
  /* Primary: Brand Green #A7D500 (scale-400 default) */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "auxalia-ui-kit",
3
- "version": "1.5.9",
3
+ "version": "1.6.1",
4
4
  "description": "feat: Add new 'surface' color variant with default, outline, ghost, and link styles to the Button component.",
5
5
  "license": "ISC",
6
6
  "author": {