@addev-be/ui 0.7.4 → 0.7.8

package/dist/components/data/VirtualScroller/hooks.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtualScrolling = exports.VIRTUAL_SCROLL_TOLERANCE = void 0;
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-exports.VIRTUAL_SCROLL_TOLERANCE = 20;
-var useVirtualScrolling = function (_a) {
-    var _b;
-    var scrollableElement = _a.scrollableElement, rowHeightInPx = _a.rowHeightInPx, items = _a.items, _c = _a.itemsPerRow, itemsPerRow = _c === void 0 ? 1 : _c, _d = _a.tolerance, tolerance = _d === void 0 ? exports.VIRTUAL_SCROLL_TOLERANCE : _d;
-    var height = (0, hooks_1.useElementSize)(scrollableElement).height;
-    var _e = (0, react_1.useState)(0), scrollTop = _e[0], setScrollTop = _e[1];
-    var _f = [
-        Math.floor(scrollTop / rowHeightInPx),
-        Math.ceil(height / rowHeightInPx),
-    ], rowIndex = _f[0], rowLength = _f[1];
-    var _g = [rowIndex * itemsPerRow, rowLength * itemsPerRow], index = _g[0], length = _g[1];
-    var rowTolerance = Math.ceil(tolerance / itemsPerRow);
-    var totalRows = Math.ceil(((_b = items === null || items === void 0 ? void 0 : items.length) !== null && _b !== void 0 ? _b : 0) / itemsPerRow);
-    var totalHeight = totalRows * rowHeightInPx;
-    var topPadding = Math.max(0, rowIndex - rowTolerance) * rowHeightInPx;
-    var onScroll = (0, react_1.useCallback)(function () {
-        if (scrollableElement) {
-            setScrollTop(scrollableElement.scrollTop);
-        }
-    }, [scrollableElement]);
-    (0, react_1.useEffect)(function () {
-        var scrollable = scrollableElement;
-        if (scrollable) {
-            scrollable.addEventListener('scroll', onScroll);
-            return function () {
-                scrollable.removeEventListener('scroll', onScroll);
-            };
-        }
-    }, [onScroll, scrollableElement]);
-    var rowIndexWithTolerance = Math.max(0, rowIndex - rowTolerance);
-    var rowLengthWithTolerance = rowLength + 2 * rowTolerance;
-    var indexWithTolerance = rowIndexWithTolerance * itemsPerRow;
-    var lengthWithTolerance = rowLengthWithTolerance * itemsPerRow;
-    var visibleItems = items.slice(indexWithTolerance, indexWithTolerance + lengthWithTolerance);
-    return {
-        index: index,
-        length: length,
-        indexWithTolerance: indexWithTolerance,
-        lengthWithTolerance: lengthWithTolerance,
-        visibleItems: visibleItems,
-        totalHeight: totalHeight,
-        topPadding: topPadding,
-    };
-};
-exports.useVirtualScrolling = useVirtualScrolling;

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

@@ -1,14 +0,0 @@
-import { VirtualScrollerTemplateFC } from './types';
-type VirtualScrollerProps<R, P extends object> = {
-    gridTemplateColumns: string;
-    items: R[];
-    itemTemplate: VirtualScrollerTemplateFC<R, P>;
-    rowHeightInPx?: number;
-    gap?: string;
-    itemsPerRow?: number;
-    tolerance?: number;
-    itemProps: P;
-    onRangeChanged?: (index: number, length: number) => void;
-};
-export declare const VirtualScroller: <R, P extends object>({ gridTemplateColumns, items, rowHeightInPx, itemTemplate: ItemTemplate, itemProps, onRangeChanged, gap, itemsPerRow, tolerance, }: VirtualScrollerProps<R, P>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/data/VirtualScroller/index.js

@@ -1,58 +0,0 @@
-"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 __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.VirtualScroller = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var hooks_1 = require("./hooks");
-var VirtualScroller = function (_a) {
-    var gridTemplateColumns = _a.gridTemplateColumns, items = _a.items, _b = _a.rowHeightInPx, rowHeightInPx = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b, ItemTemplate = _a.itemTemplate, itemProps = _a.itemProps, onRangeChanged = _a.onRangeChanged, gap = _a.gap, itemsPerRow = _a.itemsPerRow, tolerance = _a.tolerance;
-    var _c = (0, react_1.useState)(null), scrollableElement = _c[0], setScrollableElement = _c[1];
-    var _d = (0, hooks_1.useVirtualScrolling)({
-        scrollableElement: scrollableElement,
-        rowHeightInPx: rowHeightInPx,
-        items: items,
-        itemsPerRow: itemsPerRow,
-        tolerance: tolerance,
-    }), indexWithTolerance = _d.indexWithTolerance, lengthWithTolerance = _d.lengthWithTolerance, visibleItems = _d.visibleItems, topPadding = _d.topPadding, totalHeight = _d.totalHeight;
-    (0, react_1.useEffect)(function () {
-        onRangeChanged === null || onRangeChanged === void 0 ? void 0 : onRangeChanged(indexWithTolerance, lengthWithTolerance);
-    }, [indexWithTolerance, lengthWithTolerance, onRangeChanged]);
-    return ((0, jsx_runtime_1.jsx)(styles.VirtualScrollerContainer, { "$height": totalHeight, ref: function (element) { var _a; return setScrollableElement((_a = element === null || element === void 0 ? void 0 : element.parentElement) !== null && _a !== void 0 ? _a : null); }, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerItemsContainer, { "$gridTemplateColumns": gridTemplateColumns, "$topPadding": topPadding, "$itemHeight": rowHeightInPx, "$gap": gap, children: visibleItems.map(function (item, currentIndex) { return ((0, jsx_runtime_1.jsx)(ItemTemplate, __assign({ item: item, index: currentIndex }, itemProps), indexWithTolerance + currentIndex)); }) }) }));
-};
-exports.VirtualScroller = VirtualScroller;

package/dist/components/data/VirtualScroller/styles.d.ts

@@ -1,16 +0,0 @@
-export declare const DEFAULT_ROW_HEIGHT = 32;
-export declare const TopPaddingItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BottomPaddingItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VirtualScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
-    $height: number;
-}>, never>> & string;
-export declare const VirtualScrollerItemsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
-    $gridTemplateColumns: string;
-    $gap?: string;
-    $topPadding: number;
-    $itemHeight: number;
-}>, never>> & string;

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

@@ -1,39 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualScrollerItemsContainer = exports.VirtualScrollerContainer = exports.BottomPaddingItem = exports.TopPaddingItem = exports.DEFAULT_ROW_HEIGHT = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.DEFAULT_ROW_HEIGHT = 32;
-exports.TopPaddingItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.BottomPaddingItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-exports.VirtualScrollerContainer = styled_components_1.default.div.attrs(function (_a) {
-    var $height = _a.$height;
-    return ({
-        className: 'VirtualScrollerFiller',
-        style: {
-            height: "".concat($height, "px"),
-        },
-    });
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: visible;\n"], ["\n  position: relative;\n  overflow: visible;\n"])));
-exports.VirtualScrollerItemsContainer = styled_components_1.default.div.attrs(function (_a) {
-    var $gridTemplateColumns = _a.$gridTemplateColumns, $topPadding = _a.$topPadding, $itemHeight = _a.$itemHeight;
-    var itemHeightValue = "".concat($itemHeight, "px");
-    return {
-        className: 'VirtualScrollerItemsContainer',
-        style: {
-            top: "".concat($topPadding, "px"),
-            gridTemplateColumns: $gridTemplateColumns,
-            gridAutoItems: itemHeightValue,
-        },
-    };
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: grid;\n  position: absolute;\n  min-width: 100%;\n  grid-gap: ", ";\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  min-width: 100%;\n  grid-gap: ", ";\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"])), function (_a) {
-    var $gap = _a.$gap;
-    return $gap;
-}, exports.TopPaddingItem, exports.BottomPaddingItem);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export type VirtualScrollerTemplateProps<R, P extends object = {}> = P & {
-    item: R | null;
-    index: number;
-};
-export type VirtualScrollerTemplateFC<R, P extends object = {}> = FC<VirtualScrollerTemplateProps<R, P>>;

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

@@ -1,3 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,13 +0,0 @@
-export * from './DataGrid';
-export * from './DataGrid/helpers';
-export * from './DataGrid/styles';
-export * from './DataGrid/types';
-export * from './AdvancedRequestDataGrid';
-export * from './AdvancedRequestDataGrid/helpers';
-export * from './SqlRequestDataGrid';
-export * from './SqlRequestDataGrid/helpers';
-export * from './SqlRequestDataGrid/types';
-export * from './SqlRequestGrid';
-export * from './SqlRequestGrid/types';
-export * from './VirtualScroller';
-export * from './VirtualScroller/types';

package/dist/components/data/index.js

@@ -1,29 +0,0 @@
-"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/helpers"), exports);
-__exportStar(require("./DataGrid/styles"), exports);
-__exportStar(require("./DataGrid/types"), exports);
-__exportStar(require("./AdvancedRequestDataGrid"), exports);
-__exportStar(require("./AdvancedRequestDataGrid/helpers"), exports);
-__exportStar(require("./SqlRequestDataGrid"), exports);
-__exportStar(require("./SqlRequestDataGrid/helpers"), exports);
-__exportStar(require("./SqlRequestDataGrid/types"), exports);
-__exportStar(require("./SqlRequestGrid"), exports);
-__exportStar(require("./SqlRequestGrid/types"), exports);
-__exportStar(require("./VirtualScroller"), exports);
-__exportStar(require("./VirtualScroller/types"), exports);

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

@@ -1,10 +0,0 @@
-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: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;

package/dist/components/forms/Button.js

@@ -1,70 +0,0 @@
-"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

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

package/dist/components/forms/IconButton.js

@@ -1,64 +0,0 @@
-"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    &.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    &.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

@@ -1,8 +0,0 @@
-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

@@ -1,41 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-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

@@ -1,49 +0,0 @@
-"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/VerticalLabel.d.ts

@@ -1,6 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-type StackedLabelProps = HTMLAttributes<HTMLDivElement> & {
-    label: string;
-};
-export declare const StackedLabel: FC<StackedLabelProps>;
-export {};

package/dist/components/forms/VerticalLabel.js

@@ -1,32 +0,0 @@
-"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.StackedLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var StackedLabel = function (_a) {
-    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StackedLabelContainer, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("label", { children: label }), children] })));
-};
-exports.StackedLabel = StackedLabel;

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

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

package/dist/components/forms/index.js

@@ -1,21 +0,0 @@
-"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("./Button"), exports);
-__exportStar(require("./Select"), exports);
-__exportStar(require("./IconButton"), exports);
-__exportStar(require("./IndeterminateCheckbox"), exports);
-__exportStar(require("./styles"), exports);

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

@@ -1,7 +0,0 @@
-export declare const inputStyle: import("styled-components").RuleSet<object>;
-export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const StackedLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;