@ballistix.digital/react-components 8.3.2 → 8.4.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import {jsx as $4MPRY$jsx, jsxs as $4MPRY$jsxs, Fragment as $4MPRY$Fragment} from "react/jsx-runtime";
 import {ArrowPathIcon as $4MPRY$ArrowPathIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon, EllipsisVerticalIcon as $4MPRY$EllipsisVerticalIcon, ExclamationCircleIcon as $4MPRY$ExclamationCircleIcon, ChevronDoubleLeftIcon as $4MPRY$ChevronDoubleLeftIcon, ChevronLeftIcon as $4MPRY$ChevronLeftIcon, ChevronRightIcon as $4MPRY$ChevronRightIcon, ChevronDoubleRightIcon as $4MPRY$ChevronDoubleRightIcon, ChevronUpDownIcon as $4MPRY$ChevronUpDownIcon, ChevronUpIcon as $4MPRY$ChevronUpIcon, HomeIcon as $4MPRY$HomeIcon, ArrowLongLeftIcon as $4MPRY$ArrowLongLeftIcon, ArrowLongRightIcon as $4MPRY$ArrowLongRightIcon} from "@heroicons/react/20/solid";
-import {set as $4MPRY$set, get as $4MPRY$get, isArray as $4MPRY$isArray, map as $4MPRY$map, padStart as $4MPRY$padStart, concat as $4MPRY$concat, isNil as $4MPRY$isNil, noop as $4MPRY$noop, toSafeInteger as $4MPRY$toSafeInteger, indexOf as $4MPRY$indexOf, compact as $4MPRY$compact, forEach as $4MPRY$forEach, assign as $4MPRY$assign, includes as $4MPRY$includes, isEmpty as $4MPRY$isEmpty, some as $4MPRY$some, findIndex as $4MPRY$findIndex, last as $4MPRY$last, first as $4MPRY$first, find as $4MPRY$find, times as $4MPRY$times, pick as $4MPRY$pick, intersection as $4MPRY$intersection, trim as $4MPRY$trim, lastIndexOf as $4MPRY$lastIndexOf} from "lodash";
-import $4MPRY$react, {useState as $4MPRY$useState, useMemo as $4MPRY$useMemo, useRef as $4MPRY$useRef, Children as $4MPRY$Children, Fragment as $4MPRY$Fragment1, useCallback as $4MPRY$useCallback, useEffect as $4MPRY$useEffect} from "react";
+import {set as $4MPRY$set, get as $4MPRY$get, isArray as $4MPRY$isArray, map as $4MPRY$map, padStart as $4MPRY$padStart, concat as $4MPRY$concat, isNil as $4MPRY$isNil, noop as $4MPRY$noop, toSafeInteger as $4MPRY$toSafeInteger, indexOf as $4MPRY$indexOf, compact as $4MPRY$compact, forEach as $4MPRY$forEach, assign as $4MPRY$assign, includes as $4MPRY$includes, isEmpty as $4MPRY$isEmpty, some as $4MPRY$some, findIndex as $4MPRY$findIndex, last as $4MPRY$last, first as $4MPRY$first, find as $4MPRY$find, times as $4MPRY$times, pick as $4MPRY$pick, intersection as $4MPRY$intersection, cloneDeep as $4MPRY$cloneDeep, uniq as $4MPRY$uniq, trim as $4MPRY$trim, lastIndexOf as $4MPRY$lastIndexOf} from "lodash";
+import $4MPRY$react, {useState as $4MPRY$useState, useMemo as $4MPRY$useMemo, useRef as $4MPRY$useRef, Children as $4MPRY$Children, Fragment as $4MPRY$Fragment1, useCallback as $4MPRY$useCallback, useEffect as $4MPRY$useEffect, createElement as $4MPRY$createElement} from "react";
 import $4MPRY$lodashget from "lodash/get";
 import {library as $4MPRY$library} from "@fortawesome/fontawesome-svg-core";
 import {fab as $4MPRY$fab} from "@fortawesome/free-brands-svg-icons";
@@ -25,6 +25,10 @@ import $4MPRY$lodashset from "lodash/set";
 import {DateTime as $4MPRY$DateTime} from "luxon";
 import $4MPRY$ballistixdigitalreacttailwindcssdatepicker from "@ballistix.digital/react-tailwindcss-datepicker";
 import {FormikProvider as $4MPRY$FormikProvider, FieldArray as $4MPRY$FieldArray, useFormik as $4MPRY$useFormik} from "formik";
+import $4MPRY$ishotkey from "is-hotkey";
+import {Text as $4MPRY$Text, createEditor as $4MPRY$createEditor, Transforms as $4MPRY$Transforms, Editor as $4MPRY$Editor, Element as $4MPRY$Element} from "slate";
+import {withHistory as $4MPRY$withHistory} from "slate-history";
+import {withReact as $4MPRY$withReact, Slate as $4MPRY$Slate, Editable as $4MPRY$Editable, useSlate as $4MPRY$useSlate} from "slate-react";
 import {useDropzone as $4MPRY$useDropzone} from "react-dropzone";
 import $4MPRY$ubilabsreactgeosuggest from "@ubilabs/react-geosuggest";
 
@@ -6133,11 +6137,431 @@ var $10ded3c19afe27a9$export$2e2bcd8739ae039 = $10ded3c19afe27a9$var$Switch;
 
 
 
+
+
+
+var $293d351fa67aae30$var$base = {
+    container: 'border border-input rounded-lg overflow-hidden border-palette-lightGray',
+    editor: {
+        toolbar: {
+            container: 'flex items-center gap-1 p-2 border-b border-border',
+            button: 'h-6 w-6 text-[18px] hover:bg-gray-50 active:bg-gray-100 cursor-pointer rounded-sm',
+            buttonActive: 'ring-2 ring-gray-900/10 bg-gray-100',
+            icon: 'h-4! w-4!',
+            divider: 'w-px h-6 bg-gray-200 mx-1'
+        },
+        area: {
+            container: 'overflow-hidden p-4',
+            editable: 'leading-7 focus:outline-none prose prose-sm max-w-none prose-headings:font-semibold prose-h1:text-2xl prose-h2:text-xl prose-p:my-3 prose-blockquote:my-3'
+        }
+    },
+    elements: {
+        blockquote: 'border-l-4 border-gray-300 pl-4 italic text-gray-600 bg-gray-50 rounded-r-md py-2 my-2',
+        list: {
+            bulleted: 'list-disc ml-6 space-y-1',
+            numbered: 'list-decimal ml-6 space-y-1',
+            item: ''
+        },
+        heading: {
+            h1: 'text-2xl font-semibold tracking-tight',
+            h2: 'text-xl font-semibold tracking-tight'
+        },
+        paragraph: '',
+        code: 'px-1.5 py-0.5 rounded-md bg-gray-100 text-gray-800 font-mono text-[0.85em]'
+    },
+    align: {
+        left: 'text-left',
+        center: 'text-center',
+        right: 'text-right',
+        justify: 'text-justify'
+    },
+    readOnly: {
+        container: ''
+    }
+};
+var $293d351fa67aae30$var$styles = $293d351fa67aae30$var$base;
+var $293d351fa67aae30$export$2e2bcd8739ae039 = $293d351fa67aae30$var$styles;
+
+
+var $aa6702347bcd9c62$var$__assign = undefined && undefined.__assign || function() {
+    $aa6702347bcd9c62$var$__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 $aa6702347bcd9c62$var$__assign.apply(this, arguments);
+};
+var $aa6702347bcd9c62$var$HOTKEYS = {
+    'mod+b': 'bold',
+    'mod+i': 'italic',
+    'mod+u': 'underline',
+    'mod+`': 'code'
+};
+var $aa6702347bcd9c62$var$LIST_TYPES = [
+    'numbered-list',
+    'bulleted-list'
+];
+var $aa6702347bcd9c62$var$TEXT_ALIGN_TYPES = [
+    'left',
+    'center',
+    'right',
+    'justify'
+];
+var $aa6702347bcd9c62$var$TAG_BY_TYPE = {
+    'block-quote': 'blockquote',
+    'bulleted-list': 'ul',
+    'numbered-list': 'ol',
+    'heading-one': 'h1',
+    'heading-two': 'h2',
+    'list-item': 'li',
+    paragraph: 'p'
+};
+var $aa6702347bcd9c62$var$CLASS_BY_TYPE = {
+    'block-quote': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.blockquote,
+    'bulleted-list': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.list.bulleted,
+    'numbered-list': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.list.numbered,
+    'heading-one': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.heading.h1,
+    'heading-two': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.heading.h2,
+    'list-item': (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.list.item,
+    paragraph: (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.paragraph
+};
+var $aa6702347bcd9c62$var$isAlignType = function(format) {
+    return $aa6702347bcd9c62$var$TEXT_ALIGN_TYPES.includes(format);
+};
+var $aa6702347bcd9c62$var$isListType = function(format) {
+    return $aa6702347bcd9c62$var$LIST_TYPES.includes(format);
+};
+var $aa6702347bcd9c62$var$isAlignElement = function(element) {
+    return 'align' in element;
+};
+var $aa6702347bcd9c62$var$createTagElement = function(tag, options) {
+    var attributes = options.attributes, key = options.key, className = options.className, children = options.children;
+    var props = attributes ? $aa6702347bcd9c62$var$__assign($aa6702347bcd9c62$var$__assign({}, attributes), {
+        className: className
+    }) : {
+        key: key,
+        className: className
+    };
+    return /*#__PURE__*/ (0, $4MPRY$createElement)(tag, props, children);
+};
+var $aa6702347bcd9c62$var$applyMarks = function(content, marks) {
+    if (marks.bold) content = (0, $4MPRY$jsx)("strong", {
+        children: content
+    });
+    if (marks.code) content = (0, $4MPRY$jsx)("code", {
+        className: (0, $293d351fa67aae30$export$2e2bcd8739ae039).elements.code,
+        children: content
+    });
+    if (marks.italic) content = (0, $4MPRY$jsx)("em", {
+        children: content
+    });
+    if (marks.underline) content = (0, $4MPRY$jsx)("u", {
+        children: content
+    });
+    return content;
+};
+var $aa6702347bcd9c62$var$renderRichNode = function(node, options) {
+    if (options === void 0) options = {};
+    var attributes = options.attributes, providedChildren = options.children, key = options.key;
+    if ((0, $4MPRY$Text).isText(node)) {
+        var content = $aa6702347bcd9c62$var$applyMarks(providedChildren !== null && providedChildren !== void 0 ? providedChildren : node.text, node);
+        return attributes ? (0, $4MPRY$jsx)("span", $aa6702347bcd9c62$var$__assign({}, attributes, {
+            children: content
+        })) : (0, $4MPRY$jsx)((0, $4MPRY$Fragment1), {
+            children: content
+        }, key);
+    }
+    var element = node;
+    var type = (0, $4MPRY$get)(element, 'type', 'paragraph');
+    var tag = (0, $4MPRY$get)($aa6702347bcd9c62$var$TAG_BY_TYPE, type, 'p');
+    var baseClass = (0, $4MPRY$get)($aa6702347bcd9c62$var$CLASS_BY_TYPE, type, $aa6702347bcd9c62$var$CLASS_BY_TYPE.paragraph);
+    var alignClass = $aa6702347bcd9c62$var$isAlignElement(element) ? (0, $4MPRY$get)((0, $293d351fa67aae30$export$2e2bcd8739ae039).align, element.align, '') : '';
+    var renderChildNode = function(childNode, index) {
+        return $aa6702347bcd9c62$var$renderRichNode(childNode, {
+            key: index
+        });
+    };
+    var renderedChildren = providedChildren !== null && providedChildren !== void 0 ? providedChildren : (0, $4MPRY$map)(element.children, renderChildNode);
+    // Merge any className Slate might pass in attributes (rare) with ours
+    var mergedClassName = (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(baseClass, alignClass, attributes === null || attributes === void 0 ? void 0 : attributes.className);
+    return $aa6702347bcd9c62$var$createTagElement(tag, {
+        attributes: attributes,
+        key: key,
+        className: mergedClassName,
+        children: renderedChildren
+    });
+};
+var $aa6702347bcd9c62$var$RichTextArea = function(_a) {
+    var _b = _a.initialValue, initialValue = _b === void 0 ? '[{"type":"paragraph","children":[{"text":"Hello from initial value. Edit me!"}]}]' : _b, onChange = _a.onChange, _c = _a.placeholder, placeholder = _c === void 0 ? "Type something\u2026" : _c, className = _a.className, stylesOverrides = _a.styles, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, toolbarConfig = _a.toolbarConfig;
+    var styles = (0, $4MPRY$useMemo)(function() {
+        var result = (0, $4MPRY$cloneDeep)((0, $293d351fa67aae30$export$2e2bcd8739ae039));
+        var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $293d351fa67aae30$export$2e2bcd8739ae039));
+        (0, $4MPRY$forEach)(keys, function(key) {
+            (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $293d351fa67aae30$export$2e2bcd8739ae039), key), (0, $4MPRY$get)(stylesOverrides, key)));
+        });
+        return result;
+    }, [
+        stylesOverrides
+    ]);
+    var defaultToolbarItems = (0, $4MPRY$useMemo)(function() {
+        return [
+            'bold',
+            'italic',
+            'underline',
+            'code',
+            'heading-one',
+            'heading-two',
+            'block-quote',
+            'numbered-list',
+            'bulleted-list',
+            'left',
+            'center',
+            'right',
+            'justify'
+        ];
+    }, []);
+    var enabledToolbarItems = (0, $4MPRY$useMemo)(function() {
+        return (0, $4MPRY$uniq)(toolbarConfig !== null && toolbarConfig !== void 0 ? toolbarConfig : defaultToolbarItems);
+    }, [
+        toolbarConfig,
+        defaultToolbarItems
+    ]);
+    var editor = (0, $4MPRY$useMemo)(function() {
+        return (0, $4MPRY$withHistory)((0, $4MPRY$withReact)((0, $4MPRY$createEditor)()));
+    }, []);
+    var renderElement = (0, $4MPRY$useCallback)(function(_a) {
+        var element = _a.element, attributes = _a.attributes, children = _a.children;
+        return $aa6702347bcd9c62$var$renderRichNode(element, {
+            attributes: attributes,
+            children: children
+        });
+    }, []);
+    var renderLeaf = (0, $4MPRY$useCallback)(function(_a) {
+        var leaf = _a.leaf, attributes = _a.attributes, children = _a.children;
+        return $aa6702347bcd9c62$var$renderRichNode(leaf, {
+            attributes: attributes,
+            children: children
+        });
+    }, []);
+    var handleChange = (0, $4MPRY$useCallback)(function(newValue) {
+        if (!onChange) return;
+        onChange(JSON.stringify(newValue));
+    }, [
+        onChange
+    ]);
+    var parsedInitialValue = (0, $4MPRY$useMemo)(function() {
+        try {
+            return JSON.parse(initialValue);
+        } catch (_a) {
+            return [];
+        }
+    }, [
+        initialValue
+    ]);
+    var generateMarkButton = (0, $4MPRY$useCallback)(function(format, icon) {
+        return (0, $4MPRY$includes)(enabledToolbarItems, format) && (0, $4MPRY$jsx)($aa6702347bcd9c62$var$Button, {
+            active: $aa6702347bcd9c62$export$72001287e2a5b413(editor, format),
+            onMouseDown: function() {
+                return $aa6702347bcd9c62$export$797ad2667b8015a8(editor, format);
+            },
+            icon: icon
+        });
+    }, [
+        enabledToolbarItems,
+        editor
+    ]);
+    var generateBlockButton = (0, $4MPRY$useCallback)(function(format, icon) {
+        return (0, $4MPRY$includes)(enabledToolbarItems, format) && (0, $4MPRY$jsx)($aa6702347bcd9c62$var$BlockButton, {
+            format: format,
+            icon: icon
+        });
+    }, [
+        enabledToolbarItems
+    ]);
+    var renderToolbarGroups = (0, $4MPRY$useCallback)(function() {
+        var sections = [];
+        var marks = (0, $4MPRY$compact)([
+            generateMarkButton('bold', 'bold'),
+            generateMarkButton('italic', 'italic'),
+            generateMarkButton('underline', 'underline'),
+            generateMarkButton('code', 'code')
+        ]);
+        if (!(0, $4MPRY$isEmpty)(marks)) sections.push(marks);
+        var headings = (0, $4MPRY$compact)([
+            generateBlockButton('heading-one', 'h1'),
+            generateBlockButton('heading-two', 'h2'),
+            generateBlockButton('block-quote', 'quote-left')
+        ]);
+        if (!(0, $4MPRY$isEmpty)(headings)) sections.push(headings);
+        var lists = (0, $4MPRY$compact)([
+            generateBlockButton('numbered-list', 'list-ol'),
+            generateBlockButton('bulleted-list', 'list-ul')
+        ]);
+        if (!(0, $4MPRY$isEmpty)(lists)) sections.push(lists);
+        var align = (0, $4MPRY$compact)([
+            generateBlockButton('left', 'align-left'),
+            generateBlockButton('center', 'align-center'),
+            generateBlockButton('right', 'align-right'),
+            generateBlockButton('justify', 'align-justify')
+        ]);
+        if (!(0, $4MPRY$isEmpty)(align)) sections.push(align);
+        return sections.map(function(group, index) {
+            return (0, $4MPRY$jsxs)((0, $4MPRY$Fragment1), {
+                children: [
+                    index > 0 && (0, $4MPRY$jsx)("div", {
+                        className: styles.editor.toolbar.divider
+                    }),
+                    group
+                ]
+            }, index);
+        });
+    }, [
+        generateMarkButton,
+        generateBlockButton,
+        styles.editor.toolbar.divider
+    ]);
+    if (isReadOnly && (0, $4MPRY$isEmpty)(parsedInitialValue)) return null;
+    return isReadOnly ? (0, $4MPRY$jsx)("div", {
+        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('prose prose-sm max-w-none', styles.readOnly.container, className),
+        children: (0, $4MPRY$isArray)(parsedInitialValue) ? (0, $4MPRY$map)(parsedInitialValue, function(n, i) {
+            return $aa6702347bcd9c62$var$renderRichNode(n, {
+                key: i
+            });
+        }) : null
+    }) : (0, $4MPRY$jsx)((0, $4MPRY$Slate), {
+        editor: editor,
+        initialValue: parsedInitialValue,
+        onChange: handleChange,
+        children: (0, $4MPRY$jsxs)("div", {
+            className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, className),
+            children: [
+                (0, $4MPRY$jsx)("div", {
+                    className: styles.editor.toolbar.container,
+                    children: renderToolbarGroups()
+                }),
+                (0, $4MPRY$jsx)("div", {
+                    className: styles.editor.area.container,
+                    children: (0, $4MPRY$jsx)((0, $4MPRY$Editable), {
+                        renderElement: renderElement,
+                        renderLeaf: renderLeaf,
+                        className: styles.editor.area.editable,
+                        placeholder: placeholder,
+                        spellCheck: true,
+                        autoFocus: true,
+                        onKeyDown: function(event) {
+                            (0, $4MPRY$forEach)($aa6702347bcd9c62$var$HOTKEYS, function(mark, hotkey) {
+                                if ((0, $4MPRY$ishotkey)(hotkey, event)) {
+                                    event.preventDefault();
+                                    $aa6702347bcd9c62$export$797ad2667b8015a8(editor, mark);
+                                }
+                            });
+                        }
+                    })
+                })
+            ]
+        })
+    });
+};
+var $aa6702347bcd9c62$export$65eead07296cdb21 = function(editor, format) {
+    var isActive = $aa6702347bcd9c62$export$d49b8615a8b45195(editor, format, $aa6702347bcd9c62$var$isAlignType(format) ? 'align' : 'type');
+    var isList = $aa6702347bcd9c62$var$isListType(format);
+    (0, $4MPRY$Transforms).unwrapNodes(editor, {
+        match: function(n) {
+            return !(0, $4MPRY$Editor).isEditor(n) && (0, $4MPRY$Element).isElement(n) && $aa6702347bcd9c62$var$isListType(n.type) && !$aa6702347bcd9c62$var$isAlignType(format);
+        },
+        split: true
+    });
+    var newProperties = $aa6702347bcd9c62$var$isAlignType(format) ? {
+        align: isActive ? undefined : format
+    } : {
+        type: isActive ? 'paragraph' : isList ? 'list-item' : format
+    };
+    (0, $4MPRY$Transforms).setNodes(editor, newProperties);
+    if (!isActive && isList) {
+        var block = {
+            type: format,
+            children: []
+        };
+        (0, $4MPRY$Transforms).wrapNodes(editor, block);
+    }
+};
+var $aa6702347bcd9c62$export$797ad2667b8015a8 = function(editor, format) {
+    var isActive = $aa6702347bcd9c62$export$72001287e2a5b413(editor, format);
+    if (isActive) (0, $4MPRY$Editor).removeMark(editor, format);
+    else (0, $4MPRY$Editor).addMark(editor, format, true);
+};
+var $aa6702347bcd9c62$export$d49b8615a8b45195 = function(editor, format, blockType) {
+    if (blockType === void 0) blockType = 'type';
+    var selection = editor.selection;
+    if (!selection) return false;
+    var match = Array.from((0, $4MPRY$Editor).nodes(editor, {
+        at: (0, $4MPRY$Editor).unhangRange(editor, selection),
+        match: function(n) {
+            if (!(0, $4MPRY$Editor).isEditor(n) && (0, $4MPRY$Element).isElement(n)) {
+                var element = n;
+                if (blockType === 'align' && $aa6702347bcd9c62$var$isAlignElement(element)) return element.align === format;
+                return element.type === format;
+            }
+            return false;
+        }
+    }))[0];
+    return !!match;
+};
+var $aa6702347bcd9c62$export$72001287e2a5b413 = function(editor, format) {
+    var marks = (0, $4MPRY$Editor).marks(editor);
+    return marks ? marks[format] === true : false;
+};
+var $aa6702347bcd9c62$var$Button = function(_a) {
+    var active = _a.active, onMouseDown = _a.onMouseDown, icon = _a.icon;
+    return (0, $4MPRY$jsx)("button", {
+        type: "button",
+        "aria-pressed": active,
+        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $293d351fa67aae30$export$2e2bcd8739ae039).editor.toolbar.button, active && (0, $293d351fa67aae30$export$2e2bcd8739ae039).editor.toolbar.buttonActive),
+        onMouseDown: function(e) {
+            e.preventDefault();
+            onMouseDown();
+        },
+        children: (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
+            accessor: icon,
+            type: "solid",
+            className: (0, $293d351fa67aae30$export$2e2bcd8739ae039).editor.toolbar.icon
+        })
+    });
+};
+var $aa6702347bcd9c62$var$BlockButton = function(_a) {
+    var format = _a.format, icon = _a.icon;
+    var editor = (0, $4MPRY$useSlate)();
+    var active = $aa6702347bcd9c62$export$d49b8615a8b45195(editor, format, $aa6702347bcd9c62$var$isAlignType(format) ? 'align' : 'type');
+    var handleMouseDown = (0, $4MPRY$useCallback)(function() {
+        return $aa6702347bcd9c62$export$65eead07296cdb21(editor, format);
+    }, [
+        editor,
+        format
+    ]);
+    return (0, $4MPRY$jsx)($aa6702347bcd9c62$var$Button, {
+        active: active,
+        onMouseDown: handleMouseDown,
+        icon: icon
+    });
+};
+var $aa6702347bcd9c62$export$2e2bcd8739ae039 = $aa6702347bcd9c62$var$RichTextArea;
+
+
+
+
+
+
+
+
+
 var $43437b181b294db2$var$base = {
     container: '',
     head: 'flex justify-between',
     body: 'relative rounded-md my-2 cursor-pointer',
     foot: '',
+    labelContainer: 'flex flex-col',
     label: 'block font-medium text-gray-900',
     hint: 'text-xs text-gray-500',
     leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
@@ -6221,7 +6645,7 @@ var $b1b6aa72505b2474$var$__assign = undefined && undefined.__assign || function
     return $b1b6aa72505b2474$var$__assign.apply(this, arguments);
 };
 var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
-    var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, required = props.required, value = props.value, max = props.max, error = props.error, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, _d = props.isMulti, isMulti = _d === void 0 ? false : _d, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
+    var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, hint = props.hint, required = props.required, value = props.value, max = props.max, error = props.error, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, _d = props.isMulti, isMulti = _d === void 0 ? false : _d, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
     var isValid = error === undefined;
     var _e = (0, $4MPRY$useState)(false), isDragging = _e[0], setIsDragging = _e[1];
     var handleChangeInput = (0, $4MPRY$useCallback)(function(files) {
@@ -6286,10 +6710,19 @@ var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
             (0, $4MPRY$jsxs)("div", {
                 className: styles.head,
                 children: [
-                    label && (0, $4MPRY$jsx)("label", {
-                        htmlFor: name,
-                        className: styles.label,
-                        children: label
+                    label && (0, $4MPRY$jsxs)("div", {
+                        className: styles.labelContainer,
+                        children: [
+                            (0, $4MPRY$jsx)("label", {
+                                htmlFor: name,
+                                className: styles.label,
+                                children: label
+                            }),
+                            description && !(error && isTouched) && (0, $4MPRY$jsx)("p", {
+                                className: styles.description,
+                                children: description
+                            })
+                        ]
                     }),
                     !required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
                         className: styles.hint,
@@ -6325,9 +6758,9 @@ var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
             (0, $4MPRY$jsxs)("div", {
                 className: styles.foot,
                 children: [
-                    description && !(error && isTouched) && (0, $4MPRY$jsx)("p", {
-                        className: styles.description,
-                        children: description
+                    hint && !(error && isTouched) && (0, $4MPRY$jsx)("p", {
+                        className: styles.hint,
+                        children: hint
                     }),
                     error && isTouched && (0, $4MPRY$jsx)("p", {
                         className: styles.error,
@@ -7274,5 +7707,5 @@ var $bcc7539df5bef927$export$1476d5e67a64a695 = function(str) {
 
 
 
-export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $307aa6ad38171d38$export$2e2bcd8739ae039 as CollapsibleElement, $49931a5175dab103$export$2e2bcd8739ae039 as ProgressTrackElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $e964500960620598$export$2e2bcd8739ae039 as __DEPRECATED__CheckboxInputGroupForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $39e9223269e270c7$export$2e2bcd8739ae039 as OpeningsHourInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
+export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $307aa6ad38171d38$export$2e2bcd8739ae039 as CollapsibleElement, $49931a5175dab103$export$2e2bcd8739ae039 as ProgressTrackElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $e964500960620598$export$2e2bcd8739ae039 as __DEPRECATED__CheckboxInputGroupForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $aa6702347bcd9c62$export$2e2bcd8739ae039 as RichTextArea, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $39e9223269e270c7$export$2e2bcd8739ae039 as OpeningsHourInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
 //# sourceMappingURL=index.esm.js.map