@addev-be/ui 0.1.18 → 0.1.19

package/dist/components/data/DataGrid/styles.js

@@ -0,0 +1,121 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterValuesScrollerContainer = exports.ResizeBackdrop = exports.SelectionCell = exports.LoadingCell = exports.DataGridRow = exports.DataGridHeaderRow = exports.DataGridContainer = exports.DataGridToolsRow = exports.DataGridCell = exports.DataGridHeaderCellContainer = exports.DataGridResizeGrip = exports.VirtualScrollerRowsContainer = exports.VirtualScrollerContainer = exports.BottomPaddingRow = exports.TopPaddingRow = exports.DEFAULT_FILTER_ROW_HEIGHT = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_ROW_HEIGHT = exports.TOOLBAR_HEIGHT = exports.VIRTUAL_SCROLL_TOLERANCE = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.VIRTUAL_SCROLL_TOLERANCE = 20;
+exports.TOOLBAR_HEIGHT = 40;
+exports.DEFAULT_HEADER_ROW_HEIGHT = 40;
+exports.DEFAULT_ROW_HEIGHT = 32;
+exports.DEFAULT_FILTER_ROW_HEIGHT = 24;
+exports.TopPaddingRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+exports.BottomPaddingRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+exports.VirtualScrollerContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: visible;\n  height: ", ";\n"], ["\n  position: relative;\n  overflow: visible;\n  height: ", ";\n"])), function (_a) {
+    var $height = _a.$height;
+    return "".concat($height, "px");
+});
+exports.VirtualScrollerRowsContainer = styled_components_1.default.div.attrs(function (_a) {
+    var $gridTemplateColumns = _a.$gridTemplateColumns, $topPadding = _a.$topPadding, _b = _a.$rowHeight, $rowHeight = _b === void 0 ? exports.DEFAULT_ROW_HEIGHT : _b;
+    var rowHeightValue = "".concat($rowHeight, "px");
+    return {
+        style: {
+            top: "".concat($topPadding, "px"),
+            gridTemplateColumns: $gridTemplateColumns,
+            gridAutoRows: rowHeightValue,
+        },
+    };
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: grid;\n  position: absolute;\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"], ["\n  display: grid;\n  position: absolute;\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"])), exports.TopPaddingRow, exports.BottomPaddingRow);
+exports.DataGridResizeGrip = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"])), function (_a) {
+    var $headerColor = _a.$headerColor;
+    return $headerColor
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: var(--color-", "-400);\n          &:hover,\n          &.active {\n            background-color: var(--color-", "-500);\n          }\n        "], ["\n          background-color: var(--color-", "-400);\n          &:hover,\n          &.active {\n            background-color: var(--color-", "-500);\n          }\n        "])), $headerColor, $headerColor) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background-color: var(--color-neutral-400);\n          &:hover,\n          &.active {\n            background-color: var(--color-neutral-500);\n          }\n        "], ["\n          background-color: var(--color-neutral-400);\n          &:hover,\n          &.active {\n            background-color: var(--color-neutral-500);\n          }\n        "])));
+});
+exports.DataGridHeaderCellContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: var(--space-1);\n  padding: 0 0.75rem;\n  height: 100%;\n  font-weight: var(--font-bold);\n  line-height: 1.5rem;\n  z-index: ", ";\n\n  ", "\n\n  &:hover {\n    ", " {\n      display: block;\n    }\n  }\n\n  & > span {\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: var(--space-1);\n  padding: 0 0.75rem;\n  height: 100%;\n  font-weight: var(--font-bold);\n  line-height: 1.5rem;\n  z-index: ", ";\n\n  ", "\n\n  &:hover {\n    ", " {\n      display: block;\n    }\n  }\n\n  & > span {\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n"])), function (_a) {
+    var $isResizing = _a.$isResizing;
+    return ($isResizing ? 1 : 0);
+}, function (_a) {
+    var $headerColor = _a.$headerColor;
+    return $headerColor
+        ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          background-color: var(--color-", "-200);\n          color: var(--color-", "-900);\n          &:hover {\n            background-color: var(--color-", "-300);\n          }\n        "], ["\n          background-color: var(--color-", "-200);\n          color: var(--color-", "-900);\n          &:hover {\n            background-color: var(--color-", "-300);\n          }\n        "])), $headerColor, $headerColor, $headerColor) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          background-color: var(--color-neutral-200);\n          color: var(--color-neutral-900);\n          &:hover {\n            background-color: var(--color-neutral-300);\n          }\n        "], ["\n          background-color: var(--color-neutral-200);\n          color: var(--color-neutral-900);\n          &:hover {\n            background-color: var(--color-neutral-300);\n          }\n        "])));
+}, exports.DataGridResizeGrip);
+exports.DataGridHeaderCellContainer.displayName = 'DataGridHeaderCellContainer';
+exports.DataGridCell = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  padding: 0 var(--space-3);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-right: 1px solid var(--color-neutral-200);\n  border-bottom: 1px solid var(--color-neutral-200);\n"], ["\n  padding: 0 var(--space-3);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-right: 1px solid var(--color-neutral-200);\n  border-bottom: 1px solid var(--color-neutral-200);\n"])));
+exports.DataGridCell.displayName = 'DataGridCell';
+exports.DataGridToolsRow = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  grid-column-start: 1;\n  grid-column-end: -1;\n  grid-row: 1;\n  display: flex;\n  gap: var(--space-1);\n  padding: 0 var(--space-1);\n  align-items: center;\n  background-color: var(--color-neutral-200);\n  position: sticky;\n  top: 0;\n  left: 0;\n  z-index: 10;\n"], ["\n  grid-column-start: 1;\n  grid-column-end: -1;\n  grid-row: 1;\n  display: flex;\n  gap: var(--space-1);\n  padding: 0 var(--space-1);\n  align-items: center;\n  background-color: var(--color-neutral-200);\n  position: sticky;\n  top: 0;\n  left: 0;\n  z-index: 10;\n"])));
+exports.DataGridToolsRow.displayName = 'DataGridToolsRow';
+exports.DataGridContainer = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: grid;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-neutral-50);\n  font-size: var(--text-base);\n  overflow: scroll;\n  grid-template-rows: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n  ", " {\n    position: sticky;\n    top: ", ";\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n    line-height: ", ";\n  }\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 3;\n  }\n"], ["\n  display: grid;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-neutral-50);\n  font-size: var(--text-base);\n  overflow: scroll;\n  grid-template-rows: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n  ", " {\n    position: sticky;\n    top: ", ";\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n    line-height: ", ";\n  }\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 3;\n  }\n"])), function (_a) {
+    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? exports.DEFAULT_HEADER_ROW_HEIGHT : _b;
+    return "".concat(exports.TOOLBAR_HEIGHT, "px ").concat($headerRowHeight, "px auto");
+}, exports.DataGridToolsRow, exports.TOOLBAR_HEIGHT, exports.DataGridHeaderCellContainer, function (_a) {
+    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? exports.DEFAULT_HEADER_ROW_HEIGHT : _b;
+    return "".concat($headerRowHeight, "px");
+}, function (_a) {
+    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? exports.DEFAULT_HEADER_ROW_HEIGHT : _b;
+    return "".concat($headerRowHeight, "px");
+}, exports.DataGridCell, function (_a) {
+    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? exports.DEFAULT_ROW_HEIGHT : _b;
+    return "".concat($rowHeight, "px");
+}, function (_a) {
+    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? exports.DEFAULT_ROW_HEIGHT : _b;
+    return "".concat($rowHeight, "px");
+}, exports.VirtualScrollerContainer);
+exports.DataGridContainer.displayName = 'DataGridContainer';
+exports.DataGridHeaderRow = styled_components_1.default.div.attrs(function (_a) {
+    var $gridTemplateColumns = _a.$gridTemplateColumns;
+    return ({
+        style: {
+            gridTemplateColumns: $gridTemplateColumns,
+        },
+    });
+})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: ", ";\n  z-index: 10;\n  position: sticky;\n  top: ", "px;\n\n  ", "\n"], ["\n  display: grid;\n  grid-template-rows: ", ";\n  z-index: 10;\n  position: sticky;\n  top: ", "px;\n\n  ", "\n"])), function (_a) {
+    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? exports.DEFAULT_HEADER_ROW_HEIGHT : _b;
+    return "".concat($headerRowHeight, "px");
+}, exports.TOOLBAR_HEIGHT, function (_a) {
+    var $headerColor = _a.$headerColor;
+    return $headerColor
+        ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-900);\n        "], ["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-900);\n        "])), $headerColor, $headerColor) : (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n          background-color: var(--color-neutral-200);\n          color: var(--color-neutral-900);\n        "], ["\n          background-color: var(--color-neutral-200);\n          color: var(--color-neutral-900);\n        "])));
+});
+exports.DataGridHeaderRow.displayName = 'DataGridHeaderRow';
+exports.DataGridRow = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"])));
+exports.DataGridRow.displayName = 'DataGridRow';
+exports.LoadingCell = (0, styled_components_1.default)(exports.DataGridCell)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  padding: var(--space-2);\n"], ["\n  padding: var(--space-2);\n"])));
+exports.LoadingCell.displayName = 'LoadingCell';
+exports.SelectionCell = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  /* inline-flex items-center justify-center w-12 select-none text-center whitespace-nowrap */\n  & > input[type='checkbox'] {\n    height: 1rem;\n    width: 1rem;\n    border-radius: 0.25rem;\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-sky-600);\n  }\n"], ["\n  /* inline-flex items-center justify-center w-12 select-none text-center whitespace-nowrap */\n  & > input[type='checkbox'] {\n    height: 1rem;\n    width: 1rem;\n    border-radius: 0.25rem;\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-sky-600);\n  }\n"])));
+exports.SelectionCell.displayName = 'SelectionCell';
+exports.ResizeBackdrop = styled_components_1.default.div.attrs({
+    className: 'ResizeBackdrop',
+})(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0);\n  cursor: col-resize;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0);\n  cursor: col-resize;\n"])));
+exports.ResizeBackdrop.displayName = 'ResizeBackdrop';
+exports.FilterValuesScrollerContainer = styled_components_1.default.div.attrs({
+    className: 'FilterValuesScrollerContainer',
+})(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  display: block;\n  font-size: var(--text-base);\n  background-color: var(--color-neutral-0);\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 100%;\n\n  & > div {\n    position: relative;\n  }\n\n  & .checkbox {\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: ", ";\n\n    input[type='checkbox'] {\n      margin-right: var(--space-1);\n    }\n  }\n"], ["\n  display: block;\n  font-size: var(--text-base);\n  background-color: var(--color-neutral-0);\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 100%;\n\n  & > div {\n    position: relative;\n  }\n\n  & .checkbox {\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: ", ";\n\n    input[type='checkbox'] {\n      margin-right: var(--space-1);\n    }\n  }\n"])), function (_a) {
+    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? exports.DEFAULT_FILTER_ROW_HEIGHT : _b;
+    return "".concat($rowHeight, "px");
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21;

package/dist/components/data/DataGrid/types.d.ts

@@ -0,0 +1,162 @@
+import * as t from 'io-ts';
+import { CSSProperties, Context, Dispatch, MouseEvent, ReactNode, SetStateAction } from 'react';
+import { FieldDTO } from '../../../services/advancedRequests';
+import { SettingsContextProps } from '../../../providers/SettingsProvider';
+import { ThemeColor } from '../../../providers/ThemeProvider/types';
+export type DataGridColumn<R, T extends DataGridFilterType | undefined = DataGridFilterType> = {
+    bodyClassName?: string;
+    className?: string;
+    editable?: boolean;
+    excelFormatter?: (value: any) => string;
+    excelValue?: (value: any) => string;
+    field?: FieldDTO;
+    filter?: T extends undefined ? never : AnyDataGridFilter<R>;
+    footer?: (allRows: R[], filteredRows: R[], selectedRows: R[]) => ReactNode;
+    footerClassName?: string;
+    getter?: (row: R) => string | number;
+    headerClassName?: string;
+    name: string;
+    order?: number;
+    propertyName?: keyof R;
+    render?: (column: DataGridColumn<R, T>, row: R) => ReactNode | string;
+    resizable?: boolean;
+    sortGetter?: (row: R) => string | number;
+    type?: 'text' | 'number' | 'date';
+    width?: number;
+    settingsContext?: Context<SettingsContextProps>;
+};
+export type DataGridColumns<R> = Record<string, DataGridColumn<R, DataGridFilterType | undefined>>;
+export type DataGridFilters<R> = Record<string, DataGridFilter<R, DataGridFilterType>>;
+export type DataGridProps<R> = {
+    name?: string;
+    className?: string;
+    rows: R[];
+    columns: DataGridColumns<R>;
+    rowKey: keyof R | ((row: R) => string);
+    selectable?: boolean;
+    editable?: boolean;
+    onRowDoubleClick?: (row: R, e: MouseEvent) => void;
+    onSelectionChange?: (selectedRows: R[]) => void;
+    onFiltersChanged?: (filters: DataGridFilters<R>) => void;
+    onSortsChanged?: (sorts: Record<string, DataGridSort>) => void;
+    onVisibleRowsChange?: (startIndex: number, length: number) => void;
+    onCellEdited?: (row: R, columnKey: string, value: any) => void;
+    rowClassNameGetter?: (row: R | null) => {
+        className?: string;
+        style?: CSSProperties;
+    };
+    headerRowHeight?: number;
+    rowHeight?: number;
+    filter?: boolean;
+    sort?: boolean;
+    filterValuesLoader?: (columnKey: string) => Promise<(string | number | null)[]>;
+    loadCopyRows?: () => Promise<R[]>;
+    refresh?: () => void;
+    headerColor?: ThemeColor;
+};
+export type DataGridContextProps<R> = DataGridProps<R> & {
+    editingCell?: [number, number];
+    setEditingCell: Dispatch<SetStateAction<[number, number]>>;
+    sortedRows: R[];
+    selectedRows: R[];
+    setSelectedRows: (selection: R[]) => void;
+    sorts?: Record<string, DataGridSort>;
+    setSorts: (sorts: Record<string, DataGridSort>) => void;
+    filters?: DataGridFilters<R>;
+    setFilters: Dispatch<SetStateAction<DataGridFilters<R>>>;
+    visibleColumns: DataGridColumnKeyValuePair<R>[];
+    copyTable: (includeHeaders?: boolean, includeFooters?: boolean) => Promise<void>;
+    setColumnWidth: (key: string, width: number) => void;
+    saveSettings: (newSettings?: DataGridSettings) => void;
+    settings: DataGridSettings;
+    setSettings: Dispatch<SetStateAction<DataGridSettings>>;
+    visibleRows: R[];
+    scrollableRef: React.RefObject<HTMLDivElement>;
+    onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
+    index: number;
+    length: number;
+};
+export type DataGridContext<R> = Context<DataGridContextProps<R>>;
+export declare const dataGridSettingCodec: t.PartialC<{
+    width: t.NumberC;
+    order: t.NumberC;
+}>;
+export declare const dataGridSettingsCodec: t.RecordC<t.StringC, t.PartialC<{
+    width: t.NumberC;
+    order: t.NumberC;
+}>>;
+export declare const dataGridSettingsByNameCodec: t.RecordC<t.StringC, t.RecordC<t.StringC, t.PartialC<{
+    width: t.NumberC;
+    order: t.NumberC;
+}>>>;
+export type DataGridSetting = t.TypeOf<typeof dataGridSettingCodec>;
+export type DataGridSettings = t.TypeOf<typeof dataGridSettingsCodec>;
+export type DataGridSettingsByName = t.TypeOf<typeof dataGridSettingsByNameCodec>;
+export type DataGridSettingsTuple = [string, DataGridSetting];
+export type DataGridSettingsArray = DataGridSettingsTuple[];
+export type DataGridColumnKeyValuePair<R> = [string, DataGridColumn<R, any>];
+export type DataGridCellProps<R> = {
+    row: R;
+    rowIndex: number;
+    columnKey: string;
+    columnIndex: number;
+    column: DataGridColumn<R>;
+    context: DataGridContext<R>;
+    className?: string;
+    style?: CSSProperties;
+};
+export type DataGridHeaderCellProps<R> = {
+    columnKey: string;
+    columnIndex: number;
+    column: DataGridColumn<R>;
+    context: DataGridContext<R>;
+    onFilterButtonClicked?: (columnKey: string) => void;
+    isFilterOpen?: boolean;
+};
+export type DataGridSort = 'asc' | 'desc';
+export type DataGridFilterType = 'text' | 'number';
+export type DataGridFilterDataType<T extends DataGridFilterType> = T extends 'text' ? string : number;
+export type DataGridFilterPredicate<T> = (valueToVerify: T) => boolean;
+export type DataGridFilterPredicateBuilder<T> = (row: any, ...filterValues: T[]) => DataGridFilterPredicate<T>;
+export type DataGridFilterGetter<R, T extends DataGridFilterType> = (row: R) => DataGridFilterDataType<T> | null;
+export type DataGridFilterFormatter = (value: string | number | null) => string | null;
+export type DataGridFilterPredicates = {
+    text: {
+        contains: DataGridFilterPredicateBuilder<string>;
+        notContains: DataGridFilterPredicateBuilder<string>;
+        equals: DataGridFilterPredicateBuilder<string>;
+        notEquals: DataGridFilterPredicateBuilder<string>;
+        startsWith: DataGridFilterPredicateBuilder<string>;
+        endsWith: DataGridFilterPredicateBuilder<string>;
+        inArray: DataGridFilterPredicateBuilder<string>;
+    };
+    number: {
+        equals: DataGridFilterPredicateBuilder<number>;
+        notEquals: DataGridFilterPredicateBuilder<number>;
+        lessThan: DataGridFilterPredicateBuilder<number>;
+        lessThanOrEqual: DataGridFilterPredicateBuilder<number>;
+        greaterThan: DataGridFilterPredicateBuilder<number>;
+        greaterThanOrEqual: DataGridFilterPredicateBuilder<number>;
+        inRange: DataGridFilterPredicateBuilder<number>;
+        inArray: DataGridFilterPredicateBuilder<number>;
+    };
+};
+export type DataGridFilterOperator<T extends DataGridFilterType> = keyof DataGridFilterPredicates[T];
+export type DataGridFilter<R, T extends DataGridFilterType = DataGridFilterType> = {
+    type: T;
+    operator: keyof DataGridFilterPredicates[T];
+    getter: DataGridFilterGetter<R, T>;
+    formatter?: DataGridFilterFormatter;
+    values: (DataGridFilterDataType<T> | null)[];
+};
+export type AnyDataGridFilter<R> = DataGridFilter<R, 'text'> | DataGridFilter<R, 'number'>;
+export type DataGridFilterGroup<R> = {
+    name: string;
+    values?: R[];
+    groups?: DataGridFilterGroup<R>[];
+};
+export type DataGridFilterCheckbox<R extends string | number | null> = {
+    displayValue: string | null;
+    values: R[];
+    level: number;
+};

package/dist/components/data/DataGrid/types.js

@@ -0,0 +1,34 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dataGridSettingsByNameCodec = exports.dataGridSettingsCodec = exports.dataGridSettingCodec = void 0;
+var t = __importStar(require("io-ts"));
+exports.dataGridSettingCodec = t.partial({
+    width: t.number,
+    order: t.number,
+}, 'DataGridSetting');
+exports.dataGridSettingsCodec = t.record(t.string, exports.dataGridSettingCodec, 'DataGridSettings');
+exports.dataGridSettingsByNameCodec = t.record(t.string, exports.dataGridSettingsCodec, 'DataGridSettingsByName');

package/dist/components/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DataGrid';
+export * from './DataGrid/AdvancedRequestDataGrid';
+export * from './DataGrid/helpers/columns';

package/dist/components/data/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DataGrid"), exports);
+__exportStar(require("./DataGrid/AdvancedRequestDataGrid"), exports);
+__exportStar(require("./DataGrid/helpers/columns"), exports);

package/dist/components/forms/Button.d.ts

@@ -0,0 +1,10 @@
+import { IconFC } from '../../Icons';
+import { ThemeColor } from '../../providers/ThemeProvider/types';
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
+export type ButtonProps = {
+    color?: ThemeColor;
+    size?: 'small' | 'medium' | 'large';
+    icon?: IconFC;
+    rounded?: boolean;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/forms/Button.js

@@ -0,0 +1,70 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.StyledButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+exports.StyledButton = styled_components_1.default.button.withConfig({
+    shouldForwardProp: function () { return true; },
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow-sm);\n  /* font-weight: bold; */\n  border-radius: var(--rounded-md);\n  font-family: var(--font-sans);\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-1) var(--space-1_5);\n    font-size: var(--text-sm);\n    height: var(--space-6);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n  &.medium {\n    padding: var(--space-2) var(--space-3);\n    font-size: var(--text-base);\n    height: var(--space-8);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n  &.large {\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-lg);\n    height: var(--space-10);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-5);\n      height: var(--space-5);\n    }\n  }\n"], ["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow-sm);\n  /* font-weight: bold; */\n  border-radius: var(--rounded-md);\n  font-family: var(--font-sans);\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-1) var(--space-1_5);\n    font-size: var(--text-sm);\n    height: var(--space-6);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n  &.medium {\n    padding: var(--space-2) var(--space-3);\n    font-size: var(--text-base);\n    height: var(--space-8);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n  &.large {\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-lg);\n    height: var(--space-10);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-5);\n      height: var(--space-5);\n    }\n  }\n"])), function (_a) {
+    var color = _a.color;
+    return color
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: var(--color-", "-400);\n          border: 1px solid var(--color-", "-500);\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: 1px solid var(--color-", "-400);\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "], ["\n          background-color: var(--color-", "-400);\n          border: 1px solid var(--color-", "-500);\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: 1px solid var(--color-", "-400);\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "])), color, color, color, color, color, color) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: var(--color-neutral-100);\n          border: 1px solid var(--color-neutral-300);\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: 1px solid var(--color-neutral-400);\n          }\n          color: var(--color-neutral-900);\n          svg {\n            fill: var(--color-neutral-900);\n          }\n        "], ["\n          background-color: var(--color-neutral-100);\n          border: 1px solid var(--color-neutral-300);\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: 1px solid var(--color-neutral-400);\n          }\n          color: var(--color-neutral-900);\n          svg {\n            fill: var(--color-neutral-900);\n          }\n        "])));
+}, function (_a) {
+    var rounded = _a.rounded;
+    return rounded && 'border-radius: var(--rounded-full);';
+});
+exports.Button = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, Icon = _a.icon, className = _a.className, props = __rest(_a, ["children", "size", "icon", "className"]);
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({ ref: ref, className: "".concat(size, " ").concat(className) }, props, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), children] })));
+});
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/forms/IconButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from './Button';
+import { ButtonHTMLAttributes } from 'react';
+import { IconFC } from '../../Icons';
+export declare const IconButton: import("react").ForwardRefExoticComponent<ButtonProps & {
+    icon: IconFC;
+    $iconSize?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/forms/IconButton.js

@@ -0,0 +1,64 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("./Button");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var styles = {
+    IconButton: (0, styled_components_1.default)(Button_1.Button).attrs({
+        className: 'IconButton',
+    })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: 100%;\n    &.small {\n      padding: var(--space-1);\n      height: var(--space-6);\n      width: var(--space-6);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.medium {\n      padding: var(--space-2);\n      height: var(--space-8);\n      width: var(--space-8);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.large {\n      padding: var(--space-3);\n      height: var(--space-10);\n      width: var(--space-10);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n  "], ["\n    border-radius: 100%;\n    &.small {\n      padding: var(--space-1);\n      height: var(--space-6);\n      width: var(--space-6);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.medium {\n      padding: var(--space-2);\n      height: var(--space-8);\n      width: var(--space-8);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.large {\n      padding: var(--space-3);\n      height: var(--space-10);\n      width: var(--space-10);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n  "])), function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
+        return $iconSize;
+    }, function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
+        return $iconSize;
+    }, function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
+        return $iconSize;
+    }, function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
+        return $iconSize;
+    }, function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
+        return $iconSize;
+    }, function (_a) {
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
+        return $iconSize;
+    }),
+};
+exports.IconButton = (0, react_1.forwardRef)(function (_a, ref) {
+    var Icon = _a.icon, props = __rest(_a, ["icon"]);
+    return ((0, jsx_runtime_1.jsx)(styles.IconButton, __assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(Icon, { className: "iconbutton-icon" }) })));
+});
+var templateObject_1;

package/dist/components/forms/IndeterminateCheckbox.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEvent, FC, InputHTMLAttributes } from 'react';
+type IndeterminateCheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+    checked: boolean | undefined;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const IndeterminateCheckbox: FC<IndeterminateCheckboxProps>;
+export {};

package/dist/components/forms/IndeterminateCheckbox.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndeterminateCheckbox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var lodash_1 = require("lodash");
+var IndeterminateCheckbox = function (_a) {
+    var className = _a.className, checked = _a.checked, onChange = _a.onChange, props = __rest(_a, ["className", "checked", "onChange"]);
+    var checkbox = (0, react_1.useRef)(null);
+    (0, react_1.useLayoutEffect)(function () {
+        if (checkbox.current)
+            checkbox.current.indeterminate = checked === undefined;
+    }, [checked]);
+    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: "checkbox", className: (0, lodash_1.join)([
+            'h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-600',
+            className,
+        ], ' '), ref: checkbox, checked: checked, onChange: onChange }, props)));
+};
+exports.IndeterminateCheckbox = IndeterminateCheckbox;

package/dist/components/forms/Select.d.ts

@@ -0,0 +1,10 @@
+import { SelectHTMLAttributes } from 'react';
+type SelectProps<T> = {
+    items: T[];
+    itemKey: keyof T | ((item: T) => string);
+    itemLabel: keyof T | ((item: T) => string);
+};
+export declare const Select: <T extends {
+    [k: string]: any;
+}>({ items, itemKey, itemLabel, ...props }: SelectProps<T> & SelectHTMLAttributes<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/Select.js

@@ -0,0 +1,49 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("./styles");
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.inputStyle);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var Select = function (_a) {
+    var items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, props = __rest(_a, ["items", "itemKey", "itemLabel"]);
+    var keyGetter = typeof itemKey === 'function' ? itemKey : function (item) { return item[itemKey]; };
+    var labelGetter = typeof itemLabel === 'function' ? itemLabel : function (item) { return item[itemLabel]; };
+    return ((0, jsx_runtime_1.jsx)(StyledSelect, __assign({}, props, { children: items.map(function (item) {
+            var key = keyGetter(item);
+            var label = labelGetter(item);
+            return ((0, jsx_runtime_1.jsx)("option", { value: key, children: label }, key));
+        }) })));
+};
+exports.Select = Select;
+var templateObject_1;

package/dist/components/forms/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Button';
+export * from './Select';
+export * from './IconButton';
+export * from './IndeterminateCheckbox';
+export { Input } from './styles';