@ballistix.digital/react-components 6.0.2 → 6.0.3-next-42.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
@@ -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 = {};
@@ -1189,15 +1189,15 @@ var $0249406a6f5edb4d$var$normal = {
1189
1189
  label: 'leading-6 text-sm mb-2',
1190
1190
  hint: 'leading-6',
1191
1191
  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',
1192
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1193
1193
  trailing: 'pr-3',
1194
1194
  description: 'mt-2 text-sm'
1195
1195
  };
1196
1196
  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',
1197
+ 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
1198
  label: 'text-xs',
1199
1199
  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',
1200
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1201
1201
  description: 'hidden'
1202
1202
  };
1203
1203
  var $0249406a6f5edb4d$var$overlapping = {
@@ -1205,13 +1205,13 @@ var $0249406a6f5edb4d$var$overlapping = {
1205
1205
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1206
1206
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1207
1207
  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',
1208
+ 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
1209
  description: 'hidden'
1210
1210
  };
1211
1211
  var $0249406a6f5edb4d$var$pill = {
1212
1212
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1213
1213
  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',
1214
+ 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
1215
  trailing: 'pr-2',
1216
1216
  description: 'text-xs'
1217
1217
  };
@@ -1228,7 +1228,7 @@ var $0249406a6f5edb4d$var$invalid = {
1228
1228
  description: 'text-sm text-red-600'
1229
1229
  };
1230
1230
  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'
1231
+ 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
1232
  };
1233
1233
  var $0249406a6f5edb4d$var$styles = {
1234
1234
  base: $0249406a6f5edb4d$var$base,
@@ -1314,7 +1314,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
1314
1314
  name: name,
1315
1315
  id: name,
1316
1316
  "data-cy": inputDataCy,
1317
- className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '!h-10'),
1317
+ className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && 'h-10!'),
1318
1318
  placeholder: placeholder,
1319
1319
  defaultValue: isSolo ? value : undefined,
1320
1320
  value: isSolo ? undefined : value,
@@ -1552,22 +1552,22 @@ var $0dc9d1b1691a48fd$var$fillSticky = {
1552
1552
  item: 'px-4 py-4 sm:px-0'
1553
1553
  };
1554
1554
  var $0dc9d1b1691a48fd$var$center = {
1555
- container: 'bg-white shadow overflow-hidden rounded-md',
1555
+ container: 'bg-white shadow-sm overflow-hidden rounded-md',
1556
1556
  list: 'divide-y divide-gray-200',
1557
1557
  item: 'px-6 py-4'
1558
1558
  };
1559
1559
  var $0dc9d1b1691a48fd$var$centerSticky = {
1560
- container: 'bg-white shadow overflow-hidden sm:rounded-md',
1560
+ container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
1561
1561
  list: 'divide-y divide-gray-200',
1562
1562
  item: 'px-4 py-4 sm:px-6'
1563
1563
  };
1564
1564
  var $0dc9d1b1691a48fd$var$card = {
1565
1565
  list: 'space-y-3',
1566
- item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
1566
+ item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
1567
1567
  };
1568
1568
  var $0dc9d1b1691a48fd$var$cardSticky = {
1569
1569
  list: 'space-y-3',
1570
- item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1570
+ item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1571
1571
  };
1572
1572
  var $0dc9d1b1691a48fd$var$styles = {
1573
1573
  base: $0dc9d1b1691a48fd$var$base,
@@ -1617,7 +1617,7 @@ var $40af42a6ff486398$export$2e2bcd8739ae039 = $40af42a6ff486398$var$ListContain
1617
1617
 
1618
1618
  var $195ca578a80f15e9$var$base = {
1619
1619
  container: '',
1620
- figure: 'mr-4 flex-shrink-0',
1620
+ figure: 'mr-4 shrink-0',
1621
1621
  svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
1622
1622
  title: 'text-lg font-bold',
1623
1623
  paragraph: 'mt-1'
@@ -1751,7 +1751,7 @@ var $d8086708b0fe8d97$export$2e2bcd8739ae039 = $d8086708b0fe8d97$var$MediaObject
1751
1751
 
1752
1752
 
1753
1753
  var $6608476f62547c9b$var$base = {
1754
- container: 'bg-white overflow-hidden shadow',
1754
+ container: 'bg-white overflow-hidden shadow-sm',
1755
1755
  section: 'px-4 py-5 sm:px-6'
1756
1756
  };
1757
1757
  var $6608476f62547c9b$var$normal = {
@@ -1843,16 +1843,16 @@ var $9ff97c477ac85f31$var$base = {
1843
1843
  leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
1844
1844
  input: 'block w-full flex border',
1845
1845
  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',
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-xs',
1848
1848
  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',
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',
1850
1850
  tagItemIcon: '',
1851
- list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
1851
+ list: 'px-0! w-full! *:px-0 max-h-56 overflow-scroll py-1!',
1852
1852
  listGroupLabel: '',
1853
- listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
1853
+ listItem: 'w-full! list-none! hover:bg-primary-500 hover:text-white py-2! px-2!',
1854
1854
  listDisabledItem: '',
1855
- searchContainer: '!w-full !px-2 !py-2 border-b',
1855
+ searchContainer: 'w-full! px-2! py-2! border-b',
1856
1856
  searchBox: '',
1857
1857
  searchIcon: '',
1858
1858
  closeIcon: '',
@@ -1869,15 +1869,15 @@ var $9ff97c477ac85f31$var$normal = {
1869
1869
  label: 'leading-6 text-sm mb-2',
1870
1870
  hint: 'leading-6',
1871
1871
  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',
1872
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1873
1873
  trailing: '',
1874
1874
  description: 'mt-2 text-sm'
1875
1875
  };
1876
1876
  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',
1877
+ 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
1878
  label: 'text-xs',
1879
1879
  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',
1880
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1881
1881
  description: 'hidden'
1882
1882
  };
1883
1883
  var $9ff97c477ac85f31$var$overlapping = {
@@ -1885,13 +1885,13 @@ var $9ff97c477ac85f31$var$overlapping = {
1885
1885
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1886
1886
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1887
1887
  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',
1888
+ 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
1889
  description: 'hidden'
1890
1890
  };
1891
1891
  var $9ff97c477ac85f31$var$pill = {
1892
1892
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1893
1893
  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',
1894
+ 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
1895
  trailing: 'pr-2',
1896
1896
  description: 'text-xs'
1897
1897
  };
@@ -1908,7 +1908,7 @@ var $9ff97c477ac85f31$var$invalid = {
1908
1908
  description: 'text-sm text-red-600'
1909
1909
  };
1910
1910
  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'
1911
+ 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
1912
  };
1913
1913
  var $9ff97c477ac85f31$var$styles = {
1914
1914
  base: $9ff97c477ac85f31$var$base,
@@ -2016,7 +2016,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
2016
2016
  //
2017
2017
  classNames: {
2018
2018
  menuButton: function() {
2019
- return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '[&>*]:!text-gray-300 ', state === null && !isValid && isTouched && '[&>*]:!text-red-300');
2019
+ return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!');
2020
2020
  },
2021
2021
  menu: styles.menu,
2022
2022
  tagItem: function() {
@@ -2077,7 +2077,7 @@ var $e3009f3eac14483c$var$base = {
2077
2077
  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
2078
  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
2079
  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'
2080
+ navigation: 'isolate inline-flex -space-x-px rounded-md shadow-xs'
2081
2081
  },
2082
2082
  button: {
2083
2083
  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 +2087,7 @@ var $e3009f3eac14483c$var$base = {
2087
2087
  divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
2088
2088
  label: 'sr-only',
2089
2089
  icon: 'w-5 h-5',
2090
- pageSizeList: '!overflow-hidden'
2090
+ pageSizeList: 'overflow-hidden!'
2091
2091
  };
2092
2092
  var $e3009f3eac14483c$var$styles = {
2093
2093
  base: $e3009f3eac14483c$var$base
@@ -2607,19 +2607,19 @@ var $fb5a78a09a8b15b6$var$base = {
2607
2607
  container: '',
2608
2608
  row: '',
2609
2609
  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'
2610
+ 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
2611
  },
2612
2612
  body: {
2613
2613
  container: 'divide-y divide-gray-200',
2614
2614
  row: '',
2615
2615
  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',
2616
+ 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
2617
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
2618
2618
  }
2619
2619
  }
2620
2620
  },
2621
2621
  sortIndicator: {
2622
- container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
2622
+ container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded-sm',
2623
2623
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
2624
2624
  isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
2625
2625
  icon: {
@@ -2650,7 +2650,7 @@ var $fb5a78a09a8b15b6$var$normal = {
2650
2650
  var $fb5a78a09a8b15b6$var$panel = {
2651
2651
  body: {
2652
2652
  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',
2653
+ styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg',
2654
2654
  table: {
2655
2655
  head: {
2656
2656
  container: 'bg-gray-50'
@@ -2664,7 +2664,7 @@ var $fb5a78a09a8b15b6$var$panel = {
2664
2664
  var $fb5a78a09a8b15b6$var$full = {
2665
2665
  body: {
2666
2666
  content: 'inline-block min-w-full py-2 align-middle',
2667
- styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black ring-opacity-5',
2667
+ styleWrapper: 'relative overflow-hidden shadow-xs ring-1 ring-black/5',
2668
2668
  table: {
2669
2669
  head: {
2670
2670
  container: 'bg-gray-50'
@@ -2677,7 +2677,7 @@ var $fb5a78a09a8b15b6$var$sticky = {
2677
2677
  table: {
2678
2678
  container: 'min-w-full border-separate',
2679
2679
  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'
2680
+ cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50/75 backdrop-blur-sm backdrop-filter sm:table-cell'
2681
2681
  }
2682
2682
  }
2683
2683
  }
@@ -2696,7 +2696,7 @@ var $fb5a78a09a8b15b6$var$separated = {
2696
2696
  };
2697
2697
  var $fb5a78a09a8b15b6$var$controlled = {
2698
2698
  controls: {
2699
- container: '!flex'
2699
+ container: 'flex!'
2700
2700
  }
2701
2701
  };
2702
2702
  var $fb5a78a09a8b15b6$var$styles = {
@@ -2911,7 +2911,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
2911
2911
  }),
2912
2912
  (0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
2913
2913
  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'
2914
+ container: 'py-1.5! px-3!'
2915
2915
  },
2916
2916
  onClick: function() {
2917
2917
  var sheets = generate(table);
@@ -3089,7 +3089,7 @@ var $a159f18e2839f1e6$var$base = {
3089
3089
  head: {
3090
3090
  container: '',
3091
3091
  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',
3092
+ 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
3093
  column: {
3094
3094
  pinned: {
3095
3095
  cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
@@ -3100,7 +3100,7 @@ var $a159f18e2839f1e6$var$base = {
3100
3100
  wrapper: 'grid gap-x-1 items-center',
3101
3101
  text: 'whitespace-normal break-words',
3102
3102
  sortIndicator: {
3103
- container: 'ml-2 inline-flex items-center rounded',
3103
+ container: 'ml-2 inline-flex items-center rounded-sm',
3104
3104
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
3105
3105
  isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
3106
3106
  icon: {
@@ -3120,7 +3120,7 @@ var $a159f18e2839f1e6$var$base = {
3120
3120
  },
3121
3121
  cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
3122
3122
  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',
3123
+ 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
3124
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
3125
3125
  }
3126
3126
  }
@@ -3163,11 +3163,12 @@ var $df469b72efb8986e$var$__spreadArray = undefined && undefined.__spreadArray |
3163
3163
  return to.concat(ar || Array.prototype.slice.call(from));
3164
3164
  };
3165
3165
  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;
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, _1, _2, _3, _4, _5, _6, _7;
3167
3167
  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];
3168
+ var _8 = (0, $4MPRY$useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
3169
+ var _9 = (0, $4MPRY$useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
3170
+ 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];
3171
+ 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
3172
  var handleGenerateStyle = function() {
3172
3173
  var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
3173
3174
  var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
@@ -3223,9 +3224,11 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3223
3224
  return visibilityState;
3224
3225
  }, [
3225
3226
  config.columns,
3226
- (_c = config.options) === null || _c === void 0 ? void 0 : _c.defaultVisibility
3227
+ (_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
3227
3228
  ]);
3228
3229
  var table = (0, $4MPRY$useReactTable)({
3230
+ getExpandedRowModel: (0, $4MPRY$getExpandedRowModel)(),
3231
+ getGroupedRowModel: (0, $4MPRY$getGroupedRowModel)(),
3229
3232
  getCoreRowModel: (0, $4MPRY$getCoreRowModel)(),
3230
3233
  columns: isDraggable ? $df469b72efb8986e$var$__spreadArray([
3231
3234
  {
@@ -3244,7 +3247,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3244
3247
  state: {
3245
3248
  sorting: sorting,
3246
3249
  columnVisibility: columnVisibility,
3247
- columnOrder: columnOrder
3250
+ columnOrder: columnOrder,
3251
+ grouping: grouping
3248
3252
  },
3249
3253
  initialState: {
3250
3254
  columnVisibility: isDraggable ? $df469b72efb8986e$var$__assign({
@@ -3252,17 +3256,20 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3252
3256
  }, initialVisibilityState) : initialVisibilityState,
3253
3257
  columnOrder: isDraggable ? $df469b72efb8986e$var$__spreadArray([
3254
3258
  '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,
3259
+ ], (_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
3260
  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
- }
3261
+ 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 : [],
3262
+ 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 : []
3263
+ },
3264
+ grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
3265
+ expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
3260
3266
  },
3261
3267
  manualPagination: true,
3262
3268
  manualSorting: true,
3263
3269
  onSortingChange: setSorting,
3264
3270
  onColumnVisibilityChange: setColumnVisibility,
3265
3271
  onColumnOrderChange: setColumnOrder,
3272
+ onGroupingChange: setGrouping,
3266
3273
  getRowId: function(row) {
3267
3274
  return (0, $4MPRY$get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
3268
3275
  }
@@ -3274,15 +3281,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3274
3281
  sorting: sorting,
3275
3282
  columnVisibility: columnVisibility,
3276
3283
  columnOrder: columnOrder,
3284
+ grouping: grouping,
3277
3285
  //
3278
3286
  setSorting: setSorting,
3279
3287
  setColumnVisibility: setColumnVisibility,
3280
- setColumnOrder: setColumnOrder
3288
+ setColumnOrder: setColumnOrder,
3289
+ setGrouping: setGrouping
3281
3290
  };
3282
3291
  }, [
3283
3292
  columnOrder,
3284
3293
  columnVisibility,
3285
3294
  sorting,
3295
+ grouping,
3286
3296
  table
3287
3297
  ]);
3288
3298
  // Trigger onChange handler when state changes.
@@ -3316,7 +3326,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3316
3326
  setColumnVisibility(visibility_1);
3317
3327
  }
3318
3328
  }, [
3319
- (_o = config === null || config === void 0 ? void 0 : config.options) === null || _o === void 0 ? void 0 : _o.defaultVisibility,
3329
+ (_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
3320
3330
  id,
3321
3331
  table
3322
3332
  ]);
@@ -3341,7 +3351,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3341
3351
  }
3342
3352
  }, [
3343
3353
  config.columns,
3344
- (_p = config === null || config === void 0 ? void 0 : config.options) === null || _p === void 0 ? void 0 : _p.defaultOrder,
3354
+ (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
3345
3355
  id,
3346
3356
  isDraggable
3347
3357
  ]);
@@ -3386,7 +3396,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3386
3396
  return onRowClick && onRowClick(row);
3387
3397
  },
3388
3398
  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) {
3399
+ children: row.getIsGrouped() ? (0, $4MPRY$jsx)("td", {
3400
+ colSpan: row.getVisibleCells().length,
3401
+ children: (0, $4MPRY$jsx)("div", {
3402
+ className: styles.body.table.body.groupedRow,
3403
+ children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3404
+ return (0, $4MPRY$jsx)("div", {
3405
+ className: styles.body.table.body.groupedRowCell,
3406
+ children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3407
+ }, cell.id);
3408
+ })
3409
+ })
3410
+ }) : (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3390
3411
  var _a, _b, _c;
3391
3412
  return (0, $4MPRY$jsx)("td", {
3392
3413
  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 +3433,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3412
3433
  return acc + size;
3413
3434
  }, 0);
3414
3435
  }, [
3415
- (_q = config.options) === null || _q === void 0 ? void 0 : _q.columnPinning
3436
+ (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
3416
3437
  ]);
3417
3438
  var getCommonPinningStyles = (0, $4MPRY$useCallback)(function(column) {
3418
3439
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -3433,10 +3454,10 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3433
3454
  right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
3434
3455
  };
3435
3456
  }, [
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,
3457
+ (_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
3458
+ (_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
3459
+ (_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
3460
+ (_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
3440
3461
  styles.body.table.pinnedColumns.left,
3441
3462
  styles.body.table.pinnedColumns.right,
3442
3463
  getPinnedColumnsWidth
@@ -3527,13 +3548,32 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3527
3548
  },
3528
3549
  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
3550
  children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
3530
- var _a, _b, _c;
3551
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
3531
3552
  return (0, $4MPRY$jsx)("td", {
3532
3553
  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
3554
  style: $df469b72efb8986e$var$__assign({
3534
3555
  width: cell.column.getSize()
3535
3556
  }, getCommonPinningStyles(cell.column)),
3536
- children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3557
+ children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
3558
+ (0, $4MPRY$jsxs)("button", {
3559
+ onClick: row.getToggleExpandedHandler(),
3560
+ style: {
3561
+ cursor: row.getCanExpand() ? 'pointer' : 'normal'
3562
+ },
3563
+ children: [
3564
+ (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
3565
+ 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"
3566
+ }),
3567
+ ' ',
3568
+ (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext()),
3569
+ " (",
3570
+ row.subRows.length,
3571
+ ")"
3572
+ ]
3573
+ }) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
3574
+ // renderer for cell
3575
+ (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
3576
+ (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
3537
3577
  }, cell.id);
3538
3578
  })
3539
3579
  }, row.id);
@@ -3542,7 +3582,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
3542
3582
  ]
3543
3583
  }),
3544
3584
  (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", {
3585
+ 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
3586
  className: (0, $a159f18e2839f1e6$export$2e2bcd8739ae039).empty,
3547
3587
  children: "There is no data to show..."
3548
3588
  })
@@ -3610,7 +3650,7 @@ var $d35063ed95f33643$var$base = {
3610
3650
  container: 'flex',
3611
3651
  content: 'flex items-center',
3612
3652
  link: 'text-gray-400 hover:text-gray-500',
3613
- icon: 'h-5 w-5 flex-shrink-0',
3653
+ icon: 'h-5 w-5 shrink-0',
3614
3654
  span: 'sr-only'
3615
3655
  },
3616
3656
  page: {
@@ -3622,7 +3662,7 @@ var $d35063ed95f33643$var$base = {
3622
3662
  var $d35063ed95f33643$var$slashes = {
3623
3663
  container: '',
3624
3664
  list: 'items-center space-x-4',
3625
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3665
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3626
3666
  home: {
3627
3667
  container: '',
3628
3668
  content: '',
@@ -3639,7 +3679,7 @@ var $d35063ed95f33643$var$slashes = {
3639
3679
  var $d35063ed95f33643$var$chevrons = {
3640
3680
  container: '',
3641
3681
  list: 'items-center space-x-4',
3642
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3682
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3643
3683
  home: {
3644
3684
  container: '',
3645
3685
  content: '',
@@ -3655,8 +3695,8 @@ var $d35063ed95f33643$var$chevrons = {
3655
3695
  };
3656
3696
  var $d35063ed95f33643$var$panel = {
3657
3697
  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',
3698
+ list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
3699
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3660
3700
  home: {
3661
3701
  container: '',
3662
3702
  content: '',
@@ -3672,8 +3712,8 @@ var $d35063ed95f33643$var$panel = {
3672
3712
  };
3673
3713
  var $d35063ed95f33643$var$bar = {
3674
3714
  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',
3715
+ list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
3716
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3677
3717
  home: {
3678
3718
  container: '',
3679
3719
  content: '',
@@ -4104,7 +4144,7 @@ var $579a3cb18d8026e0$var$defaultStyles = {
4104
4144
  head: 'sm:hidden',
4105
4145
  body: 'hidden sm:block',
4106
4146
  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',
4147
+ 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
4148
  navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
4109
4149
  },
4110
4150
  tab: {
@@ -4276,7 +4316,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
4276
4316
  var styles = handleGenerateStyle();
4277
4317
  if (href && LinkComponent) return (0, $4MPRY$jsxs)(LinkComponent, {
4278
4318
  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),
4319
+ 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
4320
  onClick: onClick,
4281
4321
  children: [
4282
4322
  icon,
@@ -4284,7 +4324,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
4284
4324
  ]
4285
4325
  });
4286
4326
  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),
4327
+ 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
4328
  onClick: !isLoading ? onClick : function() {
4289
4329
  return null;
4290
4330
  },
@@ -4390,7 +4430,7 @@ var $860faaa2c7bb1f36$export$2e2bcd8739ae039 = $860faaa2c7bb1f36$var$VerticalNav
4390
4430
  var $35edca6e99ea4ea0$var$base = {
4391
4431
  container: 'relative z-20',
4392
4432
  background: {
4393
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4433
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4394
4434
  transition: {
4395
4435
  enter: 'ease-out duration-300',
4396
4436
  enterFrom: 'opacity-0',
@@ -4558,7 +4598,7 @@ var $3bf3edb7ee8a22f4$var$base = {
4558
4598
  inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
4559
4599
  },
4560
4600
  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',
4601
+ container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
4562
4602
  transition: {
4563
4603
  enter: 'transform ease-out duration-300 transition',
4564
4604
  enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
@@ -4695,7 +4735,7 @@ var $0a39296cb800ec26$export$2e2bcd8739ae039 = $0a39296cb800ec26$var$Notificatio
4695
4735
  var $19b812b9e566cf40$var$base = {
4696
4736
  container: 'relative z-20',
4697
4737
  background: {
4698
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4738
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4699
4739
  transition: {
4700
4740
  enter: 'ease-in-out duration-500',
4701
4741
  enterFrom: 'opacity-0',
@@ -5156,15 +5196,15 @@ var $e0c8c7fe3fab83be$var$normal = {
5156
5196
  label: 'leading-6 text-sm mb-2',
5157
5197
  hint: 'leading-6',
5158
5198
  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',
5199
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5160
5200
  trailing: 'pr-3',
5161
5201
  description: 'mt-2 text-sm'
5162
5202
  };
5163
5203
  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',
5204
+ 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
5205
  label: 'text-xs',
5166
5206
  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',
5207
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5168
5208
  description: 'hidden'
5169
5209
  };
5170
5210
  var $e0c8c7fe3fab83be$var$overlapping = {
@@ -5172,13 +5212,13 @@ var $e0c8c7fe3fab83be$var$overlapping = {
5172
5212
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5173
5213
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5174
5214
  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',
5215
+ 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
5216
  description: 'hidden'
5177
5217
  };
5178
5218
  var $e0c8c7fe3fab83be$var$pill = {
5179
5219
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5180
5220
  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',
5221
+ 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
5222
  trailing: 'pr-2',
5183
5223
  description: 'text-xs'
5184
5224
  };
@@ -5189,13 +5229,13 @@ var $e0c8c7fe3fab83be$var$floored = {
5189
5229
  description: 'text-xs mt-2'
5190
5230
  };
5191
5231
  var $e0c8c7fe3fab83be$var$invalid = {
5192
- container: '!ring-red-500',
5232
+ container: 'ring-red-500!',
5193
5233
  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
5234
  '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
5235
  description: 'text-sm text-red-600'
5196
5236
  };
5197
5237
  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'
5238
+ 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
5239
  };
5200
5240
  var $e0c8c7fe3fab83be$var$styles = {
5201
5241
  base: $e0c8c7fe3fab83be$var$base,
@@ -5429,14 +5469,14 @@ var $901cc167fb8bbd92$var$base = {
5429
5469
  container: 'relative flex items-start',
5430
5470
  head: 'flex h-6 items-center',
5431
5471
  body: 'ml-3 text-sm leading-6',
5432
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5472
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5433
5473
  label: 'font-medium text-gray-900',
5434
5474
  description: 'text-gray-500'
5435
5475
  }
5436
5476
  };
5437
5477
  var $901cc167fb8bbd92$var$disabled = {
5438
5478
  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'
5479
+ 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
5480
  }
5441
5481
  };
5442
5482
  var $901cc167fb8bbd92$var$styles = {
@@ -5540,14 +5580,14 @@ var $9ad148e334dfe9e5$var$base = {
5540
5580
  container: 'relative flex items-start',
5541
5581
  head: 'flex h-6 items-center select-none',
5542
5582
  body: 'ml-3 text-sm leading-6',
5543
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5583
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5544
5584
  inputHidden: 'hidden',
5545
5585
  replacement: 'flex',
5546
5586
  label: 'font-medium text-gray-900',
5547
5587
  description: 'text-gray-500'
5548
5588
  };
5549
5589
  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'
5590
+ 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
5591
  };
5552
5592
  var $9ad148e334dfe9e5$var$styles = {
5553
5593
  base: $9ad148e334dfe9e5$var$base,
@@ -5672,14 +5712,14 @@ var $f0d9d349d6a2ba53$var$base = {
5672
5712
  description: 'text-gray-400 text-xs mt-1',
5673
5713
  switch: {
5674
5714
  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',
5715
+ base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
5676
5716
  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'
5717
+ checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5718
+ unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5719
+ disabled: 'opacity-50 cursor-not-allowed!'
5680
5720
  },
5681
5721
  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',
5722
+ 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
5723
  checked: 'translate-x-5',
5684
5724
  unchecked: 'translate-x-0'
5685
5725
  },
@@ -5839,15 +5879,15 @@ var $43437b181b294db2$var$normal = {
5839
5879
  label: 'leading-6 text-sm mb-2',
5840
5880
  hint: 'leading-6',
5841
5881
  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',
5882
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5843
5883
  trailing: 'pr-3',
5844
5884
  description: 'mt-2 text-sm'
5845
5885
  };
5846
5886
  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',
5887
+ 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
5888
  label: 'text-xs',
5849
5889
  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',
5890
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5851
5891
  description: 'hidden'
5852
5892
  };
5853
5893
  var $43437b181b294db2$var$overlapping = {
@@ -5855,13 +5895,13 @@ var $43437b181b294db2$var$overlapping = {
5855
5895
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5856
5896
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5857
5897
  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',
5898
+ 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
5899
  description: 'hidden'
5860
5900
  };
5861
5901
  var $43437b181b294db2$var$pill = {
5862
5902
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5863
5903
  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',
5904
+ 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
5905
  trailing: 'pr-2',
5866
5906
  description: 'text-xs'
5867
5907
  };
@@ -5878,7 +5918,7 @@ var $43437b181b294db2$var$invalid = {
5878
5918
  description: 'text-sm text-red-600'
5879
5919
  };
5880
5920
  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'
5921
+ 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
5922
  };
5883
5923
  var $43437b181b294db2$var$styles = {
5884
5924
  base: $43437b181b294db2$var$base,
@@ -6158,7 +6198,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
6158
6198
  className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
6159
6199
  children: [
6160
6200
  (0, $4MPRY$jsx)("div", {
6161
- className: "flex-grow",
6201
+ className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).selectMenu.container,
6162
6202
  children: (0, $4MPRY$jsx)((0, $40038b27a5148d69$export$2e2bcd8739ae039), {
6163
6203
  name: "day",
6164
6204
  //
@@ -6325,11 +6365,14 @@ var $2faf095044a1ccf8$export$2e2bcd8739ae039 = $2faf095044a1ccf8$var$OpeningHour
6325
6365
 
6326
6366
  var $99ef0e378c886c3a$var$styles = {
6327
6367
  container: '',
6368
+ selectMenu: {
6369
+ container: "grow"
6370
+ },
6328
6371
  control: {
6329
6372
  container: 'flex items-center',
6330
6373
  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',
6374
+ 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',
6375
+ 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
6376
  sr: 'sr-only'
6334
6377
  }
6335
6378
  };
@@ -6361,15 +6404,15 @@ var $2109d011c77499b4$var$normal = {
6361
6404
  label: 'leading-6 text-sm mb-2',
6362
6405
  hint: 'leading-6',
6363
6406
  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',
6407
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6365
6408
  trailing: 'pr-3',
6366
6409
  description: 'mt-2 text-sm'
6367
6410
  };
6368
6411
  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',
6412
+ 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
6413
  label: 'text-xs',
6371
6414
  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',
6415
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6373
6416
  description: 'hidden'
6374
6417
  };
6375
6418
  var $2109d011c77499b4$var$overlapping = {
@@ -6377,13 +6420,13 @@ var $2109d011c77499b4$var$overlapping = {
6377
6420
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6378
6421
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6379
6422
  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',
6423
+ 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
6424
  description: 'hidden'
6382
6425
  };
6383
6426
  var $2109d011c77499b4$var$pill = {
6384
6427
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6385
6428
  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',
6429
+ 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
6430
  trailing: 'pr-2',
6388
6431
  description: 'text-xs'
6389
6432
  };
@@ -6400,7 +6443,7 @@ var $2109d011c77499b4$var$invalid = {
6400
6443
  description: 'text-sm text-red-600'
6401
6444
  };
6402
6445
  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'
6446
+ 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
6447
  };
6405
6448
  var $2109d011c77499b4$var$styles = {
6406
6449
  base: $2109d011c77499b4$var$base,
@@ -6543,7 +6586,7 @@ var $0ef1dab9988818f3$var$base = {
6543
6586
  description: 'text-gray-400 text-xs mt-1',
6544
6587
  error: 'text-red-500 text-xs mt-1',
6545
6588
  geosuggest: {
6546
- suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-sm text-sm',
6589
+ suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
6547
6590
  suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
6548
6591
  suggestsHiddenClassName: 'hidden'
6549
6592
  }
@@ -6556,15 +6599,15 @@ var $0ef1dab9988818f3$var$normal = {
6556
6599
  label: 'leading-6 text-sm mb-2',
6557
6600
  hint: 'leading-6',
6558
6601
  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',
6602
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6560
6603
  trailing: 'pr-3',
6561
6604
  description: 'mt-2 text-sm'
6562
6605
  };
6563
6606
  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',
6607
+ 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
6608
  label: 'text-xs',
6566
6609
  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',
6610
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6568
6611
  description: 'hidden'
6569
6612
  };
6570
6613
  var $0ef1dab9988818f3$var$overlapping = {
@@ -6572,13 +6615,13 @@ var $0ef1dab9988818f3$var$overlapping = {
6572
6615
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6573
6616
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6574
6617
  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',
6618
+ 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
6619
  description: 'hidden'
6577
6620
  };
6578
6621
  var $0ef1dab9988818f3$var$pill = {
6579
6622
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6580
6623
  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',
6624
+ 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
6625
  trailing: 'pr-2',
6583
6626
  description: 'text-xs'
6584
6627
  };
@@ -6595,7 +6638,7 @@ var $0ef1dab9988818f3$var$invalid = {
6595
6638
  description: 'text-sm text-red-600'
6596
6639
  };
6597
6640
  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'
6641
+ 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
6642
  };
6600
6643
  var $0ef1dab9988818f3$var$styles = {
6601
6644
  base: $0ef1dab9988818f3$var$base,
@@ -6788,8 +6831,8 @@ var $3f6ca002faff40a3$var$getDateString = function(date) {
6788
6831
  if ((_a = date.options) === null || _a === void 0 ? void 0 : _a.format) return (0, $4e61e073e8ab55ca$export$b7c4e1545c61edee)(date.value, {
6789
6832
  format: date.options.format
6790
6833
  });
6791
- if (((_b = date.options) === null || _b === void 0 ? void 0 : _b.type) === 'dateTime') return (0, $4e61e073e8ab55ca$export$b489b1fb1454ddcf)(date.value);
6792
- if (((_c = date.options) === null || _c === void 0 ? void 0 : _c.type) === 'dateAtTime') return (0, $4e61e073e8ab55ca$export$9b56e83e909e2c38)(date.value);
6834
+ if (((_b = date.options) === null || _b === void 0 ? void 0 : _b.type) === 'time') return (0, $4e61e073e8ab55ca$export$b489b1fb1454ddcf)(date.value);
6835
+ if (((_c = date.options) === null || _c === void 0 ? void 0 : _c.type) === 'dateTime') return (0, $4e61e073e8ab55ca$export$9b56e83e909e2c38)(date.value);
6793
6836
  return (0, $4e61e073e8ab55ca$export$b7c4e1545c61edee)(date.value);
6794
6837
  };
6795
6838
  var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
@@ -6807,8 +6850,9 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
6807
6850
  return "overflow-hidden text-ellipsis ".concat((0, $4MPRY$get)(sizes, size, ''), " block");
6808
6851
  }, []);
6809
6852
  var createAccessor = (0, $4MPRY$useCallback)(function(key, getCellContent, excelMapper, options) {
6853
+ var _a;
6810
6854
  return accessor(key, {
6811
- header: t("component.form.label.".concat(key)),
6855
+ header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
6812
6856
  enableSorting: (0, $4MPRY$get)(options, 'enableSorting', true),
6813
6857
  cell: function(cell) {
6814
6858
  return getCellContent(cell, options);