@ozen-ui/kit 0.0.1

package/__inner__/esm/components/Snackbar/store/helpers/closeMessage.js

@@ -0,0 +1,14 @@
+import { __assign } from "tslib";
+export var closeMessage = function (state, messageId) {
+    var messages = state.messages, queue = state.queue;
+    var newMessages = messages.map(function (messageItem) {
+        if (!messageId || messageItem.messageId === messageId) {
+            return __assign(__assign({}, messageItem), { open: false });
+        }
+        return messageItem;
+    });
+    var newQueue = messageId
+        ? queue.filter(function (messageItem) { return messageId !== messageItem.messageId; })
+        : [];
+    return __assign(__assign({}, state), { messages: newMessages, queue: newQueue });
+};

package/__inner__/esm/components/Snackbar/store/helpers/deleteMessage.d.ts

@@ -0,0 +1,3 @@
+import type { SnackbarMessageId } from '../../types';
+import type { SnackbarState } from '../types';
+export declare const deleteMessage: (state: SnackbarState, messageId: SnackbarMessageId) => SnackbarState;

package/__inner__/esm/components/Snackbar/store/helpers/deleteMessage.js

@@ -0,0 +1,6 @@
+import { __assign } from "tslib";
+export var deleteMessage = function (state, messageId) {
+    var messages = state.messages;
+    var newMessages = messages.filter(function (messageItem) { return messageItem.messageId !== messageId; });
+    return __assign(__assign({}, state), { messages: newMessages });
+};

package/__inner__/esm/components/Snackbar/store/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './pushMessage';
+export * from './updateMessagesFromQueue';
+export * from './closeMessage';
+export * from './deleteMessage';

package/__inner__/esm/components/Snackbar/store/helpers/index.js

@@ -0,0 +1,4 @@
+export * from './pushMessage';
+export * from './updateMessagesFromQueue';
+export * from './closeMessage';
+export * from './deleteMessage';

package/__inner__/esm/components/Snackbar/store/helpers/pushMessage.d.ts

@@ -0,0 +1,7 @@
+import type { SnackbarItemProps } from '../../components/SnackbarItem';
+import type { SnackbarState, PushMessageActionPayload } from '../types';
+export declare const pushMessage: (state: SnackbarState, payload: PushMessageActionPayload) => {
+    queue: SnackbarItemProps[];
+    providerProps: import("../types").SnackbarProviderProps;
+    messages: SnackbarItemProps[];
+};

package/__inner__/esm/components/Snackbar/store/helpers/pushMessage.js

@@ -0,0 +1,7 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import { generateUniqKey } from '../../../../utils/generateUniqKey';
+export var pushMessage = function (state, payload) {
+    var providerProps = state.providerProps, queue = state.queue;
+    var newMessage = __assign(__assign(__assign({}, providerProps), payload), { key: generateUniqKey(), open: true, opening: true });
+    return __assign(__assign({}, state), { queue: __spreadArray(__spreadArray([], __read(queue), false), [newMessage], false) });
+};

package/__inner__/esm/components/Snackbar/store/helpers/updateMessagesFromQueue.d.ts

@@ -0,0 +1,2 @@
+import type { SnackbarState } from '../types';
+export declare const updateMessagesFromQueue: (state: SnackbarState) => SnackbarState;

package/__inner__/esm/components/Snackbar/store/helpers/updateMessagesFromQueue.js

@@ -0,0 +1,29 @@
+import { __assign, __read, __spreadArray } from "tslib";
+export var updateMessagesFromQueue = function (state) {
+    var queue = state.queue, messages = state.messages, maxMessages = state.providerProps.maxMessages;
+    var isSomeMessageInClosingProcess = messages.some(function (_a) {
+        var open = _a.open;
+        return !open;
+    });
+    var isSomeMessageInOpeningProcess = messages.some(function (_a) {
+        var opening = _a.opening;
+        return opening;
+    });
+    if (!queue.length ||
+        isSomeMessageInClosingProcess ||
+        isSomeMessageInOpeningProcess) {
+        return state;
+    }
+    var oldestMessage = messages[0];
+    if (messages.length === maxMessages) {
+        var newMessages = messages.map(function (messageItem) {
+            if ((oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.messageId) === messageItem.messageId) {
+                return __assign(__assign({}, messageItem), { open: false });
+            }
+            return messageItem;
+        });
+        return __assign(__assign({}, state), { messages: newMessages });
+    }
+    var _a = __read(queue), firstMessageItemFromQueue = _a[0], otherQueue = _a.slice(1);
+    return __assign(__assign({}, state), { messages: __spreadArray(__spreadArray([], __read(messages), false), [firstMessageItemFromQueue], false), queue: otherQueue });
+};

package/__inner__/esm/components/Snackbar/store/index.d.ts

@@ -0,0 +1 @@
+export * from './Snackbar.reducer';

package/__inner__/esm/components/Snackbar/store/index.js

@@ -0,0 +1 @@
+export * from './Snackbar.reducer';

package/__inner__/esm/components/Snackbar/store/types.d.ts

@@ -0,0 +1,34 @@
+import type { SnackbarItemProps } from '../components/SnackbarItem';
+import type { SnackbarMessageId, SnackbarCommonProps, SnackbarPushMessageProps } from '../types';
+export type SnackbarProviderProps = {
+    /** Максимальное количество одновременно отображенных сообщений */
+    maxMessages: number;
+} & Required<SnackbarCommonProps>;
+export type SnackbarState = {
+    /** Свойства сообщения переданные через провайдер */
+    providerProps: SnackbarProviderProps;
+    /** Показанные сообщения */
+    messages: SnackbarItemProps[];
+    /** Сообщения в очереди */
+    queue: SnackbarItemProps[];
+};
+export type PushMessageActionPayload = SnackbarPushMessageProps & Required<Pick<SnackbarPushMessageProps, 'messageId'>>;
+export type SnackbarAction = {
+    type: 'push-message';
+    payload: PushMessageActionPayload;
+} | {
+    type: 'message-opening-done';
+    payload: SnackbarMessageId;
+} | {
+    type: 'update-messages-from-queue';
+    payload?: never;
+} | {
+    type: 'close-message';
+    payload?: SnackbarMessageId;
+} | {
+    type: 'delete-message';
+    payload: SnackbarMessageId;
+} | {
+    type: 'set-provider-props';
+    payload: SnackbarProviderProps;
+};

package/__inner__/esm/components/Snackbar/store/types.js

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

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

@@ -0,0 +1,39 @@
+import { SnackbarItemProps } from './components/SnackbarItem';
+export declare const snackbarVerticalAlignVariant: readonly ["top", "bottom"];
+export declare const snackbarHorizontalAlignVariant: readonly ["left", "center", "right"];
+export declare const snackbarStatusVariant: readonly ["success", "info", "warning", "error"];
+export type SnackbarStatusVariant = (typeof snackbarStatusVariant)[number];
+export type SnackbarVerticalAlignVariant = (typeof snackbarVerticalAlignVariant)[number];
+export type SnackbarHorizontalAlignVariant = (typeof snackbarHorizontalAlignVariant)[number];
+export type SnackbarAnchorOrigin = {
+    horizontal: SnackbarHorizontalAlignVariant;
+    vertical: SnackbarVerticalAlignVariant;
+};
+export type SnackbarMessageId = string | number;
+export type SnackbarCommonProps = {
+    /** Статус всплывающего сообщения */
+    status?: SnackbarStatusVariant;
+    /** Расположение сообщения относительно контейнера */
+    anchorOrigin?: SnackbarAnchorOrigin;
+    /** Время через которое автоматически закроется сообщение после отображения */
+    lifetime?: number;
+    /** Если {true} продолжит отсчет lifetime при потере фокуса с окна браузера  */
+    disableWindowBlurListener?: boolean;
+};
+export type SnackbarPushMessageProps = Partial<Pick<SnackbarItemProps, 'description' | 'messageId' | 'anchorOrigin' | 'rootProps' | 'onClose' | 'onExit' | 'onExited' | 'onEnter' | 'onEntered' | 'renderContent'>> & {
+    title: SnackbarItemProps['title'];
+} & SnackbarCommonProps;
+export type SnackbarItemsByAnchorOrigin = {
+    [key: string]: SnackbarItemProps[];
+};
+export type SnackbarPushMessageCallback = (props: SnackbarPushMessageProps) => SnackbarMessageId;
+export type SnackbarCloseMessageCallback = (SnackbarMessageId?: SnackbarMessageId) => void;
+export type SnackbarContextValue = {
+    /** Добавить новое сообщение в очередь */
+    pushMessage: SnackbarPushMessageCallback;
+    /**
+     * Закрыть сообщение
+     * Если не передан SnackbarMessageId, закрываются все сообщения
+     * */
+    closeMessage: SnackbarCloseMessageCallback;
+};

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

@@ -0,0 +1,12 @@
+export var snackbarVerticalAlignVariant = ['top', 'bottom'];
+export var snackbarHorizontalAlignVariant = [
+    'left',
+    'center',
+    'right',
+];
+export var snackbarStatusVariant = [
+    'success',
+    'info',
+    'warning',
+    'error',
+];

package/__inner__/esm/components/Stack/Stack.css

@@ -0,0 +1,307 @@
+/* xs >= 0px */
+/* s >= 640px */
+/* m >= 1024px */
+/* l >= 1280px */
+.Stack {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.Stack-Item {
+    display: inline-block;
+  }
+.Stack_direction_row {
+    flex-direction: row;
+  }
+.Stack_direction_column {
+    flex-direction: column;
+  }
+.Stack_direction_rowReverse {
+    flex-direction: row-reverse;
+  }
+.Stack_direction_columnReverse {
+    flex-direction: column-reverse;
+  }
+.Stack_gap_0 {
+    gap: 0;
+  }
+.Stack_gap_xs {
+    gap: var(--space-xs);
+  }
+.Stack_gap_s {
+    gap: var(--space-s);
+  }
+.Stack_gap_m {
+    gap: var(--space-m);
+  }
+.Stack_gap_l {
+    gap: var(--space-l);
+  }
+.Stack_gap_xl {
+    gap: var(--space-xl);
+  }
+.Stack_gap_2xl {
+    gap: var(--space-2xl);
+  }
+.Stack_gap_3xl {
+    gap: var(--space-3xl);
+  }
+.Stack_gap_4xl {
+    gap: var(--space-4xl);
+  }
+.Stack_gap_5xl {
+    gap: var(--space-5xl);
+  }
+.Stack_gap_6xl {
+    gap: var(--space-6xl);
+  }
+.Stack_gap_7xl {
+    gap: var(--space-7xl);
+  }
+.Stack_gap_8xl {
+    gap: var(--space-8xl);
+  }
+.Stack_wrap {
+    flex-wrap: wrap;
+  }
+.Stack_fullWidth {
+    inline-size: 100%;
+  }
+.Stack_align_center {
+      align-items: center;
+    }
+.Stack_align_start {
+      align-items: flex-start;
+    }
+.Stack_align_end {
+      align-items: flex-end;
+    }
+.Stack_align_baseline {
+      align-items: baseline;
+    }
+.Stack_justify_start {
+      justify-content: flex-start;
+    }
+.Stack_justify_center {
+      justify-content: center;
+    }
+.Stack_justify_end {
+      justify-content: end;
+    }
+.Stack_justify_spaceBetween {
+      justify-content: space-between;
+    }
+.Stack_justify_spaceAround {
+      justify-content: space-around;
+    }
+@media (width >= 0) {
+      .Stack_direction_xs_row {
+    flex-direction: row;
+  }
+      .Stack_direction_xs_column {
+    flex-direction: column;
+  }
+      .Stack_direction_xs_rowReverse {
+    flex-direction: row-reverse;
+  }
+      .Stack_direction_xs_columnReverse {
+    flex-direction: column-reverse;
+  }
+      .Stack_gap_xs_0 {
+    gap: 0;
+  }
+      .Stack_gap_xs_xs {
+    gap: var(--space-xs);
+  }
+      .Stack_gap_xs_s {
+    gap: var(--space-s);
+  }
+      .Stack_gap_xs_m {
+    gap: var(--space-m);
+  }
+      .Stack_gap_xs_l {
+    gap: var(--space-l);
+  }
+      .Stack_gap_xs_xl {
+    gap: var(--space-xl);
+  }
+      .Stack_gap_xs_2xl {
+    gap: var(--space-2xl);
+  }
+      .Stack_gap_xs_3xl {
+    gap: var(--space-3xl);
+  }
+      .Stack_gap_xs_4xl {
+    gap: var(--space-4xl);
+  }
+      .Stack_gap_xs_5xl {
+    gap: var(--space-5xl);
+  }
+      .Stack_gap_xs_6xl {
+    gap: var(--space-6xl);
+  }
+      .Stack_gap_xs_7xl {
+    gap: var(--space-7xl);
+  }
+      .Stack_gap_xs_8xl {
+    gap: var(--space-8xl);
+  }
+  }
+@media (width >= 640px) {
+      .Stack_direction_s_row {
+    flex-direction: row;
+  }
+      .Stack_direction_s_column {
+    flex-direction: column;
+  }
+      .Stack_direction_s_rowReverse {
+    flex-direction: row-reverse;
+  }
+      .Stack_direction_s_columnReverse {
+    flex-direction: column-reverse;
+  }
+      .Stack_gap_s_0 {
+    gap: 0;
+  }
+      .Stack_gap_s_xs {
+    gap: var(--space-xs);
+  }
+      .Stack_gap_s_s {
+    gap: var(--space-s);
+  }
+      .Stack_gap_s_m {
+    gap: var(--space-m);
+  }
+      .Stack_gap_s_l {
+    gap: var(--space-l);
+  }
+      .Stack_gap_s_xl {
+    gap: var(--space-xl);
+  }
+      .Stack_gap_s_2xl {
+    gap: var(--space-2xl);
+  }
+      .Stack_gap_s_3xl {
+    gap: var(--space-3xl);
+  }
+      .Stack_gap_s_4xl {
+    gap: var(--space-4xl);
+  }
+      .Stack_gap_s_5xl {
+    gap: var(--space-5xl);
+  }
+      .Stack_gap_s_6xl {
+    gap: var(--space-6xl);
+  }
+      .Stack_gap_s_7xl {
+    gap: var(--space-7xl);
+  }
+      .Stack_gap_s_8xl {
+    gap: var(--space-8xl);
+  }
+  }
+@media (width >=  1024px) {
+      .Stack_direction_m_row {
+    flex-direction: row;
+  }
+      .Stack_direction_m_column {
+    flex-direction: column;
+  }
+      .Stack_direction_m_rowReverse {
+    flex-direction: row-reverse;
+  }
+      .Stack_direction_m_columnReverse {
+    flex-direction: column-reverse;
+  }
+      .Stack_gap_m_0 {
+    gap: 0;
+  }
+      .Stack_gap_m_xs {
+    gap: var(--space-xs);
+  }
+      .Stack_gap_m_s {
+    gap: var(--space-s);
+  }
+      .Stack_gap_m_m {
+    gap: var(--space-m);
+  }
+      .Stack_gap_m_l {
+    gap: var(--space-l);
+  }
+      .Stack_gap_m_xl {
+    gap: var(--space-xl);
+  }
+      .Stack_gap_m_2xl {
+    gap: var(--space-2xl);
+  }
+      .Stack_gap_m_3xl {
+    gap: var(--space-3xl);
+  }
+      .Stack_gap_m_4xl {
+    gap: var(--space-4xl);
+  }
+      .Stack_gap_m_5xl {
+    gap: var(--space-5xl);
+  }
+      .Stack_gap_m_6xl {
+    gap: var(--space-6xl);
+  }
+      .Stack_gap_m_7xl {
+    gap: var(--space-7xl);
+  }
+      .Stack_gap_m_8xl {
+    gap: var(--space-8xl);
+  }
+  }
+@media (width >= 1280px) {
+      .Stack_direction_l_row {
+    flex-direction: row;
+  }
+      .Stack_direction_l_column {
+    flex-direction: column;
+  }
+      .Stack_direction_l_rowReverse {
+    flex-direction: row-reverse;
+  }
+      .Stack_direction_l_columnReverse {
+    flex-direction: column-reverse;
+  }
+      .Stack_gap_l_0 {
+    gap: 0;
+  }
+      .Stack_gap_l_xs {
+    gap: var(--space-xs);
+  }
+      .Stack_gap_l_s {
+    gap: var(--space-s);
+  }
+      .Stack_gap_l_m {
+    gap: var(--space-m);
+  }
+      .Stack_gap_l_l {
+    gap: var(--space-l);
+  }
+      .Stack_gap_l_xl {
+    gap: var(--space-xl);
+  }
+      .Stack_gap_l_2xl {
+    gap: var(--space-2xl);
+  }
+      .Stack_gap_l_3xl {
+    gap: var(--space-3xl);
+  }
+      .Stack_gap_l_4xl {
+    gap: var(--space-4xl);
+  }
+      .Stack_gap_l_5xl {
+    gap: var(--space-5xl);
+  }
+      .Stack_gap_l_6xl {
+    gap: var(--space-6xl);
+  }
+      .Stack_gap_l_7xl {
+    gap: var(--space-7xl);
+  }
+      .Stack_gap_l_8xl {
+    gap: var(--space-8xl);
+  }
+  }

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

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

package/__inner__/esm/components/Stack/Stack.js

@@ -0,0 +1,38 @@
+import { __assign, __rest } from "tslib";
+import './Stack.css';
+import React, { Children, Fragment, isValidElement } from 'react';
+import { classnames } from '@bem-react/classnames';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { generateDirectionCn, generateGapCn } from './utils';
+export var cnStack = cn('Stack');
+export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'Stack'
+    });
+    var _a = props.as, Tag = _a === void 0 ? 'div' : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = __rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
+    var childNodes = Children.toArray(children);
+    if (!childNodes.length) {
+        return null;
+    }
+    var resolveChildren = function () {
+        if (!shouldWrapChildren && !divider) {
+            return children;
+        }
+        return childNodes.map(function (child, i) {
+            if (!isValidElement(child))
+                return null;
+            return (React.createElement(Fragment, { key: child.key },
+                shouldWrapChildren ? (React.createElement("div", { className: cnStack('Item') }, child)) : (child),
+                divider && childNodes.length - 1 !== i && divider));
+        });
+    };
+    return (React.createElement(Tag, __assign({}, other, { className: classnames(cnStack('', {
+            align: align,
+            justify: justify,
+            fullWidth: fullWidth,
+            wrap: wrap
+        }), generateDirectionCn(cnStack, direction), generateGapCn(cnStack, gap), className), ref: ref }), resolveChildren()));
+});

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

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

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

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

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

@@ -0,0 +1,30 @@
+import type { ElementType, ReactElement } from 'react';
+import type { ResponsiveValue } from '../../types/ResponsiveValue';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+export declare const stackGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
+export declare const stackDirectionVariant: readonly ["row", "column", "rowReverse", "columnReverse"];
+export declare const stackAlignVariant: readonly ["center", "start", "end", "baseline"];
+export declare const stackJustifyVariant: readonly ["start", "center", "end", "spaceBetween", "spaceAround"];
+export type StackGapVariant = (typeof stackGapVariant)[number];
+export type StackDirectionVariant = (typeof stackDirectionVariant)[number];
+export type StackAlignVariant = (typeof stackAlignVariant)[number];
+export type StackJustifyVariant = (typeof stackJustifyVariant)[number];
+export type StackBaseProps = {
+    /** Направление */
+    direction?: ResponsiveValue<StackDirectionVariant>;
+    /** Выравнивание */
+    align?: StackAlignVariant;
+    /** Пространство между элементами */
+    justify?: StackJustifyVariant;
+    /** Размер отступов */
+    gap?: ResponsiveValue<StackGapVariant>;
+    /** Если {true} автоматически переносит строки (полезно при direction = 'row') */
+    wrap?: boolean;
+    /** Если {true} растягивает компонент на всю ширину */
+    fullWidth?: boolean;
+    /** Если {true} дочерние компоненты стека будут обернуты в компонент StackItem с "display: inline-block" и заданными отступами */
+    shouldWrapChildren?: boolean;
+    /** React-элемент для разделителя между дочерними компонентами стека */
+    divider?: ReactElement;
+};
+export type StackProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<StackBaseProps, As>;

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

@@ -0,0 +1,34 @@
+export var stackGapVariant = [
+    '0',
+    'xs',
+    's',
+    'm',
+    'l',
+    'xl',
+    '2xl',
+    '3xl',
+    '4xl',
+    '5xl',
+    '6xl',
+    '7xl',
+    '8xl',
+];
+export var stackDirectionVariant = [
+    'row',
+    'column',
+    'rowReverse',
+    'columnReverse',
+];
+export var stackAlignVariant = [
+    'center',
+    'start',
+    'end',
+    'baseline',
+];
+export var stackJustifyVariant = [
+    'start',
+    'center',
+    'end',
+    'spaceBetween',
+    'spaceAround',
+];

package/__inner__/esm/components/Stack/utils/generateDirectionCn.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameFormatter } from '@bem-react/classname';
+import type { StackProps } from '../types';
+export declare const generateDirectionCn: (cn: ClassNameFormatter, direction: StackProps['direction']) => string;

package/__inner__/esm/components/Stack/utils/generateDirectionCn.js

@@ -0,0 +1,15 @@
+import { __read } from "tslib";
+import { classnames } from '@bem-react/classnames';
+import { isPlainObject } from '../../../utils/isPlainObject';
+export var generateDirectionCn = function (cn, direction) {
+    if (isPlainObject(direction)) {
+        return classnames(Object.entries(direction)
+            .reduce(function (acc, _a) {
+            var _b;
+            var _c = __read(_a, 2), key = _c[0], value = _c[1];
+            return "".concat(acc, " ").concat(cn((_b = {}, _b["direction_".concat(key)] = value, _b)));
+        }, '')
+            .trim());
+    }
+    return cn({ direction: direction });
+};

package/__inner__/esm/components/Stack/utils/generateGapCn.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameFormatter } from '@bem-react/classname';
+import type { StackProps } from '../types';
+export declare const generateGapCn: (cn: ClassNameFormatter, gap: StackProps['gap']) => string;

package/__inner__/esm/components/Stack/utils/generateGapCn.js

@@ -0,0 +1,15 @@
+import { __read } from "tslib";
+import { classnames } from '@bem-react/classnames';
+import { isPlainObject } from '../../../utils/isPlainObject';
+export var generateGapCn = function (cn, gap) {
+    if (isPlainObject(gap)) {
+        return classnames(Object.entries(gap)
+            .reduce(function (acc, _a) {
+            var _b;
+            var _c = __read(_a, 2), key = _c[0], value = _c[1];
+            return "".concat(acc, " ").concat(cn((_b = {}, _b["gap_".concat(key)] = value, _b)));
+        }, '')
+            .trim());
+    }
+    return cn({ gap: gap });
+};

package/__inner__/esm/components/Stack/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generateGapCn';
+export * from './generateDirectionCn';

package/__inner__/esm/components/Stack/utils/index.js

@@ -0,0 +1,2 @@
+export * from './generateGapCn';
+export * from './generateDirectionCn';