design-zystem 1.0.310 → 1.0.312

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -124,6 +124,7 @@ __export(index_exports, {
124
124
  Toaster: () => Toaster,
125
125
  Tooltip: () => Tooltip,
126
126
  addBusinessDays: () => addBusinessDays,
127
+ allowAutofill: () => allowAutofill,
127
128
  appendCacheBuster: () => appendCacheBuster,
128
129
  appendQueryParam: () => appendQueryParam,
129
130
  capitalizeFirstLetter: () => capitalizeFirstLetter,
@@ -162,6 +163,7 @@ __export(index_exports, {
162
163
  isHoliday: () => isHoliday,
163
164
  isSameDay: () => isSameDay,
164
165
  isolateCity: () => isolateCity,
166
+ noAutofillProps: () => noAutofillProps,
165
167
  optimizeImage: () => optimizeImage_default,
166
168
  parseAmount: () => parseAmount,
167
169
  parseIsoDate: () => parseIsoDate,
@@ -171,7 +173,7 @@ __export(index_exports, {
171
173
  });
172
174
  module.exports = __toCommonJS(index_exports);
173
175
 
174
- // src/Components/PageContainer/PageContainer.tsx
176
+ // src/ui-legacy/Components/PageContainer/PageContainer.tsx
175
177
  var import_styled_components = __toESM(require("styled-components"));
176
178
  var import_jsx_runtime = require("react/jsx-runtime");
177
179
  var shouldForwardProp = (prop) => ![
@@ -235,10 +237,10 @@ var PageContainer = (_a) => {
235
237
  );
236
238
  };
237
239
 
238
- // src/Components/Box/Box.tsx
240
+ // src/ui-legacy/Components/Box/Box.tsx
239
241
  var import_styled_components2 = __toESM(require("styled-components"));
240
242
 
241
- // src/data/colors.ts
243
+ // src/ui-legacy/data/colors.ts
242
244
  var colors = {
243
245
  primary: "#52bdc4",
244
246
  secondary: "#f8af2d",
@@ -362,7 +364,7 @@ var colors = {
362
364
  light_blue: "#F1F5F9"
363
365
  };
364
366
 
365
- // src/Components/Box/Box.tsx
367
+ // src/ui-legacy/Components/Box/Box.tsx
366
368
  var import_jsx_runtime2 = require("react/jsx-runtime");
367
369
  var shouldForwardProp2 = (prop) => ![
368
370
  "fullWidth",
@@ -432,7 +434,7 @@ var Box = (_a) => {
432
434
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledBox, __spreadProps(__spreadValues({ hasShadow }, rest), { children }));
433
435
  };
434
436
 
435
- // src/Components/Grid/Grid.tsx
437
+ // src/ui-legacy/Components/Grid/Grid.tsx
436
438
  var import_styled_components3 = __toESM(require("styled-components"));
437
439
  var import_jsx_runtime3 = require("react/jsx-runtime");
438
440
  var shouldForwardPropGrid = (prop) => ![
@@ -476,7 +478,7 @@ var Grid = (props) => {
476
478
  );
477
479
  };
478
480
 
479
- // src/Components/Row/Row.tsx
481
+ // src/ui-legacy/Components/Row/Row.tsx
480
482
  var import_react = require("react");
481
483
  var import_styled_components4 = __toESM(require("styled-components"));
482
484
  var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -530,7 +532,7 @@ var Row = (0, import_react.forwardRef)((props, ref) => {
530
532
  Row.displayName = "Row";
531
533
  var Row_default = Row;
532
534
 
533
- // src/Components/Col/Col.tsx
535
+ // src/ui-legacy/Components/Col/Col.tsx
534
536
  var import_react2 = require("react");
535
537
  var import_styled_components5 = __toESM(require("styled-components"));
536
538
  var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -606,7 +608,7 @@ var Col = (0, import_react2.forwardRef)((props, ref) => {
606
608
  Col.displayName = "Col";
607
609
  var Col_default = Col;
608
610
 
609
- // src/Components/Text/Text.tsx
611
+ // src/ui-legacy/Components/Text/Text.tsx
610
612
  var import_jsx_runtime6 = require("react/jsx-runtime");
611
613
  var textSizes = {
612
614
  xxs: "10px",
@@ -690,7 +692,7 @@ var Text = (props) => {
690
692
  };
691
693
  var Text_default = Text;
692
694
 
693
- // src/Components/Icon/Icon.tsx
695
+ // src/ui-legacy/Components/Icon/Icon.tsx
694
696
  var import_styled_components6 = __toESM(require("styled-components"));
695
697
  var import_jsx_runtime7 = require("react/jsx-runtime");
696
698
  var textSizes2 = {
@@ -763,7 +765,7 @@ var Icon = (props) => {
763
765
  };
764
766
  var Icon_default = Icon;
765
767
 
766
- // src/Components/Divider/Divider.tsx
768
+ // src/ui-legacy/Components/Divider/Divider.tsx
767
769
  var import_styled_components7 = __toESM(require("styled-components"));
768
770
  var import_jsx_runtime8 = require("react/jsx-runtime");
769
771
  var isColorToken = (value) => Object.prototype.hasOwnProperty.call(colors, value);
@@ -813,7 +815,7 @@ var Divider = (_a) => {
813
815
  );
814
816
  };
815
817
 
816
- // src/Components/Bulk/Bulk.tsx
818
+ // src/ui-legacy/Components/Bulk/Bulk.tsx
817
819
  var import_jsx_runtime9 = require("react/jsx-runtime");
818
820
  var Bulk = ({
819
821
  onClose,
@@ -908,7 +910,7 @@ var Bulk = ({
908
910
  );
909
911
  };
910
912
 
911
- // src/Components/Collapse/Collapse.tsx
913
+ // src/ui-legacy/Components/Collapse/Collapse.tsx
912
914
  var import_react3 = require("react");
913
915
  var import_styled_components8 = __toESM(require("styled-components"));
914
916
  var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -942,7 +944,7 @@ var Collapse = ({ open, children, maxHeight }) => {
942
944
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Wrapper, { $height: height, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Inner, { ref: innerRef, $maxHeight: maxHeight, children }) });
943
945
  };
944
946
 
945
- // src/Components/Button/Button.tsx
947
+ // src/ui-legacy/Components/Button/Button.tsx
946
948
  var import_react4 = require("react");
947
949
  var import_styled_components9 = __toESM(require("styled-components"));
948
950
  var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -1166,7 +1168,7 @@ var Button = (_a) => {
1166
1168
  );
1167
1169
  };
1168
1170
 
1169
- // src/Components/Modal/Modal.tsx
1171
+ // src/ui-legacy/Components/Modal/Modal.tsx
1170
1172
  var import_react5 = require("react");
1171
1173
  var import_styled_components10 = __toESM(require("styled-components"));
1172
1174
  var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -1275,7 +1277,7 @@ var Modal = (props) => {
1275
1277
  ] });
1276
1278
  };
1277
1279
 
1278
- // src/Components/ModalConfirmation/ModalConfirmation.tsx
1280
+ // src/ui-legacy/Components/ModalConfirmation/ModalConfirmation.tsx
1279
1281
  var import_jsx_runtime13 = require("react/jsx-runtime");
1280
1282
  var ModalConfirmation = (props) => {
1281
1283
  const { isOpen, onConfirm, onCancel, isLoading, width } = props;
@@ -1289,10 +1291,10 @@ var ModalConfirmation = (props) => {
1289
1291
  ] }) });
1290
1292
  };
1291
1293
 
1292
- // src/Components/NewModal/NewModal.tsx
1294
+ // src/ui-legacy/Components/NewModal/NewModal.tsx
1293
1295
  var import_react7 = require("react");
1294
1296
 
1295
- // src/Components/Bubble/Bubble.tsx
1297
+ // src/ui-legacy/Components/Bubble/Bubble.tsx
1296
1298
  var import_styled_components11 = __toESM(require("styled-components"));
1297
1299
  var import_jsx_runtime14 = require("react/jsx-runtime");
1298
1300
  var textSizes3 = {
@@ -1377,7 +1379,7 @@ var Bubble = (_a) => {
1377
1379
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StyledBubble, __spreadProps(__spreadValues({}, otherProps), { children }));
1378
1380
  };
1379
1381
 
1380
- // src/Components/Tooltip/Tooltip.tsx
1382
+ // src/ui-legacy/Components/Tooltip/Tooltip.tsx
1381
1383
  var import_react6 = require("react");
1382
1384
  var import_styled_components12 = __toESM(require("styled-components"));
1383
1385
  var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -1508,7 +1510,7 @@ var Tooltip = ({
1508
1510
  );
1509
1511
  };
1510
1512
 
1511
- // src/Components/NewModal/NewModal.tsx
1513
+ // src/ui-legacy/Components/NewModal/NewModal.tsx
1512
1514
  var import_jsx_runtime16 = require("react/jsx-runtime");
1513
1515
  var NewModal = ({
1514
1516
  showModal,
@@ -1772,7 +1774,7 @@ var NewModal = ({
1772
1774
  );
1773
1775
  };
1774
1776
 
1775
- // src/Components/Drawer/Drawer.tsx
1777
+ // src/ui-legacy/Components/Drawer/Drawer.tsx
1776
1778
  var import_react8 = require("react");
1777
1779
  var import_styled_components13 = __toESM(require("styled-components"));
1778
1780
  var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -1903,16 +1905,16 @@ var Drawer = ({
1903
1905
  ) });
1904
1906
  };
1905
1907
 
1906
- // src/Components/Toast/Toaster.tsx
1908
+ // src/ui-legacy/Components/Toast/Toaster.tsx
1907
1909
  var import_react10 = require("react");
1908
1910
  var import_react_dom = require("react-dom");
1909
1911
  var import_styled_components15 = __toESM(require("styled-components"));
1910
1912
 
1911
- // src/Components/Toast/ToastCard.tsx
1913
+ // src/ui-legacy/Components/Toast/ToastCard.tsx
1912
1914
  var import_react9 = require("react");
1913
1915
  var import_styled_components14 = __toESM(require("styled-components"));
1914
1916
 
1915
- // src/Components/Toast/toastStore.ts
1917
+ // src/ui-legacy/Components/Toast/toastStore.ts
1916
1918
  var DEFAULT_TIMEOUT_BY_TYPE = {
1917
1919
  success: 2e3,
1918
1920
  info: 2e3,
@@ -1954,7 +1956,7 @@ var dismissToast = (id) => {
1954
1956
  emitChange();
1955
1957
  };
1956
1958
 
1957
- // src/Components/Toast/ToastCard.tsx
1959
+ // src/ui-legacy/Components/Toast/ToastCard.tsx
1958
1960
  var import_jsx_runtime18 = require("react/jsx-runtime");
1959
1961
  var EXIT_DURATION = 180;
1960
1962
  var ToastCard = ({ toastItem }) => {
@@ -2101,7 +2103,7 @@ var ProgressBar = import_styled_components14.default.div`
2101
2103
  animation-play-state: ${({ $isExiting }) => $isExiting ? "paused" : "running"};
2102
2104
  `;
2103
2105
 
2104
- // src/Components/Toast/Toaster.tsx
2106
+ // src/ui-legacy/Components/Toast/Toaster.tsx
2105
2107
  var import_jsx_runtime19 = require("react/jsx-runtime");
2106
2108
  var Toaster = () => {
2107
2109
  const toasts2 = (0, import_react10.useSyncExternalStore)(subscribeToasts, getToastsSnapshot);
@@ -2122,7 +2124,7 @@ var Stack = import_styled_components15.default.div`
2122
2124
  pointer-events: none;
2123
2125
  `;
2124
2126
 
2125
- // src/Components/Toast/toast.ts
2127
+ // src/ui-legacy/Components/Toast/toast.ts
2126
2128
  var toast = {
2127
2129
  success: (message, options) => pushToast("success", message, options),
2128
2130
  error: (message, options) => pushToast("error", message, options),
@@ -2130,7 +2132,7 @@ var toast = {
2130
2132
  info: (message, options) => pushToast("info", message, options)
2131
2133
  };
2132
2134
 
2133
- // src/Components/TagBubble/TagBubble.tsx
2135
+ // src/ui-legacy/Components/TagBubble/TagBubble.tsx
2134
2136
  var import_styled_components16 = __toESM(require("styled-components"));
2135
2137
  var import_jsx_runtime20 = require("react/jsx-runtime");
2136
2138
  var sizeToPx = {
@@ -2273,7 +2275,7 @@ var TagBubble = (_a) => {
2273
2275
  );
2274
2276
  };
2275
2277
 
2276
- // src/Components/Link/Link.tsx
2278
+ // src/ui-legacy/Components/Link/Link.tsx
2277
2279
  var import_styled_components17 = __toESM(require("styled-components"));
2278
2280
  var import_jsx_runtime21 = require("react/jsx-runtime");
2279
2281
  var textSizes4 = {
@@ -2340,11 +2342,11 @@ var Link = (_a) => {
2340
2342
  );
2341
2343
  };
2342
2344
 
2343
- // src/Components/Avatar/Avatar.tsx
2345
+ // src/ui-legacy/Components/Avatar/Avatar.tsx
2344
2346
  var import_react11 = require("react");
2345
2347
  var import_styled_components19 = __toESM(require("styled-components"));
2346
2348
 
2347
- // src/Components/Image/Image.tsx
2349
+ // src/ui-legacy/Components/Image/Image.tsx
2348
2350
  var import_styled_components18 = __toESM(require("styled-components"));
2349
2351
  var import_jsx_runtime22 = require("react/jsx-runtime");
2350
2352
  var StyledImage = import_styled_components18.default.img`
@@ -2390,7 +2392,7 @@ var Image2 = (_a) => {
2390
2392
  );
2391
2393
  };
2392
2394
 
2393
- // src/Components/Avatar/Avatar.tsx
2395
+ // src/ui-legacy/Components/Avatar/Avatar.tsx
2394
2396
  var import_jsx_runtime23 = require("react/jsx-runtime");
2395
2397
  var Wrapper3 = import_styled_components19.default.div`
2396
2398
  position: relative;
@@ -2532,10 +2534,32 @@ var Avatar = ({
2532
2534
  ] });
2533
2535
  };
2534
2536
 
2535
- // src/Components/Select/Select.tsx
2537
+ // src/ui-legacy/Components/Select/Select.tsx
2536
2538
  var import_react12 = require("react");
2537
2539
  var import_react_dom2 = __toESM(require("react-dom"));
2538
2540
  var import_styled_components20 = __toESM(require("styled-components"));
2541
+
2542
+ // src/ui/lib/autofill.ts
2543
+ var noAutofillProps = {
2544
+ autoComplete: "off",
2545
+ /** 1Password */
2546
+ "data-1p-ignore": true,
2547
+ /** LastPass */
2548
+ "data-lpignore": "true",
2549
+ /** Bitwarden */
2550
+ "data-bwignore": true,
2551
+ /** Dashlane */
2552
+ "data-form-type": "other"
2553
+ };
2554
+ var allowAutofill = (autoComplete) => ({
2555
+ autoComplete,
2556
+ "data-1p-ignore": void 0,
2557
+ "data-lpignore": void 0,
2558
+ "data-bwignore": void 0,
2559
+ "data-form-type": void 0
2560
+ });
2561
+
2562
+ // src/ui-legacy/Components/Select/Select.tsx
2539
2563
  var import_jsx_runtime24 = require("react/jsx-runtime");
2540
2564
  var StyledContainer = import_styled_components20.default.div.withConfig({
2541
2565
  shouldForwardProp: (prop) => !["width", "noFlex", "label"].includes(prop)
@@ -2771,13 +2795,14 @@ var Select = ({
2771
2795
  children: [
2772
2796
  !hideSearchBar && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2773
2797
  SearchInput,
2774
- {
2798
+ __spreadProps(__spreadValues({
2775
2799
  ref: searchInputRef,
2776
2800
  type: "text",
2777
- placeholder: "Rechercher...",
2801
+ placeholder: "Rechercher..."
2802
+ }, noAutofillProps), {
2778
2803
  value: searchTerm,
2779
2804
  onChange: handleSearch
2780
- }
2805
+ })
2781
2806
  ),
2782
2807
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownList, { children: filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2783
2808
  Option,
@@ -2799,7 +2824,7 @@ var Select = ({
2799
2824
  ] });
2800
2825
  };
2801
2826
 
2802
- // src/Components/Input/Input.tsx
2827
+ // src/ui-legacy/Components/Input/Input.tsx
2803
2828
  var import_react13 = require("react");
2804
2829
  var import_styled_components21 = __toESM(require("styled-components"));
2805
2830
  var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -3144,12 +3169,12 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
3144
3169
  isDate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
3145
3170
  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
3146
3171
  StyledInput,
3147
- __spreadProps(__spreadValues({
3172
+ __spreadProps(__spreadValues(__spreadProps(__spreadValues({
3148
3173
  id: inputId,
3149
3174
  ref: innerRef,
3150
3175
  type: "text",
3151
- inputMode: "numeric",
3152
- autoComplete: "off",
3176
+ inputMode: "numeric"
3177
+ }, noAutofillProps), {
3153
3178
  value: displayDateValue,
3154
3179
  onChange: handleDateInputChange,
3155
3180
  onPaste: handleDateInputPaste,
@@ -3159,7 +3184,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
3159
3184
  disabled,
3160
3185
  "aria-required": required || void 0,
3161
3186
  style: computedStyle
3162
- }, forwardProps), {
3187
+ }), forwardProps), {
3163
3188
  name: void 0,
3164
3189
  min: void 0,
3165
3190
  max: void 0,
@@ -3203,7 +3228,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
3203
3228
  )
3204
3229
  ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
3205
3230
  Component,
3206
- __spreadValues({
3231
+ __spreadValues(__spreadValues(__spreadValues({
3207
3232
  id: inputId,
3208
3233
  ref: innerRef,
3209
3234
  type: isPassword ? showPassword ? "text" : "password" : type,
@@ -3215,7 +3240,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
3215
3240
  disabled,
3216
3241
  name: inputName,
3217
3242
  style: computedStyle
3218
- }, forwardProps)
3243
+ }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps)
3219
3244
  ),
3220
3245
  isPassword && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
3221
3246
  EyeButton,
@@ -3235,7 +3260,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
3235
3260
  });
3236
3261
  Input.displayName = "Input";
3237
3262
 
3238
- // src/Components/Checkbox/Checkbox.tsx
3263
+ // src/ui-legacy/Components/Checkbox/Checkbox.tsx
3239
3264
  var import_react14 = require("react");
3240
3265
  var import_styled_components22 = __toESM(require("styled-components"));
3241
3266
  var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -3281,7 +3306,7 @@ var Checkbox = ({
3281
3306
  ] });
3282
3307
  };
3283
3308
 
3284
- // src/Components/Radio/Radio.tsx
3309
+ // src/ui-legacy/Components/Radio/Radio.tsx
3285
3310
  var import_react15 = require("react");
3286
3311
  var import_styled_components23 = __toESM(require("styled-components"));
3287
3312
  var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -3358,7 +3383,7 @@ var Radio = ({
3358
3383
  ] }) });
3359
3384
  };
3360
3385
 
3361
- // src/Components/Accordion/Accordion.tsx
3386
+ // src/ui-legacy/Components/Accordion/Accordion.tsx
3362
3387
  var import_react16 = require("react");
3363
3388
  var import_styled_components24 = __toESM(require("styled-components"));
3364
3389
  var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -3502,7 +3527,7 @@ var Accordion = ({
3502
3527
  ] });
3503
3528
  };
3504
3529
 
3505
- // src/Components/ColorPicker/ColorPicker.tsx
3530
+ // src/ui-legacy/Components/ColorPicker/ColorPicker.tsx
3506
3531
  var import_react17 = require("react");
3507
3532
  var import_styled_components25 = __toESM(require("styled-components"));
3508
3533
  var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -3623,14 +3648,15 @@ var ColorPicker = (0, import_react17.forwardRef)(
3623
3648
  ) }) }),
3624
3649
  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3625
3650
  HexInput,
3626
- {
3651
+ __spreadProps(__spreadValues({
3627
3652
  type: "text",
3628
- value: currentColor,
3653
+ value: currentColor
3654
+ }, noAutofillProps), {
3629
3655
  onChange: handleChange,
3630
3656
  disabled,
3631
3657
  $fontSize: dims.fontSize,
3632
3658
  $padding: dims.inputPadding
3633
- }
3659
+ })
3634
3660
  )
3635
3661
  ] })
3636
3662
  ] });
@@ -3638,7 +3664,7 @@ var ColorPicker = (0, import_react17.forwardRef)(
3638
3664
  );
3639
3665
  ColorPicker.displayName = "ColorPicker";
3640
3666
 
3641
- // src/Components/SliderInput/SliderInput.tsx
3667
+ // src/ui-legacy/Components/SliderInput/SliderInput.tsx
3642
3668
  var import_react18 = require("react");
3643
3669
  var import_styled_components26 = __toESM(require("styled-components"));
3644
3670
  var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -3769,7 +3795,7 @@ var SliderInput = (0, import_react18.forwardRef)(
3769
3795
  );
3770
3796
  SliderInput.displayName = "SliderInput";
3771
3797
 
3772
- // src/Components/List/List.tsx
3798
+ // src/ui-legacy/Components/List/List.tsx
3773
3799
  var import_styled_components27 = __toESM(require("styled-components"));
3774
3800
  var import_jsx_runtime31 = require("react/jsx-runtime");
3775
3801
  var shouldForwardProp9 = (prop) => ![
@@ -3810,7 +3836,7 @@ var List = (props) => {
3810
3836
  );
3811
3837
  };
3812
3838
 
3813
- // src/Components/List/ListItem/ListItem.tsx
3839
+ // src/ui-legacy/Components/List/ListItem/ListItem.tsx
3814
3840
  var import_styled_components28 = __toESM(require("styled-components"));
3815
3841
  var import_jsx_runtime32 = require("react/jsx-runtime");
3816
3842
  var shouldForwardProp10 = (prop) => ![
@@ -3855,7 +3881,7 @@ var ListItem = (props) => {
3855
3881
  );
3856
3882
  };
3857
3883
 
3858
- // src/Components/Table/Table.tsx
3884
+ // src/ui-legacy/Components/Table/Table.tsx
3859
3885
  var import_react19 = require("react");
3860
3886
  var import_styled_components29 = __toESM(require("styled-components"));
3861
3887
  var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -3899,7 +3925,7 @@ var Table = (0, import_react19.forwardRef)((props, ref) => {
3899
3925
  });
3900
3926
  Table.displayName = "Table";
3901
3927
 
3902
- // src/Components/Table/TableHeader/TableHeader.tsx
3928
+ // src/ui-legacy/Components/Table/TableHeader/TableHeader.tsx
3903
3929
  var import_styled_components30 = __toESM(require("styled-components"));
3904
3930
  var import_jsx_runtime34 = require("react/jsx-runtime");
3905
3931
  var shouldForwardPropTableHeader = (prop) => !["backgroundColor"].includes(prop);
@@ -3921,7 +3947,7 @@ var TableHeader = (props) => {
3921
3947
  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StyledTableHeader, __spreadProps(__spreadValues({}, otherProps), { children }));
3922
3948
  };
3923
3949
 
3924
- // src/Components/Table/TableBody/TableBody.tsx
3950
+ // src/ui-legacy/Components/Table/TableBody/TableBody.tsx
3925
3951
  var import_react20 = require("react");
3926
3952
  var import_styled_components31 = __toESM(require("styled-components"));
3927
3953
  var import_jsx_runtime35 = require("react/jsx-runtime");
@@ -3950,7 +3976,7 @@ var TableBody = (0, import_react20.forwardRef)(
3950
3976
  );
3951
3977
  TableBody.displayName = "TableBody";
3952
3978
 
3953
- // src/Components/Table/TableRow/TableRow.tsx
3979
+ // src/ui-legacy/Components/Table/TableRow/TableRow.tsx
3954
3980
  var import_styled_components32 = __toESM(require("styled-components"));
3955
3981
  var import_jsx_runtime36 = require("react/jsx-runtime");
3956
3982
  var shouldForwardPropTableRow = (prop) => ![
@@ -3981,7 +4007,7 @@ var TableRow = (props) => {
3981
4007
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StyledTableRow, __spreadProps(__spreadValues({}, otherProps), { children }));
3982
4008
  };
3983
4009
 
3984
- // src/Components/Table/TableCell/TableCell.tsx
4010
+ // src/ui-legacy/Components/Table/TableCell/TableCell.tsx
3985
4011
  var import_styled_components33 = __toESM(require("styled-components"));
3986
4012
  var import_jsx_runtime37 = require("react/jsx-runtime");
3987
4013
  var shouldForwardPropTableCell = (prop) => ![
@@ -4015,7 +4041,7 @@ var TableCell = (props) => {
4015
4041
  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StyledTableCell, __spreadProps(__spreadValues({}, otherProps), { children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { display: "flex", justifyContent: "center" }, children }) : children }));
4016
4042
  };
4017
4043
 
4018
- // src/Components/Table/TableHeaderCell/TableHeaderCell.tsx
4044
+ // src/ui-legacy/Components/Table/TableHeaderCell/TableHeaderCell.tsx
4019
4045
  var import_react21 = require("react");
4020
4046
  var import_styled_components34 = __toESM(require("styled-components"));
4021
4047
  var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -4087,7 +4113,7 @@ var TableHeaderCell = (props) => {
4087
4113
  );
4088
4114
  };
4089
4115
 
4090
- // src/Components/Table/TableHeaderRow/TableHeaderRow.tsx
4116
+ // src/ui-legacy/Components/Table/TableHeaderRow/TableHeaderRow.tsx
4091
4117
  var import_styled_components35 = __toESM(require("styled-components"));
4092
4118
  var import_jsx_runtime39 = require("react/jsx-runtime");
4093
4119
  var shouldForwardPropTableHeaderRow = (prop) => !["backgroundColor"].includes(prop);
@@ -4104,7 +4130,7 @@ var TableHeaderRow = (props) => {
4104
4130
  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledTableHeaderRow, __spreadProps(__spreadValues({}, otherProps), { children }));
4105
4131
  };
4106
4132
 
4107
- // src/Components/Table/TableFooter/TableFooter.tsx
4133
+ // src/ui-legacy/Components/Table/TableFooter/TableFooter.tsx
4108
4134
  var import_styled_components36 = __toESM(require("styled-components"));
4109
4135
  var import_jsx_runtime40 = require("react/jsx-runtime");
4110
4136
  var shouldForwardPropTableFooter = (prop) => !["backgroundColor"].includes(prop);
@@ -4126,7 +4152,7 @@ var TableFooter = (props) => {
4126
4152
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(StyledTableFooter, __spreadProps(__spreadValues({}, otherProps), { children }));
4127
4153
  };
4128
4154
 
4129
- // src/Components/Table/TableFooterRow/TableFooterRow.tsx
4155
+ // src/ui-legacy/Components/Table/TableFooterRow/TableFooterRow.tsx
4130
4156
  var import_styled_components37 = __toESM(require("styled-components"));
4131
4157
  var import_jsx_runtime41 = require("react/jsx-runtime");
4132
4158
  var shouldForwardPropTableFooterRow = (prop) => !["backgroundColor"].includes(prop);
@@ -4143,7 +4169,7 @@ var TableFooterRow = (props) => {
4143
4169
  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StyledTableFooterRow, __spreadProps(__spreadValues({}, otherProps), { children }));
4144
4170
  };
4145
4171
 
4146
- // src/Components/Table/TableFooterCell/TableFooterCell.tsx
4172
+ // src/ui-legacy/Components/Table/TableFooterCell/TableFooterCell.tsx
4147
4173
  var import_styled_components38 = __toESM(require("styled-components"));
4148
4174
  var import_jsx_runtime42 = require("react/jsx-runtime");
4149
4175
  var shouldForwardPropTableFooterCell = (prop) => !["useSort", "flexGrow", "flexShrink", "width"].includes(prop);
@@ -4182,7 +4208,7 @@ var TableFooterCell = (props) => {
4182
4208
  );
4183
4209
  };
4184
4210
 
4185
- // src/Components/Table/SkeletonRow/SkeletonRow.tsx
4211
+ // src/ui-legacy/Components/Table/SkeletonRow/SkeletonRow.tsx
4186
4212
  var import_jsx_runtime43 = require("react/jsx-runtime");
4187
4213
  var style = `
4188
4214
  .skeleton-loader {
@@ -4207,7 +4233,7 @@ var SkeletonRow = ({ columns = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime43.
4207
4233
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "skeleton-loader" }) }, index)) })
4208
4234
  ] });
4209
4235
 
4210
- // src/Components/Switch/Switch.tsx
4236
+ // src/ui-legacy/Components/Switch/Switch.tsx
4211
4237
  var import_react22 = require("react");
4212
4238
  var import_styled_components39 = __toESM(require("styled-components"));
4213
4239
  var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -4331,7 +4357,7 @@ var Switch = (0, import_react22.forwardRef)(
4331
4357
  );
4332
4358
  Switch.displayName = "Switch";
4333
4359
 
4334
- // src/Components/CardSkeleton/CardSkeleton.tsx
4360
+ // src/ui-legacy/Components/CardSkeleton/CardSkeleton.tsx
4335
4361
  var import_jsx_runtime45 = require("react/jsx-runtime");
4336
4362
  var CardSkeleton = () => {
4337
4363
  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -4344,7 +4370,7 @@ var CardSkeleton = () => {
4344
4370
  );
4345
4371
  };
4346
4372
 
4347
- // src/Components/Options/Options.tsx
4373
+ // src/ui-legacy/Components/Options/Options.tsx
4348
4374
  var import_react23 = require("react");
4349
4375
  var import_jsx_runtime46 = require("react/jsx-runtime");
4350
4376
  var Options = ({
@@ -4413,7 +4439,7 @@ var Options = ({
4413
4439
  );
4414
4440
  };
4415
4441
 
4416
- // src/Components/Stepper/Stepper.tsx
4442
+ // src/ui-legacy/Components/Stepper/Stepper.tsx
4417
4443
  var import_react24 = require("react");
4418
4444
  var import_styled_components40 = __toESM(require("styled-components"));
4419
4445
  var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -4469,7 +4495,7 @@ var Stepper = ({
4469
4495
  }) });
4470
4496
  };
4471
4497
 
4472
- // src/Components/Tabs/Tabs.tsx
4498
+ // src/ui-legacy/Components/Tabs/Tabs.tsx
4473
4499
  var import_react25 = require("react");
4474
4500
  var import_styled_components41 = __toESM(require("styled-components"));
4475
4501
  var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -4799,7 +4825,7 @@ var Tabs = (_a) => {
4799
4825
  );
4800
4826
  };
4801
4827
 
4802
- // src/Components/MultiSelect/MultiSelect.tsx
4828
+ // src/ui-legacy/Components/MultiSelect/MultiSelect.tsx
4803
4829
  var import_react26 = require("react");
4804
4830
  var import_styled_components42 = __toESM(require("styled-components"));
4805
4831
  var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -4895,7 +4921,7 @@ var MultiSelect = ({
4895
4921
  ] });
4896
4922
  };
4897
4923
 
4898
- // src/Components/DatePicker/DatePicker.tsx
4924
+ // src/ui-legacy/Components/DatePicker/DatePicker.tsx
4899
4925
  var import_react27 = require("react");
4900
4926
  var import_jsx_runtime50 = require("react/jsx-runtime");
4901
4927
  var LOCALE_MAP = {
@@ -5279,7 +5305,7 @@ var DatePicker = (props) => {
5279
5305
  );
5280
5306
  };
5281
5307
 
5282
- // src/Components/IconTabs/IconTabs.tsx
5308
+ // src/ui-legacy/Components/IconTabs/IconTabs.tsx
5283
5309
  var import_react28 = require("react");
5284
5310
  var import_styled_components43 = __toESM(require("styled-components"));
5285
5311
  var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -5395,7 +5421,7 @@ var IconTabs = ({
5395
5421
  ] });
5396
5422
  };
5397
5423
 
5398
- // src/Components/Popover/Popover.tsx
5424
+ // src/ui-legacy/Components/Popover/Popover.tsx
5399
5425
  var import_react29 = require("react");
5400
5426
  var import_react_dom3 = require("react-dom");
5401
5427
  var import_styled_components44 = __toESM(require("styled-components"));
@@ -5523,26 +5549,34 @@ var Popover = ({
5523
5549
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
5524
5550
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverTrigger, { $fullWidth: fullWidth, onClick: () => setOpen((o) => !o), children }),
5525
5551
  open && (0, import_react_dom3.createPortal)(
5526
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverMenu, { ref: menuRef, style: menuStyle, $horizontal: isHorizontal, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5527
- PopoverItem,
5552
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5553
+ PopoverMenu,
5528
5554
  {
5529
- isLast: idx === items.length - 1,
5555
+ ref: menuRef,
5556
+ style: menuStyle,
5530
5557
  $horizontal: isHorizontal,
5531
- onClick: () => {
5532
- setOpen(false);
5533
- item.action();
5534
- },
5535
- onMouseDown: (e) => e.preventDefault(),
5536
- children: item.label
5537
- },
5538
- typeof item.label === "string" ? item.label : idx
5539
- )) }),
5558
+ children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5559
+ PopoverItem,
5560
+ {
5561
+ isLast: idx === items.length - 1,
5562
+ $horizontal: isHorizontal,
5563
+ onClick: () => {
5564
+ setOpen(false);
5565
+ item.action();
5566
+ },
5567
+ onMouseDown: (e) => e.preventDefault(),
5568
+ children: item.label
5569
+ },
5570
+ typeof item.label === "string" ? item.label : idx
5571
+ ))
5572
+ }
5573
+ ),
5540
5574
  document.body
5541
5575
  )
5542
5576
  ] });
5543
5577
  };
5544
5578
 
5545
- // src/Components/MetricCard/MetricCard.tsx
5579
+ // src/ui-legacy/Components/MetricCard/MetricCard.tsx
5546
5580
  var import_jsx_runtime53 = require("react/jsx-runtime");
5547
5581
  var MetricCard = ({
5548
5582
  icon,
@@ -5601,7 +5635,7 @@ var MetricCard = ({
5601
5635
  );
5602
5636
  };
5603
5637
 
5604
- // src/Components/Card/Card.tsx
5638
+ // src/ui-legacy/Components/Card/Card.tsx
5605
5639
  var import_styled_components45 = __toESM(require("styled-components"));
5606
5640
  var import_jsx_runtime54 = require("react/jsx-runtime");
5607
5641
  var StyledCard = import_styled_components45.default.div`
@@ -5639,7 +5673,7 @@ var Card2 = ({
5639
5673
  }
5640
5674
  );
5641
5675
 
5642
- // src/Components/Banner/Banner.tsx
5676
+ // src/ui-legacy/Components/Banner/Banner.tsx
5643
5677
  var import_styled_components46 = __toESM(require("styled-components"));
5644
5678
  var import_jsx_runtime55 = require("react/jsx-runtime");
5645
5679
  var PRESET_STYLES = {
@@ -5825,7 +5859,7 @@ var Banner = ({
5825
5859
  );
5826
5860
  };
5827
5861
 
5828
- // src/Components/Pagination/Pagination.tsx
5862
+ // src/ui-legacy/Components/Pagination/Pagination.tsx
5829
5863
  var import_react30 = require("react");
5830
5864
  var import_jsx_runtime56 = require("react/jsx-runtime");
5831
5865
  var getPageNumbers = (current, total) => {
@@ -5903,7 +5937,7 @@ var Pagination = ({
5903
5937
  );
5904
5938
  };
5905
5939
 
5906
- // src/Components/FileUploadZone/FileUploadZone.tsx
5940
+ // src/ui-legacy/Components/FileUploadZone/FileUploadZone.tsx
5907
5941
  var import_react31 = require("react");
5908
5942
  var import_styled_components47 = __toESM(require("styled-components"));
5909
5943
  var import_jsx_runtime57 = require("react/jsx-runtime");
@@ -6179,7 +6213,7 @@ var FileUploadZone = ({
6179
6213
  ] });
6180
6214
  };
6181
6215
 
6182
- // src/Components/Spinner/Spinner.tsx
6216
+ // src/ui-legacy/Components/Spinner/Spinner.tsx
6183
6217
  var import_styled_components48 = __toESM(require("styled-components"));
6184
6218
  var import_jsx_runtime58 = require("react/jsx-runtime");
6185
6219
  var SIZES3 = {
@@ -6215,7 +6249,7 @@ var Spinner = ({ size = "m", color = "primary" }) => {
6215
6249
  );
6216
6250
  };
6217
6251
 
6218
- // src/Components/EmptyState/EmptyState.tsx
6252
+ // src/ui-legacy/Components/EmptyState/EmptyState.tsx
6219
6253
  var import_jsx_runtime59 = require("react/jsx-runtime");
6220
6254
  var EmptyState = ({
6221
6255
  icon = "inbox",
@@ -6244,7 +6278,7 @@ var EmptyState = ({
6244
6278
  );
6245
6279
  };
6246
6280
 
6247
- // src/Components/FloatingButton/FloatingButton.tsx
6281
+ // src/ui-legacy/Components/FloatingButton/FloatingButton.tsx
6248
6282
  var import_styled_components49 = __toESM(require("styled-components"));
6249
6283
  var import_jsx_runtime60 = require("react/jsx-runtime");
6250
6284
  var FloatingButton = ({
@@ -6376,7 +6410,7 @@ var CountBadge = import_styled_components49.default.span`
6376
6410
  font-weight: 700;
6377
6411
  `;
6378
6412
 
6379
- // src/Components/ProgressBar/ProgressBar.tsx
6413
+ // src/ui-legacy/Components/ProgressBar/ProgressBar.tsx
6380
6414
  var import_styled_components50 = __toESM(require("styled-components"));
6381
6415
  var import_jsx_runtime61 = require("react/jsx-runtime");
6382
6416
  var clampPercent = (value) => Math.max(0, Math.min(100, value));
@@ -6443,7 +6477,7 @@ var ProgressBar2 = ({
6443
6477
  ] });
6444
6478
  };
6445
6479
 
6446
- // src/Components/Timeline/Timeline.tsx
6480
+ // src/ui-legacy/Components/Timeline/Timeline.tsx
6447
6481
  var import_styled_components51 = __toESM(require("styled-components"));
6448
6482
  var import_jsx_runtime62 = require("react/jsx-runtime");
6449
6483
  var List2 = import_styled_components51.default.div`
@@ -6507,7 +6541,7 @@ var Timeline = ({
6507
6541
  }) });
6508
6542
  };
6509
6543
 
6510
- // src/Components/Gantt/Gantt.tsx
6544
+ // src/ui-legacy/Components/Gantt/Gantt.tsx
6511
6545
  var import_styled_components52 = __toESM(require("styled-components"));
6512
6546
  var import_jsx_runtime63 = require("react/jsx-runtime");
6513
6547
  var Root = import_styled_components52.default.div`
@@ -6762,7 +6796,7 @@ var GanttSwatch = ({
6762
6796
  filled = true
6763
6797
  }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Swatch2, { $color: color, $filled: filled });
6764
6798
 
6765
- // src/data/globalMethods.ts
6799
+ // src/ui-legacy/data/globalMethods.ts
6766
6800
  var formatDate = (dateString, type = "date", language = "en") => {
6767
6801
  if (!dateString) return "";
6768
6802
  const date = new Date(dateString);
@@ -6904,7 +6938,7 @@ var formatName = (person, fallback = "") => {
6904
6938
  return person ? `${(_a = person.firstname) != null ? _a : ""} ${(_b = person.lastname) != null ? _b : ""}`.trim() || fallback : fallback;
6905
6939
  };
6906
6940
 
6907
- // src/services/optimizeImage/optimizeImage.ts
6941
+ // src/ui-legacy/services/optimizeImage/optimizeImage.ts
6908
6942
  var hasDocument = () => typeof document !== "undefined";
6909
6943
  var hasObjectURL = () => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" && typeof URL.revokeObjectURL === "function";
6910
6944
  var readArrayBuffer = (file) => {
@@ -7535,6 +7569,7 @@ var parseAmount = (value) => {
7535
7569
  Toaster,
7536
7570
  Tooltip,
7537
7571
  addBusinessDays,
7572
+ allowAutofill,
7538
7573
  appendCacheBuster,
7539
7574
  appendQueryParam,
7540
7575
  capitalizeFirstLetter,
@@ -7573,6 +7608,7 @@ var parseAmount = (value) => {
7573
7608
  isHoliday,
7574
7609
  isSameDay,
7575
7610
  isolateCity,
7611
+ noAutofillProps,
7576
7612
  optimizeImage,
7577
7613
  parseAmount,
7578
7614
  parseIsoDate,