@bizapps/ui 1.7.0 → 1.9.0

package/dist/main.d.cts

@@ -1279,6 +1279,12 @@ type AnimationTokens = typeof animation;
 
 declare function useAppForm<T extends ZodType>(schema: T, options?: Omit<UseFormProps<z.infer<T> & FieldValues>, 'resolver'>): react_hook_form.UseFormReturn<z.core.output<T> & FieldValues, any, z.core.output<T> & FieldValues>;
 
+/**
+ * Brand logo assets served from the CDN.
+ *
+ * Keys are flat and prefixed by brand: unprefixed keys belong to Total Civil,
+ * `millwork*` keys belong to Total Millwork.
+ */
 declare const logos: {
     readonly color: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_Color.webp";
     readonly colorAna: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_Color-ANA.webp";
@@ -1288,6 +1294,9 @@ declare const logos: {
     readonly grayScale: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_gray_scale.webp";
     readonly monochBlack: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_monochB.webp";
     readonly monochOrange: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_monochO.webp";
+    readonly isotype: "https://dibt9vplwriap.cloudfront.net/logos/Isotipo_Total_Color.webp";
+    readonly millworkColor: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Millwork_Color.webp";
+    readonly millworkNegative: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Millwork_Negative.webp";
 };
 type LogoKey = keyof typeof logos;
 
@@ -1355,11 +1364,23 @@ type SortDirection = 'asc' | 'desc' | false;
 type CellAlignment = 'left' | 'center' | 'right';
 interface ColumnMeta {
     align?: CellAlignment;
+    /**
+     * Per-column density override. This is NOT a width — use `width`, or the column
+     * definition's top-level `size`, for that.
+     */
     size?: TableCellSize;
     sortable?: boolean;
     filterable?: boolean;
     ellipsis?: boolean;
     variant?: 'default' | 'numeric';
+    /**
+     * Fixed column width, applied as both `width` and `min-width`. A number is treated as
+     * pixels, a string as any CSS length (`'8rem'`, `'20%'`, `'100px'`).
+     *
+     * Authoritative only while `enableColumnResizing` is off. With resizing enabled the
+     * rendered width comes from the column definition's top-level `size` / `minSize` /
+     * `maxSize` and this value acts as a `min-width` floor only.
+     */
     width?: string | number;
     className?: string;
     pinned?: 'left' | 'right' | false;
@@ -1491,6 +1512,31 @@ declare const TablePagination: react.MemoExoticComponent<typeof TablePaginationB
 
 declare function useTableContext<T = unknown>(): TableContextType<T>;
 
+/**
+ * TanStack Table v8 data table with sorting, filtering, global search, pagination, row
+ * selection, column visibility, resizing, density control, sticky headers, column pinning
+ * and an automatic mobile card layout.
+ *
+ * Per-column presentation belongs in `meta` (`ColumnMeta`) on each column definition rather
+ * than in per-cell `className` strings: `align`, `size` (density override), `sortable`,
+ * `filterable`, `ellipsis`, `variant`, `width`, `className`, `pinned`, `cardLabel`,
+ * `hideInCard` and `resizable`.
+ *
+ * Column width has two authorities. With `enableColumnResizing` off (the default),
+ * `meta.width` drives both `width` and `min-width` on the header and body cells; a number is
+ * pixels and a string is any CSS length (`'8rem'`, `'20%'`, `'100px'`). With
+ * `enableColumnResizing` on, the rendered width instead comes from TanStack's own top-level
+ * `size` / `minSize` / `maxSize` on the column definition (`size` defaults to 150px) and
+ * `meta.width` degrades to a `min-width` floor. Note that `meta.size` is cell density, not a
+ * width — the pixel width is the top-level `size`.
+ *
+ * The table element is `w-full` under the browser's default `table-layout: auto`, so `width`
+ * is only a hint and `min-width` is what actually holds. Pass
+ * `classNames={{ table: 'table-fixed' }}` when exact widths must be honoured.
+ *
+ * Set `tableId` to persist column visibility, sizing and density to `localStorage` under
+ * `tcce-table:{tableId}:*`.
+ */
 declare function DataTable<T>({ data, columns, size, variant, isLoading, stickyHeader, maxHeight, sorting, defaultSorting, onSortingChange, enableSorting, manualSorting, columnFilters, defaultColumnFilters, onColumnFiltersChange, enableFiltering, manualFiltering, onRowClick, classNames, getUniqueValues, emptyState, rowSelection, defaultRowSelection, onRowSelectionChange, enableRowSelection, onSelectedRowsChange, responsiveBreakpoint, disableResponsive, skeletonRowCount, onTableReady, tableId, globalFilter, defaultGlobalFilter, onGlobalFilterChange, columnVisibility, defaultColumnVisibility, onColumnVisibilityChange, columnSizing, defaultColumnSizing, onColumnSizingChange, enableColumnResizing, onSizeChange, toolbar, }: DataTableProps<T>): react.JSX.Element;
 
 interface FilterOptionProps {

package/dist/main.d.ts

@@ -1279,6 +1279,12 @@ type AnimationTokens = typeof animation;
 
 declare function useAppForm<T extends ZodType>(schema: T, options?: Omit<UseFormProps<z.infer<T> & FieldValues>, 'resolver'>): react_hook_form.UseFormReturn<z.core.output<T> & FieldValues, any, z.core.output<T> & FieldValues>;
 
+/**
+ * Brand logo assets served from the CDN.
+ *
+ * Keys are flat and prefixed by brand: unprefixed keys belong to Total Civil,
+ * `millwork*` keys belong to Total Millwork.
+ */
 declare const logos: {
     readonly color: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_Color.webp";
     readonly colorAna: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_Color-ANA.webp";
@@ -1288,6 +1294,9 @@ declare const logos: {
     readonly grayScale: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_gray_scale.webp";
     readonly monochBlack: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_monochB.webp";
     readonly monochOrange: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Total_monochO.webp";
+    readonly isotype: "https://dibt9vplwriap.cloudfront.net/logos/Isotipo_Total_Color.webp";
+    readonly millworkColor: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Millwork_Color.webp";
+    readonly millworkNegative: "https://dibt9vplwriap.cloudfront.net/logos/Logo_Millwork_Negative.webp";
 };
 type LogoKey = keyof typeof logos;
 
@@ -1355,11 +1364,23 @@ type SortDirection = 'asc' | 'desc' | false;
 type CellAlignment = 'left' | 'center' | 'right';
 interface ColumnMeta {
     align?: CellAlignment;
+    /**
+     * Per-column density override. This is NOT a width — use `width`, or the column
+     * definition's top-level `size`, for that.
+     */
     size?: TableCellSize;
     sortable?: boolean;
     filterable?: boolean;
     ellipsis?: boolean;
     variant?: 'default' | 'numeric';
+    /**
+     * Fixed column width, applied as both `width` and `min-width`. A number is treated as
+     * pixels, a string as any CSS length (`'8rem'`, `'20%'`, `'100px'`).
+     *
+     * Authoritative only while `enableColumnResizing` is off. With resizing enabled the
+     * rendered width comes from the column definition's top-level `size` / `minSize` /
+     * `maxSize` and this value acts as a `min-width` floor only.
+     */
     width?: string | number;
     className?: string;
     pinned?: 'left' | 'right' | false;
@@ -1491,6 +1512,31 @@ declare const TablePagination: react.MemoExoticComponent<typeof TablePaginationB
 
 declare function useTableContext<T = unknown>(): TableContextType<T>;
 
+/**
+ * TanStack Table v8 data table with sorting, filtering, global search, pagination, row
+ * selection, column visibility, resizing, density control, sticky headers, column pinning
+ * and an automatic mobile card layout.
+ *
+ * Per-column presentation belongs in `meta` (`ColumnMeta`) on each column definition rather
+ * than in per-cell `className` strings: `align`, `size` (density override), `sortable`,
+ * `filterable`, `ellipsis`, `variant`, `width`, `className`, `pinned`, `cardLabel`,
+ * `hideInCard` and `resizable`.
+ *
+ * Column width has two authorities. With `enableColumnResizing` off (the default),
+ * `meta.width` drives both `width` and `min-width` on the header and body cells; a number is
+ * pixels and a string is any CSS length (`'8rem'`, `'20%'`, `'100px'`). With
+ * `enableColumnResizing` on, the rendered width instead comes from TanStack's own top-level
+ * `size` / `minSize` / `maxSize` on the column definition (`size` defaults to 150px) and
+ * `meta.width` degrades to a `min-width` floor. Note that `meta.size` is cell density, not a
+ * width — the pixel width is the top-level `size`.
+ *
+ * The table element is `w-full` under the browser's default `table-layout: auto`, so `width`
+ * is only a hint and `min-width` is what actually holds. Pass
+ * `classNames={{ table: 'table-fixed' }}` when exact widths must be honoured.
+ *
+ * Set `tableId` to persist column visibility, sizing and density to `localStorage` under
+ * `tcce-table:{tableId}:*`.
+ */
 declare function DataTable<T>({ data, columns, size, variant, isLoading, stickyHeader, maxHeight, sorting, defaultSorting, onSortingChange, enableSorting, manualSorting, columnFilters, defaultColumnFilters, onColumnFiltersChange, enableFiltering, manualFiltering, onRowClick, classNames, getUniqueValues, emptyState, rowSelection, defaultRowSelection, onRowSelectionChange, enableRowSelection, onSelectedRowsChange, responsiveBreakpoint, disableResponsive, skeletonRowCount, onTableReady, tableId, globalFilter, defaultGlobalFilter, onGlobalFilterChange, columnVisibility, defaultColumnVisibility, onColumnVisibilityChange, columnSizing, defaultColumnSizing, onColumnSizingChange, enableColumnResizing, onSizeChange, toolbar, }: DataTableProps<T>): react.JSX.Element;
 
 interface FilterOptionProps {

package/dist/main.js

@@ -7080,6 +7080,7 @@ function useAppForm(schema, options) {
 // src/lib/cdn.ts
 var CDN_BASE = "https://dibt9vplwriap.cloudfront.net";
 var logos = {
+  // Total Civil
   color: `${CDN_BASE}/logos/Logo_Total_Color.webp`,
   colorAna: `${CDN_BASE}/logos/Logo_Total_Color-ANA.webp`,
   colorAnaa: `${CDN_BASE}/logos/Logo_Total_Color-ANAA.webp`,
@@ -7087,7 +7088,11 @@ var logos = {
   positive: `${CDN_BASE}/logos/Logo_Total_Positive.webp`,
   grayScale: `${CDN_BASE}/logos/Logo_Total_gray_scale.webp`,
   monochBlack: `${CDN_BASE}/logos/Logo_Total_monochB.webp`,
-  monochOrange: `${CDN_BASE}/logos/Logo_Total_monochO.webp`
+  monochOrange: `${CDN_BASE}/logos/Logo_Total_monochO.webp`,
+  isotype: `${CDN_BASE}/logos/Isotipo_Total_Color.webp`,
+  // Total Millwork
+  millworkColor: `${CDN_BASE}/logos/Logo_Millwork_Color.webp`,
+  millworkNegative: `${CDN_BASE}/logos/Logo_Millwork_Negative.webp`
 };
 var CONFETTI_COLORS = [
   "#22205f",