@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/components/Calendar/MonthViewModel.d.ts

@@ -1,13 +1,14 @@
-import { DayCellViewModel } from './DayCellViewModel';
-export declare class MonthViewModel {
-    static create: (month: number, year: number) => MonthViewModel;
-    readonly daysCount: number;
-    readonly offset: number;
-    readonly month: number;
-    readonly year: number;
-    readonly height: number;
-    readonly days: DayCellViewModel[];
-    isLastInYear: boolean;
-    isFirstInYear: boolean;
-    private constructor();
-}
+import type { Theme } from '../../lib/theming/Theme.js';
+import { DayCellViewModel } from './DayCellViewModel.js';
+export declare class MonthViewModel {
+    static create: (month: number, year: number) => MonthViewModel;
+    readonly daysCount: number;
+    readonly offset: number;
+    readonly month: number;
+    readonly year: number;
+    readonly days: DayCellViewModel[];
+    isLastInYear: boolean;
+    isFirstInYear: boolean;
+    getHeight(theme: Theme): number;
+    private constructor();
+}

package/components/Calendar/MonthViewModel.js

@@ -1,47 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var config_1 = tslib_1.__importDefault(require("./config"));
-var DayCellViewModel_1 = require("./DayCellViewModel");
-var utils_1 = require("./utils");
-var MonthViewModel = /** @class */function () {
-  function MonthViewModel(month, year) {
+import { memo } from '../../lib/memo.js';
+import { getMonthInHumanFormat } from './CalendarUtils.js';
+import { themeConfig } from './config.js';
+import { DayCellViewModel } from './DayCellViewModel.js';
+var getCurrentYear = function (month, year) {
     if (month < 0) {
-      year -= Math.ceil(-month / 12);
-      month = 12 + month % 12;
+        return year - Math.ceil(-month / 12);
     }
     if (month > 11) {
-      year += Math.floor(month / 12);
-      month %= 12;
+        return year + Math.floor(month / 12);
     }
-    var daysCount = getMonthsDays(month, year);
-    var offset = getMonthOffset(month, year);
-    this.daysCount = daysCount;
-    this.offset = offset;
-    this.month = month;
-    this.year = year;
-    this.height = getMonthHeight(daysCount, offset);
-    this.isLastInYear = month === 11;
-    this.isFirstInYear = month === 0;
-    this.days = Array.from({ length: daysCount }, function (_, i) {
-      var isWeekend = (i + getMonthOffset(month, year)) % 7 >= 5;
-      return DayCellViewModel_1.DayCellViewModel.create(i + 1, month, year, isWeekend);
-    });
-  }
-  MonthViewModel.create = utils_1.memo(function (month, year) {return new MonthViewModel(month, year);});
-  return MonthViewModel;
-}();
-exports.MonthViewModel = MonthViewModel;
-var getMonthHeight = utils_1.memo(function (daysCount, offset) {
-  return Math.ceil((daysCount + offset) / 7) * config_1["default"].DAY_HEIGHT +
-  config_1["default"].MONTH_TITLE_OFFSET_HEIGHT +
-  config_1["default"].MONTH_BOTTOM_MARGIN;
+    return year;
+};
+var getCurrentMonth = function (month) {
+    if (month < 0) {
+        return 12 + (month % 12);
+    }
+    if (month > 11) {
+        return month % 12;
+    }
+    return month;
+};
+var MonthViewModel = /** @class */ (function () {
+    function MonthViewModel(month, year) {
+        var currentYear = getCurrentYear(month, year);
+        var currentMonth = getCurrentMonth(month);
+        var daysCount = getMonthsDays(currentMonth, currentYear);
+        var offset = getMonthOffset(currentMonth, currentYear);
+        this.daysCount = daysCount;
+        this.offset = offset;
+        this.month = currentMonth;
+        this.year = currentYear;
+        this.isLastInYear = currentMonth === 11;
+        this.isFirstInYear = currentMonth === 0;
+        this.days = Array.from({ length: daysCount }, function (_, i) {
+            var isWeekend = (i + getMonthOffset(currentMonth, currentYear)) % 7 >= 5;
+            return DayCellViewModel.create(i + 1, currentMonth, currentYear, isWeekend);
+        });
+    }
+    MonthViewModel.prototype.getHeight = function (theme) {
+        var _a = themeConfig(theme), DAY_HEIGHT = _a.DAY_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT = _a.MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN = _a.MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING = _a.CALENDAR_GRID_ROW_SPACING;
+        return getMonthHeight(this.daysCount, this.offset, DAY_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING);
+    };
+    MonthViewModel.create = memo(function (month, year) { return new MonthViewModel(month, year); });
+    return MonthViewModel;
+}());
+export { MonthViewModel };
+var getMonthHeight = memo(function (daysCount, offset, dayHeight, titleHeight, marginBottom, rowSpacing) {
+    var weeks = Math.ceil((daysCount + offset) / 7);
+    return weeks * dayHeight + titleHeight + marginBottom + rowSpacing * 2 + rowSpacing * (weeks - 1);
+});
+var getMonthsDays = memo(function (month, year) { return new Date(year, getMonthInHumanFormat(month), 0).getDate(); });
+var getMonthOffset = memo(function (month, year) {
+    var day = new Date(year, month, 1).getDay() - 1;
+    if (day === -1) {
+        return 6;
+    }
+    return day;
 });
-var getMonthsDays = utils_1.memo(function (month, year) {return new Date(year, month + 1, 0).getDate();});
-var getMonthOffset = utils_1.memo(function (month, year) {
-  var day = new Date(year, month, 1).getDay() - 1;
-  if (day === -1) {
-    return 6;
-  }
-  return day;
-});
+//# sourceMappingURL=MonthViewModel.js.map

package/components/Calendar/MonthViewModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthViewModel.js","sourceRoot":"","sources":["MonthViewModel.tsx"],"names":[],"mappings":";;;AAAA,4DAA8B;AAE9B,uDAAsD;AACtD,iCAA+B;AAE/B;IAqBE,wBAAoB,KAAa,EAAE,IAAY;QAC7C,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;YAC/B,KAAK,GAAG,EAAE,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;SAC3B;QACD,IAAI,KAAK,GAAG,EAAE,EAAE;YACd,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;YAC/B,KAAK,IAAI,EAAE,CAAC;SACb;QACD,IAAM,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC7C,IAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,YAAY,GAAG,KAAK,KAAK,EAAE,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,KAAK,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC;YACjD,IAAM,SAAS,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC7D,OAAO,mCAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC;IA1Ca,qBAAM,GAAG,YAAI,CAAC,UAAC,KAAa,EAAE,IAAY,IAAqB,OAAA,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAA/B,CAA+B,CAAC,CAAC;IA2ChH,qBAAC;CAAA,AA5CD,IA4CC;AA5CY,wCAAc;AA8C3B,IAAM,cAAc,GAAG,YAAI,CACzB,UAAC,SAAiB,EAAE,MAAc;IAChC,OAAA,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,gBAAM,CAAC,UAAU;QACvD,gBAAM,CAAC,yBAAyB;QAChC,gBAAM,CAAC,mBAAmB;AAF1B,CAE0B,CAC7B,CAAC;AAEF,IAAM,aAAa,GAAG,YAAI,CAAC,UAAC,KAAa,EAAE,IAAY,IAAK,OAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAtC,CAAsC,CAAC,CAAC;AAEpG,IAAM,cAAc,GAAG,YAAI,CAAC,UAAC,KAAa,EAAE,IAAY;IACtD,IAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClD,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;QACd,OAAO,CAAC,CAAC;KACV;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC,CAAC"}
+{"version":3,"file":"MonthViewModel.js","sourceRoot":"","sources":["../../../components/Calendar/MonthViewModel.ts"],"names":[],"mappings":"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","sourcesContent":["import { memo } from '../../lib/memo.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport { getMonthInHumanFormat } from './CalendarUtils.js';\nimport { themeConfig } from './config.js';\nimport { DayCellViewModel } from './DayCellViewModel.js';\n\nconst getCurrentYear = (month: number, year: number) => {\n  if (month < 0) {\n    return year - Math.ceil(-month / 12);\n  }\n\n  if (month > 11) {\n    return year + Math.floor(month / 12);\n  }\n\n  return year;\n};\n\nconst getCurrentMonth = (month: number) => {\n  if (month < 0) {\n    return 12 + (month % 12);\n  }\n\n  if (month > 11) {\n    return month % 12;\n  }\n\n  return month;\n};\n\nexport class MonthViewModel {\n  public static create = memo((month: number, year: number): MonthViewModel => new MonthViewModel(month, year));\n\n  public readonly daysCount: number;\n\n  public readonly offset: number;\n\n  public readonly month: number;\n\n  public readonly year: number;\n\n  public readonly days: DayCellViewModel[];\n\n  // FIXME: shouldbe readonly\n  public isLastInYear: boolean;\n\n  // FIXME: shouldbe readonly\n  public isFirstInYear: boolean;\n\n  public getHeight(theme: Theme): number {\n    const { DAY_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING } =\n      themeConfig(theme);\n    return getMonthHeight(\n      this.daysCount,\n      this.offset,\n      DAY_HEIGHT,\n      MONTH_TITLE_OFFSET_HEIGHT,\n      MONTH_BOTTOM_MARGIN,\n      CALENDAR_GRID_ROW_SPACING,\n    );\n  }\n\n  private constructor(month: number, year: number) {\n    const currentYear = getCurrentYear(month, year);\n    const currentMonth = getCurrentMonth(month);\n\n    const daysCount = getMonthsDays(currentMonth, currentYear);\n    const offset = getMonthOffset(currentMonth, currentYear);\n    this.daysCount = daysCount;\n    this.offset = offset;\n    this.month = currentMonth;\n    this.year = currentYear;\n    this.isLastInYear = currentMonth === 11;\n    this.isFirstInYear = currentMonth === 0;\n    this.days = Array.from({ length: daysCount }, (_, i) => {\n      const isWeekend = (i + getMonthOffset(currentMonth, currentYear)) % 7 >= 5;\n      return DayCellViewModel.create(i + 1, currentMonth, currentYear, isWeekend);\n    });\n  }\n}\n\nconst getMonthHeight = memo(\n  (\n    daysCount: number,\n    offset: number,\n    dayHeight: number,\n    titleHeight: number,\n    marginBottom: number,\n    rowSpacing: number,\n  ) => {\n    const weeks = Math.ceil((daysCount + offset) / 7);\n    return weeks * dayHeight + titleHeight + marginBottom + rowSpacing * 2 + rowSpacing * (weeks - 1);\n  },\n);\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, getMonthInHumanFormat(month), 0).getDate());\n\nconst getMonthOffset = memo((month: number, year: number) => {\n  const day = new Date(year, month, 1).getDay() - 1;\n  if (day === -1) {\n    return 6;\n  }\n  return day;\n});\n"]}

package/components/Calendar/config.d.ts

@@ -1,25 +1,13 @@
-declare const _default: {
-    /**
-     * Day cell size
-     */
-    DAY_HEIGHT: number;
-    MONTH_TITLE_HEIGHT: number;
-    /**
-     * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-     */
-    MONTH_TITLE_OFFSET_HEIGHT: number;
-    /**
-     * Calendar height
-     */
-    WRAPPER_HEIGHT: number;
-    /**
-     * Margin between months
-     */
-    MONTH_BOTTOM_MARGIN: number;
-    /**
-     * Maximal count of month appending on scrollTo method call
-     * with large intervals
-     */
-    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
-};
-export default _default;
+import type { Theme } from '../../lib/theming/Theme.js';
+declare const getConfig: (monthTitleLineHeight: string, monthTitlePaddingTop: string, monthTitlePaddingBottom: string, monthTitleMarginBottom: string, cellWidth: string, cellHeight: string, wrapperHeight: string, monthMarginBottom: string, maxMonthsToAppendOnScroll: string, calendarGridRowSpacing: string) => {
+    DAY_WIDTH: number;
+    DAY_HEIGHT: number;
+    MONTH_TITLE_HEIGHT: number;
+    MONTH_TITLE_OFFSET_HEIGHT: number;
+    WRAPPER_HEIGHT: number;
+    MONTH_BOTTOM_MARGIN: number;
+    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
+    CALENDAR_GRID_ROW_SPACING: number;
+};
+export declare const themeConfig: (t: Theme) => ReturnType<typeof getConfig>;
+export {};

package/components/Calendar/config.js

@@ -1,25 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports["default"] = {
-  /**
-   * Day cell size
-   */
-  DAY_HEIGHT: 30,
-  MONTH_TITLE_HEIGHT: 40,
-  /**
-   * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-   */
-  MONTH_TITLE_OFFSET_HEIGHT: 51,
-  /**
-   * Calendar height
-   */
-  WRAPPER_HEIGHT: 330,
-  /**
-   * Margin between months
-   */
-  MONTH_BOTTOM_MARGIN: 10,
-  /**
-   * Maximal count of month appending on scrollTo method call
-   * with large intervals
-   */
-  MAX_MONTHS_TO_APPEND_ON_SCROLL: 5 };
+import { memo } from '../../lib/memo.js';
+var getConfig = memo(function (monthTitleLineHeight, monthTitlePaddingTop, monthTitlePaddingBottom, monthTitleMarginBottom, cellWidth, cellHeight, wrapperHeight, monthMarginBottom, maxMonthsToAppendOnScroll, calendarGridRowSpacing) {
+    var monthTitleHeight = parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);
+    return {
+        DAY_WIDTH: parseInt(cellWidth),
+        DAY_HEIGHT: parseInt(cellHeight),
+        MONTH_TITLE_HEIGHT: monthTitleHeight,
+        MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line
+        WRAPPER_HEIGHT: parseInt(wrapperHeight),
+        MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),
+        MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),
+        CALENDAR_GRID_ROW_SPACING: parseInt(calendarGridRowSpacing),
+    };
+});
+export var themeConfig = function (t) {
+    return getConfig(t.calendarMonthTitleLineHeight, t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom, t.calendarMonthTitleMarginBottom, t.calendarCellWidth, t.calendarCellHeight, t.calendarWrapperHeight, t.calendarMonthMarginBottom, t.calendarMaxMonthsToAppendOnScroll, t.calendarGridRowSpacing);
+};
+//# sourceMappingURL=config.js.map

package/components/Calendar/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":";;AAAA,kBAAe;IACb;;OAEG;IACH,UAAU,EAAE,EAAE;IAEd,kBAAkB,EAAE,EAAE;IAEtB;;OAEG;IACH,yBAAyB,EAAE,EAAE;IAE7B;;OAEG;IACH,cAAc,EAAE,GAAG;IAEnB;;OAEG;IACH,mBAAmB,EAAE,EAAE;IAEvB;;;OAGG;IACH,8BAA8B,EAAE,CAAC;CAClC,CAAC"}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../components/Calendar/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,IAAM,SAAS,GAAG,IAAI,CACpB,UACE,oBAA4B,EAC5B,oBAA4B,EAC5B,uBAA+B,EAC/B,sBAA8B,EAC9B,SAAiB,EACjB,UAAkB,EAClB,aAAqB,EACrB,iBAAyB,EACzB,yBAAiC,EACjC,sBAA8B;IAE9B,IAAM,gBAAgB,GACpB,QAAQ,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IACtG,OAAO;QACL,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC9B,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;QAChC,kBAAkB,EAAE,gBAAgB;QACpC,yBAAyB,EAAE,gBAAgB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,uBAAuB;QAC3G,cAAc,EAAE,QAAQ,CAAC,aAAa,CAAC;QACvC,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC;QAChD,8BAA8B,EAAE,QAAQ,CAAC,yBAAyB,CAAC;QACnE,yBAAyB,EAAE,QAAQ,CAAC,sBAAsB,CAAC;KAC5D,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,CAAQ;IAClC,OAAA,SAAS,CACP,CAAC,CAAC,4BAA4B,EAC9B,CAAC,CAAC,4BAA4B,EAC9B,CAAC,CAAC,+BAA+B,EACjC,CAAC,CAAC,8BAA8B,EAChC,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,iCAAiC,EACnC,CAAC,CAAC,sBAAsB,CACzB;AAXD,CAWC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { memo } from '../../lib/memo.js';\n\nconst getConfig = memo(\n  (\n    monthTitleLineHeight: string,\n    monthTitlePaddingTop: string,\n    monthTitlePaddingBottom: string,\n    monthTitleMarginBottom: string,\n    cellWidth: string,\n    cellHeight: string,\n    wrapperHeight: string,\n    monthMarginBottom: string,\n    maxMonthsToAppendOnScroll: string,\n    calendarGridRowSpacing: string,\n  ) => {\n    const monthTitleHeight =\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\n    return {\n      DAY_WIDTH: parseInt(cellWidth),\n      DAY_HEIGHT: parseInt(cellHeight),\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\n      CALENDAR_GRID_ROW_SPACING: parseInt(calendarGridRowSpacing),\n    };\n  },\n);\n\nexport const themeConfig = (t: Theme): ReturnType<typeof getConfig> =>\n  getConfig(\n    t.calendarMonthTitleLineHeight,\n    t.calendarMonthTitlePaddingTop,\n    t.calendarMonthTitlePaddingBottom,\n    t.calendarMonthTitleMarginBottom,\n    t.calendarCellWidth,\n    t.calendarCellHeight,\n    t.calendarWrapperHeight,\n    t.calendarMonthMarginBottom,\n    t.calendarMaxMonthsToAppendOnScroll,\n    t.calendarGridRowSpacing,\n  );\n"]}

package/components/Calendar/index.d.ts

@@ -1 +1,3 @@
-export { default, CalendarDateShape, CalendarProps, CalendarState } from './Calendar';
+export * from './Calendar.js';
+export * from './CalendarDateShape.js';
+export * from './CalendarDay.js';

package/components/Calendar/index.js

@@ -1,4 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Calendar_1 = require("./Calendar");
-exports["default"] = Calendar_1["default"];
+export * from './Calendar.js';
+export * from './CalendarDateShape.js';
+export * from './CalendarDay.js';
+//# sourceMappingURL=index.js.map

package/components/Calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,uCAAsF;AAA7E,6BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Calendar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Calendar.js';\nexport * from './CalendarDateShape.js';\nexport * from './CalendarDay.js';\n"]}

package/components/Calendar/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { CalendarLocale } from '../types.js';
+export declare const componentsLocales: CalendarLocale;

package/components/Calendar/locale/locales/en.js

@@ -0,0 +1,18 @@
+export var componentsLocales = {
+    months: [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December',
+    ],
+    dayCellChooseDateAriaLabel: 'Choose date',
+};
+//# sourceMappingURL=en.js.map

package/components/Calendar/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/Calendar/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,MAAM,EAAE;QACN,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACX;IACD,0BAA0B,EAAE,aAAa;CAC1C,CAAC","sourcesContent":["import type { CalendarLocale } from '../types.js';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  dayCellChooseDateAriaLabel: 'Choose date',\n};\n"]}

package/components/Calendar/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import type { CalendarLocale } from '../types.js';
+export declare const componentsLocales: CalendarLocale;

package/components/Calendar/locale/locales/ru.js

@@ -0,0 +1,18 @@
+export var componentsLocales = {
+    months: [
+        'Январь',
+        'Февраль',
+        'Март',
+        'Апрель',
+        'Май',
+        'Июнь',
+        'Июль',
+        'Август',
+        'Сентябрь',
+        'Октябрь',
+        'Ноябрь',
+        'Декабрь',
+    ],
+    dayCellChooseDateAriaLabel: 'Выбрать дату',
+};
+//# sourceMappingURL=ru.js.map

package/components/Calendar/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/Calendar/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,MAAM,EAAE;QACN,QAAQ;QACR,SAAS;QACT,MAAM;QACN,QAAQ;QACR,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,UAAU;QACV,SAAS;QACT,QAAQ;QACR,SAAS;KACV;IACD,0BAA0B,EAAE,cAAc;CAC3C,CAAC","sourcesContent":["import type { CalendarLocale } from '../types.js';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'Январь',\n    'Февраль',\n    'Март',\n    'Апрель',\n    'Май',\n    'Июнь',\n    'Июль',\n    'Август',\n    'Сентябрь',\n    'Октябрь',\n    'Ноябрь',\n    'Декабрь',\n  ],\n  dayCellChooseDateAriaLabel: 'Выбрать дату',\n};\n"]}

package/components/Calendar/locale/types.d.ts

@@ -0,0 +1,7 @@
+export interface CalendarLocale {
+    months?: string[];
+    selectMonthAriaLabel?: string;
+    selectYearAriaLabel?: string;
+    selectChosenAriaLabel?: string;
+    dayCellChooseDateAriaLabel?: string;
+}

package/components/Calendar/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/Calendar/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/Calendar/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CalendarLocale {\n  months?: string[];\n  selectMonthAriaLabel?: string;\n  selectYearAriaLabel?: string;\n  selectChosenAriaLabel?: string;\n  dayCellChooseDateAriaLabel?: string;\n}\n"]}

package/components/Center/Center.d.ts

@@ -1,27 +1,33 @@
-import * as React from 'react';
-import { Override } from '../../typings/utility-types';
-export declare type HorizontalAlign = 'left' | 'center' | 'right';
-export declare type CenterProps = Override<React.HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Горизонтальное выравнивание контента.
-     */
-    align?: HorizontalAlign;
-    /**
-     * **Используй с осторожностью!**
-     * Дополнительные стили
-     */
-    style?: React.CSSProperties;
-}>;
-export interface CenterState {
-}
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
- */
-export default class Center extends React.Component<CenterProps, CenterState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-    };
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { Override } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+export type HorizontalAlign = 'left' | 'center' | 'right';
+export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
+    /** Задает выравнивание контента по горизонтали */
+    align?: HorizontalAlign;
+}> {
+}
+export declare const CenterDataTids: {
+    readonly root: "Center__root";
+};
+type DefaultProps = Required<Pick<CenterProps, 'align'>>;
+/**
+ * `Center` — контейнер, который центрирует элементы внутри себя.
+ *
+ * Выравнивание задается пропом `align`.
+ */
+export declare class Center extends React.Component<CenterProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private emotion;
+    private cx;
+    private styles;
+    render(): React.JSX.Element;
+    private renderMain;
+}
+export {};

package/components/Center/Center.js

@@ -1,28 +1,94 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Center_module_less_1 = tslib_1.__importDefault(require("./Center.module.css"));
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './Center.styles.js';
+export var CenterDataTids = {
+    root: 'Center__root',
+};
+/**
+ * `Center` — контейнер, который центрирует элементы внутри себя.
+ *
+ * Выравнивание задается пропом `align`.
  */
-var Center = /** @class */function (_super) {
-  tslib_1.__extends(Center, _super);
-  function Center() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-  Center.prototype.render = function () {
-    var _a = this.props,align = _a.align,style = _a.style,children = _a.children,rest = tslib_1.__rest(_a, ["align", "style", "children"]);
-    var styleJoined = Object.assign({ textAlign: align }, style);
-    return React.createElement("div", tslib_1.__assign({ className: Center_module_less_1["default"].root }, rest, { style: styleJoined }),
-    React.createElement("span", { className: Center_module_less_1["default"].spring }),
-    React.createElement("span", { className: Center_module_less_1["default"].container }, children));
-  };
-  Center.__KONTUR_REACT_UI__ = 'Center';
-  Center.defaultProps = {
-    align: 'center' };
-
-  return Center;
-}(React.Component);
-exports["default"] = Center;
+var Center = /** @class */ (function (_super) {
+    __extends(Center, _super);
+    function Center() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Center_1.defaultProps);
+        _this.renderMain = function (props) {
+            var _a;
+            var align = props.align, rest = __rest(props, ["align"]);
+            return (React.createElement("div", __assign({ "data-tid": CenterDataTids.root }, rest, { className: _this.cx((_a = {},
+                    _a[_this.styles.root()] = true,
+                    _a[_this.styles.rootAlignLeft()] = align === 'left',
+                    _a[_this.styles.rootAlignRight()] = align === 'right',
+                    _a)) }),
+                React.createElement("span", { className: _this.styles.spring() }),
+                React.createElement("span", { className: _this.styles.container() }, _this.props.children)));
+        };
+        return _this;
+    }
+    Center_1 = Center;
+    Center.prototype.render = function () {
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain));
+    };
+    var Center_1;
+    Center.__KONTUR_REACT_UI__ = 'Center';
+    Center.displayName = 'Center';
+    Center.defaultProps = {
+        align: 'center',
+    };
+    Center = Center_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Center);
+    return Center;
+}(React.Component));
+export { Center };
+//# sourceMappingURL=Center.js.map

package/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sourceRoot":"","sources":["Center.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,oFAA0C;AAuB1C;;;GAGG;AACH;IAAoC,kCAAyC;IAA7E;;IAmBA,CAAC;IAZQ,uBAAM,GAAb;QACE,IAAM,eAAgD,EAA9C,gBAAK,EAAE,gBAAK,EAAE,sBAAQ,EAAE,yDAAsB,CAAC;QAEvD,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACL,8CAAK,SAAS,EAAE,4BAAM,CAAC,IAAI,IAAM,IAAI,IAAE,KAAK,EAAE,WAAW;YACvD,8BAAM,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI;YAClC,8BAAM,SAAS,EAAE,4BAAM,CAAC,SAAS,IAAG,QAAQ,CAAQ,CAChD,CACP,CAAC;IACJ,CAAC;IAjBa,0BAAmB,GAAG,QAAQ,CAAC;IAE/B,mBAAY,GAAG;QAC3B,KAAK,EAAE,QAAQ;KAChB,CAAC;IAcJ,aAAC;CAAA,AAnBD,CAAoC,KAAK,CAAC,SAAS,GAmBlD;kBAnBoB,MAAM"}
+{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../components/Center/Center.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAc/C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;CACZ,CAAC;AAKX;;;;GAIG;AAGH;IAA4B,0BAA4B;IAAxD;;QAOU,cAAQ,GAAG,iBAAiB,CAAC,QAAM,CAAC,YAAY,CAAC,CAAC;QAiBlD,gBAAU,GAAG,UAAC,KAAqD;;YACjE,IAAA,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1B,SAAkB,CAAF,CAAW;YAEjC,OAAO,CACL,kDACY,cAAc,CAAC,IAAI,IACzB,IAAI,IACR,SAAS,EAAE,KAAI,CAAC,EAAE;oBAChB,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAG,IAAI;oBAC1B,GAAC,KAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAG,KAAK,KAAK,MAAM;oBAC/C,GAAC,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE,IAAG,KAAK,KAAK,OAAO;wBACjD;gBAEF,8BAAM,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAI;gBACzC,8BAAM,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAG,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAClE,CACP,CAAC;QACJ,CAAC,CAAC;;IACJ,CAAC;eA1CY,MAAM;IAeV,uBAAM,GAAb;QACE,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAM,IAAI,CAAC,QAAQ,EAAE,GAC9D,IAAI,CAAC,UAAU,CACF,CACjB,CAAC;IACJ,CAAC;;IAtBa,0BAAmB,GAAG,QAAQ,AAAX,CAAY;IAC/B,kBAAW,GAAG,QAAQ,AAAX,CAAY;IAEvB,mBAAY,GAAiB;QACzC,KAAK,EAAE,QAAQ;KAChB,AAFyB,CAExB;IANS,MAAM;QAFlB,qBAAqB;QACrB,QAAQ;OACI,MAAM,CA0ClB;IAAD,aAAC;CAAA,AA1CD,CAA4B,KAAK,CAAC,SAAS,GA0C1C;SA1CY,MAAM","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Override } from '../../typings/utility-types.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './Center.styles.js';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /** Задает выравнивание контента по горизонтали */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * `Center` — контейнер, который центрирует элементы внутри себя.\n *\n * Выравнивание задается пропом `align`.\n */\n@withRenderEnvironment\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n  public static displayName = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={this.cx({\n          [this.styles.root()]: true,\n          [this.styles.rootAlignLeft()]: align === 'left',\n          [this.styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={this.styles.spring()} />\n        <span className={this.styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}

package/components/Center/Center.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+    rootAlignLeft(): string;
+    rootAlignRight(): string;
+    spring(): string;
+    container(): string;
+}>;

package/components/Center/Center.styles.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      text-align: center;\n    "], ["\n      height: 100%;\n      text-align: center;\n    "])));
+        },
+        rootAlignLeft: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      text-align: left;\n    "], ["\n      text-align: left;\n    "])));
+        },
+        rootAlignRight: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      text-align: right;\n    "], ["\n      text-align: right;\n    "])));
+        },
+        spring: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "], ["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+        },
+        container: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "], ["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Center.styles.js.map

package/components/Center/Center.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.styles.js","sourceRoot":"","sources":["../../../components/Center/Center.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,2HAAA,wDAGT,KAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,oGAAA,iCAET,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,qGAAA,kCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,6JAAA,0FAIT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,iKAAA,8FAIT,KAAC;QACJ,CAAC;KACF,CAAC;AAnC8D,CAmC9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n}));\n"]}

package/components/Center/index.d.ts

@@ -1 +1 @@
-export { default, CenterProps, CenterState } from './Center';
+export * from './Center.js';

package/components/Center/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Center_1 = require("./Center");
-exports["default"] = Center_1["default"];
+export * from './Center.js';
+//# sourceMappingURL=index.js.map

package/components/Center/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;AAAA,mCAA6D;AAApD,2BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Center/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Center.js';\n"]}