npm - @ozen-ui/kit - Versions diffs - 0.70.0 → 0.71.1 - Mend

@ozen-ui/kit 0.70.0 → 0.71.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1213) hide show

package/__inner__/cjs/components/DataListBase/utils/lastSelectedValue.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { DataListBaseSingleValue, DataListBaseValue } from '../entities';
2	+ export declare const lastSelectedValue: <Selected extends DataListBaseValue<boolean>>(selected: Selected) => DataListBaseSingleValue \| null;

package/__inner__/cjs/components/DataListBase/utils/lastSelectedValue.js ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lastSelectedValue = void 0;
+var array_1 = require("../../../utils/array");
+var isSelectedValue_1 = require("./isSelectedValue");
+var lastSelectedValue = function (selected) {
+    var _a;
+    if (!(0, isSelectedValue_1.isSelectedValue)(selected)) {
+        return null;
+    }
+    if ((0, array_1.isArray)(selected)) {
+        return (_a = selected[selected.length - 1]) !== null && _a !== void 0 ? _a : null;
+    }
+    return selected;
+};
+exports.lastSelectedValue = lastSelectedValue;

package/__inner__/cjs/components/DataListCard/DataListCard.css ADDED Viewed

@@ -0,0 +1,48 @@
+.DataListCard {
+  --scroll-bar-size: 12px;
+}
+  .DataListCard::-webkit-scrollbar {
+    inline-size: var(--scroll-bar-size);
+  }
+  .DataListCard::-webkit-scrollbar-thumb {
+    background-color: var(--color-background-secondary);
+    border-radius: calc(var(--scroll-bar-size) / 2);
+    border: calc(var(--scroll-bar-size) / 4) solid transparent;
+    background-clip: padding-box;
+    border-image: initial;
+    min-block-size: 24px;
+  }
+  .DataListCard::-webkit-scrollbar-thumb:hover,
+    .DataListCard::-webkit-scrollbar-thumb:active {
+      border: calc(var(--scroll-bar-size) / 4) solid transparent;
+      background-clip: padding-box;
+    }
+  .DataListCard::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-background-secondary-hover);
+    }
+  .DataListCard::-webkit-scrollbar-thumb:active {
+      background-color: var(--color-background-secondary-pressed);
+    }
+  .DataListCard::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+  .DataListCard {
+  overflow: hidden auto;
+}
+  .DataListCard > * {
+    margin-block: var(--data-list-card-padding-block);
+    margin-inline: var(--data-list-card-padding-inline);
+  }
+  .DataListCard.DataListCard_size_xs, .DataListCard.DataListCard_size_s {
+    --data-list-card-padding-inline: var(--spacing-3xs);
+    --data-list-card-padding-block: var(--spacing-3xs);
+    gap: var(--spacing-4xs);
+  }
+  .DataListCard.DataListCard_size_m, .DataListCard.DataListCard_size_l {
+    --data-list-card-padding-inline: var(--spacing-2xs);
+    --data-list-card-padding-block: var(--spacing-2xs);
+    gap: var(--spacing-3xs);
+  }

package/__inner__/cjs/components/DataListCard/DataListCard.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import './modules/DataListCardStatus/DataListCardStatus.css';
+import './modules/DataListCardItem/DataListCardItem.css';
+import './DataListCard.css';
+import type { DataListCardComponent } from './types';
+export declare const cnDataListCard: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCard: DataListCardComponent;

package/__inner__/cjs/components/DataListCard/DataListCard.js ADDED Viewed

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCard = exports.cnDataListCard = void 0;
+var tslib_1 = require("tslib");
+require("./modules/DataListCardStatus/DataListCardStatus.css");
+require("./modules/DataListCardItem/DataListCardItem.css");
+require("./DataListCard.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var DataListBase_1 = require("../DataListBase");
+var ListCard_1 = require("../ListCard");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var DataListCardContext_1 = require("./DataListCardContext");
+exports.cnDataListCard = (0, classname_1.cn)('DataListCard');
+var DataListCardRender = function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'DataListCard',
+    });
+    var className = props.className, children = props.children, _a = props.as, as = _a === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_TAG : _a, active = props.active, _b = props.size, size = _b === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SIZE : _b, borderColorScheme = props.borderColorScheme, _c = props.backgroundColorScheme, backgroundColorScheme = _c === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _c, _d = props.interactive, interactive = _d === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.contentTrailingRatio, contentTrailingRatio = _e === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _e, _f = props.shadow, shadow = _f === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SHADOW : _f, radiusProp = props.radius, _g = props.loading, loading = _g === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_LOADING : _g, loadingText = props.loadingText, _h = props.showNoOptions, showNoOptions = _h === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS : _h, noOptionsText = props.noOptionsText, other = tslib_1.__rest(props, ["className", "children", "as", "active", "size", "borderColorScheme", "backgroundColorScheme", "interactive", "contentTrailingRatio", "shadow", "radius", "loading", "loadingText", "showNoOptions", "noOptionsText"]);
+    var radius = radiusProp !== null && radiusProp !== void 0 ? radiusProp : constants_1.DATA_LIST_CARD_RADIUS_BY_SIZE[size];
+    return (react_1.default.createElement(ListCard_1.ListCardContext.Provider, { value: {
+            variant: 'list',
+            size: size,
+            borderColorScheme: borderColorScheme,
+            backgroundColorScheme: backgroundColorScheme,
+            interactive: interactive,
+            contentTrailingRatio: contentTrailingRatio,
+        } },
+        react_1.default.createElement(DataListCardContext_1.DataListCardContext.Provider, { value: {
+                size: size,
+                showNoOptions: showNoOptions,
+                loading: loading,
+            } },
+            react_1.default.createElement(DataListBase_1.DataListBase, tslib_1.__assign({}, other, { as: as, active: active, className: (0, exports.cnDataListCard)({ size: size }, [className]), shadow: shadow, radius: radius, ref: ref }),
+                children,
+                react_1.default.createElement(components_1.DataListCardLoading, { loadingText: loadingText }),
+                react_1.default.createElement(components_1.DataListCardNoOption, { noOptionsText: noOptionsText })))));
+};
+exports.DataListCard = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(DataListCardRender);
+exports.DataListCard.displayName = 'DataListCard';

package/__inner__/cjs/components/DataListCard/DataListCardContext.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { ListCardItemSizeVariant } from '../ListCardItem';
+export type DataListCardContextValue = {
+    size: ListCardItemSizeVariant;
+    loading: boolean;
+    showNoOptions: boolean;
+};
+export declare const DataListCardContextDefaultValue: DataListCardContextValue;
+export declare const DataListCardContext: import("react").Context<DataListCardContextValue>;
+export declare const useDataListCardContext: () => DataListCardContextValue;

package/__inner__/cjs/components/DataListCard/DataListCardContext.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataListCardContext = exports.DataListCardContext = exports.DataListCardContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.DataListCardContextDefaultValue = {
+    size: constants_1.DATA_LIST_CARD_DEFAULT_SIZE,
+    loading: constants_1.DATA_LIST_CARD_DEFAULT_LOADING,
+    showNoOptions: constants_1.DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS,
+};
+exports.DataListCardContext = (0, react_1.createContext)(exports.DataListCardContextDefaultValue);
+var useDataListCardContext = function () { return (0, react_1.useContext)(exports.DataListCardContext); };
+exports.useDataListCardContext = useDataListCardContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.DataListCardContext.displayName = 'DataListCardContext';
+}

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/DataListCardLoading.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DataListCardLoadingProps } from './types';
+export declare const cnDataListCardLoading: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCardLoading: ({ loadingText, className, ...other }: DataListCardLoadingProps) => boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/DataListCardLoading.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCardLoading = exports.cnDataListCardLoading = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
+var isString_1 = require("../../../../utils/isString");
+var number_1 = require("../../../../utils/number");
+var DataListBase_1 = require("../../../DataListBase");
+var Loader_1 = require("../../../Loader");
+var DataListCardContext_1 = require("../../DataListCardContext");
+var modules_1 = require("../../modules");
+exports.cnDataListCardLoading = (0, classname_1.cn)('DataListCardLoading');
+var DataListCardLoading = function (_a) {
+    var loadingText = _a.loadingText, className = _a.className, other = tslib_1.__rest(_a, ["loadingText", "className"]);
+    var optionsStore = (0, DataListBase_1.useDataListBaseContext)().optionsStore;
+    var _b = (0, DataListCardContext_1.useDataListCardContext)(), loading = _b.loading, size = _b.size;
+    var show = !optionsStore.hasOptions && loading;
+    if (!show) {
+        return null;
+    }
+    var loaderSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
+    return (0, isString_1.isString)(loadingText) || (0, number_1.isNumber)(loadingText) ? (react_1.default.createElement(modules_1.DataListCardStatus, tslib_1.__assign({}, other, { className: (0, exports.cnDataListCardLoading)('', [className]) }),
+        react_1.default.createElement(Loader_1.Loader, { size: loaderSize }),
+        react_1.default.createElement(modules_1.DataListCardStatusText, null, loadingText))) : (loadingText);
+};
+exports.DataListCardLoading = DataListCardLoading;

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataListCardLoading"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+import type { DataListCardStatusProps } from '../../modules';
+export type DataListCardLoadingProps = DataListCardStatusProps & {
+    loadingText: ReactNode;
+};

package/__inner__/cjs/components/DataListCard/components/DataListCardLoading/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/DataListCardNoOption.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DataListCardNoOptionProps } from './types';
+export declare const cnDataListCardNoOption: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListCardNoOption: ({ noOptionsText, className, ...other }: DataListCardNoOptionProps) => boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/DataListCardNoOption.js ADDED Viewed

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCardNoOption = exports.cnDataListCardNoOption = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var isString_1 = require("../../../../utils/isString");
+var number_1 = require("../../../../utils/number");
+var DataListBase_1 = require("../../../DataListBase");
+var DataListCardContext_1 = require("../../DataListCardContext");
+var modules_1 = require("../../modules");
+var DataListCardStatus_1 = require("../../modules/DataListCardStatus");
+exports.cnDataListCardNoOption = (0, classname_1.cn)('DataListCardNoOption');
+var DataListCardNoOption = function (_a) {
+    var noOptionsText = _a.noOptionsText, className = _a.className, other = tslib_1.__rest(_a, ["noOptionsText", "className"]);
+    var optionsStore = (0, DataListBase_1.useDataListBaseContext)().optionsStore;
+    var _b = (0, DataListCardContext_1.useDataListCardContext)(), showNoOptions = _b.showNoOptions, loading = _b.loading;
+    var show = !optionsStore.hasOptions && !loading && showNoOptions;
+    if (!show) {
+        return null;
+    }
+    return (0, isString_1.isString)(noOptionsText) || (0, number_1.isNumber)(noOptionsText) ? (react_1.default.createElement(DataListCardStatus_1.DataListCardStatus, tslib_1.__assign({}, other, { className: (0, exports.cnDataListCardNoOption)('', [className]) }),
+        react_1.default.createElement(modules_1.DataListCardStatusText, null, noOptionsText))) : (noOptionsText);
+};
+exports.DataListCardNoOption = DataListCardNoOption;

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataListCardNoOption"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+import type { DataListCardStatusProps } from '../../modules';
+export type DataListCardNoOptionProps = DataListCardStatusProps & {
+    noOptionsText: ReactNode;
+};

package/__inner__/cjs/components/DataListCard/components/DataListCardNoOption/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/DataListCard/components/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './DataListCardLoading';
2	+ export * from './DataListCardNoOption';

package/__inner__/cjs/components/DataListCard/components/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataListCardLoading"), exports);
+tslib_1.__exportStar(require("./DataListCardNoOption"), exports);

package/__inner__/cjs/components/DataListCard/constants.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { ListCardItemSizeVariant } from '../ListCardItem';
+import type { PaperRadiusVariant } from '../Paper';
+export declare const DATA_LIST_CARD_DEFAULT_TAG = "ul";
+export declare const DATA_LIST_CARD_DEFAULT_SIZE = "m";
+export declare const DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME: {
+    base: "background-main";
+    hover: "background-main-hover";
+    pressed: "background-main-pressed";
+};
+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_LOADING = false;
+export declare const DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = true;
+export declare const DATA_LIST_CARD_DEFAULT_SHADOW = "l";
+export declare const DATA_LIST_CARD_RADIUS_BY_SIZE: Readonly<Record<ListCardItemSizeVariant, PaperRadiusVariant>>;

package/__inner__/cjs/components/DataListCard/constants.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_LIST_CARD_RADIUS_BY_SIZE = exports.DATA_LIST_CARD_DEFAULT_SHADOW = exports.DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = exports.DATA_LIST_CARD_DEFAULT_LOADING = exports.DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = exports.DATA_LIST_CARD_DEFAULT_INTERACTIVE = exports.DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = exports.DATA_LIST_CARD_DEFAULT_SIZE = exports.DATA_LIST_CARD_DEFAULT_TAG = void 0;
+var constants_1 = require("../DataListBase/constants");
+var ListCard_1 = require("../ListCard");
+exports.DATA_LIST_CARD_DEFAULT_TAG = constants_1.DATA_LIST_BASE_DEFAULT_TAG;
+exports.DATA_LIST_CARD_DEFAULT_SIZE = ListCard_1.LIST_CARD_DEFAULT_SIZE;
+exports.DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = ListCard_1.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME;
+exports.DATA_LIST_CARD_DEFAULT_INTERACTIVE = ListCard_1.LIST_CARD_DEFAULT_INTERACTIVE;
+exports.DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = ListCard_1.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO;
+exports.DATA_LIST_CARD_DEFAULT_LOADING = false;
+exports.DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS = true;
+exports.DATA_LIST_CARD_DEFAULT_SHADOW = 'l';
+exports.DATA_LIST_CARD_RADIUS_BY_SIZE = {
+    xs: 's',
+    s: 'l',
+    m: 'l',
+    l: 'l',
+};

package/__inner__/cjs/components/DataListCard/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./DataListCard"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/DataListCardItem.css ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/DataListCardItem.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardItem/DataListCardItem.js ADDED Viewed

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCardItem = exports.cnDataListCardItem = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var DataListBase_1 = require("../../../DataListBase");
+var hooks_1 = require("../../../DataListBase/hooks");
+var ListCardItem_1 = require("../../../ListCardItem");
+exports.cnDataListCardItem = (0, classname_1.cn)('DataListCardItem');
+exports.DataListCardItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.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 = tslib_1.__rest(props, ["children", "listId", "disabled", "as", "className", "onClick"]);
+    var internalRef = (0, react_1.useRef)(null);
+    var _a = (0, hooks_1.useAsDataListBaseItem)({
+        ref: internalRef,
+        optionId: listId,
+        disabled: disabledProp,
+    }), focused = _a.focused, selected = _a.selected, onClick = _a.onClick, disabled = _a.disabled;
+    return (react_1.default.createElement(ListCardItem_1.ListCardItem, tslib_1.__assign({ ref: (0, useMultiRef_1.useMultiRef)([ref, internalRef]), role: "option", className: (0, exports.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_1.default.createElement(ListCardItem_1.ListCardItemControlIcon, { className: (0, exports.cnDataListCardItem)('CheckIcon'), icon: icons_1.CheckIcon })) }, other), children));
+});
+exports.DataListCardItem.displayName = DataListBase_1.DATA_LIST_BASE_ITEM_DISPLAY_NAME;

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/constants.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/constants.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_LIST_CARD_ITEM_DEFAULT_TAG = void 0;
+exports.DATA_LIST_CARD_ITEM_DEFAULT_TAG = 'li';

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./DataListCardItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/modules/DataListCardItem/types.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardItem/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/DataListCardStatus.css ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardStatus/DataListCardStatus.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/DataListCardStatus.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCardStatus = exports.cnDataListCardStatus = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var Stack_1 = require("../../../Stack");
+var DataListCardContext_1 = require("../../DataListCardContext");
+var constants_1 = require("./constants");
+exports.cnDataListCardStatus = (0, classname_1.cn)('DataListCardStatus');
+exports.DataListCardStatus = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? constants_1.DATA_LIST_CARD_STATUS_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "className", "as"]);
+    var size = (0, DataListCardContext_1.useDataListCardContext)().size;
+    return (react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({ gap: constants_1.DATA_LIST_CARD_STATUS_GAP_BY_SIZE[size] }, other, { ref: ref, as: as, className: (0, exports.cnDataListCardStatus)({ size: size }, [className]) }), children));
+});
+exports.DataListCardStatus.displayName = 'DataListCardStatus';

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/constants.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardStatus/constants.js ADDED Viewed

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_LIST_CARD_STATUS_GAP_BY_SIZE = exports.DATA_LIST_CARD_STATUS_DEFAULT_TAG = void 0;
+var Stack_1 = require("../../../Stack");
+exports.DATA_LIST_CARD_STATUS_DEFAULT_TAG = Stack_1.STACK_DEFAULT_TAG;
+exports.DATA_LIST_CARD_STATUS_GAP_BY_SIZE = {
+    xs: 's',
+    s: 'm',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./DataListCardStatus"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatus/types.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardStatus/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/DataListCardStatusText.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardStatusText/DataListCardStatusText.js ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListCardStatusText = exports.cnDataListCardStatusText = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var Typography_1 = require("../../../Typography");
+var DataListCardContext_1 = require("../../DataListCardContext");
+var constants_1 = require("./constants");
+exports.cnDataListCardStatusText = (0, classname_1.cn)('DataListCardStatusText');
+exports.DataListCardStatusText = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.as, as = _b === void 0 ? constants_1.DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["className", "children", "as"]);
+    var size = (0, DataListCardContext_1.useDataListCardContext)().size;
+    return (react_1.default.createElement(Typography_1.Typography, tslib_1.__assign({ className: (0, exports.cnDataListCardStatusText)('', [className]) }, other, { ref: ref, as: as, color: "primary", variant: "text-".concat(size) }), children));
+});

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/constants.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/constants.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG = void 0;
+exports.DATA_LIST_CARD_STATUS_TEXT_DEFAULT_TAG = 'span';

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataListCardStatusText"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataListCard/modules/DataListCardStatusText/types.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/modules/DataListCardStatusText/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/DataListCard/modules/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/DataListCard/modules/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataListCardItem"), exports);
+tslib_1.__exportStar(require("./DataListCardStatus"), exports);
+tslib_1.__exportStar(require("./DataListCardStatusText"), exports);

package/__inner__/cjs/components/DataListCard/types.d.ts ADDED Viewed

@@ -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__/cjs/components/DataListCard/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });