zaravand-ui 1.7.0 → 1.9.0

package/dist/components/Table/Table.interface.d.ts

@@ -56,6 +56,13 @@ export type TableSchemaColumn = {
     type: TableFieldType;
     options?: TableSelectOption[];
     optionsSource?: TableSelectOptionsSource;
+    /**
+     * Fixed column width. Numbers are treated as pixels (e.g. `160` -> `160px`);
+     * strings are used as-is (e.g. `"20%"`, `"12rem"`). When omitted, the
+     * column keeps the default behavior of splitting remaining space evenly
+     * with the other un-sized columns.
+     */
+    width?: number | string;
 };
 export type TableSchemaPagination = {
     page: number;

package/dist/components/Table/Table.utils.d.ts

@@ -1,4 +1,6 @@
+import type * as React from 'react';
 import type { DynamicTableRow, TablePaginationToken, TableRowId, TableRowIdResolver, TableSchemaColumn } from './Table.interface';
+export declare function resolveColumnWidthStyle(width: TableSchemaColumn['width']): React.CSSProperties | undefined;
 export declare function resolveLoadingRowsCount(pageSize: number | undefined, dataLength: number): number;
 export declare function resolveLoadingCellSkeletonClassName(column: TableSchemaColumn, rowIndex: number): string;
 export declare function buildPaginationTokens(currentPage: number, totalPages: number): TablePaginationToken[];

package/dist/components/Table/Table.variant.d.ts

@@ -1,5 +1,6 @@
 export declare const tableContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const tableVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const TABLE_MIN_WIDTH_PER_COLUMN_REM = 6;
 export declare const ticketContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const ticketControlsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const ticketTableShellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/shared/responsiveScale.d.ts

@@ -0,0 +1,30 @@
+/**
+ * One shared fluid-sizing contract for the whole library: every dimension listed
+ * below scales linearly with the viewport between 320px and 768px, shrinking down
+ * to exactly 80% of its desktop value at 320px and staying at 100% from 768px up.
+ * Ship this in the compiled CSS so any app importing zaravand-ui gets the same
+ * shrink/grow behavior automatically, with no per-app configuration.
+ *
+ * clamp(MIN, MIN + (MAX-MIN) * (100vw-320px)/448, MAX) — 448 = 768-320.
+ */
+declare const CONTROL_HEIGHT_SM = "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
+declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648*(100vw_-_320px)/448),3.24rem)]";
+declare const CONTROL_HEIGHT_LG = "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72*(100vw_-_320px)/448),3.6rem)]";
+declare const controlHeightBySize: {
+    readonly sm: "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
+    readonly default: "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648*(100vw_-_320px)/448),3.24rem)]";
+    readonly lg: "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72*(100vw_-_320px)/448),3.6rem)]";
+};
+declare const CONTROL_PADDING_X = "zui:px-[clamp(0.6rem,calc(0.6rem_+_0.15*(100vw_-_320px)/448),0.75rem)]";
+declare const CONTROL_PADDING_Y = "zui:py-[clamp(0.6rem,calc(0.6rem_+_0.15*(100vw_-_320px)/448),0.75rem)]";
+declare const BUTTON_PADDING_X = "zui:px-[clamp(0.8rem,calc(0.8rem_+_0.2*(100vw_-_320px)/448),1rem)]";
+declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[clamp(3.84rem,calc(3.84rem_+_0.96*(100vw_-_320px)/448),4.8rem)]";
+declare const TABLE_HEADER_HEIGHT = "zui:h-[clamp(2.8rem,calc(2.8rem_+_0.7*(100vw_-_320px)/448),3.5rem)]";
+declare const DATEPICKER_DAY_SIZE = "zui:size-[clamp(1.6rem,calc(1.6rem_+_0.4*(100vw_-_320px)/448),2rem)]";
+declare const DATEPICKER_NAV_SIZE = "zui:size-[clamp(1.4rem,calc(1.4rem_+_0.35*(100vw_-_320px)/448),1.75rem)]";
+declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[clamp(1.6rem,calc(1.6rem_+_0.4*(100vw_-_320px)/448),2rem)]";
+declare const OVERLAY_PANEL_PADDING = "zui:p-[clamp(1.2rem,calc(1.2rem_+_0.3*(100vw_-_320px)/448),1.5rem)]";
+declare const TOAST_PADDING = "zui:p-[clamp(0.8rem,calc(0.8rem_+_0.2*(100vw_-_320px)/448),1rem)]";
+declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[clamp(5.2rem,calc(5.2rem_+_1.3*(100vw_-_320px)/448),6.5rem)]";
+declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)] zui:[&>button]:!w-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
+export { controlHeightBySize, CONTROL_HEIGHT_SM, CONTROL_HEIGHT_DEFAULT, CONTROL_HEIGHT_LG, CONTROL_PADDING_X, CONTROL_PADDING_Y, BUTTON_PADDING_X, TEXTAREA_MIN_HEIGHT, TABLE_HEADER_HEIGHT, DATEPICKER_DAY_SIZE, DATEPICKER_NAV_SIZE, DATEPICKER_CONTROL_HEIGHT, OVERLAY_PANEL_PADDING, TOAST_PADDING, DATEPICKER_MANUAL_SEGMENT_WIDTH, SQUARE_ICON_BUTTON_SIZE_IMPORTANT, };