@ballistix.digital/react-components 4.5.3 → 4.8.0

package/dist/index.esm.js

@@ -78,13 +78,8 @@ var $b3fc44f26b625a32$export$e2d2075c69d9100d = function(object) {
 };
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/avatars
-
-*/ 
 var $8c8429f872d72c06$var$base = {
-    loading: "inline-block relative overflow-hidden bg-gray-50 flex items-center justify-center",
+    loading: "relative overflow-hidden bg-gray-50 flex items-center justify-center",
     spinner: "w-5 h-5 animate-spin text-gray-400",
     empty: "inline-block relative overflow-hidden bg-gray-50 text-red-400",
     placeholder: "relative inline-flex items-center justify-center bg-gray-500",
@@ -179,8 +174,6 @@ var $8c8429f872d72c06$var$styles = {
 var $8c8429f872d72c06$export$2e2bcd8739ae039 = $8c8429f872d72c06$var$styles;
 
 
-
-
 var $4f6dca59bb6d6d50$var$AvatarElement = function(props) {
     var src = props.src, placeholder = props.placeholder, children = props.children, url = props.url, _a = props.size, size = _a === void 0 ? "md" : _a, _b = props.figure, figure = _b === void 0 ? "block" : _b, status = props.status, isDisabled = props.isDisabled, isLoading = props.isLoading, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -340,11 +333,6 @@ var $77cd4416ca4a0639$export$2e2bcd8739ae039 = $77cd4416ca4a0639$var$IconElement
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/feedback/alerts
-
-*/ 
 var $a8e9e4c588ab42de$var$base = {
     container: "rounded-sm p-4 border-l-4",
     icon: "h-5 w-5",
@@ -414,8 +402,6 @@ var $a8e9e4c588ab42de$var$styles = {
 var $a8e9e4c588ab42de$export$2e2bcd8739ae039 = $a8e9e4c588ab42de$var$styles;
 
 
-
-
 var $9a29d5e0e3b54abe$var$BadgeElement = function(props) {
     var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? "generic" : _a, _b = props.onClose, onClose = _b === void 0 ? (0, $4MPRY$noop) : _b, _c = props.onCollapse, onCollapse = _c === void 0 ? (0, $4MPRY$noop) : _c, _d = props.isCollapsible, isCollapsible = _d === void 0 ? false : _d, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
     var _e = (0, $4MPRY$useState)(false), isCollapsed = _e[0], setIsCollapsed = _e[1];
@@ -509,11 +495,6 @@ var $9a29d5e0e3b54abe$export$2e2bcd8739ae039 = $9a29d5e0e3b54abe$var$BadgeElemen
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/badges
-
-*/ 
 var $0b2d04c7befe535a$var$base = {
     container: "inline-flex items-center font-medium py-0.5",
     indicator: "",
@@ -623,8 +604,6 @@ var $0b2d04c7befe535a$var$styles = {
 var $0b2d04c7befe535a$export$2e2bcd8739ae039 = $0b2d04c7befe535a$var$styles;
 
 
-
-
 var $a5045567c9b3a96e$var$BadgeElement = function(props) {
     var children = props.children, _a = props.color, color = _a === void 0 ? "gray" : _a, _b = props.type, type = _b === void 0 ? "normal" : _b, _c = props.size, size = _c === void 0 ? "sm" : _c, _d = props.figure, figure = _d === void 0 ? "block" : _d, isDisabled = props.isDisabled, isLoading = props.isLoading, onClose = props.onClose, stylesOverrides = props.styles, dataCy = props.dataCy;
     var handleGenerateStyle = function() {
@@ -700,7 +679,6 @@ var $a5045567c9b3a96e$export$2e2bcd8739ae039 = $a5045567c9b3a96e$var$BadgeElemen
 
 
 
-
 var $1cab1d6bde3e8d5f$var$base = {
     container: "w-fit h-fit relative group/tooltip",
     content: "absolute flex justify-center items-center z-200 tooltip-animate px-4 py-2 border whitespace-nowrap border-palette-grayDarker bg-white font-light text-xs rounded-sm",
@@ -716,8 +694,6 @@ var $1cab1d6bde3e8d5f$var$styles = {
 var $1cab1d6bde3e8d5f$export$2e2bcd8739ae039 = $1cab1d6bde3e8d5f$var$styles;
 
 
-
-
 var $b237e6d2d86a5c92$var$__assign = undefined && undefined.__assign || function() {
     $b237e6d2d86a5c92$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -815,11 +791,6 @@ var $b237e6d2d86a5c92$export$2e2bcd8739ae039 = $b237e6d2d86a5c92$var$TooltipElem
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/buttons
-
-*/ 
 var $67205466403f8c2c$var$base = {
     container: "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 duration-300",
     content: "flex gap-2",
@@ -893,8 +864,6 @@ var $67205466403f8c2c$var$styles = {
 var $67205466403f8c2c$export$2e2bcd8739ae039 = $67205466403f8c2c$var$styles;
 
 
-
-
 var $bc407adcad543f74$var$ButtonElement = function(props) {
     var children = props.children, innerRef = props.innerRef, _a = props.htmlType, htmlType = _a === void 0 ? "button" : _a, dataCy = props.dataCy, _b = props.type, type = _b === void 0 ? "primary" : _b, _c = props.size, size = _c === void 0 ? "md" : _c, _d = props.figure, figure = _d === void 0 ? "block" : _d, _e = props.status, status = _e === void 0 ? "idle" : _e, isDisabled = props.isDisabled, stylesOverrides = props.styles, onClick = props.onClick;
     var handleGenerateStyle = function() {
@@ -968,11 +937,6 @@ var $bc407adcad543f74$export$2e2bcd8739ae039 = $bc407adcad543f74$var$ButtonEleme
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/list-containers
-
-*/ 
 var $0d9883a5deceb7f9$var$base = {
     container: "relative z-0 inline-flex shadow-sm rounded-md",
     firstButton: "relative inline-flex items-center px-4 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500",
@@ -985,8 +949,6 @@ var $0d9883a5deceb7f9$var$styles = {
 var $0d9883a5deceb7f9$export$2e2bcd8739ae039 = $0d9883a5deceb7f9$var$styles;
 
 
-
-
 var $c827cec2b56530a4$var$ButtonGroupElement = function(props) {
     var children = props.children, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1023,11 +985,6 @@ var $c827cec2b56530a4$export$2e2bcd8739ae039 = $c827cec2b56530a4$var$ButtonGroup
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/badges
-
-*/ 
 var $dbe7e68c049007c5$var$base = {
     container: "inline-block text-left",
     button: "inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500",
@@ -1061,8 +1018,6 @@ var $dbe7e68c049007c5$var$styles = {
 var $dbe7e68c049007c5$export$2e2bcd8739ae039 = $dbe7e68c049007c5$var$styles;
 
 
-
-
 var $edc4ba41affb9483$var$Container = function(props) {
     var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? "button" : _a, _b = props.direction, direction = _b === void 0 ? "bottom end" : _b, _c = props.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1144,11 +1099,6 @@ var $edc4ba41affb9483$export$2e2bcd8739ae039 = $edc4ba41affb9483$var$DropdownEle
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/forms/input-groups
-
-*/ 
 var $0249406a6f5edb4d$var$base = {
     container: "",
     head: "flex justify-between",
@@ -1226,8 +1176,6 @@ var $0249406a6f5edb4d$var$styles = {
 var $0249406a6f5edb4d$export$2e2bcd8739ae039 = $0249406a6f5edb4d$var$styles;
 
 
-
-
 var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
     var _a;
     var _b;
@@ -1384,11 +1332,6 @@ var $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 = $7b4ae85c2b92d7dd$var$InputGroupF
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/containers
-
-*/ 
 var $e65c72a0d70fbf33$var$base = {
     container: "",
     content: ""
@@ -1412,8 +1355,6 @@ var $e65c72a0d70fbf33$var$styles = {
 var $e65c72a0d70fbf33$export$2e2bcd8739ae039 = $e65c72a0d70fbf33$var$styles;
 
 
-
-
 var $2e39e1fa3f910477$var$ContainerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "break" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1463,11 +1404,6 @@ var $2e39e1fa3f910477$export$2e2bcd8739ae039 = $2e39e1fa3f910477$var$ContainerLa
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/dividers
-
-*/ 
 var $ec68a39f1179dbd5$var$base = {
     container: "relative",
     head: "absolute inset-0 flex items-center",
@@ -1493,8 +1429,6 @@ var $ec68a39f1179dbd5$var$styles = {
 var $ec68a39f1179dbd5$export$2e2bcd8739ae039 = $ec68a39f1179dbd5$var$styles;
 
 
-
-
 var $47c668decea293b6$var$DividerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "left" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1535,11 +1469,6 @@ var $47c668decea293b6$export$2e2bcd8739ae039 = $47c668decea293b6$var$DividerLayo
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/list-containers
-
-*/ 
 var $0dc9d1b1691a48fd$var$base = {
     container: "",
     list: "",
@@ -1583,8 +1512,6 @@ var $0dc9d1b1691a48fd$var$styles = {
 var $0dc9d1b1691a48fd$export$2e2bcd8739ae039 = $0dc9d1b1691a48fd$var$styles;
 
 
-
-
 var $40af42a6ff486398$var$ListContainerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "fill" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1619,11 +1546,6 @@ var $40af42a6ff486398$export$2e2bcd8739ae039 = $40af42a6ff486398$var$ListContain
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/media-objects
-
-*/ 
 var $195ca578a80f15e9$var$base = {
     container: "",
     figure: "mr-4 flex-shrink-0",
@@ -1697,8 +1619,6 @@ var $195ca578a80f15e9$var$styles = {
 var $195ca578a80f15e9$export$2e2bcd8739ae039 = $195ca578a80f15e9$var$styles;
 
 
-
-
 var $d8086708b0fe8d97$var$MediaObjectLayout = function(props) {
     var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ? "top" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1761,11 +1681,6 @@ var $d8086708b0fe8d97$export$2e2bcd8739ae039 = $d8086708b0fe8d97$var$MediaObject
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/panels
-
-*/ 
 var $6608476f62547c9b$var$base = {
     container: "bg-white overflow-hidden shadow",
     section: "px-4 py-5 sm:px-6"
@@ -1784,8 +1699,6 @@ var $6608476f62547c9b$var$styles = {
 var $6608476f62547c9b$export$2e2bcd8739ae039 = $6608476f62547c9b$var$styles;
 
 
-
-
 var $11b7c597538c2257$var$Container = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "normal" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1851,6 +1764,97 @@ https://www.npmjs.com/package/react-tailwindcss-select
 
 
 
+var $9ff97c477ac85f31$var$base = {
+    container: "",
+    head: "flex justify-between",
+    body: "relative rounded-md",
+    foot: "",
+    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",
+    input: "block w-full flex border",
+    menuButton: "",
+    menu: "z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white",
+    tagItem: "bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm",
+    tagItemText: "text-xs",
+    tagItemIconContainer: "!p-0 rounded-full hover:bg-gray-400 text-sm hover:text-white aspect-square w-4 flex items-center justify-center cursor-pointer",
+    tagItemIcon: "",
+    list: "!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1",
+    listGroupLabel: "",
+    listItem: "!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2",
+    listDisabledItem: "",
+    searchContainer: "!w-full !px-2 !py-2 border-b",
+    searchBox: "",
+    searchIcon: "",
+    closeIcon: "",
+    emptyState: "w-full inline-flex items-start justify-start px-4",
+    trailing: "pointer-events-none absolute inset-y-0 right-0 flex items-center",
+    description: "text-gray-400 text-xs mt-1",
+    error: "text-red-500 text-xs ml-5 mt-1"
+};
+var $9ff97c477ac85f31$var$leading = {
+    input: "pl-10"
+};
+var $9ff97c477ac85f31$var$trailing = {};
+var $9ff97c477ac85f31$var$normal = {
+    label: "leading-6 text-sm mb-2",
+    hint: "leading-6",
+    leading: "pl-3",
+    input: "rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300",
+    trailing: "",
+    description: "mt-2 text-sm"
+};
+var $9ff97c477ac85f31$var$inset = {
+    container: "rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600",
+    label: "text-xs",
+    hint: "text-xs",
+    input: "border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0",
+    description: "hidden"
+};
+var $9ff97c477ac85f31$var$overlapping = {
+    container: "relative",
+    head: " absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full",
+    label: "inline-block bg-white px-1 text-xs font-medium text-gray-900 ",
+    hint: "text-xs mr-4 bg-white px-1",
+    input: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6",
+    description: "hidden"
+};
+var $9ff97c477ac85f31$var$pill = {
+    head: "mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6",
+    foot: "mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6",
+    input: "block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6",
+    trailing: "pr-2",
+    description: "text-xs"
+};
+var $9ff97c477ac85f31$var$floored = {
+    body: "relative mt-2",
+    label: "block text-sm font-medium leading-6 text-gray-900",
+    input: "peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0",
+    description: "text-xs mt-2"
+};
+var $9ff97c477ac85f31$var$invalid = {
+    container: "ring-red-500",
+    input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
+    "block w-full border border-transparent text-red-900 ring-1  ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500",
+    description: "text-sm text-red-600"
+};
+var $9ff97c477ac85f31$var$disabled = {
+    input: "block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 cursor-not-allowed bg-gray-50 text-gray-500 ring-gray-200"
+};
+var $9ff97c477ac85f31$var$styles = {
+    base: $9ff97c477ac85f31$var$base,
+    leading: $9ff97c477ac85f31$var$leading,
+    trailing: $9ff97c477ac85f31$var$trailing,
+    normal: $9ff97c477ac85f31$var$normal,
+    inset: $9ff97c477ac85f31$var$inset,
+    overlapping: $9ff97c477ac85f31$var$overlapping,
+    pill: $9ff97c477ac85f31$var$pill,
+    floored: $9ff97c477ac85f31$var$floored,
+    invalid: $9ff97c477ac85f31$var$invalid,
+    disabled: $9ff97c477ac85f31$var$disabled
+};
+var $9ff97c477ac85f31$export$2e2bcd8739ae039 = $9ff97c477ac85f31$var$styles;
+
 
 var $40038b27a5148d69$var$SelectMenuForm = function(props) {
     var _a;
@@ -1987,102 +1991,39 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
 var $40038b27a5148d69$export$2e2bcd8739ae039 = $40038b27a5148d69$var$SelectMenuForm;
 
 
-var $9ff97c477ac85f31$var$base = {
-    container: "",
-    head: "flex justify-between",
-    body: "relative rounded-md",
-    foot: "",
-    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",
-    input: "block w-full flex border",
-    menuButton: "",
-    menu: "z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white",
-    tagItem: "bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm",
-    tagItemText: "text-xs",
-    tagItemIconContainer: "!p-0 rounded-full hover:bg-gray-400 text-sm hover:text-white aspect-square w-4 flex items-center justify-center cursor-pointer",
-    tagItemIcon: "",
-    list: "!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1",
-    listGroupLabel: "",
-    listItem: "!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2",
-    listDisabledItem: "",
-    searchContainer: "!w-full !px-2 !py-2 border-b",
-    searchBox: "",
-    searchIcon: "",
-    closeIcon: "",
-    emptyState: "w-full inline-flex items-start justify-start px-4",
-    trailing: "pointer-events-none absolute inset-y-0 right-0 flex items-center",
-    description: "text-gray-400 text-xs mt-1",
-    error: "text-red-500 text-xs ml-5 mt-1"
-};
-var $9ff97c477ac85f31$var$leading = {
-    input: "pl-10"
-};
-var $9ff97c477ac85f31$var$trailing = {};
-var $9ff97c477ac85f31$var$normal = {
-    label: "leading-6 text-sm mb-2",
-    hint: "leading-6",
-    leading: "pl-3",
-    input: "rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300",
-    trailing: "",
-    description: "mt-2 text-sm"
-};
-var $9ff97c477ac85f31$var$inset = {
-    container: "rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600",
-    label: "text-xs",
-    hint: "text-xs",
-    input: "border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0",
-    description: "hidden"
-};
-var $9ff97c477ac85f31$var$overlapping = {
-    container: "relative",
-    head: " absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full",
-    label: "inline-block bg-white px-1 text-xs font-medium text-gray-900 ",
-    hint: "text-xs mr-4 bg-white px-1",
-    input: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6",
-    description: "hidden"
-};
-var $9ff97c477ac85f31$var$pill = {
-    head: "mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6",
-    foot: "mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6",
-    input: "block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6",
-    trailing: "pr-2",
-    description: "text-xs"
-};
-var $9ff97c477ac85f31$var$floored = {
-    body: "relative mt-2",
-    label: "block text-sm font-medium leading-6 text-gray-900",
-    input: "peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0",
-    description: "text-xs mt-2"
-};
-var $9ff97c477ac85f31$var$invalid = {
-    container: "ring-red-500",
-    input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
-    "block w-full border border-transparent text-red-900 ring-1  ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500",
-    description: "text-sm text-red-600"
-};
-var $9ff97c477ac85f31$var$disabled = {
-    input: "block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 cursor-not-allowed bg-gray-50 text-gray-500 ring-gray-200"
-};
-var $9ff97c477ac85f31$var$styles = {
-    base: $9ff97c477ac85f31$var$base,
-    leading: $9ff97c477ac85f31$var$leading,
-    trailing: $9ff97c477ac85f31$var$trailing,
-    normal: $9ff97c477ac85f31$var$normal,
-    inset: $9ff97c477ac85f31$var$inset,
-    overlapping: $9ff97c477ac85f31$var$overlapping,
-    pill: $9ff97c477ac85f31$var$pill,
-    floored: $9ff97c477ac85f31$var$floored,
-    invalid: $9ff97c477ac85f31$var$invalid,
-    disabled: $9ff97c477ac85f31$var$disabled
-};
-var $9ff97c477ac85f31$export$2e2bcd8739ae039 = $9ff97c477ac85f31$var$styles;
 
 
 
 
 
 
+var $e3009f3eac14483c$var$base = {
+    container: "flex items-center justify-between border-t border-gray-200 bg-white py-3",
+    mobile: {
+        container: "",
+        button: "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
+    },
+    desktop: {
+        container: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between",
+        outerRightButton: "relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
+        outerLeftButton: "relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
+        innerButton: "relative inline-flex items-center border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
+        navigation: "isolate inline-flex -space-x-px rounded-md shadow-sm"
+    },
+    button: {
+        default: "relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50",
+        active: "border-primary-500 bg-primary-50 text-primary-600 z-20",
+        disabled: "opacity-20 cursor-not-allowed"
+    },
+    divider: "relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500",
+    label: "sr-only",
+    icon: "w-5 h-5",
+    pageSizeList: "!overflow-hidden"
+};
+var $e3009f3eac14483c$var$styles = {
+    base: $e3009f3eac14483c$var$base
+};
+var $e3009f3eac14483c$export$2e2bcd8739ae039 = $e3009f3eac14483c$var$styles;
 
 
 var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
@@ -2457,34 +2398,6 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
 var $8239f5cdc1851973$export$2e2bcd8739ae039 = $8239f5cdc1851973$var$PanelPaginationNavigation;
 
 
-var $e3009f3eac14483c$var$base = {
-    container: "flex items-center justify-between border-t border-gray-200 bg-white py-3",
-    mobile: {
-        container: "",
-        button: "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
-    },
-    desktop: {
-        container: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between",
-        outerRightButton: "relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
-        outerLeftButton: "relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
-        innerButton: "relative inline-flex items-center border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20",
-        navigation: "isolate inline-flex -space-x-px rounded-md shadow-sm"
-    },
-    button: {
-        default: "relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50",
-        active: "border-primary-500 bg-primary-50 text-primary-600 z-20",
-        disabled: "opacity-20 cursor-not-allowed"
-    },
-    divider: "relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500",
-    label: "sr-only",
-    icon: "w-5 h-5",
-    pageSizeList: "!overflow-hidden"
-};
-var $e3009f3eac14483c$var$styles = {
-    base: $e3009f3eac14483c$var$base
-};
-var $e3009f3eac14483c$export$2e2bcd8739ae039 = $e3009f3eac14483c$var$styles;
-
 
 
 
@@ -2605,11 +2518,6 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
 };
 
 
-/*
-
-https://tailwindui.com/components/application-ui/lists/tables
-
-*/ 
 var $fb5a78a09a8b15b6$var$base = {
     container: "px-4 sm:px-6 lg:px-8",
     head: {
@@ -2734,8 +2642,6 @@ var $fb5a78a09a8b15b6$var$styles = {
 var $fb5a78a09a8b15b6$export$2e2bcd8739ae039 = $fb5a78a09a8b15b6$var$styles;
 
 
-
-
 var $4421fdc946e7dd6c$var$__assign = undefined && undefined.__assign || function() {
     $4421fdc946e7dd6c$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -3093,7 +2999,6 @@ var $b77b4b93ae627775$var$isValidState = function(state) {
 
 
 
-
 var $a159f18e2839f1e6$var$base = {
     container: "",
     head: "",
@@ -3102,10 +3007,12 @@ var $a159f18e2839f1e6$var$base = {
         wrapper: "flow-root relative",
         content: "",
         styleWrapper: "flex overflow-x-scroll overflow-y-visible",
+        styleWrapperWithLeftSide: "flex",
         tableWrapper: "inline-block min-w-full align-middle",
-        tableWrapperWithLeftSide: "!min-w-max w-full",
+        tableWrapperWithLeftSide: "w-full overflow-x-scroll",
         table: {
             container: "min-w-full border-separate border-spacing-0",
+            containerWithLeftSide: "border-separate border-spacing-0",
             pinnedColumns: {
                 left: "-4px 0 4px -4px gray inset",
                 right: "4px 0 4px -4px gray inset"
@@ -3167,8 +3074,6 @@ var $a159f18e2839f1e6$var$styles = {
 var $a159f18e2839f1e6$export$2e2bcd8739ae039 = $a159f18e2839f1e6$var$styles;
 
 
-
-
 var $df469b72efb8986e$var$__assign = undefined && undefined.__assign || function() {
     $df469b72efb8986e$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -3480,17 +3385,17 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
                 children: (0, $4MPRY$jsx)("div", {
                     className: styles.body.wrapper,
                     children: (0, $4MPRY$jsxs)("div", {
-                        className: styles.body.styleWrapper,
+                        className: leftSide ? styles.body.styleWrapperWithLeftSide : styles.body.styleWrapper,
                         children: [
                             leftSide && (0, $4MPRY$jsx)("div", {
                                 className: styles.leftSide,
                                 children: leftSide(state)
                             }),
                             (0, $4MPRY$jsxs)("div", {
-                                className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.tableWrapper, leftSide && styles.body.tableWrapperWithLeftSide),
+                                className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(leftSide ? styles.body.tableWrapperWithLeftSide : styles.body.tableWrapper),
                                 children: [
                                     (0, $4MPRY$jsxs)("table", {
-                                        className: styles.body.table.container,
+                                        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(leftSide ? styles.body.table.container : styles.body.table.container),
                                         children: [
                                             (0, $4MPRY$jsx)("thead", {
                                                 className: styles.body.table.head.container,
@@ -3628,11 +3533,6 @@ var $fc6e6482f238e9ea$export$4b44a5cb9651fe5e = function() {
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/breadcrumbs
-
-*/ 
 var $d35063ed95f33643$var$base = {
     container: "flex",
     list: "flex",
@@ -3728,8 +3628,6 @@ var $d35063ed95f33643$var$styles = {
 var $d35063ed95f33643$export$2e2bcd8739ae039 = $d35063ed95f33643$var$styles;
 
 
-
-
 var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
     var _a = props.href, href = _a === void 0 ? "/" : _a, pages = props.pages, _b = props.type, type = _b === void 0 ? "slashes" : _b, customSeparator = props.separator, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -3860,11 +3758,6 @@ var $797c6dd505f17788$export$2e2bcd8739ae039 = $797c6dd505f17788$var$Breadcrumbs
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/pagination
-
-*/ 
 var $3d664313fa815a29$var$base = {
     container: "flex items-center justify-between border-t border-gray-200 px-4 sm:px-0",
     left: {
@@ -3893,8 +3786,6 @@ var $3d664313fa815a29$var$styles = {
 var $3d664313fa815a29$export$2e2bcd8739ae039 = $3d664313fa815a29$var$styles;
 
 
-
-
 var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
     var _a = props.min, min = _a === void 0 ? 1 : _a, _b = props.max, max = _b === void 0 ? 20 : _b, stylesOverrides = props.styles, onChange = props.onChange;
     var _c = (0, $4MPRY$useState)(2), current = _c[0], setCurrent = _c[1];
@@ -4137,11 +4028,6 @@ var $56d2586955e116da$export$2e2bcd8739ae039 = $56d2586955e116da$var$PagePaginat
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/tabs
-
-*/ 
 var $579a3cb18d8026e0$var$defaultStyles = {
     container: "",
     list: {
@@ -4188,8 +4074,6 @@ var $579a3cb18d8026e0$var$styles = {
 var $579a3cb18d8026e0$export$2e2bcd8739ae039 = $579a3cb18d8026e0$var$styles;
 
 
-
-
 var $fa0fc9b7e04a1799$var$__assign = undefined && undefined.__assign || function() {
     $fa0fc9b7e04a1799$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -4349,11 +4233,6 @@ var $fa0fc9b7e04a1799$export$2e2bcd8739ae039 = $fa0fc9b7e04a1799$var$TabNavigati
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/tabs
-
-*/ 
 var $b2c3106d537b59bc$var$styles = {
     container: "",
     list: "space-y-1",
@@ -4366,8 +4245,6 @@ var $b2c3106d537b59bc$var$styles = {
 var $b2c3106d537b59bc$export$2e2bcd8739ae039 = $b2c3106d537b59bc$var$styles;
 
 
-
-
 var $860faaa2c7bb1f36$var$Container = function(props) {
     var children = props.children, stylesOverrides = props.styles;
     var _a = (0, $4MPRY$useState)(""), active = _a[0], setActive = _a[1];
@@ -4431,11 +4308,6 @@ var $860faaa2c7bb1f36$export$2e2bcd8739ae039 = $860faaa2c7bb1f36$var$VerticalNav
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $35edca6e99ea4ea0$var$base = {
     container: "relative z-20",
     background: {
@@ -4501,8 +4373,6 @@ var $35edca6e99ea4ea0$var$styles = {
 var $35edca6e99ea4ea0$export$2e2bcd8739ae039 = $35edca6e99ea4ea0$var$styles;
 
 
-
-
 var $d467f992ffa88739$var$ModalOverlay = function(props) {
     var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? "md" : _a, stylesOverrides = props.styles, dataCy = props.dataCy, onOpen = props.onOpen, onClose = props.onClose;
     var _b = (0, $4MPRY$useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
@@ -4596,11 +4466,6 @@ var $d467f992ffa88739$export$2e2bcd8739ae039 = $d467f992ffa88739$var$ModalOverla
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $3bf3edb7ee8a22f4$var$base = {
     container: {
         outer: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30",
@@ -4672,8 +4537,6 @@ var $3bf3edb7ee8a22f4$var$styles = {
 var $3bf3edb7ee8a22f4$export$2e2bcd8739ae039 = $3bf3edb7ee8a22f4$var$styles;
 
 
-
-
 var $0a39296cb800ec26$var$NotificationOverlayContainer = function(_a) {
     var children = _a.children, stylesOverrides = _a.styles;
     var handleGenerateStyle = function() {
@@ -4750,11 +4613,6 @@ var $0a39296cb800ec26$export$2e2bcd8739ae039 = $0a39296cb800ec26$var$Notificatio
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $19b812b9e566cf40$var$base = {
     container: "relative z-20",
     background: {
@@ -4821,8 +4679,6 @@ var $19b812b9e566cf40$var$styles = {
 var $19b812b9e566cf40$export$2e2bcd8739ae039 = $19b812b9e566cf40$var$styles;
 
 
-
-
 var $434e0b441c881466$var$SlideOverOverlay = function(props) {
     var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? "md" : _a, stylesOverrides = props.styles;
     var _b = (0, $4MPRY$useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
@@ -4909,7 +4765,6 @@ var $434e0b441c881466$export$2e2bcd8739ae039 = $434e0b441c881466$var$SlideOverOv
 
 
 
-
 var $09a217cbe9c81afa$var$styles = {
     controls: {
         container: "flex-row justify-between z-10 relative mb-4 gap-2 hidden",
@@ -4932,8 +4787,6 @@ var $09a217cbe9c81afa$var$styles = {
 var $09a217cbe9c81afa$export$2e2bcd8739ae039 = $09a217cbe9c81afa$var$styles;
 
 
-
-
 var $28232825d538e297$var$TableColumnOptionsCustom = function(props) {
     var _a;
     var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, stylesOverrides = props.styles, resetConfig = props.resetConfig;
@@ -5055,12 +4908,14 @@ var $b38b76ffa80a65c8$export$2e2bcd8739ae039 = $b38b76ffa80a65c8$var$TableExcelE
 
 
 
-/*
 
-https://github.com/onesine/react-tailwindcss-datepicker
 
 
-*/ 
+
+
+
+
+
 var $91c1ee6748e96891$var$base = {
     container: "",
     head: "flex justify-between",
@@ -5138,15 +4993,6 @@ var $91c1ee6748e96891$var$styles = {
 var $91c1ee6748e96891$export$2e2bcd8739ae039 = $91c1ee6748e96891$var$styles;
 
 
-
-
-
-
-
-
-
-
-
 var $725c739c30e37ced$var$DateRangeMenu = function(props) {
     var _a;
     var _b = props.name, name = _b === void 0 ? "date-menu-form" : _b, _c = props.size, size = _c === void 0 ? "compact" : _c, label = props.label, _d = props.i18n, i18n = _d === void 0 ? "en" : _d, description = props.description, placeholder = props.placeholder, separator = props.separator, startFrom = props.startFrom, _e = props.displayFormat, displayFormat = _e === void 0 ? "DD.MM.YYYY" : _e, _f = props.direction, direction = _f === void 0 ? "down" : _f, minDate = props.minDate, maxDate = props.maxDate, _g = props.startWeekOn, startWeekOn = _g === void 0 ? "mon" : _g, _h = props.icon, icon = _h === void 0 ? function(isEmpty) {
@@ -5300,8 +5146,6 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
 var $725c739c30e37ced$export$2e2bcd8739ae039 = $725c739c30e37ced$var$DateRangeMenu;
 
 
-
-
 var $be69f9fa947058ae$var$__assign = undefined && undefined.__assign || function() {
     $be69f9fa947058ae$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -5347,7 +5191,6 @@ var $be69f9fa947058ae$export$2e2bcd8739ae039 = $be69f9fa947058ae$var$DateMenuFor
 
 
 
-
 var $901cc167fb8bbd92$var$base = {
     container: "",
     sr: "sr-only",
@@ -5373,8 +5216,6 @@ var $901cc167fb8bbd92$var$styles = {
 var $901cc167fb8bbd92$export$2e2bcd8739ae039 = $901cc167fb8bbd92$var$styles;
 
 
-
-
 var $e964500960620598$var$CheckboxInputGroupForm = function(props) {
     var name = props.name, form = props.form, options = props.options, values = props.values, isDisabled = props.isDisabled, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -5465,7 +5306,6 @@ var $e964500960620598$export$2e2bcd8739ae039 = $e964500960620598$var$CheckboxInp
 
 
 
-
 var $9ad148e334dfe9e5$var$base = {
     container: "relative flex items-start",
     head: "flex h-6 items-center select-none",
@@ -5486,8 +5326,6 @@ var $9ad148e334dfe9e5$var$styles = {
 var $9ad148e334dfe9e5$export$2e2bcd8739ae039 = $9ad148e334dfe9e5$var$styles;
 
 
-
-
 var $785bf8949af26aa5$var$CheckboxInputForm = function(props) {
     var name = props.name, value = props.value, title = props.title, description = props.description, isIndeterminable = props.isIndeterminable, isDisabled = props.isDisabled, checkedElement = props.checkedElement, uncheckedElement = props.uncheckedElement, indeterminableElement = props.indeterminableElement, onChange = props.onChange, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -5595,7 +5433,6 @@ var $785bf8949af26aa5$export$2e2bcd8739ae039 = $785bf8949af26aa5$var$CheckboxInp
 
 
 
-
 var $f0d9d349d6a2ba53$var$base = {
     label: "block font-medium text-gray-900 leading-6 text-sm mb-2 mr-1",
     container: "flex flex-col",
@@ -5648,8 +5485,6 @@ var $f0d9d349d6a2ba53$var$styles = {
 var $f0d9d349d6a2ba53$export$2e2bcd8739ae039 = $f0d9d349d6a2ba53$var$styles;
 
 
-
-
 var $10ded3c19afe27a9$var$Switch = function(props) {
     var name = props.name, label = props.label, description = props.description, isDisabled = props.isDisabled, _a = props.isRequired, isRequired = _a === void 0 ? false : _a, required = props.required, _b = props.isTouched, isTouched = _b === void 0 ? false : _b, error = props.error, value = props.value, stylesOverrides = props.styles, _c = props.size, size = _c === void 0 ? "md" : _c, onChange = props.onChange, iconAccessorChecked = props.iconAccessorChecked, iconAccessorUnchecked = props.iconAccessorUnchecked;
     var inputDataCy = "form-input-".concat(name);
@@ -5752,7 +5587,6 @@ var $10ded3c19afe27a9$export$2e2bcd8739ae039 = $10ded3c19afe27a9$var$Switch;
 
 
 
-
 var $43437b181b294db2$var$base = {
     container: "",
     head: "flex justify-between",
@@ -5830,8 +5664,6 @@ var $43437b181b294db2$var$styles = {
 var $43437b181b294db2$export$2e2bcd8739ae039 = $43437b181b294db2$var$styles;
 
 
-
-
 var $b1b6aa72505b2474$var$__assign = undefined && undefined.__assign || function() {
     $b1b6aa72505b2474$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -5878,6 +5710,7 @@ var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
     var _f = (0, $4MPRY$useDropzone)({
         onDrop: onDrop,
         multiple: isMulti,
+        disabled: isDisabled,
         onError: function() {
         // console.log('error');
         // setFieldError('file', t('component.form.error.multipleFiles') as string);
@@ -5935,6 +5768,7 @@ var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
                         ref: input === null || input === void 0 ? void 0 : input.ref,
                         style: input.style,
                         tabIndex: input.tabIndex,
+                        disabled: isDisabled,
                         type: input.type,
                         onBlur: onBlur
                     })
@@ -6264,7 +6098,6 @@ var $99ef0e378c886c3a$export$2e2bcd8739ae039 = $99ef0e378c886c3a$var$styles;
 
 
 
-
 var $2109d011c77499b4$var$base = {
     container: "",
     head: "flex justify-between",
@@ -6342,8 +6175,6 @@ var $2109d011c77499b4$var$styles = {
 var $2109d011c77499b4$export$2e2bcd8739ae039 = $2109d011c77499b4$var$styles;
 
 
-
-
 var $39e9223269e270c7$var$OpeningsHourInputGroupForm = function(props) {
     var form = props.form, _a = props.name, name = _a === void 0 ? "opening-hours-input" : _a, label = props.label, description = props.description, required = props.required, value = props.value, error = props.error, lang = props.lang, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, onChange = props.onChange, stylesOverrides = props.styles, handleDelete = props.handleDelete;
     var isValid = error === undefined;
@@ -6458,7 +6289,6 @@ var $39e9223269e270c7$export$2e2bcd8739ae039 = $39e9223269e270c7$var$OpeningsHou
 
 
 
-
 var $0ef1dab9988818f3$var$base = {
     container: "",
     head: "flex justify-between",
@@ -6541,8 +6371,6 @@ var $0ef1dab9988818f3$var$styles = {
 var $0ef1dab9988818f3$export$2e2bcd8739ae039 = $0ef1dab9988818f3$var$styles;
 
 
-
-
 var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
     var _a, _b, _c;
     var _d = props.name, name = _d === void 0 ? "address-input" : _d, label = props.label, description = props.description, placeholder = props.placeholder, required = props.required, value = props.value, error = props.error, _e = props.type, type = _e === void 0 ? "normal" : _e, isDisabled = props.isDisabled, _f = props.isRequired, isRequired = _f === void 0 ? false : _f, _g = props.isTouched, isTouched = _g === void 0 ? false : _g, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, stylesOverrides = props.styles;