@addev-be/ui 2.7.6 → 3.0.6

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

@@ -1,59 +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.Select = 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 Select = 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, _b = _a.allowNull, allowNull = _b === void 0 ? false : _b, _c = _a.nullText, nullText = _c === void 0 ? 'Aucun(e)' : _c, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value", "ref", "allowNull", "nullText"]);
-    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;
-            if (allowNull && selectedValue_1 === null) {
-                onChange(null);
-            }
-            else {
-                var selectedItem = items.find(function (item, index) { return itemKey(item, index) == selectedValue_1; });
-                onChange(selectedItem || null);
-            }
-            (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-    }, [items, itemKey, onChange, allowNull]);
-    var selectedValue = value
-        ? itemKey(value, -1)
-        : allowNull
-            ? null
-            : 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.jsxs)("select", __assign({}, props, { disabled: readOnly, value: selectedValue || '', onChange: onSelectChange, ref: selectRef, children: [allowNull && ((0, jsx_runtime_1.jsx)("option", { disabled: !allowNull, value: "", children: nullText })), items.map(function (item, index) {
-                    var key = itemKey(item, index);
-                    var label = itemLabel(item, index);
-                    return ((0, jsx_runtime_1.jsx)("option", { value: key, children: label }, key));
-                })] }))) }));
-};
-exports.Select = Select;

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

@@ -1,4 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { FormRowProps } from './Row';
-import { AutoTextArea } from '../AutoTextArea';
-export declare const TextArea: FC<FormRowProps & ComponentProps<typeof AutoTextArea>>;

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

@@ -1,34 +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.TextArea = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Row_1 = require("./Row");
-var AutoTextArea_1 = require("../AutoTextArea");
-var styles_1 = require("./styles");
-var TextArea = 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, children: props.readOnly ? ((0, jsx_runtime_1.jsx)(styles_1.ReadOnlyValue, { children: props.value || '-' })) : ((0, jsx_runtime_1.jsx)(AutoTextArea_1.AutoTextArea, __assign({}, props))) }));
-};
-exports.TextArea = TextArea;

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

@@ -1,89 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { FormCondensedFields, FormFields } from './styles';
-import { Checkbox } from './Checkbox';
-import { CustomSelect } from './CustomSelect';
-import { FormGroup } from './FormGroup';
-import { FormRow } from './Row';
-import { Input } from './Input';
-import { Select } from './Select';
-import { TextArea } from './TextArea';
-export type CardFormProps = PropsWithChildren<{
-    onSubmit?: () => void;
-}>;
-export type CardFormFC = FC<CardFormProps> & {
-    Checkbox: typeof Checkbox;
-    CondensedFields: typeof FormCondensedFields;
-    Fields: typeof FormFields;
-    Group: typeof FormGroup;
-    Input: typeof Input;
-    Row: typeof FormRow;
-    Select: typeof Select;
-    TextArea: typeof TextArea;
-    CustomSelect: typeof CustomSelect;
-};
-export declare const CardForm: {
-    ({ children, onSubmit }: CardFormProps): import("react/jsx-runtime").JSX.Element;
-    Checkbox: FC<{
-        label?: string;
-        icon?: import("../../..").IconFC;
-        readOnly?: boolean;
-        condensed?: boolean;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement>>;
-    CondensedFields: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    Fields: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-        $readOnly?: boolean;
-    }>> & string;
-    Group: FC<{
-        color?: import("../../..").ThemeColorWithIntensity;
-        title?: string;
-        subTitle?: string;
-        icon?: import("../../..").IconFC;
-        columns?: number;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    }>;
-    Input: FC<{
-        label?: string;
-        icon?: import("../../..").IconFC;
-        readOnly?: boolean;
-        condensed?: boolean;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement>>;
-    Row: FC<import("./Row").FormRowProps>;
-    Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, allowNull, nullText, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
-        items: T[];
-        value: T | null;
-        itemKey: (item: T, index: number) => string;
-        itemLabel: (item: T, index: number) => string;
-        readOnly?: boolean;
-        onChange?: ((value: T | null) => void) | undefined;
-        ref?: import("react").ForwardedRef<HTMLSelectElement>;
-        allowNull?: boolean;
-        nullText?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    TextArea: FC<{
-        label?: string;
-        icon?: import("../../..").IconFC;
-        readOnly?: boolean;
-        condensed?: boolean;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    } & import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
-        minRows?: number;
-        maxRows?: number;
-        canGrow?: boolean;
-        canShrink?: boolean;
-    }>;
-    CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
-        items: T[];
-        value: T | null;
-        itemKey: (item: T, index: number) => string;
-        itemLabel: (item: T, index: number) => string;
-        readOnly?: boolean;
-        onChange?: ((value: T | null) => void) | undefined;
-        ref?: import("react").ForwardedRef<HTMLSelectElement>;
-    }) => import("react/jsx-runtime").JSX.Element;
-};

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var Checkbox_1 = require("./Checkbox");
-var CustomSelect_1 = require("./CustomSelect");
-var FormGroup_1 = require("./FormGroup");
-var Row_1 = require("./Row");
-var Input_1 = require("./Input");
-var Select_1 = require("./Select");
-var TextArea_1 = require("./TextArea");
-var CardForm = function (_a) {
-    var children = _a.children, onSubmit = _a.onSubmit;
-    var handleSubmit = (0, react_1.useCallback)(function (e) {
-        e.preventDefault();
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
-    }, [onSubmit]);
-    return (0, jsx_runtime_1.jsx)("form", { onSubmit: handleSubmit, children: children });
-};
-exports.CardForm = CardForm;
-exports.CardForm.Checkbox = Checkbox_1.Checkbox;
-exports.CardForm.CondensedFields = styles_1.FormCondensedFields;
-exports.CardForm.Fields = styles_1.FormFields;
-exports.CardForm.Group = FormGroup_1.FormGroup;
-exports.CardForm.Input = Input_1.Input;
-exports.CardForm.Row = Row_1.FormRow;
-exports.CardForm.Select = Select_1.Select;
-exports.CardForm.TextArea = TextArea_1.TextArea;
-exports.CardForm.CustomSelect = CustomSelect_1.CustomSelect;

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

@@ -1,19 +0,0 @@
-import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
-export declare const FormGroupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {
-    $color?: ThemeColorWithIntensity;
-    $columns?: number;
-}>> & string;
-export declare const FormGroupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $columns?: number;
-}>> & string;
-export declare const inputCss: import("styled-components").RuleSet<object>;
-export declare const FormRowLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const FormRowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $readOnly?: boolean;
-}>> & string;
-export declare const StyledCheckbox: 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>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, never>> & string;
-export declare const ReadOnlyValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const FormFields: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $readOnly?: boolean;
-}>> & string;
-export declare const FormCondensedFields: 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/Form/styles.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 __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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormCondensedFields = exports.FormFields = exports.ReadOnlyValue = exports.StyledCheckbox = exports.FormRowContainer = exports.FormRowLabel = exports.inputCss = exports.FormGroupHeader = exports.FormGroupContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var responsive_1 = require("../../../helpers/responsive");
-exports.FormGroupContainer = styled_components_1.default.fieldset(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n\n  background: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n\n  // Ensure children are not larger than the container\n  min-width: 0;\n\n  padding: var(--space-2);\n  gap: var(--space-1);\n\n  ", " {\n    padding: var(--space-4);\n    gap: var(--space-2);\n  }\n\n  margin: 0;\n  border: 1px solid var(--color-base-200);\n  border-left: 8px solid ", ";\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n\n  background: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n\n  // Ensure children are not larger than the container\n  min-width: 0;\n\n  padding: var(--space-2);\n  gap: var(--space-1);\n\n  ", " {\n    padding: var(--space-4);\n    gap: var(--space-2);\n  }\n\n  margin: 0;\n  border: 1px solid var(--color-base-200);\n  border-left: 8px solid ", ";\n"])), function (_a) {
-    var _b = _a.$columns, $columns = _b === void 0 ? 1 : _b;
-    return $columns;
-}, responsive_1.mediaQueries.lgUp, function (_a) {
-    var _b = _a.$color, $color = _b === void 0 ? 'base' : _b;
-    return "var(--color-".concat($color, ")");
-});
-exports.FormGroupHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n  grid-column: span ", ";\n\n  & > h3 {\n    margin: 0;\n    font-size: var(--text-lg);\n    font-weight: bold;\n  }\n  & > h4 {\n    margin: 0;\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-text-500);\n  }\n\n  & > svg {\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n  grid-column: span ", ";\n\n  & > h3 {\n    margin: 0;\n    font-size: var(--text-lg);\n    font-weight: bold;\n  }\n  & > h4 {\n    margin: 0;\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-text-500);\n  }\n\n  & > svg {\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n"])), function (_a) {
-    var _b = _a.$columns, $columns = _b === void 0 ? 1 : _b;
-    return $columns;
-});
-exports.inputCss = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: var(--font-input);\n  font-size: var(--text-base);\n  font-weight: 500;\n\n  border: 1px solid var(--color-base-300);\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-2);\n  border-radius: var(--rounded-md);\n"], ["\n  font-family: var(--font-input);\n  font-size: var(--text-base);\n  font-weight: 500;\n\n  border: 1px solid var(--color-base-300);\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-2);\n  border-radius: var(--rounded-md);\n"])));
-exports.FormRowLabel = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: var(--color-base-600);\n  font-size: var(--text-sm);\n  text-transform: uppercase;\n  padding: var(--space-1) 0;\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  line-height: 1.25;\n  font-weight: normal;\n  align-self: flex-start;\n\n  & > svg {\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-500);\n    flex-shrink: 0;\n  }\n"], ["\n  color: var(--color-base-600);\n  font-size: var(--text-sm);\n  text-transform: uppercase;\n  padding: var(--space-1) 0;\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  line-height: 1.25;\n  font-weight: normal;\n  align-self: flex-start;\n\n  & > svg {\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-500);\n    flex-shrink: 0;\n  }\n"])));
-exports.FormRowContainer = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0;\n  padding: var(--space-2);\n\n  & > select,\n  & > input,\n  & > textarea {\n    ", "\n  }\n\n  &.read-only {\n    & > select,\n    & > select[disabled],\n    & > input,\n    & > textarea {\n      background: none;\n      color: var(--color-text-800);\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0;\n  padding: var(--space-2);\n\n  & > select,\n  & > input,\n  & > textarea {\n    ", "\n  }\n\n  &.read-only {\n    & > select,\n    & > select[disabled],\n    & > input,\n    & > textarea {\n      background: none;\n      color: var(--color-text-800);\n    }\n  }\n"])), exports.inputCss);
-exports.StyledCheckbox = styled_components_1.default.input.attrs({ type: 'checkbox' })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: var(--space-4);\n  height: var(--space-4);\n"], ["\n  width: var(--space-4);\n  height: var(--space-4);\n"])));
-exports.ReadOnlyValue = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: var(--space-1) 0;\n  font-weight: 500;\n"], ["\n  padding: var(--space-1) 0;\n  font-weight: 500;\n"])));
-exports.FormFields = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"])), function (_a) {
-    var $readOnly = _a.$readOnly;
-    return ($readOnly ? '0' : 'var(--space-2)');
-});
-exports.FormCondensedFields = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  ", " & > ", " {\n    padding: var(--space-0_5) var(--space-2);\n  }\n\n  > ", ":not(.read-only) + ", ":not(.read-only) {\n    border-top: none;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  ", " & > ", " {\n    padding: var(--space-0_5) var(--space-2);\n  }\n\n  > ", ":not(.read-only) + ", ":not(.read-only) {\n    border-top: none;\n  }\n"])), responsive_1.mediaQueries.lgUp, exports.FormRowContainer, exports.FormRowContainer, exports.FormRowContainer);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

@@ -1,7 +0,0 @@
-import { IconFC } from '../../../Icons';
-import { PropsWithChildren } from 'react';
-export type InputContainerProps = PropsWithChildren<{
-    label?: string;
-    icon?: IconFC;
-    readOnly?: boolean;
-}>;

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,12 +0,0 @@
-import { ButtonProps } from './Button';
-import { ButtonHTMLAttributes, ForwardedRef } from 'react';
-import { IconFC } from '../../Icons';
-import { ThemeSize } from '../../providers/ThemeProvider/types';
-type IconButtonProps = ButtonProps & {
-    icon: IconFC;
-    $iconSize?: ThemeSize;
-};
-export declare const IconButton: ({ icon: Icon, ref, ...props }: IconButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
-    ref?: ForwardedRef<HTMLButtonElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

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 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 ? '5' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '5' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '6' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '6' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '8' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '8' : _b;
-        return "var(--space-".concat($iconSize, ")");
-    }),
-};
-var IconButton = function (_a) {
-    var Icon = _a.icon, ref = _a.ref, props = __rest(_a, ["icon", "ref"]);
-    return ((0, jsx_runtime_1.jsx)(styles.IconButton, __assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(Icon, { className: "iconbutton-icon" }) })));
-};
-exports.IconButton = IconButton;
-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/NumberInput.d.ts

@@ -1,9 +0,0 @@
-import { HTMLProps } from 'react';
-export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<Omit<HTMLProps<HTMLInputElement>, "type" | "onChange" | "value" | "defaultValue"> & {
-    value?: number;
-    onChange?: (value: number) => void;
-    decimals?: number;
-    prefix?: string;
-    suffix?: string;
-    multiplicator?: number;
-}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/forms/NumberInput.js

@@ -1,40 +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.NumberInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var numbers_1 = require("../../helpers/numbers");
-var NumberInputInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, prefix = _a.prefix, suffix = _a.suffix, _c = _a.multiplicator, multiplicator = _c === void 0 ? 1 : _c, props = __rest(_a, ["value", "onChange", "decimals", "prefix", "suffix", "multiplicator"]);
-    var _d = (0, react_1.useState)(Number(value !== null && value !== void 0 ? value : 0)), displayedValue = _d[0], setDisplayedValue = _d[1];
-    (0, react_1.useEffect)(function () {
-        setDisplayedValue((value !== null && value !== void 0 ? value : 0) * multiplicator);
-    }, [multiplicator, value]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledNumericFormat, __assign({ className: String(styles_1.Input), getInputRef: ref, value: displayedValue, onChange: function (e) {
-            onChange === null || onChange === void 0 ? void 0 : onChange((0, numbers_1.parseNumber)(e.target.value) / multiplicator);
-        }, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }, props)));
-};
-exports.NumberInput = (0, react_1.forwardRef)(NumberInputInner);

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

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

package/dist/components/forms/Select.js

@@ -1,46 +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);
-var Select = function (_a) {
-    var items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, props = __rest(_a, ["items", "itemKey", "itemLabel"]);
-    return ((0, jsx_runtime_1.jsx)(StyledSelect, __assign({}, props, { children: items.map(function (item) {
-            var key = itemKey(item);
-            var label = itemLabel(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,9 +0,0 @@
-export * from './AutoTextArea';
-export * from './Button';
-export * from './Select';
-export * from './IconButton';
-export * from './IndeterminateCheckbox';
-export * from './Form';
-export * from './Form/Row';
-export * from './styles';
-export * from './NumberInput';