@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/tabs/cssm/synthetic-events.js

@@ -1,11 +1,15 @@
-const createSyntheticEvent = (event) => {
-    let isDefaultPrevented = false;
-    let isPropagationStopped = false;
-    const preventDefault = () => {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var createSyntheticEvent = function (event) {
+    var isDefaultPrevented = false;
+    var isPropagationStopped = false;
+    var preventDefault = function () {
         isDefaultPrevented = true;
         event.preventDefault();
     };
-    const stopPropagation = () => {
+    var stopPropagation = function () {
         isPropagationStopped = true;
         event.stopPropagation();
     };
@@ -18,44 +22,24 @@ const createSyntheticEvent = (event) => {
         defaultPrevented: event.defaultPrevented,
         eventPhase: event.eventPhase,
         isTrusted: event.isTrusted,
-        preventDefault,
-        isDefaultPrevented: () => isDefaultPrevented,
-        stopPropagation,
-        isPropagationStopped: () => isPropagationStopped,
-        persist: () => { },
+        preventDefault: preventDefault,
+        isDefaultPrevented: function () { return isDefaultPrevented; },
+        stopPropagation: stopPropagation,
+        isPropagationStopped: function () { return isPropagationStopped; },
+        persist: function () { },
         timeStamp: event.timeStamp,
         type: event.type,
     };
 };
-const createUIEvent = (event) => ({
-    ...createSyntheticEvent(event),
-    detail: 0,
-    view: {
+var createUIEvent = function (event) { return (tslib.__assign(tslib.__assign({}, createSyntheticEvent(event)), { detail: 0, view: {
         styleMedia: {
             type: '',
-            matchMedium: () => false,
+            matchMedium: function () { return false; },
         },
-        document,
-    },
-});
-const createSyntheticMouseEvent = (event) => ({
-    ...createUIEvent(event),
-    altKey: event.altKey,
-    button: event.button,
-    buttons: event.buttons,
-    clientX: event.clientX,
-    clientY: event.clientY,
-    ctrlKey: event.ctrlKey,
-    getModifierState: event.getModifierState,
-    metaKey: event.metaKey,
-    movementX: event.movementX,
-    movementY: event.movementY,
-    pageX: event.pageX,
-    pageY: event.pageY,
-    relatedTarget: event.relatedTarget,
-    screenX: event.screenX,
-    screenY: event.screenY,
-    shiftKey: event.shiftKey,
-});
+        document: document,
+    } })); };
+var createSyntheticMouseEvent = function (event) { return (tslib.__assign(tslib.__assign({}, createUIEvent(event)), { altKey: event.altKey, button: event.button, buttons: event.buttons, clientX: event.clientX, clientY: event.clientY, ctrlKey: event.ctrlKey, getModifierState: event.getModifierState, metaKey: event.metaKey, movementX: event.movementX, movementY: event.movementY, pageX: event.pageX, pageY: event.pageY, relatedTarget: event.relatedTarget, screenX: event.screenX, screenY: event.screenY, shiftKey: event.shiftKey })); };
 
-export { createSyntheticEvent, createSyntheticMouseEvent, createUIEvent };
+exports.createSyntheticEvent = createSyntheticEvent;
+exports.createSyntheticMouseEvent = createSyntheticMouseEvent;
+exports.createUIEvent = createUIEvent;

package/tabs/esm/collapsible/index.js

@@ -17,5 +17,5 @@ import 'react-merge-refs';
 import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
-import '../index.module-23153d19.js';
+import '../index.module-9dc5e1af.js';
 import '../components/tabs/Component.js';

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-23153d19.js';
+import { s as styles } from '../../index.module-9dc5e1af.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-23153d19.js';
+import { s as styles } from '../../index.module-9dc5e1af.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-23153d19.js';
+import { s as styles$1 } from '../../index.module-9dc5e1af.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23153d19.js';
+import '../../index.module-9dc5e1af.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);

package/tabs/esm/components/secondary-tablist/Component.desktop.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-05b6e85e.js';
+import { c as commonStyles } from '../../index.module-9817743e.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/esm/components/secondary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-05b6e85e.js';
+import { c as commonStyles } from '../../index.module-9817743e.js';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../../../../shared/esm';

package/tabs/esm/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-05b6e85e.js';
+import '../../index.module-9817743e.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

package/tabs/esm/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import 'react-merge-refs';
 import '../../../../shared/esm';
 import '../../synthetic-events.js';
 import '../title/Component.js';
-import '../../index.module-23153d19.js';
+import '../../index.module-9dc5e1af.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

package/tabs/esm/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23153d19.js';
+import '../../index.module-9dc5e1af.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-05b6e85e.js';
+import '../../index.module-9817743e.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/tabs/esm/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23153d19.js';
+import '../../index.module-9dc5e1af.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-05b6e85e.js';
+import '../../index.module-9817743e.js';
 
 var views = {
     primary: PrimaryTabListMobile,

package/tabs/esm/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23153d19.js';
+import '../../index.module-9dc5e1af.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-05b6e85e.js';
+import '../../index.module-9817743e.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-23153d19.js';
+import '../index.module-9dc5e1af.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-05b6e85e.js';
+import '../index.module-9817743e.js';
 import '../components/tabs/Component.js';

package/tabs/esm/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-23153d19.js';
+import './index.module-9dc5e1af.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/esm/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-05b6e85e.js';
+import './index.module-9817743e.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-23153d19.js';
+import '../index.module-9dc5e1af.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-05b6e85e.js';
+import '../index.module-9817743e.js';
 import '../components/tabs/Component.js';

package/tabs/modern/collapsible/index.js

@@ -16,5 +16,5 @@ import 'react-merge-refs';
 import '../../../shared/modern';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
-import '../index.module-0664378b.js';
+import '../index.module-17dbd674.js';
 import '../components/tabs/Component.js';

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/modern/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-0664378b.js';
+import { s as styles } from '../../index.module-17dbd674.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-0664378b.js';
+import { s as styles } from '../../index.module-17dbd674.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-0664378b.js';
+import { s as styles$1 } from '../../index.module-17dbd674.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-0664378b.js';
+import '../../index.module-17dbd674.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint = 1024, fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-b1568e05.js';
+import { c as commonStyles } from '../../index.module-3bc1e97c.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-b1568e05.js';
+import { c as commonStyles } from '../../index.module-3bc1e97c.js';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../../../../shared/modern';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -16,7 +16,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-b1568e05.js';
+import '../../index.module-3bc1e97c.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = 1024, ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -15,7 +15,7 @@ import 'react-merge-refs';
 import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
-import '../../index.module-0664378b.js';
+import '../../index.module-17dbd674.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -18,10 +18,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-0664378b.js';
+import '../../index.module-17dbd674.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-b1568e05.js';
+import '../../index.module-3bc1e97c.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -18,10 +18,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-0664378b.js';
+import '../../index.module-17dbd674.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-b1568e05.js';
+import '../../index.module-3bc1e97c.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -20,12 +20,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-0664378b.js';
+import '../../index.module-17dbd674.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-b1568e05.js';
+import '../../index.module-3bc1e97c.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -19,8 +19,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-0664378b.js';
+import '../index.module-17dbd674.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-b1568e05.js';
+import '../index.module-3bc1e97c.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-0664378b.js';
+import './index.module-17dbd674.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-b1568e05.js';
+import './index.module-3bc1e97c.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -19,8 +19,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-0664378b.js';
+import '../index.module-17dbd674.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-b1568e05.js';
+import '../index.module-3bc1e97c.js';
 import '../components/tabs/Component.js';

package/tag/cssm/Component.responsive.js

@@ -1,26 +1,21 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { TagDesktop } from './desktop/Component.desktop.js';
-import { TagMobile } from './mobile/Component.mobile.js';
-import './components/base-tag/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import './components/base-tag/default.module.css';
-import './components/base-tag/index.module.css';
-import './components/base-tag/inverted.module.css';
-import './desktop/default.desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/inverted.desktop.module.css';
-import './mobile/default.mobile.module.css';
-import './mobile/inverted.mobile.module.css';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Tag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
-    const Component = isDesktop ? TagDesktop : TagMobile;
-    return (React.createElement(Component, { ref: ref, ...restProps }, children));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Tag = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var Component = isDesktop ? desktop_Component_desktop.TagDesktop : mobile_Component_mobile.TagMobile;
+    return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
 
-export { Tag };
+exports.Tag = Tag;

package/tag/cssm/components/base-tag/Component.js

@@ -1,16 +1,28 @@
-import React, { forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useFocus } from '@alfalab/hooks';
-import defaultColors from './default.module.css';
-import commonStyles from './index.module.css';
-import invertedColors from './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorCommonStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var defaultColors = require('./default.module.css');
+var commonStyles = require('./index.module.css');
+var invertedColors = require('./inverted.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorCommonStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -24,35 +36,37 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const BaseTag = forwardRef(({ allowBackdropBlur, rightAddons, leftAddons, children, size = 48, checked, className, dataTestId, name, colors = 'default', onClick, variant = 'default', shape, view = 'outlined', childrenClassName, childrenRef, styles = {}, colorStylesMap = { default: {}, inverted: {} }, ...restProps }, ref) => {
-    const colorStyles = colorStylesMap[colors];
-    const tagRef = useRef(null);
-    const [focused] = useFocus(tagRef, 'keyboard');
-    const variantClassName = variant === 'default' ? 'rounded' : 'rectangular';
-    const shapeClassName = shape || variantClassName;
-    const tagProps = {
-        className: cn(commonStyles.component, colorCommonStyles[colors].component, colorStyles.component, commonStyles[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], colorCommonStyles[colors][view], commonStyles[view], {
-            [commonStyles.allowBackdropBlur]: allowBackdropBlur,
-            [commonStyles.checked]: checked,
-            [commonStyles[shapeClassName]]: Boolean(commonStyles[shapeClassName]),
-            [styles[shapeClassName]]: Boolean(styles[shapeClassName]),
-            [colorCommonStyles[colors].checked]: checked,
-            [colorStyles[view]]: Boolean(colorStyles[view]),
-            [commonStyles.focused]: focused,
-            [commonStyles.withRightAddons]: Boolean(rightAddons),
-            [commonStyles.withLeftAddons]: Boolean(leftAddons),
-        }, className),
+var BaseTag = React.forwardRef(function (_a, ref) {
+    var _b;
+    var allowBackdropBlur = _a.allowBackdropBlur, rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 48 : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, childrenClassName = _a.childrenClassName, childrenRef = _a.childrenRef, _g = _a.styles, styles = _g === void 0 ? {} : _g, _h = _a.colorStylesMap, colorStylesMap = _h === void 0 ? { default: {}, inverted: {} } : _h, restProps = tslib.__rest(_a, ["allowBackdropBlur", "rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "childrenClassName", "childrenRef", "styles", "colorStylesMap"]);
+    var colorStyles = colorStylesMap[colors];
+    var tagRef = React.useRef(null);
+    var focused = hooks.useFocus(tagRef, 'keyboard')[0];
+    var variantClassName = variant === 'default' ? 'rounded' : 'rectangular';
+    var shapeClassName = shape || variantClassName;
+    var tagProps = {
+        className: cn__default.default(commonStyles__default.default.component, colorCommonStyles[colors].component, colorStyles.component, commonStyles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], colorCommonStyles[colors][view], commonStyles__default.default[view], (_b = {},
+            _b[commonStyles__default.default.allowBackdropBlur] = allowBackdropBlur,
+            _b[commonStyles__default.default.checked] = checked,
+            _b[commonStyles__default.default[shapeClassName]] = Boolean(commonStyles__default.default[shapeClassName]),
+            _b[styles[shapeClassName]] = Boolean(styles[shapeClassName]),
+            _b[colorCommonStyles[colors].checked] = checked,
+            _b[colorStyles[view]] = Boolean(colorStyles[view]),
+            _b[commonStyles__default.default.focused] = focused,
+            _b[commonStyles__default.default.withRightAddons] = Boolean(rightAddons),
+            _b[commonStyles__default.default.withLeftAddons] = Boolean(leftAddons),
+            _b), className),
         'data-test-id': dataTestId,
     };
-    const handleClick = (event) => {
+    var handleClick = function (event) {
         if (onClick) {
-            onClick(event, { name, checked: !checked });
+            onClick(event, { name: name, checked: !checked });
         }
     };
-    return (React.createElement("button", { ref: mergeRefs([tagRef, ref]), type: 'button', onClick: handleClick, ...tagProps, ...restProps },
-        leftAddons ? React.createElement("span", { className: commonStyles.addons }, leftAddons) : null,
-        children && (React.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
-        rightAddons ? React.createElement("span", { className: commonStyles.addons }, rightAddons) : null));
+    return (React__default.default.createElement("button", tslib.__assign({ ref: mergeRefs__default.default([tagRef, ref]), type: 'button', onClick: handleClick }, tagProps, restProps),
+        leftAddons ? React__default.default.createElement("span", { className: commonStyles__default.default.addons }, leftAddons) : null,
+        children && (React__default.default.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
+        rightAddons ? React__default.default.createElement("span", { className: commonStyles__default.default.addons }, rightAddons) : null));
 });
 
-export { BaseTag };
+exports.BaseTag = BaseTag;

package/tag/cssm/components/base-tag/index.js

@@ -1,8 +1,7 @@
-export { BaseTag } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseTag_Component = require('./Component.js');
+
+
+
+exports.BaseTag = components_baseTag_Component.BaseTag;