@ballistix.digital/react-components 4.7.0 → 4.8.0

package/dist/index.js

@@ -125,13 +125,8 @@ var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
 };
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/avatars
-
-*/ 
 var $f0fe9ee023657b4a$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",
@@ -226,8 +221,6 @@ var $f0fe9ee023657b4a$var$styles = {
 var $f0fe9ee023657b4a$export$2e2bcd8739ae039 = $f0fe9ee023657b4a$var$styles;
 
 
-
-
 var $9d49a8de81454cb0$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() {
@@ -387,11 +380,6 @@ var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/feedback/alerts
-
-*/ 
 var $fbfda6b39c475fe4$var$base = {
     container: "rounded-sm p-4 border-l-4",
     icon: "h-5 w-5",
@@ -461,8 +449,6 @@ var $fbfda6b39c475fe4$var$styles = {
 var $fbfda6b39c475fe4$export$2e2bcd8739ae039 = $fbfda6b39c475fe4$var$styles;
 
 
-
-
 var $29a51bd84954e590$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, $iA2ta$lodash.noop) : _b, _c = props.onCollapse, onCollapse = _c === void 0 ? (0, $iA2ta$lodash.noop) : _c, _d = props.isCollapsible, isCollapsible = _d === void 0 ? false : _d, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
     var _e = (0, $iA2ta$react.useState)(false), isCollapsed = _e[0], setIsCollapsed = _e[1];
@@ -556,11 +542,6 @@ var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$BadgeElemen
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/badges
-
-*/ 
 var $ede6d6a597d91170$var$base = {
     container: "inline-flex items-center font-medium py-0.5",
     indicator: "",
@@ -670,8 +651,6 @@ var $ede6d6a597d91170$var$styles = {
 var $ede6d6a597d91170$export$2e2bcd8739ae039 = $ede6d6a597d91170$var$styles;
 
 
-
-
 var $0b842d364fa010cf$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() {
@@ -747,7 +726,6 @@ var $0b842d364fa010cf$export$2e2bcd8739ae039 = $0b842d364fa010cf$var$BadgeElemen
 
 
 
-
 var $01e7f39f7556f2cb$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",
@@ -763,8 +741,6 @@ var $01e7f39f7556f2cb$var$styles = {
 var $01e7f39f7556f2cb$export$2e2bcd8739ae039 = $01e7f39f7556f2cb$var$styles;
 
 
-
-
 var $1c4aa673c4ad6947$var$__assign = undefined && undefined.__assign || function() {
     $1c4aa673c4ad6947$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -862,11 +838,6 @@ var $1c4aa673c4ad6947$export$2e2bcd8739ae039 = $1c4aa673c4ad6947$var$TooltipElem
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/buttons
-
-*/ 
 var $49bae43ec3aceb33$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",
@@ -940,8 +911,6 @@ var $49bae43ec3aceb33$var$styles = {
 var $49bae43ec3aceb33$export$2e2bcd8739ae039 = $49bae43ec3aceb33$var$styles;
 
 
-
-
 var $98b8616b6ef0f950$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() {
@@ -1015,11 +984,6 @@ var $98b8616b6ef0f950$export$2e2bcd8739ae039 = $98b8616b6ef0f950$var$ButtonEleme
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/list-containers
-
-*/ 
 var $272b7895642d0ad9$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",
@@ -1032,8 +996,6 @@ var $272b7895642d0ad9$var$styles = {
 var $272b7895642d0ad9$export$2e2bcd8739ae039 = $272b7895642d0ad9$var$styles;
 
 
-
-
 var $49256f91bd9e1c3f$var$ButtonGroupElement = function(props) {
     var children = props.children, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1070,11 +1032,6 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/elements/badges
-
-*/ 
 var $87a4b9b6cee76290$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",
@@ -1108,8 +1065,6 @@ var $87a4b9b6cee76290$var$styles = {
 var $87a4b9b6cee76290$export$2e2bcd8739ae039 = $87a4b9b6cee76290$var$styles;
 
 
-
-
 var $6f7275eb03c2b93c$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() {
@@ -1191,11 +1146,6 @@ var $6f7275eb03c2b93c$export$2e2bcd8739ae039 = $6f7275eb03c2b93c$var$DropdownEle
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/forms/input-groups
-
-*/ 
 var $143cee146891bafc$var$base = {
     container: "",
     head: "flex justify-between",
@@ -1273,8 +1223,6 @@ var $143cee146891bafc$var$styles = {
 var $143cee146891bafc$export$2e2bcd8739ae039 = $143cee146891bafc$var$styles;
 
 
-
-
 var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
     var _a;
     var _b;
@@ -1431,11 +1379,6 @@ var $75cfef1d7ff66e89$export$2e2bcd8739ae039 = $75cfef1d7ff66e89$var$InputGroupF
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/containers
-
-*/ 
 var $c9e0a0a05d2ce9ee$var$base = {
     container: "",
     content: ""
@@ -1459,8 +1402,6 @@ var $c9e0a0a05d2ce9ee$var$styles = {
 var $c9e0a0a05d2ce9ee$export$2e2bcd8739ae039 = $c9e0a0a05d2ce9ee$var$styles;
 
 
-
-
 var $f73096bc2c28d1e8$var$ContainerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "break" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1510,11 +1451,6 @@ var $f73096bc2c28d1e8$export$2e2bcd8739ae039 = $f73096bc2c28d1e8$var$ContainerLa
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/dividers
-
-*/ 
 var $5dd768c1d203eea7$var$base = {
     container: "relative",
     head: "absolute inset-0 flex items-center",
@@ -1540,8 +1476,6 @@ var $5dd768c1d203eea7$var$styles = {
 var $5dd768c1d203eea7$export$2e2bcd8739ae039 = $5dd768c1d203eea7$var$styles;
 
 
-
-
 var $b249780162e56cf8$var$DividerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "left" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1582,11 +1516,6 @@ var $b249780162e56cf8$export$2e2bcd8739ae039 = $b249780162e56cf8$var$DividerLayo
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/list-containers
-
-*/ 
 var $242521b935f4e17d$var$base = {
     container: "",
     list: "",
@@ -1630,8 +1559,6 @@ var $242521b935f4e17d$var$styles = {
 var $242521b935f4e17d$export$2e2bcd8739ae039 = $242521b935f4e17d$var$styles;
 
 
-
-
 var $5c01bea99698c727$var$ListContainerLayout = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "fill" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1666,11 +1593,6 @@ var $5c01bea99698c727$export$2e2bcd8739ae039 = $5c01bea99698c727$var$ListContain
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/media-objects
-
-*/ 
 var $fa6d1f2002246baa$var$base = {
     container: "",
     figure: "mr-4 flex-shrink-0",
@@ -1744,8 +1666,6 @@ var $fa6d1f2002246baa$var$styles = {
 var $fa6d1f2002246baa$export$2e2bcd8739ae039 = $fa6d1f2002246baa$var$styles;
 
 
-
-
 var $a4946e7e5628bd1a$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() {
@@ -1808,11 +1728,6 @@ var $a4946e7e5628bd1a$export$2e2bcd8739ae039 = $a4946e7e5628bd1a$var$MediaObject
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/layout/panels
-
-*/ 
 var $8a2788b89df96594$var$base = {
     container: "bg-white overflow-hidden shadow",
     section: "px-4 py-5 sm:px-6"
@@ -1831,8 +1746,6 @@ var $8a2788b89df96594$var$styles = {
 var $8a2788b89df96594$export$2e2bcd8739ae039 = $8a2788b89df96594$var$styles;
 
 
-
-
 var $5fc27622f59b2b84$var$Container = function(props) {
     var children = props.children, _a = props.type, type = _a === void 0 ? "normal" : _a, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
@@ -1898,6 +1811,97 @@ https://www.npmjs.com/package/react-tailwindcss-select
 
 
 
+var $f32ee84b87891376$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 $f32ee84b87891376$var$leading = {
+    input: "pl-10"
+};
+var $f32ee84b87891376$var$trailing = {};
+var $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$var$styles = {
+    base: $f32ee84b87891376$var$base,
+    leading: $f32ee84b87891376$var$leading,
+    trailing: $f32ee84b87891376$var$trailing,
+    normal: $f32ee84b87891376$var$normal,
+    inset: $f32ee84b87891376$var$inset,
+    overlapping: $f32ee84b87891376$var$overlapping,
+    pill: $f32ee84b87891376$var$pill,
+    floored: $f32ee84b87891376$var$floored,
+    invalid: $f32ee84b87891376$var$invalid,
+    disabled: $f32ee84b87891376$var$disabled
+};
+var $f32ee84b87891376$export$2e2bcd8739ae039 = $f32ee84b87891376$var$styles;
+
 
 var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
     var _a;
@@ -2034,102 +2038,39 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
 var $f3fccf014e1f10d5$export$2e2bcd8739ae039 = $f3fccf014e1f10d5$var$SelectMenuForm;
 
 
-var $f32ee84b87891376$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 $f32ee84b87891376$var$leading = {
-    input: "pl-10"
-};
-var $f32ee84b87891376$var$trailing = {};
-var $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$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 $f32ee84b87891376$var$styles = {
-    base: $f32ee84b87891376$var$base,
-    leading: $f32ee84b87891376$var$leading,
-    trailing: $f32ee84b87891376$var$trailing,
-    normal: $f32ee84b87891376$var$normal,
-    inset: $f32ee84b87891376$var$inset,
-    overlapping: $f32ee84b87891376$var$overlapping,
-    pill: $f32ee84b87891376$var$pill,
-    floored: $f32ee84b87891376$var$floored,
-    invalid: $f32ee84b87891376$var$invalid,
-    disabled: $f32ee84b87891376$var$disabled
-};
-var $f32ee84b87891376$export$2e2bcd8739ae039 = $f32ee84b87891376$var$styles;
 
 
 
 
 
 
+var $29e64a7359c8fd48$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 $29e64a7359c8fd48$var$styles = {
+    base: $29e64a7359c8fd48$var$base
+};
+var $29e64a7359c8fd48$export$2e2bcd8739ae039 = $29e64a7359c8fd48$var$styles;
 
 
 var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
@@ -2504,34 +2445,6 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
 var $95221514662ef6ef$export$2e2bcd8739ae039 = $95221514662ef6ef$var$PanelPaginationNavigation;
 
 
-var $29e64a7359c8fd48$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 $29e64a7359c8fd48$var$styles = {
-    base: $29e64a7359c8fd48$var$base
-};
-var $29e64a7359c8fd48$export$2e2bcd8739ae039 = $29e64a7359c8fd48$var$styles;
-
 
 
 
@@ -2652,11 +2565,6 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
 };
 
 
-/*
-
-https://tailwindui.com/components/application-ui/lists/tables
-
-*/ 
 var $77914cd9d098713a$var$base = {
     container: "px-4 sm:px-6 lg:px-8",
     head: {
@@ -2781,8 +2689,6 @@ var $77914cd9d098713a$var$styles = {
 var $77914cd9d098713a$export$2e2bcd8739ae039 = $77914cd9d098713a$var$styles;
 
 
-
-
 var $0c769a920d1734cb$var$__assign = undefined && undefined.__assign || function() {
     $0c769a920d1734cb$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -3140,7 +3046,6 @@ var $9ed0b3989f82e70a$var$isValidState = function(state) {
 
 
 
-
 var $ad4435d9ab2ba956$var$base = {
     container: "",
     head: "",
@@ -3149,10 +3054,12 @@ var $ad4435d9ab2ba956$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"
@@ -3214,8 +3121,6 @@ var $ad4435d9ab2ba956$var$styles = {
 var $ad4435d9ab2ba956$export$2e2bcd8739ae039 = $ad4435d9ab2ba956$var$styles;
 
 
-
-
 var $51d5596368acf759$var$__assign = undefined && undefined.__assign || function() {
     $51d5596368acf759$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -3527,17 +3432,17 @@ var $51d5596368acf759$var$TableList2 = function(props) {
                 children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
                     className: styles.body.wrapper,
                     children: (0, $iA2ta$reactjsxruntime.jsxs)("div", {
-                        className: styles.body.styleWrapper,
+                        className: leftSide ? styles.body.styleWrapperWithLeftSide : styles.body.styleWrapper,
                         children: [
                             leftSide && (0, $iA2ta$reactjsxruntime.jsx)("div", {
                                 className: styles.leftSide,
                                 children: leftSide(state)
                             }),
                             (0, $iA2ta$reactjsxruntime.jsxs)("div", {
-                                className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.tableWrapper, leftSide && styles.body.tableWrapperWithLeftSide),
+                                className: (0, $622cd2936b18c771$export$4370d69198e9314a)(leftSide ? styles.body.tableWrapperWithLeftSide : styles.body.tableWrapper),
                                 children: [
                                     (0, $iA2ta$reactjsxruntime.jsxs)("table", {
-                                        className: styles.body.table.container,
+                                        className: (0, $622cd2936b18c771$export$4370d69198e9314a)(leftSide ? styles.body.table.container : styles.body.table.container),
                                         children: [
                                             (0, $iA2ta$reactjsxruntime.jsx)("thead", {
                                                 className: styles.body.table.head.container,
@@ -3675,11 +3580,6 @@ var $def42fb278b4e54a$export$4b44a5cb9651fe5e = function() {
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/breadcrumbs
-
-*/ 
 var $85a1f6cb909619f6$var$base = {
     container: "flex",
     list: "flex",
@@ -3775,8 +3675,6 @@ var $85a1f6cb909619f6$var$styles = {
 var $85a1f6cb909619f6$export$2e2bcd8739ae039 = $85a1f6cb909619f6$var$styles;
 
 
-
-
 var $4bddd13da73d7e01$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() {
@@ -3907,11 +3805,6 @@ var $4bddd13da73d7e01$export$2e2bcd8739ae039 = $4bddd13da73d7e01$var$Breadcrumbs
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/pagination
-
-*/ 
 var $ae20bcd928aaa8fa$var$base = {
     container: "flex items-center justify-between border-t border-gray-200 px-4 sm:px-0",
     left: {
@@ -3940,8 +3833,6 @@ var $ae20bcd928aaa8fa$var$styles = {
 var $ae20bcd928aaa8fa$export$2e2bcd8739ae039 = $ae20bcd928aaa8fa$var$styles;
 
 
-
-
 var $4439474512e19952$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, $iA2ta$react.useState)(2), current = _c[0], setCurrent = _c[1];
@@ -4184,12 +4075,7 @@ var $4439474512e19952$export$2e2bcd8739ae039 = $4439474512e19952$var$PagePaginat
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/tabs
-
-*/ 
-var $9420756208be2d43$var$base = {
+var $9420756208be2d43$var$defaultStyles = {
     container: "",
     list: {
         container: "",
@@ -4227,7 +4113,7 @@ var $9420756208be2d43$var$buttons = {
     }
 };
 var $9420756208be2d43$var$styles = {
-    base: $9420756208be2d43$var$base,
+    base: $9420756208be2d43$var$defaultStyles,
     underline: $9420756208be2d43$var$underline,
     pills: $9420756208be2d43$var$pills,
     buttons: $9420756208be2d43$var$buttons
@@ -4235,8 +4121,6 @@ var $9420756208be2d43$var$styles = {
 var $9420756208be2d43$export$2e2bcd8739ae039 = $9420756208be2d43$var$styles;
 
 
-
-
 var $06795e94e474e27d$var$__assign = undefined && undefined.__assign || function() {
     $06795e94e474e27d$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -4396,11 +4280,6 @@ var $06795e94e474e27d$export$2e2bcd8739ae039 = $06795e94e474e27d$var$TabNavigati
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/navigation/tabs
-
-*/ 
 var $8400c10f9257b8d7$var$styles = {
     container: "",
     list: "space-y-1",
@@ -4413,8 +4292,6 @@ var $8400c10f9257b8d7$var$styles = {
 var $8400c10f9257b8d7$export$2e2bcd8739ae039 = $8400c10f9257b8d7$var$styles;
 
 
-
-
 var $0c375068531e97ec$var$Container = function(props) {
     var children = props.children, stylesOverrides = props.styles;
     var _a = (0, $iA2ta$react.useState)(""), active = _a[0], setActive = _a[1];
@@ -4478,11 +4355,6 @@ var $0c375068531e97ec$export$2e2bcd8739ae039 = $0c375068531e97ec$var$VerticalNav
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $58654b0ec0449aca$var$base = {
     container: "relative z-20",
     background: {
@@ -4548,8 +4420,6 @@ var $58654b0ec0449aca$var$styles = {
 var $58654b0ec0449aca$export$2e2bcd8739ae039 = $58654b0ec0449aca$var$styles;
 
 
-
-
 var $4d17f0429978b255$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, $iA2ta$react.useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
@@ -4643,11 +4513,6 @@ var $4d17f0429978b255$export$2e2bcd8739ae039 = $4d17f0429978b255$var$ModalOverla
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $a1e7d7fbedad6718$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",
@@ -4719,8 +4584,6 @@ var $a1e7d7fbedad6718$var$styles = {
 var $a1e7d7fbedad6718$export$2e2bcd8739ae039 = $a1e7d7fbedad6718$var$styles;
 
 
-
-
 var $3ee7d58696c55c1b$var$NotificationOverlayContainer = function(_a) {
     var children = _a.children, stylesOverrides = _a.styles;
     var handleGenerateStyle = function() {
@@ -4797,11 +4660,6 @@ var $3ee7d58696c55c1b$export$2e2bcd8739ae039 = $3ee7d58696c55c1b$var$Notificatio
 
 
 
-/*
-
-https://tailwindui.com/components/application-ui/overlays/modals
-
-*/ 
 var $26db7adab9cc8c97$var$base = {
     container: "relative z-20",
     background: {
@@ -4868,8 +4726,6 @@ var $26db7adab9cc8c97$var$styles = {
 var $26db7adab9cc8c97$export$2e2bcd8739ae039 = $26db7adab9cc8c97$var$styles;
 
 
-
-
 var $fdd18762b429d9b0$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, $iA2ta$react.useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
@@ -4956,7 +4812,6 @@ var $fdd18762b429d9b0$export$2e2bcd8739ae039 = $fdd18762b429d9b0$var$SlideOverOv
 
 
 
-
 var $7386fd6bc782c888$var$styles = {
     controls: {
         container: "flex-row justify-between z-10 relative mb-4 gap-2 hidden",
@@ -4979,8 +4834,6 @@ var $7386fd6bc782c888$var$styles = {
 var $7386fd6bc782c888$export$2e2bcd8739ae039 = $7386fd6bc782c888$var$styles;
 
 
-
-
 var $4bd12ae33d8a86aa$var$TableColumnOptionsCustom = function(props) {
     var _a;
     var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, stylesOverrides = props.styles, resetConfig = props.resetConfig;
@@ -5102,12 +4955,14 @@ var $48dedbf2c7043ee6$export$2e2bcd8739ae039 = $48dedbf2c7043ee6$var$TableExcelE
 
 
 
-/*
 
-https://github.com/onesine/react-tailwindcss-datepicker
 
 
-*/ 
+
+
+
+
+
 var $0547d97d2fb75839$var$base = {
     container: "",
     head: "flex justify-between",
@@ -5185,15 +5040,6 @@ var $0547d97d2fb75839$var$styles = {
 var $0547d97d2fb75839$export$2e2bcd8739ae039 = $0547d97d2fb75839$var$styles;
 
 
-
-
-
-
-
-
-
-
-
 var $6590abe4bc5376d5$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) {
@@ -5347,8 +5193,6 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
 var $6590abe4bc5376d5$export$2e2bcd8739ae039 = $6590abe4bc5376d5$var$DateRangeMenu;
 
 
-
-
 var $754fdbc7ee597008$var$__assign = undefined && undefined.__assign || function() {
     $754fdbc7ee597008$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -5394,7 +5238,6 @@ var $754fdbc7ee597008$export$2e2bcd8739ae039 = $754fdbc7ee597008$var$DateMenuFor
 
 
 
-
 var $cfe896cfd0088e03$var$base = {
     container: "",
     sr: "sr-only",
@@ -5420,8 +5263,6 @@ var $cfe896cfd0088e03$var$styles = {
 var $cfe896cfd0088e03$export$2e2bcd8739ae039 = $cfe896cfd0088e03$var$styles;
 
 
-
-
 var $03635ab4c6dbf412$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() {
@@ -5512,7 +5353,6 @@ var $03635ab4c6dbf412$export$2e2bcd8739ae039 = $03635ab4c6dbf412$var$CheckboxInp
 
 
 
-
 var $5ea6f468291aa318$var$base = {
     container: "relative flex items-start",
     head: "flex h-6 items-center select-none",
@@ -5533,8 +5373,6 @@ var $5ea6f468291aa318$var$styles = {
 var $5ea6f468291aa318$export$2e2bcd8739ae039 = $5ea6f468291aa318$var$styles;
 
 
-
-
 var $831573d0f77f2d6b$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() {
@@ -5642,7 +5480,6 @@ var $831573d0f77f2d6b$export$2e2bcd8739ae039 = $831573d0f77f2d6b$var$CheckboxInp
 
 
 
-
 var $7343b5b4243d5cba$var$base = {
     label: "block font-medium text-gray-900 leading-6 text-sm mb-2 mr-1",
     container: "flex flex-col",
@@ -5695,8 +5532,6 @@ var $7343b5b4243d5cba$var$styles = {
 var $7343b5b4243d5cba$export$2e2bcd8739ae039 = $7343b5b4243d5cba$var$styles;
 
 
-
-
 var $341e1fbf5ffaef7b$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);
@@ -5799,7 +5634,6 @@ var $341e1fbf5ffaef7b$export$2e2bcd8739ae039 = $341e1fbf5ffaef7b$var$Switch;
 
 
 
-
 var $8d406a8542925512$var$base = {
     container: "",
     head: "flex justify-between",
@@ -5877,8 +5711,6 @@ var $8d406a8542925512$var$styles = {
 var $8d406a8542925512$export$2e2bcd8739ae039 = $8d406a8542925512$var$styles;
 
 
-
-
 var $079d45c48b1515dd$var$__assign = undefined && undefined.__assign || function() {
     $079d45c48b1515dd$var$__assign = Object.assign || function(t) {
         for(var s, i = 1, n = arguments.length; i < n; i++){
@@ -5925,6 +5757,7 @@ var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
     var _f = (0, $iA2ta$reactdropzone.useDropzone)({
         onDrop: onDrop,
         multiple: isMulti,
+        disabled: isDisabled,
         onError: function() {
         // console.log('error');
         // setFieldError('file', t('component.form.error.multipleFiles') as string);
@@ -5982,6 +5815,7 @@ var $079d45c48b1515dd$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
                     })
@@ -6311,7 +6145,6 @@ var $a14a274e5b9e799a$export$2e2bcd8739ae039 = $a14a274e5b9e799a$var$styles;
 
 
 
-
 var $3698b0b0dc32c78c$var$base = {
     container: "",
     head: "flex justify-between",
@@ -6389,8 +6222,6 @@ var $3698b0b0dc32c78c$var$styles = {
 var $3698b0b0dc32c78c$export$2e2bcd8739ae039 = $3698b0b0dc32c78c$var$styles;
 
 
-
-
 var $9f6cfd21b337aca9$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;
@@ -6505,7 +6336,6 @@ var $9f6cfd21b337aca9$export$2e2bcd8739ae039 = $9f6cfd21b337aca9$var$OpeningsHou
 
 
 
-
 var $03b368478cf695f0$var$base = {
     container: "",
     head: "flex justify-between",
@@ -6588,8 +6418,6 @@ var $03b368478cf695f0$var$styles = {
 var $03b368478cf695f0$export$2e2bcd8739ae039 = $03b368478cf695f0$var$styles;
 
 
-
-
 var $7fcfa1d90c4a7e45$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;