unifyedx-storybook-new 0.1.18 → 0.1.20

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 (5) hide show
  1. package/README.md +7 -0
  2. package/dist/unifyedx-storybook-new.css +2 -512
  3. package/dist/unifyedx-storybook-new.es.js +803 -1055
  4. package/dist/unifyedx-storybook-new.es.js.map +1 -0
  5. package/package.json +41 -29
package/dist/unifyedx-storybook-new.es.js CHANGED
@@ -1,471 +1,10 @@
1
+ import require$$1, { jsxs, jsx, Fragment } from 'react/jsx-runtime';
1
2
  import * as React from 'react';
2
- import React__default, { forwardRef, createElement, useState, useMemo, useId as useId$1, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment, useImperativeHandle } from 'react';
3
+ import React__default, { forwardRef, createElement, useState, useMemo, useId as useId$1, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment as Fragment$1, useImperativeHandle } from 'react';
3
4
  import { Popover as Popover$1, PopoverButton, PopoverPanel, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, TabGroup, TabList, Tab, TabPanels, RadioGroup as RadioGroup$1, Listbox, ListboxButton, ListboxOptions, ListboxOption, SwitchGroup, Switch, Menu as Menu$1, MenuButton, Portal, MenuItems, MenuItem } from '@headlessui/react';
4
5
  import { motion, AnimatePresence } from 'framer-motion';
5
6
  import { useFloating, offset as offset$2, flip as flip$2, shift as shift$2, autoUpdate as autoUpdate$1, useClick, useDismiss, useInteractions, FloatingPortal } from '@floating-ui/react';
6
7
 
7
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
8
-
9
- function getDefaultExportFromCjs (x) {
10
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
11
- }
12
-
13
- function getAugmentedNamespace(n) {
14
- if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
15
- var f = n.default;
16
- if (typeof f == "function") {
17
- var a = function a () {
18
- var isInstance = false;
19
- try {
20
- isInstance = this instanceof a;
21
- } catch {}
22
- if (isInstance) {
23
- return Reflect.construct(f, arguments, this.constructor);
24
- }
25
- return f.apply(this, arguments);
26
- };
27
- a.prototype = f.prototype;
28
- } else a = {};
29
- Object.defineProperty(a, '__esModule', {value: true});
30
- Object.keys(n).forEach(function (k) {
31
- var d = Object.getOwnPropertyDescriptor(n, k);
32
- Object.defineProperty(a, k, d.get ? d : {
33
- enumerable: true,
34
- get: function () {
35
- return n[k];
36
- }
37
- });
38
- });
39
- return a;
40
- }
41
-
42
- var jsxRuntime = {exports: {}};
43
-
44
- var reactJsxRuntime_production = {};
45
-
46
- /**
47
- * @license React
48
- * react-jsx-runtime.production.js
49
- *
50
- * Copyright (c) Meta Platforms, Inc. and affiliates.
51
- *
52
- * This source code is licensed under the MIT license found in the
53
- * LICENSE file in the root directory of this source tree.
54
- */
55
-
56
- var hasRequiredReactJsxRuntime_production;
57
-
58
- function requireReactJsxRuntime_production () {
59
- if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
60
- hasRequiredReactJsxRuntime_production = 1;
61
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
62
- REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
63
- function jsxProd(type, config, maybeKey) {
64
- var key = null;
65
- void 0 !== maybeKey && (key = "" + maybeKey);
66
- void 0 !== config.key && (key = "" + config.key);
67
- if ("key" in config) {
68
- maybeKey = {};
69
- for (var propName in config)
70
- "key" !== propName && (maybeKey[propName] = config[propName]);
71
- } else maybeKey = config;
72
- config = maybeKey.ref;
73
- return {
74
- $$typeof: REACT_ELEMENT_TYPE,
75
- type: type,
76
- key: key,
77
- ref: void 0 !== config ? config : null,
78
- props: maybeKey
79
- };
80
- }
81
- reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
82
- reactJsxRuntime_production.jsx = jsxProd;
83
- reactJsxRuntime_production.jsxs = jsxProd;
84
- return reactJsxRuntime_production;
85
- }
86
-
87
- var reactJsxRuntime_development = {};
88
-
89
- /**
90
- * @license React
91
- * react-jsx-runtime.development.js
92
- *
93
- * Copyright (c) Meta Platforms, Inc. and affiliates.
94
- *
95
- * This source code is licensed under the MIT license found in the
96
- * LICENSE file in the root directory of this source tree.
97
- */
98
-
99
- var hasRequiredReactJsxRuntime_development;
100
-
101
- function requireReactJsxRuntime_development () {
102
- if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
103
- hasRequiredReactJsxRuntime_development = 1;
104
- "production" !== process.env.NODE_ENV &&
105
- (function () {
106
- function getComponentNameFromType(type) {
107
- if (null == type) return null;
108
- if ("function" === typeof type)
109
- return type.$$typeof === REACT_CLIENT_REFERENCE
110
- ? null
111
- : type.displayName || type.name || null;
112
- if ("string" === typeof type) return type;
113
- switch (type) {
114
- case REACT_FRAGMENT_TYPE:
115
- return "Fragment";
116
- case REACT_PROFILER_TYPE:
117
- return "Profiler";
118
- case REACT_STRICT_MODE_TYPE:
119
- return "StrictMode";
120
- case REACT_SUSPENSE_TYPE:
121
- return "Suspense";
122
- case REACT_SUSPENSE_LIST_TYPE:
123
- return "SuspenseList";
124
- case REACT_ACTIVITY_TYPE:
125
- return "Activity";
126
- }
127
- if ("object" === typeof type)
128
- switch (
129
- ("number" === typeof type.tag &&
130
- console.error(
131
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
132
- ),
133
- type.$$typeof)
134
- ) {
135
- case REACT_PORTAL_TYPE:
136
- return "Portal";
137
- case REACT_CONTEXT_TYPE:
138
- return (type.displayName || "Context") + ".Provider";
139
- case REACT_CONSUMER_TYPE:
140
- return (type._context.displayName || "Context") + ".Consumer";
141
- case REACT_FORWARD_REF_TYPE:
142
- var innerType = type.render;
143
- type = type.displayName;
144
- type ||
145
- ((type = innerType.displayName || innerType.name || ""),
146
- (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
147
- return type;
148
- case REACT_MEMO_TYPE:
149
- return (
150
- (innerType = type.displayName || null),
151
- null !== innerType
152
- ? innerType
153
- : getComponentNameFromType(type.type) || "Memo"
154
- );
155
- case REACT_LAZY_TYPE:
156
- innerType = type._payload;
157
- type = type._init;
158
- try {
159
- return getComponentNameFromType(type(innerType));
160
- } catch (x) {}
161
- }
162
- return null;
163
- }
164
- function testStringCoercion(value) {
165
- return "" + value;
166
- }
167
- function checkKeyStringCoercion(value) {
168
- try {
169
- testStringCoercion(value);
170
- var JSCompiler_inline_result = !1;
171
- } catch (e) {
172
- JSCompiler_inline_result = true;
173
- }
174
- if (JSCompiler_inline_result) {
175
- JSCompiler_inline_result = console;
176
- var JSCompiler_temp_const = JSCompiler_inline_result.error;
177
- var JSCompiler_inline_result$jscomp$0 =
178
- ("function" === typeof Symbol &&
179
- Symbol.toStringTag &&
180
- value[Symbol.toStringTag]) ||
181
- value.constructor.name ||
182
- "Object";
183
- JSCompiler_temp_const.call(
184
- JSCompiler_inline_result,
185
- "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
186
- JSCompiler_inline_result$jscomp$0
187
- );
188
- return testStringCoercion(value);
189
- }
190
- }
191
- function getTaskName(type) {
192
- if (type === REACT_FRAGMENT_TYPE) return "<>";
193
- if (
194
- "object" === typeof type &&
195
- null !== type &&
196
- type.$$typeof === REACT_LAZY_TYPE
197
- )
198
- return "<...>";
199
- try {
200
- var name = getComponentNameFromType(type);
201
- return name ? "<" + name + ">" : "<...>";
202
- } catch (x) {
203
- return "<...>";
204
- }
205
- }
206
- function getOwner() {
207
- var dispatcher = ReactSharedInternals.A;
208
- return null === dispatcher ? null : dispatcher.getOwner();
209
- }
210
- function UnknownOwner() {
211
- return Error("react-stack-top-frame");
212
- }
213
- function hasValidKey(config) {
214
- if (hasOwnProperty.call(config, "key")) {
215
- var getter = Object.getOwnPropertyDescriptor(config, "key").get;
216
- if (getter && getter.isReactWarning) return false;
217
- }
218
- return void 0 !== config.key;
219
- }
220
- function defineKeyPropWarningGetter(props, displayName) {
221
- function warnAboutAccessingKey() {
222
- specialPropKeyWarningShown ||
223
- ((specialPropKeyWarningShown = true),
224
- console.error(
225
- "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
226
- displayName
227
- ));
228
- }
229
- warnAboutAccessingKey.isReactWarning = true;
230
- Object.defineProperty(props, "key", {
231
- get: warnAboutAccessingKey,
232
- configurable: true
233
- });
234
- }
235
- function elementRefGetterWithDeprecationWarning() {
236
- var componentName = getComponentNameFromType(this.type);
237
- didWarnAboutElementRef[componentName] ||
238
- ((didWarnAboutElementRef[componentName] = true),
239
- console.error(
240
- "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
241
- ));
242
- componentName = this.props.ref;
243
- return void 0 !== componentName ? componentName : null;
244
- }
245
- function ReactElement(
246
- type,
247
- key,
248
- self,
249
- source,
250
- owner,
251
- props,
252
- debugStack,
253
- debugTask
254
- ) {
255
- self = props.ref;
256
- type = {
257
- $$typeof: REACT_ELEMENT_TYPE,
258
- type: type,
259
- key: key,
260
- props: props,
261
- _owner: owner
262
- };
263
- null !== (void 0 !== self ? self : null)
264
- ? Object.defineProperty(type, "ref", {
265
- enumerable: false,
266
- get: elementRefGetterWithDeprecationWarning
267
- })
268
- : Object.defineProperty(type, "ref", { enumerable: false, value: null });
269
- type._store = {};
270
- Object.defineProperty(type._store, "validated", {
271
- configurable: false,
272
- enumerable: false,
273
- writable: true,
274
- value: 0
275
- });
276
- Object.defineProperty(type, "_debugInfo", {
277
- configurable: false,
278
- enumerable: false,
279
- writable: true,
280
- value: null
281
- });
282
- Object.defineProperty(type, "_debugStack", {
283
- configurable: false,
284
- enumerable: false,
285
- writable: true,
286
- value: debugStack
287
- });
288
- Object.defineProperty(type, "_debugTask", {
289
- configurable: false,
290
- enumerable: false,
291
- writable: true,
292
- value: debugTask
293
- });
294
- Object.freeze && (Object.freeze(type.props), Object.freeze(type));
295
- return type;
296
- }
297
- function jsxDEVImpl(
298
- type,
299
- config,
300
- maybeKey,
301
- isStaticChildren,
302
- source,
303
- self,
304
- debugStack,
305
- debugTask
306
- ) {
307
- var children = config.children;
308
- if (void 0 !== children)
309
- if (isStaticChildren)
310
- if (isArrayImpl(children)) {
311
- for (
312
- isStaticChildren = 0;
313
- isStaticChildren < children.length;
314
- isStaticChildren++
315
- )
316
- validateChildKeys(children[isStaticChildren]);
317
- Object.freeze && Object.freeze(children);
318
- } else
319
- console.error(
320
- "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
321
- );
322
- else validateChildKeys(children);
323
- if (hasOwnProperty.call(config, "key")) {
324
- children = getComponentNameFromType(type);
325
- var keys = Object.keys(config).filter(function (k) {
326
- return "key" !== k;
327
- });
328
- isStaticChildren =
329
- 0 < keys.length
330
- ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
331
- : "{key: someKey}";
332
- didWarnAboutKeySpread[children + isStaticChildren] ||
333
- ((keys =
334
- 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
335
- console.error(
336
- 'A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',
337
- isStaticChildren,
338
- children,
339
- keys,
340
- children
341
- ),
342
- (didWarnAboutKeySpread[children + isStaticChildren] = true));
343
- }
344
- children = null;
345
- void 0 !== maybeKey &&
346
- (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
347
- hasValidKey(config) &&
348
- (checkKeyStringCoercion(config.key), (children = "" + config.key));
349
- if ("key" in config) {
350
- maybeKey = {};
351
- for (var propName in config)
352
- "key" !== propName && (maybeKey[propName] = config[propName]);
353
- } else maybeKey = config;
354
- children &&
355
- defineKeyPropWarningGetter(
356
- maybeKey,
357
- "function" === typeof type
358
- ? type.displayName || type.name || "Unknown"
359
- : type
360
- );
361
- return ReactElement(
362
- type,
363
- children,
364
- self,
365
- source,
366
- getOwner(),
367
- maybeKey,
368
- debugStack,
369
- debugTask
370
- );
371
- }
372
- function validateChildKeys(node) {
373
- "object" === typeof node &&
374
- null !== node &&
375
- node.$$typeof === REACT_ELEMENT_TYPE &&
376
- node._store &&
377
- (node._store.validated = 1);
378
- }
379
- var React = React__default,
380
- REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
381
- REACT_PORTAL_TYPE = Symbol.for("react.portal"),
382
- REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
383
- REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
384
- REACT_PROFILER_TYPE = Symbol.for("react.profiler");
385
- var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
386
- REACT_CONTEXT_TYPE = Symbol.for("react.context"),
387
- REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
388
- REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
389
- REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
390
- REACT_MEMO_TYPE = Symbol.for("react.memo"),
391
- REACT_LAZY_TYPE = Symbol.for("react.lazy"),
392
- REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
393
- REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
394
- ReactSharedInternals =
395
- React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
396
- hasOwnProperty = Object.prototype.hasOwnProperty,
397
- isArrayImpl = Array.isArray,
398
- createTask = console.createTask
399
- ? console.createTask
400
- : function () {
401
- return null;
402
- };
403
- React = {
404
- "react-stack-bottom-frame": function (callStackForError) {
405
- return callStackForError();
406
- }
407
- };
408
- var specialPropKeyWarningShown;
409
- var didWarnAboutElementRef = {};
410
- var unknownOwnerDebugStack = React["react-stack-bottom-frame"].bind(
411
- React,
412
- UnknownOwner
413
- )();
414
- var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
415
- var didWarnAboutKeySpread = {};
416
- reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
417
- reactJsxRuntime_development.jsx = function (type, config, maybeKey, source, self) {
418
- var trackActualOwner =
419
- 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
420
- return jsxDEVImpl(
421
- type,
422
- config,
423
- maybeKey,
424
- false,
425
- source,
426
- self,
427
- trackActualOwner
428
- ? Error("react-stack-top-frame")
429
- : unknownOwnerDebugStack,
430
- trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
431
- );
432
- };
433
- reactJsxRuntime_development.jsxs = function (type, config, maybeKey, source, self) {
434
- var trackActualOwner =
435
- 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
436
- return jsxDEVImpl(
437
- type,
438
- config,
439
- maybeKey,
440
- true,
441
- source,
442
- self,
443
- trackActualOwner
444
- ? Error("react-stack-top-frame")
445
- : unknownOwnerDebugStack,
446
- trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
447
- );
448
- };
449
- })();
450
- return reactJsxRuntime_development;
451
- }
452
-
453
- var hasRequiredJsxRuntime;
454
-
455
- function requireJsxRuntime () {
456
- if (hasRequiredJsxRuntime) return jsxRuntime.exports;
457
- hasRequiredJsxRuntime = 1;
458
-
459
- if (process.env.NODE_ENV === 'production') {
460
- jsxRuntime.exports = requireReactJsxRuntime_production();
461
- } else {
462
- jsxRuntime.exports = requireReactJsxRuntime_development();
463
- }
464
- return jsxRuntime.exports;
465
- }
466
-
467
- var jsxRuntimeExports = requireJsxRuntime();
468
-
469
8
  /**
470
9
  * @license lucide-react v0.525.0 - ISC
471
10
  *
@@ -900,6 +439,41 @@ const __iconNode = [
900
439
  ];
901
440
  const X = createLucideIcon("x", __iconNode);
902
441
 
442
+ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
443
+
444
+ function getDefaultExportFromCjs (x) {
445
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
446
+ }
447
+
448
+ function getAugmentedNamespace(n) {
449
+ if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
450
+ var f = n.default;
451
+ if (typeof f == "function") {
452
+ var a = function a () {
453
+ var isInstance = false;
454
+ try {
455
+ isInstance = this instanceof a;
456
+ } catch {}
457
+ if (isInstance) {
458
+ return Reflect.construct(f, arguments, this.constructor);
459
+ }
460
+ return f.apply(this, arguments);
461
+ };
462
+ a.prototype = f.prototype;
463
+ } else a = {};
464
+ Object.defineProperty(a, '__esModule', {value: true});
465
+ Object.keys(n).forEach(function (k) {
466
+ var d = Object.getOwnPropertyDescriptor(n, k);
467
+ Object.defineProperty(a, k, d.get ? d : {
468
+ enumerable: true,
469
+ get: function () {
470
+ return n[k];
471
+ }
472
+ });
473
+ });
474
+ return a;
475
+ }
476
+
903
477
  var classnames = {exports: {}};
904
478
 
905
479
  /*!
@@ -1026,8 +600,8 @@ const Avatar = ({
1026
600
  backgroundColor: finalBgColor,
1027
601
  color: finalTextColor
1028
602
  };
1029
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: avatarClasses, style: avatarStyles, ...props, children: [
1030
- showImage && /* @__PURE__ */ jsxRuntimeExports.jsx(
603
+ return /* @__PURE__ */ jsxs("div", { className: avatarClasses, style: avatarStyles, ...props, children: [
604
+ showImage && /* @__PURE__ */ jsx(
1031
605
  "img",
1032
606
  {
1033
607
  src,
@@ -1036,17 +610,17 @@ const Avatar = ({
1036
610
  onError: () => setHasError(true)
1037
611
  }
1038
612
  ),
1039
- showInitials && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "avatar-initials", "aria-label": name, children: getInitials(name) }),
1040
- showIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "avatar-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(User, {}) })
613
+ showInitials && /* @__PURE__ */ jsx("span", { className: "avatar-initials", "aria-label": name, children: getInitials(name) }),
614
+ showIcon && /* @__PURE__ */ jsx("span", { className: "avatar-icon", children: /* @__PURE__ */ jsx(User, {}) })
1041
615
  ] });
1042
616
  };
1043
617
  const AvatarGroup = ({ children, max = 4, truncatedMessage = "Members", ...props }) => {
1044
618
  const avatars = React__default.Children.toArray(children);
1045
619
  const visibleAvatars = avatars.slice(0, max);
1046
620
  const hiddenCount = avatars.length - max;
1047
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "avatar-group-container", ...props, children: [
621
+ return /* @__PURE__ */ jsxs("div", { className: "avatar-group-container", ...props, children: [
1048
622
  visibleAvatars,
1049
- hiddenCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
623
+ hiddenCount > 0 && /* @__PURE__ */ jsxs("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
1050
624
  "+",
1051
625
  hiddenCount,
1052
626
  " ",
@@ -1080,17 +654,17 @@ const Badge = ({
1080
654
  color: textColor,
1081
655
  borderColor: "transparent"
1082
656
  } : {};
1083
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: badgeClasses, style: customStyles, ...props, children: [
1084
- Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "badge-icon" }),
1085
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "badge-label", children: label }),
1086
- onRemove && /* @__PURE__ */ jsxRuntimeExports.jsx(
657
+ return /* @__PURE__ */ jsxs("span", { className: badgeClasses, style: customStyles, ...props, children: [
658
+ Icon && /* @__PURE__ */ jsx(Icon, { className: "badge-icon" }),
659
+ /* @__PURE__ */ jsx("span", { className: "badge-label", children: label }),
660
+ onRemove && /* @__PURE__ */ jsx(
1087
661
  "button",
1088
662
  {
1089
663
  type: "button",
1090
664
  className: "badge-remove-button",
1091
665
  onClick: onRemove,
1092
666
  "aria-label": `Remove ${label}`,
1093
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "badge-remove-icon" })
667
+ children: /* @__PURE__ */ jsx(X, { className: "badge-remove-icon" })
1094
668
  }
1095
669
  )
1096
670
  ] });
@@ -2294,7 +1868,7 @@ const Button$1 = ({
2294
1868
  ...props
2295
1869
  }) => {
2296
1870
  const mode = primary ? "storybook-button--primary" : "storybook-button--secondary";
2297
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1871
+ return /* @__PURE__ */ jsx(
2298
1872
  "button",
2299
1873
  {
2300
1874
  type: "button",
@@ -2360,7 +1934,7 @@ const UnifyedCoreButton = ({
2360
1934
  );
2361
1935
  const buttonTitle = title || isIconOnly && ariaLabel || (typeof label === "string" ? label : void 0);
2362
1936
  const buttonAriaLabel = ariaLabel || isIconOnly && title || (typeof label === "string" ? label : void 0);
2363
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1937
+ return /* @__PURE__ */ jsx(
2364
1938
  "button",
2365
1939
  {
2366
1940
  "data-testid": dataTestId,
@@ -2371,8 +1945,8 @@ const UnifyedCoreButton = ({
2371
1945
  title: buttonTitle,
2372
1946
  "aria-label": buttonAriaLabel,
2373
1947
  ...props,
2374
- children: loader ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
2375
- Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: size === "large" ? 20 : 16 }),
1948
+ children: loader ? /* @__PURE__ */ jsx(LoaderCircle, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
1949
+ Icon && /* @__PURE__ */ jsx(Icon, { size: size === "large" ? 20 : 16 }),
2376
1950
  label,
2377
1951
  children,
2378
1952
  " "
@@ -2382,22 +1956,22 @@ const UnifyedCoreButton = ({
2382
1956
  };
2383
1957
 
2384
1958
  const Breadcrumbs = ({ crumbs = [], ...props }) => {
2385
- return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: "breadcrumbs-list", children: crumbs.map((crumb, index) => {
1959
+ return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...props, children: /* @__PURE__ */ jsx("ol", { className: "breadcrumbs-list", children: crumbs.map((crumb, index) => {
2386
1960
  const isCurrentPage = index === crumbs.length - 1;
2387
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "breadcrumb-item", children: [
2388
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1961
+ return /* @__PURE__ */ jsxs("li", { className: "breadcrumb-item", children: [
1962
+ /* @__PURE__ */ jsxs(
2389
1963
  "a",
2390
1964
  {
2391
1965
  href: crumb.href,
2392
1966
  className: "breadcrumb-link",
2393
1967
  "aria-current": isCurrentPage ? "page" : void 0,
2394
1968
  children: [
2395
- crumb.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(crumb.icon, { className: "breadcrumb-icon" }),
1969
+ crumb.icon && /* @__PURE__ */ jsx(crumb.icon, { className: "breadcrumb-icon" }),
2396
1970
  crumb.label
2397
1971
  ]
2398
1972
  }
2399
1973
  ),
2400
- !isCurrentPage && /* @__PURE__ */ jsxRuntimeExports.jsx(
1974
+ !isCurrentPage && /* @__PURE__ */ jsx(
2401
1975
  ChevronRight,
2402
1976
  {
2403
1977
  className: "breadcrumb-separator",
@@ -2420,9 +1994,9 @@ const Checkbox = ({
2420
1994
  }) => {
2421
1995
  const autoId = useId$1();
2422
1996
  const checkboxId = id || autoId;
2423
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `checkbox-container ${className || ""}`, children: [
2424
- /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: checkboxId, className: "checkbox-wrapper", children: [
2425
- /* @__PURE__ */ jsxRuntimeExports.jsx(
1997
+ return /* @__PURE__ */ jsxs("div", { className: `checkbox-container ${className || ""}`, children: [
1998
+ /* @__PURE__ */ jsxs("label", { htmlFor: checkboxId, className: "checkbox-wrapper", children: [
1999
+ /* @__PURE__ */ jsx(
2426
2000
  "input",
2427
2001
  {
2428
2002
  id: checkboxId,
@@ -2434,7 +2008,7 @@ const Checkbox = ({
2434
2008
  ...props
2435
2009
  }
2436
2010
  ),
2437
- /* @__PURE__ */ jsxRuntimeExports.jsx(
2011
+ /* @__PURE__ */ jsx(
2438
2012
  "div",
2439
2013
  {
2440
2014
  className: classNames("checkbox-box", {
@@ -2442,15 +2016,53 @@ const Checkbox = ({
2442
2016
  "checkbox-box--error": !!error
2443
2017
  }),
2444
2018
  "aria-hidden": "true",
2445
- children: checked && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "checkbox-check-icon" })
2019
+ children: checked && /* @__PURE__ */ jsx(Check, { className: "checkbox-check-icon" })
2446
2020
  }
2447
2021
  ),
2448
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "checkbox-label-text", children: label })
2022
+ label && /* @__PURE__ */ jsx("span", { className: "checkbox-label-text", children: label })
2449
2023
  ] }),
2450
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "checkbox-error-message", children: error })
2024
+ error && /* @__PURE__ */ jsx("p", { className: "checkbox-error-message", children: error })
2451
2025
  ] });
2452
2026
  };
2453
2027
 
2028
+ /**
2029
+ * Time zone name format.
2030
+ */
2031
+
2032
+ /**
2033
+ * The function returns the time zone name for the given date in the specified
2034
+ * time zone.
2035
+ *
2036
+ * It uses the `Intl.DateTimeFormat` API and by default outputs the time zone
2037
+ * name in a long format, e.g. "Pacific Standard Time" or
2038
+ * "Singapore Standard Time".
2039
+ *
2040
+ * It is possible to specify the format as the third argument using one of the following options
2041
+ *
2042
+ * - "short": e.g. "EDT" or "GMT+8".
2043
+ * - "long": e.g. "Eastern Daylight Time".
2044
+ * - "shortGeneric": e.g. "ET" or "Singapore Time".
2045
+ * - "longGeneric": e.g. "Eastern Time" or "Singapore Standard Time".
2046
+ *
2047
+ * These options correspond to TR35 tokens `z..zzz`, `zzzz`, `v`, and `vvvv` respectively: https://www.unicode.org/reports/tr35/tr35-dates.html#dfst-zone
2048
+ *
2049
+ * @param timeZone - Time zone name (IANA or UTC offset)
2050
+ * @param date - Date object to get the time zone name for
2051
+ * @param format - Optional format of the time zone name. Defaults to "long". Can be "short", "long", "shortGeneric", or "longGeneric".
2052
+ *
2053
+ * @returns Time zone name (e.g. "Singapore Standard Time")
2054
+ */
2055
+ function tzName(timeZone, date, format = "long") {
2056
+ return new Intl.DateTimeFormat("en-US", {
2057
+ // Enforces engine to render the time. Without the option JavaScriptCore omits it.
2058
+ hour: "numeric",
2059
+ timeZone: timeZone,
2060
+ timeZoneName: format
2061
+ }).format(date).split(/\s/g) // Format.JS uses non-breaking spaces
2062
+ .slice(2) // Skip the hour and AM/PM parts
2063
+ .join(" ");
2064
+ }
2065
+
2454
2066
  const offsetFormatCache = {};
2455
2067
  const offsetCache = {};
2456
2068
 
@@ -2469,12 +2081,11 @@ const offsetCache = {};
2469
2081
  */
2470
2082
  function tzOffset(timeZone, date) {
2471
2083
  try {
2472
- const format = offsetFormatCache[timeZone] ||= new Intl.DateTimeFormat("en-GB", {
2084
+ const format = offsetFormatCache[timeZone] ||= new Intl.DateTimeFormat("en-US", {
2473
2085
  timeZone,
2474
- hour: "numeric",
2475
2086
  timeZoneName: "longOffset"
2476
2087
  }).format;
2477
- const offsetStr = format(date).split('GMT')[1] || '';
2088
+ const offsetStr = format(date).split("GMT")[1];
2478
2089
  if (offsetStr in offsetCache) return offsetCache[offsetStr];
2479
2090
  return calcOffset(offsetStr, offsetStr.split(":"));
2480
2091
  } catch {
@@ -2488,7 +2099,7 @@ function tzOffset(timeZone, date) {
2488
2099
  }
2489
2100
  const offsetRe = /([+-]\d\d):?(\d\d)?/;
2490
2101
  function calcOffset(cacheStr, values) {
2491
- const hours = +values[0];
2102
+ const hours = +(values[0] || 0);
2492
2103
  const minutes = +(values[1] || 0);
2493
2104
  return offsetCache[cacheStr] = hours > 0 ? hours * 60 + minutes : hours * 60 - minutes;
2494
2105
  }
@@ -2788,12 +2399,6 @@ class TZDate extends TZDateMini {
2788
2399
 
2789
2400
  //#endregion
2790
2401
  }
2791
- function tzName(tz, date) {
2792
- return new Intl.DateTimeFormat("en-GB", {
2793
- timeZone: tz,
2794
- timeZoneName: "long"
2795
- }).format(date).slice(12);
2796
- }
2797
2402
 
2798
2403
  /**
2799
2404
  * Enum representing the UI elements composing DayPicker. These elements are
@@ -7777,33 +7382,33 @@ function YearsDropdown(props) {
7777
7382
  }
7778
7383
 
7779
7384
  const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
7780
- __proto__: null,
7781
- Button,
7782
- CaptionLabel,
7783
- Chevron,
7784
- Day,
7785
- DayButton,
7786
- Dropdown,
7787
- DropdownNav,
7788
- Footer,
7789
- Month: Month$1,
7790
- MonthCaption,
7791
- MonthGrid,
7792
- Months,
7793
- MonthsDropdown,
7794
- Nav,
7795
- NextMonthButton,
7796
- Option,
7797
- PreviousMonthButton,
7798
- Root,
7799
- Select: Select$1,
7800
- Week,
7801
- WeekNumber,
7802
- WeekNumberHeader,
7803
- Weekday,
7804
- Weekdays,
7805
- Weeks,
7806
- YearsDropdown
7385
+ __proto__: null,
7386
+ Button,
7387
+ CaptionLabel,
7388
+ Chevron,
7389
+ Day,
7390
+ DayButton,
7391
+ Dropdown,
7392
+ DropdownNav,
7393
+ Footer,
7394
+ Month: Month$1,
7395
+ MonthCaption,
7396
+ MonthGrid,
7397
+ Months,
7398
+ MonthsDropdown,
7399
+ Nav,
7400
+ NextMonthButton,
7401
+ Option,
7402
+ PreviousMonthButton,
7403
+ Root,
7404
+ Select: Select$1,
7405
+ Week,
7406
+ WeekNumber,
7407
+ WeekNumberHeader,
7408
+ Weekday,
7409
+ Weekdays,
7410
+ Weeks,
7411
+ YearsDropdown
7807
7412
  }, Symbol.toStringTag, { value: 'Module' }));
7808
7413
 
7809
7414
  /**
@@ -7999,16 +7604,16 @@ function formatYearDropdown(year, dateLib = defaultDateLib) {
7999
7604
  const formatYearCaption = formatYearDropdown;
8000
7605
 
8001
7606
  const defaultFormatters = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
8002
- __proto__: null,
8003
- formatCaption,
8004
- formatDay,
8005
- formatMonthCaption,
8006
- formatMonthDropdown,
8007
- formatWeekNumber,
8008
- formatWeekNumberHeader,
8009
- formatWeekdayName,
8010
- formatYearCaption,
8011
- formatYearDropdown
7607
+ __proto__: null,
7608
+ formatCaption,
7609
+ formatDay,
7610
+ formatMonthCaption,
7611
+ formatMonthDropdown,
7612
+ formatWeekNumber,
7613
+ formatWeekNumberHeader,
7614
+ formatWeekdayName,
7615
+ formatYearCaption,
7616
+ formatYearDropdown
8012
7617
  }, Symbol.toStringTag, { value: 'Module' }));
8013
7618
 
8014
7619
  /**
@@ -8326,20 +7931,20 @@ function labelYearDropdown(options) {
8326
7931
  }
8327
7932
 
8328
7933
  const defaultLabels = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
8329
- __proto__: null,
8330
- labelCaption,
8331
- labelDay,
8332
- labelDayButton,
8333
- labelGrid,
8334
- labelGridcell,
8335
- labelMonthDropdown,
8336
- labelNav,
8337
- labelNext,
8338
- labelPrevious,
8339
- labelWeekNumber,
8340
- labelWeekNumberHeader,
8341
- labelWeekday,
8342
- labelYearDropdown
7934
+ __proto__: null,
7935
+ labelCaption,
7936
+ labelDay,
7937
+ labelDayButton,
7938
+ labelGrid,
7939
+ labelGridcell,
7940
+ labelMonthDropdown,
7941
+ labelNav,
7942
+ labelNext,
7943
+ labelPrevious,
7944
+ labelWeekNumber,
7945
+ labelWeekNumberHeader,
7946
+ labelWeekday,
7947
+ labelYearDropdown
8343
7948
  }, Symbol.toStringTag, { value: 'Module' }));
8344
7949
 
8345
7950
  const asHtmlElement = (element) => {
@@ -9747,13 +9352,13 @@ function DayPicker(initialProps) {
9747
9352
  }
9748
9353
 
9749
9354
  const Popover = ({ children }) => {
9750
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover$1, { className: "popover-container", children });
9355
+ return /* @__PURE__ */ jsx(Popover$1, { className: "popover-container", children });
9751
9356
  };
9752
9357
  const PopoverTrigger = ({ children }) => {
9753
- return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverButton, { as: "div", children });
9358
+ return /* @__PURE__ */ jsx(PopoverButton, { as: "div", children });
9754
9359
  };
9755
9360
  const PopoverContent = ({ children, className }) => {
9756
- return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPanel, { className: `popover-panel ${className || ""}`, children });
9361
+ return /* @__PURE__ */ jsx(PopoverPanel, { className: `popover-panel ${className || ""}`, children });
9757
9362
  };
9758
9363
 
9759
9364
  const DatePicker = ({
@@ -9772,11 +9377,11 @@ const DatePicker = ({
9772
9377
  e.preventDefault();
9773
9378
  onClear?.();
9774
9379
  };
9775
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames("datepicker-wrapper", className), children: [
9776
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: label }),
9777
- /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { children: [
9778
- /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "datepicker-input-container", children: [
9779
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
9380
+ return /* @__PURE__ */ jsxs("div", { className: classNames("datepicker-wrapper", className), children: [
9381
+ label && /* @__PURE__ */ jsx("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: label }),
9382
+ /* @__PURE__ */ jsxs(Popover, { children: [
9383
+ /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "datepicker-input-container", children: [
9384
+ /* @__PURE__ */ jsxs(
9780
9385
  "button",
9781
9386
  {
9782
9387
  id: "datepicker-input",
@@ -9788,23 +9393,23 @@ const DatePicker = ({
9788
9393
  disabled,
9789
9394
  "aria-label": value ? `Selected date is ${format$1(value, "PPP")}` : placeholder,
9790
9395
  children: [
9791
- /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar$1, { className: "datepicker-icon" }),
9792
- value ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "datepicker-value", children: format$1(value, "PPP") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "datepicker-placeholder", children: placeholder })
9396
+ /* @__PURE__ */ jsx(Calendar$1, { className: "datepicker-icon" }),
9397
+ value ? /* @__PURE__ */ jsx("span", { className: "datepicker-value", children: format$1(value, "PPP") }) : /* @__PURE__ */ jsx("span", { className: "datepicker-placeholder", children: placeholder })
9793
9398
  ]
9794
9399
  }
9795
9400
  ),
9796
- value && onClear && !disabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
9401
+ value && onClear && !disabled && /* @__PURE__ */ jsx(
9797
9402
  "button",
9798
9403
  {
9799
9404
  type: "button",
9800
9405
  onClick: handleClear,
9801
9406
  className: "datepicker-clear-button",
9802
9407
  "aria-label": "Clear selected date",
9803
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 16 })
9408
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
9804
9409
  }
9805
9410
  )
9806
9411
  ] }) }),
9807
- /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
9412
+ /* @__PURE__ */ jsx(PopoverContent, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ jsx(
9808
9413
  DayPicker,
9809
9414
  {
9810
9415
  mode: "single",
@@ -9816,7 +9421,7 @@ const DatePicker = ({
9816
9421
  }
9817
9422
  ) })
9818
9423
  ] }),
9819
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "datepicker-error-message", children: error })
9424
+ error && /* @__PURE__ */ jsx("p", { className: "datepicker-error-message", children: error })
9820
9425
  ] });
9821
9426
  };
9822
9427
  const DateRangePicker$1 = ({
@@ -9837,16 +9442,16 @@ const DateRangePicker$1 = ({
9837
9442
  e.preventDefault();
9838
9443
  onClear?.();
9839
9444
  };
9840
- const formattedRange = from && to ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
9445
+ const formattedRange = from && to ? /* @__PURE__ */ jsxs(Fragment, { children: [
9841
9446
  format$1(from, "MMM d, y"),
9842
9447
  " - ",
9843
9448
  format$1(to, "MMM d, y")
9844
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "datepicker-placeholder", children: placeholder });
9845
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames("datepicker-wrapper", className), children: [
9846
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: label }),
9847
- /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { children: [
9848
- /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "datepicker-input-container", children: [
9849
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
9449
+ ] }) : /* @__PURE__ */ jsx("span", { className: "datepicker-placeholder", children: placeholder });
9450
+ return /* @__PURE__ */ jsxs("div", { className: classNames("datepicker-wrapper", className), children: [
9451
+ label && /* @__PURE__ */ jsx("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: label }),
9452
+ /* @__PURE__ */ jsxs(Popover, { children: [
9453
+ /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "datepicker-input-container", children: [
9454
+ /* @__PURE__ */ jsxs(
9850
9455
  "button",
9851
9456
  {
9852
9457
  id: "daterangepicker-input",
@@ -9858,23 +9463,23 @@ const DateRangePicker$1 = ({
9858
9463
  disabled,
9859
9464
  "aria-label": from && to ? `Selected range is ${formattedRange}` : placeholder,
9860
9465
  children: [
9861
- /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar$1, { className: "datepicker-icon" }),
9862
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "datepicker-value", children: formattedRange })
9466
+ /* @__PURE__ */ jsx(Calendar$1, { className: "datepicker-icon" }),
9467
+ /* @__PURE__ */ jsx("span", { className: "datepicker-value", children: formattedRange })
9863
9468
  ]
9864
9469
  }
9865
9470
  ),
9866
- from && onClear && !disabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
9471
+ from && onClear && !disabled && /* @__PURE__ */ jsx(
9867
9472
  "button",
9868
9473
  {
9869
9474
  type: "button",
9870
9475
  onClick: handleClear,
9871
9476
  className: "datepicker-clear-button",
9872
9477
  "aria-label": "Clear selected date range",
9873
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 16 })
9478
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
9874
9479
  }
9875
9480
  )
9876
9481
  ] }) }),
9877
- /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
9482
+ /* @__PURE__ */ jsx(PopoverContent, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ jsx(
9878
9483
  DayPicker,
9879
9484
  {
9880
9485
  mode: "range",
@@ -9887,7 +9492,7 @@ const DateRangePicker$1 = ({
9887
9492
  }
9888
9493
  ) })
9889
9494
  ] }),
9890
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "datepicker-error-message", children: error })
9495
+ error && /* @__PURE__ */ jsx("p", { className: "datepicker-error-message", children: error })
9891
9496
  ] });
9892
9497
  };
9893
9498
 
@@ -10393,7 +9998,7 @@ const CustomFileIcon = ({ extension, size = 36 }) => {
10393
9998
  const normalizedExt = (extension || "").toLowerCase();
10394
9999
  const iconProps = extensionMap[normalizedExt];
10395
10000
  if (iconProps) {
10396
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: size }, className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
10001
+ return /* @__PURE__ */ jsx("div", { style: { width: size }, className: "flex-shrink-0", children: /* @__PURE__ */ jsx(
10397
10002
  FileIcon,
10398
10003
  {
10399
10004
  extension: normalizedExt,
@@ -10407,12 +10012,12 @@ const CustomFileIcon = ({ extension, size = 36 }) => {
10407
10012
  }
10408
10013
  ) });
10409
10014
  }
10410
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
10015
+ return /* @__PURE__ */ jsx(
10411
10016
  "div",
10412
10017
  {
10413
10018
  style: { width: size, height: size },
10414
10019
  className: "flex items-center justify-center bg-gray-100 rounded-sm border border-gray-300",
10415
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileQuestionMark, { className: "text-gray-400", size: size * 0.75 })
10020
+ children: /* @__PURE__ */ jsx(FileQuestionMark, { className: "text-gray-400", size: size * 0.75 })
10416
10021
  }
10417
10022
  );
10418
10023
  };
@@ -10447,7 +10052,7 @@ const FileUploadModal = ({
10447
10052
  subHeading = "Supports PNG, JPG, PDF. Max size: 50MB."
10448
10053
  }) => {
10449
10054
  const hasFiles = validFiles.length > 0 || rejectedFiles.length > 0;
10450
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Transition, { appear: true, show: isOpen, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
10055
+ return /* @__PURE__ */ jsx(Transition, { appear: true, show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(
10451
10056
  Dialog,
10452
10057
  {
10453
10058
  as: "div",
@@ -10455,61 +10060,61 @@ const FileUploadModal = ({
10455
10060
  onClose,
10456
10061
  ...getRootProps(),
10457
10062
  children: [
10458
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10063
+ /* @__PURE__ */ jsx(
10459
10064
  TransitionChild,
10460
10065
  {
10461
- as: Fragment,
10066
+ as: Fragment$1,
10462
10067
  enter: "ease-out duration-300",
10463
10068
  enterFrom: "opacity-0",
10464
10069
  enterTo: "opacity-100",
10465
10070
  leave: "ease-in duration-200",
10466
10071
  leaveFrom: "opacity-100",
10467
10072
  leaveTo: "opacity-0",
10468
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dialog-overlay" })
10073
+ children: /* @__PURE__ */ jsx("div", { className: "dialog-overlay" })
10469
10074
  }
10470
10075
  ),
10471
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dialog-positioner", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
10076
+ /* @__PURE__ */ jsx("div", { className: "dialog-positioner", children: /* @__PURE__ */ jsx(
10472
10077
  TransitionChild,
10473
10078
  {
10474
- as: Fragment,
10079
+ as: Fragment$1,
10475
10080
  enter: "ease-out duration-300",
10476
10081
  enterFrom: "opacity-0 scale-95",
10477
10082
  enterTo: "opacity-100 scale-100",
10478
10083
  leave: "ease-in duration-200",
10479
10084
  leaveFrom: "opacity-100 scale-100",
10480
10085
  leaveTo: "opacity-0 scale-95",
10481
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
10086
+ children: /* @__PURE__ */ jsxs(
10482
10087
  DialogPanel,
10483
10088
  {
10484
10089
  className: "dialog-panel",
10485
10090
  onClick: (e) => e.stopPropagation(),
10486
10091
  children: [
10487
- /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...getInputProps() }),
10488
- /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "form-wrapper", children: [
10489
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialog-header", children: [
10490
- /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { as: "h3", className: "dialog-title-text", children: title }),
10491
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10092
+ /* @__PURE__ */ jsx("input", { ...getInputProps() }),
10093
+ /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "form-wrapper", children: [
10094
+ /* @__PURE__ */ jsxs("div", { className: "dialog-header", children: [
10095
+ /* @__PURE__ */ jsx(DialogTitle, { as: "h3", className: "dialog-title-text", children: title }),
10096
+ /* @__PURE__ */ jsx(
10492
10097
  "button",
10493
10098
  {
10494
10099
  type: "button",
10495
10100
  onClick: onClose,
10496
10101
  className: "close-button",
10497
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 20 })
10102
+ children: /* @__PURE__ */ jsx(X, { size: 20 })
10498
10103
  }
10499
10104
  )
10500
10105
  ] }),
10501
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialog-body", children: [
10502
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
10106
+ /* @__PURE__ */ jsxs("div", { className: "dialog-body", children: [
10107
+ /* @__PURE__ */ jsxs(
10503
10108
  "div",
10504
10109
  {
10505
10110
  className: `dropzone-ui ${isDragActive ? "dropzone-ui--active" : ""}`,
10506
10111
  children: [
10507
- /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, { size: 48, className: "text-gray-400" }),
10508
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Drag and drop files here" }),
10509
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sub-heading", children: subHeading }),
10510
- /* @__PURE__ */ jsxRuntimeExports.jsx("hr", {}),
10511
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "OR" }),
10512
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10112
+ /* @__PURE__ */ jsx(CloudUpload, { size: 48, className: "text-gray-400" }),
10113
+ /* @__PURE__ */ jsx("p", { children: "Drag and drop files here" }),
10114
+ /* @__PURE__ */ jsx("p", { className: "sub-heading", children: subHeading }),
10115
+ /* @__PURE__ */ jsx("hr", {}),
10116
+ /* @__PURE__ */ jsx("p", { children: "OR" }),
10117
+ /* @__PURE__ */ jsx(
10513
10118
  "button",
10514
10119
  {
10515
10120
  type: "button",
@@ -10521,65 +10126,65 @@ const FileUploadModal = ({
10521
10126
  ]
10522
10127
  }
10523
10128
  ),
10524
- formErrors.filesToUpload && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "form-error-message", children: formErrors.filesToUpload.message }),
10525
- hasFiles && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "file-list-container", children: [
10526
- /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Upload Queue" }),
10527
- /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "file-list", children: [
10528
- validFiles.map((file, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
10129
+ formErrors.filesToUpload && /* @__PURE__ */ jsx("p", { className: "form-error-message", children: formErrors.filesToUpload.message }),
10130
+ hasFiles && /* @__PURE__ */ jsxs("div", { className: "file-list-container", children: [
10131
+ /* @__PURE__ */ jsx("h3", { children: "Upload Queue" }),
10132
+ /* @__PURE__ */ jsxs("ul", { className: "file-list", children: [
10133
+ validFiles.map((file, index) => /* @__PURE__ */ jsxs(
10529
10134
  "li",
10530
10135
  {
10531
10136
  className: "file-item",
10532
10137
  children: [
10533
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "file-item-details", children: [
10534
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10138
+ /* @__PURE__ */ jsxs("div", { className: "file-item-details", children: [
10139
+ /* @__PURE__ */ jsx(
10535
10140
  CustomFileIcon,
10536
10141
  {
10537
10142
  extension: file.name.split(".").pop()
10538
10143
  }
10539
10144
  ),
10540
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
10541
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "file-item-name", children: file.name }),
10542
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "file-item-size", children: formatBytes(file.size) })
10145
+ /* @__PURE__ */ jsxs("div", { children: [
10146
+ /* @__PURE__ */ jsx("p", { className: "file-item-name", children: file.name }),
10147
+ /* @__PURE__ */ jsx("p", { className: "file-item-size", children: formatBytes(file.size) })
10543
10148
  ] })
10544
10149
  ] }),
10545
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10150
+ /* @__PURE__ */ jsx(
10546
10151
  "button",
10547
10152
  {
10548
10153
  type: "button",
10549
10154
  onClick: () => handleRemoveValidFile(index),
10550
10155
  className: "remove-file-button",
10551
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 16 })
10156
+ children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
10552
10157
  }
10553
10158
  )
10554
10159
  ]
10555
10160
  },
10556
10161
  `${file.name}-${index}`
10557
10162
  )),
10558
- rejectedFiles.map(({ file, message }, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
10163
+ rejectedFiles.map(({ file, message }, index) => /* @__PURE__ */ jsxs(
10559
10164
  "li",
10560
10165
  {
10561
10166
  className: "file-item file-item--rejected",
10562
10167
  children: [
10563
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "file-item-details", children: [
10564
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10168
+ /* @__PURE__ */ jsxs("div", { className: "file-item-details", children: [
10169
+ /* @__PURE__ */ jsx(
10565
10170
  CustomFileIcon,
10566
10171
  {
10567
10172
  extension: file.name.split(".").pop()
10568
10173
  }
10569
10174
  ),
10570
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
10571
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "file-item-name", children: file.name }),
10572
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "file-item-size", children: formatBytes(file.size) }),
10573
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "rejection-reason", children: message })
10175
+ /* @__PURE__ */ jsxs("div", { children: [
10176
+ /* @__PURE__ */ jsx("p", { className: "file-item-name", children: file.name }),
10177
+ /* @__PURE__ */ jsx("p", { className: "file-item-size", children: formatBytes(file.size) }),
10178
+ /* @__PURE__ */ jsx("p", { className: "rejection-reason", children: message })
10574
10179
  ] })
10575
10180
  ] }),
10576
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10181
+ /* @__PURE__ */ jsx(
10577
10182
  "button",
10578
10183
  {
10579
10184
  type: "button",
10580
10185
  onClick: () => handleRemoveRejectedFile(index),
10581
10186
  className: "remove-file-button",
10582
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 16 })
10187
+ children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
10583
10188
  }
10584
10189
  )
10585
10190
  ]
@@ -10589,8 +10194,8 @@ const FileUploadModal = ({
10589
10194
  ] })
10590
10195
  ] })
10591
10196
  ] }),
10592
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialog-footer", children: [
10593
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10197
+ /* @__PURE__ */ jsxs("div", { className: "dialog-footer", children: [
10198
+ /* @__PURE__ */ jsx(
10594
10199
  UnifyedCoreButton,
10595
10200
  {
10596
10201
  type: "button",
@@ -10599,7 +10204,7 @@ const FileUploadModal = ({
10599
10204
  label: "Cancel"
10600
10205
  }
10601
10206
  ),
10602
- /* @__PURE__ */ jsxRuntimeExports.jsx(
10207
+ /* @__PURE__ */ jsx(
10603
10208
  UnifyedCoreButton,
10604
10209
  {
10605
10210
  type: "submit",
@@ -37540,7 +37145,7 @@ function requireReactList () {
37540
37145
  (function (exports) {
37541
37146
  (function (global, factory) {
37542
37147
  {
37543
- factory(exports, React__default, requireJsxRuntime());
37148
+ factory(exports, React__default, require$$1);
37544
37149
  }
37545
37150
  })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : reactList, function (_exports, _react, _jsxRuntime) {
37546
37151
 
@@ -38227,9 +37832,9 @@ function shallowEqualArrays(arrA, arrB) {
38227
37832
  }
38228
37833
 
38229
37834
  const index_esm = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
38230
- __proto__: null,
38231
- shallowEqualArrays,
38232
- shallowEqualObjects
37835
+ __proto__: null,
37836
+ shallowEqualArrays,
37837
+ shallowEqualObjects
38233
37838
  }, Symbol.toStringTag, { value: 'Module' }));
38234
37839
 
38235
37840
  const require$$8 = /*@__PURE__*/getAugmentedNamespace(index_esm);
@@ -39735,22 +39340,22 @@ const GenericFilter = ({
39735
39340
  const currentValues = Array.isArray(fieldValue.values) ? fieldValue.values : [];
39736
39341
  switch (filter.type) {
39737
39342
  case "multiselect":
39738
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-panel-content", children: [
39739
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-operator-group", children: [
39740
- /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "filter-label", children: "Operator:" }),
39741
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39343
+ return /* @__PURE__ */ jsxs("div", { className: "filter-panel-content", children: [
39344
+ /* @__PURE__ */ jsxs("div", { className: "filter-operator-group", children: [
39345
+ /* @__PURE__ */ jsx("label", { className: "filter-label", children: "Operator:" }),
39346
+ /* @__PURE__ */ jsx(
39742
39347
  "select",
39743
39348
  {
39744
39349
  value: fieldValue.operator || "in",
39745
39350
  onChange: (e) => formik.setFieldValue(`${filterKey}.operator`, e.target.value),
39746
39351
  className: "filter-select",
39747
- children: filter.operators.map((op) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: op, children: op === "in" ? "Includes" : "Excludes" }, op))
39352
+ children: filter.operators.map((op) => /* @__PURE__ */ jsx("option", { value: op, children: op === "in" ? "Includes" : "Excludes" }, op))
39748
39353
  }
39749
39354
  )
39750
39355
  ] }),
39751
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-checkbox-list", children: [
39752
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-checkbox-item", children: [
39753
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39356
+ /* @__PURE__ */ jsxs("div", { className: "filter-checkbox-list", children: [
39357
+ /* @__PURE__ */ jsxs("div", { className: "filter-checkbox-item", children: [
39358
+ /* @__PURE__ */ jsx(
39754
39359
  "input",
39755
39360
  {
39756
39361
  type: "checkbox",
@@ -39763,7 +39368,7 @@ const GenericFilter = ({
39763
39368
  }
39764
39369
  }
39765
39370
  ),
39766
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39371
+ /* @__PURE__ */ jsx(
39767
39372
  "label",
39768
39373
  {
39769
39374
  htmlFor: `select-all-${filterKey}`,
@@ -39772,8 +39377,8 @@ const GenericFilter = ({
39772
39377
  }
39773
39378
  )
39774
39379
  ] }),
39775
- filter.options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-checkbox-item", children: [
39776
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39380
+ filter.options.map((option) => /* @__PURE__ */ jsxs("div", { className: "filter-checkbox-item", children: [
39381
+ /* @__PURE__ */ jsx(
39777
39382
  "input",
39778
39383
  {
39779
39384
  type: "checkbox",
@@ -39786,7 +39391,7 @@ const GenericFilter = ({
39786
39391
  }
39787
39392
  }
39788
39393
  ),
39789
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39394
+ /* @__PURE__ */ jsx(
39790
39395
  "label",
39791
39396
  {
39792
39397
  htmlFor: `${filterKey}-${option.value}`,
@@ -39800,22 +39405,22 @@ const GenericFilter = ({
39800
39405
  case "multiselect-users":
39801
39406
  const users = userLists[filterKey] || [];
39802
39407
  const isLoading = loadingUsers[filterKey];
39803
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-panel-content", children: [
39804
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-operator-group", children: [
39805
- /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "filter-label", children: "Operator:" }),
39806
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39408
+ return /* @__PURE__ */ jsxs("div", { className: "filter-panel-content", children: [
39409
+ /* @__PURE__ */ jsxs("div", { className: "filter-operator-group", children: [
39410
+ /* @__PURE__ */ jsx("label", { className: "filter-label", children: "Operator:" }),
39411
+ /* @__PURE__ */ jsx(
39807
39412
  "select",
39808
39413
  {
39809
39414
  value: fieldValue.operator || "in",
39810
39415
  onChange: (e) => formik.setFieldValue(`${filterKey}.operator`, e.target.value),
39811
39416
  className: "filter-select",
39812
- children: filter.operators.map((op) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: op, children: op === "in" ? "Includes" : "Excludes" }, op))
39417
+ children: filter.operators.map((op) => /* @__PURE__ */ jsx("option", { value: op, children: op === "in" ? "Includes" : "Excludes" }, op))
39813
39418
  }
39814
39419
  )
39815
39420
  ] }),
39816
- isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "loading-spinner", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-checkbox-list", children: users.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
39817
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-checkbox-item", children: [
39818
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39421
+ isLoading ? /* @__PURE__ */ jsx("div", { className: "loading-spinner", children: /* @__PURE__ */ jsx("div", {}) }) : /* @__PURE__ */ jsx("div", { className: "filter-checkbox-list", children: users.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
39422
+ /* @__PURE__ */ jsxs("div", { className: "filter-checkbox-item", children: [
39423
+ /* @__PURE__ */ jsx(
39819
39424
  "input",
39820
39425
  {
39821
39426
  type: "checkbox",
@@ -39831,7 +39436,7 @@ const GenericFilter = ({
39831
39436
  }
39832
39437
  }
39833
39438
  ),
39834
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39439
+ /* @__PURE__ */ jsx(
39835
39440
  "label",
39836
39441
  {
39837
39442
  htmlFor: `select-all-users-${filterKey}`,
@@ -39840,8 +39445,8 @@ const GenericFilter = ({
39840
39445
  }
39841
39446
  )
39842
39447
  ] }),
39843
- users.map((user) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-checkbox-item", children: [
39844
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39448
+ users.map((user) => /* @__PURE__ */ jsxs("div", { className: "filter-checkbox-item", children: [
39449
+ /* @__PURE__ */ jsx(
39845
39450
  "input",
39846
39451
  {
39847
39452
  type: "checkbox",
@@ -39857,19 +39462,19 @@ const GenericFilter = ({
39857
39462
  }
39858
39463
  }
39859
39464
  ),
39860
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
39465
+ /* @__PURE__ */ jsxs(
39861
39466
  "label",
39862
39467
  {
39863
39468
  htmlFor: `${filterKey}-${user.email}`,
39864
39469
  className: "filter-checkbox-label",
39865
39470
  children: [
39866
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "user-label-name", children: user.name }),
39867
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "user-label-email", children: user.email })
39471
+ /* @__PURE__ */ jsx("span", { className: "user-label-name", children: user.name }),
39472
+ /* @__PURE__ */ jsx("span", { className: "user-label-email", children: user.email })
39868
39473
  ]
39869
39474
  }
39870
39475
  )
39871
39476
  ] }, user.email))
39872
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
39477
+ ] }) : /* @__PURE__ */ jsx("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
39873
39478
  ] });
39874
39479
  case "date":
39875
39480
  const dateValues = fieldValue.values || [];
@@ -39882,19 +39487,19 @@ const GenericFilter = ({
39882
39487
  // Fallback to today
39883
39488
  key: "selection"
39884
39489
  };
39885
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-panel-content", children: [
39886
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-operator-group", children: [
39887
- /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "filter-label", children: "Operator:" }),
39888
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39490
+ return /* @__PURE__ */ jsxs("div", { className: "filter-panel-content", children: [
39491
+ /* @__PURE__ */ jsxs("div", { className: "filter-operator-group", children: [
39492
+ /* @__PURE__ */ jsx("label", { className: "filter-label", children: "Operator:" }),
39493
+ /* @__PURE__ */ jsx(
39889
39494
  "select",
39890
39495
  {
39891
39496
  value: fieldValue.operator,
39892
39497
  onChange: (e) => formik.setFieldValue(`${filterKey}.operator`, e.target.value),
39893
39498
  className: "filter-select",
39894
- children: filter.operators.map((op) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: op, children: op === "in" ? "Is" : "Is not" }, op))
39499
+ children: filter.operators.map((op) => /* @__PURE__ */ jsx("option", { value: op, children: op === "in" ? "Is" : "Is not" }, op))
39895
39500
  }
39896
39501
  ),
39897
- hasDateSelection && /* @__PURE__ */ jsxRuntimeExports.jsx(
39502
+ hasDateSelection && /* @__PURE__ */ jsx(
39898
39503
  "button",
39899
39504
  {
39900
39505
  type: "button",
@@ -39909,7 +39514,7 @@ const GenericFilter = ({
39909
39514
  }
39910
39515
  )
39911
39516
  ] }),
39912
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39517
+ /* @__PURE__ */ jsx(
39913
39518
  distExports.DateRangePicker,
39914
39519
  {
39915
39520
  ranges: [selectionRange],
@@ -39932,34 +39537,34 @@ const GenericFilter = ({
39932
39537
  return null;
39933
39538
  }
39934
39539
  };
39935
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Transition, { appear: true, show: isOpen, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { as: "div", className: "relative z-50", onClose, children: [
39936
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39540
+ return /* @__PURE__ */ jsx(Transition, { appear: true, show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose, children: [
39541
+ /* @__PURE__ */ jsx(
39937
39542
  TransitionChild,
39938
39543
  {
39939
- as: Fragment,
39544
+ as: Fragment$1,
39940
39545
  enter: "ease-out duration-300",
39941
39546
  enterFrom: "opacity-0",
39942
39547
  enterTo: "opacity-100",
39943
39548
  leave: "ease-in duration-200",
39944
39549
  leaveFrom: "opacity-100",
39945
39550
  leaveTo: "opacity-0",
39946
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-modal-overlay", "aria-hidden": "true" })
39551
+ children: /* @__PURE__ */ jsx("div", { className: "filter-modal-overlay", "aria-hidden": "true" })
39947
39552
  }
39948
39553
  ),
39949
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-modal-container", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
39554
+ /* @__PURE__ */ jsx("div", { className: "filter-modal-container", children: /* @__PURE__ */ jsx("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ jsx(
39950
39555
  TransitionChild,
39951
39556
  {
39952
- as: Fragment,
39557
+ as: Fragment$1,
39953
39558
  enter: "ease-out duration-300",
39954
39559
  enterFrom: "opacity-0 translate-x-full",
39955
39560
  enterTo: "opacity-100 translate-x-0",
39956
39561
  leave: "ease-in duration-200",
39957
39562
  leaveFrom: "opacity-100 translate-x-0",
39958
39563
  leaveTo: "opacity-0 translate-x-full",
39959
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPanel, { className: "filter-modal-panel", children: [
39960
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-header", children: [
39961
- /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { as: "h3", className: "filter-title", children: "Filters" }),
39962
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39564
+ children: /* @__PURE__ */ jsxs(DialogPanel, { className: "filter-modal-panel", children: [
39565
+ /* @__PURE__ */ jsxs("div", { className: "filter-header", children: [
39566
+ /* @__PURE__ */ jsx(DialogTitle, { as: "h3", className: "filter-title", children: "Filters" }),
39567
+ /* @__PURE__ */ jsx(
39963
39568
  "button",
39964
39569
  {
39965
39570
  type: "button",
@@ -39969,8 +39574,8 @@ const GenericFilter = ({
39969
39574
  }
39970
39575
  )
39971
39576
  ] }),
39972
- /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: formik.handleSubmit, className: "filter-form", children: [
39973
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
39577
+ /* @__PURE__ */ jsxs("form", { onSubmit: formik.handleSubmit, className: "filter-form", children: [
39578
+ /* @__PURE__ */ jsx("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ jsxs(
39974
39579
  TabGroup,
39975
39580
  {
39976
39581
  vertical: true,
@@ -39980,9 +39585,9 @@ const GenericFilter = ({
39980
39585
  flexGrow: 1
39981
39586
  },
39982
39587
  children: [
39983
- /* @__PURE__ */ jsxRuntimeExports.jsx(TabList, { className: "filter-tabs-list", children: filterConfig.map((filter) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tab, { className: "filter-tab-item", children: [
39588
+ /* @__PURE__ */ jsx(TabList, { className: "filter-tabs-list", children: filterConfig.map((filter) => /* @__PURE__ */ jsxs(Tab, { className: "filter-tab-item", children: [
39984
39589
  filter.label,
39985
- activeFilters[filter.key] && /* @__PURE__ */ jsxRuntimeExports.jsx(
39590
+ activeFilters[filter.key] && /* @__PURE__ */ jsx(
39986
39591
  "span",
39987
39592
  {
39988
39593
  className: "filter-active-indicator",
@@ -39990,11 +39595,11 @@ const GenericFilter = ({
39990
39595
  }
39991
39596
  )
39992
39597
  ] }, filter.key)) }),
39993
- /* @__PURE__ */ jsxRuntimeExports.jsx(TabPanels, { className: "filter-tabs-panels", children: filterConfig.map((filter) => /* @__PURE__ */ jsxRuntimeExports.jsx(
39598
+ /* @__PURE__ */ jsx(TabPanels, { className: "filter-tabs-panels", children: filterConfig.map((filter) => /* @__PURE__ */ jsx(
39994
39599
  Tab.Panel,
39995
39600
  {
39996
39601
  className: "filter-tab-panel",
39997
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
39602
+ children: /* @__PURE__ */ jsx(
39998
39603
  motion.div,
39999
39604
  {
40000
39605
  initial: { opacity: 0.8, x: 10 },
@@ -40011,8 +39616,8 @@ const GenericFilter = ({
40011
39616
  ]
40012
39617
  }
40013
39618
  ) }),
40014
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-footer", children: [
40015
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39619
+ /* @__PURE__ */ jsxs("div", { className: "filter-footer", children: [
39620
+ /* @__PURE__ */ jsx(
40016
39621
  "button",
40017
39622
  {
40018
39623
  type: "button",
@@ -40021,7 +39626,7 @@ const GenericFilter = ({
40021
39626
  children: "Cancel"
40022
39627
  }
40023
39628
  ),
40024
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
39629
+ /* @__PURE__ */ jsxs(
40025
39630
  "button",
40026
39631
  {
40027
39632
  type: "submit",
@@ -40054,11 +39659,11 @@ const Input = ({
40054
39659
  ...props
40055
39660
  }) => {
40056
39661
  const inputId = id || props.name;
40057
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `input-wrapper ${className || ""}`, children: [
40058
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: inputId, className: "input-label", children: label }),
40059
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "input-field-container", children: [
40060
- Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "input-icon", size: 20 }),
40061
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39662
+ return /* @__PURE__ */ jsxs("div", { className: `input-wrapper ${className || ""}`, children: [
39663
+ label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "input-label", children: label }),
39664
+ /* @__PURE__ */ jsxs("div", { className: "input-field-container", children: [
39665
+ Icon && /* @__PURE__ */ jsx(Icon, { className: "input-icon", size: 20 }),
39666
+ /* @__PURE__ */ jsx(
40062
39667
  "input",
40063
39668
  {
40064
39669
  id: inputId,
@@ -40072,7 +39677,7 @@ const Input = ({
40072
39677
  }
40073
39678
  )
40074
39679
  ] }),
40075
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "input-error-message", children: error })
39680
+ error && /* @__PURE__ */ jsx("p", { className: "input-error-message", children: error })
40076
39681
  ] });
40077
39682
  };
40078
39683
 
@@ -40114,40 +39719,40 @@ const Modal = ({
40114
39719
  const handleSecondaryClick = () => {
40115
39720
  onClose({ primary: false, secondary: true });
40116
39721
  };
40117
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Transition, { appear: true, show: isOpen, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { as: "div", className: "modal-dialog", onClose: () => onClose({}), children: [
40118
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39722
+ return /* @__PURE__ */ jsx(Transition, { appear: true, show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "modal-dialog", onClose: () => onClose({}), children: [
39723
+ /* @__PURE__ */ jsx(
40119
39724
  TransitionChild,
40120
39725
  {
40121
- as: Fragment,
39726
+ as: Fragment$1,
40122
39727
  enter: "ease-out duration-300",
40123
39728
  enterFrom: "opacity-0",
40124
39729
  enterTo: "opacity-100",
40125
39730
  leave: "ease-in duration-200",
40126
39731
  leaveFrom: "opacity-100",
40127
39732
  leaveTo: "opacity-0",
40128
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-overlay" })
39733
+ children: /* @__PURE__ */ jsx("div", { className: "modal-overlay" })
40129
39734
  }
40130
39735
  ),
40131
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-positioner", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
39736
+ /* @__PURE__ */ jsx("div", { className: "modal-positioner", children: /* @__PURE__ */ jsx(
40132
39737
  TransitionChild,
40133
39738
  {
40134
- as: Fragment,
39739
+ as: Fragment$1,
40135
39740
  enter: "ease-out duration-300",
40136
39741
  enterFrom: "opacity-0 scale-95",
40137
39742
  enterTo: "opacity-100 scale-100",
40138
39743
  leave: "ease-in duration-200",
40139
39744
  leaveFrom: "opacity-100 scale-100",
40140
39745
  leaveTo: "opacity-0 scale-95",
40141
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPanel, { className: "modal-panel", children: [
40142
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-content-wrapper", children: [
40143
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `modal-icon-container ${config.iconClass}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: 24, "aria-hidden": "true" }) }),
40144
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-text-content", children: [
40145
- /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { as: "h3", className: "modal-title", children: title }),
40146
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-description", children })
39746
+ children: /* @__PURE__ */ jsxs(DialogPanel, { className: "modal-panel", children: [
39747
+ /* @__PURE__ */ jsxs("div", { className: "modal-content-wrapper", children: [
39748
+ /* @__PURE__ */ jsx("div", { className: `modal-icon-container ${config.iconClass}`, children: /* @__PURE__ */ jsx(Icon, { size: 24, "aria-hidden": "true" }) }),
39749
+ /* @__PURE__ */ jsxs("div", { className: "modal-text-content", children: [
39750
+ /* @__PURE__ */ jsx(DialogTitle, { as: "h3", className: "modal-title", children: title }),
39751
+ /* @__PURE__ */ jsx("div", { className: "modal-description", children })
40147
39752
  ] })
40148
39753
  ] }),
40149
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-footer", children: [
40150
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39754
+ /* @__PURE__ */ jsxs("div", { className: "modal-footer", children: [
39755
+ /* @__PURE__ */ jsx(
40151
39756
  UnifyedCoreButton,
40152
39757
  {
40153
39758
  onClick: handleSecondaryClick,
@@ -40155,7 +39760,7 @@ const Modal = ({
40155
39760
  category: "secondary"
40156
39761
  }
40157
39762
  ),
40158
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39763
+ /* @__PURE__ */ jsx(
40159
39764
  UnifyedCoreButton,
40160
39765
  {
40161
39766
  onClick: handlePrimaryClick,
@@ -40197,20 +39802,20 @@ const Pagination = ({
40197
39802
  onPageChange(newPage);
40198
39803
  }
40199
39804
  };
40200
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination-container", children: [
40201
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination-left", children: [
40202
- /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "items-per-page", className: "pagination-select-label", children: "Items per page:" }),
40203
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39805
+ return /* @__PURE__ */ jsxs("div", { className: "pagination-container", children: [
39806
+ /* @__PURE__ */ jsxs("div", { className: "pagination-left", children: [
39807
+ /* @__PURE__ */ jsx("label", { htmlFor: "items-per-page", className: "pagination-select-label", children: "Items per page:" }),
39808
+ /* @__PURE__ */ jsx(
40204
39809
  "select",
40205
39810
  {
40206
39811
  id: "items-per-page",
40207
39812
  className: "pagination-select",
40208
39813
  value: itemsPerPage,
40209
39814
  onChange: (e) => onItemsPerPageChange(Number(e.target.value)),
40210
- children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: option, children: option }, option))
39815
+ children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
40211
39816
  }
40212
39817
  ),
40213
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "pagination-info", children: [
39818
+ /* @__PURE__ */ jsxs("span", { className: "pagination-info", children: [
40214
39819
  startIndex,
40215
39820
  "-",
40216
39821
  endIndex,
@@ -40219,28 +39824,28 @@ const Pagination = ({
40219
39824
  " items"
40220
39825
  ] })
40221
39826
  ] }),
40222
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination-right", children: [
40223
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39827
+ /* @__PURE__ */ jsxs("div", { className: "pagination-right", children: [
39828
+ /* @__PURE__ */ jsx(
40224
39829
  "button",
40225
39830
  {
40226
39831
  className: "pagination-button",
40227
39832
  onClick: () => onPageChange(1),
40228
39833
  disabled: currentPage === 1,
40229
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronFirst, { size: 16 })
39834
+ children: /* @__PURE__ */ jsx(ChevronFirst, { size: 16 })
40230
39835
  }
40231
39836
  ),
40232
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39837
+ /* @__PURE__ */ jsx(
40233
39838
  "button",
40234
39839
  {
40235
39840
  className: "pagination-button",
40236
39841
  onClick: () => onPageChange(currentPage - 1),
40237
39842
  disabled: currentPage === 1,
40238
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { size: 16 })
39843
+ children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
40239
39844
  }
40240
39845
  ),
40241
- /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handlePageInput, className: "page-input-form", children: [
40242
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "page-input-label", children: "Page" }),
40243
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39846
+ /* @__PURE__ */ jsxs("form", { onSubmit: handlePageInput, className: "page-input-form", children: [
39847
+ /* @__PURE__ */ jsx("span", { className: "page-input-label", children: "Page" }),
39848
+ /* @__PURE__ */ jsx(
40244
39849
  "input",
40245
39850
  {
40246
39851
  type: "number",
@@ -40251,27 +39856,27 @@ const Pagination = ({
40251
39856
  "aria-label": `Current page, Page ${currentPage}`
40252
39857
  }
40253
39858
  ),
40254
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "page-input-total", children: [
39859
+ /* @__PURE__ */ jsxs("span", { className: "page-input-total", children: [
40255
39860
  "of ",
40256
39861
  totalPages
40257
39862
  ] })
40258
39863
  ] }),
40259
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39864
+ /* @__PURE__ */ jsx(
40260
39865
  "button",
40261
39866
  {
40262
39867
  className: "pagination-button",
40263
39868
  onClick: () => onPageChange(currentPage + 1),
40264
39869
  disabled: currentPage === totalPages,
40265
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 16 })
39870
+ children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
40266
39871
  }
40267
39872
  ),
40268
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39873
+ /* @__PURE__ */ jsx(
40269
39874
  "button",
40270
39875
  {
40271
39876
  className: "pagination-button",
40272
39877
  onClick: () => onPageChange(totalPages),
40273
39878
  disabled: currentPage === totalPages,
40274
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLast, { size: 16 })
39879
+ children: /* @__PURE__ */ jsx(ChevronLast, { size: 16 })
40275
39880
  }
40276
39881
  )
40277
39882
  ] })
@@ -40287,16 +39892,16 @@ const RadioGroup = ({
40287
39892
  error,
40288
39893
  ...props
40289
39894
  }) => {
40290
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "radiogroup-wrapper", children: [
40291
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "radiogroup-label", children: label }),
40292
- /* @__PURE__ */ jsxRuntimeExports.jsx(
39895
+ return /* @__PURE__ */ jsxs("div", { className: "radiogroup-wrapper", children: [
39896
+ label && /* @__PURE__ */ jsx("label", { className: "radiogroup-label", children: label }),
39897
+ /* @__PURE__ */ jsx(
40293
39898
  RadioGroup$1,
40294
39899
  {
40295
39900
  value,
40296
39901
  onChange,
40297
39902
  className: "radiogroup-container",
40298
39903
  ...props,
40299
- children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
39904
+ children: options.map((option) => /* @__PURE__ */ jsx(
40300
39905
  RadioGroup$1.Option,
40301
39906
  {
40302
39907
  value: option.value,
@@ -40305,10 +39910,10 @@ const RadioGroup = ({
40305
39910
  "radiogroup-option--checked": checked,
40306
39911
  "radiogroup-option--error": !!error
40307
39912
  }),
40308
- children: ({ checked }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
40309
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "radiogroup-option-content", children: [
40310
- /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroup$1.Label, { as: "p", className: "option-label", children: option.label }),
40311
- option.description && /* @__PURE__ */ jsxRuntimeExports.jsx(
39913
+ children: ({ checked }) => /* @__PURE__ */ jsxs(Fragment, { children: [
39914
+ /* @__PURE__ */ jsxs("div", { className: "radiogroup-option-content", children: [
39915
+ /* @__PURE__ */ jsx(RadioGroup$1.Label, { as: "p", className: "option-label", children: option.label }),
39916
+ option.description && /* @__PURE__ */ jsx(
40312
39917
  RadioGroup$1.Description,
40313
39918
  {
40314
39919
  as: "span",
@@ -40317,14 +39922,14 @@ const RadioGroup = ({
40317
39922
  }
40318
39923
  )
40319
39924
  ] }),
40320
- checked && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "option-checkmark", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { size: 20 }) })
39925
+ checked && /* @__PURE__ */ jsx("div", { className: "option-checkmark", children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 20 }) })
40321
39926
  ] })
40322
39927
  },
40323
39928
  option.value
40324
39929
  ))
40325
39930
  }
40326
39931
  ),
40327
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "radiogroup-error-message", children: error })
39932
+ error && /* @__PURE__ */ jsx("p", { className: "radiogroup-error-message", children: error })
40328
39933
  ] });
40329
39934
  };
40330
39935
 
@@ -41013,10 +40618,10 @@ const SearchBar = ({
41013
40618
  const handleChange = (event) => {
41014
40619
  setInputValue(event.target.value);
41015
40620
  };
41016
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `search-bar-wrapper ${customClass}`, children: [
41017
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "search-field", className: "sr-only", children: label }),
41018
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { size: 20, className: "search-bar-icon", "aria-hidden": "true" }) }),
41019
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40621
+ return /* @__PURE__ */ jsxs("div", { className: `search-bar-wrapper ${customClass}`, children: [
40622
+ label && /* @__PURE__ */ jsx("label", { htmlFor: "search-field", className: "sr-only", children: label }),
40623
+ /* @__PURE__ */ jsx("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ jsx(Search, { size: 20, className: "search-bar-icon", "aria-hidden": "true" }) }),
40624
+ /* @__PURE__ */ jsx(
41020
40625
  "input",
41021
40626
  {
41022
40627
  id: "search-field",
@@ -41050,29 +40655,29 @@ const Select = ({
41050
40655
  (option) => option.label.toLowerCase().includes(query.toLowerCase())
41051
40656
  );
41052
40657
  const selectedOption = options.find((option) => option.id === value?.id);
41053
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Listbox, { value, onChange, disabled, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "select-wrapper", ref, children: [
41054
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "select-label", children: label }),
41055
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "select-button-container", children: [
41056
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
40658
+ return /* @__PURE__ */ jsx(Listbox, { value, onChange, disabled, children: /* @__PURE__ */ jsxs("div", { className: "select-wrapper", ref, children: [
40659
+ label && /* @__PURE__ */ jsx("label", { className: "select-label", children: label }),
40660
+ /* @__PURE__ */ jsxs("div", { className: "select-button-container", children: [
40661
+ /* @__PURE__ */ jsxs(
41057
40662
  ListboxButton,
41058
40663
  {
41059
40664
  className: classNames("select-button", {
41060
40665
  "select-button--error": !!error
41061
40666
  }),
41062
40667
  children: [
41063
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "select-value-display", children: selectedOption ? selectedOption.label : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "placeholder", children: placeholder }) }),
41064
- /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUpDown, { className: "select-chevron", "aria-hidden": "true" })
40668
+ /* @__PURE__ */ jsx("span", { className: "select-value-display", children: selectedOption ? selectedOption.label : /* @__PURE__ */ jsx("span", { className: "placeholder", children: placeholder }) }),
40669
+ /* @__PURE__ */ jsx(ChevronsUpDown, { className: "select-chevron", "aria-hidden": "true" })
41065
40670
  ]
41066
40671
  }
41067
40672
  ),
41068
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40673
+ /* @__PURE__ */ jsx(
41069
40674
  Transition,
41070
40675
  {
41071
40676
  leave: "transition ease-in duration-100",
41072
40677
  leaveFrom: "opacity-100",
41073
40678
  leaveTo: "opacity-0",
41074
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListboxOptions, { className: "select-options", children: [
41075
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "search-input-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
40679
+ children: /* @__PURE__ */ jsxs(ListboxOptions, { className: "select-options", children: [
40680
+ /* @__PURE__ */ jsx("div", { className: "search-input-wrapper", children: /* @__PURE__ */ jsx(
41076
40681
  SearchBar,
41077
40682
  {
41078
40683
  value: query,
@@ -41080,15 +40685,15 @@ const Select = ({
41080
40685
  placeholder: "Search..."
41081
40686
  }
41082
40687
  ) }),
41083
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "select-options-list", children: filteredOptions.length === 0 && query !== "" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-results", children: "No results found." }) : filteredOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
40688
+ /* @__PURE__ */ jsx("div", { className: "select-options-list", children: filteredOptions.length === 0 && query !== "" ? /* @__PURE__ */ jsx("div", { className: "no-results", children: "No results found." }) : filteredOptions.map((option) => /* @__PURE__ */ jsx(
41084
40689
  ListboxOption,
41085
40690
  {
41086
40691
  className: ({ active }) => `select-option ${active ? "active" : ""}`,
41087
40692
  value: option,
41088
- children: ({ selected }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
41089
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "option-content", children: [
41090
- option.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(option.icon, { className: "option-icon" }),
41091
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40693
+ children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
40694
+ /* @__PURE__ */ jsxs("div", { className: "option-content", children: [
40695
+ option.icon && /* @__PURE__ */ jsx(option.icon, { className: "option-icon" }),
40696
+ /* @__PURE__ */ jsx(
41092
40697
  "span",
41093
40698
  {
41094
40699
  className: `option-label ${selected ? "selected" : ""}`,
@@ -41096,7 +40701,7 @@ const Select = ({
41096
40701
  }
41097
40702
  )
41098
40703
  ] }),
41099
- selected ? /* @__PURE__ */ jsxRuntimeExports.jsx(
40704
+ selected ? /* @__PURE__ */ jsx(
41100
40705
  Check,
41101
40706
  {
41102
40707
  className: "option-check-icon",
@@ -41111,7 +40716,7 @@ const Select = ({
41111
40716
  }
41112
40717
  )
41113
40718
  ] }),
41114
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "select-error-message", children: error })
40719
+ error && /* @__PURE__ */ jsx("p", { className: "select-error-message", children: error })
41115
40720
  ] }) });
41116
40721
  };
41117
40722
 
@@ -41165,7 +40770,7 @@ const NavItem = ({ item, isCollapsed, level = 0 }) => {
41165
40770
  e.preventDefault();
41166
40771
  setIsSubMenuOpen(!isSubMenuOpen);
41167
40772
  };
41168
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
40773
+ return /* @__PURE__ */ jsxs(
41169
40774
  "div",
41170
40775
  {
41171
40776
  className: classNames("nav-item-container", {
@@ -41173,7 +40778,7 @@ const NavItem = ({ item, isCollapsed, level = 0 }) => {
41173
40778
  [`nav-item-container--level-${level}`]: level > 0
41174
40779
  }),
41175
40780
  children: [
41176
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
40781
+ /* @__PURE__ */ jsxs(
41177
40782
  "a",
41178
40783
  {
41179
40784
  href: itemPath,
@@ -41185,16 +40790,16 @@ const NavItem = ({ item, isCollapsed, level = 0 }) => {
41185
40790
  }),
41186
40791
  "aria-current": isActive ? "page" : void 0,
41187
40792
  children: [
41188
- Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "nav-icon", "aria-hidden": "true" }),
41189
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nav-label", children: item.label || item.name }),
41190
- item.children && /* @__PURE__ */ jsxRuntimeExports.jsx(
40793
+ Icon && /* @__PURE__ */ jsx(Icon, { className: "nav-icon", "aria-hidden": "true" }),
40794
+ /* @__PURE__ */ jsx("span", { className: "nav-label", children: item.label || item.name }),
40795
+ item.children && /* @__PURE__ */ jsx(
41191
40796
  "button",
41192
40797
  {
41193
40798
  className: "nav-chevron-button",
41194
40799
  onClick: handleToggleSubMenu,
41195
40800
  "aria-expanded": isSubMenuOpen,
41196
40801
  "aria-label": isSubMenuOpen ? "Collapse menu" : "Expand menu",
41197
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
40802
+ children: /* @__PURE__ */ jsx(
41198
40803
  ChevronDown,
41199
40804
  {
41200
40805
  className: classNames("nav-chevron", {
@@ -41207,7 +40812,7 @@ const NavItem = ({ item, isCollapsed, level = 0 }) => {
41207
40812
  ]
41208
40813
  }
41209
40814
  ),
41210
- item.children && /* @__PURE__ */ jsxRuntimeExports.jsx(
40815
+ item.children && /* @__PURE__ */ jsx(
41211
40816
  "div",
41212
40817
  {
41213
40818
  className: classNames("sub-menu", {
@@ -41215,7 +40820,7 @@ const NavItem = ({ item, isCollapsed, level = 0 }) => {
41215
40820
  "sub-menu--collapsed": isCollapsed
41216
40821
  }),
41217
40822
  "aria-hidden": !isSubMenuOpen || isCollapsed,
41218
- children: item.children.map((child) => /* @__PURE__ */ jsxRuntimeExports.jsx(
40823
+ children: item.children.map((child) => /* @__PURE__ */ jsx(
41219
40824
  NavItem,
41220
40825
  {
41221
40826
  item: child,
@@ -41240,8 +40845,8 @@ const Sidebar = ({
41240
40845
  logoLarge,
41241
40846
  user = { name: "", email: "" }
41242
40847
  }) => {
41243
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
41244
- isMobileOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
40848
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
40849
+ isMobileOpen && /* @__PURE__ */ jsx(
41245
40850
  "div",
41246
40851
  {
41247
40852
  className: "sidebar-overlay",
@@ -41249,7 +40854,7 @@ const Sidebar = ({
41249
40854
  "aria-hidden": "true"
41250
40855
  }
41251
40856
  ),
41252
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
40857
+ /* @__PURE__ */ jsxs(
41253
40858
  "aside",
41254
40859
  {
41255
40860
  className: classNames("sidebar", {
@@ -41258,11 +40863,11 @@ const Sidebar = ({
41258
40863
  }),
41259
40864
  "aria-label": "Main navigation",
41260
40865
  children: [
41261
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sidebar-header", children: [
41262
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sidebar-logo", children: isCollapsed ? logoSmall : logoLarge }),
41263
- !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sidebar-search-container", children: [
41264
- /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "sidebar-search-icon" }),
41265
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40866
+ /* @__PURE__ */ jsxs("div", { className: "sidebar-header", children: [
40867
+ /* @__PURE__ */ jsx("div", { className: "sidebar-logo", children: isCollapsed ? logoSmall : logoLarge }),
40868
+ !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "sidebar-search-container", children: [
40869
+ /* @__PURE__ */ jsx(Search, { className: "sidebar-search-icon" }),
40870
+ /* @__PURE__ */ jsx(
41266
40871
  "input",
41267
40872
  {
41268
40873
  type: "text",
@@ -41272,30 +40877,30 @@ const Sidebar = ({
41272
40877
  }
41273
40878
  )
41274
40879
  ] }),
41275
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40880
+ /* @__PURE__ */ jsx(
41276
40881
  "button",
41277
40882
  {
41278
40883
  onClick: onToggleCollapse,
41279
40884
  className: "collapse-button desktop-only",
41280
40885
  "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
41281
- children: isCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(X, {})
40886
+ children: isCollapsed ? /* @__PURE__ */ jsx(Menu, {}) : /* @__PURE__ */ jsx(X, {})
41282
40887
  }
41283
40888
  )
41284
40889
  ] }),
41285
- /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sidebar-nav-list", children: navItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavItem, { item, isCollapsed }) }, item.label || item.name)) }) }),
41286
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sidebar-footer", children: [
41287
- /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { src: user.avatar, name: user.name, size: "medium" }),
41288
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "user-info", children: [
41289
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "user-name", children: user.name }),
41290
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "user-email", children: user.email })
40890
+ /* @__PURE__ */ jsx("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ jsx("ul", { className: "sidebar-nav-list", children: navItems.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavItem, { item, isCollapsed }) }, item.label || item.name)) }) }),
40891
+ /* @__PURE__ */ jsxs("div", { className: "sidebar-footer", children: [
40892
+ /* @__PURE__ */ jsx(Avatar, { src: user.avatar, name: user.name, size: "medium" }),
40893
+ /* @__PURE__ */ jsxs("div", { className: "user-info", children: [
40894
+ /* @__PURE__ */ jsx("span", { className: "user-name", children: user.name }),
40895
+ /* @__PURE__ */ jsx("span", { className: "user-email", children: user.email })
41291
40896
  ] }),
41292
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40897
+ /* @__PURE__ */ jsx(
41293
40898
  "button",
41294
40899
  {
41295
40900
  className: "logout-button",
41296
40901
  "aria-label": "Log out",
41297
40902
  onClick: () => console.log("Logout clicked"),
41298
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogOut, {})
40903
+ children: /* @__PURE__ */ jsx(LogOut, {})
41299
40904
  }
41300
40905
  )
41301
40906
  ] })
@@ -41319,7 +40924,7 @@ const Spinner = ({
41319
40924
  `spinner--color-${color}`,
41320
40925
  className
41321
40926
  );
41322
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
40927
+ return /* @__PURE__ */ jsxs(
41323
40928
  "div",
41324
40929
  {
41325
40930
  className: spinnerClasses,
@@ -41327,22 +40932,22 @@ const Spinner = ({
41327
40932
  role: "status",
41328
40933
  "aria-label": "Loading...",
41329
40934
  children: [
41330
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41331
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41332
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41333
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41334
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41335
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41336
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" }),
41337
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-blade" })
40935
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40936
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40937
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40938
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40939
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40940
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40941
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" }),
40942
+ /* @__PURE__ */ jsx("div", { className: "spinner-blade" })
41338
40943
  ]
41339
40944
  }
41340
40945
  );
41341
40946
  };
41342
40947
  const FullScreenLoader = ({ label = "Loading..." }) => {
41343
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "loader-content", children: [
41344
- /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { size: "large" }),
41345
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "loader-label", children: label })
40948
+ return /* @__PURE__ */ jsx("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ jsxs("div", { className: "loader-content", children: [
40949
+ /* @__PURE__ */ jsx(Spinner, { size: "large" }),
40950
+ label && /* @__PURE__ */ jsx("span", { className: "loader-label", children: label })
41346
40951
  ] }) });
41347
40952
  };
41348
40953
 
@@ -41369,15 +40974,15 @@ const Textarea = ({
41369
40974
  }
41370
40975
  };
41371
40976
  const charsRemaining = maxLength - currentLength;
41372
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `textarea-wrapper ${className || ""}`, children: [
41373
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "textarea-header", children: [
41374
- label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: textareaId, className: "textarea-label", children: label }),
41375
- showCharCount && maxLength && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "char-counter", children: [
40977
+ return /* @__PURE__ */ jsxs("div", { className: `textarea-wrapper ${className || ""}`, children: [
40978
+ /* @__PURE__ */ jsxs("div", { className: "textarea-header", children: [
40979
+ label && /* @__PURE__ */ jsx("label", { htmlFor: textareaId, className: "textarea-label", children: label }),
40980
+ showCharCount && maxLength && /* @__PURE__ */ jsxs("span", { className: "char-counter", children: [
41376
40981
  charsRemaining,
41377
40982
  " characters remaining"
41378
40983
  ] })
41379
40984
  ] }),
41380
- /* @__PURE__ */ jsxRuntimeExports.jsx(
40985
+ /* @__PURE__ */ jsx(
41381
40986
  "textarea",
41382
40987
  {
41383
40988
  id: textareaId,
@@ -41390,7 +40995,7 @@ const Textarea = ({
41390
40995
  ...props
41391
40996
  }
41392
40997
  ),
41393
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "textarea-error-message", children: error })
40998
+ error && /* @__PURE__ */ jsx("p", { className: "textarea-error-message", children: error })
41394
40999
  ] });
41395
41000
  };
41396
41001
 
@@ -41402,10 +41007,10 @@ const ToggleSwitch = ({
41402
41007
  error,
41403
41008
  ...props
41404
41009
  }) => {
41405
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "switch-container", children: [
41406
- /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchGroup, { as: "div", className: "switch-group", children: [
41407
- label && labelPosition === "left" && /* @__PURE__ */ jsxRuntimeExports.jsx(Switch.Label, { className: "switch-label", passive: true, children: label }),
41408
- /* @__PURE__ */ jsxRuntimeExports.jsx(
41010
+ return /* @__PURE__ */ jsxs("div", { className: "switch-container", children: [
41011
+ /* @__PURE__ */ jsxs(SwitchGroup, { as: "div", className: "switch-group", children: [
41012
+ label && labelPosition === "left" && /* @__PURE__ */ jsx(Switch.Label, { className: "switch-label", passive: true, children: label }),
41013
+ /* @__PURE__ */ jsx(
41409
41014
  Switch,
41410
41015
  {
41411
41016
  checked,
@@ -41415,12 +41020,12 @@ const ToggleSwitch = ({
41415
41020
  "switch-element--error": !!error
41416
41021
  }),
41417
41022
  ...props,
41418
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "switch-thumb" })
41023
+ children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "switch-thumb" })
41419
41024
  }
41420
41025
  ),
41421
- label && labelPosition === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Switch.Label, { className: "switch-label", passive: true, children: label })
41026
+ label && labelPosition === "right" && /* @__PURE__ */ jsx(Switch.Label, { className: "switch-label", passive: true, children: label })
41422
41027
  ] }),
41423
- error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "switch-error-message", children: error })
41028
+ error && /* @__PURE__ */ jsx("p", { className: "switch-error-message", children: error })
41424
41029
  ] });
41425
41030
  };
41426
41031
 
@@ -41928,7 +41533,7 @@ const flip$1 = function (options) {
41928
41533
  if (!ignoreCrossAxisOverflow ||
41929
41534
  // We leave the current main axis only if every placement on that axis
41930
41535
  // overflows the main axis.
41931
- overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
41536
+ overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
41932
41537
  // Try next placement and re-run the lifecycle.
41933
41538
  return {
41934
41539
  data: {
@@ -43041,9 +42646,9 @@ const Tooltip = ({
43041
42646
  ...props
43042
42647
  }) => {
43043
42648
  const tooltipId = React__default.useId();
43044
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
42649
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
43045
42650
  React__default.cloneElement(children, { "data-tooltip-id": tooltipId }),
43046
- /* @__PURE__ */ jsxRuntimeExports.jsx(
42651
+ /* @__PURE__ */ jsx(
43047
42652
  M,
43048
42653
  {
43049
42654
  id: tooltipId,
@@ -43088,7 +42693,7 @@ const WizardModal = ({
43088
42693
  const currentStepIndex = stepKeys.indexOf(currentStep);
43089
42694
  const progress = (currentStepIndex + 1) / stepKeys.length * 100;
43090
42695
  const showBackButton = currentStepIndex > 0 && stepProps.onBack;
43091
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Transition, { show: isOpen, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
42696
+ return /* @__PURE__ */ jsx(Transition, { show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(
43092
42697
  Dialog,
43093
42698
  {
43094
42699
  as: "div",
@@ -43096,70 +42701,70 @@ const WizardModal = ({
43096
42701
  onClose: closeOnOverlayClick ? onClose : () => {
43097
42702
  },
43098
42703
  children: [
43099
- /* @__PURE__ */ jsxRuntimeExports.jsx(
42704
+ /* @__PURE__ */ jsx(
43100
42705
  TransitionChild,
43101
42706
  {
43102
- as: Fragment,
42707
+ as: Fragment$1,
43103
42708
  enter: "ease-out duration-300",
43104
42709
  enterFrom: "opacity-0",
43105
42710
  enterTo: "opacity-100",
43106
42711
  leave: "ease-in duration-200",
43107
42712
  leaveFrom: "opacity-100",
43108
42713
  leaveTo: "opacity-0",
43109
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "wizard-overlay", "aria-hidden": "true" })
42714
+ children: /* @__PURE__ */ jsx("div", { className: "wizard-overlay", "aria-hidden": "true" })
43110
42715
  }
43111
42716
  ),
43112
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "wizard-container", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "wizard-positioner", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42717
+ /* @__PURE__ */ jsx("div", { className: "wizard-container", children: /* @__PURE__ */ jsx("div", { className: "wizard-positioner", children: /* @__PURE__ */ jsx(
43113
42718
  TransitionChild,
43114
42719
  {
43115
- as: Fragment,
42720
+ as: Fragment$1,
43116
42721
  enter: "transform transition ease-in-out duration-500",
43117
42722
  enterFrom: "translate-x-full",
43118
42723
  enterTo: "translate-x-0",
43119
42724
  leave: "transform transition ease-in-out duration-500",
43120
42725
  leaveFrom: "translate-x-0",
43121
42726
  leaveTo: "translate-x-full",
43122
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPanel, { className: "wizard-panel", children: [
43123
- /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "wizard-header", children: [
43124
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "wizard-header-content", children: [
43125
- showBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
42727
+ children: /* @__PURE__ */ jsxs(DialogPanel, { className: "wizard-panel", children: [
42728
+ /* @__PURE__ */ jsxs("header", { className: "wizard-header", children: [
42729
+ /* @__PURE__ */ jsxs("div", { className: "wizard-header-content", children: [
42730
+ showBackButton && /* @__PURE__ */ jsx(
43126
42731
  "button",
43127
42732
  {
43128
42733
  onClick: stepProps.onBack,
43129
42734
  className: "wizard-back-button",
43130
42735
  "aria-label": "Go back to previous step",
43131
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { size: 20 })
42736
+ children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 })
43132
42737
  }
43133
42738
  ),
43134
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "wizard-header-text", children: [
43135
- /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog.Title, { as: "h3", className: "wizard-title", children: title }),
43136
- description && /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog.Description, { className: "wizard-description", children: description })
42739
+ /* @__PURE__ */ jsxs("div", { className: "wizard-header-text", children: [
42740
+ /* @__PURE__ */ jsx(Dialog.Title, { as: "h3", className: "wizard-title", children: title }),
42741
+ description && /* @__PURE__ */ jsx(Dialog.Description, { className: "wizard-description", children: description })
43137
42742
  ] })
43138
42743
  ] }),
43139
- /* @__PURE__ */ jsxRuntimeExports.jsx(
42744
+ /* @__PURE__ */ jsx(
43140
42745
  "button",
43141
42746
  {
43142
42747
  onClick: onClose,
43143
42748
  className: "wizard-close-button",
43144
42749
  "aria-label": "Close modal",
43145
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 24 })
42750
+ children: /* @__PURE__ */ jsx(X, { size: 24 })
43146
42751
  }
43147
42752
  )
43148
42753
  ] }),
43149
- showProgress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "wizard-progress-container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42754
+ showProgress && /* @__PURE__ */ jsx("div", { className: "wizard-progress-container", children: /* @__PURE__ */ jsx(
43150
42755
  "div",
43151
42756
  {
43152
42757
  className: "wizard-progress-bar",
43153
42758
  style: { width: `${progress}%` }
43154
42759
  }
43155
42760
  ) }),
43156
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "wizard-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42761
+ /* @__PURE__ */ jsx("div", { className: "wizard-body", children: /* @__PURE__ */ jsx(
43157
42762
  AnimatePresence,
43158
42763
  {
43159
42764
  initial: false,
43160
42765
  custom: direction,
43161
42766
  mode: "wait",
43162
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42767
+ children: /* @__PURE__ */ jsx(
43163
42768
  motion.div,
43164
42769
  {
43165
42770
  custom: direction,
@@ -43174,7 +42779,7 @@ const WizardModal = ({
43174
42779
  },
43175
42780
  className: "wizard-step-motion-wrapper",
43176
42781
  style: { overflowX: "hidden" },
43177
- children: CurrentStepComponent && /* @__PURE__ */ jsxRuntimeExports.jsx(CurrentStepComponent, { ...stepProps })
42782
+ children: CurrentStepComponent && /* @__PURE__ */ jsx(CurrentStepComponent, { ...stepProps })
43178
42783
  },
43179
42784
  currentStep
43180
42785
  )
@@ -43207,10 +42812,10 @@ const PageLayout = ({
43207
42812
  },
43208
42813
  props.className
43209
42814
  );
43210
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: wrapperClasses, ...props, children: [
43211
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "page-layout-content", children: content }),
43212
- isFooter && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: "page-layout-footer", children: footerContent ? footerContent : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "footer-actions", children: [
43213
- tertiary?.show && /* @__PURE__ */ jsxRuntimeExports.jsx(
42815
+ return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, ...props, children: [
42816
+ /* @__PURE__ */ jsx("div", { className: "page-layout-content", children: content }),
42817
+ isFooter && /* @__PURE__ */ jsx("footer", { className: "page-layout-footer", children: footerContent ? footerContent : /* @__PURE__ */ jsxs("div", { className: "footer-actions", children: [
42818
+ tertiary?.show && /* @__PURE__ */ jsx(
43214
42819
  UnifyedCoreButton,
43215
42820
  {
43216
42821
  category: "secondary",
@@ -43218,7 +42823,7 @@ const PageLayout = ({
43218
42823
  ...tertiary
43219
42824
  }
43220
42825
  ),
43221
- cancel?.show && /* @__PURE__ */ jsxRuntimeExports.jsx(
42826
+ cancel?.show && /* @__PURE__ */ jsx(
43222
42827
  UnifyedCoreButton,
43223
42828
  {
43224
42829
  category: "secondary",
@@ -43226,7 +42831,7 @@ const PageLayout = ({
43226
42831
  ...cancel
43227
42832
  }
43228
42833
  ),
43229
- save?.show && /* @__PURE__ */ jsxRuntimeExports.jsx(
42834
+ save?.show && /* @__PURE__ */ jsx(
43230
42835
  UnifyedCoreButton,
43231
42836
  {
43232
42837
  category: "primary",
@@ -43248,19 +42853,19 @@ const PageHeader = ({
43248
42853
  // Expects a handler for the back button
43249
42854
  ...props
43250
42855
  }) => {
43251
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "page-header-wrapper", ...props, children: [
43252
- isLeftArrow && onBackClick && /* @__PURE__ */ jsxRuntimeExports.jsx(
42856
+ return /* @__PURE__ */ jsxs("div", { className: "page-header-wrapper", ...props, children: [
42857
+ isLeftArrow && onBackClick && /* @__PURE__ */ jsx(
43253
42858
  "button",
43254
42859
  {
43255
42860
  className: "page-header-back-button",
43256
42861
  "aria-label": "Go back",
43257
42862
  onClick: onBackClick,
43258
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoveLeft, { size: 30 })
42863
+ children: /* @__PURE__ */ jsx(MoveLeft, { size: 30 })
43259
42864
  }
43260
42865
  ),
43261
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "page-header-content", children: [
43262
- /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "page-header-heading", children: heading }),
43263
- breadcrumbItems.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumbs, { crumbs: breadcrumbItems }) : subHeading ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "page-header-subheading", children: subHeading }) : null
42866
+ /* @__PURE__ */ jsxs("div", { className: "page-header-content", children: [
42867
+ /* @__PURE__ */ jsx("h1", { className: "page-header-heading", children: heading }),
42868
+ breadcrumbItems.length > 1 ? /* @__PURE__ */ jsx(Breadcrumbs, { crumbs: breadcrumbItems }) : subHeading ? /* @__PURE__ */ jsx("p", { className: "page-header-subheading", children: subHeading }) : null
43264
42869
  ] })
43265
42870
  ] });
43266
42871
  };
@@ -43274,34 +42879,34 @@ const OptionsMenu = ({
43274
42879
  whileElementsMounted: autoUpdate$1,
43275
42880
  middleware: [offset$2(5), flip$2(), shift$2({ padding: 5 })]
43276
42881
  });
43277
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { as: "div", className: "options-menu-wrapper", children: [
43278
- /* @__PURE__ */ jsxRuntimeExports.jsx(MenuButton, { ref: refs.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerIcon, { size: 20 }) }),
43279
- /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42882
+ return /* @__PURE__ */ jsxs(Menu$1, { as: "div", className: "options-menu-wrapper", children: [
42883
+ /* @__PURE__ */ jsx(MenuButton, { ref: refs.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ jsx(TriggerIcon, { size: 20 }) }),
42884
+ /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
43280
42885
  Transition,
43281
42886
  {
43282
- as: Fragment,
42887
+ as: Fragment$1,
43283
42888
  enter: "transition ease-out duration-100",
43284
42889
  enterFrom: "transform opacity-0 scale-95",
43285
42890
  enterTo: "transform opacity-100 scale-100",
43286
42891
  leave: "transition ease-in duration-75",
43287
42892
  leaveFrom: "transform opacity-100 scale-100",
43288
42893
  leaveTo: "transform opacity-0 scale-95",
43289
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
42894
+ children: /* @__PURE__ */ jsx(
43290
42895
  MenuItems,
43291
42896
  {
43292
42897
  ref: refs.setFloating,
43293
42898
  style: floatingStyles,
43294
42899
  className: "options-menu-panel",
43295
- children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "options-menu-item-wrapper", children: [
43296
- option.dividerBefore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "menu-divider" }),
43297
- /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
42900
+ children: options.map((option) => /* @__PURE__ */ jsxs("div", { className: "options-menu-item-wrapper", children: [
42901
+ option.dividerBefore && /* @__PURE__ */ jsx("div", { className: "menu-divider" }),
42902
+ /* @__PURE__ */ jsx(MenuItem, { children: ({ active }) => /* @__PURE__ */ jsxs(
43298
42903
  "button",
43299
42904
  {
43300
42905
  onClick: () => onSelect(option),
43301
42906
  className: `options-menu-item ${active ? "active" : ""}`,
43302
42907
  disabled: option.disabled,
43303
42908
  children: [
43304
- option.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "item-icon", children: option.icon }),
42909
+ option.icon && /* @__PURE__ */ jsx("span", { className: "item-icon", children: option.icon }),
43305
42910
  option.label
43306
42911
  ]
43307
42912
  }
@@ -43632,7 +43237,7 @@ function cloneObject(data) {
43632
43237
  }
43633
43238
  else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
43634
43239
  (isArray || isObject$2(data))) {
43635
- copy = isArray ? [] : {};
43240
+ copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
43636
43241
  if (!isArray && !isPlainObject$1(data)) {
43637
43242
  copy = data;
43638
43243
  }
@@ -44850,8 +44455,10 @@ function createFormControl(props = {}) {
44850
44455
  const watched = isWatched(name, _names, isBlurEvent);
44851
44456
  set(_formValues, name, fieldValue);
44852
44457
  if (isBlurEvent) {
44853
- field._f.onBlur && field._f.onBlur(event);
44854
- delayErrorCallback && delayErrorCallback(0);
44458
+ if (!target || !target.readOnly) {
44459
+ field._f.onBlur && field._f.onBlur(event);
44460
+ delayErrorCallback && delayErrorCallback(0);
44461
+ }
44855
44462
  }
44856
44463
  else if (field._f.onChange) {
44857
44464
  field._f.onChange(event);
@@ -45346,6 +44953,7 @@ function createFormControl(props = {}) {
45346
44953
  ? _formState.isSubmitSuccessful
45347
44954
  : false,
45348
44955
  isSubmitting: false,
44956
+ defaultValues: _defaultValues,
45349
44957
  });
45350
44958
  };
45351
44959
  const reset = (formValues, keepStateOptions) => _reset(isFunction$1(formValues)
@@ -46560,19 +46168,20 @@ function createValidation(config) {
46560
46168
  abortEarly = schema.spec.abortEarly,
46561
46169
  disableStackTrace = schema.spec.disableStackTrace
46562
46170
  } = options;
46563
- function resolve(item) {
46564
- return Reference.isRef(item) ? item.getValue(value, parent, context) : item;
46565
- }
46171
+ const resolveOptions = {
46172
+ value,
46173
+ parent,
46174
+ context
46175
+ };
46566
46176
  function createError(overrides = {}) {
46567
- const nextParams = Object.assign({
46177
+ const nextParams = resolveParams(Object.assign({
46568
46178
  value,
46569
46179
  originalValue,
46570
46180
  label: schema.spec.label,
46571
46181
  path: overrides.path || path,
46572
46182
  spec: schema.spec,
46573
46183
  disableStackTrace: overrides.disableStackTrace || disableStackTrace
46574
- }, params, overrides.params);
46575
- for (const key of Object.keys(nextParams)) nextParams[key] = resolve(nextParams[key]);
46184
+ }, params, overrides.params), resolveOptions);
46576
46185
  const error = new ValidationError(ValidationError.formatError(overrides.message || message, nextParams), value, nextParams.path, overrides.type || name, nextParams.disableStackTrace);
46577
46186
  error.params = nextParams;
46578
46187
  return error;
@@ -46584,7 +46193,9 @@ function createValidation(config) {
46584
46193
  type: name,
46585
46194
  from: options.from,
46586
46195
  createError,
46587
- resolve,
46196
+ resolve(item) {
46197
+ return resolveMaybeRef(item, resolveOptions);
46198
+ },
46588
46199
  options,
46589
46200
  originalValue,
46590
46201
  schema
@@ -46619,6 +46230,18 @@ function createValidation(config) {
46619
46230
  return validate;
46620
46231
  }
46621
46232
 
46233
+ // Warning: mutates the input
46234
+ function resolveParams(params, options) {
46235
+ if (!params) return params;
46236
+ for (const key of Object.keys(params)) {
46237
+ params[key] = resolveMaybeRef(params[key], options);
46238
+ }
46239
+ return params;
46240
+ }
46241
+ function resolveMaybeRef(item, options) {
46242
+ return Reference.isRef(item) ? item.getValue(options.value, options.parent, options.context) : item;
46243
+ }
46244
+
46622
46245
  function getIn(schema, path, value, context = value) {
46623
46246
  let parent, lastPart, lastPartDebug;
46624
46247
 
@@ -46732,6 +46355,87 @@ function clone(src, seen = new Map()) {
46732
46355
  return copy;
46733
46356
  }
46734
46357
 
46358
+ /**
46359
+ * Copied from @standard-schema/spec to avoid having a dependency on it.
46360
+ * https://github.com/standard-schema/standard-schema/blob/main/packages/spec/src/index.ts
46361
+ */
46362
+
46363
+ function createStandardPath(path) {
46364
+ if (!(path != null && path.length)) {
46365
+ return undefined;
46366
+ }
46367
+
46368
+ // Array to store the final path segments
46369
+ const segments = [];
46370
+ // Buffer for building the current segment
46371
+ let currentSegment = '';
46372
+ // Track if we're inside square brackets (array/property access)
46373
+ let inBrackets = false;
46374
+ // Track if we're inside quotes (for property names with special chars)
46375
+ let inQuotes = false;
46376
+ for (let i = 0; i < path.length; i++) {
46377
+ const char = path[i];
46378
+ if (char === '[' && !inQuotes) {
46379
+ // When entering brackets, push any accumulated segment after splitting on dots
46380
+ if (currentSegment) {
46381
+ segments.push(...currentSegment.split('.').filter(Boolean));
46382
+ currentSegment = '';
46383
+ }
46384
+ inBrackets = true;
46385
+ continue;
46386
+ }
46387
+ if (char === ']' && !inQuotes) {
46388
+ if (currentSegment) {
46389
+ // Handle numeric indices (e.g. arr[0])
46390
+ if (/^\d+$/.test(currentSegment)) {
46391
+ segments.push(currentSegment);
46392
+ } else {
46393
+ // Handle quoted property names (e.g. obj["foo.bar"])
46394
+ segments.push(currentSegment.replace(/^"|"$/g, ''));
46395
+ }
46396
+ currentSegment = '';
46397
+ }
46398
+ inBrackets = false;
46399
+ continue;
46400
+ }
46401
+ if (char === '"') {
46402
+ // Toggle quote state for handling quoted property names
46403
+ inQuotes = !inQuotes;
46404
+ continue;
46405
+ }
46406
+ if (char === '.' && !inBrackets && !inQuotes) {
46407
+ // On dots outside brackets/quotes, push current segment
46408
+ if (currentSegment) {
46409
+ segments.push(currentSegment);
46410
+ currentSegment = '';
46411
+ }
46412
+ continue;
46413
+ }
46414
+ currentSegment += char;
46415
+ }
46416
+
46417
+ // Push any remaining segment after splitting on dots
46418
+ if (currentSegment) {
46419
+ segments.push(...currentSegment.split('.').filter(Boolean));
46420
+ }
46421
+ return segments;
46422
+ }
46423
+ function createStandardIssues(error, parentPath) {
46424
+ const path = parentPath ? `${parentPath}.${error.path}` : error.path;
46425
+ return error.errors.map(err => ({
46426
+ message: err,
46427
+ path: createStandardPath(path)
46428
+ }));
46429
+ }
46430
+ function issuesFromValidationError(error, parentPath) {
46431
+ var _error$inner;
46432
+ if (!((_error$inner = error.inner) != null && _error$inner.length) && error.errors.length) {
46433
+ return createStandardIssues(error, parentPath);
46434
+ }
46435
+ const path = parentPath ? `${parentPath}.${error.path}` : error.path;
46436
+ return error.inner.flatMap(err => issuesFromValidationError(err, path));
46437
+ }
46438
+
46735
46439
  // If `CustomSchemaMeta` isn't extended with any keys, we'll fall back to a
46736
46440
  // loose Record definition allowing free form usage.
46737
46441
  class Schema {
@@ -47299,13 +47003,41 @@ class Schema {
47299
47003
  type: next.type,
47300
47004
  oneOf: next._whitelist.describe(),
47301
47005
  notOneOf: next._blacklist.describe(),
47302
- tests: next.tests.map(fn => ({
47303
- name: fn.OPTIONS.name,
47304
- params: fn.OPTIONS.params
47305
- })).filter((n, idx, list) => list.findIndex(c => c.name === n.name) === idx)
47006
+ tests: next.tests.filter((n, idx, list) => list.findIndex(c => c.OPTIONS.name === n.OPTIONS.name) === idx).map(fn => {
47007
+ const params = fn.OPTIONS.params && options ? resolveParams(Object.assign({}, fn.OPTIONS.params), options) : fn.OPTIONS.params;
47008
+ return {
47009
+ name: fn.OPTIONS.name,
47010
+ params
47011
+ };
47012
+ })
47306
47013
  };
47307
47014
  return description;
47308
47015
  }
47016
+ get ['~standard']() {
47017
+ const schema = this;
47018
+ const standard = {
47019
+ version: 1,
47020
+ vendor: 'yup',
47021
+ async validate(value) {
47022
+ try {
47023
+ const result = await schema.validate(value, {
47024
+ abortEarly: false
47025
+ });
47026
+ return {
47027
+ value: result
47028
+ };
47029
+ } catch (err) {
47030
+ if (err instanceof ValidationError) {
47031
+ return {
47032
+ issues: issuesFromValidationError(err)
47033
+ };
47034
+ }
47035
+ throw err;
47036
+ }
47037
+ }
47038
+ };
47039
+ return standard;
47040
+ }
47309
47041
  }
47310
47042
  // @ts-expect-error
47311
47043
  Schema.prototype.__isYupSchema__ = true;
@@ -48093,8 +47825,46 @@ function createStorageAPI(storage) {
48093
47825
  // LocalStorage API
48094
47826
  const localStore = createStorageAPI(localStorage);
48095
47827
 
48096
- // src/lib/apiEndpoints.js
47828
+ // SessionStorage API
47829
+ const sessionStore = createStorageAPI(sessionStorage);
47830
+
47831
+ /**
47832
+ * Cookie helpers
47833
+ */
47834
+ const cookies$1 = {
47835
+ get(name) {
47836
+ const match = document.cookie.match(
47837
+ new RegExp("(^| )" + name + "=([^;]+)")
47838
+ );
47839
+ return match ? decodeURIComponent(match[2]) : null;
47840
+ },
47841
+ set(name, value, days = 7, path = "/") {
47842
+ const expires = new Date();
47843
+ expires.setDate(expires.getDate() + days);
47844
+ document.cookie = `${name}=${encodeURIComponent(
47845
+ value
47846
+ )}; expires=${expires.toUTCString()}; path=${path}`;
47847
+ },
47848
+ remove(name, path = "/") {
47849
+ document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${path}`;
47850
+ },
47851
+ all() {
47852
+ return document.cookie
47853
+ .split(";")
47854
+ .filter(Boolean)
47855
+ .reduce((acc, cookie) => {
47856
+ const [k, v] = cookie.split("=").map((c) => c.trim());
47857
+ acc[k] = decodeURIComponent(v);
47858
+ return acc;
47859
+ }, {});
47860
+ },
47861
+ clear() {
47862
+ const all = this.all();
47863
+ Object.keys(all).forEach((key) => this.remove(key));
47864
+ },
47865
+ };
48097
47866
 
47867
+ // src/utils/apiEndpoints.js
48098
47868
 
48099
47869
  const _isBrowser = () => typeof window !== "undefined";
48100
47870
 
@@ -48106,77 +47876,50 @@ function getBaseUrl() {
48106
47876
  : `${window.location.protocol}//${window.location.hostname}`;
48107
47877
  }
48108
47878
 
48109
- /** Gateway path from localStorage.userProfile.gatewaypath (or dev default on localhost) */
47879
+ /** Gateway path from localStorage.userProfile.gatewaypath (safe + quiet) */
48110
47880
  function gateWayUrl() {
47881
+ if (!_isBrowser()) return "";
48111
47882
  try {
48112
- if (!_isBrowser()) return "";
48113
- const stored = localStore.get("userProfile");
47883
+ const stored = localStore.get("userProfile"); // already parsed or string/null
48114
47884
  if (!stored && window.location.hostname === "localhost") {
48115
47885
  return "/unifyd-gateway/api";
48116
47886
  }
48117
- const userProfile = stored ? JSON.parse(stored) : {};
47887
+ const userProfile = stored && typeof stored === "object" ? stored : {};
48118
47888
  return userProfile?.gatewaypath ?? "";
48119
- } catch (e) {
48120
- // eslint-disable-next-line no-console
48121
- console.log("error from gateWayUrl", e);
47889
+ } catch {
48122
47890
  return "";
48123
47891
  }
48124
47892
  }
48125
47893
 
48126
- /** Derived bases — as FUNCTIONS so they always reflect the latest storage/env */
47894
+ /** Derived helpers (recompute each call) */
48127
47895
  function gatewayBase() {
48128
47896
  return `${getBaseUrl()}${gateWayUrl()}`;
48129
47897
  }
48130
-
48131
47898
  function userSearchBase() {
48132
47899
  return `${gatewayBase()}/unifydidentity/user/search/findByEmailStartingWith?sort=email,ASC&page=0`;
48133
47900
  }
48134
-
48135
47901
  function adGroupsListSearchApi() {
48136
47902
  return `${gatewayBase()}/unifyedstudioutility/commonutility/groupusers/list?type=AD&page=0&size=20&sortkey=name&sorder=1&createdbyme=false`;
48137
47903
  }
48138
-
48139
47904
  function provisioningBase() {
48140
47905
  return `${gatewayBase()}/unifyedusergroupprovisioning/api`;
48141
47906
  }
48142
-
48143
47907
  function rbacBase() {
48144
47908
  return `${provisioningBase()}/v2/roles`;
48145
47909
  }
48146
-
48147
47910
  function searchRolesApi() {
48148
47911
  return `${rbacBase()}/search`;
48149
47912
  }
48150
-
48151
47913
  function myDriveGatewayBaseV2() {
48152
47914
  return `${gatewayBase()}/unifyed-mydrive/v2`;
48153
47915
  }
48154
-
48155
47916
  function directoryPermissionsApi() {
48156
47917
  return `${myDriveGatewayBaseV2()}/directory/permissions`;
48157
47918
  }
48158
-
48159
47919
  function filePermissionsApi() {
48160
47920
  return `${myDriveGatewayBaseV2()}/file/permissions`;
48161
47921
  }
48162
47922
 
48163
- /**
48164
- * Optional: a snapshot of current values (import-time).
48165
- * Good for constant usage, but WON’T update if storage/host changes later.
48166
- */
48167
- Object.freeze({
48168
- REACT_APP_BASE_URL: getBaseUrl(),
48169
- GATEWAY_BASE: gatewayBase(),
48170
- USER_SEARCH_BASE: userSearchBase(),
48171
- AD_GROUPS_LIST_SEARCH_API: adGroupsListSearchApi(),
48172
- PROVISIONING_BASE: provisioningBase(),
48173
- RBAC_BASE: rbacBase(),
48174
- SEARCH_ROLES_API: searchRolesApi(),
48175
- MY_DRIVE_GATEWAY_BASE_v2: myDriveGatewayBaseV2(),
48176
- DIRECTORY_PERMISSIONS_API: directoryPermissionsApi(),
48177
- FILE_PERMISSIONS_API: filePermissionsApi(),
48178
- });
48179
-
48180
47923
  function bind(fn, thisArg) {
48181
47924
  return function wrap() {
48182
47925
  return fn.apply(thisArg, arguments);
@@ -49527,12 +49270,12 @@ const hasStandardBrowserWebWorkerEnv = (() => {
49527
49270
  const origin = hasBrowserEnv && window.location.href || 'http://localhost';
49528
49271
 
49529
49272
  const utils = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
49530
- __proto__: null,
49531
- hasBrowserEnv,
49532
- hasStandardBrowserEnv,
49533
- hasStandardBrowserWebWorkerEnv,
49534
- navigator: _navigator,
49535
- origin
49273
+ __proto__: null,
49274
+ hasBrowserEnv,
49275
+ hasStandardBrowserEnv,
49276
+ hasStandardBrowserWebWorkerEnv,
49277
+ navigator: _navigator,
49278
+ origin
49536
49279
  }, Symbol.toStringTag, { value: 'Module' }));
49537
49280
 
49538
49281
  const platform = {
@@ -52135,7 +51878,11 @@ function createHttpClient({
52135
51878
  // Default singleton client for most apps
52136
51879
  const defaultClient = createHttpClient();
52137
51880
  const axiosGet = defaultClient.axiosGet;
51881
+ const axiosDelete = defaultClient.axiosDelete;
52138
51882
  const axiosPost = defaultClient.axiosPost;
51883
+ const axiosPut = defaultClient.axiosPut;
51884
+ const axiosPatch = defaultClient.axiosPatch;
51885
+ const http = defaultClient.instance;
52139
51886
 
52140
51887
  const searchEntities = async (type, query) => {
52141
51888
  try {
@@ -69531,22 +69278,22 @@ const AvatarGroupDisplay = ({
69531
69278
  summaryText += ` and ${othersCount} others`;
69532
69279
  }
69533
69280
  if (totalShares === 0) {
69534
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
69281
+ return /* @__PURE__ */ jsx(
69535
69282
  "div",
69536
69283
  {
69537
69284
  className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
69538
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500", children: "Not shared with anyone yet." })
69285
+ children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Not shared with anyone yet." })
69539
69286
  }
69540
69287
  );
69541
69288
  }
69542
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
69289
+ return /* @__PURE__ */ jsxs(
69543
69290
  "div",
69544
69291
  {
69545
69292
  onClick,
69546
69293
  className: "flex items-center justify-between p-3 border border-gray-300 rounded-lg hover:bg-gray-50 hover:cursor-pointer transition-colors duration-150",
69547
69294
  children: [
69548
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
69549
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: avatarsToShow.map((user, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69295
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
69296
+ /* @__PURE__ */ jsx("div", { className: "flex items-center", children: avatarsToShow.map((user, index) => /* @__PURE__ */ jsx(
69550
69297
  "img",
69551
69298
  {
69552
69299
  src: user.avatarUrl || `https://avatar.vercel.sh/${user.name}.svg?text=${user.name.charAt(0)}`,
@@ -69556,9 +69303,9 @@ const AvatarGroupDisplay = ({
69556
69303
  },
69557
69304
  user.id || index
69558
69305
  )) }),
69559
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-gray-800 truncate", children: summaryText })
69306
+ /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 truncate", children: summaryText })
69560
69307
  ] }),
69561
- /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 20 })
69308
+ /* @__PURE__ */ jsx(ChevronRight, { size: 20 })
69562
69309
  ]
69563
69310
  }
69564
69311
  );
@@ -69703,26 +69450,26 @@ const InviteFlow = ({
69703
69450
  return "Add User, Groups or Roles";
69704
69451
  }
69705
69452
  };
69706
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-white", children: [
69707
- /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
69708
- /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog.Title, { className: " text-gray-900 !mb-0 !text-[1.5rem]", children: getModalHeading() }),
69709
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4", children: [
69710
- calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
69711
- /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$7, { className: "h-5 w-5" }),
69453
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full bg-white", children: [
69454
+ /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
69455
+ /* @__PURE__ */ jsx(Dialog.Title, { className: " text-gray-900 !mb-0 !text-[1.5rem]", children: getModalHeading() }),
69456
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
69457
+ calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsxs("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
69458
+ /* @__PURE__ */ jsx(ForwardRef$7, { className: "h-5 w-5" }),
69712
69459
  " Copy Link"
69713
69460
  ] }),
69714
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69461
+ /* @__PURE__ */ jsx(
69715
69462
  "button",
69716
69463
  {
69717
69464
  onClick: onClose,
69718
69465
  className: "text-gray-500 hover:text-gray-800 hover:cursor-pointer",
69719
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef, { className: "h-6 w-6" })
69466
+ children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-6 w-6" })
69720
69467
  }
69721
69468
  )
69722
69469
  ] })
69723
69470
  ] }),
69724
- /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex-grow p-4 space-y-6 overflow-y-auto", children: [
69725
- (calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE || showExistingShares) && /* @__PURE__ */ jsxRuntimeExports.jsx(
69471
+ /* @__PURE__ */ jsxs("main", { className: "flex-grow p-4 space-y-6 overflow-y-auto", children: [
69472
+ (calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE || showExistingShares) && /* @__PURE__ */ jsx(
69726
69473
  AvatarGroupDisplay,
69727
69474
  {
69728
69475
  users: existingShares.users,
@@ -69731,34 +69478,34 @@ const InviteFlow = ({
69731
69478
  onClick: onManage
69732
69479
  }
69733
69480
  ),
69734
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
69735
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Listbox, { value: searchType, onChange: setSearchType, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
69736
- /* @__PURE__ */ jsxRuntimeExports.jsxs(Listbox.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
69737
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
69738
- /* @__PURE__ */ jsxRuntimeExports.jsx(searchType.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
69739
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: searchType.name })
69481
+ /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
69482
+ /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsx(Listbox, { value: searchType, onChange: setSearchType, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
69483
+ /* @__PURE__ */ jsxs(Listbox.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
69484
+ /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
69485
+ /* @__PURE__ */ jsx(searchType.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
69486
+ /* @__PURE__ */ jsx("span", { className: "truncate", children: searchType.name })
69740
69487
  ] }),
69741
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
69488
+ /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
69742
69489
  ] }),
69743
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69490
+ /* @__PURE__ */ jsx(
69744
69491
  Transition,
69745
69492
  {
69746
- as: Fragment,
69493
+ as: Fragment$1,
69747
69494
  leave: "transition ease-in duration-100",
69748
69495
  leaveFrom: "opacity-100",
69749
69496
  leaveTo: "opacity-0",
69750
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Listbox.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: listOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69497
+ children: /* @__PURE__ */ jsx(Listbox.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: listOptions.map((option) => /* @__PURE__ */ jsx(
69751
69498
  Listbox.Option,
69752
69499
  {
69753
69500
  value: option,
69754
69501
  className: ({ active }) => `${active ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
69755
- children: ({ selected }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
69756
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
69502
+ children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
69503
+ /* @__PURE__ */ jsxs(
69757
69504
  "span",
69758
69505
  {
69759
69506
  className: `${selected ? "font-medium" : "font-normal"} flex items-center`,
69760
69507
  children: [
69761
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69508
+ /* @__PURE__ */ jsx(
69762
69509
  option.icon,
69763
69510
  {
69764
69511
  className: `h-5 w-5 mr-2 ${selected ? "text-white" : "text-gray-400"}`
@@ -69768,7 +69515,7 @@ const InviteFlow = ({
69768
69515
  ]
69769
69516
  }
69770
69517
  ),
69771
- selected && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$b, { className: "h-5 w-5" }) })
69518
+ selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ jsx(ForwardRef$b, { className: "h-5 w-5" }) })
69772
69519
  ] })
69773
69520
  },
69774
69521
  option.id
@@ -69776,7 +69523,7 @@ const InviteFlow = ({
69776
69523
  }
69777
69524
  )
69778
69525
  ] }) }) }),
69779
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69526
+ /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(
69780
69527
  SearchBar,
69781
69528
  {
69782
69529
  placeholder: `Search by ${searchType.name.toLowerCase()}...`,
@@ -69784,7 +69531,7 @@ const InviteFlow = ({
69784
69531
  value: searchTerm
69785
69532
  }
69786
69533
  ) }),
69787
- /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: (searchResults?.length > 0 || isLoading) && /* @__PURE__ */ jsxRuntimeExports.jsx(
69534
+ /* @__PURE__ */ jsx(AnimatePresence, { children: (searchResults?.length > 0 || isLoading) && /* @__PURE__ */ jsx(
69788
69535
  motion.div,
69789
69536
  {
69790
69537
  initial: { opacity: 0, y: -10 },
@@ -69792,16 +69539,16 @@ const InviteFlow = ({
69792
69539
  exit: { opacity: 0, y: -10 },
69793
69540
  transition: { duration: 0.2 },
69794
69541
  className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
69795
- children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
69796
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: searchResults.map((result) => {
69542
+ children: isLoading ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
69543
+ /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: searchResults.map((result) => {
69797
69544
  const isAlreadyShared = checkIfAlreadyShared(result);
69798
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
69545
+ return /* @__PURE__ */ jsxs(
69799
69546
  "div",
69800
69547
  {
69801
69548
  onClick: () => isAlreadyShared ? null : toggleSelect(result.id),
69802
69549
  className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${isAlreadyShared ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
69803
69550
  children: [
69804
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69551
+ /* @__PURE__ */ jsx(
69805
69552
  "input",
69806
69553
  {
69807
69554
  type: "checkbox",
@@ -69811,7 +69558,7 @@ const InviteFlow = ({
69811
69558
  disabled: Boolean(isAlreadyShared)
69812
69559
  }
69813
69560
  ),
69814
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69561
+ /* @__PURE__ */ jsx(
69815
69562
  "img",
69816
69563
  {
69817
69564
  src: result.avatarUrl || `https://avatar.vercel.sh/${result.name}.svg?text=${result.name.charAt(0)}`,
@@ -69819,18 +69566,18 @@ const InviteFlow = ({
69819
69566
  className: "w-8 h-8 rounded-full"
69820
69567
  }
69821
69568
  ),
69822
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-md font-medium text-gray-800 truncate", children: result.name }),
69823
- isAlreadyShared ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
69824
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: isAlreadyShared }),
69825
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-400", children: "Already added" })
69569
+ /* @__PURE__ */ jsx("span", { className: "text-md font-medium text-gray-800 truncate", children: result.name }),
69570
+ isAlreadyShared ? /* @__PURE__ */ jsxs(Fragment, { children: [
69571
+ /* @__PURE__ */ jsx("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: isAlreadyShared }),
69572
+ /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-400", children: "Already added" })
69826
69573
  ] }) : ""
69827
69574
  ]
69828
69575
  },
69829
69576
  result.id
69830
69577
  );
69831
69578
  }) }),
69832
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 p-2 border-t border-gray-300", children: [
69833
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69579
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 p-2 border-t border-gray-300", children: [
69580
+ /* @__PURE__ */ jsx(
69834
69581
  "button",
69835
69582
  {
69836
69583
  onClick: () => setSearchTerm(""),
@@ -69838,7 +69585,7 @@ const InviteFlow = ({
69838
69585
  children: "Cancel"
69839
69586
  }
69840
69587
  ),
69841
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69588
+ /* @__PURE__ */ jsx(
69842
69589
  "button",
69843
69590
  {
69844
69591
  onClick: handleAdd,
@@ -69852,54 +69599,54 @@ const InviteFlow = ({
69852
69599
  }
69853
69600
  ) })
69854
69601
  ] }),
69855
- /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: fields.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
69602
+ /* @__PURE__ */ jsx(AnimatePresence, { children: fields.length > 0 && /* @__PURE__ */ jsxs(
69856
69603
  motion.div,
69857
69604
  {
69858
69605
  initial: { opacity: 0, y: 20 },
69859
69606
  animate: { opacity: 1, y: 0 },
69860
69607
  className: "space-y-3 pt-4",
69861
69608
  children: [
69862
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
69863
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-semibold text-gray-800", children: [
69609
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
69610
+ /* @__PURE__ */ jsxs("div", { className: "font-semibold text-gray-800", children: [
69864
69611
  "Pending Invites (",
69865
69612
  fields.length,
69866
69613
  ")"
69867
69614
  ] }),
69868
- calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsxRuntimeExports.jsx(
69615
+ calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsx(
69869
69616
  Listbox,
69870
69617
  {
69871
69618
  value: defaultPermission,
69872
69619
  onChange: handleBulkPermission,
69873
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
69874
- /* @__PURE__ */ jsxRuntimeExports.jsxs(Listbox.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
69875
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
69876
- /* @__PURE__ */ jsxRuntimeExports.jsx(defaultPermission.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
69877
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate", children: [
69620
+ children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
69621
+ /* @__PURE__ */ jsxs(Listbox.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
69622
+ /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
69623
+ /* @__PURE__ */ jsx(defaultPermission.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
69624
+ /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
69878
69625
  "Can ",
69879
69626
  defaultPermission.name
69880
69627
  ] })
69881
69628
  ] }),
69882
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
69629
+ /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
69883
69630
  ] }),
69884
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69631
+ /* @__PURE__ */ jsx(
69885
69632
  Transition,
69886
69633
  {
69887
- as: Fragment,
69634
+ as: Fragment$1,
69888
69635
  leave: "transition ease-in duration-100",
69889
69636
  leaveFrom: "opacity-100",
69890
69637
  leaveTo: "opacity-0",
69891
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Listbox.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: permissionOptions$1.map((perm) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69638
+ children: /* @__PURE__ */ jsx(Listbox.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: permissionOptions$1.map((perm) => /* @__PURE__ */ jsx(
69892
69639
  Listbox.Option,
69893
69640
  {
69894
69641
  value: perm,
69895
69642
  className: ({ active }) => `${active ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
69896
- children: ({ selected, active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
69897
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
69643
+ children: ({ selected, active }) => /* @__PURE__ */ jsxs(Fragment, { children: [
69644
+ /* @__PURE__ */ jsxs(
69898
69645
  "span",
69899
69646
  {
69900
69647
  className: `${selected ? "font-medium" : "font-normal"} flex items-center`,
69901
69648
  children: [
69902
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69649
+ /* @__PURE__ */ jsx(
69903
69650
  perm.icon,
69904
69651
  {
69905
69652
  className: `h-5 w-5 mr-2 ${active ? "text-white" : "text-gray-400"}`
@@ -69910,7 +69657,7 @@ const InviteFlow = ({
69910
69657
  ]
69911
69658
  }
69912
69659
  ),
69913
- selected && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69660
+ selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ jsx(
69914
69661
  ForwardRef$b,
69915
69662
  {
69916
69663
  className: "h-5 w-5",
@@ -69927,7 +69674,7 @@ const InviteFlow = ({
69927
69674
  }
69928
69675
  )
69929
69676
  ] }),
69930
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: fields.map((field, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
69677
+ /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(AnimatePresence, { children: fields.map((field, idx) => /* @__PURE__ */ jsxs(
69931
69678
  motion.div,
69932
69679
  {
69933
69680
  layout: true,
@@ -69937,27 +69684,27 @@ const InviteFlow = ({
69937
69684
  transition: { duration: 0.1, ease: "easeInOut" },
69938
69685
  className: "flex items-center justify-between p-2 bg-gray-50 border border-gray-300 rounded-lg",
69939
69686
  children: [
69940
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
69941
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69687
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
69688
+ /* @__PURE__ */ jsx(
69942
69689
  "img",
69943
69690
  {
69944
69691
  src: field.avatarUrl || `https://avatar.vercel.sh/${field.name}.svg?text=${field.name.charAt(0)}`,
69945
69692
  className: "w-8 h-8 rounded-full flex-shrink-0"
69946
69693
  }
69947
69694
  ),
69948
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-sm text-gray-800 truncate", children: field.name })
69695
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-sm text-gray-800 truncate", children: field.name })
69949
69696
  ] }),
69950
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
69951
- calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-gray-500", children: [
69697
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
69698
+ calledBy === ADD_USERS_GROUPS_ROLES_MODAL.DRIVE && /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-500", children: [
69952
69699
  "can ",
69953
69700
  field.permission
69954
69701
  ] }),
69955
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69702
+ /* @__PURE__ */ jsx(
69956
69703
  "button",
69957
69704
  {
69958
69705
  onClick: () => remove(idx),
69959
69706
  className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
69960
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef, { className: "h-5 w-5" })
69707
+ children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-5 w-5" })
69961
69708
  }
69962
69709
  )
69963
69710
  ] })
@@ -69969,16 +69716,16 @@ const InviteFlow = ({
69969
69716
  }
69970
69717
  ) })
69971
69718
  ] }),
69972
- /* @__PURE__ */ jsxRuntimeExports.jsxs("footer", { className: "p-4 border-t border-gray-300 flex-shrink-0", children: [
69973
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
69974
- /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-600", children: [
69719
+ /* @__PURE__ */ jsxs("footer", { className: "p-4 border-t border-gray-300 flex-shrink-0", children: [
69720
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
69721
+ /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600", children: [
69975
69722
  pendingInvites.length,
69976
69723
  " invitation",
69977
69724
  pendingInvites.length !== 1 ? "s" : "",
69978
69725
  " selected"
69979
69726
  ] }),
69980
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
69981
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69727
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
69728
+ /* @__PURE__ */ jsx(
69982
69729
  "button",
69983
69730
  {
69984
69731
  onClick: onClose,
@@ -69986,7 +69733,7 @@ const InviteFlow = ({
69986
69733
  children: "Cancel"
69987
69734
  }
69988
69735
  ),
69989
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69736
+ /* @__PURE__ */ jsx(
69990
69737
  "button",
69991
69738
  {
69992
69739
  onClick: handleSubmit(onSubmit),
@@ -69997,7 +69744,7 @@ const InviteFlow = ({
69997
69744
  )
69998
69745
  ] })
69999
69746
  ] }),
70000
- errors.pendingInvites && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-red-500", children: errors.pendingInvites.message })
69747
+ errors.pendingInvites && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-red-500", children: errors.pendingInvites.message })
70001
69748
  ] })
70002
69749
  ] });
70003
69750
  };
@@ -70030,23 +69777,23 @@ const PermissionMenu = ({ item, onPermissionChange }) => {
70030
69777
  return (
70031
69778
  // FIX: The <Listbox> component now wraps both the button and the portal.
70032
69779
  // This provides the necessary context for both children.
70033
- /* @__PURE__ */ jsxRuntimeExports.jsxs(Listbox, { value: selectedOption, onChange: handleOnChange, children: [
70034
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
69780
+ /* @__PURE__ */ jsxs(Listbox, { value: selectedOption, onChange: handleOnChange, children: [
69781
+ /* @__PURE__ */ jsxs(
70035
69782
  Listbox.Button,
70036
69783
  {
70037
69784
  ref: refs.setReference,
70038
69785
  ...getReferenceProps(),
70039
69786
  className: "relative min-w-[120px] text-left text-sm p-2 border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-opacity-75 hover:cursor-pointer",
70040
69787
  children: [
70041
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate", children: item.permission }),
70042
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
69788
+ /* @__PURE__ */ jsx("span", { className: "block truncate", children: item.permission }),
69789
+ /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsx(ForwardRef$9, { className: "h-5 w-5 text-gray-400" }) })
70043
69790
  ]
70044
69791
  }
70045
69792
  ),
70046
- /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69793
+ /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
70047
69794
  Transition,
70048
69795
  {
70049
- as: Fragment,
69796
+ as: Fragment$1,
70050
69797
  show: isOpen,
70051
69798
  enter: "transition ease-out duration-100",
70052
69799
  enterFrom: "transform opacity-0 scale-95",
@@ -70054,7 +69801,7 @@ const PermissionMenu = ({ item, onPermissionChange }) => {
70054
69801
  leave: "transition ease-in duration-75",
70055
69802
  leaveFrom: "transform opacity-100 scale-100",
70056
69803
  leaveTo: "transform opacity-0 scale-95",
70057
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69804
+ children: /* @__PURE__ */ jsx(
70058
69805
  Listbox.Options,
70059
69806
  {
70060
69807
  ref: refs.setFloating,
@@ -70062,7 +69809,7 @@ const PermissionMenu = ({ item, onPermissionChange }) => {
70062
69809
  ...getFloatingProps(),
70063
69810
  static: true,
70064
69811
  className: "z-50 w-48 bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm",
70065
- children: permissionOptions.map((permOption) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69812
+ children: permissionOptions.map((permOption) => /* @__PURE__ */ jsx(
70066
69813
  Listbox.Option,
70067
69814
  {
70068
69815
  className: ({
@@ -70072,18 +69819,18 @@ const PermissionMenu = ({ item, onPermissionChange }) => {
70072
69819
  ${permOption.isDestructive && active ? "bg-red-100 text-red-900" : ""}
70073
69820
  ${permOption.isDestructive && !active ? "text-red-600" : ""}`,
70074
69821
  value: permOption,
70075
- children: ({ selected }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
70076
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
69822
+ children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
69823
+ /* @__PURE__ */ jsxs(
70077
69824
  "span",
70078
69825
  {
70079
69826
  className: `flex items-center gap-2 truncate ${selected ? "font-medium" : "font-normal"}`,
70080
69827
  children: [
70081
- /* @__PURE__ */ jsxRuntimeExports.jsx(permOption.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
69828
+ /* @__PURE__ */ jsx(permOption.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
70082
69829
  permOption.name
70083
69830
  ]
70084
69831
  }
70085
69832
  ),
70086
- selected && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$b, { className: "h-5 w-5", "aria-hidden": "true" }) })
69833
+ selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ jsx(ForwardRef$b, { className: "h-5 w-5", "aria-hidden": "true" }) })
70087
69834
  ] })
70088
69835
  },
70089
69836
  permOption.name
@@ -70160,32 +69907,32 @@ const ManageFlow = ({
70160
69907
  const tabTitles = ["Users", "Groups", "Roles"];
70161
69908
  return (
70162
69909
  // The main structure remains the same...
70163
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-gray-50", children: [
70164
- /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 bg-white flex-shrink-0", children: [
70165
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
69910
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full bg-gray-50", children: [
69911
+ /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 bg-white flex-shrink-0", children: [
69912
+ /* @__PURE__ */ jsxs(
70166
69913
  "button",
70167
69914
  {
70168
69915
  onClick: onBack,
70169
69916
  className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 hover:cursor-pointer p-2 rounded-md hover:bg-gray-100",
70170
69917
  children: [
70171
- /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$a, { className: "h-5 w-5" }),
69918
+ /* @__PURE__ */ jsx(ForwardRef$a, { className: "h-5 w-5" }),
70172
69919
  " Back"
70173
69920
  ]
70174
69921
  }
70175
69922
  ),
70176
- /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Manage Access" }),
70177
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69923
+ /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Manage Access" }),
69924
+ /* @__PURE__ */ jsx(
70178
69925
  "button",
70179
69926
  {
70180
69927
  onClick: onClose,
70181
69928
  className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
70182
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef, { className: "h-6 w-6" })
69929
+ children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-6 w-6" })
70183
69930
  }
70184
69931
  )
70185
69932
  ] }),
70186
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tab.Group, { selectedIndex: tabIndex, onChange: setTabIndex, children: [
70187
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 bg-white border-b border-gray-300", children: [
70188
- /* @__PURE__ */ jsxRuntimeExports.jsx(Tab.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: tabTitles.map((title) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69933
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ jsxs(Tab.Group, { selectedIndex: tabIndex, onChange: setTabIndex, children: [
69934
+ /* @__PURE__ */ jsxs("div", { className: "p-4 bg-white border-b border-gray-300", children: [
69935
+ /* @__PURE__ */ jsx(Tab.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: tabTitles.map((title) => /* @__PURE__ */ jsx(
70189
69936
  Tab,
70190
69937
  {
70191
69938
  className: ({
@@ -70197,7 +69944,7 @@ const ManageFlow = ({
70197
69944
  },
70198
69945
  title
70199
69946
  )) }),
70200
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69947
+ /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
70201
69948
  SearchBar,
70202
69949
  {
70203
69950
  onDebouncedChange: setFilterTerm,
@@ -70206,18 +69953,18 @@ const ManageFlow = ({
70206
69953
  }
70207
69954
  ) })
70208
69955
  ] }),
70209
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
69956
+ /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
70210
69957
  motion.div,
70211
69958
  {
70212
69959
  initial: { y: 10, opacity: 0 },
70213
69960
  animate: { y: 0, opacity: 1 },
70214
69961
  exit: { y: -10, opacity: 0 },
70215
69962
  transition: { duration: 0.2 },
70216
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tab.Panels, { as: Fragment, children: tabKeys.map((key) => /* @__PURE__ */ jsxRuntimeExports.jsx(
69963
+ children: /* @__PURE__ */ jsx(Tab.Panels, { as: Fragment$1, children: tabKeys.map((key) => /* @__PURE__ */ jsx(
70217
69964
  Tab.Panel,
70218
69965
  {
70219
69966
  className: "space-y-3 focus:outline-none",
70220
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: filtered[key].length > 0 ? filtered[key].map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
69967
+ children: /* @__PURE__ */ jsx(AnimatePresence, { children: filtered[key].length > 0 ? filtered[key].map((item) => /* @__PURE__ */ jsxs(
70221
69968
  motion.div,
70222
69969
  {
70223
69970
  layout: true,
@@ -70230,8 +69977,8 @@ const ManageFlow = ({
70230
69977
  },
70231
69978
  className: "flex items-center justify-between p-3 bg-white border border-gray-300 rounded-lg shadow-sm",
70232
69979
  children: [
70233
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
70234
- /* @__PURE__ */ jsxRuntimeExports.jsx(
69980
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 overflow-hidden", children: [
69981
+ /* @__PURE__ */ jsx(
70235
69982
  "img",
70236
69983
  {
70237
69984
  src: item.avatarUrl || `https://avatar.vercel.sh/${item.name}.svg?text=${item.name.charAt(0)}`,
@@ -70239,9 +69986,9 @@ const ManageFlow = ({
70239
69986
  className: "w-10 h-10 rounded-full flex-shrink-0"
70240
69987
  }
70241
69988
  ),
70242
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden", children: [
70243
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium text-gray-900 truncate", children: item.name }),
70244
- key !== "users" && /* @__PURE__ */ jsxRuntimeExports.jsx(
69989
+ /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
69990
+ /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 truncate", children: item.name }),
69991
+ key !== "users" && /* @__PURE__ */ jsx(
70245
69992
  "button",
70246
69993
  {
70247
69994
  onClick: () => onOpenMembers({
@@ -70255,7 +70002,7 @@ const ManageFlow = ({
70255
70002
  )
70256
70003
  ] })
70257
70004
  ] }),
70258
- /* @__PURE__ */ jsxRuntimeExports.jsx(
70005
+ /* @__PURE__ */ jsx(
70259
70006
  PermissionMenu,
70260
70007
  {
70261
70008
  item,
@@ -70272,20 +70019,20 @@ const ManageFlow = ({
70272
70019
  item.id
70273
70020
  )) : (
70274
70021
  // Empty state is unchanged
70275
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
70022
+ /* @__PURE__ */ jsxs(
70276
70023
  motion.div,
70277
70024
  {
70278
70025
  initial: { opacity: 0 },
70279
70026
  animate: { opacity: 1 },
70280
70027
  className: "flex flex-col items-center justify-center text-center p-8 mt-10 bg-white rounded-lg border border-gray-300",
70281
70028
  children: [
70282
- /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$1, { className: "h-12 w-12 text-gray-400" }),
70283
- /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
70029
+ /* @__PURE__ */ jsx(ForwardRef$1, { className: "h-12 w-12 text-gray-400" }),
70030
+ /* @__PURE__ */ jsxs("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
70284
70031
  "No ",
70285
70032
  tabTitles[tabIndex],
70286
70033
  " Found"
70287
70034
  ] }),
70288
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-gray-500", children: filterTerm ? `No results for "${filterTerm}"` : `There are no ${tabTitles[tabIndex].toLowerCase()} with access.` })
70035
+ /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: filterTerm ? `No results for "${filterTerm}"` : `There are no ${tabTitles[tabIndex].toLowerCase()} with access.` })
70289
70036
  ]
70290
70037
  }
70291
70038
  )
@@ -70301,11 +70048,11 @@ const ManageFlow = ({
70301
70048
  );
70302
70049
  };
70303
70050
 
70304
- const MemberListItemSkeleton = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 p-4", children: [
70305
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-10 w-10 rounded-full bg-gray-200 animate-pulse" }),
70306
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-grow space-y-2", children: [
70307
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-4 w-3/5 rounded bg-gray-200 animate-pulse" }),
70308
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-3 w-4/5 rounded bg-gray-200 animate-pulse" })
70051
+ const MemberListItemSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 p-4", children: [
70052
+ /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-full bg-gray-200 animate-pulse" }),
70053
+ /* @__PURE__ */ jsxs("div", { className: "flex-grow space-y-2", children: [
70054
+ /* @__PURE__ */ jsx("div", { className: "h-4 w-3/5 rounded bg-gray-200 animate-pulse" }),
70055
+ /* @__PURE__ */ jsx("div", { className: "h-3 w-4/5 rounded bg-gray-200 animate-pulse" })
70309
70056
  ] })
70310
70057
  ] });
70311
70058
  const MemberList = ({
@@ -70339,32 +70086,32 @@ const MemberList = ({
70339
70086
  if (isLoading) {
70340
70087
  return (
70341
70088
  // Show 5 skeleton items while loading
70342
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(MemberListItemSkeleton, {}, index)) })
70089
+ /* @__PURE__ */ jsx("div", { children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsx(MemberListItemSkeleton, {}, index)) })
70343
70090
  );
70344
70091
  }
70345
70092
  if (filteredMembers.length === 0) {
70346
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
70093
+ return /* @__PURE__ */ jsxs(
70347
70094
  motion.div,
70348
70095
  {
70349
70096
  initial: { opacity: 0, scale: 0.95 },
70350
70097
  animate: { opacity: 1, scale: 1 },
70351
70098
  className: "flex flex-col items-center justify-center text-center p-8 mt-10",
70352
70099
  children: [
70353
- /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$2, { className: "h-12 w-12 text-gray-400" }),
70354
- /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
70355
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-gray-500", children: debouncedFilter ? `No one found matching "${debouncedFilter}"` : `There are no users in this ${entity.type}.` })
70100
+ /* @__PURE__ */ jsx(ForwardRef$2, { className: "h-12 w-12 text-gray-400" }),
70101
+ /* @__PURE__ */ jsx("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
70102
+ /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: debouncedFilter ? `No one found matching "${debouncedFilter}"` : `There are no users in this ${entity.type}.` })
70356
70103
  ]
70357
70104
  }
70358
70105
  );
70359
70106
  }
70360
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
70107
+ return /* @__PURE__ */ jsx(
70361
70108
  motion.ul,
70362
70109
  {
70363
70110
  variants: listVariants,
70364
70111
  initial: "hidden",
70365
70112
  animate: "visible",
70366
70113
  className: "divide-y divide-gray-200",
70367
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: filteredMembers.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
70114
+ children: /* @__PURE__ */ jsx(AnimatePresence, { children: filteredMembers.map((m) => /* @__PURE__ */ jsxs(
70368
70115
  motion.li,
70369
70116
  {
70370
70117
  layout: true,
@@ -70372,7 +70119,7 @@ const MemberList = ({
70372
70119
  exit: "exit",
70373
70120
  className: "flex items-center gap-4 p-3 hover:bg-blue-50 transition-colors duration-150",
70374
70121
  children: [
70375
- /* @__PURE__ */ jsxRuntimeExports.jsx(
70122
+ /* @__PURE__ */ jsx(
70376
70123
  "img",
70377
70124
  {
70378
70125
  src: m.avatarUrl || `https://avatar.vercel.sh/${m.name}.svg?text=${m.name.charAt(
@@ -70382,9 +70129,9 @@ const MemberList = ({
70382
70129
  className: "w-10 h-10 rounded-full flex-shrink-0"
70383
70130
  }
70384
70131
  ),
70385
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden", children: [
70386
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium text-gray-900 truncate", children: m.name }),
70387
- m.email && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500 truncate", children: m.email })
70132
+ /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
70133
+ /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 truncate", children: m.name }),
70134
+ m.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 truncate", children: m.email })
70388
70135
  ] })
70389
70136
  ]
70390
70137
  },
@@ -70393,33 +70140,33 @@ const MemberList = ({
70393
70140
  }
70394
70141
  );
70395
70142
  };
70396
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-white", children: [
70397
- /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
70398
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
70143
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full bg-white", children: [
70144
+ /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
70145
+ /* @__PURE__ */ jsxs(
70399
70146
  "button",
70400
70147
  {
70401
70148
  onClick: onBack,
70402
70149
  className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 p-2 rounded-md hover:bg-gray-100 hover:cursor-pointer",
70403
70150
  children: [
70404
- /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$a, { className: "h-5 w-5" }),
70151
+ /* @__PURE__ */ jsx(ForwardRef$a, { className: "h-5 w-5" }),
70405
70152
  " Back"
70406
70153
  ]
70407
70154
  }
70408
70155
  ),
70409
- /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-lg font-semibold text-gray-900 truncate px-2", children: [
70156
+ /* @__PURE__ */ jsxs("h2", { className: "text-lg font-semibold text-gray-900 truncate px-2", children: [
70410
70157
  "Users in ",
70411
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-600", children: entity.name })
70158
+ /* @__PURE__ */ jsx("span", { className: "text-blue-600", children: entity.name })
70412
70159
  ] }),
70413
- /* @__PURE__ */ jsxRuntimeExports.jsx(
70160
+ /* @__PURE__ */ jsx(
70414
70161
  "button",
70415
70162
  {
70416
70163
  onClick: onClose,
70417
70164
  className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
70418
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef, { className: "h-6 w-6" })
70165
+ children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-6 w-6" })
70419
70166
  }
70420
70167
  )
70421
70168
  ] }),
70422
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
70169
+ /* @__PURE__ */ jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsx(
70423
70170
  SearchBar,
70424
70171
  {
70425
70172
  onDebouncedChange: setFilter,
@@ -70427,7 +70174,7 @@ const MemberList = ({
70427
70174
  placeholder: "Search members..."
70428
70175
  }
70429
70176
  ) }),
70430
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow overflow-y-auto", children: renderContent() })
70177
+ /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-auto", children: renderContent() })
70431
70178
  ] });
70432
70179
  };
70433
70180
 
@@ -70470,7 +70217,7 @@ const AddUserGroupsRolesModal = ({
70470
70217
  const renderBody = () => {
70471
70218
  switch (view) {
70472
70219
  case ModalView.MANAGE:
70473
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
70220
+ return /* @__PURE__ */ jsx(
70474
70221
  motion.div,
70475
70222
  {
70476
70223
  initial: { x: "100%" },
@@ -70478,7 +70225,7 @@ const AddUserGroupsRolesModal = ({
70478
70225
  exit: { x: "-100%" },
70479
70226
  transition: { duration: 0.3, ease: "easeInOut" },
70480
70227
  className: "absolute top-0 left-0 w-full h-full",
70481
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
70228
+ children: /* @__PURE__ */ jsx(
70482
70229
  ManageFlow,
70483
70230
  {
70484
70231
  entity: mainEntity,
@@ -70493,7 +70240,7 @@ const AddUserGroupsRolesModal = ({
70493
70240
  "manage"
70494
70241
  );
70495
70242
  case ModalView.MEMBERS:
70496
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
70243
+ return /* @__PURE__ */ jsx(
70497
70244
  motion.div,
70498
70245
  {
70499
70246
  initial: { x: "100%" },
@@ -70501,7 +70248,7 @@ const AddUserGroupsRolesModal = ({
70501
70248
  exit: { x: "-100%" },
70502
70249
  transition: { duration: 0.3, ease: "easeInOut" },
70503
70250
  className: "absolute top-0 left-0 w-full h-full",
70504
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
70251
+ children: /* @__PURE__ */ jsx(
70505
70252
  MemberList,
70506
70253
  {
70507
70254
  entity: activeEntity,
@@ -70515,7 +70262,7 @@ const AddUserGroupsRolesModal = ({
70515
70262
  "members"
70516
70263
  );
70517
70264
  default:
70518
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
70265
+ return /* @__PURE__ */ jsx(
70519
70266
  motion.div,
70520
70267
  {
70521
70268
  initial: { x: 0 },
@@ -70523,7 +70270,7 @@ const AddUserGroupsRolesModal = ({
70523
70270
  exit: { x: "-100%" },
70524
70271
  transition: { duration: 0.3, ease: "easeInOut" },
70525
70272
  className: "absolute top-0 left-0 w-full h-full",
70526
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
70273
+ children: /* @__PURE__ */ jsx(
70527
70274
  InviteFlow,
70528
70275
  {
70529
70276
  entity: mainEntity,
@@ -70543,34 +70290,35 @@ const AddUserGroupsRolesModal = ({
70543
70290
  );
70544
70291
  }
70545
70292
  };
70546
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Transition, { show: isOpen, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { as: "div", className: "relative z-50", onClose: handleClose, children: [
70547
- /* @__PURE__ */ jsxRuntimeExports.jsx(
70293
+ return /* @__PURE__ */ jsx(Transition, { show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose: handleClose, children: [
70294
+ /* @__PURE__ */ jsx(
70548
70295
  TransitionChild,
70549
70296
  {
70550
- as: Fragment,
70297
+ as: Fragment$1,
70551
70298
  enter: "ease-out duration-300",
70552
70299
  enterFrom: "opacity-0",
70553
70300
  enterTo: "opacity-100",
70554
70301
  leave: "ease-in duration-200",
70555
70302
  leaveFrom: "opacity-100",
70556
70303
  leaveTo: "opacity-0",
70557
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm" })
70304
+ children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm" })
70558
70305
  }
70559
70306
  ),
70560
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
70307
+ /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10", children: /* @__PURE__ */ jsx(
70561
70308
  TransitionChild,
70562
70309
  {
70563
- as: Fragment,
70310
+ as: Fragment$1,
70564
70311
  enter: "transform transition ease-in-out duration-500 sm:duration-700",
70565
70312
  enterFrom: "translate-x-full",
70566
70313
  enterTo: "translate-x-0",
70567
70314
  leave: "transform transition ease-in-out duration-500 sm:duration-700",
70568
70315
  leaveFrom: "translate-x-0",
70569
70316
  leaveTo: "translate-x-full",
70570
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPanel, { className: "pointer-events-auto w-screen max-w-lg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col overflow-hidden bg-white shadow-xl rounded-tl-2xl rounded-bl-2xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "wait", children: renderBody() }) }) }) })
70317
+ children: /* @__PURE__ */ jsx(DialogPanel, { className: "pointer-events-auto w-screen max-w-lg", children: /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-hidden bg-white shadow-xl rounded-tl-2xl rounded-bl-2xl", children: /* @__PURE__ */ jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: renderBody() }) }) }) })
70571
70318
  }
70572
70319
  ) }) }) })
70573
70320
  ] }) });
70574
70321
  };
70575
70322
 
70576
- export { AddUserGroupsRolesModal, Avatar, AvatarGroup, Badge, Breadcrumbs, Button$1 as Button, Checkbox, DatePicker, DateRangePicker$1 as DateRangePicker, FileUploadModal, FullScreenLoader, GenericFilter, Input, Modal, OptionsMenu, PageHeader, PageLayout, Pagination, RadioGroup, SearchBar, Select, Sidebar, Spinner, Textarea, ToggleSwitch, Tooltip, UnifyedCoreButton, WizardModal };
70323
+ export { AddUserGroupsRolesModal, Avatar, AvatarGroup, Badge, Breadcrumbs, Button$1 as Button, Checkbox, DatePicker, DateRangePicker$1 as DateRangePicker, FileUploadModal, FullScreenLoader, GenericFilter, Input, Modal, OptionsMenu, PageHeader, PageLayout, Pagination, RadioGroup, SearchBar, Select, Sidebar, Spinner, Textarea, ToggleSwitch, Tooltip, UnifyedCoreButton, WizardModal, axiosDelete, axiosGet, axiosPatch, axiosPost, axiosPut, cookies$1 as cookies, createHttpClient, http, localStore, sessionStore };
70324
+ //# sourceMappingURL=unifyedx-storybook-new.es.js.map