@stll/workspace-ui 0.6.3 → 0.7.0

package/dist/index.d.ts

@@ -10,9 +10,9 @@ import { getClipFieldValueLabel } from "./field-value-logic.js";
 import { FieldValue, IntFieldValue, MoneyFieldValue, PersonFieldValue } from "./field-value.js";
 import { SortChips, SortChipsLabels, SortChipsProps, SortDescriptor, SortableProperty, sortDirectionHint } from "./sorts.js";
 import { TableSkeletonRows } from "./table-skeleton-rows.js";
-import { CreateWorkspaceKanbanSchemaParams, KANBAN_EMPTY_GROUP_VISIBILITIES, KanbanBoardPresentation, KanbanEmptyGroupVisibility, KanbanPresentedLane, KanbanSavedAxisState, KanbanSavedGroupReference, KanbanSavedSubgroupState, KanbanSavedViewState, ResolveWorkspaceKanbanViewParams, ResolvedWorkspaceKanbanView, WorkspaceKanbanBuiltInGroupLabel, WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPickerLabels, WorkspaceKanbanGroupingPickerProps, WorkspaceKanbanProperty, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, presentKanbanBoard, resolveWorkspaceKanbanView } from "./kanban-view.js";
+import { CreateWorkspaceKanbanSchemaParams, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, KanbanBoardPresentation, KanbanEmptyGroupVisibility, KanbanPresentedBand, KanbanPresentedLane, KanbanSavedAxisState, KanbanSavedGroupAxisState, KanbanSavedGroupReference, KanbanSavedSubgroupState, KanbanSavedViewState, KanbanSavedViewStateV1, ResolveWorkspaceKanbanViewParams, ResolvedWorkspaceKanbanView, WorkspaceKanbanBuiltInGroupLabel, WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPickerLabels, WorkspaceKanbanGroupingPickerProps, WorkspaceKanbanProperty, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, normalizeKanbanSavedViewState, presentKanbanBoard, resolveWorkspaceKanbanView } from "./kanban-view.js";
 import { WorkspaceKanbanGroupingPicker } from "./kanban-grouping-picker.js";
 import { WorkspaceViewDirection, WorkspaceViewDropPosition, reorderWorkspaceViewIds, toWorkspaceViewDropPosition } from "./view-switcher.logic.js";
 import { WorkspaceViewSwitcher, WorkspaceViewSwitcherEditing, WorkspaceViewSwitcherItem, WorkspaceViewSwitcherProps, WorkspaceViewSwitcherReorder } from "./view-switcher.js";
 import { WorkspaceFrame, WorkspaceFrameEndRail, WorkspaceFrameInspector, WorkspaceFrameNavigation, WorkspaceFrameNavigationItem, WorkspaceFrameProps, WorkspaceFrameTopBar } from "./workspace-frame.js";
-export { type ApplyCalculationSelectionParams, CONDITION_OPERATORS, type CalculationFormatters, CalculationKindPicker, type CalculationKindPickerProps, type CalculationLabels, CalculationPicker, type CalculationPickerProps, type CalculationProperty, type CalculationResult, type CalculationSelection, CalculationSummary, type CalculationSummaryProps, type ColorVariants, ColumnCalculation, ConditionBuilder, type ConditionBuilderLabels, type ConditionCapabilities, type ConditionOperator, type CreateWorkspaceKanbanSchemaParams, FIELD_CONTENT_TYPES, type FieldContent, type FieldOption, type FieldOptionChoice, FieldValue, type FieldValueType, type FormatCalculationParams, type FormatMoneyCentsParams, type FormattedCalculation, type FormulaCellRenderCtx, type GenericProperty, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, type KanbanBoardPresentation, type KanbanEmptyGroupVisibility, type KanbanPresentedLane, type KanbanSavedAxisState, type KanbanSavedGroupReference, type KanbanSavedSubgroupState, type KanbanSavedViewState, MoneyFieldValue, type OptionColor, PersonFieldValue, PropertyIcon, type PropertyIconType, type ResolveWorkspaceKanbanViewParams, type ResolvedWorkspaceKanbanView, SortChips, type SortChipsLabels, type SortChipsProps, type SortDescriptor, type SortableProperty, TableSkeletonRows, type UseCalculationParams, type ValueEditorKind, type ValueEditorRenderCtx, type WorkspaceCalculationLabels, type WorkspaceFieldContent, WorkspaceFrame, type WorkspaceFrameEndRail, type WorkspaceFrameInspector, type WorkspaceFrameNavigation, type WorkspaceFrameNavigationItem, type WorkspaceFrameProps, type WorkspaceFrameTopBar, type WorkspaceKanbanBuiltInGroupLabel, type WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPicker, type WorkspaceKanbanGroupingPickerLabels, type WorkspaceKanbanGroupingPickerProps, type WorkspaceKanbanProperty, type WorkspaceViewDirection, type WorkspaceViewDropPosition, WorkspaceViewSwitcher, type WorkspaceViewSwitcherEditing, type WorkspaceViewSwitcherItem, type WorkspaceViewSwitcherProps, type WorkspaceViewSwitcherReorder, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };
+export { type ApplyCalculationSelectionParams, CONDITION_OPERATORS, type CalculationFormatters, CalculationKindPicker, type CalculationKindPickerProps, type CalculationLabels, CalculationPicker, type CalculationPickerProps, type CalculationProperty, type CalculationResult, type CalculationSelection, CalculationSummary, type CalculationSummaryProps, type ColorVariants, ColumnCalculation, ConditionBuilder, type ConditionBuilderLabels, type ConditionCapabilities, type ConditionOperator, type CreateWorkspaceKanbanSchemaParams, FIELD_CONTENT_TYPES, type FieldContent, type FieldOption, type FieldOptionChoice, FieldValue, type FieldValueType, type FormatCalculationParams, type FormatMoneyCentsParams, type FormattedCalculation, type FormulaCellRenderCtx, type GenericProperty, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, type KanbanBoardPresentation, type KanbanEmptyGroupVisibility, type KanbanPresentedBand, type KanbanPresentedLane, type KanbanSavedAxisState, type KanbanSavedGroupAxisState, type KanbanSavedGroupReference, type KanbanSavedSubgroupState, type KanbanSavedViewState, type KanbanSavedViewStateV1, MoneyFieldValue, type OptionColor, PersonFieldValue, PropertyIcon, type PropertyIconType, type ResolveWorkspaceKanbanViewParams, type ResolvedWorkspaceKanbanView, SortChips, type SortChipsLabels, type SortChipsProps, type SortDescriptor, type SortableProperty, TableSkeletonRows, type UseCalculationParams, type ValueEditorKind, type ValueEditorRenderCtx, type WorkspaceCalculationLabels, type WorkspaceFieldContent, WorkspaceFrame, type WorkspaceFrameEndRail, type WorkspaceFrameInspector, type WorkspaceFrameNavigation, type WorkspaceFrameNavigationItem, type WorkspaceFrameProps, type WorkspaceFrameTopBar, type WorkspaceKanbanBuiltInGroupLabel, type WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPicker, type WorkspaceKanbanGroupingPickerLabels, type WorkspaceKanbanGroupingPickerProps, type WorkspaceKanbanProperty, type WorkspaceViewDirection, type WorkspaceViewDropPosition, WorkspaceViewSwitcher, type WorkspaceViewSwitcherEditing, type WorkspaceViewSwitcherItem, type WorkspaceViewSwitcherProps, type WorkspaceViewSwitcherReorder, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };

package/dist/index.js

@@ -10,9 +10,9 @@ import { PropertyIcon } from "./property-icon.js";
 import { SortChips, sortDirectionHint } from "./sorts.js";
 import { TableSkeletonRows } from "./table-skeleton-rows.js";
 import { FIELD_CONTENT_TYPES } from "./types.js";
-import { KANBAN_EMPTY_GROUP_VISIBILITIES, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, presentKanbanBoard, resolveWorkspaceKanbanView } from "./kanban-view.js";
+import { KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, normalizeKanbanSavedViewState, presentKanbanBoard, resolveWorkspaceKanbanView } from "./kanban-view.js";
 import { WorkspaceKanbanGroupingPicker } from "./kanban-grouping-picker.js";
 import { reorderWorkspaceViewIds, toWorkspaceViewDropPosition } from "./view-switcher.logic.js";
 import { WorkspaceViewSwitcher } from "./view-switcher.js";
 import { WorkspaceFrame } from "./workspace-frame.js";
-export { CONDITION_OPERATORS, CalculationKindPicker, CalculationPicker, CalculationSummary, ColumnCalculation, ConditionBuilder, FIELD_CONTENT_TYPES, FieldValue, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, MoneyFieldValue, PersonFieldValue, PropertyIcon, SortChips, TableSkeletonRows, WorkspaceFrame, WorkspaceKanbanGroupingPicker, WorkspaceViewSwitcher, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };
+export { CONDITION_OPERATORS, CalculationKindPicker, CalculationPicker, CalculationSummary, ColumnCalculation, ConditionBuilder, FIELD_CONTENT_TYPES, FieldValue, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, MoneyFieldValue, PersonFieldValue, PropertyIcon, SortChips, TableSkeletonRows, WorkspaceFrame, WorkspaceKanbanGroupingPicker, WorkspaceViewSwitcher, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };

package/dist/kanban-view.d.ts

@@ -1,5 +1,5 @@
 import { GenericProperty } from "./types.js";
-import { KanbanBoardCell, KanbanBoardColumn, KanbanBoardLane, KanbanBoardMatrix, KanbanBuiltInGroup, KanbanGrouping, KanbanSchema } from "@stll/ui/kanban";
+import { KanbanBoardCell, KanbanBoardColumn, KanbanBoardLane, KanbanBoardMatrix, KanbanBuiltInGroup, KanbanColumnBandSpan, KanbanGrouping, KanbanSchema } from "@stll/ui/kanban";
 //#region src/kanban-view.d.ts
 declare const KANBAN_EMPTY_GROUP_VISIBILITIES: {
   readonly hide: "hide";
@@ -19,18 +19,40 @@ type KanbanSavedAxisState<TGroupId extends string = string> = {
   hiddenGroups: readonly KanbanSavedGroupReference[];
   orderedGroups: readonly KanbanSavedGroupReference[];
 };
+/**
+ * The column axis also remembers which column bands are folded. Bands are
+ * addressed by id, not by option reference: a band is metadata over several
+ * options, not an option itself.
+ */
+type KanbanSavedGroupAxisState<TGroupId extends string = string> = KanbanSavedAxisState<TGroupId> & {
+  collapsedBands: readonly string[];
+};
 type KanbanSavedSubgroupState<TGroupId extends string = string> = KanbanSavedAxisState<TGroupId> & {
   collapsedGroups: readonly KanbanSavedGroupReference[];
 };
+/** The shape persisted before column bands existed. */
+type KanbanSavedViewStateV1<TGroupId extends string = string> = {
+  group: KanbanSavedAxisState<TGroupId>;
+  subgroup: KanbanSavedSubgroupState<TGroupId> | null;
+  version: 1;
+};
 /**
  * View state is deliberately separate from the board's domain data. It may
  * change visibility, order, and collapse, but cannot change a card's cell.
  */
 type KanbanSavedViewState<TGroupId extends string = string> = {
-  group: KanbanSavedAxisState<TGroupId>;
+  group: KanbanSavedGroupAxisState<TGroupId>;
   subgroup: KanbanSavedSubgroupState<TGroupId> | null;
-  version: 1;
+  version: 2;
 };
+declare const KANBAN_SAVED_VIEW_STATE_VERSION = 2;
+/**
+ * Lift a persisted view state to the current shape. Version 1 predates column
+ * bands, so it lifts with no band folded; the current shape passes through.
+ * Every reader of persisted state goes through here, so a version bump is
+ * one branch in this function rather than a check at each consumer.
+ */
+declare const normalizeKanbanSavedViewState: <TGroupId extends string = string>(state: KanbanSavedViewStateV1<TGroupId> | KanbanSavedViewState<TGroupId>) => KanbanSavedViewState<TGroupId>;
 type WorkspaceKanbanProperty<TGroupId extends string = string> = GenericProperty & {
   id: TGroupId;
   name: string;
@@ -88,7 +110,13 @@ type KanbanPresentedLane<TRow> = {
   collapsed: boolean;
   lane: KanbanBoardLane;
 };
+/** A run of presented columns under one band header, folded or open. */
+type KanbanPresentedBand = KanbanColumnBandSpan & {
+  collapsed: boolean;
+};
 type KanbanBoardPresentation<TRow> = {
+  /** The presented columns, span by span, with the view's fold applied. */
+  bands: KanbanPresentedBand[];
   columns: KanbanBoardColumn[];
   lanes: KanbanPresentedLane<TRow>[];
   matrix: KanbanBoardMatrix<TRow>;
@@ -103,4 +131,4 @@ declare const presentKanbanBoard: <TRow>({ matrix, state }: {
   state: KanbanSavedViewState;
 }) => KanbanBoardPresentation<TRow>;
 //#endregion
-export { CreateWorkspaceKanbanSchemaParams, KANBAN_EMPTY_GROUP_VISIBILITIES, KanbanBoardPresentation, KanbanEmptyGroupVisibility, KanbanPresentedLane, KanbanSavedAxisState, KanbanSavedGroupReference, KanbanSavedSubgroupState, KanbanSavedViewState, ResolveWorkspaceKanbanViewParams, ResolvedWorkspaceKanbanView, WorkspaceKanbanBuiltInGroupLabel, WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPickerLabels, WorkspaceKanbanGroupingPickerProps, WorkspaceKanbanProperty, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, presentKanbanBoard, resolveWorkspaceKanbanView };
+export { CreateWorkspaceKanbanSchemaParams, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, KanbanBoardPresentation, KanbanEmptyGroupVisibility, KanbanPresentedBand, KanbanPresentedLane, KanbanSavedAxisState, KanbanSavedGroupAxisState, KanbanSavedGroupReference, KanbanSavedSubgroupState, KanbanSavedViewState, KanbanSavedViewStateV1, ResolveWorkspaceKanbanViewParams, ResolvedWorkspaceKanbanView, WorkspaceKanbanBuiltInGroupLabel, WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPickerLabels, WorkspaceKanbanGroupingPickerProps, WorkspaceKanbanProperty, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, normalizeKanbanSavedViewState, presentKanbanBoard, resolveWorkspaceKanbanView };

package/dist/kanban-view.js

@@ -1,10 +1,34 @@
 import { panic } from "better-result";
-import { orderKanbanCellsByColumns, resolveKanbanGrouping } from "@stll/ui/kanban";
+import { orderKanbanCellsByColumns, resolveKanbanColumnBands, resolveKanbanGrouping } from "@stll/ui/kanban";
 //#region src/kanban-view.ts
 const KANBAN_EMPTY_GROUP_VISIBILITIES = {
 	hide: "hide",
 	show: "show"
 };
+const KANBAN_SAVED_VIEW_STATE_VERSION = 2;
+/**
+* Lift a persisted view state to the current shape. Version 1 predates column
+* bands, so it lifts with no band folded; the current shape passes through.
+* Every reader of persisted state goes through here, so a version bump is
+* one branch in this function rather than a check at each consumer.
+*/
+const normalizeKanbanSavedViewState = (state) => {
+	switch (state.version) {
+		case 1: return {
+			group: {
+				collapsedBands: [],
+				emptyGroups: state.group.emptyGroups,
+				groupBy: state.group.groupBy,
+				hiddenGroups: state.group.hiddenGroups,
+				orderedGroups: state.group.orderedGroups
+			},
+			subgroup: state.subgroup,
+			version: 2
+		};
+		case 2: return state;
+		default: return state;
+	}
+};
 /**
 * Turns the authoritative workspace property model into board declarations.
 * Select options remain the sole source of property-derived columns and lanes.
@@ -17,7 +41,8 @@ const createWorkspaceKanbanSchema = ({ builtInGroups, properties }) => ({
 		return property.content.options.map((option) => ({
 			optionColor: option.color,
 			value: option.value,
-			label: option.value
+			label: option.value,
+			...option.band === void 0 ? {} : { band: option.band }
 		}));
 	},
 	properties
@@ -84,29 +109,35 @@ const presentKanbanBoard = ({ matrix, state }) => {
 		type: "group"
 	})).filter((column) => !refersToGroup(state.group.hiddenGroups, column.group) && (state.group.emptyGroups === "show" || !isGroupEmpty(column, matrix))), ...matrix.columns.filter((column) => column.type === "destination")];
 	const subgroupState = state.subgroup;
+	const lanes = (subgroupState === null || matrix.lanes.some((lane) => lane.type === "none") ? matrix.lanes : orderGroups(matrix.lanes.filter((lane) => lane.type === "group").map((lane) => lane.group), subgroupState.orderedGroups).map((group) => ({
+		group,
+		type: "group"
+	}))).filter((lane) => {
+		if (lane.type === "none" || subgroupState === null) return true;
+		return !refersToGroup(subgroupState.hiddenGroups, lane.group) && (subgroupState.emptyGroups === "show" || !isLaneEmpty(lane, matrix));
+	}).map((lane) => {
+		const collapsed = lane.type === "group" && subgroupState !== null && refersToGroup(subgroupState.collapsedGroups, lane.group);
+		const cells = orderKanbanCellsByColumns({
+			cells: matrix.cells.filter((cell) => lane.type === "none" ? cell.coordinate.lane.type === "none" : cell.coordinate.lane.type === "group" && cell.coordinate.lane.group.value === lane.group.value),
+			columns
+		});
+		if (cells.length !== columns.length) return panic("Kanban presentation lane is missing a declared cell");
+		return {
+			cells,
+			collapsed,
+			lane
+		};
+	});
 	return {
+		bands: resolveKanbanColumnBands(columns).map(({ band, columns: bandColumns }) => ({
+			band,
+			collapsed: band !== null && state.group.collapsedBands.includes(band.id),
+			columns: bandColumns
+		})),
 		columns,
-		lanes: (subgroupState === null || matrix.lanes.some((lane) => lane.type === "none") ? matrix.lanes : orderGroups(matrix.lanes.filter((lane) => lane.type === "group").map((lane) => lane.group), subgroupState.orderedGroups).map((group) => ({
-			group,
-			type: "group"
-		}))).filter((lane) => {
-			if (lane.type === "none" || subgroupState === null) return true;
-			return !refersToGroup(subgroupState.hiddenGroups, lane.group) && (subgroupState.emptyGroups === "show" || !isLaneEmpty(lane, matrix));
-		}).map((lane) => {
-			const collapsed = lane.type === "group" && subgroupState !== null && refersToGroup(subgroupState.collapsedGroups, lane.group);
-			const cells = orderKanbanCellsByColumns({
-				cells: matrix.cells.filter((cell) => lane.type === "none" ? cell.coordinate.lane.type === "none" : cell.coordinate.lane.type === "group" && cell.coordinate.lane.group.value === lane.group.value),
-				columns
-			});
-			if (cells.length !== columns.length) return panic("Kanban presentation lane is missing a declared cell");
-			return {
-				cells,
-				collapsed,
-				lane
-			};
-		}),
+		lanes,
 		matrix
 	};
 };
 //#endregion
-export { KANBAN_EMPTY_GROUP_VISIBILITIES, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, presentKanbanBoard, resolveWorkspaceKanbanView };
+export { KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, normalizeKanbanSavedViewState, presentKanbanBoard, resolveWorkspaceKanbanView };

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import { OptionColor, OptionColor as OptionColor$1 } from "@stll/ui/option-color";
+import { KanbanColumnBand } from "@stll/ui/kanban";
 //#region src/types.d.ts
 type FieldContent = {
   type: "error";
@@ -82,6 +83,8 @@ type GenericProperty = {
     options: {
       value: string;
       color: OptionColor$1;
+      /** The column band this option's column joins, when the board bands. */
+      band?: KanbanColumnBand | undefined;
     }[];
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/workspace-ui",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "Reusable workspace presentation components and view helpers for Stella.",
   "keywords": [
     "calculations",
@@ -119,7 +119,7 @@
     "@stll/calculations": "^0.1.0",
     "@stll/conditions": "^0.2.0",
     "@stll/money": "^0.1.0",
-    "@stll/ui": "^0.16.1",
+    "@stll/ui": "^0.17.0",
     "better-result": "3.0.0",
     "lucide-react": "1.30.0",
     "use-intl": "4.13.5"