@ozen-ui/kit 0.77.0 → 0.79.0

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/types.d.ts

@@ -1,10 +1,10 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../entities';
 import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
 import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
 export type AutocompleteInputRef = InputRef;
-export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label' | 'background'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
     renderRightPosition: AutocompleteRenderRightPosition;
     open?: boolean;
     openText?: string;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.d.ts

@@ -1,5 +1,6 @@
 import type { FC, MouseEvent } from 'react';
-import type { AutocompleteProps, AutocompleteRenderRightPosition } from '../../types';
+import type { AutocompleteRenderRightPosition } from '../../entities';
+import type { AutocompleteProps } from '../../types';
 export type AutocompleteRenderRightProps = {
     hasValue: boolean;
     onOpen: () => void;

package/__inner__/esm/components/AutocompleteNext/entities/index.d.ts

@@ -0,0 +1,7 @@
+export * from './input';
+export * from './onChange';
+export * from './option';
+export * from './right';
+export * from './search';
+export * from './tag';
+export * from './value';

package/__inner__/esm/components/AutocompleteNext/entities/index.js

@@ -0,0 +1,7 @@
+export * from './input';
+export * from './onChange';
+export * from './option';
+export * from './right';
+export * from './search';
+export * from './tag';
+export * from './value';

package/__inner__/esm/components/AutocompleteNext/entities/input.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode, Ref } from 'react';
+import type { InputProps, InputRef } from '../../Input';
+export type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke' | 'background'>;
+export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteNext/entities/input.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { ChangeEvent, SyntheticEvent } from 'react';
+export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
+export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;

package/__inner__/esm/components/AutocompleteNext/entities/onChange.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/entities/option.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactElement } from 'react';
+export type AutocompleteRenderOptionState = {
+    key?: string | number;
+    selected?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+};
+export type AutocompleteRenderOptionProps<OPTION> = {
+    option: OPTION;
+    state: AutocompleteRenderOptionState;
+    props: HTMLAttributes<HTMLElement> & {
+        key?: string | number;
+    };
+};
+export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
+export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
+export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
+export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
+export type AutocompleteDefaultOption = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+};

package/__inner__/esm/components/AutocompleteNext/entities/option.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/entities/right.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
+export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];

package/__inner__/esm/components/AutocompleteNext/entities/right.js

@@ -0,0 +1,5 @@
+export var autocompleteRenderRightPosition = [
+    'before',
+    'between',
+    'after',
+];

package/__inner__/esm/components/AutocompleteNext/entities/search.d.ts

@@ -0,0 +1 @@
+export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];

package/__inner__/esm/components/AutocompleteNext/entities/search.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/entities/tag.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, Ref } from 'react';
+import type { TagProps, TagRef } from '../../TagNext';
+import type { AutocompletePropValue } from './value';
+export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
+export type AutocompleteRenderMoreTagProps<OPTION> = {
+    props: TagProps;
+    omittedValues?: AutocompletePropValue<OPTION, true>;
+};
+export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteNext/entities/tag.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/entities/value.d.ts

@@ -0,0 +1 @@
+export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;

package/__inner__/esm/components/AutocompleteNext/entities/value.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteNext/helpers.d.ts

@@ -1,24 +1,25 @@
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel } from './entities';
+import type { AutocompleteProps } from './types';
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
 export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
     multiple?: MULTIPLE | undefined;
     limitTags?: number | "responsive";
-    renderTag?: import("./types").AutocompletePropRenderTag;
-    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    renderTag?: import("./entities").AutocompletePropRenderTag;
+    renderMoreTag?: import("./entities").AutocompletePropRenderMoreTag<OPTION> | undefined;
     options: OPTION[];
     size?: import("./types").AutocompletePropSize;
-    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    value?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
     open?: boolean;
     defaultOpen?: boolean;
-    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
-    renderRightPosition?: import("./types").AutocompleteRenderRightPosition;
+    onChange?: import("./entities").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    renderRightPosition?: import("./entities").AutocompleteRenderRightPosition;
     inputValue?: string;
-    onInputChange?: import("./types").AutocompleteOnInputChange;
-    renderInput?: import("./types").AutocompletePropRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    onInputChange?: import("./entities").AutocompleteOnInputChange;
+    renderInput?: import("./entities").AutocompletePropRenderInput;
+    renderOption?: import("./entities").AutocompletePropRenderOption<OPTION> | undefined;
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
@@ -33,31 +34,13 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     onClose?(): void;
     onOpen?(): void;
     disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    searchFunction?: import("./entities").AutocompletePropSearchFunction<OPTION> | undefined;
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
     popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
     listProps?: import("./components").AutocompleteDropdownProps["listProps"];
     ref?: import("react").Ref<HTMLDivElement>;
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    hint?: string | null | undefined | undefined;
-    disableStroke?: boolean | undefined;
-    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & (OPTION extends {
+} & import("./entities").AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
 } ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;

package/__inner__/esm/components/AutocompleteNext/index.d.ts

@@ -1,2 +1,3 @@
 export * from './types';
+export * from './entities';
 export * from './Autocomplete';

package/__inner__/esm/components/AutocompleteNext/index.js

@@ -1,2 +1,3 @@
 export * from './types';
+export * from './entities';
 export * from './Autocomplete';

package/__inner__/esm/components/AutocompleteNext/types.d.ts

@@ -1,45 +1,9 @@
-import type { ChangeEvent, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
-import type { TagProps, TagRef } from '../../components/TagNext';
+import type { ReactElement, ReactNode, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { WithDisplayName } from '../../types/react';
-import type { InputProps, InputRef } from '../Input';
+import type { InputRef } from '../Input';
 import type { AutocompleteDropdownProps } from './components';
-export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
-export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];
-export type AutocompleteRenderOptionState = {
-    key?: string | number;
-    selected?: boolean;
-    disabled?: boolean;
-    focused?: boolean;
-};
-export type AutocompleteRenderOptionProps<OPTION> = {
-    option: OPTION;
-    state: AutocompleteRenderOptionState;
-    props: HTMLAttributes<HTMLElement> & {
-        key?: string | number;
-    };
-};
-export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
-export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
-export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
-export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
-export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
-export type AutocompleteDefaultOption = {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-};
-export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
-export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;
-export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
-export type AutocompleteRenderMoreTagProps<OPTION> = {
-    props: TagProps;
-    omittedValues?: AutocompletePropValue<OPTION, true>;
-};
-export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
-type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
-export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
-export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
+import type { AutocompleteInputProps, AutocompletePropValue, AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderInput, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompletePropRenderOption, AutocompletePropRenderTag, AutocompleteRenderRightPosition, AutocompletePropSearchFunction, AutocompleteOnInputChange, AutocompleteOnChange } from './entities';
 export type AutocompleteRef = InputRef;
 export type AutocompletePropSize = FormElementSizeVariant;
 export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
@@ -129,4 +93,3 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = WithDisplayName<(<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null)>;
-export {};

package/__inner__/esm/components/AutocompleteNext/types.js

@@ -1,5 +1 @@
-export var autocompleteRenderRightPosition = [
-    'before',
-    'between',
-    'after',
-];
+export {};

package/__inner__/esm/components/DataListCard/DataListCard.js

@@ -9,7 +9,7 @@ import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWit
 import { DataListBase } from '../DataListBase';
 import { ListCardContext } from '../ListCard';
 import { DataListCardNoOption, DataListCardLoading } from './components';
-import { DATA_LIST_CARD_DEFAULT_LOADING, DATA_LIST_CARD_DEFAULT_SHADOW, DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS, DATA_LIST_CARD_DEFAULT_TAG, DATA_LIST_CARD_RADIUS_BY_SIZE, DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME, DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO, DATA_LIST_CARD_DEFAULT_INTERACTIVE, DATA_LIST_CARD_DEFAULT_SIZE, } from './constants';
+import { DATA_LIST_CARD_DEFAULT_LOADING, DATA_LIST_CARD_DEFAULT_SHADOW, DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS, DATA_LIST_CARD_DEFAULT_TAG, DATA_LIST_CARD_RADIUS_BY_SIZE, DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME, DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO, DATA_LIST_CARD_DEFAULT_INTERACTIVE, DATA_LIST_CARD_DEFAULT_SIZE, DATA_LIST_CARD_DEFAULT_ALIGN, } from './constants';
 import { DataListCardContext } from './DataListCardContext';
 export var cnDataListCard = cn('DataListCard');
 var DataListCardRender = function (inProps, ref) {
@@ -17,7 +17,7 @@ var DataListCardRender = function (inProps, ref) {
         props: inProps,
         name: 'DataListCard',
     });
-    var className = props.className, children = props.children, _a = props.as, as = _a === void 0 ? DATA_LIST_CARD_DEFAULT_TAG : _a, active = props.active, _b = props.size, size = _b === void 0 ? DATA_LIST_CARD_DEFAULT_SIZE : _b, borderColorScheme = props.borderColorScheme, _c = props.backgroundColorScheme, backgroundColorScheme = _c === void 0 ? DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _c, _d = props.interactive, interactive = _d === void 0 ? DATA_LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.contentTrailingRatio, contentTrailingRatio = _e === void 0 ? DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _e, _f = props.shadow, shadow = _f === void 0 ? DATA_LIST_CARD_DEFAULT_SHADOW : _f, radiusProp = props.radius, _g = props.loading, loading = _g === void 0 ? DATA_LIST_CARD_DEFAULT_LOADING : _g, loadingText = props.loadingText, _h = props.showNoOptions, showNoOptions = _h === void 0 ? DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS : _h, noOptionsText = props.noOptionsText, other = __rest(props, ["className", "children", "as", "active", "size", "borderColorScheme", "backgroundColorScheme", "interactive", "contentTrailingRatio", "shadow", "radius", "loading", "loadingText", "showNoOptions", "noOptionsText"]);
+    var className = props.className, children = props.children, _a = props.as, as = _a === void 0 ? DATA_LIST_CARD_DEFAULT_TAG : _a, active = props.active, _b = props.size, size = _b === void 0 ? DATA_LIST_CARD_DEFAULT_SIZE : _b, borderColorScheme = props.borderColorScheme, _c = props.backgroundColorScheme, backgroundColorScheme = _c === void 0 ? DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _c, _d = props.interactive, interactive = _d === void 0 ? DATA_LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.contentTrailingRatio, contentTrailingRatio = _e === void 0 ? DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _e, _f = props.shadow, shadow = _f === void 0 ? DATA_LIST_CARD_DEFAULT_SHADOW : _f, radiusProp = props.radius, _g = props.loading, loading = _g === void 0 ? DATA_LIST_CARD_DEFAULT_LOADING : _g, loadingText = props.loadingText, _h = props.showNoOptions, showNoOptions = _h === void 0 ? DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS : _h, noOptionsText = props.noOptionsText, _j = props.align, align = _j === void 0 ? DATA_LIST_CARD_DEFAULT_ALIGN : _j, padding = props.padding, other = __rest(props, ["className", "children", "as", "active", "size", "borderColorScheme", "backgroundColorScheme", "interactive", "contentTrailingRatio", "shadow", "radius", "loading", "loadingText", "showNoOptions", "noOptionsText", "align", "padding"]);
     var radius = radiusProp !== null && radiusProp !== void 0 ? radiusProp : DATA_LIST_CARD_RADIUS_BY_SIZE[size];
     return (React.createElement(ListCardContext.Provider, { value: {
             variant: 'list',
@@ -26,6 +26,8 @@ var DataListCardRender = function (inProps, ref) {
             backgroundColorScheme: backgroundColorScheme,
             interactive: interactive,
             contentTrailingRatio: contentTrailingRatio,
+            align: align,
+            padding: padding,
         } },
         React.createElement(DataListCardContext.Provider, { value: {
                 size: size,

package/__inner__/esm/components/DataListCard/constants.d.ts

@@ -9,6 +9,7 @@ export declare const DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME: {
 };
 export declare const DATA_LIST_CARD_DEFAULT_INTERACTIVE = true;
 export declare const DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = 0.85;
+export declare const DATA_LIST_CARD_DEFAULT_ALIGN = "start";
 export declare const DATA_LIST_CARD_DEFAULT_LOADING = false;
 export declare const DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = true;
 export declare const DATA_LIST_CARD_DEFAULT_SHADOW = "l";

package/__inner__/esm/components/DataListCard/constants.js

@@ -1,10 +1,11 @@
 import { DATA_LIST_BASE_DEFAULT_TAG } from '../DataListBase/constants';
-import { LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME, LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO, LIST_CARD_DEFAULT_INTERACTIVE, LIST_CARD_DEFAULT_SIZE, } from '../ListCard';
+import { LIST_CARD_DEFAULT_ALIGN, LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME, LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO, LIST_CARD_DEFAULT_INTERACTIVE, LIST_CARD_DEFAULT_SIZE, } from '../ListCard';
 export var DATA_LIST_CARD_DEFAULT_TAG = DATA_LIST_BASE_DEFAULT_TAG;
 export var DATA_LIST_CARD_DEFAULT_SIZE = LIST_CARD_DEFAULT_SIZE;
 export var DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME;
 export var DATA_LIST_CARD_DEFAULT_INTERACTIVE = LIST_CARD_DEFAULT_INTERACTIVE;
 export var DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO;
+export var DATA_LIST_CARD_DEFAULT_ALIGN = LIST_CARD_DEFAULT_ALIGN;
 export var DATA_LIST_CARD_DEFAULT_LOADING = false;
 export var DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = true;
 export var DATA_LIST_CARD_DEFAULT_SHADOW = 'l';

package/__inner__/esm/components/DatePicker/components/DateInput/types.d.ts

@@ -3,7 +3,7 @@ import type { ExtendableComponentPropsWithRef } from '../../../../types';
 import type { CalendarSteps } from '../../../Calendar';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../../../FieldControl';
 import type { InputProps } from '../../../Input';
-import type { InputPropPlaceholder } from '../../types';
+import type { InputPropPlaceholder } from '../../entities';
 export type DateInputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
 export type DateInputProps = ExtendableComponentPropsWithRef<{
     steps: CalendarSteps;

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/DatePickerModeDateRange.js

@@ -21,7 +21,7 @@ export var DatePickerModeDateRange = forwardRef(function (props, ref) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     minDate = props.minDate, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    maxDate = props.maxDate, _b = props.steps, steps = _b === void 0 ? DATE_PICKER_DEFAULT_STEPS : _b, _c = props.initialStep, initialStep = _c === void 0 ? DATE_PICKER_DEFAULT_INITIAL_STEP : _c, other = __rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps", "minDate", "maxDate", "steps", "initialStep"]);
+    maxDate = props.maxDate, _b = props.steps, steps = _b === void 0 ? DATE_PICKER_DEFAULT_STEPS : _b, _c = props.initialStep, initialStep = _c === void 0 ? DATE_PICKER_DEFAULT_INITIAL_STEP : _c, background = props.background, other = __rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps", "minDate", "maxDate", "steps", "initialStep", "background"]);
     var _d = __read(getValueForDoubleProp(label), 2), labelFrom = _d[0], labelTo = _d[1];
     var _e = __read(getValueForDoubleProp(renderLeft), 2), renderLeftFrom = _e[0], renderLeftTo = _e[1];
     var _f = __read(getValueForDoubleProp(renderRight), 2), renderRightFrom = _f[0], renderRightTo = _f[1];
@@ -261,8 +261,8 @@ export var DatePickerModeDateRange = forwardRef(function (props, ref) {
             disableStroke: disableStroke,
         }, [className]) }, other, { ref: rootRef }),
         React.createElement(Stack, __assign({ gap: "l", className: cnDatePicker('Fields', [fieldsProps === null || fieldsProps === void 0 ? void 0 : fieldsProps.className]) }, fieldsProps, { ref: fieldsRef }),
-            React.createElement(DateInput, { size: size, error: error, label: labelFrom, required: required, disabled: disabled, value: inputValueFrom, onKeyDown: handleKeyDown, renderLeft: renderLeftFrom, labelProps: labelPropsFrom, disableStroke: disableStroke, steps: steps, placeholder: placeholderFrom, renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, hasValue: !!valueFrom, clearText: clearText, renderRight: renderRightFrom, onClear: handleClear('from'), disableClearButton: disableClearButton }), inputProps: __assign(__assign({ autoComplete: 'off' }, inputPropsFrom), { onBlur: handleBlurInputFrom, onFocus: handleFocusInputFrom, onClick: handleClickOnInputFrom, onChange: handleChangeInputFrom, onPaste: handlePasteInputFrom }), "data-testid": "date-input-from", bodyProps: { 'aria-expanded': open } }),
-            React.createElement(DateInput, { size: size, error: error, label: labelTo, required: required, disabled: disabled, value: inputValueTo, onKeyDown: handleKeyDown, renderLeft: renderLeftTo, labelProps: labelPropsTo, placeholder: placeholderTo, disableStroke: disableStroke, steps: steps, renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, hasValue: !!valueTo, clearText: clearText, renderRight: renderRightTo, onClear: handleClear('to'), disableClearButton: disableClearButton }), inputProps: __assign(__assign({ autoComplete: 'off' }, inputPropsTo), { onBlur: handleBlurInputTo, onFocus: handleFocusInputTo, onClick: handleClickOnInputTo, onChange: handleChangeInputTo, onPaste: handlePasteInputTo }), "data-testid": "date-input-to", bodyProps: { ref: dateInputToRef, 'aria-expanded': open } })),
+            React.createElement(DateInput, { size: size, error: error, label: labelFrom, required: required, disabled: disabled, value: inputValueFrom, onKeyDown: handleKeyDown, renderLeft: renderLeftFrom, labelProps: labelPropsFrom, disableStroke: disableStroke, steps: steps, placeholder: placeholderFrom, renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, hasValue: !!valueFrom, clearText: clearText, renderRight: renderRightFrom, onClear: handleClear('from'), disableClearButton: disableClearButton }), background: background, inputProps: __assign(__assign({ autoComplete: 'off' }, inputPropsFrom), { onBlur: handleBlurInputFrom, onFocus: handleFocusInputFrom, onClick: handleClickOnInputFrom, onChange: handleChangeInputFrom, onPaste: handlePasteInputFrom }), "data-testid": "date-input-from", bodyProps: { 'aria-expanded': open } }),
+            React.createElement(DateInput, { size: size, error: error, label: labelTo, required: required, disabled: disabled, value: inputValueTo, onKeyDown: handleKeyDown, renderLeft: renderLeftTo, labelProps: labelPropsTo, placeholder: placeholderTo, disableStroke: disableStroke, background: background, steps: steps, renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, hasValue: !!valueTo, clearText: clearText, renderRight: renderRightTo, onClear: handleClear('to'), disableClearButton: disableClearButton }), inputProps: __assign(__assign({ autoComplete: 'off' }, inputPropsTo), { onBlur: handleBlurInputTo, onFocus: handleFocusInputTo, onClick: handleClickOnInputTo, onChange: handleChangeInputTo, onPaste: handlePasteInputTo }), "data-testid": "date-input-to", bodyProps: { ref: dateInputToRef, 'aria-expanded': open } })),
         React.createElement(FieldHint, __assign({ size: size, error: error, disabled: disabled }, hintProps), hint),
         React.createElement(Popover, __assign({ open: open, anchorRef: anchorRef, onClose: handleClose }, popoverProps, { onExited: handleExited, ignoreClickOutsideRefs: [containerRef], disableEnforceFocus: disableEnforceFocus }),
             React.createElement(Calendar, __assign({ calendars: calendars }, calendarProps, { initialStep: initialStep, steps: steps, mode: "range", offsetDate: offsetDate, onChange: handleChangeCalendar, value: formatDateForCalendar(value), onCalendarsChange: onCalendarsChange, onOffsetDateChange: onOffsetDateChange })))));

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/formatDateForCalendar/formatDateForCalendar.d.ts

@@ -1,3 +1,3 @@
 import type { CalendarPropValue } from '../../../../../Calendar';
-import type { DatePickerPropValue } from '../../../../types';
+import type { DatePickerPropValue } from '../../../../entities';
 export declare const formatDateForCalendar: (date?: DatePickerPropValue<"date-range">) => CalendarPropValue<"range">;

package/__inner__/esm/components/DatePicker/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerBackgroundVariant: readonly ["main", "primary"];
+export type DatePickerBackgroundVariant = (typeof datePickerBackgroundVariant)[number];

package/__inner__/esm/components/DatePicker/entities/background.js

@@ -0,0 +1,2 @@
+import { fieldControlBackgroundVariant } from '../../FieldControl';
+export var datePickerBackgroundVariant = fieldControlBackgroundVariant;

package/__inner__/esm/components/DatePicker/entities/deprecated.d.ts

@@ -0,0 +1,13 @@
+import type { DatePickerPropOnInputChange } from './input';
+import type { DatePickerModeVariant } from './mode';
+import type { DatePickerPropOnChange } from './onChange';
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnChange` type to replace it.
+ * */
+export type DatePickerOnChange<MODE extends DatePickerModeVariant> = DatePickerPropOnChange<MODE>;
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnInputChange` type to replace it.
+ * */
+export type DatePickerOnInputChange<MODE extends DatePickerModeVariant> = DatePickerPropOnInputChange<MODE>;

package/__inner__/esm/components/DatePicker/entities/deprecated.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/fields.d.ts

@@ -0,0 +1,2 @@
+import type { StackProps } from '../../Stack';
+export type DatePickerPropFieldsProps<MODE> = MODE extends 'date-range' ? StackProps : never;

package/__inner__/esm/components/DatePicker/entities/fields.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/index.d.ts

@@ -0,0 +1,13 @@
+export * from './background';
+export * from './deprecated';
+export * from './fields';
+export * from './input';
+export * from './label';
+export * from './mode';
+export * from './onChange';
+export * from './onError';
+export * from './placeholder';
+export * from './renderLeft';
+export * from './renderRight';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/DatePicker/entities/index.js

@@ -0,0 +1,13 @@
+export * from './background';
+export * from './deprecated';
+export * from './fields';
+export * from './input';
+export * from './label';
+export * from './mode';
+export * from './onChange';
+export * from './onError';
+export * from './placeholder';
+export * from './renderLeft';
+export * from './renderRight';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/DatePicker/entities/input.d.ts

@@ -0,0 +1,14 @@
+import type { ChangeEvent } from 'react';
+import type { CalendarSteps } from '../../Calendar';
+import type { FieldInputProps } from '../../FieldInput';
+import type { InputProps } from '../../Input';
+import type { DatePickerModeVariant } from './mode';
+export type DatePickerPropInputValue<MODE extends DatePickerModeVariant> = (MODE extends 'date-range' ? [string, string] : string) | null;
+export type DatePickerPropOnInputChange<MODE extends DatePickerModeVariant> = (e: ChangeEvent<HTMLInputElement> | null, value: DatePickerPropInputValue<MODE>) => void;
+export type DatePickerInputPropLabel = InputProps['label'];
+export type DatePickerInputPropRenderLeft = InputProps['renderLeft'];
+export type DatePickerInputPropRenderRight = InputProps['renderRight'];
+export type DatePickerInputPropPlaceholderString = InputProps['placeholder'];
+export type DatePickerInputPropPlaceholderFunction = (steps: CalendarSteps) => DatePickerInputPropPlaceholderString;
+export type InputPropPlaceholder = DatePickerInputPropPlaceholderString | DatePickerInputPropPlaceholderFunction;
+export type DatePickerPropInputProps<MODE> = MODE extends 'date-range' ? [FieldInputProps?, FieldInputProps?] | FieldInputProps : FieldInputProps;

package/__inner__/esm/components/DatePicker/entities/input.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/label.d.ts

@@ -0,0 +1,4 @@
+import type { FieldLabelProps } from '../../FieldLabel';
+import type { DatePickerInputPropLabel } from './input';
+export type DatePickerPropLabel<MODE> = MODE extends 'date-range' ? [DatePickerInputPropLabel?, DatePickerInputPropLabel?] | DatePickerInputPropLabel : DatePickerInputPropLabel;
+export type DatePickerPropLabelProps<MODE> = MODE extends 'date-range' ? [FieldLabelProps?, FieldLabelProps?] | FieldLabelProps : FieldLabelProps;

package/__inner__/esm/components/DatePicker/entities/label.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/mode.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerModeVariant: readonly ["date", "date-range"];
+export type DatePickerModeVariant = (typeof datePickerModeVariant)[number];

package/__inner__/esm/components/DatePicker/entities/mode.js

@@ -0,0 +1 @@
+export var datePickerModeVariant = ['date', 'date-range'];

package/__inner__/esm/components/DatePicker/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerModeVariant } from './mode';
+import type { DatePickerPropValue } from './value';
+export type DatePickerPropOnChange<MODE extends DatePickerModeVariant> = (date: DatePickerPropValue<MODE>) => void;

package/__inner__/esm/components/DatePicker/entities/onChange.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/onError.d.ts

@@ -0,0 +1,9 @@
+export type DatePickerPropOnError = (props: {
+    type: 'outOfRange';
+    inputValue?: string;
+    value?: Date | null;
+} | {
+    type: 'inExclude';
+    inputValue?: string;
+    value?: Date | null;
+}) => void;

package/__inner__/esm/components/DatePicker/entities/onError.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/placeholder.d.ts

@@ -0,0 +1,2 @@
+import type { InputPropPlaceholder } from './input';
+export type DatePickerPropPlaceholder<MODE> = MODE extends 'date-range' ? [InputPropPlaceholder?, InputPropPlaceholder?] | InputPropPlaceholder : InputPropPlaceholder;

package/__inner__/esm/components/DatePicker/entities/placeholder.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/renderLeft.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerInputPropRenderLeft } from './input';
+export type DatePickerPropRenderLeft<MODE> = MODE extends 'date-range' ? [DatePickerInputPropRenderLeft?, DatePickerInputPropRenderLeft?] | DatePickerInputPropRenderLeft : DatePickerInputPropRenderLeft;

package/__inner__/esm/components/DatePicker/entities/renderLeft.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/renderRight.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerInputPropRenderRight } from './input';
+export type DatePickerPropRenderRight<MODE> = MODE extends 'date-range' ? [DatePickerInputPropRenderRight?, DatePickerInputPropRenderRight?] | DatePickerInputPropRenderRight : DatePickerInputPropRenderRight;

package/__inner__/esm/components/DatePicker/entities/renderRight.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type DatePickerSizeVariant = (typeof datePickerSizeVariant)[number];

package/__inner__/esm/components/DatePicker/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var datePickerSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/DatePicker/entities/value.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerModeVariant } from './mode';
+export type DatePickerPropValue<MODE extends DatePickerModeVariant> = (MODE extends 'date-range' ? [Date?, Date?] : Date) | null;

package/__inner__/esm/components/DatePicker/entities/value.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/index.d.ts

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './DatePicker';
 export * from './types';

package/__inner__/esm/components/DatePicker/index.js

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './DatePicker';
 export * from './types';