@ozen-ui/kit 0.0.1

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js

@@ -0,0 +1,50 @@
+"use strict";
+exports.__esModule = true;
+exports.Tab = exports.TabComponent = exports.cnTab = void 0;
+var tslib_1 = require("tslib");
+require("./Tab.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
+var TabsContext_1 = require("../../TabsContext");
+exports.cnTab = (0, classname_1.cn)('Tab');
+exports.TabComponent = react_1["default"].forwardRef(function (_a, ref) {
+    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, href = _a.href, onClick = _a.onClick, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "href", "onClick"]);
+    var _b = (0, react_1.useContext)(TabsContext_1.TabsContext), _c = _b.size, size = _c === void 0 ? 'm' : _c, currentValue = _b.currentValue, onChange = _b.onChange;
+    var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
+    var isActive = value === currentValue;
+    var isValidValue = !!value || value === 0;
+    var handleClick = function (event) {
+        if (!isActive && isValidValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
+        }
+        if (!disabled)
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    var commonProps = {
+        className: (0, exports.cnTab)({
+            size: size,
+            disabled: disabled,
+            onlyIcon: !label,
+            active: isActive,
+            multiline: multiline
+        }, [className]),
+        role: 'tab',
+        'aria-controls': "tab-".concat(value),
+        tabIndex: isActive && !disabled ? 0 : -1,
+        'aria-selected': isActive,
+        onClick: handleClick
+    };
+    if (href) {
+        return (react_1["default"].createElement("a", tslib_1.__assign({}, commonProps, other, { href: href, ref: ref }),
+            IconLeft && react_1["default"].createElement(IconLeft, { size: iconSize }),
+            !!label && react_1["default"].createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
+            IconRight && react_1["default"].createElement(IconRight, { size: iconSize })));
+    }
+    return (react_1["default"].createElement("button", tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
+        IconLeft && react_1["default"].createElement(IconLeft, { size: iconSize }),
+        !!label && react_1["default"].createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
+        IconRight && react_1["default"].createElement(IconRight, { size: iconSize })));
+});
+exports.TabComponent.displayName = 'Tab';
+exports.Tab = react_1["default"].memo(exports.TabComponent);

package/__inner__/cjs/components/Tabs/components/Tab/index.d.ts

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

package/__inner__/cjs/components/Tabs/components/Tab/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tab"), exports);

package/__inner__/cjs/components/Tabs/components/TabsIndicator/TabsIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes, Ref } from 'react';
+export interface TabsIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    indicatorStyles: {
+        translateX: number;
+        width: number;
+    };
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const TabsIndicator: React.ForwardRefExoticComponent<Omit<TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Tabs/components/TabsIndicator/TabsIndicator.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.TabsIndicator = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.TabsIndicator = (0, react_1.forwardRef)(function (_a, ref) {
+    var indicatorStyles = _a.indicatorStyles, otherProps = tslib_1.__rest(_a, ["indicatorStyles"]);
+    var translateX = indicatorStyles.translateX, width = indicatorStyles.width;
+    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, style: {
+            transform: "translateX(".concat(translateX, "px)"),
+            width: width
+        } }, otherProps)));
+});
+exports.TabsIndicator.displayName = 'TabsIndicator';

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.d.ts

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

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TabsIndicator"), exports);

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

@@ -0,0 +1,3 @@
+export * from './TabsIndicator';
+export * from './ScrollButton';
+export * from './Tab';

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

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TabsIndicator"), exports);
+tslib_1.__exportStar(require("./ScrollButton"), exports);
+tslib_1.__exportStar(require("./Tab"), exports);

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

@@ -0,0 +1,3 @@
+export * from './Tabs';
+export * from './components/Tab';
+export * from './types';

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

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tabs"), exports);
+tslib_1.__exportStar(require("./components/Tab"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,43 @@
+import type { Ref, HTMLAttributes, ReactElement, SyntheticEvent } from 'react';
+import type { TabProps } from './components';
+export declare const tabsSizeVariant: readonly ["xs", "s", "m", "l"];
+export declare const tabsVariant: readonly ["default", "scrollable"];
+export type TabsSizeVariant = (typeof tabsSizeVariant)[number];
+export type TabsVariant = (typeof tabsVariant)[number];
+/** Коды клавиши стрелок для управления фокусом */
+export declare enum ControlKeys {
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight"
+}
+export type TabsMeta = {
+    tabsListMeta: null | DOMRect;
+    scrollBoxMeta: null | {
+        scrollLeft: number;
+        left: number;
+        right: number;
+    };
+    activeTabMeta: null | DOMRect;
+};
+export interface TabsContextValue {
+    /** Callback вызываемый при смене активной вкладки */
+    onChange?: (event: SyntheticEvent<HTMLElement>, value: string | number) => void;
+    /** Текущая вкладка */
+    currentValue: string | number;
+    /** Размер */
+    size: TabsSizeVariant;
+}
+export type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    children: ReactElement<TabProps>[] | ReactElement<TabProps>;
+    /** Текущее значение */
+    value: TabsContextValue['currentValue'];
+    /** Отключить кнопки скролла */
+    disableScrollButtons?: boolean;
+    /** Вариант отображения */
+    variant?: TabsVariant;
+    /** Callback при изменении состояния */
+    onChange?: TabsContextValue['onChange'];
+    /** Ссылка на HTML элемент */
+    ref?: Ref<HTMLDivElement>;
+    /** Размер */
+    size?: TabsSizeVariant;
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.ControlKeys = exports.tabsVariant = exports.tabsSizeVariant = void 0;
+exports.tabsSizeVariant = ['xs', 's', 'm', 'l'];
+exports.tabsVariant = ['default', 'scrollable'];
+/** Коды клавиши стрелок для управления фокусом */
+var ControlKeys;
+(function (ControlKeys) {
+    ControlKeys["ArrowLeft"] = "ArrowLeft";
+    ControlKeys["ArrowRight"] = "ArrowRight";
+})(ControlKeys = exports.ControlKeys || (exports.ControlKeys = {}));

package/__inner__/cjs/components/Tag/Tag.css

@@ -0,0 +1,110 @@
+/* stylelint-disable */
+.Tag {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--border-radius-xs);
+  padding: var(--tag-padding);
+  gap: var(--space-xs);
+  outline: none;
+  border: none;
+}
+.Tag_size_2xs {
+      font: var(--typography-text-3xs-font);
+      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
+      text-transform: var(--typography-text-3xs-text_transform, none);
+
+      --tag-padding: 0 4px;
+    }
+.Tag_size_xs {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+
+      --tag-padding: 4px 8px;
+    }
+.Tag_size_s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+
+      --tag-padding: 6px 12px;
+    }
+.Tag_variant_neutral {
+      background-color: var(--color-background-secondary);
+      color: var(--color-content-primary);
+    }
+.Tag_variant_action {
+      background-color: var(--color-background-action-light);
+      color: var(--color-content-action-dark);
+    }
+.Tag_variant_error {
+      background-color: var(--color-background-error-light);
+      color: var(--color-content-error-dark);
+    }
+.Tag_variant_warning {
+      background-color: var(--color-background-warning-light);
+      color: var(--color-content-warning-dark);
+    }
+.Tag_variant_success {
+      background-color: var(--color-background-success-light);
+      color: var(--color-content-success-dark);
+    }
+.Tag_variant_info {
+      background-color: var(--color-background-info-light);
+      color: var(--color-content-info-dark);
+    }
+.Tag-Label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+.Tag-RemoveButton {
+    color: inherit;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+a.Tag, button.Tag, [role='button'].Tag {
+    cursor: pointer;
+  }
+a.Tag_variant_neutral:hover, button.Tag_variant_neutral:hover, [role='button'].Tag_variant_neutral:hover {
+          background-color: var(--color-background-secondary-hover);
+        }
+a.Tag_variant_neutral:active, button.Tag_variant_neutral:active, [role='button'].Tag_variant_neutral:active {
+          background-color: var(--color-background-secondary-pressed);
+        }
+a.Tag_variant_action:hover, button.Tag_variant_action:hover, [role='button'].Tag_variant_action:hover {
+          background-color: var(--color-background-action-light-hover);
+        }
+a.Tag_variant_action:active, button.Tag_variant_action:active, [role='button'].Tag_variant_action:active {
+          background-color: var(--color-background-action-light-pressed);
+        }
+a.Tag_variant_error:hover, button.Tag_variant_error:hover, [role='button'].Tag_variant_error:hover {
+          background-color: var(--color-background-error-light-hover);
+        }
+a.Tag_variant_error:active, button.Tag_variant_error:active, [role='button'].Tag_variant_error:active {
+          background-color: var(--color-background-error-light-pressed);
+        }
+a.Tag_variant_warning:hover, button.Tag_variant_warning:hover, [role='button'].Tag_variant_warning:hover {
+          background-color: var(--color-background-warning-light-hover);
+        }
+a.Tag_variant_warning:active, button.Tag_variant_warning:active, [role='button'].Tag_variant_warning:active {
+          background-color: var(--color-background-warning-light-pressed);
+        }
+a.Tag_variant_success:hover, button.Tag_variant_success:hover, [role='button'].Tag_variant_success:hover {
+          background-color: var(--color-background-success-light-hover);
+        }
+a.Tag_variant_success:active, button.Tag_variant_success:active, [role='button'].Tag_variant_success:active {
+          background-color: var(--color-background-success-light-pressed);
+        }
+a.Tag_variant_info:hover, button.Tag_variant_info:hover, [role='button'].Tag_variant_info:hover {
+          background-color: var(--color-background-info-light-hover);
+        }
+a.Tag_variant_info:active, button.Tag_variant_info:active, [role='button'].Tag_variant_info:active {
+          background-color: var(--color-background-info-light-pressed);
+        }
+a.Tag:focus:not(:focus-visible), button.Tag:focus:not(:focus-visible), [role='button'].Tag:focus:not(:focus-visible) {
+      box-shadow: none;
+    }
+a.Tag:focus, button.Tag:focus, [role='button'].Tag:focus {
+      box-shadow: var(--shadow-outline-focused);
+    }

package/__inner__/cjs/components/Tag/Tag.d.ts

@@ -0,0 +1,30 @@
+import './Tag.css';
+import type { ElementType, FC } from 'react';
+import type { IconProps, IconSize } from '@ozen-ui/icons';
+import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import { type RemoveButtonProps } from './components';
+export declare const tagVariant: readonly ["neutral", "action", "error", "warning", "success", "info"];
+export declare const tagSizeVariant: readonly ["2xs", "xs", "s"];
+export type TagVariant = (typeof tagVariant)[number];
+export type TagSizeVariant = (typeof tagSizeVariant)[number];
+export type TagIcon = FC<IconProps & {
+    size?: IconSize;
+}>;
+export declare const cnTag: import("@bem-react/classname").ClassNameFormatter;
+type TagBaseProps = {
+    /** Текст лейбла внутри тега */
+    label: string;
+    /** Размер */
+    size?: TagSizeVariant;
+    /** Вариант компонента */
+    variant?: TagVariant;
+    /** Callback для обработчика клика по иконке */
+    onRemove?: RemoveButtonProps['onClick'];
+    /** Иконка слева */
+    iconLeft?: TagIcon;
+    /** Иконка справа */
+    iconRight?: TagIcon;
+};
+export type TagProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<TagBaseProps, As>;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export {};

package/__inner__/cjs/components/Tag/Tag.js

@@ -0,0 +1,31 @@
+"use strict";
+exports.__esModule = true;
+exports.Tag = exports.cnTag = exports.tagSizeVariant = exports.tagVariant = void 0;
+var tslib_1 = require("tslib");
+require("./Tag.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 components_1 = require("./components");
+var constants_1 = require("./constants");
+exports.tagVariant = [
+    'neutral',
+    'action',
+    'error',
+    'warning',
+    'success',
+    'info',
+];
+exports.tagSizeVariant = ['2xs', 'xs', 's'];
+exports.cnTag = (0, classname_1.cn)('Tag');
+exports.Tag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tag' });
+    var _a = props.size, size = _a === void 0 ? constants_1.TAG_DEFAULT_SIZE : _a, _b = props.as, Tag = _b === void 0 ? constants_1.TAG_DEFAULT_AS : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _c, IconLeft = props.iconLeft, IconRight = props.iconRight, label = props.label, className = props.className, onRemove = props.onRemove, other = tslib_1.__rest(props, ["size", "as", "variant", "iconLeft", "iconRight", "label", "className", "onRemove"]);
+    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTag)({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
+        IconLeft && react_1["default"].createElement(IconLeft, { size: "s" }),
+        react_1["default"].createElement("span", { className: (0, exports.cnTag)('Label') }, label),
+        IconRight && react_1["default"].createElement(IconRight, { size: "s" }),
+        !!onRemove && (react_1["default"].createElement(components_1.RemoveButton, { onClick: onRemove, className: (0, exports.cnTag)('RemoveButton'), size: size }))));
+});
+exports.Tag.displayName = 'Tag';

package/__inner__/cjs/components/Tag/components/RemoveButton/Remove2xsIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+export declare const Remove2xsIcon: React.FC<IconProps>;

package/__inner__/cjs/components/Tag/components/RemoveButton/Remove2xsIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.Remove2xsIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.Remove2xsIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1["default"].createElement("svg", tslib_1.__assign({ width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L4 3.29289L6.14645 1.14645C6.34171 0.951184 6.65829 0.951184 6.85355 1.14645C7.04882 1.34171 7.04882 1.65829 6.85355 1.85355L4.70711 4L6.85355 6.14645C7.04882 6.34171 7.04882 6.65829 6.85355 6.85355C6.65829 7.04882 6.34171 7.04882 6.14645 6.85355L4 4.70711L1.85355 6.85355C1.65829 7.04882 1.34171 7.04882 1.14645 6.85355C0.951184 6.65829 0.951184 6.34171 1.14645 6.14645L3.29289 4L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645Z", fill: "currentColor" }))); });
+exports.Remove2xsIcon.displayName = 'Remove2xsIcon';

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveButton.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+export declare const removeButtonSizeVariant: readonly ["s", "xs", "2xs"];
+export type RemoveButtonSizeVariant = (typeof removeButtonSizeVariant)[number];
+export interface RemoveButtonProps extends IconProps {
+    size: RemoveButtonSizeVariant;
+    className?: string;
+}
+export declare const RemoveButton: FC<RemoveButtonProps>;

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveButton.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.RemoveButton = exports.removeButtonSizeVariant = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Remove2xsIcon_1 = require("./Remove2xsIcon");
+var RemoveSIcon_1 = require("./RemoveSIcon");
+exports.removeButtonSizeVariant = ['s', 'xs', '2xs'];
+var icons = {
+    s: RemoveSIcon_1.RemoveSIcon,
+    xs: RemoveSIcon_1.RemoveSIcon,
+    '2xs': Remove2xsIcon_1.Remove2xsIcon
+};
+exports.RemoveButton = (0, react_1.forwardRef)(function (_a, ref) {
+    var size = _a.size, props = tslib_1.__rest(_a, ["size"]);
+    var Icon = (0, react_1.useMemo)(function () { return icons[size]; }, [size]);
+    return react_1["default"].createElement(Icon, tslib_1.__assign({}, props, { ref: ref }));
+});
+exports.RemoveButton.displayName = 'RemoveButton';

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveSIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+export declare const RemoveSIcon: React.FC<IconProps>;

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveSIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.RemoveSIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.RemoveSIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1["default"].createElement("svg", tslib_1.__assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1["default"].createElement("path", { d: "M3.75776 3.75739C3.46486 4.05028 3.46486 4.52516 3.75776 4.81805L6.93974 8.00003L3.75776 11.182C3.46486 11.4749 3.46486 11.9498 3.75776 12.2427C4.05065 12.5356 4.52552 12.5356 4.81842 12.2427L8.0004 9.06069L11.1824 12.2427C11.4753 12.5356 11.9501 12.5356 12.243 12.2427C12.5359 11.9498 12.5359 11.4749 12.243 11.182L9.06106 8.00003L12.243 4.81805C12.5359 4.52516 12.5359 4.05028 12.243 3.75739C11.9501 3.4645 11.4753 3.4645 11.1824 3.75739L8.0004 6.93937L4.81842 3.75739C4.52552 3.4645 4.05065 3.4645 3.75776 3.75739Z", fill: "currentColor" }))); });
+exports.RemoveSIcon.displayName = 'RemoveSIcon';

package/__inner__/cjs/components/Tag/components/RemoveButton/index.d.ts

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

package/__inner__/cjs/components/Tag/components/RemoveButton/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RemoveButton"), exports);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RemoveButton"), exports);

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

@@ -0,0 +1,3 @@
+export declare const TAG_DEFAULT_AS = "div";
+export declare const TAG_DEFAULT_VARIANT = "neutral";
+export declare const TAG_DEFAULT_SIZE = "s";

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

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+exports.TAG_DEFAULT_SIZE = exports.TAG_DEFAULT_VARIANT = exports.TAG_DEFAULT_AS = void 0;
+exports.TAG_DEFAULT_AS = 'div';
+exports.TAG_DEFAULT_VARIANT = 'neutral';
+exports.TAG_DEFAULT_SIZE = 's';

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tag"), exports);