@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.
Files changed (8) hide show
  1. package/dist/index.d.ts +11 -2
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.esm.js +185 -141
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +184 -140
  6. package/dist/index.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +9 -6
package/dist/index.js CHANGED
@@ -216,7 +216,7 @@ var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
216
216
 
217
217
  var $f0fe9ee023657b4a$var$base = {
218
218
  loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
219
- spinner: 'w-5 h-5 animate-spin text-gray-400',
219
+ spinner: 'animate-spin text-gray-400',
220
220
  empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
221
221
  placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
222
222
  container: 'inline-block bg-gray-100 bg-cover bg-center',
@@ -224,7 +224,7 @@ var $f0fe9ee023657b4a$var$base = {
224
224
  };
225
225
  var $f0fe9ee023657b4a$var$xs = {
226
226
  loading: 'h-6 w-6',
227
- spinner: 'h-6 w-6',
227
+ spinner: 'h-3 w-3 ',
228
228
  empty: 'h-6 w-6',
229
229
  placeholder: 'h-6 w-6',
230
230
  container: 'h-6 w-6',
@@ -232,7 +232,7 @@ var $f0fe9ee023657b4a$var$xs = {
232
232
  };
233
233
  var $f0fe9ee023657b4a$var$sm = {
234
234
  loading: 'h-8 w-8',
235
- spinner: 'h-8 w-8',
235
+ spinner: 'h-5 w-5',
236
236
  empty: 'h-8 w-8',
237
237
  placeholder: 'h-8 w-8',
238
238
  container: 'h-8 w-8',
@@ -240,7 +240,7 @@ var $f0fe9ee023657b4a$var$sm = {
240
240
  };
241
241
  var $f0fe9ee023657b4a$var$md = {
242
242
  loading: 'h-10 w-10',
243
- spinner: 'h-10 w-10',
243
+ spinner: 'h-7 w-7',
244
244
  empty: 'h-10 w-10',
245
245
  placeholder: 'h-10 w-10',
246
246
  container: 'h-10 w-10',
@@ -248,7 +248,7 @@ var $f0fe9ee023657b4a$var$md = {
248
248
  };
249
249
  var $f0fe9ee023657b4a$var$lg = {
250
250
  loading: 'h-12 w-12',
251
- spinner: 'h-12 w-12',
251
+ spinner: 'h-8 w-8',
252
252
  empty: 'h-12 w-12',
253
253
  placeholder: 'h-12 w-12',
254
254
  container: 'h-12 w-12',
@@ -256,7 +256,7 @@ var $f0fe9ee023657b4a$var$lg = {
256
256
  };
257
257
  var $f0fe9ee023657b4a$var$xl = {
258
258
  loading: 'h-14 w-14',
259
- spinner: 'h-14 w-14',
259
+ spinner: 'h-10 w-10',
260
260
  empty: 'h-14 w-14',
261
261
  placeholder: 'h-14 w-14',
262
262
  container: 'h-14 w-14',
@@ -470,15 +470,15 @@ var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement
470
470
 
471
471
 
472
472
  var $fbfda6b39c475fe4$var$base = {
473
- container: 'rounded-sm p-4 border-l-4',
473
+ container: 'rounded-xs p-4 border-l-4',
474
474
  icon: 'h-5 w-5',
475
475
  content: {
476
476
  container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
477
- iconContainer: 'flex-shrink-0',
477
+ iconContainer: 'shrink-0',
478
478
  title: 'text-md font-semibold',
479
479
  message: 'text-sm',
480
480
  actions: 'flex gap-2',
481
- action: 'h-5 w-5 !p-0 hover:opacity-60 cursor-pointer',
481
+ action: 'h-5 w-5 p-0! hover:opacity-60 cursor-pointer',
482
482
  inverted: 'rotate-180'
483
483
  }
484
484
  };
@@ -634,7 +634,7 @@ var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$AlertElemen
634
634
  var $ede6d6a597d91170$var$base = {
635
635
  container: 'inline-flex items-center font-medium py-0.5',
636
636
  indicator: '',
637
- 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'
637
+ button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden'
638
638
  };
639
639
  var $ede6d6a597d91170$var$normal = {
640
640
  container: 'px-2.5'
@@ -646,7 +646,7 @@ var $ede6d6a597d91170$var$close = {
646
646
  container: 'pl-2.5 pr-1'
647
647
  };
648
648
  var $ede6d6a597d91170$var$primary = {
649
- container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
649
+ container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
650
650
  };
651
651
  var $ede6d6a597d91170$var$secondary = {
652
652
  container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
@@ -696,7 +696,7 @@ var $ede6d6a597d91170$var$blue = {
696
696
  var $ede6d6a597d91170$var$indigo = {
697
697
  container: 'bg-primary-100 text-primary-800',
698
698
  indicator: 'text-primary-400',
699
- button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-none focus:bg-primary-500'
699
+ button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-hidden focus:bg-primary-500'
700
700
  };
701
701
  var $ede6d6a597d91170$var$purple = {
702
702
  container: 'bg-purple-100 text-purple-800',
@@ -817,7 +817,7 @@ var $0b842d364fa010cf$export$2e2bcd8739ae039 = $0b842d364fa010cf$var$BadgeElemen
817
817
 
818
818
  var $01e7f39f7556f2cb$var$base = {
819
819
  container: 'w-fit h-fit relative group/tooltip',
820
- 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',
820
+ 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',
821
821
  arrow: {
822
822
  stroke: '#e5e7eb',
823
823
  fill: 'white',
@@ -928,13 +928,13 @@ var $1c4aa673c4ad6947$export$2e2bcd8739ae039 = $1c4aa673c4ad6947$var$TooltipElem
928
928
 
929
929
 
930
930
  var $49bae43ec3aceb33$var$base = {
931
- 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',
931
+ 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',
932
932
  content: 'flex gap-2',
933
933
  icon: '',
934
934
  spinner: 'animate-spin'
935
935
  };
936
936
  var $49bae43ec3aceb33$var$primary = {
937
- container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
937
+ container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
938
938
  };
939
939
  var $49bae43ec3aceb33$var$secondary = {
940
940
  container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
@@ -969,15 +969,15 @@ var $49bae43ec3aceb33$var$loading = {
969
969
  content: 'flex items-center'
970
970
  };
971
971
  var $49bae43ec3aceb33$var$success = {
972
- container: '!bg-emerald-500 hover:bg-emerald-600 !text-white duration-300',
972
+ container: 'bg-emerald-500! hover:bg-emerald-600 text-white! duration-300',
973
973
  content: 'flex items-center'
974
974
  };
975
975
  var $49bae43ec3aceb33$var$error = {
976
- container: 'bg-rose-400 hover:bg-rose-500 !text-white duration-300',
976
+ container: 'bg-rose-400 hover:bg-rose-500 text-white! duration-300',
977
977
  content: 'flex items-center'
978
978
  };
979
979
  var $49bae43ec3aceb33$var$disabled = {
980
- container: '!opacity-20 !cursor-not-allowed'
980
+ container: 'opacity-20! cursor-not-allowed!'
981
981
  };
982
982
  var $49bae43ec3aceb33$var$styles = {
983
983
  base: $49bae43ec3aceb33$var$base,
@@ -1074,10 +1074,10 @@ var $98b8616b6ef0f950$export$2e2bcd8739ae039 = $98b8616b6ef0f950$var$ButtonEleme
1074
1074
 
1075
1075
 
1076
1076
  var $272b7895642d0ad9$var$base = {
1077
- container: 'relative z-0 inline-flex shadow-sm rounded-md',
1078
- 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',
1079
- 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',
1080
- 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'
1077
+ container: 'relative z-0 inline-flex shadow-xs rounded-md',
1078
+ 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',
1079
+ 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',
1080
+ 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'
1081
1081
  };
1082
1082
  var $272b7895642d0ad9$var$styles = {
1083
1083
  base: $272b7895642d0ad9$var$base
@@ -1123,10 +1123,10 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
1123
1123
 
1124
1124
  var $87a4b9b6cee76290$var$base = {
1125
1125
  container: 'inline-block text-left',
1126
- 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',
1127
- 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',
1126
+ 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',
1127
+ 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',
1128
1128
  dots: 'h-7 w-7 p-1',
1129
- 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'
1129
+ 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'
1130
1130
  };
1131
1131
  var $87a4b9b6cee76290$var$button = {};
1132
1132
  var $87a4b9b6cee76290$var$compact = {};
@@ -1256,15 +1256,15 @@ var $143cee146891bafc$var$normal = {
1256
1256
  label: 'leading-6 text-sm mb-2',
1257
1257
  hint: 'leading-6',
1258
1258
  leading: 'pl-3',
1259
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1259
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1260
1260
  trailing: 'pr-3',
1261
1261
  description: 'mt-2 text-sm'
1262
1262
  };
1263
1263
  var $143cee146891bafc$var$inset = {
1264
- 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',
1264
+ 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',
1265
1265
  label: 'text-xs',
1266
1266
  hint: 'text-xs',
1267
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1267
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1268
1268
  description: 'hidden'
1269
1269
  };
1270
1270
  var $143cee146891bafc$var$overlapping = {
@@ -1272,13 +1272,13 @@ var $143cee146891bafc$var$overlapping = {
1272
1272
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1273
1273
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1274
1274
  hint: 'text-xs mr-4 bg-white px-1',
1275
- 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',
1275
+ 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',
1276
1276
  description: 'hidden'
1277
1277
  };
1278
1278
  var $143cee146891bafc$var$pill = {
1279
1279
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1280
1280
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
1281
- 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',
1281
+ 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',
1282
1282
  trailing: 'pr-2',
1283
1283
  description: 'text-xs'
1284
1284
  };
@@ -1295,7 +1295,7 @@ var $143cee146891bafc$var$invalid = {
1295
1295
  description: 'text-sm text-red-600'
1296
1296
  };
1297
1297
  var $143cee146891bafc$var$disabled = {
1298
- 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'
1298
+ 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'
1299
1299
  };
1300
1300
  var $143cee146891bafc$var$styles = {
1301
1301
  base: $143cee146891bafc$var$base,
@@ -1381,7 +1381,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
1381
1381
  name: name,
1382
1382
  id: name,
1383
1383
  "data-cy": inputDataCy,
1384
- className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '!h-10'),
1384
+ className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType === 'color' && 'h-10!'),
1385
1385
  placeholder: placeholder,
1386
1386
  defaultValue: isSolo ? value : undefined,
1387
1387
  value: isSolo ? undefined : value,
@@ -1619,22 +1619,22 @@ var $242521b935f4e17d$var$fillSticky = {
1619
1619
  item: 'px-4 py-4 sm:px-0'
1620
1620
  };
1621
1621
  var $242521b935f4e17d$var$center = {
1622
- container: 'bg-white shadow overflow-hidden rounded-md',
1622
+ container: 'bg-white shadow-sm overflow-hidden rounded-md',
1623
1623
  list: 'divide-y divide-gray-200',
1624
1624
  item: 'px-6 py-4'
1625
1625
  };
1626
1626
  var $242521b935f4e17d$var$centerSticky = {
1627
- container: 'bg-white shadow overflow-hidden sm:rounded-md',
1627
+ container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
1628
1628
  list: 'divide-y divide-gray-200',
1629
1629
  item: 'px-4 py-4 sm:px-6'
1630
1630
  };
1631
1631
  var $242521b935f4e17d$var$card = {
1632
1632
  list: 'space-y-3',
1633
- item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
1633
+ item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
1634
1634
  };
1635
1635
  var $242521b935f4e17d$var$cardSticky = {
1636
1636
  list: 'space-y-3',
1637
- item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1637
+ item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
1638
1638
  };
1639
1639
  var $242521b935f4e17d$var$styles = {
1640
1640
  base: $242521b935f4e17d$var$base,
@@ -1684,7 +1684,7 @@ var $5c01bea99698c727$export$2e2bcd8739ae039 = $5c01bea99698c727$var$ListContain
1684
1684
 
1685
1685
  var $fa6d1f2002246baa$var$base = {
1686
1686
  container: '',
1687
- figure: 'mr-4 flex-shrink-0',
1687
+ figure: 'mr-4 shrink-0',
1688
1688
  svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
1689
1689
  title: 'text-lg font-bold',
1690
1690
  paragraph: 'mt-1'
@@ -1818,7 +1818,7 @@ var $a4946e7e5628bd1a$export$2e2bcd8739ae039 = $a4946e7e5628bd1a$var$MediaObject
1818
1818
 
1819
1819
 
1820
1820
  var $8a2788b89df96594$var$base = {
1821
- container: 'bg-white overflow-hidden shadow',
1821
+ container: 'bg-white overflow-hidden shadow-sm',
1822
1822
  section: 'px-4 py-5 sm:px-6'
1823
1823
  };
1824
1824
  var $8a2788b89df96594$var$normal = {
@@ -1910,16 +1910,16 @@ var $f32ee84b87891376$var$base = {
1910
1910
  leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
1911
1911
  input: 'block w-full flex border',
1912
1912
  menuButton: '',
1913
- menu: 'z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
1914
- tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm',
1913
+ menu: 'z-10 px-0! py-0! w-full! rounded-md overflow-hidden border mt-1! absolute bg-white',
1914
+ tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-xs',
1915
1915
  tagItemText: 'text-xs',
1916
- 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',
1916
+ 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',
1917
1917
  tagItemIcon: '',
1918
- list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
1918
+ list: 'px-0! w-full! *:px-0 max-h-56 overflow-scroll py-1!',
1919
1919
  listGroupLabel: '',
1920
- listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
1920
+ listItem: 'w-full! list-none! hover:bg-primary-500 hover:text-white py-2! px-2!',
1921
1921
  listDisabledItem: '',
1922
- searchContainer: '!w-full !px-2 !py-2 border-b',
1922
+ searchContainer: 'w-full! px-2! py-2! border-b',
1923
1923
  searchBox: '',
1924
1924
  searchIcon: '',
1925
1925
  closeIcon: '',
@@ -1936,15 +1936,15 @@ var $f32ee84b87891376$var$normal = {
1936
1936
  label: 'leading-6 text-sm mb-2',
1937
1937
  hint: 'leading-6',
1938
1938
  leading: 'pl-3',
1939
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1939
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
1940
1940
  trailing: '',
1941
1941
  description: 'mt-2 text-sm'
1942
1942
  };
1943
1943
  var $f32ee84b87891376$var$inset = {
1944
- 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',
1944
+ 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',
1945
1945
  label: 'text-xs',
1946
1946
  hint: 'text-xs',
1947
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1947
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
1948
1948
  description: 'hidden'
1949
1949
  };
1950
1950
  var $f32ee84b87891376$var$overlapping = {
@@ -1952,13 +1952,13 @@ var $f32ee84b87891376$var$overlapping = {
1952
1952
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
1953
1953
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
1954
1954
  hint: 'text-xs mr-4 bg-white px-1',
1955
- 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',
1955
+ 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',
1956
1956
  description: 'hidden'
1957
1957
  };
1958
1958
  var $f32ee84b87891376$var$pill = {
1959
1959
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
1960
1960
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
1961
- 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',
1961
+ 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',
1962
1962
  trailing: 'pr-2',
1963
1963
  description: 'text-xs'
1964
1964
  };
@@ -1975,7 +1975,7 @@ var $f32ee84b87891376$var$invalid = {
1975
1975
  description: 'text-sm text-red-600'
1976
1976
  };
1977
1977
  var $f32ee84b87891376$var$disabled = {
1978
- 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'
1978
+ 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'
1979
1979
  };
1980
1980
  var $f32ee84b87891376$var$styles = {
1981
1981
  base: $f32ee84b87891376$var$base,
@@ -2083,7 +2083,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
2083
2083
  //
2084
2084
  classNames: {
2085
2085
  menuButton: function() {
2086
- return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null && '[&>*]:!text-gray-300 ', state === null && !isValid && isTouched && '[&>*]:!text-red-300');
2086
+ return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!');
2087
2087
  },
2088
2088
  menu: styles.menu,
2089
2089
  tagItem: function() {
@@ -2144,7 +2144,7 @@ var $29e64a7359c8fd48$var$base = {
2144
2144
  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',
2145
2145
  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',
2146
2146
  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',
2147
- navigation: 'isolate inline-flex -space-x-px rounded-md shadow-sm'
2147
+ navigation: 'isolate inline-flex -space-x-px rounded-md shadow-xs'
2148
2148
  },
2149
2149
  button: {
2150
2150
  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',
@@ -2154,7 +2154,7 @@ var $29e64a7359c8fd48$var$base = {
2154
2154
  divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
2155
2155
  label: 'sr-only',
2156
2156
  icon: 'w-5 h-5',
2157
- pageSizeList: '!overflow-hidden'
2157
+ pageSizeList: 'overflow-hidden!'
2158
2158
  };
2159
2159
  var $29e64a7359c8fd48$var$styles = {
2160
2160
  base: $29e64a7359c8fd48$var$base
@@ -2674,19 +2674,19 @@ var $77914cd9d098713a$var$base = {
2674
2674
  container: '',
2675
2675
  row: '',
2676
2676
  cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
2677
- 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'
2677
+ 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'
2678
2678
  },
2679
2679
  body: {
2680
2680
  container: 'divide-y divide-gray-200',
2681
2681
  row: '',
2682
2682
  cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
2683
- 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',
2684
2684
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
2685
2685
  }
2686
2686
  }
2687
2687
  },
2688
2688
  sortIndicator: {
2689
- container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
2689
+ container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded-sm',
2690
2690
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
2691
2691
  isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
2692
2692
  icon: {
@@ -2717,7 +2717,7 @@ var $77914cd9d098713a$var$normal = {
2717
2717
  var $77914cd9d098713a$var$panel = {
2718
2718
  body: {
2719
2719
  content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
2720
- styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg',
2720
+ styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg',
2721
2721
  table: {
2722
2722
  head: {
2723
2723
  container: 'bg-gray-50'
@@ -2731,7 +2731,7 @@ var $77914cd9d098713a$var$panel = {
2731
2731
  var $77914cd9d098713a$var$full = {
2732
2732
  body: {
2733
2733
  content: 'inline-block min-w-full py-2 align-middle',
2734
- styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black ring-opacity-5',
2734
+ styleWrapper: 'relative overflow-hidden shadow-xs ring-1 ring-black/5',
2735
2735
  table: {
2736
2736
  head: {
2737
2737
  container: 'bg-gray-50'
@@ -2744,7 +2744,7 @@ var $77914cd9d098713a$var$sticky = {
2744
2744
  table: {
2745
2745
  container: 'min-w-full border-separate',
2746
2746
  head: {
2747
- cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50 bg-opacity-75 backdrop-blur backdrop-filter sm:table-cell'
2747
+ cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50/75 backdrop-blur-sm backdrop-filter sm:table-cell'
2748
2748
  }
2749
2749
  }
2750
2750
  }
@@ -2763,7 +2763,7 @@ var $77914cd9d098713a$var$separated = {
2763
2763
  };
2764
2764
  var $77914cd9d098713a$var$controlled = {
2765
2765
  controls: {
2766
- container: '!flex'
2766
+ container: 'flex!'
2767
2767
  }
2768
2768
  };
2769
2769
  var $77914cd9d098713a$var$styles = {
@@ -2978,7 +2978,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
2978
2978
  }),
2979
2979
  (0, $iA2ta$reactjsxruntime.jsx)((0, $98b8616b6ef0f950$export$2e2bcd8739ae039), {
2980
2980
  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 : {
2981
- container: '!py-1.5 !px-3'
2981
+ container: 'py-1.5! px-3!'
2982
2982
  },
2983
2983
  onClick: function() {
2984
2984
  var sheets = generate(table);
@@ -3156,7 +3156,7 @@ var $ad4435d9ab2ba956$var$base = {
3156
3156
  head: {
3157
3157
  container: '',
3158
3158
  row: '',
3159
- 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',
3159
+ 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',
3160
3160
  column: {
3161
3161
  pinned: {
3162
3162
  cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
@@ -3167,7 +3167,7 @@ var $ad4435d9ab2ba956$var$base = {
3167
3167
  wrapper: 'grid gap-x-1 items-center',
3168
3168
  text: 'whitespace-normal break-words',
3169
3169
  sortIndicator: {
3170
- container: 'ml-2 inline-flex items-center rounded',
3170
+ container: 'ml-2 inline-flex items-center rounded-sm',
3171
3171
  isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
3172
3172
  isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
3173
3173
  icon: {
@@ -3187,7 +3187,7 @@ var $ad4435d9ab2ba956$var$base = {
3187
3187
  },
3188
3188
  cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
3189
3189
  sticky: 'border-b border-gray-200',
3190
- 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',
3190
+ 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',
3191
3191
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
3192
3192
  }
3193
3193
  }
@@ -3230,11 +3230,12 @@ var $51d5596368acf759$var$__spreadArray = undefined && undefined.__spreadArray |
3230
3230
  return to.concat(ar || Array.prototype.slice.call(from));
3231
3231
  };
3232
3232
  var $51d5596368acf759$var$TableList2 = function(props) {
3233
- 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;
3233
+ 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;
3234
3234
  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;
3235
- var _1 = (0, $iA2ta$react.useState)({}), columnVisibility = _1[0], setColumnVisibility = _1[1];
3236
- var _2 = (0, $iA2ta$react.useState)([]), columnOrder = _2[0], setColumnOrder = _2[1];
3237
- var _3 = (0, $iA2ta$react.useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _3[0], setSorting = _3[1];
3235
+ var _8 = (0, $iA2ta$react.useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
3236
+ var _9 = (0, $iA2ta$react.useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
3237
+ var _10 = (0, $iA2ta$react.useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
3238
+ var _11 = (0, $iA2ta$react.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];
3238
3239
  var handleGenerateStyle = function() {
3239
3240
  var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
3240
3241
  var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
@@ -3290,9 +3291,11 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3290
3291
  return visibilityState;
3291
3292
  }, [
3292
3293
  config.columns,
3293
- (_c = config.options) === null || _c === void 0 ? void 0 : _c.defaultVisibility
3294
+ (_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
3294
3295
  ]);
3295
3296
  var table = (0, $iA2ta$tanstackreacttable.useReactTable)({
3297
+ getExpandedRowModel: (0, $iA2ta$tanstackreacttable.getExpandedRowModel)(),
3298
+ getGroupedRowModel: (0, $iA2ta$tanstackreacttable.getGroupedRowModel)(),
3296
3299
  getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
3297
3300
  columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
3298
3301
  {
@@ -3311,7 +3314,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3311
3314
  state: {
3312
3315
  sorting: sorting,
3313
3316
  columnVisibility: columnVisibility,
3314
- columnOrder: columnOrder
3317
+ columnOrder: columnOrder,
3318
+ grouping: grouping
3315
3319
  },
3316
3320
  initialState: {
3317
3321
  columnVisibility: isDraggable ? $51d5596368acf759$var$__assign({
@@ -3319,17 +3323,20 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3319
3323
  }, initialVisibilityState) : initialVisibilityState,
3320
3324
  columnOrder: isDraggable ? $51d5596368acf759$var$__spreadArray([
3321
3325
  'drag-handle'
3322
- ], (_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,
3326
+ ], (_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,
3323
3327
  columnPinning: {
3324
- left: (_j = (0, $iA2ta$lodash.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 : [],
3325
- right: (_m = (0, $iA2ta$lodash.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 : []
3326
- }
3328
+ left: (_m = (0, $iA2ta$lodash.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 : [],
3329
+ right: (_q = (0, $iA2ta$lodash.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 : []
3330
+ },
3331
+ grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
3332
+ expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
3327
3333
  },
3328
3334
  manualPagination: true,
3329
3335
  manualSorting: true,
3330
3336
  onSortingChange: setSorting,
3331
3337
  onColumnVisibilityChange: setColumnVisibility,
3332
3338
  onColumnOrderChange: setColumnOrder,
3339
+ onGroupingChange: setGrouping,
3333
3340
  getRowId: function(row) {
3334
3341
  return (0, $iA2ta$lodash.get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
3335
3342
  }
@@ -3341,15 +3348,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3341
3348
  sorting: sorting,
3342
3349
  columnVisibility: columnVisibility,
3343
3350
  columnOrder: columnOrder,
3351
+ grouping: grouping,
3344
3352
  //
3345
3353
  setSorting: setSorting,
3346
3354
  setColumnVisibility: setColumnVisibility,
3347
- setColumnOrder: setColumnOrder
3355
+ setColumnOrder: setColumnOrder,
3356
+ setGrouping: setGrouping
3348
3357
  };
3349
3358
  }, [
3350
3359
  columnOrder,
3351
3360
  columnVisibility,
3352
3361
  sorting,
3362
+ grouping,
3353
3363
  table
3354
3364
  ]);
3355
3365
  // Trigger onChange handler when state changes.
@@ -3383,7 +3393,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3383
3393
  setColumnVisibility(visibility_1);
3384
3394
  }
3385
3395
  }, [
3386
- (_o = config === null || config === void 0 ? void 0 : config.options) === null || _o === void 0 ? void 0 : _o.defaultVisibility,
3396
+ (_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
3387
3397
  id,
3388
3398
  table
3389
3399
  ]);
@@ -3408,7 +3418,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3408
3418
  }
3409
3419
  }, [
3410
3420
  config.columns,
3411
- (_p = config === null || config === void 0 ? void 0 : config.options) === null || _p === void 0 ? void 0 : _p.defaultOrder,
3421
+ (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
3412
3422
  id,
3413
3423
  isDraggable
3414
3424
  ]);
@@ -3453,7 +3463,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3453
3463
  return onRowClick && onRowClick(row);
3454
3464
  },
3455
3465
  className: (0, $622cd2936b18c771$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),
3456
- children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
3466
+ children: row.getIsGrouped() ? (0, $iA2ta$reactjsxruntime.jsx)("td", {
3467
+ colSpan: row.getVisibleCells().length,
3468
+ children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
3469
+ className: styles.body.table.body.groupedRow,
3470
+ children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
3471
+ return (0, $iA2ta$reactjsxruntime.jsx)("div", {
3472
+ className: styles.body.table.body.groupedRowCell,
3473
+ children: (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
3474
+ }, cell.id);
3475
+ })
3476
+ })
3477
+ }) : (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
3457
3478
  var _a, _b, _c;
3458
3479
  return (0, $iA2ta$reactjsxruntime.jsx)("td", {
3459
3480
  className: (0, $622cd2936b18c771$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),
@@ -3479,7 +3500,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3479
3500
  return acc + size;
3480
3501
  }, 0);
3481
3502
  }, [
3482
- (_q = config.options) === null || _q === void 0 ? void 0 : _q.columnPinning
3503
+ (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
3483
3504
  ]);
3484
3505
  var getCommonPinningStyles = (0, $iA2ta$react.useCallback)(function(column) {
3485
3506
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -3500,10 +3521,10 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3500
3521
  right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
3501
3522
  };
3502
3523
  }, [
3503
- (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.columnPinning) === null || _s === void 0 ? void 0 : _s.customShadow,
3504
- (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.columnPinning) === null || _u === void 0 ? void 0 : _u.disableShadow,
3505
- (_w = (_v = config.options) === null || _v === void 0 ? void 0 : _v.columnPinning) === null || _w === void 0 ? void 0 : _w.left,
3506
- (_y = (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning) === null || _y === void 0 ? void 0 : _y.right,
3524
+ (_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
3525
+ (_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
3526
+ (_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
3527
+ (_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
3507
3528
  styles.body.table.pinnedColumns.left,
3508
3529
  styles.body.table.pinnedColumns.right,
3509
3530
  getPinnedColumnsWidth
@@ -3594,13 +3615,32 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3594
3615
  },
3595
3616
  className: (0, $622cd2936b18c771$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),
3596
3617
  children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
3597
- var _a, _b, _c;
3618
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
3598
3619
  return (0, $iA2ta$reactjsxruntime.jsx)("td", {
3599
3620
  className: (0, $622cd2936b18c771$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),
3600
3621
  style: $51d5596368acf759$var$__assign({
3601
3622
  width: cell.column.getSize()
3602
3623
  }, getCommonPinningStyles(cell.column)),
3603
- children: (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
3624
+ children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
3625
+ (0, $iA2ta$reactjsxruntime.jsxs)("button", {
3626
+ onClick: row.getToggleExpandedHandler(),
3627
+ style: {
3628
+ cursor: row.getCanExpand() ? 'pointer' : 'normal'
3629
+ },
3630
+ children: [
3631
+ (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
3632
+ 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"
3633
+ }),
3634
+ ' ',
3635
+ (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()),
3636
+ " (",
3637
+ row.subRows.length,
3638
+ ")"
3639
+ ]
3640
+ }) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
3641
+ // renderer for cell
3642
+ (0, $iA2ta$tanstackreacttable.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
3643
+ (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
3604
3644
  }, cell.id);
3605
3645
  })
3606
3646
  }, row.id);
@@ -3609,7 +3649,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3609
3649
  ]
3610
3650
  }),
3611
3651
  (0, $iA2ta$lodash.isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$reactjsxruntime.Fragment), {
3612
- 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, $iA2ta$reactjsxruntime.jsx)("div", {
3652
+ 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, $iA2ta$reactjsxruntime.jsx)("div", {
3613
3653
  className: (0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).empty,
3614
3654
  children: "There is no data to show..."
3615
3655
  })
@@ -3677,7 +3717,7 @@ var $85a1f6cb909619f6$var$base = {
3677
3717
  container: 'flex',
3678
3718
  content: 'flex items-center',
3679
3719
  link: 'text-gray-400 hover:text-gray-500',
3680
- icon: 'h-5 w-5 flex-shrink-0',
3720
+ icon: 'h-5 w-5 shrink-0',
3681
3721
  span: 'sr-only'
3682
3722
  },
3683
3723
  page: {
@@ -3689,7 +3729,7 @@ var $85a1f6cb909619f6$var$base = {
3689
3729
  var $85a1f6cb909619f6$var$slashes = {
3690
3730
  container: '',
3691
3731
  list: 'items-center space-x-4',
3692
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3732
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3693
3733
  home: {
3694
3734
  container: '',
3695
3735
  content: '',
@@ -3706,7 +3746,7 @@ var $85a1f6cb909619f6$var$slashes = {
3706
3746
  var $85a1f6cb909619f6$var$chevrons = {
3707
3747
  container: '',
3708
3748
  list: 'items-center space-x-4',
3709
- separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
3749
+ separator: 'h-5 w-5 shrink-0 text-gray-400',
3710
3750
  home: {
3711
3751
  container: '',
3712
3752
  content: '',
@@ -3722,8 +3762,8 @@ var $85a1f6cb909619f6$var$chevrons = {
3722
3762
  };
3723
3763
  var $85a1f6cb909619f6$var$panel = {
3724
3764
  container: '',
3725
- list: 'space-x-4 rounded-md bg-white px-6 shadow',
3726
- separator: 'h-full w-6 flex-shrink-0 text-gray-200',
3765
+ list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
3766
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3727
3767
  home: {
3728
3768
  container: '',
3729
3769
  content: '',
@@ -3739,8 +3779,8 @@ var $85a1f6cb909619f6$var$panel = {
3739
3779
  };
3740
3780
  var $85a1f6cb909619f6$var$bar = {
3741
3781
  container: 'border-b border-gray-200 bg-white',
3742
- list: 'mx-auto w-full max-w-screen-xl space-x-4 px-4 sm:px-6 lg:px-8',
3743
- separator: 'h-full w-6 flex-shrink-0 text-gray-200',
3782
+ list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
3783
+ separator: 'h-full w-6 shrink-0 text-gray-200',
3744
3784
  home: {
3745
3785
  container: '',
3746
3786
  content: '',
@@ -4171,7 +4211,7 @@ var $9420756208be2d43$var$defaultStyles = {
4171
4211
  head: 'sm:hidden',
4172
4212
  body: 'hidden sm:block',
4173
4213
  label: 'sr-only',
4174
- 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',
4214
+ 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',
4175
4215
  navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
4176
4216
  },
4177
4217
  tab: {
@@ -4343,7 +4383,7 @@ var $06795e94e474e27d$var$Item = function(props) {
4343
4383
  var styles = handleGenerateStyle();
4344
4384
  if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsxs)(LinkComponent, {
4345
4385
  href: href,
4346
- className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
4386
+ className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
4347
4387
  onClick: onClick,
4348
4388
  children: [
4349
4389
  icon,
@@ -4351,7 +4391,7 @@ var $06795e94e474e27d$var$Item = function(props) {
4351
4391
  ]
4352
4392
  });
4353
4393
  return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
4354
- className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
4394
+ className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
4355
4395
  onClick: !isLoading ? onClick : function() {
4356
4396
  return null;
4357
4397
  },
@@ -4457,7 +4497,7 @@ var $0c375068531e97ec$export$2e2bcd8739ae039 = $0c375068531e97ec$var$VerticalNav
4457
4497
  var $58654b0ec0449aca$var$base = {
4458
4498
  container: 'relative z-20',
4459
4499
  background: {
4460
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4500
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4461
4501
  transition: {
4462
4502
  enter: 'ease-out duration-300',
4463
4503
  enterFrom: 'opacity-0',
@@ -4625,7 +4665,7 @@ var $a1e7d7fbedad6718$var$base = {
4625
4665
  inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
4626
4666
  },
4627
4667
  panel: {
4628
- container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
4668
+ container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
4629
4669
  transition: {
4630
4670
  enter: 'transform ease-out duration-300 transition',
4631
4671
  enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
@@ -4762,7 +4802,7 @@ var $3ee7d58696c55c1b$export$2e2bcd8739ae039 = $3ee7d58696c55c1b$var$Notificatio
4762
4802
  var $26db7adab9cc8c97$var$base = {
4763
4803
  container: 'relative z-20',
4764
4804
  background: {
4765
- container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
4805
+ container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
4766
4806
  transition: {
4767
4807
  enter: 'ease-in-out duration-500',
4768
4808
  enterFrom: 'opacity-0',
@@ -5223,15 +5263,15 @@ var $0255f3e4133715cf$var$normal = {
5223
5263
  label: 'leading-6 text-sm mb-2',
5224
5264
  hint: 'leading-6',
5225
5265
  leading: 'pl-3',
5226
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5266
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5227
5267
  trailing: 'pr-3',
5228
5268
  description: 'mt-2 text-sm'
5229
5269
  };
5230
5270
  var $0255f3e4133715cf$var$inset = {
5231
- 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',
5271
+ 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',
5232
5272
  label: 'text-xs',
5233
5273
  hint: 'text-xs',
5234
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5274
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5235
5275
  description: 'hidden'
5236
5276
  };
5237
5277
  var $0255f3e4133715cf$var$overlapping = {
@@ -5239,13 +5279,13 @@ var $0255f3e4133715cf$var$overlapping = {
5239
5279
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5240
5280
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5241
5281
  hint: 'text-xs mr-4 bg-white px-1',
5242
- 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',
5282
+ 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',
5243
5283
  description: 'hidden'
5244
5284
  };
5245
5285
  var $0255f3e4133715cf$var$pill = {
5246
5286
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5247
5287
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
5248
- 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',
5288
+ 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',
5249
5289
  trailing: 'pr-2',
5250
5290
  description: 'text-xs'
5251
5291
  };
@@ -5256,13 +5296,13 @@ var $0255f3e4133715cf$var$floored = {
5256
5296
  description: 'text-xs mt-2'
5257
5297
  };
5258
5298
  var $0255f3e4133715cf$var$invalid = {
5259
- container: '!ring-red-500',
5299
+ container: 'ring-red-500!',
5260
5300
  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',
5261
5301
  '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',
5262
5302
  description: 'text-sm text-red-600'
5263
5303
  };
5264
5304
  var $0255f3e4133715cf$var$disabled = {
5265
- 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'
5305
+ 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'
5266
5306
  };
5267
5307
  var $0255f3e4133715cf$var$styles = {
5268
5308
  base: $0255f3e4133715cf$var$base,
@@ -5496,14 +5536,14 @@ var $cfe896cfd0088e03$var$base = {
5496
5536
  container: 'relative flex items-start',
5497
5537
  head: 'flex h-6 items-center',
5498
5538
  body: 'ml-3 text-sm leading-6',
5499
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5539
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5500
5540
  label: 'font-medium text-gray-900',
5501
5541
  description: 'text-gray-500'
5502
5542
  }
5503
5543
  };
5504
5544
  var $cfe896cfd0088e03$var$disabled = {
5505
5545
  item: {
5506
- 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'
5546
+ 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'
5507
5547
  }
5508
5548
  };
5509
5549
  var $cfe896cfd0088e03$var$styles = {
@@ -5607,14 +5647,14 @@ var $5ea6f468291aa318$var$base = {
5607
5647
  container: 'relative flex items-start',
5608
5648
  head: 'flex h-6 items-center select-none',
5609
5649
  body: 'ml-3 text-sm leading-6',
5610
- input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
5650
+ input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
5611
5651
  inputHidden: 'hidden',
5612
5652
  replacement: 'flex',
5613
5653
  label: 'font-medium text-gray-900',
5614
5654
  description: 'text-gray-500'
5615
5655
  };
5616
5656
  var $5ea6f468291aa318$var$disabled = {
5617
- 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'
5657
+ 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'
5618
5658
  };
5619
5659
  var $5ea6f468291aa318$var$styles = {
5620
5660
  base: $5ea6f468291aa318$var$base,
@@ -5739,14 +5779,14 @@ var $7343b5b4243d5cba$var$base = {
5739
5779
  description: 'text-gray-400 text-xs mt-1',
5740
5780
  switch: {
5741
5781
  container: 'flex flex-col',
5742
- base: 'relative inline-flex w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
5782
+ base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
5743
5783
  screenreader: 'sr-only',
5744
- checked: 'bg-primary-600 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5745
- unchecked: 'bg-gray-200 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5746
- disabled: 'opacity-50 !cursor-not-allowed'
5784
+ checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5785
+ unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
5786
+ disabled: 'opacity-50 cursor-not-allowed!'
5747
5787
  },
5748
5788
  toggle: {
5749
- base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
5789
+ base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
5750
5790
  checked: 'translate-x-5',
5751
5791
  unchecked: 'translate-x-0'
5752
5792
  },
@@ -5906,15 +5946,15 @@ var $8d406a8542925512$var$normal = {
5906
5946
  label: 'leading-6 text-sm mb-2',
5907
5947
  hint: 'leading-6',
5908
5948
  leading: 'pl-3',
5909
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5949
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
5910
5950
  trailing: 'pr-3',
5911
5951
  description: 'mt-2 text-sm'
5912
5952
  };
5913
5953
  var $8d406a8542925512$var$inset = {
5914
- 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',
5954
+ 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',
5915
5955
  label: 'text-xs',
5916
5956
  hint: 'text-xs',
5917
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5957
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
5918
5958
  description: 'hidden'
5919
5959
  };
5920
5960
  var $8d406a8542925512$var$overlapping = {
@@ -5922,13 +5962,13 @@ var $8d406a8542925512$var$overlapping = {
5922
5962
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
5923
5963
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
5924
5964
  hint: 'text-xs mr-4 bg-white px-1',
5925
- 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',
5965
+ 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',
5926
5966
  description: 'hidden'
5927
5967
  };
5928
5968
  var $8d406a8542925512$var$pill = {
5929
5969
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
5930
5970
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
5931
- 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',
5971
+ 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',
5932
5972
  trailing: 'pr-2',
5933
5973
  description: 'text-xs'
5934
5974
  };
@@ -5945,7 +5985,7 @@ var $8d406a8542925512$var$invalid = {
5945
5985
  description: 'text-sm text-red-600'
5946
5986
  };
5947
5987
  var $8d406a8542925512$var$disabled = {
5948
- 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'
5988
+ 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'
5949
5989
  };
5950
5990
  var $8d406a8542925512$var$styles = {
5951
5991
  base: $8d406a8542925512$var$base,
@@ -6225,7 +6265,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
6225
6265
  className: (0, $622cd2936b18c771$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
6226
6266
  children: [
6227
6267
  (0, $iA2ta$reactjsxruntime.jsx)("div", {
6228
- className: "flex-grow",
6268
+ className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).selectMenu.container,
6229
6269
  children: (0, $iA2ta$reactjsxruntime.jsx)((0, $f3fccf014e1f10d5$export$2e2bcd8739ae039), {
6230
6270
  name: "day",
6231
6271
  //
@@ -6392,11 +6432,14 @@ var $17bb03e8d27b8746$export$2e2bcd8739ae039 = $17bb03e8d27b8746$var$OpeningHour
6392
6432
 
6393
6433
  var $a14a274e5b9e799a$var$styles = {
6394
6434
  container: '',
6435
+ selectMenu: {
6436
+ container: "grow"
6437
+ },
6395
6438
  control: {
6396
6439
  container: 'flex items-center',
6397
6440
  label: 'text-sm mr-2 font-medium w-36',
6398
- 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',
6399
- span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
6441
+ 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',
6442
+ 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',
6400
6443
  sr: 'sr-only'
6401
6444
  }
6402
6445
  };
@@ -6428,15 +6471,15 @@ var $3698b0b0dc32c78c$var$normal = {
6428
6471
  label: 'leading-6 text-sm mb-2',
6429
6472
  hint: 'leading-6',
6430
6473
  leading: 'pl-3',
6431
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6474
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6432
6475
  trailing: 'pr-3',
6433
6476
  description: 'mt-2 text-sm'
6434
6477
  };
6435
6478
  var $3698b0b0dc32c78c$var$inset = {
6436
- 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',
6479
+ 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',
6437
6480
  label: 'text-xs',
6438
6481
  hint: 'text-xs',
6439
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6482
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6440
6483
  description: 'hidden'
6441
6484
  };
6442
6485
  var $3698b0b0dc32c78c$var$overlapping = {
@@ -6444,13 +6487,13 @@ var $3698b0b0dc32c78c$var$overlapping = {
6444
6487
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6445
6488
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6446
6489
  hint: 'text-xs mr-4 bg-white px-1',
6447
- 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',
6490
+ 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',
6448
6491
  description: 'hidden'
6449
6492
  };
6450
6493
  var $3698b0b0dc32c78c$var$pill = {
6451
6494
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6452
6495
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
6453
- 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',
6496
+ 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',
6454
6497
  trailing: 'pr-2',
6455
6498
  description: 'text-xs'
6456
6499
  };
@@ -6467,7 +6510,7 @@ var $3698b0b0dc32c78c$var$invalid = {
6467
6510
  description: 'text-sm text-red-600'
6468
6511
  };
6469
6512
  var $3698b0b0dc32c78c$var$disabled = {
6470
- 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'
6513
+ 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'
6471
6514
  };
6472
6515
  var $3698b0b0dc32c78c$var$styles = {
6473
6516
  base: $3698b0b0dc32c78c$var$base,
@@ -6610,7 +6653,7 @@ var $03b368478cf695f0$var$base = {
6610
6653
  description: 'text-gray-400 text-xs mt-1',
6611
6654
  error: 'text-red-500 text-xs mt-1',
6612
6655
  geosuggest: {
6613
- suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-sm text-sm',
6656
+ suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
6614
6657
  suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
6615
6658
  suggestsHiddenClassName: 'hidden'
6616
6659
  }
@@ -6623,15 +6666,15 @@ var $03b368478cf695f0$var$normal = {
6623
6666
  label: 'leading-6 text-sm mb-2',
6624
6667
  hint: 'leading-6',
6625
6668
  leading: 'pl-3',
6626
- input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6669
+ input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
6627
6670
  trailing: 'pr-3',
6628
6671
  description: 'mt-2 text-sm'
6629
6672
  };
6630
6673
  var $03b368478cf695f0$var$inset = {
6631
- 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',
6674
+ 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',
6632
6675
  label: 'text-xs',
6633
6676
  hint: 'text-xs',
6634
- input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6677
+ input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
6635
6678
  description: 'hidden'
6636
6679
  };
6637
6680
  var $03b368478cf695f0$var$overlapping = {
@@ -6639,13 +6682,13 @@ var $03b368478cf695f0$var$overlapping = {
6639
6682
  head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
6640
6683
  label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
6641
6684
  hint: 'text-xs mr-4 bg-white px-1',
6642
- 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',
6685
+ 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',
6643
6686
  description: 'hidden'
6644
6687
  };
6645
6688
  var $03b368478cf695f0$var$pill = {
6646
6689
  head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
6647
6690
  foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
6648
- 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',
6691
+ 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',
6649
6692
  trailing: 'pr-2',
6650
6693
  description: 'text-xs'
6651
6694
  };
@@ -6662,7 +6705,7 @@ var $03b368478cf695f0$var$invalid = {
6662
6705
  description: 'text-sm text-red-600'
6663
6706
  };
6664
6707
  var $03b368478cf695f0$var$disabled = {
6665
- 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'
6708
+ 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'
6666
6709
  };
6667
6710
  var $03b368478cf695f0$var$styles = {
6668
6711
  base: $03b368478cf695f0$var$base,
@@ -6855,8 +6898,8 @@ var $5f561ce307b5bbb8$var$getDateString = function(date) {
6855
6898
  if ((_a = date.options) === null || _a === void 0 ? void 0 : _a.format) return (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(date.value, {
6856
6899
  format: date.options.format
6857
6900
  });
6858
- if (((_b = date.options) === null || _b === void 0 ? void 0 : _b.type) === 'dateTime') return (0, $dbcba7ef8eeead3b$export$b489b1fb1454ddcf)(date.value);
6859
- if (((_c = date.options) === null || _c === void 0 ? void 0 : _c.type) === 'dateAtTime') return (0, $dbcba7ef8eeead3b$export$9b56e83e909e2c38)(date.value);
6901
+ if (((_b = date.options) === null || _b === void 0 ? void 0 : _b.type) === 'time') return (0, $dbcba7ef8eeead3b$export$b489b1fb1454ddcf)(date.value);
6902
+ if (((_c = date.options) === null || _c === void 0 ? void 0 : _c.type) === 'dateTime') return (0, $dbcba7ef8eeead3b$export$9b56e83e909e2c38)(date.value);
6860
6903
  return (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(date.value);
6861
6904
  };
6862
6905
  var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
@@ -6874,8 +6917,9 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
6874
6917
  return "overflow-hidden text-ellipsis ".concat((0, $iA2ta$lodash.get)(sizes, size, ''), " block");
6875
6918
  }, []);
6876
6919
  var createAccessor = (0, $iA2ta$react.useCallback)(function(key, getCellContent, excelMapper, options) {
6920
+ var _a;
6877
6921
  return accessor(key, {
6878
- header: t("component.form.label.".concat(key)),
6922
+ header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
6879
6923
  enableSorting: (0, $iA2ta$lodash.get)(options, 'enableSorting', true),
6880
6924
  cell: function(cell) {
6881
6925
  return getCellContent(cell, options);