@addev-be/ui 2.7.6 → 3.0.6

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

@@ -1,41 +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.VirtualScrollerFiller = exports.VirtualScrollerContainer = exports.BottomPaddingItem = exports.TopPaddingItem = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-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(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: auto;\n  height: 100%;\n  display: ", ";\n"], ["\n  position: relative;\n  overflow: auto;\n  height: 100%;\n  display: ", ";\n"])), function (_a) {
-    var $integrated = _a.$integrated;
-    return ($integrated ? 'contents' : 'block');
-});
-exports.VirtualScrollerFiller = styled_components_1.default.div.attrs(function (_a) {
-    var $height = _a.$height;
-    return ({
-        style: {
-            height: "".concat($height, "px"),
-        },
-    });
-})(templateObject_4 || (templateObject_4 = __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_5 || (templateObject_5 = __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, templateObject_5;

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,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

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

package/dist/components/data/index.js

@@ -1,28 +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("./SqlRequestDataGrid"), exports);
-__exportStar(require("./SqlRequestDataGrid/helpers"), exports);
-__exportStar(require("./SqlRequestDataGrid/types"), exports);
-__exportStar(require("./SqlRequestGrid"), exports);
-__exportStar(require("./SqlRequestGrid/types"), exports);
-__exportStar(require("./SqlRequestForeignList"), exports);
-__exportStar(require("./VirtualScroller"), exports);
-__exportStar(require("./VirtualScroller/types"), exports);

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

@@ -1,10 +0,0 @@
-import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
-type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
-type AutoTextAreaProps = TextAreaProps & {
-    minRows?: number;
-    maxRows?: number;
-    canGrow?: boolean;
-    canShrink?: boolean;
-};
-export declare const AutoTextArea: ({ className, canGrow, canShrink, minRows, maxRows, value, ...props }: AutoTextAreaProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/forms/AutoTextArea.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.AutoTextArea = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var AutoTextArea = function (_a) {
-    var className = _a.className, _b = _a.canGrow, canGrow = _b === void 0 ? true : _b, _c = _a.canShrink, canShrink = _c === void 0 ? true : _c, _d = _a.minRows, minRows = _d === void 0 ? 1 : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, value = _a.value, props = __rest(_a, ["className", "canGrow", "canShrink", "minRows", "maxRows", "value"]);
-    var _f = (0, react_1.useState)(minRows), rows = _f[0], setRows = _f[1];
-    (0, react_1.useEffect)(function () {
-        var linesCount = String(value).split('\n').length;
-        var rowsCount = Math.min(maxRows, Math.max(minRows, linesCount));
-        if ((canGrow && rowsCount > rows) || (canShrink && rowsCount < rows)) {
-            setRows(rowsCount);
-        }
-    }, [canGrow, canShrink, maxRows, minRows, rows, value]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextArea, __assign({}, props, { className: className, rows: rows, value: value })));
-};
-exports.AutoTextArea = AutoTextArea;

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

@@ -1,6 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface BillitIdentifierProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
-    value?: string;
-    onChange?: (value: string) => void;
-}
-export declare const BillitIdentifier: ({ value, onChange, ...inputProps }: BillitIdentifierProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/BillitIdentifier/index.js

@@ -1,71 +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.BillitIdentifier = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var react_1 = require("react");
-var BillitIdentifier = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, inputProps = __rest(_a, ["value", "onChange"]);
-    var parseValue = function (fullValue) {
-        if (!fullValue) {
-            return ['', ''];
-        }
-        var match = fullValue.match(/^(VAT|GLN):(.*)$/);
-        if (match) {
-            return [match[1], match[2]];
-        }
-        return ['', fullValue];
-    };
-    var _c = parseValue(value), prefix = _c[0], textValue = _c[1];
-    var _d = (0, react_1.useState)(prefix), localPrefix = _d[0], setLocalPrefix = _d[1];
-    var _e = (0, react_1.useState)(textValue), localValue = _e[0], setLocalValue = _e[1];
-    (0, react_1.useEffect)(function () {
-        var _a = parseValue(value), newPrefix = _a[0], newValue = _a[1];
-        setLocalPrefix(newPrefix);
-        setLocalValue(newValue);
-    }, [value]);
-    var handlePrefixChange = function (newPrefix) {
-        setLocalPrefix(newPrefix);
-        if (newPrefix === '') {
-            onChange === null || onChange === void 0 ? void 0 : onChange('');
-        }
-        else {
-            var fullValue = "".concat(newPrefix, ":").concat(localValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(fullValue);
-        }
-    };
-    var handleValueChange = function (newValue) {
-        setLocalValue(newValue);
-        if (localPrefix === '') {
-            onChange === null || onChange === void 0 ? void 0 : onChange('');
-        }
-        else {
-            var fullValue = "".concat(localPrefix, ":").concat(newValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(fullValue);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(styles_1.BillitIdentifierContainer, { children: (0, jsx_runtime_1.jsxs)(styles_1.BillitIdentifierWrapper, { children: [(0, jsx_runtime_1.jsxs)("select", { value: localPrefix, onChange: function (e) { return handlePrefixChange(e.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "(Aucun)" }), (0, jsx_runtime_1.jsx)("option", { value: "VAT", children: "VAT" }), (0, jsx_runtime_1.jsx)("option", { value: "GLN", children: "GLN" })] }), (0, jsx_runtime_1.jsx)("input", __assign({}, inputProps, { type: "text", value: localValue, onChange: function (e) { return handleValueChange(e.target.value); } }))] }) }));
-};
-exports.BillitIdentifier = BillitIdentifier;

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

@@ -1,2 +0,0 @@
-export declare const BillitIdentifierContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BillitIdentifierWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/forms/BillitIdentifier/styles.js

@@ -1,15 +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.BillitIdentifierWrapper = exports.BillitIdentifierContainer = void 0;
-var styles_1 = require("../styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.BillitIdentifierContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  width: 100%;\n  position: relative;\n"])));
-exports.BillitIdentifierWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n\n  & > select {\n    ", "\n    width: auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    flex-shrink: 0;\n    padding-right: var(--space-2);\n    background-color: var(--color-base-100);\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  & > input {\n    ", "\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex: 1;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  &:focus-within {\n    outline: 2px solid var(--color-primary-500);\n  }\n"], ["\n  display: flex;\n  width: 100%;\n\n  & > select {\n    ", "\n    width: auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    flex-shrink: 0;\n    padding-right: var(--space-2);\n    background-color: var(--color-base-100);\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  & > input {\n    ", "\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex: 1;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  &:focus-within {\n    outline: 2px solid var(--color-primary-500);\n  }\n"])), styles_1.inputStyle, styles_1.inputStyle);
-var templateObject_1, templateObject_2;

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

@@ -1,17 +0,0 @@
-import { ThemeColor, ThemeColorWithIntensity } from '../../providers/ThemeProvider/types';
-import { IconFC } from '../../Icons';
-type StyledButtonProps = {
-    $color?: ThemeColor | ThemeColorWithIntensity;
-    $rounded?: boolean;
-    $bordered?: boolean;
-};
-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>, StyledButtonProps>> & string;
-export type ButtonProps = {
-    color?: ThemeColor | ThemeColorWithIntensity;
-    size?: 'small' | 'medium' | 'large';
-    icon?: IconFC;
-    rounded?: boolean;
-    bordered?: boolean;
-};
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/forms/Button.js

@@ -1,86 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 helpers_1 = require("../../providers/ThemeProvider/helpers");
-var styled_components_1 = __importStar(require("styled-components"));
-exports.StyledButton = styled_components_1.default.button.withConfig({
-    shouldForwardProp: function () { return true; },
-})(templateObject_2 || (templateObject_2 = __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    font-weight: bold;\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    font-weight: bold;\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    font-weight: bold;\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    font-weight: bold;\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-5);\n      height: var(--space-5);\n    }\n  }\n"])), function (_a) {
-    var _b = _a.$color, $color = _b === void 0 ? 'base' : _b, _c = _a.$bordered, $bordered = _c === void 0 ? false : _c;
-    var colorWithIntensity = (0, helpers_1.getColorWithIntensity)($color);
-    var colorName = (0, helpers_1.getColor)(colorWithIntensity);
-    var intensity = (0, helpers_1.getIntensity)(colorWithIntensity);
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: var(--color-", ");\n      border: ", ";\n      &:hover {\n        background-color: var(--color-", ");\n      }\n      color: var(--color-", "-", ");\n      svg {\n        fill: var(--color-", "-", ");\n      }\n    "], ["\n      background-color: var(--color-", ");\n      border: ", ";\n      &:hover {\n        background-color: var(--color-", ");\n      }\n      color: var(--color-", "-", ");\n      svg {\n        fill: var(--color-", "-", ");\n      }\n    "])), colorWithIntensity, $bordered
-        ? "1px solid var(--color-".concat((0, helpers_1.darkenColor)(colorWithIntensity), ");")
-        : 'none', (0, helpers_1.lightenColor)(colorWithIntensity, 100), colorName, intensity > 400 ? 0 : 950, colorName, intensity > 400 ? 0 : 950);
-}, function (_a) {
-    var $rounded = _a.$rounded;
-    return $rounded && 'border-radius: var(--rounded-full);';
-});
-// eslint-disable-next-line react/display-name
-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, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.color, color = _d === void 0 ? 'base' : _d, _e = _a.bordered, bordered = _e === void 0 ? true : _e, props = __rest(_a, ["children", "size", "icon", "className", "rounded", "color", "bordered"]);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({ ref: ref, className: "".concat(size, " ").concat(className), "$color": color, "$rounded": rounded, "$bordered": bordered }, props, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), children] })));
-});
-var templateObject_1, templateObject_2;

package/dist/components/forms/Form/Checkbox.d.ts

@@ -1,3 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-import { FormRowProps } from './Row';
-export declare const Checkbox: FC<FormRowProps & InputHTMLAttributes<HTMLInputElement>>;

package/dist/components/forms/Form/Checkbox.js

@@ -1,33 +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.Checkbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Row_1 = require("./Row");
-var styles_1 = require("./styles");
-var Checkbox = function (_a) {
-    var label = _a.label, icon = _a.icon, props = __rest(_a, ["label", "icon"]);
-    return ((0, jsx_runtime_1.jsx)(Row_1.FormRow, { label: label, icon: icon, readOnly: props.readOnly, children: (0, jsx_runtime_1.jsx)(styles_1.StyledCheckbox, __assign({}, props)) }));
-};
-exports.Checkbox = Checkbox;

package/dist/components/forms/Form/CustomSelect.d.ts

@@ -1,13 +0,0 @@
-import { FormRowProps } from './Row';
-import { ForwardedRef, SelectHTMLAttributes } from 'react';
-type CustomSelectProps<T> = {
-    items: T[];
-    value: T | null;
-    itemKey: (item: T, index: number) => string;
-    itemLabel: (item: T, index: number) => string;
-    readOnly?: boolean;
-    onChange?: (value: T | null) => void;
-    ref?: ForwardedRef<HTMLSelectElement>;
-};
-export declare const CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & CustomSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/forms/Form/CustomSelect.js

@@ -1,50 +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.CustomSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Row_1 = require("./Row");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var CustomSelect = function (_a) {
-    var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, ref = _a.ref, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value", "ref"]);
-    var selectRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return selectRef.current; }, []);
-    var onSelectChange = (0, react_1.useCallback)(function (event) {
-        var _a;
-        if (onChange) {
-            var selectedValue_1 = event.target.value;
-            var selectedItem = items.find(function (item, index) { return itemKey(item, index) == selectedValue_1; });
-            onChange(selectedItem !== null && selectedItem !== void 0 ? selectedItem : null);
-            (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-    }, [items, itemKey, onChange]);
-    var selectedValue = value ? itemKey(value, -1) : undefined;
-    return ((0, jsx_runtime_1.jsx)(Row_1.FormRow, { label: label, icon: icon, readOnly: readOnly, children: readOnly ? ((0, jsx_runtime_1.jsx)(styles_1.ReadOnlyValue, { children: (value !== null ? itemLabel(value, 0) : '-') || '-' })) : ((0, jsx_runtime_1.jsx)("select", __assign({}, props, { disabled: readOnly, value: selectedValue, onChange: onSelectChange, ref: selectRef, children: items.map(function (item, index) {
-                var key = itemKey(item, index);
-                var label = itemLabel(item, index);
-                return ((0, jsx_runtime_1.jsx)("option", { value: key, onSelect: function () { return console.log('selected'); }, children: label }, key));
-            }) }))) }));
-};
-exports.CustomSelect = CustomSelect;

package/dist/components/forms/Form/FormGroup.d.ts

@@ -1,12 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { IconFC } from '../../../Icons';
-import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
-type FormGroupProps = PropsWithChildren<{
-    color?: ThemeColorWithIntensity;
-    title?: string;
-    subTitle?: string;
-    icon?: IconFC;
-    columns?: number;
-}>;
-export declare const FormGroup: FC<FormGroupProps>;
-export {};

package/dist/components/forms/Form/FormGroup.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormGroup = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var FormGroup = function (_a) {
-    var children = _a.children, color = _a.color, title = _a.title, subTitle = _a.subTitle, Icon = _a.icon, columns = _a.columns;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.FormGroupContainer, { "$color": color, "$columns": columns, children: [(title || subTitle) && ((0, jsx_runtime_1.jsxs)(styles_1.FormGroupHeader, { "$columns": columns, children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), title && (0, jsx_runtime_1.jsx)("h3", { children: title }), subTitle && (0, jsx_runtime_1.jsx)("h4", { children: subTitle })] })), children] }));
-};
-exports.FormGroup = FormGroup;

package/dist/components/forms/Form/Input.d.ts

@@ -1,3 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-import { FormRowProps } from './Row';
-export declare const Input: FC<FormRowProps & InputHTMLAttributes<HTMLInputElement>>;

package/dist/components/forms/Form/Input.js

@@ -1,33 +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.Input = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Row_1 = require("./Row");
-var styles_1 = require("./styles");
-var Input = function (_a) {
-    var label = _a.label, icon = _a.icon, props = __rest(_a, ["label", "icon"]);
-    return ((0, jsx_runtime_1.jsx)(Row_1.FormRow, { label: label, icon: icon, readOnly: props.readOnly, children: props.readOnly ? ((0, jsx_runtime_1.jsx)(styles_1.ReadOnlyValue, { children: props.value || '-' })) : ((0, jsx_runtime_1.jsx)("input", __assign({}, props))) }));
-};
-exports.Input = Input;

package/dist/components/forms/Form/InputWithLabel.d.ts

@@ -1,2 +0,0 @@
-import { InputContainerProps } from './types';
-export declare const InputWithLabel: ({ label, icon: Icon, readOnly, children, }: InputContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/Form/InputWithLabel.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputWithLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var InputWithLabel = function (_a) {
-    var label = _a.label, Icon = _a.icon, readOnly = _a.readOnly, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { className: readOnly ? 'read-only' : '', children: [(label || Icon) && ((0, jsx_runtime_1.jsxs)("span", { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), label] })), children] }));
-};
-exports.InputWithLabel = InputWithLabel;

package/dist/components/forms/Form/Row.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { IconFC } from '../../../Icons';
-export type FormRowProps = PropsWithChildren<{
-    label?: string;
-    icon?: IconFC;
-    readOnly?: boolean;
-    condensed?: boolean;
-}>;
-export declare const FormRow: FC<FormRowProps>;

package/dist/components/forms/Form/Row.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormRow = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var FormRow = function (_a) {
-    var label = _a.label, Icon = _a.icon, readOnly = _a.readOnly, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.FormRowContainer, { className: readOnly ? 'read-only' : '', children: [(label || Icon) && ((0, jsx_runtime_1.jsxs)(styles_1.FormRowLabel, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), label] })), children] }));
-};
-exports.FormRow = FormRow;

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

@@ -1,15 +0,0 @@
-import { FormRowProps } from './Row';
-import { ForwardedRef, SelectHTMLAttributes } from 'react';
-type SelectProps<T> = {
-    items: T[];
-    value: T | null;
-    itemKey: (item: T, index: number) => string;
-    itemLabel: (item: T, index: number) => string;
-    readOnly?: boolean;
-    onChange?: (value: T | null) => void;
-    ref?: ForwardedRef<HTMLSelectElement>;
-    allowNull?: boolean;
-    nullText?: string;
-};
-export declare const Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, allowNull, nullText, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};