@povio/ui 2.3.2 → 3.0.0

package/dist/config/uiOverrides.context.d.ts

@@ -0,0 +1,174 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { PropsWithChildren } from 'react';
+import { ButtonConfig, ButtonContentConfig, ButtonIconSizeConfig, ButtonSizeConfig } from '../components/buttons/Button/button.cva';
+import { StatusIconConfig, StatusSeparatorConfig, ToastConfig } from '../components/status/Toast/toast.cva';
+import { CompoundMapper, ConfigSchema } from '../utils/compoundMapper';
+import { StyleMergeUtils } from '../utils/style-merge.util';
+export declare namespace UIOverrides {
+    export type Cva<T> = (props?: (T & ClassProp) | ClassProp) => string;
+    type GenericCva = Cva<unknown>;
+    type Mapper = CompoundMapper<unknown, ConfigSchema>;
+    type CvaOption<TConfig extends StyleMergeUtils.CvaConfigShape> = StyleMergeUtils.CvaConfigOverride<TConfig> | GenericCva;
+    type GenericCvaOption = StyleMergeUtils.CvaConfigOverride | GenericCva;
+    type OptionKey = {
+        [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never;
+    }[keyof Options];
+    type OptionValue<K extends OptionKey> = K extends `${infer TSection}.${infer TSlot}` ? TSection extends keyof Options ? TSlot extends keyof Options[TSection] ? Options[TSection][TSlot] : never : never : never;
+    type ConfigFromOverride<TValue> = TValue extends StyleMergeUtils.CvaConfigOverride<infer TConfig> ? TConfig : never;
+    type OverrideConfig<TValue> = [ConfigFromOverride<TValue>] extends [never] ? never : ConfigFromOverride<TValue>;
+    type ExtractConfig<TValue> = [OverrideConfig<TValue>] extends [never] ? TValue extends {
+        config?: infer TConfig;
+    } ? NonNullable<TConfig> : TValue : OverrideConfig<TValue>;
+    type EmptyObject = {};
+    type VariantSchema<TConfig> = [TConfig] extends [never] ? EmptyObject : TConfig extends {
+        variants?: infer TVariants;
+    } ? [NonNullable<TVariants>] extends [never] ? EmptyObject : NonNullable<TVariants> : EmptyObject;
+    export type VariantProps<TConfig> = [keyof VariantSchema<ExtractConfig<TConfig>>] extends [never] ? EmptyObject : StyleMergeUtils.ConfigVariants<Extract<VariantSchema<ExtractConfig<TConfig>>, StyleMergeUtils.ConfigSchema>>;
+    export type OverrideVariantProps<TOverride> = VariantProps<ExtractConfig<TOverride>>;
+    export interface Options {
+        button: {
+            cva?: CvaOption<ButtonConfig>;
+            sizeCva?: CvaOption<ButtonSizeConfig>;
+            contentCva?: CvaOption<ButtonContentConfig>;
+            iconSize?: CvaOption<ButtonIconSizeConfig>;
+            typography?: Mapper;
+        };
+        pillButton: {
+            cva?: GenericCvaOption;
+            typography?: Mapper;
+        };
+        checkbox: {
+            cva?: GenericCvaOption;
+            iconCva?: GenericCvaOption;
+            typography?: Mapper;
+        };
+        radio: {
+            cva?: GenericCvaOption;
+            typography?: Mapper;
+        };
+        status: {
+            iconCva?: CvaOption<StatusIconConfig>;
+            separatorCva?: CvaOption<StatusSeparatorConfig>;
+        };
+        toast: {
+            cva?: CvaOption<ToastConfig>;
+            buttonColor?: Mapper;
+        };
+        alert: {
+            cva?: GenericCvaOption;
+        };
+        input: {
+            baseCva?: GenericCvaOption;
+            sizeCva?: GenericCvaOption;
+            sideCva?: GenericCvaOption;
+        };
+        label: {
+            cva?: GenericCvaOption;
+            typography?: Mapper;
+        };
+        toggle: {
+            cva?: GenericCvaOption;
+            typography?: Mapper;
+        };
+        typography: {
+            cva?: GenericCvaOption;
+        };
+        link: {
+            cva?: GenericCvaOption;
+        };
+        tag: {
+            cva?: GenericCvaOption;
+        };
+        table: {
+            headRowCva?: GenericCvaOption;
+            headDataCva?: GenericCvaOption;
+            rowCva?: GenericCvaOption;
+            dataCva?: GenericCvaOption;
+            headerTextCva?: GenericCvaOption;
+            cellTextCva?: GenericCvaOption;
+        };
+        tooltip: {
+            cva?: GenericCvaOption;
+            pointerHorizontalCva?: GenericCvaOption;
+            pointerVerticalCva?: GenericCvaOption;
+            textCva?: GenericCvaOption;
+        };
+        modal: {
+            contentCva?: GenericCvaOption;
+            overlayCva?: GenericCvaOption;
+            mainCva?: GenericCvaOption;
+        };
+        menu: {
+            cva?: GenericCvaOption;
+            itemCva?: GenericCvaOption;
+            popoverCva?: GenericCvaOption;
+            popoverWrapperCva?: GenericCvaOption;
+        };
+        segment: {
+            cva?: GenericCvaOption;
+            itemCva?: GenericCvaOption;
+        };
+        stepper: {
+            cva?: GenericCvaOption;
+            itemCva?: GenericCvaOption;
+            iconCva?: GenericCvaOption;
+            numberCva?: GenericCvaOption;
+            titleCva?: GenericCvaOption;
+            subtextCva?: GenericCvaOption;
+            separatorCva?: GenericCvaOption;
+        };
+        accordion: {
+            cva?: GenericCvaOption;
+            itemCva?: GenericCvaOption;
+            triggerCva?: GenericCvaOption;
+            headingCva?: GenericCvaOption;
+            headingTitleCva?: GenericCvaOption;
+            headingSubtitleCva?: GenericCvaOption;
+            chevronCva?: GenericCvaOption;
+            iconCva?: GenericCvaOption;
+            panelCva?: GenericCvaOption;
+            panelContentCva?: GenericCvaOption;
+        };
+        breadcrumbs: {
+            cva?: GenericCvaOption;
+            itemCva?: GenericCvaOption;
+            segmentCva?: GenericCvaOption;
+            chevronCva?: GenericCvaOption;
+            iconCva?: GenericCvaOption;
+        };
+        popover: {
+            cva?: GenericCvaOption;
+        };
+        formField: {
+            errorLabelCva?: GenericCvaOption;
+            helperLabelCva?: GenericCvaOption;
+        };
+        select: {
+            listBoxItemCva?: GenericCvaOption;
+        };
+    }
+    export type Config = Partial<Options>;
+    interface ProviderProps {
+        config?: Config;
+    }
+    export const Provider: ({ children, config }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    export const useCvaOverride: <K extends OptionKey>(key: K) => undefined;
+    export function defineConfig(definition: {
+        base: string[];
+    }): {
+        base: string[];
+        config?: StyleMergeUtils.Config<Record<never, never>>;
+    };
+    export function defineConfig<const TSchema extends StyleMergeUtils.ConfigSchema>(definition: {
+        base: string[];
+        config: StyleMergeUtils.Config<TSchema>;
+    }): {
+        base: string[];
+        config: StyleMergeUtils.Config<TSchema>;
+    };
+    export const defineOverride: <K extends OptionKey, const TOverride extends NonNullable<OptionValue<K>>>(_key: K, override: TOverride) => TOverride;
+    export function useCva<K extends OptionKey>(key: K, fallback: StyleMergeUtils.CvaDefinition<ConfigFromOverride<NonNullable<OptionValue<K>>> & StyleMergeUtils.CvaConfigShape>): Cva<any>;
+    export function useCva<K extends OptionKey, TProps>(key: K, fallback: Cva<TProps>): Cva<TProps>;
+    export const useMapper: <T, K extends ConfigSchema>(key: OptionKey, fallback: CompoundMapper<T, K>) => CompoundMapper<T, K>;
+    export {};
+}

package/dist/config/uiOverrides.context.js

@@ -0,0 +1,73 @@
+import { StyleMergeUtils } from "../utils/style-merge.util.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { createContext, use, useMemo } from "react";
+import { cva } from "class-variance-authority";
+//#region src/config/uiOverrides.context.tsx
+var UIOverrides;
+(function(_UIOverrides) {
+	const Context = createContext(null);
+	_UIOverrides.Provider = ({ children, config }) => {
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value: config,
+			children
+		});
+	};
+	const useConfig = () => {
+		return use(Context);
+	};
+	const useCvaOverride = _UIOverrides.useCvaOverride = (key) => {
+		const uiOverrides = useConfig();
+		if (!uiOverrides) return;
+		const [k1, k2] = key.split(".");
+		const item = uiOverrides[k1]?.[k2];
+		if (!item) return;
+		return item;
+	};
+	function defineConfig(definition) {
+		return definition;
+	}
+	_UIOverrides.defineConfig = defineConfig;
+	_UIOverrides.defineOverride = (_key, override) => {
+		return override;
+	};
+	const isCvaFunction = (item) => {
+		return typeof item === "function";
+	};
+	const isCvaOverrideConfig = (item) => {
+		if (typeof item !== "object") return false;
+		if (item == null) return false;
+		return "mode" in item;
+	};
+	const isDefinition = (item) => {
+		if (typeof item !== "object") return false;
+		if (item == null) return false;
+		return "base" in item;
+	};
+	function useCva(key, fallback) {
+		const override = useCvaOverride(key);
+		return useMemo(() => {
+			if (isCvaFunction(override)) return override;
+			if (isCvaFunction(fallback)) return fallback;
+			if (!isDefinition(fallback)) return (() => "");
+			const definition = fallback;
+			const typedOverride = override;
+			if (isCvaOverrideConfig(typedOverride)) {
+				const mergedDefinition = StyleMergeUtils.mergeCvaDefinition(definition, typedOverride);
+				return cva(clsx(mergedDefinition.base), mergedDefinition.config);
+			}
+			return cva(clsx(definition.base), definition.config);
+		}, [fallback, override]);
+	}
+	_UIOverrides.useCva = useCva;
+	_UIOverrides.useMapper = (key, fallback) => {
+		const uiOverrides = useConfig();
+		if (!uiOverrides) return fallback;
+		const [k1, k2] = key.split(".");
+		const item = uiOverrides[k1]?.[k2];
+		if (typeof item !== "function") return fallback;
+		return item;
+	};
+})(UIOverrides || (UIOverrides = {}));
+//#endregion
+export { UIOverrides };

package/dist/index.d.ts

@@ -171,7 +171,35 @@ export { LinkContext } from './config/link.context';
 export { UIRouter } from './config/router.context';
 export { ThemeContext } from './config/theme.context';
 export { UIConfig } from './config/uiConfig.context';
-export { UIStyle } from './config/uiStyle.context';
+export { UIOverrides } from './config/uiOverrides.context';
+export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbsDefinition, breadcrumbSegmentDefinition, } from './components/Breadcrumbs/breadcrumbs.cva';
+export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, } from './components/buttons/Button/button.cva';
+export { pillButtonContentDefinition, pillButtonDefinition } from './components/buttons/PillButton/pillButton.cva';
+export { checkboxDefinition, checkboxIconDefinition } from './components/inputs/Checkbox/checkbox.cva';
+export { fileCardListDefinition, fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
+export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './components/inputs/File/shared/inputUploadButton.cva';
+export { formFieldErrorDefinition } from './components/inputs/FormField/formFieldError.cva';
+export { formFieldHelperDefinition } from './components/inputs/FormField/formFieldHelper.cva';
+export { inputBaseDefinition, inputSideDefinition, inputSizeDefinition } from './components/inputs/shared/input.cva';
+export { labelDefinition } from './components/inputs/shared/label.cva';
+export { radioDefinition } from './components/inputs/RadioGroup/radio.cva';
+export { selectListBoxItemDefinition } from './components/inputs/Selection/shared/selectItem.cva';
+export { toggleDefinition } from './components/inputs/Toggle/toggle.cva';
+export { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, } from './components/Menu/menu.cva';
+export { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, } from './components/navigation/Accordion/accordion.cva';
+export { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, } from './components/navigation/Stepper/stepper.cva';
+export { modalContentDefinition, modalMainDefinition, modalOverlayDefinition, } from './components/overlays/Modal/modal.cva';
+export { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, } from './components/overlays/Tooltip/tooltip.cva';
+export { segmentDefinition, segmentItemDefinition } from './components/segment/segment.cva';
+export { popoverDefinition } from './components/shared/popover.cva';
+export { alertDefinition } from './components/status/Alert/alert.cva';
+export { loaderDefinition, loaderWrapperDefinition } from './components/status/Loader/loader.cva';
+export { statusIconDefinition, statusSeparatorDefinition } from './components/status/shared/status.cva';
+export { toastDefinition, statusIconDefinition as toastStatusIconDefinition, statusSeparatorDefinition as toastStatusSeparatorDefinition, } from './components/status/Toast/toast.cva';
+export { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeaderTextDefinition, tableHeadRowDefinition, tableRowDefinition, } from './components/table/table.cva';
+export { linkDefinition } from './components/text/Link/link.cva';
+export { tagDefinition } from './components/text/Tag/tag.cva';
+export { typographyDefinition } from './components/text/Typography/typography.cva';
 export type { DynamicColumnsOptions } from './helpers/dynamicColumns';
 export { dynamicColumns } from './helpers/dynamicColumns';
 export type { DynamicInputsOptions } from './helpers/dynamicInputs';

package/dist/index.js

@@ -37,13 +37,18 @@ import { TextColorIcon } from "./assets/icons/TextColor.js";
 import { UnderlinedIcon } from "./assets/icons/Underlined.js";
 import { VisibilityIcon } from "./assets/icons/Visibility.js";
 import { VisibilityOffIcon } from "./assets/icons/VisibilityOff.js";
-import { UIStyle } from "./config/uiStyle.context.js";
+import { UIOverrides } from "./config/uiOverrides.context.js";
+import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
+import { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
 import { MenuItem } from "./components/Menu/MenuItem.js";
 import { MenuPopover } from "./components/Menu/MenuPopover.js";
+import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
+import { typographyDefinition } from "./components/text/Typography/typography.cva.js";
 import { Typography } from "./components/text/Typography/Typography.js";
 import { Tooltip } from "./components/overlays/Tooltip/Tooltip.js";
 import { LinkContext } from "./config/link.context.js";
 import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
 import { Loader } from "./components/status/Loader/Loader.js";
 import { ObjectUtils } from "./utils/object.utils.js";
 import { isEqual } from "./utils/isEqual.js";
@@ -51,9 +56,11 @@ import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo }
 import { UIConfig } from "./config/uiConfig.context.js";
 import { uiOutlineClass } from "./components/outline.clsx.js";
 import { compoundMapper } from "./utils/compoundMapper.js";
+import { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
 import { Button } from "./components/buttons/Button/Button.js";
 import { IconButton } from "./components/buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "./components/buttons/InlineIconButton/InlineIconButton.js";
+import { pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
 import { PillButton } from "./components/buttons/PillButton/PillButton.js";
 import { ns, resources } from "./config/i18n.js";
 import { useStateAndRef } from "./hooks/useStateAndRef.js";
@@ -64,14 +71,22 @@ import { Menu } from "./components/Menu/Menu.js";
 import { SplitButton } from "./components/buttons/SplitButton/SplitButton.js";
 import { TextButton } from "./components/buttons/TextButton/TextButton.js";
 import { ToggleButton } from "./components/buttons/ToggleButton/ToggleButton.js";
+import { checkboxDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
+import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
 import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
+import { labelDefinition } from "./components/inputs/shared/label.cva.js";
+import { inputBaseDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
+import { popoverDefinition } from "./components/shared/popover.cva.js";
+import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
+import { tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag } from "./components/text/Tag/Tag.js";
 import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
+import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
 import { TextInput } from "./components/inputs/Input/TextInput/TextInput.js";
 import { Select } from "./components/inputs/Selection/Select/Select.js";
@@ -81,8 +96,10 @@ import { TimePicker } from "./components/inputs/DateTime/TimePicker/TimePicker.j
 import { RestUtils } from "./utils/rest.utils.js";
 import { FileUtils } from "./utils/file.utils.js";
 import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
+import { fileCardListDefinition, fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
 import { FileUpload } from "./components/inputs/File/FileUpload.js";
 import { FileUploadContainer } from "./components/inputs/File/FileUploadContainer.js";
+import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
 import { InputUpload } from "./components/inputs/File/InputUpload.js";
 import { NumberInput } from "./components/inputs/Input/NumberInput/NumberInput.js";
 import { PasswordInput } from "./components/inputs/Input/PasswordInput/PasswordInput.js";
@@ -90,15 +107,21 @@ import { TextArea } from "./components/inputs/Input/TextArea/TextArea.js";
 import { Autocomplete } from "./components/inputs/Selection/Autocomplete/Autocomplete.js";
 import { QueryAutocomplete } from "./components/inputs/Selection/Autocomplete/QueryAutocomplete.js";
 import { Slider } from "./components/inputs/Slider/Slider.js";
+import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
 import { Toggle } from "./components/inputs/Toggle/Toggle.js";
+import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
 import { Segment } from "./components/segment/Segment.js";
 import { StringUtils } from "./utils/string.utils.js";
 import { dynamicInputs } from "./helpers/dynamicInputs.js";
 import { Form } from "./components/inputs/Inputs/Form.js";
 import { Inputs } from "./components/inputs/Inputs/Inputs.js";
+import { radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
 import { RadioGroup } from "./components/inputs/RadioGroup/RadioGroup.js";
+import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
 import { Accordion } from "./components/navigation/Accordion/Accordion.js";
+import { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
 import { Stepper } from "./components/navigation/Stepper/Stepper.js";
+import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
 import { Modal } from "./components/overlays/Modal/Modal.js";
 import { ActionModal } from "./components/overlays/ActionModal/ActionModal.js";
 import { Drawer } from "./components/overlays/Drawer/Drawer.js";
@@ -106,9 +129,13 @@ import { ResponsivePopover } from "./components/overlays/ResponsivePopover/Respo
 import { TooltipEllipsis } from "./components/overlays/Tooltip/TooltipEllipsis.js";
 import { PaginationList } from "./components/shared/pagination/PaginationList.js";
 import { Pagination } from "./components/shared/pagination/Pagination.js";
+import { alertDefinition } from "./components/status/Alert/alert.cva.js";
+import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
 import { Alert } from "./components/status/Alert/Alert.js";
+import { statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
 import { Toast, ToastContainer } from "./components/status/Toast/Toast.js";
 import { useToast } from "./components/status/Toast/useToast.js";
+import { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition } from "./components/table/table.cva.js";
 import { CellText } from "./components/table/CellText.js";
 import { HeaderText } from "./components/table/HeaderText.js";
 import { logger } from "./utils/logger.js";
@@ -118,6 +145,7 @@ import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
 import { ColumnConfigModal } from "./components/table/ColumnConfig.js";
 import { InfiniteTable } from "./components/table/InfiniteTable.js";
 import { PaginatedTable } from "./components/table/PaginatedTable.js";
+import { linkDefinition } from "./components/text/Link/link.cva.js";
 import { Link } from "./components/text/Link/Link.js";
 import { Confirmation } from "./config/confirmation.context.js";
 import { UIRouter } from "./config/router.context.js";
@@ -135,4 +163,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIRouter, UIStyle, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, compoundMapper, dynamicColumns, dynamicInputs, isEqual, logger, ns, resources, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, dynamicColumns, dynamicInputs, fileCardListDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHelperDefinition, inputBaseDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectListBoxItemDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/utils/style-merge.util.d.ts

@@ -0,0 +1,43 @@
+import { ClassProp, ClassValue, StringToBoolean } from 'class-variance-authority/types';
+export declare namespace StyleMergeUtils {
+    export type OverrideMode = "merge" | "overrideEntry" | "overrideCva";
+    export interface CvaVariantMap {
+        [variant: string]: {
+            [value: string]: ClassValue;
+        };
+    }
+    export type ConfigSchema = CvaVariantMap;
+    export type ConfigVariants<TSchema extends ConfigSchema> = {
+        [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | null | undefined;
+    };
+    export type ConfigVariantsMulti<TSchema extends ConfigSchema> = {
+        [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | StringToBoolean<keyof NonNullable<TSchema[K]>>[] | undefined;
+    };
+    export interface Config<TSchema extends ConfigSchema> {
+        variants?: TSchema;
+        defaultVariants?: ConfigVariants<TSchema>;
+        compoundVariants?: Array<(ConfigVariants<TSchema> | ConfigVariantsMulti<TSchema>) & ClassProp>;
+    }
+    export interface CvaCompoundEntry {
+        [key: string]: unknown;
+        class?: ClassValue;
+        className?: ClassValue;
+    }
+    export interface CvaConfigShape {
+        variants?: CvaVariantMap;
+        compoundVariants?: CvaCompoundEntry[];
+        defaultVariants?: Record<string, unknown>;
+    }
+    export interface CvaDefinition<TConfig extends CvaConfigShape> {
+        base: string[];
+        config?: TConfig;
+    }
+    type DeepOptionalOverride<T> = T extends string ? string : T extends (infer U)[] ? DeepOptionalOverride<U>[] : T extends object ? {
+        [K in keyof T]?: DeepOptionalOverride<T[K]>;
+    } : T;
+    export type CvaConfigOverride<TConfig extends CvaConfigShape = CvaConfigShape> = DeepOptionalOverride<CvaDefinition<TConfig>> & {
+        mode: OverrideMode;
+    };
+    export const mergeCvaDefinition: <TConfig extends CvaConfigShape>(baseDefinition: CvaDefinition<TConfig>, override?: CvaConfigOverride<TConfig>) => CvaDefinition<TConfig>;
+    export {};
+}