@consta/uikit 5.16.0 → 5.18.0

package/__internal__/src/hooks/useResizeObserved/getElementSize.d.ts

@@ -1,5 +1,5 @@
-export declare type ComponentSize = {
-    width: number;
-    height: number;
-};
-export declare const getElementSize: (el: HTMLElement | SVGGraphicsElement | null) => ComponentSize;
+export declare type ComponentSize = {
+    width: number;
+    height: number;
+};
+export declare const getElementSize: (el: HTMLElement | SVGGraphicsElement | null) => ComponentSize;

package/__internal__/src/hooks/useResizeObserved/getElementWidth.d.ts

@@ -1 +1 @@
-export declare const getElementWidth: (el: HTMLElement | SVGGraphicsElement | null) => number;
+export declare const getElementWidth: (el: HTMLElement | SVGGraphicsElement | null) => number;

package/__internal__/src/hooks/useResizeObserved/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useResizeObserved';
-export * from './getElementSize';
-export * from './getElementHeight';
-export * from './getElementWidth';
+export * from './useResizeObserved';
+export * from './getElementSize';
+export * from './getElementHeight';
+export * from './getElementWidth';

package/__internal__/src/hooks/useResizeObserved/useResizeObserved.d.ts

@@ -1,2 +1,2 @@
-import React, { RefObject } from 'react';
-export declare const useResizeObserved: <ELEMENT extends HTMLElement | SVGGraphicsElement, RETURN_TYPE>(refs: React.RefObject<ELEMENT>[], mapper: (el: ELEMENT | null) => RETURN_TYPE) => RETURN_TYPE[];
+import React, { RefObject } from 'react';
+export declare const useResizeObserved: <ELEMENT extends HTMLElement | SVGGraphicsElement, RETURN_TYPE>(refs: React.RefObject<ELEMENT>[], mapper: (el: ELEMENT | null) => RETURN_TYPE) => RETURN_TYPE[];

package/__internal__/src/hooks/useScrollElements/index.d.ts

@@ -1 +1 @@
-export * from './useScrollElements';
+export * from './useScrollElements';

package/__internal__/src/hooks/useScrollElements/useScrollElements.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare type UseScrollElementsResult = {
-    refs: React.RefObject<HTMLElement>[];
-    scrollTo: (index: number) => void;
-};
-export declare function useScrollElements<ITEM>(items: ITEM[]): UseScrollElementsResult;
-export {};
+import React from 'react';
+declare type UseScrollElementsResult = {
+    refs: React.RefObject<HTMLElement>[];
+    scrollTo: (index: number) => void;
+};
+export declare function useScrollElements<ITEM>(items: ITEM[], containerRef?: React.RefObject<HTMLElement>): UseScrollElementsResult;
+export {};

package/__internal__/src/hooks/useScrollElements/useScrollElements.js

@@ -1,2 +1,2 @@
-import{createRef,useMemo}from"react";import{useDebounce}from"../useDebounce";export function useScrollElements(a){var b=useMemo(function(){for(var b=[],c=0;c<a.length;c++)b[c]=createRef();return b},[a]),c=useDebounce(function(a){var c,d=b[Math.max(a,0)],e=null===d||void 0===d||null===(c=d.current)||void 0===c?void 0:c.parentElement;if(null!==d&&void 0!==d&&d.current&&e){var f="relative"===getComputedStyle(e).position?0:e.offsetLeft,g=d.current.offsetLeft-f;0>=a?g=0:a==b.length-1&&(g=e.scrollWidth),e.scrollTo({left:g,behavior:"smooth"})}},20);return{refs:b,scrollTo:c}}
+import{createRef,useMemo}from"react";import{useDebounce}from"../useDebounce";export function useScrollElements(a,b){var c=useMemo(function(){for(var b=[],c=0;c<a.length;c++)b[c]=createRef();return b},[a]),d=useDebounce(function(a){var d,e=c[Math.max(a,0)],f=(null===b||void 0===b?void 0:b.current)||(null===e||void 0===e||null===(d=e.current)||void 0===d?void 0:d.parentElement);if(null!==e&&void 0!==e&&e.current&&f){var g="relative"===getComputedStyle(f).position?0:f.offsetLeft,h=e.current.offsetLeft-g;0>=a?h=0:a==c.length-1&&(h=f.scrollWidth),f.scrollTo({left:h,behavior:"smooth"})}},20);return{refs:c,scrollTo:d}}
 //# sourceMappingURL=useScrollElements.js.map

package/__internal__/src/hooks/useScrollElements/useScrollElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollElements.js","names":["createRef","useMemo","useDebounce","useScrollElements","items","refs","refArray","i","length","scrollTo","index","currentRef","Math","max","container","current","parentElement","defaultPadding","getComputedStyle","position","offsetLeft","scrollLeft","scrollWidth","left","behavior"],"sources":["../../../../../src/hooks/useScrollElements/useScrollElements.tsx"],"sourcesContent":["import React, { createRef, useMemo } from 'react';\n\nimport { useDebounce } from '##/hooks/useDebounce';\n\ntype UseScrollElementsResult = {\n  refs: React.RefObject<HTMLElement>[];\n  scrollTo: (index: number) => void;\n};\n\nexport function useScrollElements<ITEM>(\n  items: ITEM[],\n): UseScrollElementsResult {\n  const refs = useMemo(() => {\n    const refArray: React.RefObject<HTMLElement>[] = [];\n\n    for (let i = 0; i < items.length; i++) {\n      refArray[i] = createRef<HTMLElement>();\n    }\n\n    return refArray;\n  }, [items]);\n\n  const scrollTo = useDebounce((index: number) => {\n    const currentRef = refs[Math.max(index, 0)];\n    const container = currentRef?.current?.parentElement;\n    if (currentRef?.current && container) {\n      const defaultPadding =\n        getComputedStyle(container).position !== 'relative'\n          ? container.offsetLeft\n          : 0;\n\n      let scrollLeft = currentRef.current.offsetLeft - defaultPadding;\n\n      if (index <= 0) {\n        scrollLeft = 0;\n      } else if (index === refs.length - 1) {\n        scrollLeft = container.scrollWidth;\n      }\n\n      container.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n    }\n  }, 20);\n\n  return {\n    refs,\n    scrollTo,\n  };\n}\n"],"mappings":"AAAA,OAAgBA,SAAhB,CAA2BC,OAA3B,KAA0C,OAA1C,CAEA,OAASC,WAAT,sBAOA,MAAO,SAASC,kBAAT,CACLC,CADK,CAEoB,IACnBC,EAAI,CAAGJ,OAAO,CAAC,UAAM,CAGzB,OAFMK,EAAwC,CAAG,EAEjD,CAASC,CAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGH,CAAK,CAACI,MAA1B,CAAkCD,CAAC,EAAnC,CACED,CAAQ,CAACC,CAAD,CAAR,CAAcP,SAAS,EAAvB,CAGF,MAAOM,EACR,CARmB,CAQjB,CAACF,CAAD,CARiB,CADK,CAWnBK,CAAQ,CAAGP,WAAW,CAAC,SAACQ,CAAD,CAAmB,OACxCC,CAAU,CAAGN,CAAI,CAACO,IAAI,CAACC,GAAL,CAASH,CAAT,CAAgB,CAAhB,CAAD,CADuB,CAExCI,CAAS,QAAGH,CAAH,WAAGA,CAAH,YAAGA,CAAU,CAAEI,OAAf,qBAAG,EAAqBC,aAFO,CAG9C,GAAI,OAAAL,CAAU,WAAVA,CAAA,EAAAA,CAAU,CAAEI,OAAZ,EAAuBD,CAA3B,CAAsC,IAC9BG,EAAc,CACuB,UAAzC,GAAAC,gBAAgB,CAACJ,CAAD,CAAhB,CAA4BK,QAA5B,CAEI,CAFJ,CACIL,CAAS,CAACM,UAHoB,CAMhCC,CAAU,CAAGV,CAAU,CAACI,OAAX,CAAmBK,UAAnB,CAAgCH,CANb,CAQvB,CAAT,EAAAP,CARgC,CASlCW,CAAU,CAAG,CATqB,CAUzBX,CAAK,EAAKL,CAAI,CAACG,MAAL,CAAc,CAVC,GAWlCa,CAAU,CAAGP,CAAS,CAACQ,WAXW,EAcpCR,CAAS,CAACL,QAAV,CAAmB,CACjBc,IAAI,CAAEF,CADW,CAEjBG,QAAQ,CAAE,QAFO,CAAnB,CAID,CACF,CAtB2B,CAsBzB,EAtByB,CAXH,CAmCzB,MAAO,CACLnB,IAAI,CAAJA,CADK,CAELI,QAAQ,CAARA,CAFK,CAIR"}
+{"version":3,"file":"useScrollElements.js","names":["createRef","useMemo","useDebounce","useScrollElements","items","containerRef","refs","refArray","i","length","scrollTo","index","currentRef","Math","max","container","current","parentElement","defaultPadding","getComputedStyle","position","offsetLeft","scrollLeft","scrollWidth","left","behavior"],"sources":["../../../../../src/hooks/useScrollElements/useScrollElements.tsx"],"sourcesContent":["import React, { createRef, useMemo } from 'react';\n\nimport { useDebounce } from '##/hooks/useDebounce';\n\ntype UseScrollElementsResult = {\n  refs: React.RefObject<HTMLElement>[];\n  scrollTo: (index: number) => void;\n};\n\nexport function useScrollElements<ITEM>(\n  items: ITEM[],\n  containerRef?: React.RefObject<HTMLElement>,\n): UseScrollElementsResult {\n  const refs = useMemo(() => {\n    const refArray: React.RefObject<HTMLElement>[] = [];\n\n    for (let i = 0; i < items.length; i++) {\n      refArray[i] = createRef<HTMLElement>();\n    }\n\n    return refArray;\n  }, [items]);\n\n  const scrollTo = useDebounce((index: number) => {\n    const currentRef = refs[Math.max(index, 0)];\n    const container =\n      containerRef?.current || currentRef?.current?.parentElement;\n\n    if (currentRef?.current && container) {\n      const defaultPadding =\n        getComputedStyle(container).position !== 'relative'\n          ? container.offsetLeft\n          : 0;\n\n      let scrollLeft = currentRef.current.offsetLeft - defaultPadding;\n\n      if (index <= 0) {\n        scrollLeft = 0;\n      } else if (index === refs.length - 1) {\n        scrollLeft = container.scrollWidth;\n      }\n\n      container.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n    }\n  }, 20);\n\n  return {\n    refs,\n    scrollTo,\n  };\n}\n"],"mappings":"AAAA,OAAgBA,SAAhB,CAA2BC,OAA3B,KAA0C,OAA1C,CAEA,OAASC,WAAT,sBAOA,MAAO,SAASC,kBAAT,CACLC,CADK,CAELC,CAFK,CAGoB,IACnBC,EAAI,CAAGL,OAAO,CAAC,UAAM,CAGzB,OAFMM,EAAwC,CAAG,EAEjD,CAASC,CAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGJ,CAAK,CAACK,MAA1B,CAAkCD,CAAC,EAAnC,CACED,CAAQ,CAACC,CAAD,CAAR,CAAcR,SAAS,EAAvB,CAGF,MAAOO,EACR,CARmB,CAQjB,CAACH,CAAD,CARiB,CADK,CAWnBM,CAAQ,CAAGR,WAAW,CAAC,SAACS,CAAD,CAAmB,OACxCC,CAAU,CAAGN,CAAI,CAACO,IAAI,CAACC,GAAL,CAASH,CAAT,CAAgB,CAAhB,CAAD,CADuB,CAExCI,CAAS,CACb,QAAAV,CAAY,WAAZA,CAAA,QAAAA,CAAY,CAAEW,OAAd,WAAyBJ,CAAzB,WAAyBA,CAAzB,YAAyBA,CAAU,CAAEI,OAArC,qBAAyB,EAAqBC,aAA9C,CAH4C,CAK9C,GAAI,OAAAL,CAAU,WAAVA,CAAA,EAAAA,CAAU,CAAEI,OAAZ,EAAuBD,CAA3B,CAAsC,IAC9BG,EAAc,CACuB,UAAzC,GAAAC,gBAAgB,CAACJ,CAAD,CAAhB,CAA4BK,QAA5B,CAEI,CAFJ,CACIL,CAAS,CAACM,UAHoB,CAMhCC,CAAU,CAAGV,CAAU,CAACI,OAAX,CAAmBK,UAAnB,CAAgCH,CANb,CAQvB,CAAT,EAAAP,CARgC,CASlCW,CAAU,CAAG,CATqB,CAUzBX,CAAK,EAAKL,CAAI,CAACG,MAAL,CAAc,CAVC,GAWlCa,CAAU,CAAGP,CAAS,CAACQ,WAXW,EAcpCR,CAAS,CAACL,QAAV,CAAmB,CACjBc,IAAI,CAAEF,CADW,CAEjBG,QAAQ,CAAE,QAFO,CAAnB,CAID,CACF,CAxB2B,CAwBzB,EAxByB,CAXH,CAqCzB,MAAO,CACLnB,IAAI,CAAJA,CADK,CAELI,QAAQ,CAARA,CAFK,CAIR"}

package/__internal__/src/hooks/useScrollPosition/index.d.ts

@@ -1 +1 @@
-export * from './useScrollPosition';
+export * from './useScrollPosition';

package/__internal__/src/hooks/useScrollPosition/useScrollPosition.d.ts

@@ -1,5 +1,5 @@
-export declare type ScrollPosition = {
-    scrollLeft: number;
-    scrollTop: number;
-};
-export declare const useScrollPosition: (el: HTMLElement | null) => ScrollPosition;
+export declare type ScrollPosition = {
+    scrollLeft: number;
+    scrollTop: number;
+};
+export declare const useScrollPosition: (el: HTMLElement | null) => ScrollPosition;

package/__internal__/src/hooks/useSelect/helpers.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-declare type State = {
-    searchValue: string;
-    resolvedSearchValue: string;
-    isOpen: boolean;
-    highlightedIndex: number;
-    scrollToHighlighted: boolean;
-};
-declare type Action = string;
-declare type Updater = (state: State) => State;
-export declare function useHoistedState(initialState: State): [State, (updater: Updater, action: Action) => void];
-declare type ScrollToIndexFunctionType = (optionIndex: number, dropdownRef: React.MutableRefObject<HTMLDivElement | null>) => void;
-export declare const scrollToIndex: ScrollToIndexFunctionType;
-export {};
+import React from 'react';
+declare type State = {
+    searchValue: string;
+    resolvedSearchValue: string;
+    isOpen: boolean;
+    highlightedIndex: number;
+    scrollToHighlighted: boolean;
+};
+declare type Action = string;
+declare type Updater = (state: State) => State;
+export declare function useHoistedState(initialState: State): [State, (updater: Updater, action: Action) => void];
+declare type ScrollToIndexFunctionType = (optionIndex: number, dropdownRef: React.MutableRefObject<HTMLDivElement | null>) => void;
+export declare const scrollToIndex: ScrollToIndexFunctionType;
+export {};

package/__internal__/src/hooks/useSelect/index.d.ts

@@ -1 +1 @@
-export * from './useSelect';
+export * from './useSelect';

package/__internal__/src/hooks/useSelect/useSelect.d.ts

@@ -1,80 +1,80 @@
-import React from 'react';
-import { CountedGroup, SelectAllItem } from '../../utils/getGroups';
-declare type IndexForHighlight = number | ((oldIndex: number) => number);
-declare type Group<ITEM, GROUP> = {
-    items: ITEM[];
-    key: string | number;
-    group?: GROUP;
-};
-declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
-declare type SortGroups<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
-declare type OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {
-    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
-    e: React.SyntheticEvent;
-}) => void;
-declare type ValueProp<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-export declare type OptionForCreate = {
-    label: string;
-    __optionForCreate: boolean;
-};
-export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
-    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
-    getGroupKey?: GetGroupKey<GROUP>;
-    sortGroups?: SortGroups<ITEM, GROUP>;
-    groups?: GROUP[];
-    items: ITEM[];
-    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
-    controlRef: React.MutableRefObject<HTMLDivElement | null>;
-    disabled?: boolean;
-    selectAll?: boolean;
-    getItemLabel: (item: ITEM) => string;
-    getItemKey: (item: ITEM) => string | number;
-    getItemDisabled?: (item: ITEM) => boolean | undefined;
-    searchFunction?: (item: ITEM, searchValue: string) => boolean;
-    onCreate?: (props: {
-        e: React.SyntheticEvent;
-        label: string;
-    }) => void;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    multiple: boolean;
-    searchValue?: string;
-    withoutClearSearch?: boolean;
-    onChange: OnChangeProp<ITEM, MULTIPLE>;
-    value: ValueProp<ITEM, MULTIPLE>;
-};
-export declare type OptionProps<ITEM> = {
-    index: number;
-    item: ITEM | OptionForCreate | SelectAllItem;
-};
-export declare type GetOptionPropsResult = {
-    onClick: (e: React.SyntheticEvent) => void;
-    onMouseEnter: (e: React.SyntheticEvent) => void;
-    active: boolean;
-    hovered: boolean;
-    key: string | number;
-};
-export declare const isOptionForCreate: <ITEM, GROUP>(params: OptionForCreate | ITEM | Group<ITEM, GROUP>) => params is OptionForCreate;
-export declare const isOptionForSelectAll: <ITEM, GROUP>(params: SelectAllItem | ITEM | Group<ITEM, GROUP>) => params is SelectAllItem;
-export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params: SelectProps<ITEM, GROUP, MULTIPLE>): {
-    isOpen: boolean;
-    isFocused: boolean;
-    highlightedIndex: number;
-    visibleItems: (OptionForCreate | CountedGroup<ITEM, GROUP>)[];
-    highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
-    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
-    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleToggleDropdown: () => void;
-    handleInputClick: () => void;
-    inputRef: React.RefObject<HTMLInputElement>;
-    getKeyProps: (rest?: import("../useKeysDeprecated/useKeysDeprecated").KeyProps | undefined) => import("../useKeysDeprecated/useKeysDeprecated").KeyProps;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    searchValue: string;
-    clearValue: (e: React.SyntheticEvent) => void;
-    getHandleRemoveValue: (item: ITEM) => (e: React.SyntheticEvent) => void;
-    notFound: boolean;
-    hasItems: boolean;
-};
-export {};
+import React from 'react';
+import { CountedGroup, SelectAllItem } from '../../utils/getGroups';
+declare type IndexForHighlight = number | ((oldIndex: number) => number);
+declare type Group<ITEM, GROUP> = {
+    items: ITEM[];
+    key: string | number;
+    group?: GROUP;
+};
+declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
+declare type SortGroups<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+declare type OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+declare type ValueProp<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type OptionForCreate = {
+    label: string;
+    __optionForCreate: boolean;
+};
+export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
+    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
+    getGroupKey?: GetGroupKey<GROUP>;
+    sortGroups?: SortGroups<ITEM, GROUP>;
+    groups?: GROUP[];
+    items: ITEM[];
+    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
+    controlRef: React.MutableRefObject<HTMLDivElement | null>;
+    disabled?: boolean;
+    selectAll?: boolean;
+    getItemLabel: (item: ITEM) => string;
+    getItemKey: (item: ITEM) => string | number;
+    getItemDisabled?: (item: ITEM) => boolean | undefined;
+    searchFunction?: (item: ITEM, searchValue: string) => boolean;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
+        label: string;
+    }) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    multiple: boolean;
+    searchValue?: string;
+    withoutClearSearch?: boolean;
+    onChange: OnChangeProp<ITEM, MULTIPLE>;
+    value: ValueProp<ITEM, MULTIPLE>;
+};
+export declare type OptionProps<ITEM> = {
+    index: number;
+    item: ITEM | OptionForCreate | SelectAllItem;
+};
+export declare type GetOptionPropsResult = {
+    onClick: (e: React.SyntheticEvent) => void;
+    onMouseEnter: (e: React.SyntheticEvent) => void;
+    active: boolean;
+    hovered: boolean;
+    key: string | number;
+};
+export declare const isOptionForCreate: <ITEM, GROUP>(params: OptionForCreate | ITEM | Group<ITEM, GROUP>) => params is OptionForCreate;
+export declare const isOptionForSelectAll: <ITEM, GROUP>(params: SelectAllItem | ITEM | Group<ITEM, GROUP>) => params is SelectAllItem;
+export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params: SelectProps<ITEM, GROUP, MULTIPLE>): {
+    isOpen: boolean;
+    isFocused: boolean;
+    highlightedIndex: number;
+    visibleItems: (OptionForCreate | CountedGroup<ITEM, GROUP>)[];
+    highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
+    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
+    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleToggleDropdown: () => void;
+    handleInputClick: () => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    getKeyProps: (rest?: import("../useKeysDeprecated/useKeysDeprecated").KeyProps | undefined) => import("../useKeysDeprecated/useKeysDeprecated").KeyProps;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    searchValue: string;
+    clearValue: (e: React.SyntheticEvent) => void;
+    getHandleRemoveValue: (item: ITEM) => (e: React.SyntheticEvent) => void;
+    notFound: boolean;
+    hasItems: boolean;
+};
+export {};

package/__internal__/src/hooks/useSortSteps/index.d.ts

@@ -1 +1 @@
-export * from './useSortSteps';
+export * from './useSortSteps';

package/__internal__/src/hooks/useSortSteps/useSortSteps.d.ts

@@ -1,7 +1,7 @@
-declare type Props = {
-    step?: string | number | number[];
-    min?: string | number;
-    max?: string | number;
-};
-export declare const useSortSteps: (props: Props) => number | number[];
-export {};
+declare type Props = {
+    step?: string | number | number[];
+    min?: string | number;
+    max?: string | number;
+};
+export declare const useSortSteps: (props: Props) => number | number[];
+export {};

package/__internal__/src/hooks/useStyleProps/getStyleProps.d.ts

@@ -1,2 +1,2 @@
-import { Value } from './types';
-export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;
+import { Value } from './types';
+export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;

package/__internal__/src/hooks/useStyleProps/helpers.d.ts

@@ -1,2 +1,2 @@
-export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
-export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;
+export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
+export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;

package/__internal__/src/hooks/useStyleProps/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useStyleProps';
-export * from './getStyleProps';
+export * from './useStyleProps';
+export * from './getStyleProps';

package/__internal__/src/hooks/useStyleProps/types.d.ts

@@ -1 +1 @@
-export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;
+export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;

package/__internal__/src/hooks/useStyleProps/useStyleProps.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { Value } from './types';
-export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];
+/// <reference types="react" />
+import { Value } from './types';
+export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];

package/__internal__/src/hooks/useThemeVars/helpers.d.ts

@@ -1,12 +1,12 @@
-export declare const defaultVars: {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-};
+export declare const defaultVars: {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+};

package/__internal__/src/hooks/useThemeVars/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useThemeVars';
-export { defaultVars } from './helpers';
+export * from './useThemeVars';
+export { defaultVars } from './helpers';

package/__internal__/src/hooks/useThemeVars/useThemeVars.d.ts

@@ -1,58 +1,58 @@
-import { defaultVars } from './helpers';
-export declare type Vars = {
-    readonly color: {
-        readonly primary: readonly string[];
-        readonly accent: readonly string[];
-        readonly invert: readonly string[];
-    };
-    readonly control: readonly string[];
-    readonly font: readonly string[];
-    readonly size: readonly string[];
-    readonly space: readonly string[];
-    readonly shadow: readonly string[];
-};
-export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
-    color: {
-        primary: {
-            [key in T['color']['primary'][number]]: string;
-        };
-        accent: {
-            [key in T['color']['accent'][number]]: string;
-        };
-        invert: {
-            [key in T['color']['invert'][number]]: string;
-        };
-    };
-    control: {
-        [key in T['control'][number]]: string;
-    };
-    font: {
-        [key in T['font'][number]]: string;
-    };
-    size: {
-        [key in T['size'][number]]: string;
-    };
-    space: {
-        [key in T['space'][number]]: string;
-    };
-    shadow: {
-        [key in T['shadow'][number]]: string;
-    };
-};
-declare type UseThemeVarsOptions<T> = {
-    vars?: T;
-    deps?: [];
-};
-export declare const useThemeVars: <T extends Vars = {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
-export {};
+import { defaultVars } from './helpers';
+export declare type Vars = {
+    readonly color: {
+        readonly primary: readonly string[];
+        readonly accent: readonly string[];
+        readonly invert: readonly string[];
+    };
+    readonly control: readonly string[];
+    readonly font: readonly string[];
+    readonly size: readonly string[];
+    readonly space: readonly string[];
+    readonly shadow: readonly string[];
+};
+export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
+    color: {
+        primary: {
+            [key in T['color']['primary'][number]]: string;
+        };
+        accent: {
+            [key in T['color']['accent'][number]]: string;
+        };
+        invert: {
+            [key in T['color']['invert'][number]]: string;
+        };
+    };
+    control: {
+        [key in T['control'][number]]: string;
+    };
+    font: {
+        [key in T['font'][number]]: string;
+    };
+    size: {
+        [key in T['size'][number]]: string;
+    };
+    space: {
+        [key in T['space'][number]]: string;
+    };
+    shadow: {
+        [key in T['shadow'][number]]: string;
+    };
+};
+declare type UseThemeVarsOptions<T> = {
+    vars?: T;
+    deps?: [];
+};
+export declare const useThemeVars: <T extends Vars = {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
+export {};

package/__internal__/src/hooks/useTimer/index.d.ts

@@ -1 +1 @@
-export * from './useTimer';
+export * from './useTimer';

package/__internal__/src/hooks/useTimer/useTimer.d.ts

@@ -1,20 +1,20 @@
-export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
-export declare type Config = {
-    /** interval in ms  */
-    interval: number;
-    /**  stop timer in ms */
-    endTime: number | null;
-    /**  start timer in ms */
-    startTime: number;
-    /** timer over callback */
-    onTimeOver?: () => void;
-    timerType: Timer;
-};
-export declare type Values = {
-    isRunning: boolean;
-    pause: () => void;
-    reset: () => void;
-    start: () => void;
-    time: number;
-};
-export declare function useTimer(config?: Partial<Config>): Values;
+export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
+export declare type Config = {
+    /** interval in ms  */
+    interval: number;
+    /**  stop timer in ms */
+    endTime: number | null;
+    /**  start timer in ms */
+    startTime: number;
+    /** timer over callback */
+    onTimeOver?: () => void;
+    timerType: Timer;
+};
+export declare type Values = {
+    isRunning: boolean;
+    pause: () => void;
+    reset: () => void;
+    start: () => void;
+    time: number;
+};
+export declare function useTimer(config?: Partial<Config>): Values;