@ozen-ui/kit 0.64.0 → 0.65.0

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.css

@@ -0,0 +1,38 @@
+/* stylelint-disable */
+.TitleMain {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--space-xs);
+}
+.TitleMain_defaultMargin {
+    margin-block: var(--title-main-default-margin-block);
+  }
+.TitleMain_defaultMargin .TitleMain-Label {
+      block-size: 1em;
+    }
+.TitleMain_size_s {
+      --title-main-default-margin-block: 12px 16px;
+    }
+.TitleMain_size_s .TitleMain-Content {
+        font: var(--typography-heading-xl-font);
+        letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+        text-transform: var(--typography-heading-xl-text_transform, none);
+      }
+.TitleMain_size_m {
+      --title-main-default-margin-block: 16px 24px;
+    }
+.TitleMain_size_m .TitleMain-Content {
+        font: var(--typography-heading-2xl-font);
+        letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+        text-transform: var(--typography-heading-2xl-text_transform, none);
+      }
+.TitleMain-ContentContainer {
+    color: var(--color-content-tertiary);
+  }
+.TitleMain-Content {
+    color: var(--color-content-primary);
+  }
+.TitleMain-Label {
+    cursor: default;
+  }

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.d.ts

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

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleMain = exports.cnTitleMain = void 0;
+var tslib_1 = require("tslib");
+require("./TitleMain.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../../utils/classname");
+var getIconSizeToFormElement_1 = require("../../../../../utils/getIconSizeToFormElement");
+var polymorphicComponentWithRef_1 = require("../../../../../utils/polymorphicComponentWithRef");
+var renderContent_1 = require("../../../../../utils/renderContent");
+var Breadcrumbs_1 = require("../../../../Breadcrumbs");
+var Stack_1 = require("../../../../Stack");
+var constants_1 = require("../../../constants");
+var config_1 = require("./config");
+exports.cnTitleMain = (0, classname_1.cn)('TitleMain');
+exports.TitleMain = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, renderLeft = _a.renderLeft, renderRight = _a.renderRight, label = _a.label, defaultMarginProp = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "renderLeft", "renderRight", "label", "defaultMargin"]);
+    var defaultMargin = defaultMarginProp === undefined ? !!label : defaultMarginProp;
+    var renderIcon = function (content) {
+        return (0, renderContent_1.renderContent)({
+            content: content,
+            props: {
+                size: (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size),
+            },
+        });
+    };
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleMain)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }),
+        (label || defaultMargin) && (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { size: config_1.TITLE_MAIN_LABEL_SIZE_MAP[size], className: (0, exports.cnTitleMain)('LabelContainer') },
+            react_1.default.createElement(Breadcrumbs_1.BreadcrumbItem, { as: "span", className: (0, exports.cnTitleMain)('Label') }, label))),
+        react_1.default.createElement(Stack_1.Stack, { gap: "s", align: "center", className: (0, exports.cnTitleMain)('ContentContainer') },
+            renderIcon(renderLeft),
+            react_1.default.createElement("span", { className: (0, exports.cnTitleMain)('Content') }, children),
+            renderIcon(renderRight))));
+});
+exports.TitleMain.displayName = 'TitleMain';

package/__inner__/cjs/components/Title/components/variant/main/config.d.ts

@@ -0,0 +1,3 @@
+import type { BreadcrumbsSizeVariant } from '../../../../Breadcrumbs';
+import type { TitleSizeVariant } from '../../../entities';
+export declare const TITLE_MAIN_LABEL_SIZE_MAP: Readonly<Record<TitleSizeVariant, BreadcrumbsSizeVariant>>;

package/__inner__/cjs/components/Title/components/variant/main/config.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_MAIN_LABEL_SIZE_MAP = void 0;
+exports.TITLE_MAIN_LABEL_SIZE_MAP = {
+    s: 'xs',
+    m: 's',
+};

package/__inner__/cjs/components/Title/components/variant/main/index.d.ts

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

package/__inner__/cjs/components/Title/components/variant/main/index.js

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

package/__inner__/cjs/components/Title/components/variant/main/types.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../../constants';
+import type { TitleIcon, TitleSizeVariant } from '../../../entities';
+export type TitleMainBaseProps = {
+    size: TitleSizeVariant;
+    label?: string;
+    renderLeft?: TitleIcon;
+    renderRight?: TitleIcon;
+    defaultMargin?: boolean;
+    'data-testid'?: string;
+};
+export type TitleMainProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleMainBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/main/types.js

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

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.css

@@ -0,0 +1,26 @@
+/* stylelint-disable */
+.TitleSecondary {
+  display: inline-block;
+  color: var(--color-content-secondary);
+}
+.TitleSecondary_size_s {
+      --title-secondary-default-margin-block: 24px 12px;
+
+      font: var(--typography-text-s_1-font);
+
+      letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
+
+      text-transform: var(--typography-text-s_1-text_transform, none);
+    }
+.TitleSecondary_size_m {
+      --title-secondary-default-margin-block: 32px 16px;
+
+      font: var(--typography-text-m_1-font);
+
+      letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
+
+      text-transform: var(--typography-text-m_1-text_transform, none);
+    }
+.TitleSecondary_defaultMargin {
+    margin-block: var(--title-secondary-default-margin-block);
+  }

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.d.ts

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

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleSecondary = exports.cnTitleSecondary = void 0;
+var tslib_1 = require("tslib");
+require("./TitleSecondary.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../../utils/polymorphicComponentWithRef");
+var constants_1 = require("../../../constants");
+exports.cnTitleSecondary = (0, classname_1.cn)('TitleSecondary');
+exports.TitleSecondary = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, defaultMargin = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "defaultMargin"]);
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleSecondary)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }), children));
+});
+exports.TitleSecondary.displayName = 'TitleSecondary';

package/__inner__/cjs/components/Title/components/variant/secondary/index.d.ts

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

package/__inner__/cjs/components/Title/components/variant/secondary/index.js

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

package/__inner__/cjs/components/Title/components/variant/secondary/types.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../../constants';
+import type { TitleSizeVariant } from '../../../entities';
+export type TitleSecondaryBaseProps = {
+    size: TitleSizeVariant;
+    defaultMargin?: boolean;
+    'data-testid'?: string;
+};
+export type TitleSecondaryProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleSecondaryBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/secondary/types.js

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

package/__inner__/cjs/components/Title/components/variant/types.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../constants';
+import type { TitleVariantValue } from '../../entities';
+import type { TitleMainBaseProps } from '../variant/main';
+import type { TitleSecondaryBaseProps } from '../variant/secondary';
+export type TitleVariantBaseProps = TitleVariantValue<'main', TitleMainBaseProps> | TitleVariantValue<'secondary', TitleSecondaryBaseProps> | TitleVariantValue<undefined, TitleMainBaseProps>;
+export type TitleVariantProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleVariantBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/types.js

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

package/__inner__/cjs/components/Title/constants.d.ts

@@ -0,0 +1,4 @@
+import type { TitleSizeVariant, TitleVariant } from './entities';
+export declare const TITLE_DEFAULT_SIZE: TitleSizeVariant;
+export declare const TITLE_DEFAULT_VARIANT: TitleVariant;
+export declare const TITLE_DEFAULT_TAG = "div";

package/__inner__/cjs/components/Title/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_DEFAULT_TAG = exports.TITLE_DEFAULT_VARIANT = exports.TITLE_DEFAULT_SIZE = void 0;
+exports.TITLE_DEFAULT_SIZE = 'm';
+exports.TITLE_DEFAULT_VARIANT = 'main';
+exports.TITLE_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/Title/entities/icon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../utils/renderContent';
+export type TitleIcon = RenderContentType<IconProps>['content'];

package/__inner__/cjs/components/Title/entities/icon.js

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

package/__inner__/cjs/components/Title/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon';
+export * from './variant';
+export * from './size';

package/__inner__/cjs/components/Title/entities/index.js

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

package/__inner__/cjs/components/Title/entities/size.d.ts

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

package/__inner__/cjs/components/Title/entities/size.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.titleSizeVariant = void 0;
+exports.titleSizeVariant = ['s', 'm'];

package/__inner__/cjs/components/Title/entities/variant.d.ts

@@ -0,0 +1,7 @@
+export declare const titleVariant: readonly ["main", "secondary"];
+export type TitleVariant = (typeof titleVariant)[number];
+export type TitleVariantValue<Variant extends TitleVariant | undefined, Value> = (Variant extends undefined ? {
+    variant?: undefined;
+} : {
+    variant: Variant;
+}) & Value;

package/__inner__/cjs/components/Title/entities/variant.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.titleVariant = void 0;
+exports.titleVariant = ['main', 'secondary'];

package/__inner__/cjs/components/Title/index.d.ts

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

package/__inner__/cjs/components/Title/index.js

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

package/__inner__/cjs/components/Title/modules/icon-button/TitleIconButton.d.ts

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

package/__inner__/cjs/components/Title/modules/icon-button/TitleIconButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleIconButton = exports.cnTitleIconButton = 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 IconButtonNext_1 = require("../../../IconButtonNext");
+var TitleContext_1 = require("../../TitleContext");
+var constants_1 = require("./constants");
+exports.cnTitleIconButton = (0, classname_1.cn)('TitleIconButton');
+exports.TitleIconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) {
+    var size = (0, TitleContext_1.useTitleContext)().size;
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ compressed: true, as: constants_1.TITLE_ICON_BUTTON_DEFAULT_TAG }, props, { ref: ref, size: size, className: (0, exports.cnTitleIconButton)('', [props.className]) })));
+});
+exports.TitleIconButton.displayName = 'TitleIconButton';

package/__inner__/cjs/components/Title/modules/icon-button/constants.d.ts

@@ -0,0 +1 @@
+export declare const TITLE_ICON_BUTTON_DEFAULT_TAG = "button";

package/__inner__/cjs/components/Title/modules/icon-button/constants.js

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

package/__inner__/cjs/components/Title/modules/icon-button/index.d.ts

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

package/__inner__/cjs/components/Title/modules/icon-button/index.js

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

package/__inner__/cjs/components/Title/modules/icon-button/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { IconButtonBaseProps } from '../../../IconButtonNext';
+import type { TITLE_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export type TitleIconButtonBaseProps = Omit<IconButtonBaseProps, 'size'>;
+export type TitleIconButtonProps<As extends ElementType = typeof TITLE_ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleIconButtonBaseProps, As>;

package/__inner__/cjs/components/Title/modules/icon-button/types.js

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

package/__inner__/cjs/components/Title/modules/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-button';
+export * from './tag';

package/__inner__/cjs/components/Title/modules/index.js

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

package/__inner__/cjs/components/Title/modules/tag/TitleTag.css

@@ -0,0 +1,4 @@
+.TitleTag {
+  background-color: var(--color-background-main);
+  color: var(--color-content-primary);
+}

package/__inner__/cjs/components/Title/modules/tag/TitleTag.d.ts

@@ -0,0 +1,3 @@
+import type { TitleTagBaseProps } from '../../../Title/modules/tag/types';
+export declare const cnTitleTag: import("@bem-react/classname").ClassNameFormatter;
+export declare const TitleTag: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleTagBaseProps, "div">;

package/__inner__/cjs/components/Title/modules/tag/TitleTag.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleTag = exports.cnTitleTag = 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 TagNext_1 = require("../../../TagNext");
+var constants_1 = require("../../../Title/modules/tag/constants");
+exports.cnTitleTag = (0, classname_1.cn)('TitleTag');
+exports.TitleTag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: constants_1.TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: (0, exports.cnTitleTag)('', [props.className]) }))); });

package/__inner__/cjs/components/Title/modules/tag/constants.d.ts

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

package/__inner__/cjs/components/Title/modules/tag/constants.js

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

package/__inner__/cjs/components/Title/modules/tag/index.d.ts

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

package/__inner__/cjs/components/Title/modules/tag/index.js

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

package/__inner__/cjs/components/Title/modules/tag/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TagBaseProps } from '../../../TagNext';
+import type { TITLE_TAG_DEFAULT_TAG } from './constants';
+export type TitleTagBaseProps = Omit<TagBaseProps, 'size' | 'color' | 'variant'>;
+export type TitleTagProps<As extends ElementType = typeof TITLE_TAG_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleTagBaseProps, As>;

package/__inner__/cjs/components/Title/modules/tag/types.js

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

package/__inner__/cjs/components/Title/types.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import type { WithPartial } from '../../types/object/withPartial';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { TitleMainBaseProps, TitleSecondaryBaseProps } from './components';
+import type { TITLE_DEFAULT_TAG } from './constants';
+import type { TitleVariantValue } from './entities';
+export type TitleMainBasePartialProps = WithPartial<TitleMainBaseProps, 'size'>;
+export type TitleSecondaryBasePartialProps = WithPartial<TitleSecondaryBaseProps, 'size'>;
+export type TitleBaseProps = TitleVariantValue<'main', TitleMainBasePartialProps> | TitleVariantValue<'secondary', TitleSecondaryBasePartialProps> | TitleVariantValue<undefined, TitleMainBasePartialProps>;
+export type TitleProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleBaseProps, As>;

package/__inner__/cjs/components/Title/types.js

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

package/__inner__/cjs/constants/environment/index.d.ts

@@ -0,0 +1,2 @@
+export * from './isDev';
+export * from './isProduction';

package/__inner__/cjs/constants/environment/index.js

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

package/__inner__/cjs/constants/environment/isDev.d.ts

@@ -0,0 +1 @@
+export declare const IS_DEV: boolean;

package/__inner__/cjs/constants/environment/isDev.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IS_DEV = void 0;
+var isProduction_1 = require("./isProduction");
+exports.IS_DEV = !isProduction_1.IS_PRODUCTION;

package/__inner__/cjs/constants/environment/isProduction.d.ts

@@ -0,0 +1 @@
+export declare const IS_PRODUCTION: boolean;

package/__inner__/cjs/constants/environment/isProduction.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IS_PRODUCTION = void 0;
+exports.IS_PRODUCTION = process.env.NODE_ENV === 'production';

package/__inner__/cjs/types/object/withPartial.d.ts

@@ -0,0 +1,3 @@
+export type WithPartial<T, K extends keyof T> = Omit<T, K> & {
+    [P in K]?: T[P];
+};

package/__inner__/cjs/types/object/withPartial.js

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

package/__inner__/esm/components/ChipGroup/ChipGroup.css

@@ -0,0 +1,16 @@
+.ChipGroup {
+  display: flex;
+  flex-direction: column;
+}
+
+  .ChipGroup .FormGroup {
+    align-items: flex-start;
+  }
+
+  .ChipGroup .FormGroup_size_xs, .ChipGroup .FormGroup_size_s {
+        --form-group-gap: var(--spacing-xs);
+      }
+
+  .ChipGroup .FormGroup_size_m, .ChipGroup .FormGroup_size_l {
+        --form-group-gap: var(--spacing-s);
+      }

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

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

package/__inner__/esm/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,49 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import './ChipGroup.css';
+import React from 'react';
+import { useControlled } from '../../hooks/useControlled';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { FormGroup } from '../FormGroup';
+import { FormTitle } from '../FormTitle';
+import { ChipGroupContext } from './ChipGroupContext';
+import { CHIP_GROUP_DEFAULT_AS, CHIP_GROUP_DEFAULT_DIRECTION, CHIP_GROUP_DEFAULT_SIZE, } from './constants';
+export var cnChipGroup = cn('ChipGroup');
+export var ChipGroup = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ChipGroup',
+    });
+    var _a = props.direction, direction = _a === void 0 ? CHIP_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? CHIP_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? CHIP_GROUP_DEFAULT_AS : _c, color = props.color, title = props.title, className = props.className, children = props.children, valueProp = props.value, _d = props.defaultValue, defaultValue = _d === void 0 ? [] : _d, onChange = props.onChange, disabled = props.disabled, titleProps = props.titleProps, groupProps = props.groupProps, other = __rest(props, ["direction", "size", "as", "color", "title", "className", "children", "value", "defaultValue", "onChange", "disabled", "titleProps", "groupProps"]);
+    var _e = __read(useControlled({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'ChipGroup',
+        state: 'value',
+    }), 2), valueState = _e[0], setValueState = _e[1];
+    var onClick = function (event, payload) {
+        var itemValue = payload.value;
+        if (itemValue === undefined) {
+            return;
+        }
+        var requiredValueState = valueState !== null && valueState !== void 0 ? valueState : [];
+        var isValueAlreadyChecked = requiredValueState.includes(itemValue);
+        var value = isValueAlreadyChecked
+            ? requiredValueState.filter(function (item) { return item !== itemValue; })
+            : __spreadArray(__spreadArray([], __read(requiredValueState), false), [itemValue], false);
+        setValueState(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    };
+    return (React.createElement(Tag, __assign({ className: cnChipGroup({ size: size }, [className]), role: "group" }, other, { ref: ref }),
+        React.createElement(ChipGroupContext.Provider, { value: {
+                value: valueState,
+                onClick: onClick,
+                size: size,
+                disabled: disabled,
+                color: color,
+            } },
+            title && (React.createElement(FormTitle, __assign({ size: size }, titleProps), title)),
+            React.createElement(FormGroup, __assign({ direction: direction, size: size }, groupProps), children))));
+});
+ChipGroup.displayName = 'ChipGroup';

package/__inner__/esm/components/ChipGroup/ChipGroupContext.d.ts

@@ -0,0 +1,10 @@
+import type { ChipColorVariant, ChipOnClick, ChipSizeVariant } from '../ChipNext';
+import type { ChipGroupValue } from './types';
+export type ChipGroupContextValue = {
+    onClick: ChipOnClick;
+    disabled?: boolean;
+    value?: ChipGroupValue;
+    size?: ChipSizeVariant;
+    color?: ChipColorVariant;
+};
+export declare const ChipGroupContext: import("react").Context<ChipGroupContextValue | undefined>;

package/__inner__/esm/components/ChipGroup/ChipGroupContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var ChipGroupContext = createContext(undefined);

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

@@ -0,0 +1,5 @@
+import type { ChipSizeVariant } from '../ChipNext';
+import type { FormGroupDirectionVariant } from '../FormGroup';
+export declare const CHIP_GROUP_DEFAULT_DIRECTION: FormGroupDirectionVariant;
+export declare const CHIP_GROUP_DEFAULT_SIZE: ChipSizeVariant;
+export declare const CHIP_GROUP_DEFAULT_AS = "div";

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

@@ -0,0 +1,3 @@
+export var CHIP_GROUP_DEFAULT_DIRECTION = 'row';
+export var CHIP_GROUP_DEFAULT_SIZE = 'm';
+export var CHIP_GROUP_DEFAULT_AS = 'div';

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

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

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

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