@ozen-ui/kit 0.69.0 → 0.71.0

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

@@ -0,0 +1,16 @@
+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';
+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_LOADING = false;
+export var DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = true;
+export var DATA_LIST_CARD_DEFAULT_SHADOW = 'l';
+export var DATA_LIST_CARD_RADIUS_BY_SIZE = {
+    xs: 's',
+    s: 'l',
+    m: 'l',
+    l: 'l',
+};

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

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './DataListCard';
+export * from './modules';
+export * from './types';

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

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './DataListCard';
+export * from './modules';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/DataListCardItem.css

@@ -0,0 +1,6 @@
+.DataListCardItem_focused {
+    box-shadow: inset var(--shadow-outline-focused);
+  }
+  .DataListCardItem-CheckIcon {
+    color: var(--color-content-action);
+  }

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/DataListCardItem.d.ts

@@ -0,0 +1,3 @@
+import type { DataListCardItemBaseProps } from './types';
+export declare const cnDataListCardItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCardItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DataListCardItemBaseProps, "li", "as">;

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

@@ -0,0 +1,32 @@
+import { __assign, __rest } from "tslib";
+import React, { useRef } from 'react';
+import { CheckIcon } from '@ozen-ui/icons';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { DATA_LIST_BASE_ITEM_DISPLAY_NAME } from '../../../DataListBase';
+import { useAsDataListBaseItem } from '../../../DataListBase/hooks';
+import { ListCardItem, ListCardItemControlIcon } from '../../../ListCardItem';
+export var cnDataListCardItem = cn('DataListCardItem');
+export var DataListCardItem = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'DataListCardItem',
+    });
+    var children = props.children, listId = props.listId, disabledProp = props.disabled, as = props.as, className = props.className, onClickProp = props.onClick, other = __rest(props, ["children", "listId", "disabled", "as", "className", "onClick"]);
+    var internalRef = useRef(null);
+    var _a = useAsDataListBaseItem({
+        ref: internalRef,
+        optionId: listId,
+        disabled: disabledProp,
+    }), focused = _a.focused, selected = _a.selected, onClick = _a.onClick, disabled = _a.disabled;
+    return (React.createElement(ListCardItem, __assign({ ref: useMultiRef([ref, internalRef]), role: "option", className: cnDataListCardItem({
+            focused: focused,
+            selected: selected,
+        }, [className]), as: as, "aria-selected": selected, "aria-disabled": disabled, onClick: function (event) {
+            onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(event);
+            onClick(event);
+        }, control: selected && (React.createElement(ListCardItemControlIcon, { className: cnDataListCardItem('CheckIcon'), icon: CheckIcon })) }, other), children));
+});
+DataListCardItem.displayName = DATA_LIST_BASE_ITEM_DISPLAY_NAME;

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

@@ -0,0 +1 @@
+export declare const DATA_LIST_CARD_ITEM_DEFAULT_TAG = "li";

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

@@ -0,0 +1 @@
+export var DATA_LIST_CARD_ITEM_DEFAULT_TAG = 'li';

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataListCardItem';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataListCardItem';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/types.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { DataListBaseItemProps } from '../../../DataListBase';
+import type { ListCardItemBaseProps } from '../../../ListCardItem';
+import type { DATA_LIST_CARD_ITEM_DEFAULT_TAG } from './constants';
+export type DataListCardItemBaseProps = Omit<ListCardItemBaseProps, 'variant'> & DataListBaseItemProps;
+export type DataListCardItemRef = PolymorphicComponentRef<typeof DATA_LIST_CARD_ITEM_DEFAULT_TAG>;
+export type DataListCardItemProps<As extends ElementType = typeof DATA_LIST_CARD_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<DataListCardItemBaseProps, As>;

package/__inner__/esm/components/DataListCard/modules/DataListCardItem/types.js

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

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/DataListCardStatus.css

@@ -0,0 +1,19 @@
+.DataListCardStatus {
+  padding: var(--data-list-card-status-padding);
+}
+
+  .DataListCardStatus_size_xs {
+    --data-list-card-status-padding: 4px 8px;
+  }
+
+  .DataListCardStatus_size_s {
+    --data-list-card-status-padding: 6px 12px;
+  }
+
+  .DataListCardStatus_size_m {
+    --data-list-card-status-padding: 8px 12px;
+  }
+
+  .DataListCardStatus_size_l {
+    --data-list-card-status-padding: 8px 16px;
+  }

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/DataListCardStatus.d.ts

@@ -0,0 +1,2 @@
+export declare const cnDataListCardStatus: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCardStatus: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../../../Stack").StackBaseProps, "div", "as">;

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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Stack } from '../../../Stack';
+import { useDataListCardContext } from '../../DataListCardContext';
+import { DATA_LIST_CARD_STATUS_DEFAULT_TAG, DATA_LIST_CARD_STATUS_GAP_BY_SIZE, } from './constants';
+export var cnDataListCardStatus = cn('DataListCardStatus');
+export var DataListCardStatus = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? DATA_LIST_CARD_STATUS_DEFAULT_TAG : _b, other = __rest(_a, ["children", "className", "as"]);
+    var size = useDataListCardContext().size;
+    return (React.createElement(Stack, __assign({ gap: DATA_LIST_CARD_STATUS_GAP_BY_SIZE[size] }, other, { ref: ref, as: as, className: cnDataListCardStatus({ size: size }, [className]) }), children));
+});
+DataListCardStatus.displayName = 'DataListCardStatus';

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

@@ -0,0 +1,4 @@
+import type { ListCardItemSizeVariant } from '../../../ListCardItem';
+import type { StackGapVariant } from '../../../Stack';
+export declare const DATA_LIST_CARD_STATUS_DEFAULT_TAG = "div";
+export declare const DATA_LIST_CARD_STATUS_GAP_BY_SIZE: Readonly<Record<ListCardItemSizeVariant, StackGapVariant>>;

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

@@ -0,0 +1,8 @@
+import { STACK_DEFAULT_TAG } from '../../../Stack';
+export var DATA_LIST_CARD_STATUS_DEFAULT_TAG = STACK_DEFAULT_TAG;
+export var DATA_LIST_CARD_STATUS_GAP_BY_SIZE = {
+    xs: 's',
+    s: 'm',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataListCardStatus';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataListCardStatus';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { StackBaseProps } from '../../../Stack';
+import type { DATA_LIST_CARD_STATUS_DEFAULT_TAG } from './constants';
+export type DataListCardStatusBaseProps = StackBaseProps;
+export type DataListCardStatusRef<As extends ElementType = typeof DATA_LIST_CARD_STATUS_DEFAULT_TAG> = ComponentRef<As>;
+export type DataListCardStatusProps<As extends ElementType = typeof DATA_LIST_CARD_STATUS_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;

package/__inner__/esm/components/DataListCard/modules/DataListCardStatus/types.js

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

package/__inner__/esm/components/DataListCard/modules/DataListCardStatusText/DataListCardStatusText.d.ts

@@ -0,0 +1,3 @@
+import type { DataListCardStatusTextProps } from './types';
+export declare const cnDataListCardStatusText: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCardStatusText: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DataListCardStatusTextProps, "span", "as">;

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

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Typography } from '../../../Typography';
+import { useDataListCardContext } from '../../DataListCardContext';
+import { DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG } from './constants';
+export var cnDataListCardStatusText = cn('DataListCardStatusText');
+export var DataListCardStatusText = polymorphicComponentWithRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.as, as = _b === void 0 ? DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG : _b, other = __rest(_a, ["className", "children", "as"]);
+    var size = useDataListCardContext().size;
+    return (React.createElement(Typography, __assign({ className: cnDataListCardStatusText('', [className]) }, other, { ref: ref, as: as, color: "primary", variant: "text-".concat(size) }), children));
+});

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

@@ -0,0 +1 @@
+export declare const DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG = "span";

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

@@ -0,0 +1 @@
+export var DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG = 'span';

package/__inner__/esm/components/DataListCard/modules/DataListCardStatusText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataListCardStatusText';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardStatusText/index.js

@@ -0,0 +1,2 @@
+export * from './DataListCardStatusText';
+export * from './types';

package/__inner__/esm/components/DataListCard/modules/DataListCardStatusText/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TypographyBaseProps } from '../../../Typography';
+import type { DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG } from './constants';
+export type DataListCardStatusTextBaseProps = Omit<TypographyBaseProps, 'variant' | 'color'>;
+export type DataListCardStatusTextRef<As extends ElementType = typeof DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG> = ComponentRef<As>;
+export type DataListCardStatusTextProps<As extends ElementType = typeof DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<DataListCardStatusTextBaseProps, As>;

package/__inner__/esm/components/DataListCard/modules/DataListCardStatusText/types.js

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

package/__inner__/esm/components/DataListCard/modules/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DataListCardItem';
+export * from './DataListCardStatus';
+export * from './DataListCardStatusText';

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

@@ -0,0 +1,3 @@
+export * from './DataListCardItem';
+export * from './DataListCardStatus';
+export * from './DataListCardStatusText';

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

@@ -0,0 +1,19 @@
+import type { ElementType, ReactElement, ReactNode } from 'react';
+import type { WithDisplayName } from '../../types/react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../utils/polymorphicComponentWithRef';
+import type { DataListBaseBaseProps } from '../DataListBase';
+import type { ListCardBaseProps } from '../ListCard';
+import type { DATA_LIST_CARD_DEFAULT_TAG } from './constants';
+export type DataListCardBaseProps<Multiple extends boolean = false> = DataListBaseBaseProps<Multiple> & ListCardBaseProps & {
+    /** Если `true`, то компонент переходит в статус загрузки */
+    loading?: boolean;
+    /** Компонент загрузки */
+    loadingText?: ReactNode;
+    /** Компонент отсутствия опций */
+    noOptionsText?: ReactNode;
+    /** Если `true`, то отображает отсутствие опций */
+    showNoOptions?: boolean;
+};
+export type DataListCardRef = PolymorphicComponentRef<typeof DATA_LIST_CARD_DEFAULT_TAG>;
+export type DataListCardProps<As extends ElementType = typeof DATA_LIST_CARD_DEFAULT_TAG, Multiple extends boolean = false> = PolymorphicComponentPropsWithRef<DataListCardBaseProps<Multiple>, As>;
+export type DataListCardComponent = WithDisplayName<(<As extends ElementType = typeof DATA_LIST_CARD_DEFAULT_TAG, Multiple extends boolean = false>(props: PolymorphicComponentPropsWithRef<DataListCardBaseProps<Multiple>, As>) => ReactElement | null)>;

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

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

package/__inner__/esm/components/DialogNext/components/DialogBottomSheet/DialogBottomSheet.d.ts

@@ -9,4 +9,4 @@ export declare const DialogBottomSheet: React.ForwardRefExoticComponent<{
     hideCloseButton: boolean | undefined;
     className: string | undefined;
     onClose: (() => void) | undefined;
-} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "open" | "onClose" | "size" | "variant" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "size" | "open" | "variant" | "onClose" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DialogNext/modules/DialogCloseButton/DialogCloseButton.d.ts

@@ -1,3 +1,3 @@
 import type { DialogCloseButtonBaseProps } from './types';
 export declare const cnDialogCloseButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const DialogCloseButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DialogCloseButtonBaseProps, "button">;
+export declare const DialogCloseButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DialogCloseButtonBaseProps, "button", "as">;

package/__inner__/esm/components/DialogNext/modules/DialogFooterButton/DialogFooterButton.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFooterButtonBaseProps } from './types';
 export declare const cnDialogFooterButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const DialogFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DialogFooterButtonBaseProps, "div">;
+export declare const DialogFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DialogFooterButtonBaseProps, "div", "as">;

package/__inner__/esm/components/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
 import './Divider.css';
 import type { DividerBaseProps } from './index';
 export declare const cnDivider: import("@bem-react/classname").ClassNameFormatter;
-export declare const Divider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DividerBaseProps, "hr">;
+export declare const Divider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DividerBaseProps, "hr", "as">;

package/__inner__/esm/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerCloseButtonBaseProps } from './types';
 export declare const cnDrawerCloseButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const DrawerCloseButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DrawerCloseButtonBaseProps, "button">;
+export declare const DrawerCloseButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DrawerCloseButtonBaseProps, "button", "as">;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerFooterButtonProps } from './types';
 export declare const cnDrawerFooterButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const DrawerFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DrawerFooterButtonProps, "button">;
+export declare const DrawerFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DrawerFooterButtonProps, "button", "as">;

package/__inner__/esm/components/FieldControl/FieldControl.d.ts

@@ -10,4 +10,4 @@ export type FieldControlBaseProps = Omit<FieldControlContextValue, 'label'> & {
 };
 export type FieldControlProps<As extends ElementType = typeof FIELD_CONTROL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FieldControlBaseProps, As>;
 export declare const cnFieldControl: import("@bem-react/classname").ClassNameFormatter;
-export declare const FieldControl: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldControlBaseProps, "div">;
+export declare const FieldControl: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldControlBaseProps, "div", "as">;

package/__inner__/esm/components/FieldInput/FieldInput.d.ts

@@ -1,3 +1,3 @@
 import type { FieldInputBaseProps } from './types';
 export declare const cnFieldInput: import("@bem-react/classname").ClassNameFormatter;
-export declare const FieldInput: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldInputBaseProps, "div">;
+export declare const FieldInput: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldInputBaseProps, "div", "as">;

package/__inner__/esm/components/File/File.d.ts

@@ -19,4 +19,4 @@ export type FileBaseProps = {
     error?: boolean;
 };
 export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
-export declare const File: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileBaseProps, "div">;
+export declare const File: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileBaseProps, "div", "as">;

package/__inner__/esm/components/FormControlCarcass/FormControlCarcass.d.ts

@@ -3,4 +3,4 @@ import './modules/FormControlCarcassIcon/FormControlCarcassIcon.css';
 import './FormControlCarcass.css';
 import type { FormControlLabelBaseProps } from './types';
 export declare const cnFormControlCarcass: import("@bem-react/classname").ClassNameFormatter;
-export declare const FormControlCarcass: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label">;
+export declare const FormControlCarcass: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label", "as">;

package/__inner__/esm/components/FormControlLabel/FormControlLabel.d.ts

@@ -1,4 +1,4 @@
 import './FormControlLabel.css';
 import type { FormControlLabelBaseProps } from './index';
 export declare const cnFormControlLabel: import("@bem-react/classname").ClassNameFormatter;
-export declare const FormControlLabel: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label">;
+export declare const FormControlLabel: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label", "as">;

package/__inner__/esm/components/FormGroup/FormGroup.d.ts

@@ -1,4 +1,4 @@
 import './FormGroup.css';
 import type { FormGroupBaseProps } from './types';
 export declare const cnFormGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const FormGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormGroupBaseProps, "div">;
+export declare const FormGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormGroupBaseProps, "div", "as">;

package/__inner__/esm/components/FormTitle/FormTitle.d.ts

@@ -9,4 +9,4 @@ export type FormTitleBaseProps = {
 };
 export type FormTitleProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<FormTitleBaseProps, As>;
 export declare const cnFormTitle: import("@bem-react/classname").ClassNameFormatter;
-export declare const FormTitle: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormTitleBaseProps, "div">;
+export declare const FormTitle: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormTitleBaseProps, "div", "as">;

package/__inner__/esm/components/Grid/Grid.d.ts

@@ -30,4 +30,4 @@ export type GridBaseProps = {
     className?: string;
 };
 export type GridProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridBaseProps, As>;
-export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridBaseProps, "div">;
+export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridBaseProps, "div", "as">;

package/__inner__/esm/components/Grid/GridItem.d.ts

@@ -22,4 +22,4 @@ export type GridItemBaseProps = {
     className?: string;
 };
 export type GridItemProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridItemBaseProps, As>;
-export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemBaseProps, "div">;
+export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemBaseProps, "div", "as">;

package/__inner__/esm/components/IconButton/IconButton.d.ts

@@ -38,5 +38,5 @@ export declare const cnIconButton: import("@bem-react/classname").ClassNameForma
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент IconButtonNext
  */
-export declare const IconButton: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<IconButtonBaseProps, "button">;
+export declare const IconButton: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<IconButtonBaseProps, "button", "as">;
 export {};

package/__inner__/esm/components/IconButtonNext/IconButton.d.ts

@@ -1,4 +1,4 @@
 import './IconButton.css';
 import type { IconButtonBaseProps } from './index';
 export declare const cnIconButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const IconButton: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<IconButtonBaseProps, "button">;
+export declare const IconButton: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<IconButtonBaseProps, "button", "as">;

package/__inner__/esm/components/InputOTP/InputOTP.d.ts

@@ -1,4 +1,4 @@
 import './InputOTP.css';
 import type { InputOTPBaseProps } from './types';
 export declare const cnInputOTP: import("@bem-react/classname").ClassNameFormatter;
-export declare const InputOTP: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<InputOTPBaseProps, "div">;
+export declare const InputOTP: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<InputOTPBaseProps, "div", "as">;

package/__inner__/esm/components/Link/Link.d.ts

@@ -5,4 +5,4 @@ import { type TypographyBaseProps } from '../Typography';
 export declare const cnLink: import("@bem-react/classname").ClassNameFormatter;
 export type LinkBaseProps = Pick<TypographyBaseProps, 'variant' | 'display' | 'defaultMargin' | 'children' | 'noWrap' | 'align'>;
 export type LinkProps<As extends ElementType = 'a'> = PolymorphicComponentPropsWithoutRef<LinkBaseProps, As>;
-export declare const Link: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<LinkBaseProps, "a">;
+export declare const Link: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<LinkBaseProps, "a", "as">;

package/__inner__/esm/components/List/List.d.ts

@@ -1,4 +1,4 @@
 import './List.css';
 import type { ListBaseProps } from './types';
 export declare const cnList: import("@bem-react/classname").ClassNameFormatter;
-export declare const List: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListBaseProps, "ul">;
+export declare const List: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListBaseProps, "ul", "as">;

package/__inner__/esm/components/List/components/ListItem/ListItem.d.ts

@@ -14,4 +14,4 @@ export type ListItemBaseProps = {
     align?: ListItemAlignVariant;
 };
 export type ListItemProps<As extends ElementType = typeof LIST_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ListItemBaseProps, As>;
-export declare const ListItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListItemBaseProps, "li">;
+export declare const ListItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListItemBaseProps, "li", "as">;

package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.d.ts

@@ -18,4 +18,4 @@ export type ListItemButtonBaseProps = {
     'data-testid'?: string;
 };
 export type ListItemButtonProps<As extends ElementType = typeof LIST_ITEM_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ListItemButtonBaseProps, As>;
-export declare const ListItemButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListItemButtonBaseProps, "div">;
+export declare const ListItemButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListItemButtonBaseProps, "div", "as">;

package/__inner__/esm/components/ListCard/ListCardContext.d.ts

@@ -0,0 +1,11 @@
+import type { ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemSizeVariant, ListCardItemVariant } from '../ListCardItem';
+export type ListCardContextValue = {
+    size: ListCardItemSizeVariant;
+    variant: ListCardItemVariant;
+    contentTrailingRatio: number;
+    backgroundColorScheme: ListCardItemBackgroundColorScheme;
+    borderColorScheme: ListCardItemBorderColorScheme | undefined;
+    interactive: boolean;
+};
+export declare const ListCardContext: import("react").Context<ListCardContextValue | undefined>;
+export declare const useListCardContext: () => ListCardContextValue | undefined;

package/__inner__/esm/components/ListCard/ListCardContext.js

@@ -0,0 +1,8 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../constants/environment';
+export var ListCardContext = createContext(undefined);
+export var useListCardContext = function () { return useContext(ListCardContext); };
+// Именованный провайдер
+if (isDev) {
+    ListCardContext.displayName = 'ListCardContext';
+}

package/__inner__/esm/components/ListCard/PageListCard/PageListCard.css

@@ -0,0 +1,6 @@
+.PageListCard {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  gap: var(--spacing-s);
+}

package/__inner__/esm/components/ListCard/PageListCard/PageListCard.d.ts

@@ -0,0 +1,4 @@
+import './PageListCard.css';
+import type { PageListCardBaseProps } from './types';
+export declare const cnPageListCard: import("@bem-react/classname").ClassNameFormatter;
+export declare const PageListCard: import("../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PageListCardBaseProps, "div", "as">;

package/__inner__/esm/components/ListCard/PageListCard/PageListCard.js

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import './PageListCard.css';
+import React from 'react';
+import { useThemeProps } from '../../../hooks/useThemeProps';
+import { cn } from '../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../utils/polymorphicComponentWithRef';
+import { LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME, LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO, LIST_CARD_DEFAULT_INTERACTIVE, LIST_CARD_DEFAULT_SIZE, LIST_CARD_DEFAULT_TAG, } from '../constants';
+import { ListCardContext } from '../ListCardContext';
+export var cnPageListCard = cn('PageListCard');
+export var PageListCard = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'PageListCard',
+    });
+    var _a = props.as, Tag = _a === void 0 ? LIST_CARD_DEFAULT_TAG : _a, children = props.children, borderColorScheme = props.borderColorScheme, _b = props.size, size = _b === void 0 ? LIST_CARD_DEFAULT_SIZE : _b, _c = props.contentTrailingRatio, contentTrailingRatio = _c === void 0 ? LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _c, _d = props.interactive, interactive = _d === void 0 ? LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.backgroundColorScheme, backgroundColorScheme = _e === void 0 ? LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _e, className = props.className, other = __rest(props, ["as", "children", "borderColorScheme", "size", "contentTrailingRatio", "interactive", "backgroundColorScheme", "className"]);
+    return (React.createElement(ListCardContext.Provider, { value: {
+            variant: 'onPage',
+            size: size,
+            borderColorScheme: borderColorScheme,
+            backgroundColorScheme: backgroundColorScheme,
+            interactive: interactive,
+            contentTrailingRatio: contentTrailingRatio,
+        } },
+        React.createElement(Tag, __assign({}, other, { ref: ref, className: cnPageListCard({
+                size: size,
+            }, [className]) }), children)));
+});

package/__inner__/esm/components/ListCard/PageListCard/constants.d.ts

@@ -0,0 +1 @@
+export declare const PAGE_LIST_CARD_DEFAULT_TAG = "div";

package/__inner__/esm/components/ListCard/PageListCard/constants.js

@@ -0,0 +1,2 @@
+import { LIST_CARD_DEFAULT_TAG } from '../constants';
+export var PAGE_LIST_CARD_DEFAULT_TAG = LIST_CARD_DEFAULT_TAG;

package/__inner__/esm/components/ListCard/PageListCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PageListCard';
+export * from './types';

package/__inner__/esm/components/ListCard/PageListCard/index.js

@@ -0,0 +1,2 @@
+export * from './PageListCard';
+export * from './types';

package/__inner__/esm/components/ListCard/PageListCard/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
+import type { ListCardBaseProps } from '../types';
+import type { PAGE_LIST_CARD_DEFAULT_TAG } from './constants';
+export type PageListCardBaseProps = ListCardBaseProps & {
+    /** Контент */
+    children: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type PageListCardProps<As extends ElementType = typeof PAGE_LIST_CARD_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PageListCardBaseProps, As>;
+export type PageListCardRef = ComponentRef<typeof PAGE_LIST_CARD_DEFAULT_TAG>;

package/__inner__/esm/components/ListCard/PageListCard/types.js

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

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

@@ -0,0 +1,9 @@
+export declare const LIST_CARD_DEFAULT_TAG = "div";
+export declare const LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME: {
+    base: "background-main";
+    hover: "background-main-hover";
+    pressed: "background-main-pressed";
+};
+export declare const LIST_CARD_DEFAULT_SIZE = "m";
+export declare const LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = 0.85;
+export declare const LIST_CARD_DEFAULT_INTERACTIVE = true;

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

@@ -0,0 +1,6 @@
+import { LIST_CARD_ITEM_DEFAULT_BACKGROUND_COLOR_SCHEME, LIST_CARD_ITEM_DEFAULT_CONTENT_TRAILING_RATIO, LIST_CARD_ITEM_DEFAULT_INTERACTIVE, LIST_CARD_ITEM_DEFAULT_SIZE, } from '../ListCardItem/constants';
+export var LIST_CARD_DEFAULT_TAG = 'div';
+export var LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = LIST_CARD_ITEM_DEFAULT_BACKGROUND_COLOR_SCHEME;
+export var LIST_CARD_DEFAULT_SIZE = LIST_CARD_ITEM_DEFAULT_SIZE;
+export var LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = LIST_CARD_ITEM_DEFAULT_CONTENT_TRAILING_RATIO;
+export var LIST_CARD_DEFAULT_INTERACTIVE = LIST_CARD_ITEM_DEFAULT_INTERACTIVE;

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

@@ -0,0 +1,4 @@
+export * from './PageListCard';
+export * from './constants';
+export * from './ListCardContext';
+export * from './types';

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

@@ -0,0 +1,4 @@
+export * from './PageListCard';
+export * from './constants';
+export * from './ListCardContext';
+export * from './types';

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

@@ -0,0 +1,13 @@
+import type { ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemSizeVariant } from '../ListCardItem';
+export type ListCardBaseProps = {
+    /** Размер */
+    size?: ListCardItemSizeVariant;
+    /** Соотношение контента к блоку "trailing" */
+    contentTrailingRatio?: number;
+    /** Цветовая схема заднего фона */
+    backgroundColorScheme?: ListCardItemBackgroundColorScheme;
+    /** Цветовая схема рамки */
+    borderColorScheme?: ListCardItemBorderColorScheme;
+    /** Если `true`, то компонент интерактивен */
+    interactive?: boolean;
+};

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

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