@rio-cloud/uikit-mcp 1.1.7 → 1.1.9

package/dist/docs/utilities/routeUtils.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#/utilities/routeUtils
-*Captured:* 2026-02-23T15:49:42.771Z
+*Captured:* 2026-03-06T10:41:32.343Z
 
 Utility helpers for parsing and serializing URL state. These are low-level building blocks for service-specific mapping.
 
@@ -23,127 +23,12 @@ Example for manual parse/stringify helpers in a service file.
 
 ### Example: Example 1
 
-import { deserializeValue, serializeValue } from '@rio-cloud/rio-uikit/routeUtils';
+import { deserializeValue , serializeValue } from '@rio-cloud/rio-uikit/routeUtils' ; // Adapt to your configuration const BASE_PATH = 'my-service' ; const VIEW_OPTIONS = [ 'list' , 'grid' ] as const ;
 
-// Adapt to your configuration
-const BASE_PATH = 'my-service';
-const VIEW_OPTIONS = ['list', 'grid'] as const;
+type ViewType = ( typeof VIEW_OPTIONS ) [ number ] ; const DEFAULT_VIEW : ViewType = 'list' ; const DEFAULT_TAB_ID = 1 ;
 
-type ViewType = (typeof VIEW_OPTIONS)[number];
-const DEFAULT_VIEW: ViewType = 'list';
-const DEFAULT_TAB_ID = 1;
-
-type RouterLike = { location?: Location };
-type RouteState = {
-query: string;
-view: ViewType;
-tabId: number;
-tags: string[];
-showArchived: boolean;
-};
-
-const isViewType = (value: string): value is ViewType => (VIEW_OPTIONS as readonly string[]).includes(value);
-
-/**
-* Reads URL state from a router-like object.
-* Useful when you want a lightweight parser without a hook.
-*
-* Note: Optional service helper when you only need a one-off parse.
-* For reactive state sync, use the `useUrlState` hook instead.
-*
-* @example
-* const state = parseRoute({ location: window.location });
-*/
-export const parseRoute = (router: RouterLike): RouteState => {
-const location = (router?.location ?? {}) as Location;
-const params = new URLSearchParams(location.search || '');
-
-const parsedView = deserializeValue(params.get('view'), 'string');
-const parsedTabId = deserializeValue(params.get('tabId'), 'number');
-const parsedTags = deserializeValue(params.get('tags'), 'array');
-const parsedArchived = deserializeValue(params.get('archived'), 'boolean');
-
-return {
-query: deserializeValue(params.get('q'), 'string') ?? '',
-view: parsedView && isViewType(parsedView) ? parsedView : DEFAULT_VIEW,
-tabId: parsedTabId ?? DEFAULT_TAB_ID,
-tags: parsedTags ?? [],
-showArchived: parsedArchived ?? false,
-};
-};
-
-/**
-* Builds a deep-link URL for a given state.
-* Useful for linking to a screen with preselected filters.
-*
-* Note: Optional service helper when you only need to build a link.
-* For reactive state sync, use the `useUrlState` hook instead.
-*
-* @example
-* const url = makeRoute({ query: 'rio', view: 'list', tabId: 2, tags: ['banana'], showArchived: false });
-*/
-export const makeRoute = (state: RouteState) => {
-const params = new URLSearchParams();
-
-const query = serializeValue(state.query, 'string');
-if (query) {
-params.set('q', query);
-}
-
-if (state.view !== DEFAULT_VIEW) {
-const view = serializeValue(state.view, 'string');
-if (view) {
-params.set('view', view);
-}
-}
-
-if (state.tabId !== DEFAULT_TAB_ID) {
-const tabId = serializeValue(state.tabId, 'number');
-if (tabId) {
-params.set('tabId', tabId);
-}
-}
-
-const tags = serializeValue(state.tags, 'array');
-if (tags) {
-params.set('tags', tags);
-}
-
-if (state.showArchived) {
-const archived = serializeValue(state.showArchived, 'boolean');
-if (archived) {
-params.set('archived', archived);
-}
-}
-
-const queryString = params.toString();
-return `${BASE_PATH}/${queryString ? `?${queryString}` : ''}`;
-};
-
-#### Summary
-
-import { deserializeValue, serializeValue } from '@rio-cloud/rio-uikit/routeUtils';
-
-// Adapt to your configuration
-const BASE_PATH = 'my-service';
-const VIEW_OPTIONS = ['list', 'grid'] as const;
-
-type ViewType = (typeof VIEW_OPTIONS)[number];
-const DEFAULT_VIEW: ViewType = 'list';
-const DEFAULT_TAB_ID = 1;
-
-type RouterLike = { location?: Location };
-type RouteState = {
-query: string;
-view: ViewType;
-tabId: number;
-tags: string[];
-showArchived: boolean;
-};
-
-const isViewType = (value: string): value is ViewType => (VIEW_OPTIONS as readonly string[]).includes(value);
-
-/**
+type RouterLike = { location ? : Location } ;
+type RouteState = { query : string ; view : ViewType ; tabId : number ; tags : string [ ] ; showArchived : boolean ; } ; const isViewType = ( value : string ) : value is ViewType => ( VIEW_OPTIONS as readonly string [ ] ) . includes ( value ) ; /**
 * Reads URL state from a router-like object.
 * Useful when you want a lightweight parser without a hook.
 *
@@ -152,26 +37,7 @@ const isViewType = (value: string): value is ViewType => (VIEW_OPTIONS as readon
 *
 * @example
 * const state = parseRoute({ location: window.location });
-*/
-export const parseRoute = (router: RouterLike): RouteState => {
-const location = (router?.location ?? {}) as Location;
-const params = new URLSearchParams(location.search || '');
-
-const parsedView = deserializeValue(params.get('view'), 'string');
-const parsedTabId = deserializeValue(params.get('tabId'), 'number');
-const parsedTags = deserializeValue(params.get('tags'), 'array');
-const parsedArchived = deserializeValue(params.get('archived'), 'boolean');
-
-return {
-query: deserializeValue(params.get('q'), 'string') ?? '',
-view: parsedView && isViewType(parsedView) ? parsedView : DEFAULT_VIEW,
-tabId: parsedTabId ?? DEFAULT_TAB_ID,
-tags: parsedTags ?? [],
-showArchived: parsedArchived ?? false,
-};
-};
-
-/**
+*/ export const parseRoute = ( router : RouterLike ) : RouteState => { const location = ( router ?. location ?? { } ) as Location ; const params = new URLSearchParams ( location . search || '' ) ; const parsedView = deserializeValue ( params . get ( 'view' ) , 'string' ) ; const parsedTabId = deserializeValue ( params . get ( 'tabId' ) , 'number' ) ; const parsedTags = deserializeValue ( params . get ( 'tags' ) , 'array' ) ; const parsedArchived = deserializeValue ( params . get ( 'archived' ) , 'boolean' ) ; return { query : deserializeValue ( params . get ( 'q' ) , 'string' ) ?? '' , view : parsedView && isViewType ( parsedView ) ? parsedView : DEFAULT_VIEW , tabId : parsedTabId ?? DEFAULT_TAB_ID , tags : parsedTags ?? [ ] , showArchived : parsedArchived ?? false , } ; } ; /**
 * Builds a deep-link URL for a given state.
 * Useful for linking to a screen with preselected filters.
 *
@@ -180,44 +46,12 @@ showArchived: parsedArchived ?? false,
 *
 * @example
 * const url = makeRoute({ query: 'rio', view: 'list', tabId: 2, tags: ['banana'], showArchived: false });
-*/
-export const makeRoute = (state: RouteState) => {
-const params = new URLSearchParams();
-
-const query = serializeValue(state.query, 'string');
-if (query) {
-params.set('q', query);
-}
-
-if (state.view !== DEFAULT_VIEW) {
-const view = serializeValue(state.view, 'string');
-if (view) {
-params.set('view', view);
-}
-}
-
-if (state.tabId !== DEFAULT_TAB_ID) {
-const tabId = serializeValue(state.tabId, 'number');
-if (tabId) {
-params.set('tabId', tabId);
-}
-}
-
-const tags = serializeValue(state.tags, 'array');
-if (tags) {
-params.set('tags', tags);
-}
-
-if (state.showArchived) {
-const archived = serializeValue(state.showArchived, 'boolean');
-if (archived) {
-params.set('archived', archived);
-}
-}
-
-const queryString = params.toString();
-return `${BASE_PATH}/${queryString ? `?${queryString}` : ''}`;
-};
+*/ export const makeRoute = ( state : RouteState ) => { const params = new URLSearchParams ( ) ; const query = serializeValue ( state . query , 'string' ) ; if ( query ) {
+params . set ( 'q' , query ) ; } if ( state . view !== DEFAULT_VIEW ) { const view = serializeValue ( state . view , 'string' ) ; if ( view ) {
+params . set ( 'view' , view ) ; } } if ( state . tabId !== DEFAULT_TAB_ID ) { const tabId = serializeValue ( state . tabId , 'number' ) ; if ( tabId ) {
+params . set ( 'tabId' , tabId ) ; } } const tags = serializeValue ( state . tags , 'array' ) ; if ( tags ) {
+params . set ( 'tags' , tags ) ; } if ( state . showArchived ) { const archived = serializeValue ( state . showArchived , 'boolean' ) ; if ( archived ) {
+params . set ( 'archived' , archived ) ; } } const queryString = params . toString ( ) ; return ` ${ BASE_PATH } / ${ queryString ? ` ? ${ queryString } ` : '' } ` ; } ;
 
 ## TableSettingsDialog state
 
@@ -228,124 +62,13 @@ Example: http://my-url/#demoService/table?sort=userNickName&columns=itemId,userI
 ### Example: Example 2
 
 import {
-deserializeValue,
-mapColumnsSettingsToStrings,
-parseColumnsSettingsStrings,
-parseSorting,
-serializeSorting,
-serializeValue,
-} from '@rio-cloud/rio-uikit/routeUtils';
-import type { SortDirectionType } from '@rio-cloud/rio-uikit/SortUtils';
-import type { TableColumnsSettings } from '@rio-cloud/rio-uikit/TableSettingsDialog';
-
-// TableSettingsDialog state example.
-// Adapt to your configuration
-const BASE_PATH = 'my-service';
-const defaultColumnsDetails: Record<string, { width: number; defaultWidth?: number }> = {
-name: {
-width: 250,
-defaultWidth: 250,
-},
-};
-
-// Sample code for parsing the route just for illustration how to use the utils functions
-// Feel free to modify this to your needs.
-// Note: the "parseRoute" and "makeRoute" functions may contain more props which are left out in this demo
-type RouterLike = { location?: Location };
-
-/**
-* Reads table settings state from a router-like object.
-*
-* Note: Optional service helper when you only need a one-off parse.
-* For reactive state sync, use the `useUrlState` hook instead.
-*
-* @example
-* const state = parseRoute({ location: window.location });
-*/
-export const parseRoute = (router: RouterLike) => {
-const location = (router?.location ?? {}) as Location;
-const params = new URLSearchParams(location.search || '');
-
-const sortValue = deserializeValue(params.get('sort'), 'string');
-const sorting = sortValue ? parseSorting(sortValue) : undefined;
-
-const columnsList = deserializeValue(params.get('columns'), 'array');
-const columns = columnsList ? parseColumnsSettingsStrings(columnsList, defaultColumnsDetails) : undefined;
-
-return {
-sortBy: sorting?.sortBy,
-sortDir: sorting?.sortDir,
-columns,
-};
-};
-
-type mapRouteProps = {
-sortBy: string;
-sortDir: SortDirectionType;
-columns: TableColumnsSettings;
-};
-
-/**
-* Builds a deep-link URL for a given table settings state.
-*
-* Note: Optional service helper when you only need to build a link.
-* For reactive state sync, use the `useUrlState` hook instead.
-*
-* @example
-* const url = makeRoute({ sortBy: 'name', sortDir: 'ASCENDING', columns });
-*/
-export const makeRoute = ({ sortBy, sortDir, columns }: mapRouteProps) => {
-const params = new URLSearchParams();
-
-if (sortBy) {
-// Use serializeSorting for compact empty / - prefix behavior.
-const serializedSort = serializeSorting({ sortBy, sortDir });
-if (serializedSort) {
-params.set('sort', serializedSort);
-}
-}
-
-const mappedColumns = mapColumnsSettingsToStrings(columns);
-const serializedColumns = serializeValue(mappedColumns, 'array');
-if (serializedColumns) {
-params.set('columns', serializedColumns);
-}
-
-const queryString = params.toString();
-const searchFragment = queryString ? `?${queryString}` : '';
-
-return `${BASE_PATH}/${searchFragment}`;
-};
-
-#### Summary
-
-import {
-deserializeValue,
-mapColumnsSettingsToStrings,
-parseColumnsSettingsStrings,
-parseSorting,
-serializeSorting,
-serializeValue,
-} from '@rio-cloud/rio-uikit/routeUtils';
-import type { SortDirectionType } from '@rio-cloud/rio-uikit/SortUtils';
-import type { TableColumnsSettings } from '@rio-cloud/rio-uikit/TableSettingsDialog';
-
-// TableSettingsDialog state example.
-// Adapt to your configuration
-const BASE_PATH = 'my-service';
-const defaultColumnsDetails: Record<string, { width: number; defaultWidth?: number }> = {
-name: {
-width: 250,
-defaultWidth: 250,
-},
-};
-
-// Sample code for parsing the route just for illustration how to use the utils functions
-// Feel free to modify this to your needs.
-// Note: the "parseRoute" and "makeRoute" functions may contain more props which are left out in this demo
-type RouterLike = { location?: Location };
-
-/**
+deserializeValue ,
+mapColumnsSettingsToStrings ,
+parseColumnsSettingsStrings ,
+parseSorting ,
+serializeSorting ,
+serializeValue , } from '@rio-cloud/rio-uikit/routeUtils' ; import type { SortDirectionType } from '@rio-cloud/rio-uikit/SortUtils' ; import type { TableColumnsSettings } from '@rio-cloud/rio-uikit/TableSettingsDialog' ; // TableSettingsDialog state example. // Adapt to your configuration const BASE_PATH = 'my-service' ; const defaultColumnsDetails : Record < string , { width : number ; defaultWidth ? : number } > = { name : { width : 250 , defaultWidth : 250 , } , } ; // Sample code for parsing the route just for illustration how to use the utils functions // Feel free to modify this to your needs. // Note: the "parseRoute" and "makeRoute" functions may contain more props which are left out in this demo
+type RouterLike = { location ? : Location } ; /**
 * Reads table settings state from a router-like object.
 *
 * Note: Optional service helper when you only need a one-off parse.
@@ -353,31 +76,10 @@ type RouterLike = { location?: Location };
 *
 * @example
 * const state = parseRoute({ location: window.location });
-*/
-export const parseRoute = (router: RouterLike) => {
-const location = (router?.location ?? {}) as Location;
-const params = new URLSearchParams(location.search || '');
-
-const sortValue = deserializeValue(params.get('sort'), 'string');
-const sorting = sortValue ? parseSorting(sortValue) : undefined;
-
-const columnsList = deserializeValue(params.get('columns'), 'array');
-const columns = columnsList ? parseColumnsSettingsStrings(columnsList, defaultColumnsDetails) : undefined;
-
-return {
-sortBy: sorting?.sortBy,
-sortDir: sorting?.sortDir,
-columns,
-};
-};
+*/ export const parseRoute = ( router : RouterLike ) => { const location = ( router ?. location ?? { } ) as Location ; const params = new URLSearchParams ( location . search || '' ) ; const sortValue = deserializeValue ( params . get ( 'sort' ) , 'string' ) ; const sorting = sortValue ? parseSorting ( sortValue ) : undefined ; const columnsList = deserializeValue ( params . get ( 'columns' ) , 'array' ) ; const columns = columnsList ? parseColumnsSettingsStrings ( columnsList , defaultColumnsDetails ) : undefined ; return { sortBy : sorting ?. sortBy , sortDir : sorting ?. sortDir ,
+columns , } ; } ;
 
-type mapRouteProps = {
-sortBy: string;
-sortDir: SortDirectionType;
-columns: TableColumnsSettings;
-};
-
-/**
+type mapRouteProps = { sortBy : string ; sortDir : SortDirectionType ; columns : TableColumnsSettings ; } ; /**
 * Builds a deep-link URL for a given table settings state.
 *
 * Note: Optional service helper when you only need to build a link.
@@ -385,26 +87,6 @@ columns: TableColumnsSettings;
 *
 * @example
 * const url = makeRoute({ sortBy: 'name', sortDir: 'ASCENDING', columns });
-*/
-export const makeRoute = ({ sortBy, sortDir, columns }: mapRouteProps) => {
-const params = new URLSearchParams();
-
-if (sortBy) {
-// Use serializeSorting for compact empty / - prefix behavior.
-const serializedSort = serializeSorting({ sortBy, sortDir });
-if (serializedSort) {
-params.set('sort', serializedSort);
-}
-}
-
-const mappedColumns = mapColumnsSettingsToStrings(columns);
-const serializedColumns = serializeValue(mappedColumns, 'array');
-if (serializedColumns) {
-params.set('columns', serializedColumns);
-}
-
-const queryString = params.toString();
-const searchFragment = queryString ? `?${queryString}` : '';
-
-return `${BASE_PATH}/${searchFragment}`;
-};
+*/ export const makeRoute = ( { sortBy , sortDir , columns } : mapRouteProps ) => { const params = new URLSearchParams ( ) ; if ( sortBy ) { // Use serializeSorting for compact empty / - prefix behavior. const serializedSort = serializeSorting ( { sortBy , sortDir } ) ; if ( serializedSort ) {
+params . set ( 'sort' , serializedSort ) ; } } const mappedColumns = mapColumnsSettingsToStrings ( columns ) ; const serializedColumns = serializeValue ( mappedColumns , 'array' ) ; if ( serializedColumns ) {
+params . set ( 'columns' , serializedColumns ) ; } const queryString = params . toString ( ) ; const searchFragment = queryString ? ` ? ${ queryString } ` : '' ; return ` ${ BASE_PATH } / ${ searchFragment } ` ; } ;

package/dist/docs/utilities/useAfterMount.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Lifecycle & execution hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useAfterMount
-*Captured:* 2026-02-23T15:49:44.373Z
+*Captured:* 2026-03-06T10:41:34.448Z
 
 The useAfterMount hook allows to use a side effect after the component has been mounted and rendered. The effect will not be triggered on mount and only when the dependencies change.
 
@@ -14,11 +14,6 @@ The useAfterMount hook allows to use a side effect after the component has been
 Count: 0
 Increment
 
-#### Summary
-
-Count: 0
-Increment
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/utilities/useAutoAnimate.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* DOM behavior hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useAutoAnimate
-*Captured:* 2026-02-23T15:49:46.731Z
+*Captured:* 2026-03-06T10:41:37.681Z
 
 The useAutoAnimate hook is a thin re-export of the @formkit/auto-animate utility to quickly add enter/leave animations to a container. This page shows a simple example; for full configuration options, check the official documentation.
 
@@ -11,20 +11,7 @@ The useAutoAnimate hook is a thin re-export of the @formkit/auto-animate utility
 
 ### Example: Ready for pickup
 
-Add shipmentChange layoutDisable animation
-
-Shipment #1001
-Ready for pickup
-
-Shipment #1002
-In transit
-
-Shipment #1003
-Delivered
-
-#### Summary
-
-Add shipmentChange layoutDisable animation
+Add shipment Change layout Disable animation
 
 Shipment #1001
 Ready for pickup

package/dist/docs/utilities/useAverage.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Data aggregation hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useAverage
-*Captured:* 2026-02-23T15:49:59.823Z
+*Captured:* 2026-03-06T10:41:55.332Z
 
 Calculates the arithmetic mean of numeric values extracted from a list of objects using a dot-separated path. Supports localized number formats through optional locale configuration.
 
@@ -14,11 +14,6 @@ Calculates the arithmetic mean of numeric values extracted from a list of object
 Average weight deliveries 1: 982,69 kg
 Average weight deliveries 2: 982,69 kg
 
-#### Summary
-
-Average weight deliveries 1: 982,69 kg
-Average weight deliveries 2: 982,69 kg
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/utilities/useClickOutside.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* DOM behavior hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useClickOutside
-*Captured:* 2026-02-23T15:49:47.671Z
+*Captured:* 2026-03-06T10:41:38.063Z
 
 The useClickOutside hook allows to easily detect events outside a referenced element.
 
@@ -13,10 +13,6 @@ The useClickOutside hook allows to easily detect events outside a referenced ele
 
 Click outside the box
 
-#### Summary
-
-Click outside the box
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/utilities/useClipboard.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Browser & device hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useClipboard
-*Captured:* 2026-02-23T15:49:52.502Z
+*Captured:* 2026-03-06T10:41:45.450Z
 
 The useClipboard hook allows to easily copy something to the browsers clipboard.
 
@@ -13,10 +13,6 @@ The useClipboard hook allows to easily copy something to the browsers clipboard.
 
 Random UUID
 
-#### Summary
-
-Random UUID
-
 #### React (tsx)
 
 ```tsx
@@ -75,7 +71,7 @@ export default () => {
         <span>Random UUID</span>
     </label>
     <div class="input-group">
-        <input id="random-uuid" class="form-control" type="text" value="16c05a0b-9a9a-47ef-b8a1-916406e4ee7a">
+        <input id="random-uuid" class="form-control" type="text" value="789340f8-0a4f-4b14-a203-8cd08f761b5e">
         <div class="input-group-addon">
             <button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component position-absolute top-1 right-1" tabindex="0">
                 <span class="rioglyph rioglyph-duplicate">

package/dist/docs/utilities/useCookies.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Browser & device hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useCookies
-*Captured:* 2026-02-23T15:49:53.769Z
+*Captured:* 2026-03-06T10:41:47.226Z
 
 The useCookies hook allows you to set cookies, delete cookies and check whether a cookie exists in the browser.
 
@@ -15,15 +15,7 @@ Cookie Name
 
 Cookie Value
 
-Set CookieCheck CookieDelete Cookie
-
-#### Summary
-
-Cookie Name
-
-Cookie Value
-
-Set CookieCheck CookieDelete Cookie
+Set Cookie Check Cookie Delete Cookie
 
 #### React (tsx)
 

package/dist/docs/utilities/useCount.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Data aggregation hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useCount
-*Captured:* 2026-02-23T15:50:00.891Z
+*Captured:* 2026-03-06T10:41:55.383Z
 
 useCount is a utility hook for counting how many objects in a list contain a specific value or match a custom condition at a given property path. It supports exact value matching (e.g. true, 0, 'PENDING') or predicate-based logic using a match function. By default, all values that are not null or undefined are counted.
 
@@ -11,21 +11,12 @@ useCount is a utility hook for counting how many objects in a list contain a spe
 
 ### Example: Example 1
 
-Deliveries marked as delivered:3
-Deliveries marked as not delivered:2
-Deliveries with status "PENDING":2
-Deliveries with quantity 0:2
-Deliveries with a written note:2
-Deliveries with at least one item:3
-
-#### Summary
-
-Deliveries marked as delivered:3
-Deliveries marked as not delivered:2
-Deliveries with status "PENDING":2
-Deliveries with quantity 0:2
-Deliveries with a written note:2
-Deliveries with at least one item:3
+Deliveries marked as delivered: 3
+Deliveries marked as not delivered: 2
+Deliveries with status "PENDING": 2
+Deliveries with quantity 0: 2
+Deliveries with a written note: 2
+Deliveries with at least one item: 3
 
 #### React (tsx)
 

package/dist/docs/utilities/useDarkMode.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Browser & device hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useDarkMode
-*Captured:* 2026-02-23T15:49:53.956Z
+*Captured:* 2026-03-06T10:41:47.248Z
 
 The useDarkMode hook enables you to listen for the color scheme change and react accordingly.
 
@@ -11,11 +11,7 @@ The useDarkMode hook enables you to listen for the color scheme change and react
 
 ### Example: Example 1
 
-isDarkMode:false
-
-#### Summary
-
-isDarkMode:false
+isDarkMode: false
 
 #### React (tsx)
 

package/dist/docs/utilities/useDebugInfo.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* UI state & input hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useDebugInfo
-*Captured:* 2026-02-23T15:49:57.671Z
+*Captured:* 2026-03-06T10:41:51.188Z
 
 The useDebugInfo hook allows to return detailed information about render count, render time and changed component props and also to print these information to the console.
 
@@ -11,31 +11,17 @@ The useDebugInfo hook allows to return detailed information about render count,
 
 ### Example: Example 1
 
-Component props:isToggled: false
+Component props: isToggled: false
 count: 0
 
-Debug Info:{
+Debug Info: {
 "renderCount": 1,
 "changedProps": {},
 "timeSinceLastRender": 0,
-"lastRenderTimestamp": 1771861796836
+"lastRenderTimestamp": 1772793710502
 }
 
-ToggleIncrement
-
-#### Summary
-
-Component props:isToggled: false
-count: 0
-
-Debug Info:{
-"renderCount": 1,
-"changedProps": {},
-"timeSinceLastRender": 0,
-"lastRenderTimestamp": 1771861796836
-}
-
-ToggleIncrement
+Toggle Increment
 
 #### React (tsx)
 
@@ -107,7 +93,7 @@ export default () => {
  "renderCount": 1,
  "changedProps": {},
  "timeSinceLastRender": 0,
- "lastRenderTimestamp": 1771861796836
+ "lastRenderTimestamp": 1772793710502
 }</pre>
         </div>
     </div>