@trackunit/react-form-components 1.15.10-alpha-ae1ff73fc64.0 → 1.16.1

package/index.cjs.js

@@ -1595,8 +1595,13 @@ autoComplete, // see https://github.com/JedWatson/react-select/issues/758
                 return (jsxRuntime.jsx(ReactSelect.components.ValueContainer, { ...selectValueContainer, className: cvaSelectValueContainer({ className: selectValueContainer.className }), getStyles: getNoStyles, innerProps: {
                         ...selectValueContainer.innerProps,
                         ref: reactComponents.useMergeRefs([setValueContainerRef, selectValueContainer.innerProps?.ref]),
-                    }, children: selectValueContainer.isMulti ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (jsxRuntime.jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
-                                , "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (jsxRuntime.jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
+                    }, children: selectValueContainer.isMulti ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (
+                            // Render the test-counter-tag in the beginning to make sure it's included in the calculation
+                            // will be removed when the calculation is complete
+                            jsxRuntime.jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
+                                , "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (
+                            // This is the actual tag that will be visible in the UI
+                            jsxRuntime.jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
             },
             IndicatorSeparator: () => null,
             Input: selectInput => {

package/index.esm.js

@@ -1594,8 +1594,13 @@ autoComplete, // see https://github.com/JedWatson/react-select/issues/758
                 return (jsx(components.ValueContainer, { ...selectValueContainer, className: cvaSelectValueContainer({ className: selectValueContainer.className }), getStyles: getNoStyles, innerProps: {
                         ...selectValueContainer.innerProps,
                         ref: useMergeRefs([setValueContainerRef, selectValueContainer.innerProps?.ref]),
-                    }, children: selectValueContainer.isMulti ? (jsxs(Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
-                                , "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
+                    }, children: selectValueContainer.isMulti ? (jsxs(Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (
+                            // Render the test-counter-tag in the beginning to make sure it's included in the calculation
+                            // will be removed when the calculation is complete
+                            jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
+                                , "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (
+                            // This is the actual tag that will be visible in the UI
+                            jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
             },
             IndicatorSeparator: () => null,
             Input: selectInput => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.15.10-alpha-ae1ff73fc64.0",
+  "version": "1.16.1",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,18 +9,18 @@
   "dependencies": {
     "react": "19.0.0",
     "react-select": "^5.10.2",
-    "@trackunit/date-and-time-utils": "1.11.70-alpha-ae1ff73fc64.0",
+    "@trackunit/date-and-time-utils": "1.11.70",
     "usehooks-ts": "^3.1.0",
     "libphonenumber-js": "^1.12.22",
     "zod": "^3.23.8",
     "react-hook-form": "7.62.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.11.69-alpha-ae1ff73fc64.0",
-    "@trackunit/react-components": "1.18.10-alpha-ae1ff73fc64.0",
-    "@trackunit/ui-icons": "1.11.67-alpha-ae1ff73fc64.0",
-    "@trackunit/shared-utils": "1.13.69-alpha-ae1ff73fc64.0",
-    "@trackunit/ui-design-tokens": "1.11.68-alpha-ae1ff73fc64.0",
-    "@trackunit/i18n-library-translation": "1.12.60-alpha-ae1ff73fc64.0",
+    "@trackunit/css-class-variance-utilities": "1.11.68",
+    "@trackunit/react-components": "1.18.10",
+    "@trackunit/ui-icons": "1.11.66",
+    "@trackunit/shared-utils": "1.13.68",
+    "@trackunit/ui-design-tokens": "1.11.67",
+    "@trackunit/i18n-library-translation": "1.13.1",
     "string-ts": "^2.0.0",
     "es-toolkit": "^1.39.10"
   },

package/src/components/ActionButton/ActionButton.variants.d.ts

@@ -1,6 +1,6 @@
 export declare const cvaActionButton: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaActionContainer: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/BaseInput/BaseInput.variants.d.ts

@@ -1,18 +1,18 @@
-export declare const cvaInputBase: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseDisabled: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseInvalid: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseReadOnly: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaInputBase: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaInputBaseDisabled: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaInputBaseInvalid: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaInputBaseReadOnly: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaInputBaseSize: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     defaultVariants?: "size" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInput: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     disabled?: boolean | null | undefined;
     readOnly?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
     isWarning?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 /**
  * Used for placing items in the grid, using a grid z-stack trick.
  * The span position is used for the input field, which spans the entire grid.
@@ -20,21 +20,21 @@ export declare const cvaInput: (props?: ({
  */
 export declare const cvaInputItemPlacementManager: (props?: ({
     position?: "before" | "after" | "span" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaAccessoriesContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaAccessoriesContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 /**
  * Text size and color is handled by cvaInput
  */
 export declare const cvaInputElement: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInputAddon: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     position?: "before" | "after" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInputPrefix: (props?: ({
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInputSuffix: (props?: ({
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/BaseSelect/BaseSelect.variants.d.ts

@@ -9,25 +9,25 @@ export declare const cvaSelectContainer: (props?: ({
     focused?: boolean | null | undefined;
     readOnly?: boolean | null | undefined;
     defaultVariants?: "fieldSize" | "disabled" | "invalid" | "focused" | "readOnly" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectControl: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectLoadingMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectNoOptionsMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectDropdownIconContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectPrefixSuffix: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectClearIndicator: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaSelectControl: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectLoadingMessage: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectNoOptionsMessage: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectDropdownIconContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectPrefixSuffix: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectClearIndicator: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaSelectDropdownIndicator: (props?: ({
     menuIsOpen?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectValueContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectSingleValue: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaSelectValueContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectSingleValue: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaSelectMenu: (props?: ({
     placement?: "bottom" | "top" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectMenuList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectPlaceholder: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectIndicatorsContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaSelectMenuList: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectPlaceholder: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaSelectIndicatorsContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaSelectMultiValue: (props?: ({
     hidden?: boolean | null | undefined;
     invisible?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Checkbox/Checkbox.variants.d.ts

@@ -6,9 +6,9 @@ export declare const cvaCheckbox: (props?: ({
     invalid?: boolean | null | undefined;
     state?: "selected" | "deselected" | "indeterminate" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 /**
  * Icon overlay container - positioned on top of the input, receives no pointer events
  */
-export declare const cvaCheckboxIconOverlay: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaCheckboxIcon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaCheckboxIconOverlay: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCheckboxIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/ColorField/ColorField.variants.d.ts

@@ -1,3 +1,3 @@
 export declare const cvaInputColorField: (props?: ({
     readOnly?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/DropZone/DropZone.variants.d.ts

@@ -4,8 +4,8 @@ export declare const cvaDropZone: (props?: ({
     dragActive?: boolean | null | undefined;
     dropComplete?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaDropZoneLabel: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaDropZoneLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaDropZoneIconBackground: (props?: ({
     invalid?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/FormGroup/FormGroup.variants.d.ts

@@ -1,7 +1,7 @@
-export declare const cvaFormGroup: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaFormGroupContainerBefore: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaFormGroup: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFormGroupContainerBefore: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaFormGroupContainerAfter: (props?: ({
     invalid?: boolean | null | undefined;
     isWarning?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaHelpAddon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaHelpAddon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Label/Label.variants.d.ts

@@ -2,4 +2,4 @@ export declare const cvaLabel: (props?: ({
     invalid?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/OptionCard/OptionCard.variants.d.ts

@@ -1,21 +1,21 @@
 export declare const cvaOptionCardLabel: (props?: ({
     disabled?: boolean | null | undefined;
     layout?: "default" | "compact" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaOptionCardContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaOptionCardContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaOptionCardContent: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaOptionCardContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaOptionCardTitle: (props?: ({
     layout?: "default" | "compact" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaOptionCardText: (props?: ({
     type?: "subheading" | "description" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaInput: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaCustomImage: (props?: ({
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaTag: (props?: ({
     layout?: "default" | "compact" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/RadioGroup/RadioGroup.variants.d.ts

@@ -1,8 +1,8 @@
 export declare const cvaInputGroup: (props?: ({
     layout?: "inline" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaRadioItem: (props?: ({
     checked?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Schedule/Schedule.variants.d.ts

@@ -1,2 +1,2 @@
-export declare const cvaScheduleItem: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaScheduleItemText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaScheduleItem: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaScheduleItemText: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Search/Search.variants.d.ts

@@ -1,4 +1,4 @@
 export declare const cvaSearch: (props?: ({
     border?: boolean | null | undefined;
     widenOnFocus?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/TextAreaField/TextArea/TextAreaBaseInput.variants.d.ts

@@ -2,4 +2,4 @@ export declare const cvaTextAreaBaseInput: (props?: ({
     disabled?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
     resize?: "both" | "vertical" | "horizontal" | "none" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/TimeRange/TimeRange.variants.d.ts

@@ -1 +1 @@
-export declare const cvaTimeRange: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaTimeRange: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/ToggleSwitch/ToggleSwitch.variants.d.ts

@@ -1,12 +1,12 @@
-export declare const cvaToggleSwitchWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaToggleSwitchInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaToggleSwitchWrapper: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaToggleSwitchInput: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaToggleSwitchTrack: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     disabled?: boolean | null | undefined;
     toggled?: boolean | null | undefined;
     focused?: boolean | "auto" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaToggleSwitchThumb: (props?: ({
     toggled?: boolean | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/UploadInput/UploadInput.variants.d.ts

@@ -1 +1 @@
-export declare const cvaUploadInputField: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaUploadInputField: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/shared-cva/BinaryControlItem.variants.d.ts

@@ -1,10 +1,10 @@
 /**
  * Shared CVA for binary control items: Checkbox, RadioItem, ToggleSwitchOption
  */
-export declare const cvaBinaryControlWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaBinaryControlLabelTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaBinaryControlDescriptionTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaBinaryControlWrapper: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaBinaryControlLabelTooltip: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaBinaryControlDescriptionTooltip: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaBinaryControlDescription: (props?: ({
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaBinaryControlSuffixContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaBinaryControlSuffixContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;