@ballistix.digital/react-components 6.0.3 → 6.0.5-rc-47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {jsx as $4MPRY$jsx, jsxs as $4MPRY$jsxs, Fragment as $4MPRY$Fragment} from "react/jsx-runtime";
2
2
  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";
3
3
  import {set as $4MPRY$set, get as $4MPRY$get, isArray as $4MPRY$isArray, map as $4MPRY$map, padStart as $4MPRY$padStart, 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, concat as $4MPRY$concat, times as $4MPRY$times, pick as $4MPRY$pick, isNil as $4MPRY$isNil, intersection as $4MPRY$intersection, trim as $4MPRY$trim, lastIndexOf as $4MPRY$lastIndexOf} from "lodash";
4
- import $4MPRY$react, {useState as $4MPRY$useState, useMemo as $4MPRY$useMemo, useRef as $4MPRY$useRef, Children as $4MPRY$Children, Fragment as $4MPRY$Fragment1, useEffect as $4MPRY$useEffect, useCallback as $4MPRY$useCallback} from "react";
4
+ 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";
5
5
  import $4MPRY$lodashget from "lodash/get";
6
6
  import {library as $4MPRY$library} from "@fortawesome/fontawesome-svg-core";
7
7
  import {fab as $4MPRY$fab} from "@fortawesome/free-brands-svg-icons";
@@ -14,7 +14,7 @@ import {useFloating as $4MPRY$useFloating, offset as $4MPRY$offset, flip as $4MP
14
14
  import {Menu as $4MPRY$Menu, MenuButton as $4MPRY$MenuButton, Transition as $4MPRY$Transition, MenuItems as $4MPRY$MenuItems, Dialog as $4MPRY$Dialog, Popover as $4MPRY$Popover, PopoverButton as $4MPRY$PopoverButton, PopoverPanel as $4MPRY$PopoverPanel, Switch as $4MPRY$Switch} from "@headlessui/react";
15
15
  import {useMask as $4MPRY$useMask} from "@react-input/mask";
16
16
  import {ViewColumnsIcon as $4MPRY$ViewColumnsIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon1, TableCellsIcon as $4MPRY$TableCellsIcon, XMarkIcon as $4MPRY$XMarkIcon, PlusIcon as $4MPRY$PlusIcon} from "@heroicons/react/24/outline";
17
- import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
17
+ import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, getExpandedRowModel as $4MPRY$getExpandedRowModel, getGroupedRowModel as $4MPRY$getGroupedRowModel, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
18
18
  import $4MPRY$reacttailwindcssselect from "react-tailwindcss-select";
19
19
  import {utils as $4MPRY$utils, writeFile as $4MPRY$writeFile} from "xlsx";
20
20
  import {useSensors as $4MPRY$useSensors, useSensor as $4MPRY$useSensor, MouseSensor as $4MPRY$MouseSensor, TouchSensor as $4MPRY$TouchSensor, KeyboardSensor as $4MPRY$KeyboardSensor, DndContext as $4MPRY$DndContext, closestCenter as $4MPRY$closestCenter} from "@dnd-kit/core";
@@ -149,7 +149,7 @@ var $b3fc44f26b625a32$export$e2d2075c69d9100d = function(object) {
149
149
 
150
150
  var $8c8429f872d72c06$var$base = {
151
151
  loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
152
- spinner: 'w-5 h-5 animate-spin text-gray-400',
152
+ spinner: 'animate-spin text-gray-400',
153
153
  empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
154
154
  placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
155
155
  container: 'inline-block bg-gray-100 bg-cover bg-center',
@@ -157,7 +157,7 @@ var $8c8429f872d72c06$var$base = {
157
157
  };
158
158
  var $8c8429f872d72c06$var$xs = {
159
159
  loading: 'h-6 w-6',
160
- spinner: 'h-6 w-6',
160
+ spinner: 'h-3 w-3 ',
161
161
  empty: 'h-6 w-6',
162
162
  placeholder: 'h-6 w-6',
163
163
  container: 'h-6 w-6',
@@ -165,7 +165,7 @@ var $8c8429f872d72c06$var$xs = {
165
165
  };
166
166
  var $8c8429f872d72c06$var$sm = {
167
167
  loading: 'h-8 w-8',
168
- spinner: 'h-8 w-8',
168
+ spinner: 'h-5 w-5',
169
169
  empty: 'h-8 w-8',
170
170
  placeholder: 'h-8 w-8',
171
171
  container: 'h-8 w-8',
@@ -173,7 +173,7 @@ var $8c8429f872d72c06$var$sm = {
173
173
  };
174
174
  var $8c8429f872d72c06$var$md = {
175
175
  loading: 'h-10 w-10',
176
- spinner: 'h-10 w-10',
176
+ spinner: 'h-7 w-7',
177
177
  empty: 'h-10 w-10',
178
178
  placeholder: 'h-10 w-10',
179
179
  container: 'h-10 w-10',
@@ -181,7 +181,7 @@ var $8c8429f872d72c06$var$md = {
181
181
  };
182
182
  var $8c8429f872d72c06$var$lg = {
183
183
  loading: 'h-12 w-12',
184
- spinner: 'h-12 w-12',
184
+ spinner: 'h-8 w-8',
185
185
  empty: 'h-12 w-12',
186
186
  placeholder: 'h-12 w-12',
187
187
  container: 'h-12 w-12',
@@ -189,7 +189,7 @@ var $8c8429f872d72c06$var$lg = {
189
189
  };
190
190
  var $8c8429f872d72c06$var$xl = {
191
191
  loading: 'h-14 w-14',
192
- spinner: 'h-14 w-14',
192
+ spinner: 'h-10 w-10',
193
193
  empty: 'h-14 w-14',
194
194
  placeholder: 'h-14 w-14',
195
195
  container: 'h-14 w-14',
@@ -403,15 +403,15 @@ var $77cd4416ca4a0639$export$2e2bcd8739ae039 = $77cd4416ca4a0639$var$IconElement
403
403
 
404
404
 
405
405
  var $a8e9e4c588ab42de$var$base = {
406
- container: 'rounded-sm p-4 border-l-4',
406
+ container: 'rounded-xs p-4 border-l-4',
407
407
  icon: 'h-5 w-5',
408
408
  content: {
409
409
  container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
410
- iconContainer: 'flex-shrink-0',
410
+ iconContainer: 'shrink-0',
411
411
  title: 'text-md font-semibold',
412
412
  message: 'text-sm',
413
413
  actions: 'flex gap-2',
414
- action: 'h-5 w-5 !p-0 hover:opacity-60 cursor-pointer',
414
+ action: 'h-5 w-5 p-0! hover:opacity-60 cursor-pointer',
415
415
  inverted: 'rotate-180'
416
416
  }
417
417
  };
@@ -567,7 +567,7 @@ var $9a29d5e0e3b54abe$export$2e2bcd8739ae039 = $9a29d5e0e3b54abe$var$AlertElemen
567
567
  var $0b2d04c7befe535a$var$base = {
568
568
  container: 'inline-flex items-center font-medium py-0.5',
569
569
  indicator: '',
570
- button: 'flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-none'
570
+ button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden'
571
571
  };
572
572
  var $0b2d04c7befe535a$var$normal = {
573
573
  container: 'px-2.5'
@@ -579,7 +579,7 @@ var $0b2d04c7befe535a$var$close = {
579
579
  container: 'pl-2.5 pr-1'
580
580
  };
581
581
  var $0b2d04c7befe535a$var$primary = {
582
- container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
582
+ container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
583
583
  };
584
584
  var $0b2d04c7befe535a$var$secondary = {
585
585
  container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
@@ -629,7 +629,7 @@ var $0b2d04c7befe535a$var$blue = {
629
629
  var $0b2d04c7befe535a$var$indigo = {
630
630
  container: 'bg-primary-100 text-primary-800',
631
631
  indicator: 'text-primary-400',
632
- button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-none focus:bg-primary-500'
632
+ button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-hidden focus:bg-primary-500'
633
633
  };
634
634
  var $0b2d04c7befe535a$var$purple = {
635
635
  container: 'bg-purple-100 text-purple-800',
@@ -750,7 +750,7 @@ var $a5045567c9b3a96e$export$2e2bcd8739ae039 = $a5045567c9b3a96e$var$BadgeElemen
750
750
 
751
751
  var $1cab1d6bde3e8d5f$var$base = {
752
752
  container: 'w-fit h-fit relative group/tooltip',
753
- 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',
753
+ 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-xs',
754
754
  arrow: {
755
755
  stroke: '#e5e7eb',
756
756
  fill: 'white',
@@ -861,13 +861,13 @@ var $b237e6d2d86a5c92$export$2e2bcd8739ae039 = $b237e6d2d86a5c92$var$TooltipElem
861
861
 
862
862
 
863
863
  var $67205466403f8c2c$var$base = {
864
- 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',
864
+ container: 'inline-flex items-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 duration-300',
865
865
  content: 'flex gap-2',
866
866
  icon: '',
867
867
  spinner: 'animate-spin'
868
868
  };
869
869
  var $67205466403f8c2c$var$primary = {
870
- container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
870
+ container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
871
871
  };
872
872
  var $67205466403f8c2c$var$secondary = {
873
873
  container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
@@ -902,15 +902,15 @@ var $67205466403f8c2c$var$loading = {
902
902
  content: 'flex items-center'
903
903
  };
904
904
  var $67205466403f8c2c$var$success = {
905
- container: '!bg-emerald-500 hover:bg-emerald-600 !text-white duration-300',
905
+ container: 'bg-emerald-500! hover:bg-emerald-600 text-white! duration-300',
906
906
  content: 'flex items-center'
907
907
  };
908
908
  var $67205466403f8c2c$var$error = {
909
- container: 'bg-rose-400 hover:bg-rose-500 !text-white duration-300',
909
+ container: 'bg-rose-400 hover:bg-rose-500 text-white! duration-300',
910
910
  content: 'flex items-center'
911
911
  };
912
912
  var $67205466403f8c2c$var$disabled = {
913
- container: '!opacity-20 !cursor-not-allowed'
913
+ container: 'opacity-20! cursor-not-allowed!'
914
914
  };
915
915
  var $67205466403f8c2c$var$styles = {
916
916
  base: $67205466403f8c2c$var$base,
@@ -1007,10 +1007,10 @@ var $bc407adcad543f74$export$2e2bcd8739ae039 = $bc407adcad543f74$var$ButtonEleme
1007
1007
 
1008
1008
 
1009
1009
  var $0d9883a5deceb7f9$var$base = {
1010
- container: 'relative z-0 inline-flex shadow-sm rounded-md',
1011
- 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',
1012
- button: '-ml-px relative inline-flex items-center px-4 py-2 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',
1013
- lastButton: '-ml-px relative inline-flex items-center px-4 py-2 rounded-r-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'
1010
+ container: 'relative z-0 inline-flex shadow-xs rounded-md',
1011
+ 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-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
1012
+ button: '-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
1013
+ lastButton: '-ml-px relative inline-flex items-center px-4 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500'
1014
1014
  };
1015
1015
  var $0d9883a5deceb7f9$var$styles = {
1016
1016
  base: $0d9883a5deceb7f9$var$base
@@ -1056,10 +1056,10 @@ var $c827cec2b56530a4$export$2e2bcd8739ae039 = $c827cec2b56530a4$var$ButtonGroup
1056
1056
 
1057
1057
  var $dbe7e68c049007c5$var$base = {
1058
1058
  container: 'inline-block text-left',
1059
- 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',
1060
- compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
1059
+ button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
1060
+ compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
1061
1061
  dots: 'h-7 w-7 p-1',
1062
- items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none'
1062
+ items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black/5 divide-y divide-gray-100 focus:outline-hidden'
1063
1063
  };
1064
1064
  var $dbe7e68c049007c5$var$button = {};
1065
1065
  var $dbe7e68c049007c5$var$compact = {};
@@ -1075,6 +1075,10 @@ var $dbe7e68c049007c5$var$topLeft = {
1075
1075
  var $dbe7e68c049007c5$var$topRight = {
1076
1076
  items: 'origin-bottom-left left-0 bottom-0'
1077
1077
  };
1078
+ var $dbe7e68c049007c5$var$disabled = {
1079
+ button: 'opacity-50 cursor-not-allowed',
1080
+ compact: 'opacity-50 cursor-not-allowed'
1081
+ };
1078
1082
  var $dbe7e68c049007c5$var$styles = {
1079
1083
  base: $dbe7e68c049007c5$var$base,
1080
1084
  button: $dbe7e68c049007c5$var$button,
@@ -1082,18 +1086,19 @@ var $dbe7e68c049007c5$var$styles = {
1082
1086
  'bottom-left': $dbe7e68c049007c5$var$bottomLeft,
1083
1087
  'bottom-right': $dbe7e68c049007c5$var$bottomRight,
1084
1088
  'top-left': $dbe7e68c049007c5$var$topLeft,
1085
- 'top-right': $dbe7e68c049007c5$var$topRight
1089
+ 'top-right': $dbe7e68c049007c5$var$topRight,
1090
+ disabled: $dbe7e68c049007c5$var$disabled
1086
1091
  };
1087
1092
  var $dbe7e68c049007c5$export$2e2bcd8739ae039 = $dbe7e68c049007c5$var$styles;
1088
1093
 
1089
1094
 
1090
1095
  var $edc4ba41affb9483$var$Container = function(props) {
1091
- 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;
1096
+ 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.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = props.isEscapingOverflow, isEscapingOverflow = _d === void 0 ? false : _d, stylesOverrides = props.styles;
1092
1097
  var handleGenerateStyle = function() {
1093
1098
  var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
1094
1099
  var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
1095
1100
  keys.forEach(function(key) {
1096
- (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base, key), type && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039)[type], key), (0, $4MPRY$get)(stylesOverrides, key)));
1101
+ (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base, key), type && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039)[type], key), isDisabled && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).disabled, key), (0, $4MPRY$get)(stylesOverrides, key)));
1097
1102
  });
1098
1103
  return result;
1099
1104
  };
@@ -1105,6 +1110,7 @@ var $edc4ba41affb9483$var$Container = function(props) {
1105
1110
  (0, $4MPRY$jsxs)("div", {
1106
1111
  children: [
1107
1112
  type === 'button' && (!trigger ? (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
1113
+ disabled: isDisabled,
1108
1114
  className: styles.button,
1109
1115
  "data-cy": dataCy,
1110
1116
  children: [
@@ -1115,10 +1121,12 @@ var $edc4ba41affb9483$var$Container = function(props) {
1115
1121
  })
1116
1122
  ]
1117
1123
  }) : (0, $4MPRY$jsx)((0, $4MPRY$MenuButton), {
1124
+ disabled: isDisabled,
1118
1125
  "data-cy": dataCy,
1119
1126
  children: trigger
1120
1127
  })),
1121
1128
  type === 'compact' && (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
1129
+ disabled: isDisabled,
1122
1130
  className: styles.compact,
1123
1131
  "data-cy": dataCy,
1124
1132
  children: [
@@ -1162,6 +1170,71 @@ var $edc4ba41affb9483$export$2e2bcd8739ae039 = $edc4ba41affb9483$var$DropdownEle
1162
1170
 
1163
1171
 
1164
1172
 
1173
+ var $e232a6b2cab2558f$var$styles = {
1174
+ container: '',
1175
+ icon: {
1176
+ container: 'w-4 h-4 flex ease-in-out duration-300',
1177
+ rotate: 'transform rotate-90',
1178
+ svg: 'w-4 h-4 flex'
1179
+ }
1180
+ };
1181
+ var $e232a6b2cab2558f$export$2e2bcd8739ae039 = $e232a6b2cab2558f$var$styles;
1182
+
1183
+
1184
+
1185
+
1186
+
1187
+
1188
+ var $307aa6ad38171d38$var$RotatingIcon = function(_a) {
1189
+ var isVisible = _a.isVisible, styles = _a.styles;
1190
+ return (0, $4MPRY$jsx)("div", {
1191
+ className: styles.icon.container,
1192
+ children: (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
1193
+ className: styles.icon.svg,
1194
+ accessor: "chevron-right"
1195
+ })
1196
+ });
1197
+ };
1198
+ var $307aa6ad38171d38$var$Collapsible = function(props) {
1199
+ var children = props.children, _a = props.isDefaultOpen, isDefaultOpen = _a === void 0 ? false : _a, trigger = props.trigger, stylesOverrides = props.styles;
1200
+ var _b = (0, $4MPRY$useState)(isDefaultOpen), isVisible = _b[0], setIsVisible = _b[1];
1201
+ var handleToggle = (0, $4MPRY$useCallback)(function() {
1202
+ return setIsVisible(function(visibility) {
1203
+ return !visibility;
1204
+ });
1205
+ }, []);
1206
+ var handleGenerateStyle = function() {
1207
+ var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039));
1208
+ var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039));
1209
+ keys.forEach(function(key) {
1210
+ (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039), key), isVisible && key.includes('icon.container') && (0, $e232a6b2cab2558f$export$2e2bcd8739ae039).icon.rotate, (0, $4MPRY$get)(stylesOverrides, key)));
1211
+ });
1212
+ return result;
1213
+ };
1214
+ var styles = handleGenerateStyle();
1215
+ return (0, $4MPRY$jsxs)("div", {
1216
+ className: styles.container,
1217
+ children: [
1218
+ trigger({
1219
+ handleToggle: handleToggle,
1220
+ rotatingIcon: (0, $4MPRY$jsx)($307aa6ad38171d38$var$RotatingIcon, {
1221
+ isVisible: isVisible,
1222
+ styles: styles
1223
+ }),
1224
+ isVisible: isVisible
1225
+ }),
1226
+ isVisible && (0, $4MPRY$jsx)("div", {
1227
+ children: children
1228
+ })
1229
+ ]
1230
+ });
1231
+ };
1232
+ var $307aa6ad38171d38$export$2e2bcd8739ae039 = $307aa6ad38171d38$var$Collapsible;
1233
+
1234
+
1235
+
1236
+
1237
+
1165
1238
 
1166
1239
 
1167
1240
 
@@ -1189,15 +1262,15 @@ var $0249406a6f5edb4d$var$normal = {
1189
1262
  label: 'leading-6 text-sm mb-2',
1190
1263
  hint: 'leading-6',
1191
1264
  leading: 'pl-3',
1192
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1265
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1193
1266
  trailing: 'pr-3',
1194
1267
  description: 'mt-2 text-sm'
1195
1268
  };
1196
1269
  var $0249406a6f5edb4d$var$inset = {
1197
- 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',
1270
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
1198
1271
  label: 'text-xs',
1199
1272
  hint: 'text-xs',
1200
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1273
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1201
1274
  description: 'hidden'
1202
1275
  };
1203
1276
  var $0249406a6f5edb4d$var$overlapping = {
@@ -1205,13 +1278,13 @@ var $0249406a6f5edb4d$var$overlapping = {
1205
1278
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1206
1279
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1207
1280
  hint: 'text-xs mr-4 bg-white px-1',
1208
- 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',
1281
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
1209
1282
  description: 'hidden'
1210
1283
  };
1211
1284
  var $0249406a6f5edb4d$var$pill = {
1212
1285
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1213
1286
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
1214
- 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',
1287
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
1215
1288
  trailing: 'pr-2',
1216
1289
  description: 'text-xs'
1217
1290
  };
@@ -1228,7 +1301,7 @@ var $0249406a6f5edb4d$var$invalid = {
1228
1301
  description: 'text-sm text-red-600'
1229
1302
  };
1230
1303
  var $0249406a6f5edb4d$var$disabled = {
1231
- 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
1304
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
1232
1305
  };
1233
1306
  var $0249406a6f5edb4d$var$styles = {
1234
1307
  base: $0249406a6f5edb4d$var$base,
@@ -1314,7 +1387,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
1314
1387
  name: name,
1315
1388
  id: name,
1316
1389
  "data-cy": inputDataCy,
1317
- className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '!h-10'),
1390
+ className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && 'h-10!'),
1318
1391
  placeholder: placeholder,
1319
1392
  defaultValue: isSolo ? value : undefined,
1320
1393
  value: isSolo ? undefined : value,
@@ -1552,22 +1625,22 @@ var $0dc9d1b1691a48fd$var$fillSticky = {
1552
1625
  item: 'px-4 py-4 sm:px-0'
1553
1626
  };
1554
1627
  var $0dc9d1b1691a48fd$var$center = {
1555
- container: 'bg-white shadow overflow-hidden rounded-md',
1628
+ container: 'bg-white shadow-sm overflow-hidden rounded-md',
1556
1629
  list: 'divide-y divide-gray-200',
1557
1630
  item: 'px-6 py-4'
1558
1631
  };
1559
1632
  var $0dc9d1b1691a48fd$var$centerSticky = {
1560
- container: 'bg-white shadow overflow-hidden sm:rounded-md',
1633
+ container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
1561
1634
  list: 'divide-y divide-gray-200',
1562
1635
  item: 'px-4 py-4 sm:px-6'
1563
1636
  };
1564
1637
  var $0dc9d1b1691a48fd$var$card = {
1565
1638
  list: 'space-y-3',
1566
- item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
1639
+ item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
1567
1640
  };
1568
1641
  var $0dc9d1b1691a48fd$var$cardSticky = {
1569
1642
  list: 'space-y-3',
1570
- item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1643
+ item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1571
1644
  };
1572
1645
  var $0dc9d1b1691a48fd$var$styles = {
1573
1646
  base: $0dc9d1b1691a48fd$var$base,
@@ -1617,7 +1690,7 @@ var $40af42a6ff486398$export$2e2bcd8739ae039 = $40af42a6ff486398$var$ListContain
1617
1690
 
1618
1691
  var $195ca578a80f15e9$var$base = {
1619
1692
  container: '',
1620
- figure: 'mr-4 flex-shrink-0',
1693
+ figure: 'mr-4 shrink-0',
1621
1694
  svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
1622
1695
  title: 'text-lg font-bold',
1623
1696
  paragraph: 'mt-1'
@@ -1751,7 +1824,7 @@ var $d8086708b0fe8d97$export$2e2bcd8739ae039 = $d8086708b0fe8d97$var$MediaObject
1751
1824
 
1752
1825
 
1753
1826
  var $6608476f62547c9b$var$base = {
1754
- container: 'bg-white overflow-hidden shadow',
1827
+ container: 'bg-white overflow-hidden shadow-sm',
1755
1828
  section: 'px-4 py-5 sm:px-6'
1756
1829
  };
1757
1830
  var $6608476f62547c9b$var$normal = {
@@ -1843,16 +1916,16 @@ var $9ff97c477ac85f31$var$base = {
1843
1916
  leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
1844
1917
  input: 'block w-full flex border',
1845
1918
  menuButton: '',
1846
- menu: 'z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
1847
- tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm',
1919
+ menu: 'z-10 px-0! py-0! w-full! rounded-md overflow-hidden border mt-1! absolute bg-white',
1920
+ tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-xs',
1848
1921
  tagItemText: 'text-xs',
1849
- 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',
1922
+ 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',
1850
1923
  tagItemIcon: '',
1851
- list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
1924
+ list: 'px-0! w-full! *:px-0 max-h-56 overflow-scroll py-1!',
1852
1925
  listGroupLabel: '',
1853
- listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
1926
+ listItem: 'w-full! list-none! hover:bg-primary-500 hover:text-white py-2! px-2!',
1854
1927
  listDisabledItem: '',
1855
- searchContainer: '!w-full !px-2 !py-2 border-b',
1928
+ searchContainer: 'w-full! px-2! py-2! border-b',
1856
1929
  searchBox: '',
1857
1930
  searchIcon: '',
1858
1931
  closeIcon: '',
@@ -1869,15 +1942,15 @@ var $9ff97c477ac85f31$var$normal = {
1869
1942
  label: 'leading-6 text-sm mb-2',
1870
1943
  hint: 'leading-6',
1871
1944
  leading: 'pl-3',
1872
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1945
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1873
1946
  trailing: '',
1874
1947
  description: 'mt-2 text-sm'
1875
1948
  };
1876
1949
  var $9ff97c477ac85f31$var$inset = {
1877
- 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',
1950
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
1878
1951
  label: 'text-xs',
1879
1952
  hint: 'text-xs',
1880
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1953
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1881
1954
  description: 'hidden'
1882
1955
  };
1883
1956
  var $9ff97c477ac85f31$var$overlapping = {
@@ -1885,13 +1958,13 @@ var $9ff97c477ac85f31$var$overlapping = {
1885
1958
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1886
1959
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1887
1960
  hint: 'text-xs mr-4 bg-white px-1',
1888
- 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',
1961
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
1889
1962
  description: 'hidden'
1890
1963
  };
1891
1964
  var $9ff97c477ac85f31$var$pill = {
1892
1965
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1893
1966
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
1894
- 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',
1967
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
1895
1968
  trailing: 'pr-2',
1896
1969
  description: 'text-xs'
1897
1970
  };
@@ -1908,7 +1981,7 @@ var $9ff97c477ac85f31$var$invalid = {
1908
1981
  description: 'text-sm text-red-600'
1909
1982
  };
1910
1983
  var $9ff97c477ac85f31$var$disabled = {
1911
- 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'
1984
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs 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'
1912
1985
  };
1913
1986
  var $9ff97c477ac85f31$var$styles = {
1914
1987
  base: $9ff97c477ac85f31$var$base,
@@ -2016,7 +2089,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
2016
2089
  //
2017
2090
  classNames: {
2018
2091
  menuButton: function() {
2019
- return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '[&>*]:!text-gray-300 ', state === null && !isValid && isTouched && '[&>*]:!text-red-300');
2092
+ return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!');
2020
2093
  },
2021
2094
  menu: styles.menu,
2022
2095
  tagItem: function() {
@@ -2077,7 +2150,7 @@ var $e3009f3eac14483c$var$base = {
2077
2150
  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',
2078
2151
  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',
2079
2152
  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',
2080
- navigation: 'isolate inline-flex -space-x-px rounded-md shadow-sm'
2153
+ navigation: 'isolate inline-flex -space-x-px rounded-md shadow-xs'
2081
2154
  },
2082
2155
  button: {
2083
2156
  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',
@@ -2087,7 +2160,7 @@ var $e3009f3eac14483c$var$base = {
2087
2160
  divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
2088
2161
  label: 'sr-only',
2089
2162
  icon: 'w-5 h-5',
2090
- pageSizeList: '!overflow-hidden'
2163
+ pageSizeList: 'overflow-hidden!'
2091
2164
  };
2092
2165
  var $e3009f3eac14483c$var$styles = {
2093
2166
  base: $e3009f3eac14483c$var$base
@@ -2607,19 +2680,19 @@ var $fb5a78a09a8b15b6$var$base = {
2607
2680
  container: '',
2608
2681
  row: '',
2609
2682
  cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
2610
- checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6'
2683
+ checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6'
2611
2684
  },
2612
2685
  body: {
2613
2686
  container: 'divide-y divide-gray-200',
2614
2687
  row: '',
2615
2688
  cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
2616
- checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
2689
+ checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
2617
2690
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
2618
2691
  }
2619
2692
  }
2620
2693
  },
2621
2694
  sortIndicator: {
2622
- container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
2695
+ container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded-sm',
2623
2696
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
2624
2697
  isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
2625
2698
  icon: {
@@ -2650,7 +2723,7 @@ var $fb5a78a09a8b15b6$var$normal = {
2650
2723
  var $fb5a78a09a8b15b6$var$panel = {
2651
2724
  body: {
2652
2725
  content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
2653
- styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg',
2726
+ styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg',
2654
2727
  table: {
2655
2728
  head: {
2656
2729
  container: 'bg-gray-50'
@@ -2664,7 +2737,7 @@ var $fb5a78a09a8b15b6$var$panel = {
2664
2737
  var $fb5a78a09a8b15b6$var$full = {
2665
2738
  body: {
2666
2739
  content: 'inline-block min-w-full py-2 align-middle',
2667
- styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black ring-opacity-5',
2740
+ styleWrapper: 'relative overflow-hidden shadow-xs ring-1 ring-black/5',
2668
2741
  table: {
2669
2742
  head: {
2670
2743
  container: 'bg-gray-50'
@@ -2677,7 +2750,7 @@ var $fb5a78a09a8b15b6$var$sticky = {
2677
2750
  table: {
2678
2751
  container: 'min-w-full border-separate',
2679
2752
  head: {
2680
- cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50 bg-opacity-75 backdrop-blur backdrop-filter sm:table-cell'
2753
+ cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50/75 backdrop-blur-sm backdrop-filter sm:table-cell'
2681
2754
  }
2682
2755
  }
2683
2756
  }
@@ -2696,7 +2769,7 @@ var $fb5a78a09a8b15b6$var$separated = {
2696
2769
  };
2697
2770
  var $fb5a78a09a8b15b6$var$controlled = {
2698
2771
  controls: {
2699
- container: '!flex'
2772
+ container: 'flex!'
2700
2773
  }
2701
2774
  };
2702
2775
  var $fb5a78a09a8b15b6$var$styles = {
@@ -2911,7 +2984,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
2911
2984
  }),
2912
2985
  (0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
2913
2986
  styles: ((_b = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _b === void 0 ? void 0 : _b.buttonElement) ? (_c = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _c === void 0 ? void 0 : _c.buttonElement : {
2914
- container: '!py-1.5 !px-3'
2987
+ container: 'py-1.5! px-3!'
2915
2988
  },
2916
2989
  onClick: function() {
2917
2990
  var sheets = generate(table);
@@ -3089,7 +3162,7 @@ var $a159f18e2839f1e6$var$base = {
3089
3162
  head: {
3090
3163
  container: '',
3091
3164
  row: '',
3092
- checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
3165
+ checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
3093
3166
  column: {
3094
3167
  pinned: {
3095
3168
  cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
@@ -3100,7 +3173,7 @@ var $a159f18e2839f1e6$var$base = {
3100
3173
  wrapper: 'grid gap-x-1 items-center',
3101
3174
  text: 'whitespace-normal break-words',
3102
3175
  sortIndicator: {
3103
- container: 'ml-2 inline-flex items-center rounded',
3176
+ container: 'ml-2 inline-flex items-center rounded-sm',
3104
3177
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
3105
3178
  isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
3106
3179
  icon: {
@@ -3120,7 +3193,12 @@ var $a159f18e2839f1e6$var$base = {
3120
3193
  },
3121
3194
  cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
3122
3195
  sticky: 'border-b border-gray-200',
3123
- checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
3196
+ groupedCell: 'flex gap-2 items-center',
3197
+ groupedRowIcon: {
3198
+ expand: '',
3199
+ collapse: ''
3200
+ },
3201
+ checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
3124
3202
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
3125
3203
  }
3126
3204
  }
@@ -3163,11 +3241,12 @@ var $df469b72efb8986e$var$__spreadArray = undefined && undefined.__spreadArray |
3163
3241
  return to.concat(ar || Array.prototype.slice.call(from));
3164
3242
  };
3165
3243
  var $df469b72efb8986e$var$TableList2 = function(props) {
3166
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
3244
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
3167
3245
  var id = props.id, config = props.table, head = props.head, foot = props.foot, leftSide = props.leftSide, isLoading = props.isLoading, onRowClick = props.onRowClick, onChange = props.onChange, stylesOverrides = props.styles, dragConfig = props.dragConfig;
3168
- var _1 = (0, $4MPRY$useState)({}), columnVisibility = _1[0], setColumnVisibility = _1[1];
3169
- var _2 = (0, $4MPRY$useState)([]), columnOrder = _2[0], setColumnOrder = _2[1];
3170
- var _3 = (0, $4MPRY$useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _3[0], setSorting = _3[1];
3246
+ var _8 = (0, $4MPRY$useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
3247
+ var _9 = (0, $4MPRY$useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
3248
+ var _10 = (0, $4MPRY$useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
3249
+ var _11 = (0, $4MPRY$useState)((_e = (_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.grouping) === null || _d === void 0 ? void 0 : _d.defaultGrouping) !== null && _e !== void 0 ? _e : []), grouping = _11[0], setGrouping = _11[1];
3171
3250
  var handleGenerateStyle = function() {
3172
3251
  var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
3173
3252
  var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
@@ -3223,9 +3302,11 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3223
3302
  return visibilityState;
3224
3303
  }, [
3225
3304
  config.columns,
3226
- (_c = config.options) === null || _c === void 0 ? void 0 : _c.defaultVisibility
3305
+ (_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
3227
3306
  ]);
3228
3307
  var table = (0, $4MPRY$useReactTable)({
3308
+ getExpandedRowModel: (0, $4MPRY$getExpandedRowModel)(),
3309
+ getGroupedRowModel: (0, $4MPRY$getGroupedRowModel)(),
3229
3310
  getCoreRowModel: (0, $4MPRY$getCoreRowModel)(),
3230
3311
  columns: isDraggable ? $df469b72efb8986e$var$__spreadArray([
3231
3312
  {
@@ -3244,7 +3325,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3244
3325
  state: {
3245
3326
  sorting: sorting,
3246
3327
  columnVisibility: columnVisibility,
3247
- columnOrder: columnOrder
3328
+ columnOrder: columnOrder,
3329
+ grouping: grouping
3248
3330
  },
3249
3331
  initialState: {
3250
3332
  columnVisibility: isDraggable ? $df469b72efb8986e$var$__assign({
@@ -3252,17 +3334,20 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3252
3334
  }, initialVisibilityState) : initialVisibilityState,
3253
3335
  columnOrder: isDraggable ? $df469b72efb8986e$var$__spreadArray([
3254
3336
  'drag-handle'
3255
- ], (_e = (_d = config.options) === null || _d === void 0 ? void 0 : _d.defaultOrder) !== null && _e !== void 0 ? _e : [], true) : (_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultOrder,
3337
+ ], (_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.defaultOrder) !== null && _h !== void 0 ? _h : [], true) : (_j = config.options) === null || _j === void 0 ? void 0 : _j.defaultOrder,
3256
3338
  columnPinning: {
3257
- left: (_j = (0, $4MPRY$map)((_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.columnPinning) === null || _h === void 0 ? void 0 : _h.left, 'name')) !== null && _j !== void 0 ? _j : [],
3258
- right: (_m = (0, $4MPRY$map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.right, 'name')) !== null && _m !== void 0 ? _m : []
3259
- }
3339
+ left: (_m = (0, $4MPRY$map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.left, 'name')) !== null && _m !== void 0 ? _m : [],
3340
+ right: (_q = (0, $4MPRY$map)((_p = (_o = config.options) === null || _o === void 0 ? void 0 : _o.columnPinning) === null || _p === void 0 ? void 0 : _p.right, 'name')) !== null && _q !== void 0 ? _q : []
3341
+ },
3342
+ grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
3343
+ expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
3260
3344
  },
3261
3345
  manualPagination: true,
3262
3346
  manualSorting: true,
3263
3347
  onSortingChange: setSorting,
3264
3348
  onColumnVisibilityChange: setColumnVisibility,
3265
3349
  onColumnOrderChange: setColumnOrder,
3350
+ onGroupingChange: setGrouping,
3266
3351
  getRowId: function(row) {
3267
3352
  return (0, $4MPRY$get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
3268
3353
  }
@@ -3274,15 +3359,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3274
3359
  sorting: sorting,
3275
3360
  columnVisibility: columnVisibility,
3276
3361
  columnOrder: columnOrder,
3362
+ grouping: grouping,
3277
3363
  //
3278
3364
  setSorting: setSorting,
3279
3365
  setColumnVisibility: setColumnVisibility,
3280
- setColumnOrder: setColumnOrder
3366
+ setColumnOrder: setColumnOrder,
3367
+ setGrouping: setGrouping
3281
3368
  };
3282
3369
  }, [
3283
3370
  columnOrder,
3284
3371
  columnVisibility,
3285
3372
  sorting,
3373
+ grouping,
3286
3374
  table
3287
3375
  ]);
3288
3376
  // Trigger onChange handler when state changes.
@@ -3316,7 +3404,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3316
3404
  setColumnVisibility(visibility_1);
3317
3405
  }
3318
3406
  }, [
3319
- (_o = config === null || config === void 0 ? void 0 : config.options) === null || _o === void 0 ? void 0 : _o.defaultVisibility,
3407
+ (_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
3320
3408
  id,
3321
3409
  table
3322
3410
  ]);
@@ -3341,7 +3429,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3341
3429
  }
3342
3430
  }, [
3343
3431
  config.columns,
3344
- (_p = config === null || config === void 0 ? void 0 : config.options) === null || _p === void 0 ? void 0 : _p.defaultOrder,
3432
+ (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
3345
3433
  id,
3346
3434
  isDraggable
3347
3435
  ]);
@@ -3386,7 +3474,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3386
3474
  return onRowClick && onRowClick(row);
3387
3475
  },
3388
3476
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.row, ((_b = config.options) === null || _b === void 0 ? void 0 : _b.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
3389
- children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3477
+ children: row.getIsGrouped() ? (0, $4MPRY$jsx)("td", {
3478
+ colSpan: row.getVisibleCells().length,
3479
+ children: (0, $4MPRY$jsx)("div", {
3480
+ className: styles.body.table.body.groupedRow,
3481
+ children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3482
+ return (0, $4MPRY$jsx)("div", {
3483
+ className: styles.body.table.body.groupedRowCell,
3484
+ children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3485
+ }, cell.id);
3486
+ })
3487
+ })
3488
+ }) : (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3390
3489
  var _a, _b, _c;
3391
3490
  return (0, $4MPRY$jsx)("td", {
3392
3491
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.cell, ((_a = config === null || config === void 0 ? void 0 : config.options) === null || _a === void 0 ? void 0 : _a.hasStickyHeader) && index !== ((_c = (_b = table === null || table === void 0 ? void 0 : table.getState()) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.pageSize) - 1 && styles.body.table.body.sticky),
@@ -3412,7 +3511,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3412
3511
  return acc + size;
3413
3512
  }, 0);
3414
3513
  }, [
3415
- (_q = config.options) === null || _q === void 0 ? void 0 : _q.columnPinning
3514
+ (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
3416
3515
  ]);
3417
3516
  var getCommonPinningStyles = (0, $4MPRY$useCallback)(function(column) {
3418
3517
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -3433,10 +3532,10 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3433
3532
  right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
3434
3533
  };
3435
3534
  }, [
3436
- (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.columnPinning) === null || _s === void 0 ? void 0 : _s.customShadow,
3437
- (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.columnPinning) === null || _u === void 0 ? void 0 : _u.disableShadow,
3438
- (_w = (_v = config.options) === null || _v === void 0 ? void 0 : _v.columnPinning) === null || _w === void 0 ? void 0 : _w.left,
3439
- (_y = (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning) === null || _y === void 0 ? void 0 : _y.right,
3535
+ (_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
3536
+ (_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
3537
+ (_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
3538
+ (_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
3440
3539
  styles.body.table.pinnedColumns.left,
3441
3540
  styles.body.table.pinnedColumns.right,
3442
3541
  getPinnedColumnsWidth
@@ -3527,13 +3626,34 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3527
3626
  },
3528
3627
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.row, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
3529
3628
  children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3530
- var _a, _b, _c;
3629
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
3531
3630
  return (0, $4MPRY$jsx)("td", {
3532
3631
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.cell, ((_a = config === null || config === void 0 ? void 0 : config.options) === null || _a === void 0 ? void 0 : _a.hasStickyHeader) && index !== ((_c = (_b = table === null || table === void 0 ? void 0 : table.getState()) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.pageSize) - 1 && styles.body.table.body.sticky, cell.column.getIsPinned() && styles.body.table.body.column.pinned.cell),
3533
3632
  style: $df469b72efb8986e$var$__assign({
3534
3633
  width: cell.column.getSize()
3535
3634
  }, getCommonPinningStyles(cell.column)),
3536
- children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3635
+ children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
3636
+ (0, $4MPRY$jsxs)("button", {
3637
+ onClick: row.getToggleExpandedHandler(),
3638
+ className: styles.body.table.body.groupedCell,
3639
+ style: {
3640
+ cursor: row.getCanExpand() ? 'pointer' : 'normal'
3641
+ },
3642
+ children: [
3643
+ (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
3644
+ className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
3645
+ accessor: row.getIsExpanded() ? (_f = (_e = (_d = config === null || config === void 0 ? void 0 : config.options) === null || _d === void 0 ? void 0 : _d.grouping) === null || _e === void 0 ? void 0 : _e.collapseIconAccessor) !== null && _f !== void 0 ? _f : 'chevron-down' : (_j = (_h = (_g = config === null || config === void 0 ? void 0 : config.options) === null || _g === void 0 ? void 0 : _g.grouping) === null || _h === void 0 ? void 0 : _h.expandIconAccessor) !== null && _j !== void 0 ? _j : 'chevron-right'
3646
+ }),
3647
+ ' ',
3648
+ (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext()),
3649
+ " (",
3650
+ row.subRows.length,
3651
+ ")"
3652
+ ]
3653
+ }) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
3654
+ // renderer for cell
3655
+ (0, $4MPRY$flexRender)((_k = cell.column.columnDef.aggregatedCell) !== null && _k !== void 0 ? _k : cell.column.columnDef.cell, cell.getContext()) : cell.getIsPlaceholder() ? null : // Otherwise, just render the regular cell
3656
+ (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3537
3657
  }, cell.id);
3538
3658
  })
3539
3659
  }, row.id);
@@ -3542,7 +3662,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3542
3662
  ]
3543
3663
  }),
3544
3664
  (0, $4MPRY$isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $4MPRY$jsx)((0, $4MPRY$Fragment), {
3545
- children: ((_z = config === null || config === void 0 ? void 0 : config.options) === null || _z === void 0 ? void 0 : _z.emptyComponent) ? (_0 = config === null || config === void 0 ? void 0 : config.options) === null || _0 === void 0 ? void 0 : _0.emptyComponent : (0, $4MPRY$jsx)("div", {
3665
+ children: ((_6 = config === null || config === void 0 ? void 0 : config.options) === null || _6 === void 0 ? void 0 : _6.emptyComponent) ? (_7 = config === null || config === void 0 ? void 0 : config.options) === null || _7 === void 0 ? void 0 : _7.emptyComponent : (0, $4MPRY$jsx)("div", {
3546
3666
  className: (0, $a159f18e2839f1e6$export$2e2bcd8739ae039).empty,
3547
3667
  children: "There is no data to show..."
3548
3668
  })
@@ -3610,7 +3730,7 @@ var $d35063ed95f33643$var$base = {
3610
3730
  container: 'flex',
3611
3731
  content: 'flex items-center',
3612
3732
  link: 'text-gray-400 hover:text-gray-500',
3613
- icon: 'h-5 w-5 flex-shrink-0',
3733
+ icon: 'h-5 w-5 shrink-0',
3614
3734
  span: 'sr-only'
3615
3735
  },
3616
3736
  page: {
@@ -3622,7 +3742,7 @@ var $d35063ed95f33643$var$base = {
3622
3742
  var $d35063ed95f33643$var$slashes = {
3623
3743
  container: '',
3624
3744
  list: 'items-center space-x-4',
3625
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3745
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3626
3746
  home: {
3627
3747
  container: '',
3628
3748
  content: '',
@@ -3639,7 +3759,7 @@ var $d35063ed95f33643$var$slashes = {
3639
3759
  var $d35063ed95f33643$var$chevrons = {
3640
3760
  container: '',
3641
3761
  list: 'items-center space-x-4',
3642
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3762
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3643
3763
  home: {
3644
3764
  container: '',
3645
3765
  content: '',
@@ -3655,8 +3775,8 @@ var $d35063ed95f33643$var$chevrons = {
3655
3775
  };
3656
3776
  var $d35063ed95f33643$var$panel = {
3657
3777
  container: '',
3658
- list: 'space-x-4 rounded-md bg-white px-6 shadow',
3659
- separator: 'h-full w-6 flex-shrink-0 text-gray-200',
3778
+ list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
3779
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3660
3780
  home: {
3661
3781
  container: '',
3662
3782
  content: '',
@@ -3672,8 +3792,8 @@ var $d35063ed95f33643$var$panel = {
3672
3792
  };
3673
3793
  var $d35063ed95f33643$var$bar = {
3674
3794
  container: 'border-b border-gray-200 bg-white',
3675
- list: 'mx-auto w-full max-w-screen-xl space-x-4 px-4 sm:px-6 lg:px-8',
3676
- separator: 'h-full w-6 flex-shrink-0 text-gray-200',
3795
+ list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
3796
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3677
3797
  home: {
3678
3798
  container: '',
3679
3799
  content: '',
@@ -4104,7 +4224,7 @@ var $579a3cb18d8026e0$var$defaultStyles = {
4104
4224
  head: 'sm:hidden',
4105
4225
  body: 'hidden sm:block',
4106
4226
  label: 'sr-only',
4107
- select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-none focus:ring-primary-500 sm:text-sm',
4227
+ select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-hidden focus:ring-primary-500 sm:text-sm',
4108
4228
  navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
4109
4229
  },
4110
4230
  tab: {
@@ -4276,7 +4396,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
4276
4396
  var styles = handleGenerateStyle();
4277
4397
  if (href && LinkComponent) return (0, $4MPRY$jsxs)(LinkComponent, {
4278
4398
  href: href,
4279
- className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
4399
+ className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
4280
4400
  onClick: onClick,
4281
4401
  children: [
4282
4402
  icon,
@@ -4284,7 +4404,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
4284
4404
  ]
4285
4405
  });
4286
4406
  return (0, $4MPRY$jsxs)("div", {
4287
- className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
4407
+ className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
4288
4408
  onClick: !isLoading ? onClick : function() {
4289
4409
  return null;
4290
4410
  },
@@ -4390,7 +4510,7 @@ var $860faaa2c7bb1f36$export$2e2bcd8739ae039 = $860faaa2c7bb1f36$var$VerticalNav
4390
4510
  var $35edca6e99ea4ea0$var$base = {
4391
4511
  container: 'relative z-20',
4392
4512
  background: {
4393
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4513
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4394
4514
  transition: {
4395
4515
  enter: 'ease-out duration-300',
4396
4516
  enterFrom: 'opacity-0',
@@ -4558,7 +4678,7 @@ var $3bf3edb7ee8a22f4$var$base = {
4558
4678
  inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
4559
4679
  },
4560
4680
  panel: {
4561
- container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
4681
+ container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
4562
4682
  transition: {
4563
4683
  enter: 'transform ease-out duration-300 transition',
4564
4684
  enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
@@ -4695,7 +4815,7 @@ var $0a39296cb800ec26$export$2e2bcd8739ae039 = $0a39296cb800ec26$var$Notificatio
4695
4815
  var $19b812b9e566cf40$var$base = {
4696
4816
  container: 'relative z-20',
4697
4817
  background: {
4698
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4818
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4699
4819
  transition: {
4700
4820
  enter: 'ease-in-out duration-500',
4701
4821
  enterFrom: 'opacity-0',
@@ -5156,15 +5276,15 @@ var $e0c8c7fe3fab83be$var$normal = {
5156
5276
  label: 'leading-6 text-sm mb-2',
5157
5277
  hint: 'leading-6',
5158
5278
  leading: 'pl-3',
5159
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5279
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5160
5280
  trailing: 'pr-3',
5161
5281
  description: 'mt-2 text-sm'
5162
5282
  };
5163
5283
  var $e0c8c7fe3fab83be$var$inset = {
5164
- 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',
5284
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
5165
5285
  label: 'text-xs',
5166
5286
  hint: 'text-xs',
5167
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5287
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5168
5288
  description: 'hidden'
5169
5289
  };
5170
5290
  var $e0c8c7fe3fab83be$var$overlapping = {
@@ -5172,13 +5292,13 @@ var $e0c8c7fe3fab83be$var$overlapping = {
5172
5292
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5173
5293
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5174
5294
  hint: 'text-xs mr-4 bg-white px-1',
5175
- 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',
5295
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
5176
5296
  description: 'hidden'
5177
5297
  };
5178
5298
  var $e0c8c7fe3fab83be$var$pill = {
5179
5299
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5180
5300
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
5181
- 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',
5301
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
5182
5302
  trailing: 'pr-2',
5183
5303
  description: 'text-xs'
5184
5304
  };
@@ -5189,13 +5309,13 @@ var $e0c8c7fe3fab83be$var$floored = {
5189
5309
  description: 'text-xs mt-2'
5190
5310
  };
5191
5311
  var $e0c8c7fe3fab83be$var$invalid = {
5192
- container: '!ring-red-500',
5312
+ container: 'ring-red-500!',
5193
5313
  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',
5194
5314
  '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 pr-10',
5195
5315
  description: 'text-sm text-red-600'
5196
5316
  };
5197
5317
  var $e0c8c7fe3fab83be$var$disabled = {
5198
- 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
5318
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
5199
5319
  };
5200
5320
  var $e0c8c7fe3fab83be$var$styles = {
5201
5321
  base: $e0c8c7fe3fab83be$var$base,
@@ -5429,14 +5549,14 @@ var $901cc167fb8bbd92$var$base = {
5429
5549
  container: 'relative flex items-start',
5430
5550
  head: 'flex h-6 items-center',
5431
5551
  body: 'ml-3 text-sm leading-6',
5432
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5552
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5433
5553
  label: 'font-medium text-gray-900',
5434
5554
  description: 'text-gray-500'
5435
5555
  }
5436
5556
  };
5437
5557
  var $901cc167fb8bbd92$var$disabled = {
5438
5558
  item: {
5439
- input: 'block 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
5559
+ input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
5440
5560
  }
5441
5561
  };
5442
5562
  var $901cc167fb8bbd92$var$styles = {
@@ -5540,14 +5660,14 @@ var $9ad148e334dfe9e5$var$base = {
5540
5660
  container: 'relative flex items-start',
5541
5661
  head: 'flex h-6 items-center select-none',
5542
5662
  body: 'ml-3 text-sm leading-6',
5543
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5663
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5544
5664
  inputHidden: 'hidden',
5545
5665
  replacement: 'flex',
5546
5666
  label: 'font-medium text-gray-900',
5547
5667
  description: 'text-gray-500'
5548
5668
  };
5549
5669
  var $9ad148e334dfe9e5$var$disabled = {
5550
- input: 'block 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 disabled:cursor-not-allowed disabled:bg-gray-500 disabled:text-gray-500 disabled:ring-gray-200'
5670
+ input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-500 disabled:text-gray-500 disabled:ring-gray-200'
5551
5671
  };
5552
5672
  var $9ad148e334dfe9e5$var$styles = {
5553
5673
  base: $9ad148e334dfe9e5$var$base,
@@ -5672,14 +5792,14 @@ var $f0d9d349d6a2ba53$var$base = {
5672
5792
  description: 'text-gray-400 text-xs mt-1',
5673
5793
  switch: {
5674
5794
  container: 'flex flex-col',
5675
- base: 'relative inline-flex w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
5795
+ base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
5676
5796
  screenreader: 'sr-only',
5677
- checked: 'bg-primary-600 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5678
- unchecked: 'bg-gray-200 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5679
- disabled: 'opacity-50 !cursor-not-allowed'
5797
+ checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5798
+ unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5799
+ disabled: 'opacity-50 cursor-not-allowed!'
5680
5800
  },
5681
5801
  toggle: {
5682
- base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
5802
+ base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
5683
5803
  checked: 'translate-x-5',
5684
5804
  unchecked: 'translate-x-0'
5685
5805
  },
@@ -5839,15 +5959,15 @@ var $43437b181b294db2$var$normal = {
5839
5959
  label: 'leading-6 text-sm mb-2',
5840
5960
  hint: 'leading-6',
5841
5961
  leading: 'pl-3',
5842
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5962
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5843
5963
  trailing: 'pr-3',
5844
5964
  description: 'mt-2 text-sm'
5845
5965
  };
5846
5966
  var $43437b181b294db2$var$inset = {
5847
- 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',
5967
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
5848
5968
  label: 'text-xs',
5849
5969
  hint: 'text-xs',
5850
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5970
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5851
5971
  description: 'hidden'
5852
5972
  };
5853
5973
  var $43437b181b294db2$var$overlapping = {
@@ -5855,13 +5975,13 @@ var $43437b181b294db2$var$overlapping = {
5855
5975
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5856
5976
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5857
5977
  hint: 'text-xs mr-4 bg-white px-1',
5858
- 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',
5978
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
5859
5979
  description: 'hidden'
5860
5980
  };
5861
5981
  var $43437b181b294db2$var$pill = {
5862
5982
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5863
5983
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
5864
- 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',
5984
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
5865
5985
  trailing: 'pr-2',
5866
5986
  description: 'text-xs'
5867
5987
  };
@@ -5878,7 +5998,7 @@ var $43437b181b294db2$var$invalid = {
5878
5998
  description: 'text-sm text-red-600'
5879
5999
  };
5880
6000
  var $43437b181b294db2$var$disabled = {
5881
- 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
6001
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
5882
6002
  };
5883
6003
  var $43437b181b294db2$var$styles = {
5884
6004
  base: $43437b181b294db2$var$base,
@@ -6158,7 +6278,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
6158
6278
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
6159
6279
  children: [
6160
6280
  (0, $4MPRY$jsx)("div", {
6161
- className: "flex-grow",
6281
+ className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).selectMenu.container,
6162
6282
  children: (0, $4MPRY$jsx)((0, $40038b27a5148d69$export$2e2bcd8739ae039), {
6163
6283
  name: "day",
6164
6284
  //
@@ -6325,11 +6445,14 @@ var $2faf095044a1ccf8$export$2e2bcd8739ae039 = $2faf095044a1ccf8$var$OpeningHour
6325
6445
 
6326
6446
  var $99ef0e378c886c3a$var$styles = {
6327
6447
  container: '',
6448
+ selectMenu: {
6449
+ container: "grow"
6450
+ },
6328
6451
  control: {
6329
6452
  container: 'flex items-center',
6330
6453
  label: 'text-sm mr-2 font-medium w-36',
6331
- action: 'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
6332
- span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
6454
+ action: 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
6455
+ span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
6333
6456
  sr: 'sr-only'
6334
6457
  }
6335
6458
  };
@@ -6361,15 +6484,15 @@ var $2109d011c77499b4$var$normal = {
6361
6484
  label: 'leading-6 text-sm mb-2',
6362
6485
  hint: 'leading-6',
6363
6486
  leading: 'pl-3',
6364
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6487
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6365
6488
  trailing: 'pr-3',
6366
6489
  description: 'mt-2 text-sm'
6367
6490
  };
6368
6491
  var $2109d011c77499b4$var$inset = {
6369
- 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',
6492
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
6370
6493
  label: 'text-xs',
6371
6494
  hint: 'text-xs',
6372
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6495
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6373
6496
  description: 'hidden'
6374
6497
  };
6375
6498
  var $2109d011c77499b4$var$overlapping = {
@@ -6377,13 +6500,13 @@ var $2109d011c77499b4$var$overlapping = {
6377
6500
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6378
6501
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6379
6502
  hint: 'text-xs mr-4 bg-white px-1',
6380
- 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',
6503
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
6381
6504
  description: 'hidden'
6382
6505
  };
6383
6506
  var $2109d011c77499b4$var$pill = {
6384
6507
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6385
6508
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
6386
- 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',
6509
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
6387
6510
  trailing: 'pr-2',
6388
6511
  description: 'text-xs'
6389
6512
  };
@@ -6400,7 +6523,7 @@ var $2109d011c77499b4$var$invalid = {
6400
6523
  description: 'text-sm text-red-600'
6401
6524
  };
6402
6525
  var $2109d011c77499b4$var$disabled = {
6403
- 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
6526
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
6404
6527
  };
6405
6528
  var $2109d011c77499b4$var$styles = {
6406
6529
  base: $2109d011c77499b4$var$base,
@@ -6543,7 +6666,7 @@ var $0ef1dab9988818f3$var$base = {
6543
6666
  description: 'text-gray-400 text-xs mt-1',
6544
6667
  error: 'text-red-500 text-xs mt-1',
6545
6668
  geosuggest: {
6546
- suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-sm text-sm',
6669
+ suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
6547
6670
  suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
6548
6671
  suggestsHiddenClassName: 'hidden'
6549
6672
  }
@@ -6556,15 +6679,15 @@ var $0ef1dab9988818f3$var$normal = {
6556
6679
  label: 'leading-6 text-sm mb-2',
6557
6680
  hint: 'leading-6',
6558
6681
  leading: 'pl-3',
6559
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6682
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6560
6683
  trailing: 'pr-3',
6561
6684
  description: 'mt-2 text-sm'
6562
6685
  };
6563
6686
  var $0ef1dab9988818f3$var$inset = {
6564
- 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',
6687
+ container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
6565
6688
  label: 'text-xs',
6566
6689
  hint: 'text-xs',
6567
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6690
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6568
6691
  description: 'hidden'
6569
6692
  };
6570
6693
  var $0ef1dab9988818f3$var$overlapping = {
@@ -6572,13 +6695,13 @@ var $0ef1dab9988818f3$var$overlapping = {
6572
6695
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6573
6696
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6574
6697
  hint: 'text-xs mr-4 bg-white px-1',
6575
- 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',
6698
+ input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs 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',
6576
6699
  description: 'hidden'
6577
6700
  };
6578
6701
  var $0ef1dab9988818f3$var$pill = {
6579
6702
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6580
6703
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
6581
- 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',
6704
+ input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs 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',
6582
6705
  trailing: 'pr-2',
6583
6706
  description: 'text-xs'
6584
6707
  };
@@ -6595,7 +6718,7 @@ var $0ef1dab9988818f3$var$invalid = {
6595
6718
  description: 'text-sm text-red-600'
6596
6719
  };
6597
6720
  var $0ef1dab9988818f3$var$disabled = {
6598
- 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 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
6721
+ input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
6599
6722
  };
6600
6723
  var $0ef1dab9988818f3$var$styles = {
6601
6724
  base: $0ef1dab9988818f3$var$base,
@@ -6807,8 +6930,9 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
6807
6930
  return "overflow-hidden text-ellipsis ".concat((0, $4MPRY$get)(sizes, size, ''), " block");
6808
6931
  }, []);
6809
6932
  var createAccessor = (0, $4MPRY$useCallback)(function(key, getCellContent, excelMapper, options) {
6933
+ var _a;
6810
6934
  return accessor(key, {
6811
- header: t("component.form.label.".concat(key)),
6935
+ header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
6812
6936
  enableSorting: (0, $4MPRY$get)(options, 'enableSorting', true),
6813
6937
  cell: function(cell) {
6814
6938
  return getCellContent(cell, options);
@@ -6940,5 +7064,5 @@ var $bcc7539df5bef927$export$1476d5e67a64a695 = function(str) {
6940
7064
 
6941
7065
 
6942
7066
 
6943
- 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, $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};
7067
+ 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, $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};
6944
7068
  //# sourceMappingURL=index.esm.js.map