zaravand-ui 1.9.0 → 1.11.0

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

@@ -10,8 +10,8 @@ export declare const deleteButtonLabel = "\u062D\u0630\u0641";
 export declare const actionIconClassName = "zui:size-4";
 export declare const pagingToggleIconClassName = "zui:size-6";
 export declare const rowActionButtonClassName = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed";
-export declare const actionsColumnClassName = "zui:w-32 zui:px-3 zui:text-center";
-export declare const rowNumberColumnClassName = "zui:w-16 zui:px-3 zui:text-center";
+export declare const actionsColumnClassName = "zui:px-3 zui:text-center";
+export declare const rowNumberColumnClassName = "zui:px-3 zui:text-center";
 export declare const searchInputPlaceholder = "\u062C\u0633\u062A\u062C\u0648 \u06A9\u0646\u06CC\u062F";
 export declare const searchInputAriaLabel = "\u062C\u0633\u062A\u062C\u0648\u06CC \u062C\u062F\u0648\u0644";
 export declare const switchToInfiniteModeLabel = "\u062A\u063A\u06CC\u06CC\u0631 \u0628\u0647 \u067E\u06CC\u0645\u0627\u06CC\u0634 \u0628\u06CC\u200C\u0646\u0647\u0627\u06CC\u062A";

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

@@ -1,6 +1,10 @@
 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 resolveColumnWidthPercentages(visibleColumns: TableSchemaColumn[], shouldShowRowNumbers: boolean, hasRowActions: boolean): {
+    rowNumberColumnStyle: React.CSSProperties | undefined;
+    columnStyleByKey: Record<string, React.CSSProperties>;
+    actionsColumnStyle: 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,6 +1,5 @@
 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/Tabs/Tabs.interface.d.ts

@@ -7,6 +7,7 @@ export interface TabsProps {
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     dir?: "rtl" | "ltr";
+    type?: "primary" | "secondary" | "minimal";
     id?: string;
     className?: string;
     children?: React.ReactNode;

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

@@ -4,12 +4,15 @@ declare const tabsVariants: (props?: ({
 declare const tabsListVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
+    type?: "primary" | "secondary" | "minimal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tabsIndicatorVariants: (props?: ({
     ready?: boolean | null | undefined;
+    type?: "primary" | "secondary" | "minimal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tabsTriggerVariants: (props?: ({
     size?: "sm" | "default" | "lg" | null | undefined;
+    type?: "primary" | "secondary" | "minimal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tabsContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export { tabsVariants, tabsListVariants, tabsIndicatorVariants, tabsTriggerVariants, tabsContentVariants, };

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

@@ -5,26 +5,42 @@
  * 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.
+ * clamp(MIN, MIN + DIFFrem*((100vw-320px)/448px), MAX) — 448 = 768-320.
+ * Both the range (448px) and the multiplier (DIFFrem = MAX-MIN) must carry
+ * explicit units: `(100vw-320px)/448px` is a length divided by a length, which
+ * CSS calc() resolves to a plain unitless ratio (0 at 320px, 1 at 768px) — only
+ * then is it safe to multiply by `DIFFrem` and get a length back out. Writing
+ * the multiplier or divisor as a bare number (e.g. `0.648` instead of
+ * `0.648rem`, or `/448` instead of `/448px`) silently breaks this: the ratio
+ * stays a *length* instead of becoming unitless, so multiplying it by another
+ * bare number produces a value on the order of a single pixel instead of a
+ * fraction of a rem — the token ends up pinned within a fraction of a pixel of
+ * MIN across the entire viewport range and never visibly reaches MAX.
  */
-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 CONTROL_HEIGHT_SM = "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576rem*((100vw_-_320px)/448px)),2.88rem)]";
+declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648rem*((100vw_-_320px)/448px)),3.24rem)]";
+declare const CONTROL_HEIGHT_LG = "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72rem*((100vw_-_320px)/448px)),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)]";
+    readonly sm: "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576rem*((100vw_-_320px)/448px)),2.88rem)]";
+    readonly default: "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648rem*((100vw_-_320px)/448px)),3.24rem)]";
+    readonly lg: "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72rem*((100vw_-_320px)/448px)),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, };
+declare const CONTROL_PADDING_X = "zui:px-[clamp(0.6rem,calc(0.6rem_+_0.15rem*((100vw_-_320px)/448px)),0.75rem)]";
+declare const CONTROL_PADDING_Y = "zui:py-[clamp(0.6rem,calc(0.6rem_+_0.15rem*((100vw_-_320px)/448px)),0.75rem)]";
+declare const BUTTON_PADDING_X = "zui:px-[clamp(0.8rem,calc(0.8rem_+_0.2rem*((100vw_-_320px)/448px)),1rem)]";
+declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[clamp(3.84rem,calc(3.84rem_+_0.96rem*((100vw_-_320px)/448px)),4.8rem)]";
+declare const TABLE_HEADER_HEIGHT = "zui:h-[clamp(2.8rem,calc(2.8rem_+_0.7rem*((100vw_-_320px)/448px)),3.5rem)]";
+/**
+ * Table body/header text size — same 320px->768px fluid contract as every
+ * other token here, shrinking to 80% (0.7rem) at 320px and reaching the
+ * static `text-sm` value (0.875rem) at 768px and up.
+ */
+declare const TABLE_TEXT_SIZE = "zui:text-[clamp(0.7rem,calc(0.7rem_+_0.175rem*((100vw_-_320px)/448px)),0.875rem)]";
+declare const DATEPICKER_DAY_SIZE = "zui:size-[clamp(1.6rem,calc(1.6rem_+_0.4rem*((100vw_-_320px)/448px)),2rem)]";
+declare const DATEPICKER_NAV_SIZE = "zui:size-[clamp(1.4rem,calc(1.4rem_+_0.35rem*((100vw_-_320px)/448px)),1.75rem)]";
+declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[clamp(1.6rem,calc(1.6rem_+_0.4rem*((100vw_-_320px)/448px)),2rem)]";
+declare const OVERLAY_PANEL_PADDING = "zui:p-[clamp(1.2rem,calc(1.2rem_+_0.3rem*((100vw_-_320px)/448px)),1.5rem)]";
+declare const TOAST_PADDING = "zui:p-[clamp(0.8rem,calc(0.8rem_+_0.2rem*((100vw_-_320px)/448px)),1rem)]";
+declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[clamp(5.2rem,calc(5.2rem_+_1.3rem*((100vw_-_320px)/448px)),6.5rem)]";
+declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[clamp(2.304rem,calc(2.304rem_+_0.576rem*((100vw_-_320px)/448px)),2.88rem)] zui:[&>button]:!w-[clamp(2.304rem,calc(2.304rem_+_0.576rem*((100vw_-_320px)/448px)),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, TABLE_TEXT_SIZE, DATEPICKER_DAY_SIZE, DATEPICKER_NAV_SIZE, DATEPICKER_CONTROL_HEIGHT, OVERLAY_PANEL_PADDING, TOAST_PADDING, DATEPICKER_MANUAL_SEGMENT_WIDTH, SQUARE_ICON_BUTTON_SIZE_IMPORTANT, };