@marigold/components 12.0.0 → 12.0.2
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.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +581 -509
- package/dist/index.mjs +464 -391
- package/package.json +25 -25
package/dist/index.js
CHANGED
|
@@ -212,7 +212,7 @@ var require_react_is_development = __commonJS({
|
|
|
212
212
|
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
213
213
|
var Element2 = REACT_ELEMENT_TYPE;
|
|
214
214
|
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
215
|
-
var
|
|
215
|
+
var Fragment14 = REACT_FRAGMENT_TYPE;
|
|
216
216
|
var Lazy = REACT_LAZY_TYPE;
|
|
217
217
|
var Memo = REACT_MEMO_TYPE;
|
|
218
218
|
var Portal = REACT_PORTAL_TYPE;
|
|
@@ -271,7 +271,7 @@ var require_react_is_development = __commonJS({
|
|
|
271
271
|
exports2.ContextProvider = ContextProvider;
|
|
272
272
|
exports2.Element = Element2;
|
|
273
273
|
exports2.ForwardRef = ForwardRef;
|
|
274
|
-
exports2.Fragment =
|
|
274
|
+
exports2.Fragment = Fragment14;
|
|
275
275
|
exports2.Lazy = Lazy;
|
|
276
276
|
exports2.Memo = Memo;
|
|
277
277
|
exports2.Portal = Portal;
|
|
@@ -398,9 +398,9 @@ var require_hoist_non_react_statics_cjs = __commonJS({
|
|
|
398
398
|
}
|
|
399
399
|
});
|
|
400
400
|
|
|
401
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
401
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js
|
|
402
402
|
var require_extends = __commonJS({
|
|
403
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
403
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js"(exports2, module2) {
|
|
404
404
|
"use strict";
|
|
405
405
|
function _extends2() {
|
|
406
406
|
return module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
|
|
@@ -415,9 +415,9 @@ var require_extends = __commonJS({
|
|
|
415
415
|
}
|
|
416
416
|
});
|
|
417
417
|
|
|
418
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
418
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js
|
|
419
419
|
var require_typeof = __commonJS({
|
|
420
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
420
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js"(exports2, module2) {
|
|
421
421
|
"use strict";
|
|
422
422
|
function _typeof2(o) {
|
|
423
423
|
"@babel/helpers - typeof";
|
|
@@ -431,9 +431,9 @@ var require_typeof = __commonJS({
|
|
|
431
431
|
}
|
|
432
432
|
});
|
|
433
433
|
|
|
434
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
434
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js
|
|
435
435
|
var require_toPrimitive = __commonJS({
|
|
436
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
436
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports2, module2) {
|
|
437
437
|
"use strict";
|
|
438
438
|
var _typeof2 = require_typeof()["default"];
|
|
439
439
|
function toPrimitive2(t, r) {
|
|
@@ -450,9 +450,9 @@ var require_toPrimitive = __commonJS({
|
|
|
450
450
|
}
|
|
451
451
|
});
|
|
452
452
|
|
|
453
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
453
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js
|
|
454
454
|
var require_toPropertyKey = __commonJS({
|
|
455
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
455
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports2, module2) {
|
|
456
456
|
"use strict";
|
|
457
457
|
var _typeof2 = require_typeof()["default"];
|
|
458
458
|
var toPrimitive2 = require_toPrimitive();
|
|
@@ -464,9 +464,9 @@ var require_toPropertyKey = __commonJS({
|
|
|
464
464
|
}
|
|
465
465
|
});
|
|
466
466
|
|
|
467
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
467
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js
|
|
468
468
|
var require_defineProperty = __commonJS({
|
|
469
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
469
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js"(exports2, module2) {
|
|
470
470
|
"use strict";
|
|
471
471
|
var toPropertyKey2 = require_toPropertyKey();
|
|
472
472
|
function _defineProperty2(e, r, t) {
|
|
@@ -481,9 +481,9 @@ var require_defineProperty = __commonJS({
|
|
|
481
481
|
}
|
|
482
482
|
});
|
|
483
483
|
|
|
484
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
484
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
485
485
|
var require_objectSpread2 = __commonJS({
|
|
486
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
486
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports2, module2) {
|
|
487
487
|
"use strict";
|
|
488
488
|
var defineProperty = require_defineProperty();
|
|
489
489
|
function ownKeys2(e, r) {
|
|
@@ -511,9 +511,9 @@ var require_objectSpread2 = __commonJS({
|
|
|
511
511
|
}
|
|
512
512
|
});
|
|
513
513
|
|
|
514
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
514
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js
|
|
515
515
|
var require_arrayWithHoles = __commonJS({
|
|
516
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
516
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports2, module2) {
|
|
517
517
|
"use strict";
|
|
518
518
|
function _arrayWithHoles2(r) {
|
|
519
519
|
if (Array.isArray(r)) return r;
|
|
@@ -522,9 +522,9 @@ var require_arrayWithHoles = __commonJS({
|
|
|
522
522
|
}
|
|
523
523
|
});
|
|
524
524
|
|
|
525
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
525
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
|
|
526
526
|
var require_iterableToArrayLimit = __commonJS({
|
|
527
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
527
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports2, module2) {
|
|
528
528
|
"use strict";
|
|
529
529
|
function _iterableToArrayLimit2(r, l) {
|
|
530
530
|
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
@@ -551,9 +551,9 @@ var require_iterableToArrayLimit = __commonJS({
|
|
|
551
551
|
}
|
|
552
552
|
});
|
|
553
553
|
|
|
554
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
554
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
|
|
555
555
|
var require_arrayLikeToArray = __commonJS({
|
|
556
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
556
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports2, module2) {
|
|
557
557
|
"use strict";
|
|
558
558
|
function _arrayLikeToArray2(r, a) {
|
|
559
559
|
(null == a || a > r.length) && (a = r.length);
|
|
@@ -564,9 +564,9 @@ var require_arrayLikeToArray = __commonJS({
|
|
|
564
564
|
}
|
|
565
565
|
});
|
|
566
566
|
|
|
567
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
567
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
|
|
568
568
|
var require_unsupportedIterableToArray = __commonJS({
|
|
569
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
569
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports2, module2) {
|
|
570
570
|
"use strict";
|
|
571
571
|
var arrayLikeToArray = require_arrayLikeToArray();
|
|
572
572
|
function _unsupportedIterableToArray2(r, a) {
|
|
@@ -580,9 +580,9 @@ var require_unsupportedIterableToArray = __commonJS({
|
|
|
580
580
|
}
|
|
581
581
|
});
|
|
582
582
|
|
|
583
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
583
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js
|
|
584
584
|
var require_nonIterableRest = __commonJS({
|
|
585
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
585
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports2, module2) {
|
|
586
586
|
"use strict";
|
|
587
587
|
function _nonIterableRest2() {
|
|
588
588
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
@@ -591,9 +591,9 @@ var require_nonIterableRest = __commonJS({
|
|
|
591
591
|
}
|
|
592
592
|
});
|
|
593
593
|
|
|
594
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
594
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
595
595
|
var require_slicedToArray = __commonJS({
|
|
596
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
596
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports2, module2) {
|
|
597
597
|
"use strict";
|
|
598
598
|
var arrayWithHoles = require_arrayWithHoles();
|
|
599
599
|
var iterableToArrayLimit = require_iterableToArrayLimit();
|
|
@@ -606,9 +606,9 @@ var require_slicedToArray = __commonJS({
|
|
|
606
606
|
}
|
|
607
607
|
});
|
|
608
608
|
|
|
609
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
609
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
|
|
610
610
|
var require_objectWithoutPropertiesLoose = __commonJS({
|
|
611
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
611
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports2, module2) {
|
|
612
612
|
"use strict";
|
|
613
613
|
function _objectWithoutPropertiesLoose2(r, e) {
|
|
614
614
|
if (null == r) return {};
|
|
@@ -623,9 +623,9 @@ var require_objectWithoutPropertiesLoose = __commonJS({
|
|
|
623
623
|
}
|
|
624
624
|
});
|
|
625
625
|
|
|
626
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
626
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
627
627
|
var require_objectWithoutProperties = __commonJS({
|
|
628
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
628
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports2, module2) {
|
|
629
629
|
"use strict";
|
|
630
630
|
var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
|
|
631
631
|
function _objectWithoutProperties2(e, t) {
|
|
@@ -641,9 +641,9 @@ var require_objectWithoutProperties = __commonJS({
|
|
|
641
641
|
}
|
|
642
642
|
});
|
|
643
643
|
|
|
644
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
644
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js
|
|
645
645
|
var require_classCallCheck = __commonJS({
|
|
646
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
646
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports2, module2) {
|
|
647
647
|
"use strict";
|
|
648
648
|
function _classCallCheck2(a, n) {
|
|
649
649
|
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
@@ -652,9 +652,9 @@ var require_classCallCheck = __commonJS({
|
|
|
652
652
|
}
|
|
653
653
|
});
|
|
654
654
|
|
|
655
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
655
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js
|
|
656
656
|
var require_createClass = __commonJS({
|
|
657
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
657
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js"(exports2, module2) {
|
|
658
658
|
"use strict";
|
|
659
659
|
var toPropertyKey2 = require_toPropertyKey();
|
|
660
660
|
function _defineProperties2(e, r) {
|
|
@@ -672,9 +672,9 @@ var require_createClass = __commonJS({
|
|
|
672
672
|
}
|
|
673
673
|
});
|
|
674
674
|
|
|
675
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
675
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js
|
|
676
676
|
var require_setPrototypeOf = __commonJS({
|
|
677
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
677
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports2, module2) {
|
|
678
678
|
"use strict";
|
|
679
679
|
function _setPrototypeOf2(t, e) {
|
|
680
680
|
return module2.exports = _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
|
|
@@ -685,9 +685,9 @@ var require_setPrototypeOf = __commonJS({
|
|
|
685
685
|
}
|
|
686
686
|
});
|
|
687
687
|
|
|
688
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
688
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js
|
|
689
689
|
var require_inherits = __commonJS({
|
|
690
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
690
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js"(exports2, module2) {
|
|
691
691
|
"use strict";
|
|
692
692
|
var setPrototypeOf = require_setPrototypeOf();
|
|
693
693
|
function _inherits2(t, e) {
|
|
@@ -706,9 +706,9 @@ var require_inherits = __commonJS({
|
|
|
706
706
|
}
|
|
707
707
|
});
|
|
708
708
|
|
|
709
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
709
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js
|
|
710
710
|
var require_getPrototypeOf = __commonJS({
|
|
711
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
711
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports2, module2) {
|
|
712
712
|
"use strict";
|
|
713
713
|
function _getPrototypeOf2(t) {
|
|
714
714
|
return module2.exports = _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
|
|
@@ -719,9 +719,9 @@ var require_getPrototypeOf = __commonJS({
|
|
|
719
719
|
}
|
|
720
720
|
});
|
|
721
721
|
|
|
722
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
722
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
|
|
723
723
|
var require_isNativeReflectConstruct = __commonJS({
|
|
724
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
724
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports2, module2) {
|
|
725
725
|
"use strict";
|
|
726
726
|
function _isNativeReflectConstruct2() {
|
|
727
727
|
try {
|
|
@@ -737,9 +737,9 @@ var require_isNativeReflectConstruct = __commonJS({
|
|
|
737
737
|
}
|
|
738
738
|
});
|
|
739
739
|
|
|
740
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
740
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js
|
|
741
741
|
var require_assertThisInitialized = __commonJS({
|
|
742
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
742
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports2, module2) {
|
|
743
743
|
"use strict";
|
|
744
744
|
function _assertThisInitialized2(e) {
|
|
745
745
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
@@ -749,9 +749,9 @@ var require_assertThisInitialized = __commonJS({
|
|
|
749
749
|
}
|
|
750
750
|
});
|
|
751
751
|
|
|
752
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
752
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
|
|
753
753
|
var require_possibleConstructorReturn = __commonJS({
|
|
754
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
754
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports2, module2) {
|
|
755
755
|
"use strict";
|
|
756
756
|
var _typeof2 = require_typeof()["default"];
|
|
757
757
|
var assertThisInitialized = require_assertThisInitialized();
|
|
@@ -764,9 +764,9 @@ var require_possibleConstructorReturn = __commonJS({
|
|
|
764
764
|
}
|
|
765
765
|
});
|
|
766
766
|
|
|
767
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
767
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js
|
|
768
768
|
var require_createSuper = __commonJS({
|
|
769
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
769
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js"(exports2, module2) {
|
|
770
770
|
"use strict";
|
|
771
771
|
var getPrototypeOf = require_getPrototypeOf();
|
|
772
772
|
var isNativeReflectConstruct = require_isNativeReflectConstruct();
|
|
@@ -786,9 +786,9 @@ var require_createSuper = __commonJS({
|
|
|
786
786
|
}
|
|
787
787
|
});
|
|
788
788
|
|
|
789
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
789
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
|
|
790
790
|
var require_arrayWithoutHoles = __commonJS({
|
|
791
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
791
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports2, module2) {
|
|
792
792
|
"use strict";
|
|
793
793
|
var arrayLikeToArray = require_arrayLikeToArray();
|
|
794
794
|
function _arrayWithoutHoles2(r) {
|
|
@@ -798,9 +798,9 @@ var require_arrayWithoutHoles = __commonJS({
|
|
|
798
798
|
}
|
|
799
799
|
});
|
|
800
800
|
|
|
801
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
801
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js
|
|
802
802
|
var require_iterableToArray = __commonJS({
|
|
803
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
803
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports2, module2) {
|
|
804
804
|
"use strict";
|
|
805
805
|
function _iterableToArray2(r) {
|
|
806
806
|
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
@@ -809,9 +809,9 @@ var require_iterableToArray = __commonJS({
|
|
|
809
809
|
}
|
|
810
810
|
});
|
|
811
811
|
|
|
812
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
812
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js
|
|
813
813
|
var require_nonIterableSpread = __commonJS({
|
|
814
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
814
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports2, module2) {
|
|
815
815
|
"use strict";
|
|
816
816
|
function _nonIterableSpread2() {
|
|
817
817
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
@@ -820,9 +820,9 @@ var require_nonIterableSpread = __commonJS({
|
|
|
820
820
|
}
|
|
821
821
|
});
|
|
822
822
|
|
|
823
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
823
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js
|
|
824
824
|
var require_toConsumableArray = __commonJS({
|
|
825
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
825
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports2, module2) {
|
|
826
826
|
"use strict";
|
|
827
827
|
var arrayWithoutHoles = require_arrayWithoutHoles();
|
|
828
828
|
var iterableToArray = require_iterableToArray();
|
|
@@ -835,9 +835,9 @@ var require_toConsumableArray = __commonJS({
|
|
|
835
835
|
}
|
|
836
836
|
});
|
|
837
837
|
|
|
838
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
838
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
|
|
839
839
|
var require_taggedTemplateLiteral = __commonJS({
|
|
840
|
-
"../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
840
|
+
"../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports2, module2) {
|
|
841
841
|
"use strict";
|
|
842
842
|
function _taggedTemplateLiteral2(e, t) {
|
|
843
843
|
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
@@ -905,7 +905,7 @@ __export(index_exports, {
|
|
|
905
905
|
Popover: () => _Popover,
|
|
906
906
|
Radio: () => _Radio,
|
|
907
907
|
RadioGroup: () => _RadioGroup,
|
|
908
|
-
RouterProvider: () =>
|
|
908
|
+
RouterProvider: () => import_react_aria_components75.RouterProvider,
|
|
909
909
|
Scrollable: () => Scrollable,
|
|
910
910
|
SearchField: () => _SearchField,
|
|
911
911
|
SectionMessage: () => SectionMessage,
|
|
@@ -927,7 +927,6 @@ __export(index_exports, {
|
|
|
927
927
|
Underlay: () => Underlay,
|
|
928
928
|
VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
|
|
929
929
|
XLoader: () => XLoader,
|
|
930
|
-
_Calendar: () => _Calendar,
|
|
931
930
|
gridColsAlign: () => gridColsAlign,
|
|
932
931
|
gridColumn: () => gridColumn,
|
|
933
932
|
useAsyncList: () => import_data.useAsyncList,
|
|
@@ -1398,9 +1397,29 @@ var useListBoxContext = () => (0, import_react10.useContext)(ListBoxContext);
|
|
|
1398
1397
|
// src/ListBox/ListBoxItem.tsx
|
|
1399
1398
|
var import_react_aria_components9 = require("react-aria-components");
|
|
1400
1399
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1400
|
+
var CheckMark = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1401
|
+
"path",
|
|
1402
|
+
{
|
|
1403
|
+
fill: "currentColor",
|
|
1404
|
+
stroke: "none",
|
|
1405
|
+
d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
|
|
1406
|
+
}
|
|
1407
|
+
) });
|
|
1401
1408
|
var _ListBoxItem = ({ ...props }) => {
|
|
1409
|
+
var _a;
|
|
1402
1410
|
const { classNames: classNames3 } = useListBoxContext();
|
|
1403
|
-
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1411
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1412
|
+
import_react_aria_components9.ListBoxItem,
|
|
1413
|
+
{
|
|
1414
|
+
...props,
|
|
1415
|
+
className: classNames3.item,
|
|
1416
|
+
textValue: (_a = props.textValue) != null ? _a : String(props.children),
|
|
1417
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
1418
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CheckMark, { className: "hidden" }),
|
|
1419
|
+
props.children
|
|
1420
|
+
] })
|
|
1421
|
+
}
|
|
1422
|
+
);
|
|
1404
1423
|
};
|
|
1405
1424
|
|
|
1406
1425
|
// src/ListBox/ListBoxSection.tsx
|
|
@@ -1995,7 +2014,7 @@ var _CheckboxGroup = ({
|
|
|
1995
2014
|
|
|
1996
2015
|
// src/Checkbox/Checkbox.tsx
|
|
1997
2016
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1998
|
-
var
|
|
2017
|
+
var CheckMark2 = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1999
2018
|
"path",
|
|
2000
2019
|
{
|
|
2001
2020
|
fill: "currentColor",
|
|
@@ -2024,7 +2043,7 @@ var Icon2 = ({ className, checked, indeterminate, ...props }) => {
|
|
|
2024
2043
|
className
|
|
2025
2044
|
),
|
|
2026
2045
|
...props,
|
|
2027
|
-
children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IndeterminateMark, {}) : checked ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2046
|
+
children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IndeterminateMark, {}) : checked ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CheckMark2, {}) : null
|
|
2028
2047
|
}
|
|
2029
2048
|
);
|
|
2030
2049
|
};
|
|
@@ -2902,9 +2921,9 @@ var _DateField = (0, import_react32.forwardRef)(
|
|
|
2902
2921
|
);
|
|
2903
2922
|
|
|
2904
2923
|
// src/Calendar/Calendar.tsx
|
|
2905
|
-
var
|
|
2906
|
-
var
|
|
2907
|
-
var
|
|
2924
|
+
var import_react38 = require("react");
|
|
2925
|
+
var import_react_aria_components43 = require("react-aria-components");
|
|
2926
|
+
var import_system63 = require("@marigold/system");
|
|
2908
2927
|
|
|
2909
2928
|
// src/Calendar/CalendarGrid.tsx
|
|
2910
2929
|
var import_react_aria_components38 = require("react-aria-components");
|
|
@@ -2958,10 +2977,15 @@ var _CalendarGrid = () => {
|
|
|
2958
2977
|
};
|
|
2959
2978
|
|
|
2960
2979
|
// src/Calendar/CalendarListBox.tsx
|
|
2961
|
-
var
|
|
2980
|
+
var import_react35 = require("react");
|
|
2962
2981
|
var import_react_aria_components39 = require("react-aria-components");
|
|
2963
2982
|
var import_system59 = require("@marigold/system");
|
|
2964
2983
|
|
|
2984
|
+
// src/Calendar/Context.tsx
|
|
2985
|
+
var import_react34 = require("react");
|
|
2986
|
+
var CalendarContext = (0, import_react34.createContext)({});
|
|
2987
|
+
var useCalendarContext = () => (0, import_react34.useContext)(CalendarContext);
|
|
2988
|
+
|
|
2965
2989
|
// src/Calendar/useFormattedMonths.tsx
|
|
2966
2990
|
var import_i18n4 = require("@react-aria/i18n");
|
|
2967
2991
|
function useFormattedMonths(timeZone, focusedDate) {
|
|
@@ -2985,16 +3009,16 @@ function CalendarListBox({
|
|
|
2985
3009
|
isDisabled,
|
|
2986
3010
|
setSelectedDropdown
|
|
2987
3011
|
}) {
|
|
2988
|
-
const state = (0,
|
|
3012
|
+
const state = (0, import_react35.useContext)(import_react_aria_components39.CalendarStateContext);
|
|
2989
3013
|
const months = useFormattedMonths(state.timeZone, state.focusedDate);
|
|
2990
3014
|
const buttonStyles = "flex items-center justify-between gap-1 overflow-hidden";
|
|
2991
|
-
const {
|
|
3015
|
+
const { classNames: classNames3 } = useCalendarContext();
|
|
2992
3016
|
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
2993
3017
|
"button",
|
|
2994
3018
|
{
|
|
2995
3019
|
disabled: isDisabled,
|
|
2996
3020
|
onClick: () => setSelectedDropdown(type),
|
|
2997
|
-
className: (0, import_system59.cn)(buttonStyles,
|
|
3021
|
+
className: (0, import_system59.cn)(buttonStyles, classNames3.select),
|
|
2998
3022
|
"data-testid": type,
|
|
2999
3023
|
children: [
|
|
3000
3024
|
type === "month" ? months[state.focusedDate.month - 1].substring(0, 3) : state.focusedDate.year,
|
|
@@ -3042,33 +3066,40 @@ function MonthControls() {
|
|
|
3042
3066
|
var MonthControls_default = MonthControls;
|
|
3043
3067
|
|
|
3044
3068
|
// src/Calendar/MonthListBox.tsx
|
|
3045
|
-
var
|
|
3069
|
+
var import_react36 = require("react");
|
|
3046
3070
|
var import_react_aria_components40 = require("react-aria-components");
|
|
3071
|
+
var import_react_aria_components41 = require("react-aria-components");
|
|
3072
|
+
var import_system61 = require("@marigold/system");
|
|
3047
3073
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3048
3074
|
var MonthListBox = ({ setSelectedDropdown }) => {
|
|
3049
|
-
const state = (0,
|
|
3075
|
+
const state = (0, import_react36.useContext)(import_react_aria_components40.CalendarStateContext);
|
|
3050
3076
|
const months = useFormattedMonths(state.timeZone, state.focusedDate);
|
|
3051
3077
|
let onChange2 = (index2) => {
|
|
3052
3078
|
let value = Number(index2) + 1;
|
|
3053
3079
|
let date = state.focusedDate.set({ month: value });
|
|
3054
3080
|
state.setFocusedDate(date);
|
|
3055
3081
|
};
|
|
3082
|
+
const { classNames: classNames3 } = useCalendarContext();
|
|
3056
3083
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3057
3084
|
"ul",
|
|
3058
3085
|
{
|
|
3059
3086
|
"data-testid": "monthOptions",
|
|
3060
|
-
className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10
|
|
3087
|
+
className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 p-2",
|
|
3061
3088
|
children: months.map((month, index2) => {
|
|
3089
|
+
const isSelected = index2 === state.focusedDate.month - 1;
|
|
3062
3090
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("li", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3063
|
-
|
|
3091
|
+
import_react_aria_components41.Button,
|
|
3064
3092
|
{
|
|
3065
3093
|
slot: "previous",
|
|
3066
|
-
variant: index2 === state.focusedDate.month - 1 ? "secondary" : "text",
|
|
3067
|
-
size: "small",
|
|
3068
3094
|
onPress: () => {
|
|
3069
3095
|
onChange2(index2);
|
|
3070
3096
|
setSelectedDropdown(void 0);
|
|
3071
3097
|
},
|
|
3098
|
+
"aria-current": isSelected,
|
|
3099
|
+
className: (0, import_system61.cn)(
|
|
3100
|
+
classNames3.calendarListboxButton,
|
|
3101
|
+
"inline-flex items-center justify-center gap-[0.5ch]"
|
|
3102
|
+
),
|
|
3072
3103
|
children: month.substring(0, 3)
|
|
3073
3104
|
},
|
|
3074
3105
|
index2 + 1
|
|
@@ -3080,12 +3111,14 @@ var MonthListBox = ({ setSelectedDropdown }) => {
|
|
|
3080
3111
|
var MonthListBox_default = MonthListBox;
|
|
3081
3112
|
|
|
3082
3113
|
// src/Calendar/YearListBox.tsx
|
|
3083
|
-
var
|
|
3084
|
-
var
|
|
3114
|
+
var import_react37 = require("react");
|
|
3115
|
+
var import_react_aria_components42 = require("react-aria-components");
|
|
3085
3116
|
var import_i18n5 = require("@react-aria/i18n");
|
|
3117
|
+
var import_system62 = require("@marigold/system");
|
|
3086
3118
|
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3087
3119
|
var YearListBox = ({ setSelectedDropdown }) => {
|
|
3088
|
-
const state = (0,
|
|
3120
|
+
const state = (0, import_react37.useContext)(import_react_aria_components42.CalendarStateContext);
|
|
3121
|
+
const { classNames: classNames3 } = useCalendarContext();
|
|
3089
3122
|
const years = [];
|
|
3090
3123
|
let formatter = (0, import_i18n5.useDateFormatter)({
|
|
3091
3124
|
year: "numeric",
|
|
@@ -3098,8 +3131,8 @@ var YearListBox = ({ setSelectedDropdown }) => {
|
|
|
3098
3131
|
formatted: formatter.format(date.toDate(state.timeZone))
|
|
3099
3132
|
});
|
|
3100
3133
|
}
|
|
3101
|
-
const activeButtonRef = (0,
|
|
3102
|
-
(0,
|
|
3134
|
+
const activeButtonRef = (0, import_react37.useRef)(null);
|
|
3135
|
+
(0, import_react37.useEffect)(() => {
|
|
3103
3136
|
if (activeButtonRef.current) {
|
|
3104
3137
|
const activeButton = activeButtonRef.current;
|
|
3105
3138
|
activeButton == null ? void 0 : activeButton.scrollIntoView({
|
|
@@ -3119,24 +3152,26 @@ var YearListBox = ({ setSelectedDropdown }) => {
|
|
|
3119
3152
|
"data-testid": "yearOptions",
|
|
3120
3153
|
className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 overflow-y-scroll p-2",
|
|
3121
3154
|
children: years.map((year, index2) => {
|
|
3122
|
-
const
|
|
3155
|
+
const isSelected = +year.formatted === state.focusedDate.year;
|
|
3123
3156
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3124
3157
|
"div",
|
|
3125
3158
|
{
|
|
3126
|
-
ref:
|
|
3127
|
-
|
|
3159
|
+
ref: isSelected ? activeButtonRef : null,
|
|
3160
|
+
className: "flex size-full justify-center",
|
|
3128
3161
|
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3129
|
-
|
|
3162
|
+
import_react_aria_components42.Button,
|
|
3130
3163
|
{
|
|
3131
3164
|
slot: "previous",
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
3165
|
+
className: (0, import_system62.cn)(
|
|
3166
|
+
classNames3.calendarListboxButton,
|
|
3167
|
+
"inline-flex items-center justify-center gap-[0.5ch]"
|
|
3168
|
+
),
|
|
3135
3169
|
onPress: () => {
|
|
3136
3170
|
onChange2(index2);
|
|
3137
3171
|
setSelectedDropdown(void 0);
|
|
3138
3172
|
},
|
|
3139
3173
|
"data-value": year.formatted,
|
|
3174
|
+
"aria-current": isSelected,
|
|
3140
3175
|
children: year.formatted
|
|
3141
3176
|
},
|
|
3142
3177
|
index2
|
|
@@ -3165,54 +3200,66 @@ var _Calendar = ({
|
|
|
3165
3200
|
isDateUnavailable: dateUnavailable,
|
|
3166
3201
|
...rest
|
|
3167
3202
|
};
|
|
3168
|
-
const classNames3 = (0,
|
|
3169
|
-
const [selectedDropdown, setSelectedDropdown] = (0,
|
|
3203
|
+
const classNames3 = (0, import_system63.useClassNames)({ component: "Calendar", size: size2, variant });
|
|
3204
|
+
const [selectedDropdown, setSelectedDropdown] = (0, import_react38.useState)();
|
|
3170
3205
|
const ViewMap = {
|
|
3171
3206
|
month: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MonthListBox_default, { setSelectedDropdown }),
|
|
3172
3207
|
year: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(YearListBox_default, { setSelectedDropdown })
|
|
3173
3208
|
};
|
|
3174
|
-
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3175
|
-
|
|
3209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CalendarContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3210
|
+
import_react_aria_components43.Calendar,
|
|
3176
3211
|
{
|
|
3177
|
-
className: (0,
|
|
3178
|
-
"flex min-h-[350px] w-fit flex-col rounded-xs p-4",
|
|
3212
|
+
className: (0, import_system63.cn)(
|
|
3213
|
+
"relative flex min-h-[350px] w-fit flex-col rounded-xs p-4",
|
|
3179
3214
|
classNames3.calendar
|
|
3180
3215
|
),
|
|
3181
3216
|
...props,
|
|
3182
|
-
children:
|
|
3183
|
-
/* @__PURE__ */ (0, import_jsx_runtime71.
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
isDisabled: props.isDisabled,
|
|
3190
|
-
setSelectedDropdown
|
|
3191
|
-
}
|
|
3217
|
+
children: [
|
|
3218
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3219
|
+
"div",
|
|
3220
|
+
{
|
|
3221
|
+
className: (0, import_system63.cn)(
|
|
3222
|
+
"pointer-events-none absolute top-1/2 left-0 w-full -translate-y-1/2 opacity-0",
|
|
3223
|
+
selectedDropdown && "pointer-events-auto opacity-100"
|
|
3192
3224
|
),
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3225
|
+
children: ViewMap[selectedDropdown]
|
|
3226
|
+
}
|
|
3227
|
+
),
|
|
3228
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3229
|
+
"div",
|
|
3230
|
+
{
|
|
3231
|
+
className: (0, import_system63.cn)(
|
|
3232
|
+
"flex flex-col",
|
|
3233
|
+
selectedDropdown && "pointer-events-none opacity-0"
|
|
3234
|
+
),
|
|
3235
|
+
children: [
|
|
3236
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
|
|
3237
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex w-fit gap-4", children: ["month", "year"].map((dateType) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3238
|
+
CalendarListBox,
|
|
3239
|
+
{
|
|
3240
|
+
type: dateType,
|
|
3241
|
+
isDisabled: props.isDisabled,
|
|
3242
|
+
setSelectedDropdown
|
|
3243
|
+
},
|
|
3244
|
+
dateType
|
|
3245
|
+
)) }),
|
|
3246
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MonthControls_default, {})
|
|
3247
|
+
] }),
|
|
3248
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(_CalendarGrid, {})
|
|
3249
|
+
]
|
|
3250
|
+
}
|
|
3251
|
+
)
|
|
3252
|
+
]
|
|
3206
3253
|
}
|
|
3207
|
-
);
|
|
3254
|
+
) });
|
|
3208
3255
|
};
|
|
3209
3256
|
|
|
3210
3257
|
// src/DatePicker/DatePicker.tsx
|
|
3211
|
-
var
|
|
3212
|
-
var
|
|
3213
|
-
var
|
|
3258
|
+
var import_react39 = __toESM(require("react"));
|
|
3259
|
+
var import_react_aria_components44 = require("react-aria-components");
|
|
3260
|
+
var import_system64 = require("@marigold/system");
|
|
3214
3261
|
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3215
|
-
var _DatePicker =
|
|
3262
|
+
var _DatePicker = import_react39.default.forwardRef(
|
|
3216
3263
|
({
|
|
3217
3264
|
dateUnavailable,
|
|
3218
3265
|
disabled,
|
|
@@ -3235,7 +3282,7 @@ var _DatePicker = import_react38.default.forwardRef(
|
|
|
3235
3282
|
granularity,
|
|
3236
3283
|
...rest
|
|
3237
3284
|
};
|
|
3238
|
-
const classNames3 = (0,
|
|
3285
|
+
const classNames3 = (0, import_system64.useClassNames)({
|
|
3239
3286
|
component: "DatePicker",
|
|
3240
3287
|
size: size2,
|
|
3241
3288
|
variant
|
|
@@ -3243,7 +3290,7 @@ var _DatePicker = import_react38.default.forwardRef(
|
|
|
3243
3290
|
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3244
3291
|
FieldBase,
|
|
3245
3292
|
{
|
|
3246
|
-
as:
|
|
3293
|
+
as: import_react_aria_components44.DatePicker,
|
|
3247
3294
|
variant,
|
|
3248
3295
|
size: size2,
|
|
3249
3296
|
...props,
|
|
@@ -3265,7 +3312,7 @@ var _DatePicker = import_react38.default.forwardRef(
|
|
|
3265
3312
|
) })
|
|
3266
3313
|
}
|
|
3267
3314
|
),
|
|
3268
|
-
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3315
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_aria_components44.Dialog, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(_Calendar, { disabled }) }) })
|
|
3269
3316
|
]
|
|
3270
3317
|
}
|
|
3271
3318
|
);
|
|
@@ -3273,43 +3320,43 @@ var _DatePicker = import_react38.default.forwardRef(
|
|
|
3273
3320
|
);
|
|
3274
3321
|
|
|
3275
3322
|
// src/Inset/Inset.tsx
|
|
3276
|
-
var
|
|
3323
|
+
var import_system65 = require("@marigold/system");
|
|
3277
3324
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3278
3325
|
var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3279
3326
|
"div",
|
|
3280
3327
|
{
|
|
3281
|
-
className: (0,
|
|
3282
|
-
space &&
|
|
3283
|
-
!space && spaceX &&
|
|
3284
|
-
!space && spaceY &&
|
|
3328
|
+
className: (0, import_system65.cn)(
|
|
3329
|
+
space && import_system65.paddingSpace[space],
|
|
3330
|
+
!space && spaceX && import_system65.paddingSpaceX[spaceX],
|
|
3331
|
+
!space && spaceY && import_system65.paddingSpaceY[spaceY]
|
|
3285
3332
|
),
|
|
3286
3333
|
children
|
|
3287
3334
|
}
|
|
3288
3335
|
);
|
|
3289
3336
|
|
|
3290
3337
|
// src/Link/Link.tsx
|
|
3291
|
-
var
|
|
3292
|
-
var
|
|
3293
|
-
var
|
|
3338
|
+
var import_react40 = require("react");
|
|
3339
|
+
var import_react_aria_components45 = require("react-aria-components");
|
|
3340
|
+
var import_system66 = require("@marigold/system");
|
|
3294
3341
|
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3295
|
-
var _Link = (0,
|
|
3342
|
+
var _Link = (0, import_react40.forwardRef)(
|
|
3296
3343
|
({ variant, size: size2, disabled, children, ...props }, ref) => {
|
|
3297
|
-
const classNames3 = (0,
|
|
3344
|
+
const classNames3 = (0, import_system66.useClassNames)({
|
|
3298
3345
|
component: "Link",
|
|
3299
3346
|
variant,
|
|
3300
3347
|
size: size2
|
|
3301
3348
|
});
|
|
3302
|
-
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3349
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_aria_components45.Link, { ...props, ref, className: classNames3, isDisabled: disabled, children });
|
|
3303
3350
|
}
|
|
3304
3351
|
);
|
|
3305
3352
|
|
|
3306
3353
|
// src/List/List.tsx
|
|
3307
|
-
var
|
|
3354
|
+
var import_system67 = require("@marigold/system");
|
|
3308
3355
|
|
|
3309
3356
|
// src/List/Context.ts
|
|
3310
|
-
var
|
|
3311
|
-
var ListContext = (0,
|
|
3312
|
-
var useListContext = () => (0,
|
|
3357
|
+
var import_react41 = require("react");
|
|
3358
|
+
var ListContext = (0, import_react41.createContext)({});
|
|
3359
|
+
var useListContext = () => (0, import_react41.useContext)(ListContext);
|
|
3313
3360
|
|
|
3314
3361
|
// src/List/ListItem.tsx
|
|
3315
3362
|
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
@@ -3328,31 +3375,31 @@ var List = ({
|
|
|
3328
3375
|
...props
|
|
3329
3376
|
}) => {
|
|
3330
3377
|
const Component2 = as;
|
|
3331
|
-
const classNames3 = (0,
|
|
3378
|
+
const classNames3 = (0, import_system67.useClassNames)({ component: "List", variant, size: size2 });
|
|
3332
3379
|
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Component2, { ...props, className: classNames3[as], children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ListContext.Provider, { value: { classNames: classNames3.item }, children }) });
|
|
3333
3380
|
};
|
|
3334
3381
|
List.Item = ListItem;
|
|
3335
3382
|
|
|
3336
3383
|
// src/Menu/Menu.tsx
|
|
3337
|
-
var
|
|
3338
|
-
var
|
|
3384
|
+
var import_react_aria_components48 = require("react-aria-components");
|
|
3385
|
+
var import_system70 = require("@marigold/system");
|
|
3339
3386
|
|
|
3340
3387
|
// src/Menu/MenuItem.tsx
|
|
3341
|
-
var
|
|
3342
|
-
var
|
|
3388
|
+
var import_react_aria_components46 = require("react-aria-components");
|
|
3389
|
+
var import_system68 = require("@marigold/system");
|
|
3343
3390
|
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3344
3391
|
var _MenuItem = ({ children, ...props }) => {
|
|
3345
|
-
const classNames3 = (0,
|
|
3346
|
-
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3392
|
+
const classNames3 = (0, import_system68.useClassNames)({ component: "Menu" });
|
|
3393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_aria_components46.MenuItem, { ...props, className: classNames3.item, children });
|
|
3347
3394
|
};
|
|
3348
3395
|
|
|
3349
3396
|
// src/Menu/MenuSection.tsx
|
|
3350
|
-
var
|
|
3351
|
-
var
|
|
3397
|
+
var import_react_aria_components47 = require("react-aria-components");
|
|
3398
|
+
var import_system69 = require("@marigold/system");
|
|
3352
3399
|
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3353
3400
|
var _MenuSection = ({ children, title, ...props }) => {
|
|
3354
|
-
const className = (0,
|
|
3355
|
-
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
3401
|
+
const className = (0, import_system69.useClassNames)({ component: "Menu" });
|
|
3402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react_aria_components47.MenuSection, { ...props, children: [
|
|
3356
3403
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(_Header, { className: className.section, children: title }),
|
|
3357
3404
|
children
|
|
3358
3405
|
] });
|
|
@@ -3371,18 +3418,26 @@ var _Menu = ({
|
|
|
3371
3418
|
"aria-label": ariaLabel,
|
|
3372
3419
|
...props
|
|
3373
3420
|
}) => {
|
|
3374
|
-
const classNames3 = (0,
|
|
3375
|
-
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
3376
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3377
|
-
|
|
3421
|
+
const classNames3 = (0, import_system70.useClassNames)({ component: "Menu", variant, size: size2 });
|
|
3422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react_aria_components48.MenuTrigger, { ...props, children: [
|
|
3423
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3424
|
+
import_react_aria_components48.Button,
|
|
3425
|
+
{
|
|
3426
|
+
className: classNames3.button,
|
|
3427
|
+
"aria-label": ariaLabel,
|
|
3428
|
+
isDisabled: disabled,
|
|
3429
|
+
children: label
|
|
3430
|
+
}
|
|
3431
|
+
),
|
|
3432
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(_Popover, { open, placement, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_aria_components48.Menu, { ...props, className: classNames3.container, children }) })
|
|
3378
3433
|
] });
|
|
3379
3434
|
};
|
|
3380
3435
|
_Menu.Item = _MenuItem;
|
|
3381
3436
|
_Menu.Section = _MenuSection;
|
|
3382
3437
|
|
|
3383
3438
|
// src/Menu/ActionMenu.tsx
|
|
3384
|
-
var
|
|
3385
|
-
var
|
|
3439
|
+
var import_react_aria_components49 = require("react-aria-components");
|
|
3440
|
+
var import_system71 = require("@marigold/system");
|
|
3386
3441
|
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3387
3442
|
var ActionMenu = ({
|
|
3388
3443
|
variant,
|
|
@@ -3390,39 +3445,39 @@ var ActionMenu = ({
|
|
|
3390
3445
|
disabled,
|
|
3391
3446
|
...props
|
|
3392
3447
|
}) => {
|
|
3393
|
-
const classNames3 = (0,
|
|
3394
|
-
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3395
|
-
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3396
|
-
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3448
|
+
const classNames3 = (0, import_system71.useClassNames)({ component: "Menu", variant, size: size2 });
|
|
3449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react_aria_components49.MenuTrigger, { children: [
|
|
3450
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_aria_components49.Button, { className: classNames3.button, isDisabled: disabled, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_system71.SVG, { viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M12.0117 7.47656C13.2557 7.47656 14.2734 6.45879 14.2734 5.21484C14.2734 3.9709 13.2557 2.95312 12.0117 2.95312C10.7678 2.95312 9.75 3.9709 9.75 5.21484C9.75 6.45879 10.7678 7.47656 12.0117 7.47656ZM12.0117 9.73828C10.7678 9.73828 9.75 10.7561 9.75 12C9.75 13.2439 10.7678 14.2617 12.0117 14.2617C13.2557 14.2617 14.2734 13.2439 14.2734 12C14.2734 10.7561 13.2557 9.73828 12.0117 9.73828ZM12.0117 16.5234C10.7678 16.5234 9.75 17.5412 9.75 18.7852C9.75 20.0291 10.7678 21.0469 12.0117 21.0469C13.2557 21.0469 14.2734 20.0291 14.2734 18.7852C14.2734 17.5412 13.2557 16.5234 12.0117 16.5234Z" }) }) }),
|
|
3451
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_aria_components49.Menu, { ...props, className: classNames3.container, children: props.children }) })
|
|
3397
3452
|
] });
|
|
3398
3453
|
};
|
|
3399
3454
|
|
|
3400
3455
|
// src/SectionMessage/SectionMessage.tsx
|
|
3401
|
-
var
|
|
3456
|
+
var import_react43 = require("react");
|
|
3402
3457
|
var import_button = require("@react-aria/button");
|
|
3403
|
-
var
|
|
3458
|
+
var import_system74 = require("@marigold/system");
|
|
3404
3459
|
|
|
3405
3460
|
// src/SectionMessage/Context.tsx
|
|
3406
|
-
var
|
|
3407
|
-
var SectionMessageContext = (0,
|
|
3408
|
-
var useSectionMessageContext = () => (0,
|
|
3461
|
+
var import_react42 = require("react");
|
|
3462
|
+
var SectionMessageContext = (0, import_react42.createContext)({});
|
|
3463
|
+
var useSectionMessageContext = () => (0, import_react42.useContext)(SectionMessageContext);
|
|
3409
3464
|
|
|
3410
3465
|
// src/SectionMessage/SectionMessageContent.tsx
|
|
3411
|
-
var
|
|
3466
|
+
var import_system72 = require("@marigold/system");
|
|
3412
3467
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3413
3468
|
var SectionMessageContent = ({
|
|
3414
3469
|
children
|
|
3415
3470
|
}) => {
|
|
3416
3471
|
const { classNames: classNames3 } = useSectionMessageContext();
|
|
3417
|
-
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0,
|
|
3472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_system72.cn)("[grid-area:content]", classNames3.content), children });
|
|
3418
3473
|
};
|
|
3419
3474
|
|
|
3420
3475
|
// src/SectionMessage/SectionMessageTitle.tsx
|
|
3421
|
-
var
|
|
3476
|
+
var import_system73 = require("@marigold/system");
|
|
3422
3477
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3423
3478
|
var SectionMessageTitle = ({ children }) => {
|
|
3424
3479
|
const { classNames: classNames3 } = useSectionMessageContext();
|
|
3425
|
-
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0,
|
|
3480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_system73.cn)("[grid-area:title]", classNames3.title), children });
|
|
3426
3481
|
};
|
|
3427
3482
|
|
|
3428
3483
|
// src/SectionMessage/SectionMessage.tsx
|
|
@@ -3502,14 +3557,14 @@ var SectionMessage = ({
|
|
|
3502
3557
|
onCloseChange,
|
|
3503
3558
|
...props
|
|
3504
3559
|
}) => {
|
|
3505
|
-
const buttonRef = (0,
|
|
3506
|
-
const classNames3 = (0,
|
|
3560
|
+
const buttonRef = (0, import_react43.useRef)(null);
|
|
3561
|
+
const classNames3 = (0, import_system74.useClassNames)({
|
|
3507
3562
|
component: "SectionMessage",
|
|
3508
3563
|
variant,
|
|
3509
3564
|
size: size2
|
|
3510
3565
|
});
|
|
3511
3566
|
const Icon4 = icons[variant];
|
|
3512
|
-
const [internalVisible, setInternalVisible] = (0,
|
|
3567
|
+
const [internalVisible, setInternalVisible] = (0, import_react43.useState)(true);
|
|
3513
3568
|
const isCurrentlyVisible = close != null ? close : internalVisible;
|
|
3514
3569
|
const { buttonProps } = (0, import_button.useButton)(props, buttonRef);
|
|
3515
3570
|
const handleClose = () => {
|
|
@@ -3524,16 +3579,16 @@ var SectionMessage = ({
|
|
|
3524
3579
|
{
|
|
3525
3580
|
role: variant === "error" ? "alert" : void 0,
|
|
3526
3581
|
...props,
|
|
3527
|
-
className: (0,
|
|
3582
|
+
className: (0, import_system74.cn)("grid auto-rows-min", classNames3.container),
|
|
3528
3583
|
children: [
|
|
3529
|
-
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: (0,
|
|
3584
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: (0, import_system74.cn)("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon4, {}) }),
|
|
3530
3585
|
closeButton && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3531
3586
|
CloseButton,
|
|
3532
3587
|
{
|
|
3533
3588
|
...buttonProps,
|
|
3534
3589
|
ref: buttonRef,
|
|
3535
3590
|
"aria-label": "close",
|
|
3536
|
-
className: (0,
|
|
3591
|
+
className: (0, import_system74.cn)("[grid-area:close]", classNames3.close),
|
|
3537
3592
|
onPress: handleClose
|
|
3538
3593
|
}
|
|
3539
3594
|
),
|
|
@@ -3546,9 +3601,9 @@ SectionMessage.Title = SectionMessageTitle;
|
|
|
3546
3601
|
SectionMessage.Content = SectionMessageContent;
|
|
3547
3602
|
|
|
3548
3603
|
// src/Multiselect/Multiselect.tsx
|
|
3549
|
-
var
|
|
3604
|
+
var import_react_aria_components50 = require("react-aria-components");
|
|
3550
3605
|
|
|
3551
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3606
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
3552
3607
|
function _typeof(o) {
|
|
3553
3608
|
"@babel/helpers - typeof";
|
|
3554
3609
|
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
|
@@ -3558,7 +3613,7 @@ function _typeof(o) {
|
|
|
3558
3613
|
}, _typeof(o);
|
|
3559
3614
|
}
|
|
3560
3615
|
|
|
3561
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3616
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
|
|
3562
3617
|
function toPrimitive(t, r) {
|
|
3563
3618
|
if ("object" != _typeof(t) || !t) return t;
|
|
3564
3619
|
var e = t[Symbol.toPrimitive];
|
|
@@ -3570,13 +3625,13 @@ function toPrimitive(t, r) {
|
|
|
3570
3625
|
return ("string" === r ? String : Number)(t);
|
|
3571
3626
|
}
|
|
3572
3627
|
|
|
3573
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3628
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
|
|
3574
3629
|
function toPropertyKey(t) {
|
|
3575
3630
|
var i = toPrimitive(t, "string");
|
|
3576
3631
|
return "symbol" == _typeof(i) ? i : i + "";
|
|
3577
3632
|
}
|
|
3578
3633
|
|
|
3579
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3634
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
3580
3635
|
function _defineProperty(e, r, t) {
|
|
3581
3636
|
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
3582
3637
|
value: t,
|
|
@@ -3586,7 +3641,7 @@ function _defineProperty(e, r, t) {
|
|
|
3586
3641
|
}) : e[r] = t, e;
|
|
3587
3642
|
}
|
|
3588
3643
|
|
|
3589
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3644
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
3590
3645
|
function ownKeys(e, r) {
|
|
3591
3646
|
var t = Object.keys(e);
|
|
3592
3647
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -3609,12 +3664,12 @@ function _objectSpread2(e) {
|
|
|
3609
3664
|
return e;
|
|
3610
3665
|
}
|
|
3611
3666
|
|
|
3612
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3667
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
|
|
3613
3668
|
function _arrayWithHoles(r) {
|
|
3614
3669
|
if (Array.isArray(r)) return r;
|
|
3615
3670
|
}
|
|
3616
3671
|
|
|
3617
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3672
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
|
|
3618
3673
|
function _iterableToArrayLimit(r, l) {
|
|
3619
3674
|
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
3620
3675
|
if (null != t) {
|
|
@@ -3637,14 +3692,14 @@ function _iterableToArrayLimit(r, l) {
|
|
|
3637
3692
|
}
|
|
3638
3693
|
}
|
|
3639
3694
|
|
|
3640
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3695
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
|
|
3641
3696
|
function _arrayLikeToArray(r, a) {
|
|
3642
3697
|
(null == a || a > r.length) && (a = r.length);
|
|
3643
3698
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
3644
3699
|
return n;
|
|
3645
3700
|
}
|
|
3646
3701
|
|
|
3647
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3702
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
|
|
3648
3703
|
function _unsupportedIterableToArray(r, a) {
|
|
3649
3704
|
if (r) {
|
|
3650
3705
|
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
@@ -3653,17 +3708,17 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
3653
3708
|
}
|
|
3654
3709
|
}
|
|
3655
3710
|
|
|
3656
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3711
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
|
|
3657
3712
|
function _nonIterableRest() {
|
|
3658
3713
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3659
3714
|
}
|
|
3660
3715
|
|
|
3661
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3716
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
|
|
3662
3717
|
function _slicedToArray(r, e) {
|
|
3663
3718
|
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
3664
3719
|
}
|
|
3665
3720
|
|
|
3666
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3721
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
|
3667
3722
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
3668
3723
|
if (null == r) return {};
|
|
3669
3724
|
var t = {};
|
|
@@ -3674,7 +3729,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
3674
3729
|
return t;
|
|
3675
3730
|
}
|
|
3676
3731
|
|
|
3677
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3732
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
3678
3733
|
function _objectWithoutProperties(e, t) {
|
|
3679
3734
|
if (null == e) return {};
|
|
3680
3735
|
var o, r, i = _objectWithoutPropertiesLoose(e, t);
|
|
@@ -3685,34 +3740,34 @@ function _objectWithoutProperties(e, t) {
|
|
|
3685
3740
|
return i;
|
|
3686
3741
|
}
|
|
3687
3742
|
|
|
3688
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
3689
|
-
var
|
|
3743
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
|
|
3744
|
+
var import_react44 = require("react");
|
|
3690
3745
|
var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
|
|
3691
3746
|
function useStateManager(_ref3) {
|
|
3692
3747
|
var _ref$defaultInputValu = _ref3.defaultInputValue, defaultInputValue = _ref$defaultInputValu === void 0 ? "" : _ref$defaultInputValu, _ref$defaultMenuIsOpe = _ref3.defaultMenuIsOpen, defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe, _ref$defaultValue = _ref3.defaultValue, defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue, propsInputValue = _ref3.inputValue, propsMenuIsOpen = _ref3.menuIsOpen, propsOnChange = _ref3.onChange, propsOnInputChange = _ref3.onInputChange, propsOnMenuClose = _ref3.onMenuClose, propsOnMenuOpen = _ref3.onMenuOpen, propsValue = _ref3.value, restSelectProps = _objectWithoutProperties(_ref3, _excluded);
|
|
3693
|
-
var _useState = (0,
|
|
3694
|
-
var _useState3 = (0,
|
|
3695
|
-
var _useState5 = (0,
|
|
3696
|
-
var onChange2 = (0,
|
|
3748
|
+
var _useState = (0, import_react44.useState)(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
|
|
3749
|
+
var _useState3 = (0, import_react44.useState)(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
|
|
3750
|
+
var _useState5 = (0, import_react44.useState)(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
|
|
3751
|
+
var onChange2 = (0, import_react44.useCallback)(function(value2, actionMeta) {
|
|
3697
3752
|
if (typeof propsOnChange === "function") {
|
|
3698
3753
|
propsOnChange(value2, actionMeta);
|
|
3699
3754
|
}
|
|
3700
3755
|
setStateValue(value2);
|
|
3701
3756
|
}, [propsOnChange]);
|
|
3702
|
-
var onInputChange = (0,
|
|
3757
|
+
var onInputChange = (0, import_react44.useCallback)(function(value2, actionMeta) {
|
|
3703
3758
|
var newValue;
|
|
3704
3759
|
if (typeof propsOnInputChange === "function") {
|
|
3705
3760
|
newValue = propsOnInputChange(value2, actionMeta);
|
|
3706
3761
|
}
|
|
3707
3762
|
setStateInputValue(newValue !== void 0 ? newValue : value2);
|
|
3708
3763
|
}, [propsOnInputChange]);
|
|
3709
|
-
var onMenuOpen = (0,
|
|
3764
|
+
var onMenuOpen = (0, import_react44.useCallback)(function() {
|
|
3710
3765
|
if (typeof propsOnMenuOpen === "function") {
|
|
3711
3766
|
propsOnMenuOpen();
|
|
3712
3767
|
}
|
|
3713
3768
|
setStateMenuIsOpen(true);
|
|
3714
3769
|
}, [propsOnMenuOpen]);
|
|
3715
|
-
var onMenuClose = (0,
|
|
3770
|
+
var onMenuClose = (0, import_react44.useCallback)(function() {
|
|
3716
3771
|
if (typeof propsOnMenuClose === "function") {
|
|
3717
3772
|
propsOnMenuClose();
|
|
3718
3773
|
}
|
|
@@ -3732,7 +3787,7 @@ function useStateManager(_ref3) {
|
|
|
3732
3787
|
});
|
|
3733
3788
|
}
|
|
3734
3789
|
|
|
3735
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3790
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/extends.js
|
|
3736
3791
|
function _extends() {
|
|
3737
3792
|
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
3738
3793
|
for (var e = 1; e < arguments.length; e++) {
|
|
@@ -3743,16 +3798,16 @@ function _extends() {
|
|
|
3743
3798
|
}, _extends.apply(null, arguments);
|
|
3744
3799
|
}
|
|
3745
3800
|
|
|
3746
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
3801
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
|
|
3747
3802
|
var React11 = __toESM(require("react"));
|
|
3748
|
-
var
|
|
3803
|
+
var import_react51 = require("react");
|
|
3749
3804
|
|
|
3750
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3805
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
3751
3806
|
function _classCallCheck(a, n) {
|
|
3752
3807
|
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
3753
3808
|
}
|
|
3754
3809
|
|
|
3755
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3810
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
3756
3811
|
function _defineProperties(e, r) {
|
|
3757
3812
|
for (var t = 0; t < r.length; t++) {
|
|
3758
3813
|
var o = r[t];
|
|
@@ -3765,14 +3820,14 @@ function _createClass(e, r, t) {
|
|
|
3765
3820
|
}), e;
|
|
3766
3821
|
}
|
|
3767
3822
|
|
|
3768
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3823
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
|
|
3769
3824
|
function _setPrototypeOf(t, e) {
|
|
3770
3825
|
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
|
|
3771
3826
|
return t2.__proto__ = e2, t2;
|
|
3772
3827
|
}, _setPrototypeOf(t, e);
|
|
3773
3828
|
}
|
|
3774
3829
|
|
|
3775
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3830
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
3776
3831
|
function _inherits(t, e) {
|
|
3777
3832
|
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
|
|
3778
3833
|
t.prototype = Object.create(e && e.prototype, {
|
|
@@ -3786,14 +3841,14 @@ function _inherits(t, e) {
|
|
|
3786
3841
|
}), e && _setPrototypeOf(t, e);
|
|
3787
3842
|
}
|
|
3788
3843
|
|
|
3789
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3844
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
|
|
3790
3845
|
function _getPrototypeOf(t) {
|
|
3791
3846
|
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
|
|
3792
3847
|
return t2.__proto__ || Object.getPrototypeOf(t2);
|
|
3793
3848
|
}, _getPrototypeOf(t);
|
|
3794
3849
|
}
|
|
3795
3850
|
|
|
3796
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3851
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
|
|
3797
3852
|
function _isNativeReflectConstruct() {
|
|
3798
3853
|
try {
|
|
3799
3854
|
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
|
|
@@ -3805,20 +3860,20 @@ function _isNativeReflectConstruct() {
|
|
|
3805
3860
|
})();
|
|
3806
3861
|
}
|
|
3807
3862
|
|
|
3808
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3863
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
3809
3864
|
function _assertThisInitialized(e) {
|
|
3810
3865
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
3811
3866
|
return e;
|
|
3812
3867
|
}
|
|
3813
3868
|
|
|
3814
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3869
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
|
|
3815
3870
|
function _possibleConstructorReturn(t, e) {
|
|
3816
3871
|
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
|
|
3817
3872
|
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
3818
3873
|
return _assertThisInitialized(t);
|
|
3819
3874
|
}
|
|
3820
3875
|
|
|
3821
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3876
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createSuper.js
|
|
3822
3877
|
function _createSuper(t) {
|
|
3823
3878
|
var r = _isNativeReflectConstruct();
|
|
3824
3879
|
return function() {
|
|
@@ -3831,33 +3886,33 @@ function _createSuper(t) {
|
|
|
3831
3886
|
};
|
|
3832
3887
|
}
|
|
3833
3888
|
|
|
3834
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3889
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
|
|
3835
3890
|
function _arrayWithoutHoles(r) {
|
|
3836
3891
|
if (Array.isArray(r)) return _arrayLikeToArray(r);
|
|
3837
3892
|
}
|
|
3838
3893
|
|
|
3839
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3894
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
|
|
3840
3895
|
function _iterableToArray(r) {
|
|
3841
3896
|
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
3842
3897
|
}
|
|
3843
3898
|
|
|
3844
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3899
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
|
|
3845
3900
|
function _nonIterableSpread() {
|
|
3846
3901
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3847
3902
|
}
|
|
3848
3903
|
|
|
3849
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
3904
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
|
|
3850
3905
|
function _toConsumableArray(r) {
|
|
3851
3906
|
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
3852
3907
|
}
|
|
3853
3908
|
|
|
3854
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
3909
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
|
|
3855
3910
|
var React10 = __toESM(require("react"));
|
|
3856
|
-
var
|
|
3911
|
+
var import_react49 = require("react");
|
|
3857
3912
|
|
|
3858
|
-
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.
|
|
3913
|
+
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.5_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
|
|
3859
3914
|
var React8 = __toESM(require("react"));
|
|
3860
|
-
var
|
|
3915
|
+
var import_react45 = require("react");
|
|
3861
3916
|
|
|
3862
3917
|
// ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
|
|
3863
3918
|
var isDevelopment = false;
|
|
@@ -5029,7 +5084,7 @@ var syncFallback = function syncFallback2(create) {
|
|
|
5029
5084
|
var useInsertionEffect2 = React7["useInsertionEffect"] ? React7["useInsertionEffect"] : false;
|
|
5030
5085
|
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
|
|
5031
5086
|
|
|
5032
|
-
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.
|
|
5087
|
+
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.5_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
|
|
5033
5088
|
var isDevelopment3 = false;
|
|
5034
5089
|
var isBrowser4 = typeof document !== "undefined";
|
|
5035
5090
|
var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
|
|
@@ -5045,15 +5100,15 @@ var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
|
|
|
5045
5100
|
);
|
|
5046
5101
|
var CacheProvider = EmotionCacheContext.Provider;
|
|
5047
5102
|
var withEmotionCache = function withEmotionCache2(func) {
|
|
5048
|
-
return /* @__PURE__ */ (0,
|
|
5049
|
-
var cache = (0,
|
|
5103
|
+
return /* @__PURE__ */ (0, import_react45.forwardRef)(function(props, ref) {
|
|
5104
|
+
var cache = (0, import_react45.useContext)(EmotionCacheContext);
|
|
5050
5105
|
return func(props, cache, ref);
|
|
5051
5106
|
});
|
|
5052
5107
|
};
|
|
5053
5108
|
if (!isBrowser4) {
|
|
5054
5109
|
withEmotionCache = function withEmotionCache3(func) {
|
|
5055
5110
|
return function(props) {
|
|
5056
|
-
var cache = (0,
|
|
5111
|
+
var cache = (0, import_react45.useContext)(EmotionCacheContext);
|
|
5057
5112
|
if (cache === null) {
|
|
5058
5113
|
cache = createCache({
|
|
5059
5114
|
key: "css"
|
|
@@ -5133,7 +5188,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
|
|
|
5133
5188
|
});
|
|
5134
5189
|
var Emotion$1 = Emotion;
|
|
5135
5190
|
|
|
5136
|
-
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.
|
|
5191
|
+
// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.5_react@19.1.0/node_modules/@emotion/react/dist/emotion-react.esm.js
|
|
5137
5192
|
var React9 = __toESM(require("react"));
|
|
5138
5193
|
var import_extends2 = __toESM(require_extends());
|
|
5139
5194
|
var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
|
|
@@ -5175,7 +5230,7 @@ function keyframes() {
|
|
|
5175
5230
|
};
|
|
5176
5231
|
}
|
|
5177
5232
|
|
|
5178
|
-
// ../../node_modules/.pnpm/@babel+runtime@7.27.
|
|
5233
|
+
// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
|
|
5179
5234
|
function _taggedTemplateLiteral(e, t) {
|
|
5180
5235
|
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
5181
5236
|
raw: {
|
|
@@ -5184,8 +5239,8 @@ function _taggedTemplateLiteral(e, t) {
|
|
|
5184
5239
|
}));
|
|
5185
5240
|
}
|
|
5186
5241
|
|
|
5187
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
5188
|
-
var
|
|
5242
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
|
|
5243
|
+
var import_react48 = require("react");
|
|
5189
5244
|
var import_react_dom = require("react-dom");
|
|
5190
5245
|
|
|
5191
5246
|
// ../../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
@@ -5585,12 +5640,12 @@ function autoUpdate(reference, floating, update, options2) {
|
|
|
5585
5640
|
};
|
|
5586
5641
|
}
|
|
5587
5642
|
|
|
5588
|
-
// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.0_@types+react@19.1.
|
|
5589
|
-
var
|
|
5643
|
+
// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.0_@types+react@19.1.5_react@19.1.0/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
|
|
5644
|
+
var import_react46 = require("react");
|
|
5590
5645
|
var isClient = typeof document !== "undefined";
|
|
5591
|
-
var index = isClient ?
|
|
5646
|
+
var index = isClient ? import_react46.useLayoutEffect : import_react46.useEffect;
|
|
5592
5647
|
|
|
5593
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
5648
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
|
|
5594
5649
|
var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
|
|
5595
5650
|
var noop = function noop2() {
|
|
5596
5651
|
};
|
|
@@ -5922,13 +5977,13 @@ var menuCSS = function menuCSS2(_ref23, unstyled) {
|
|
|
5922
5977
|
marginTop: spacing2.menuGutter
|
|
5923
5978
|
});
|
|
5924
5979
|
};
|
|
5925
|
-
var PortalPlacementContext = /* @__PURE__ */ (0,
|
|
5980
|
+
var PortalPlacementContext = /* @__PURE__ */ (0, import_react48.createContext)(null);
|
|
5926
5981
|
var MenuPlacer = function MenuPlacer2(props) {
|
|
5927
5982
|
var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
|
|
5928
|
-
var _ref3 = (0,
|
|
5929
|
-
var ref = (0,
|
|
5930
|
-
var _useState = (0,
|
|
5931
|
-
var _useState3 = (0,
|
|
5983
|
+
var _ref3 = (0, import_react48.useContext)(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
|
|
5984
|
+
var ref = (0, import_react48.useRef)(null);
|
|
5985
|
+
var _useState = (0, import_react48.useState)(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
|
|
5986
|
+
var _useState3 = (0, import_react48.useState)(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
|
|
5932
5987
|
var controlHeight2 = theme.spacing.controlHeight;
|
|
5933
5988
|
index(function() {
|
|
5934
5989
|
var menuEl = ref.current;
|
|
@@ -6030,16 +6085,16 @@ var menuPortalCSS = function menuPortalCSS2(_ref8) {
|
|
|
6030
6085
|
};
|
|
6031
6086
|
var MenuPortal = function MenuPortal2(props) {
|
|
6032
6087
|
var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
|
|
6033
|
-
var menuPortalRef = (0,
|
|
6034
|
-
var cleanupRef = (0,
|
|
6035
|
-
var _useState5 = (0,
|
|
6036
|
-
var portalPlacementContext = (0,
|
|
6088
|
+
var menuPortalRef = (0, import_react48.useRef)(null);
|
|
6089
|
+
var cleanupRef = (0, import_react48.useRef)(null);
|
|
6090
|
+
var _useState5 = (0, import_react48.useState)(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
|
|
6091
|
+
var portalPlacementContext = (0, import_react48.useMemo)(function() {
|
|
6037
6092
|
return {
|
|
6038
6093
|
setPortalPlacement
|
|
6039
6094
|
};
|
|
6040
6095
|
}, []);
|
|
6041
|
-
var _useState7 = (0,
|
|
6042
|
-
var updateComputedPosition = (0,
|
|
6096
|
+
var _useState7 = (0, import_react48.useState)(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
|
|
6097
|
+
var updateComputedPosition = (0, import_react48.useCallback)(function() {
|
|
6043
6098
|
if (!controlElement) return;
|
|
6044
6099
|
var rect = getBoundingClientObj(controlElement);
|
|
6045
6100
|
var scrollDistance = menuPosition === "fixed" ? 0 : window.pageYOffset;
|
|
@@ -6054,7 +6109,7 @@ var MenuPortal = function MenuPortal2(props) {
|
|
|
6054
6109
|
index(function() {
|
|
6055
6110
|
updateComputedPosition();
|
|
6056
6111
|
}, [updateComputedPosition]);
|
|
6057
|
-
var runAutoUpdate = (0,
|
|
6112
|
+
var runAutoUpdate = (0, import_react48.useCallback)(function() {
|
|
6058
6113
|
if (typeof cleanupRef.current === "function") {
|
|
6059
6114
|
cleanupRef.current();
|
|
6060
6115
|
cleanupRef.current = null;
|
|
@@ -6068,7 +6123,7 @@ var MenuPortal = function MenuPortal2(props) {
|
|
|
6068
6123
|
index(function() {
|
|
6069
6124
|
runAutoUpdate();
|
|
6070
6125
|
}, [runAutoUpdate]);
|
|
6071
|
-
var setMenuPortalElement = (0,
|
|
6126
|
+
var setMenuPortalElement = (0, import_react48.useCallback)(function(menuPortalElement) {
|
|
6072
6127
|
menuPortalRef.current = menuPortalElement;
|
|
6073
6128
|
runAutoUpdate();
|
|
6074
6129
|
}, [runAutoUpdate]);
|
|
@@ -6664,7 +6719,7 @@ function memoizeOne(resultFn, isEqual2) {
|
|
|
6664
6719
|
return memoized;
|
|
6665
6720
|
}
|
|
6666
6721
|
|
|
6667
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
6722
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
|
|
6668
6723
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
|
|
6669
6724
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
6670
6725
|
}
|
|
@@ -6739,10 +6794,10 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6739
6794
|
var ariaLiveMessages = selectProps.ariaLiveMessages, getOptionLabel4 = selectProps.getOptionLabel, inputValue = selectProps.inputValue, isMulti = selectProps.isMulti, isOptionDisabled3 = selectProps.isOptionDisabled, isSearchable = selectProps.isSearchable, menuIsOpen = selectProps.menuIsOpen, options2 = selectProps.options, screenReaderStatus2 = selectProps.screenReaderStatus, tabSelectsValue = selectProps.tabSelectsValue, isLoading = selectProps.isLoading;
|
|
6740
6795
|
var ariaLabel = selectProps["aria-label"];
|
|
6741
6796
|
var ariaLive = selectProps["aria-live"];
|
|
6742
|
-
var messages = (0,
|
|
6797
|
+
var messages = (0, import_react49.useMemo)(function() {
|
|
6743
6798
|
return _objectSpread2(_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});
|
|
6744
6799
|
}, [ariaLiveMessages]);
|
|
6745
|
-
var ariaSelected = (0,
|
|
6800
|
+
var ariaSelected = (0, import_react49.useMemo)(function() {
|
|
6746
6801
|
var message = "";
|
|
6747
6802
|
if (ariaSelection && messages.onChange) {
|
|
6748
6803
|
var option = ariaSelection.option, selectedOptions = ariaSelection.options, removedValue = ariaSelection.removedValue, removedValues = ariaSelection.removedValues, value = ariaSelection.value;
|
|
@@ -6764,7 +6819,7 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6764
6819
|
}
|
|
6765
6820
|
return message;
|
|
6766
6821
|
}, [ariaSelection, messages, isOptionDisabled3, selectValue, getOptionLabel4]);
|
|
6767
|
-
var ariaFocused = (0,
|
|
6822
|
+
var ariaFocused = (0, import_react49.useMemo)(function() {
|
|
6768
6823
|
var focusMsg = "";
|
|
6769
6824
|
var focused = focusedOption || focusedValue;
|
|
6770
6825
|
var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
|
|
@@ -6783,7 +6838,7 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6783
6838
|
}
|
|
6784
6839
|
return focusMsg;
|
|
6785
6840
|
}, [focusedOption, focusedValue, getOptionLabel4, isOptionDisabled3, messages, focusableOptions, selectValue, isAppleDevice2]);
|
|
6786
|
-
var ariaResults = (0,
|
|
6841
|
+
var ariaResults = (0, import_react49.useMemo)(function() {
|
|
6787
6842
|
var resultsMsg = "";
|
|
6788
6843
|
if (menuIsOpen && options2.length && !isLoading && messages.onFilter) {
|
|
6789
6844
|
var resultsMessage = screenReaderStatus2({
|
|
@@ -6797,7 +6852,7 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6797
6852
|
return resultsMsg;
|
|
6798
6853
|
}, [focusableOptions, inputValue, menuIsOpen, messages, options2, screenReaderStatus2, isLoading]);
|
|
6799
6854
|
var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus";
|
|
6800
|
-
var ariaGuidance = (0,
|
|
6855
|
+
var ariaGuidance = (0, import_react49.useMemo)(function() {
|
|
6801
6856
|
var guidanceMsg = "";
|
|
6802
6857
|
if (messages.guidance) {
|
|
6803
6858
|
var context = focusedValue ? "value" : menuIsOpen ? "menu" : "input";
|
|
@@ -6813,7 +6868,7 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6813
6868
|
}
|
|
6814
6869
|
return guidanceMsg;
|
|
6815
6870
|
}, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
|
|
6816
|
-
var ScreenReaderText = jsx84(
|
|
6871
|
+
var ScreenReaderText = jsx84(import_react49.Fragment, null, jsx84("span", {
|
|
6817
6872
|
id: "aria-selection"
|
|
6818
6873
|
}, ariaSelected), jsx84("span", {
|
|
6819
6874
|
id: "aria-focused"
|
|
@@ -6822,7 +6877,7 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
6822
6877
|
}, ariaResults), jsx84("span", {
|
|
6823
6878
|
id: "aria-guidance"
|
|
6824
6879
|
}, ariaGuidance));
|
|
6825
|
-
return jsx84(
|
|
6880
|
+
return jsx84(import_react49.Fragment, null, jsx84(A11yText$1, {
|
|
6826
6881
|
id
|
|
6827
6882
|
}, isInitialFocus && ScreenReaderText), jsx84(A11yText$1, {
|
|
6828
6883
|
"aria-live": ariaLive,
|
|
@@ -7169,11 +7224,11 @@ var cancelScroll = function cancelScroll2(event) {
|
|
|
7169
7224
|
};
|
|
7170
7225
|
function useScrollCapture(_ref3) {
|
|
7171
7226
|
var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
|
|
7172
|
-
var isBottom = (0,
|
|
7173
|
-
var isTop = (0,
|
|
7174
|
-
var touchStart = (0,
|
|
7175
|
-
var scrollTarget = (0,
|
|
7176
|
-
var handleEventDelta = (0,
|
|
7227
|
+
var isBottom = (0, import_react49.useRef)(false);
|
|
7228
|
+
var isTop = (0, import_react49.useRef)(false);
|
|
7229
|
+
var touchStart = (0, import_react49.useRef)(0);
|
|
7230
|
+
var scrollTarget = (0, import_react49.useRef)(null);
|
|
7231
|
+
var handleEventDelta = (0, import_react49.useCallback)(function(event, delta) {
|
|
7177
7232
|
if (scrollTarget.current === null) return;
|
|
7178
7233
|
var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
|
|
7179
7234
|
var target = scrollTarget.current;
|
|
@@ -7207,17 +7262,17 @@ function useScrollCapture(_ref3) {
|
|
|
7207
7262
|
cancelScroll(event);
|
|
7208
7263
|
}
|
|
7209
7264
|
}, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);
|
|
7210
|
-
var onWheel = (0,
|
|
7265
|
+
var onWheel = (0, import_react49.useCallback)(function(event) {
|
|
7211
7266
|
handleEventDelta(event, event.deltaY);
|
|
7212
7267
|
}, [handleEventDelta]);
|
|
7213
|
-
var onTouchStart = (0,
|
|
7268
|
+
var onTouchStart = (0, import_react49.useCallback)(function(event) {
|
|
7214
7269
|
touchStart.current = event.changedTouches[0].clientY;
|
|
7215
7270
|
}, []);
|
|
7216
|
-
var onTouchMove = (0,
|
|
7271
|
+
var onTouchMove = (0, import_react49.useCallback)(function(event) {
|
|
7217
7272
|
var deltaY = touchStart.current - event.changedTouches[0].clientY;
|
|
7218
7273
|
handleEventDelta(event, deltaY);
|
|
7219
7274
|
}, [handleEventDelta]);
|
|
7220
|
-
var startListening = (0,
|
|
7275
|
+
var startListening = (0, import_react49.useCallback)(function(el) {
|
|
7221
7276
|
if (!el) return;
|
|
7222
7277
|
var notPassive = supportsPassiveEvents ? {
|
|
7223
7278
|
passive: false
|
|
@@ -7226,13 +7281,13 @@ function useScrollCapture(_ref3) {
|
|
|
7226
7281
|
el.addEventListener("touchstart", onTouchStart, notPassive);
|
|
7227
7282
|
el.addEventListener("touchmove", onTouchMove, notPassive);
|
|
7228
7283
|
}, [onTouchMove, onTouchStart, onWheel]);
|
|
7229
|
-
var stopListening = (0,
|
|
7284
|
+
var stopListening = (0, import_react49.useCallback)(function(el) {
|
|
7230
7285
|
if (!el) return;
|
|
7231
7286
|
el.removeEventListener("wheel", onWheel, false);
|
|
7232
7287
|
el.removeEventListener("touchstart", onTouchStart, false);
|
|
7233
7288
|
el.removeEventListener("touchmove", onTouchMove, false);
|
|
7234
7289
|
}, [onTouchMove, onTouchStart, onWheel]);
|
|
7235
|
-
(0,
|
|
7290
|
+
(0, import_react49.useEffect)(function() {
|
|
7236
7291
|
if (!isEnabled) return;
|
|
7237
7292
|
var element = scrollTarget.current;
|
|
7238
7293
|
startListening(element);
|
|
@@ -7279,9 +7334,9 @@ var listenerOptions = {
|
|
|
7279
7334
|
};
|
|
7280
7335
|
function useScrollLock(_ref3) {
|
|
7281
7336
|
var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
|
|
7282
|
-
var originalStyles = (0,
|
|
7283
|
-
var scrollTarget = (0,
|
|
7284
|
-
var addScrollLock = (0,
|
|
7337
|
+
var originalStyles = (0, import_react49.useRef)({});
|
|
7338
|
+
var scrollTarget = (0, import_react49.useRef)(null);
|
|
7339
|
+
var addScrollLock = (0, import_react49.useCallback)(function(touchScrollTarget) {
|
|
7285
7340
|
if (!canUseDOM) return;
|
|
7286
7341
|
var target = document.body;
|
|
7287
7342
|
var targetStyle = target && target.style;
|
|
@@ -7314,7 +7369,7 @@ function useScrollLock(_ref3) {
|
|
|
7314
7369
|
}
|
|
7315
7370
|
activeScrollLocks += 1;
|
|
7316
7371
|
}, [accountForScrollbars]);
|
|
7317
|
-
var removeScrollLock = (0,
|
|
7372
|
+
var removeScrollLock = (0, import_react49.useCallback)(function(touchScrollTarget) {
|
|
7318
7373
|
if (!canUseDOM) return;
|
|
7319
7374
|
var target = document.body;
|
|
7320
7375
|
var targetStyle = target && target.style;
|
|
@@ -7335,7 +7390,7 @@ function useScrollLock(_ref3) {
|
|
|
7335
7390
|
}
|
|
7336
7391
|
}
|
|
7337
7392
|
}, [accountForScrollbars]);
|
|
7338
|
-
(0,
|
|
7393
|
+
(0, import_react49.useEffect)(function() {
|
|
7339
7394
|
if (!isEnabled) return;
|
|
7340
7395
|
var element = scrollTarget.current;
|
|
7341
7396
|
addScrollLock(element);
|
|
@@ -7379,7 +7434,7 @@ function ScrollManager(_ref3) {
|
|
|
7379
7434
|
setScrollCaptureTarget(element);
|
|
7380
7435
|
setScrollLockTarget(element);
|
|
7381
7436
|
};
|
|
7382
|
-
return jsx84(
|
|
7437
|
+
return jsx84(import_react49.Fragment, null, lockEnabled && jsx84("div", {
|
|
7383
7438
|
onClick: blurSelectInput,
|
|
7384
7439
|
css: _ref2$1
|
|
7385
7440
|
}), children(targetRef));
|
|
@@ -8957,10 +9012,10 @@ var Select = /* @__PURE__ */ function(_Component) {
|
|
|
8957
9012
|
}
|
|
8958
9013
|
}]);
|
|
8959
9014
|
return Select3;
|
|
8960
|
-
}(
|
|
9015
|
+
}(import_react49.Component);
|
|
8961
9016
|
Select.defaultProps = defaultProps;
|
|
8962
9017
|
|
|
8963
|
-
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.
|
|
9018
|
+
// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
|
|
8964
9019
|
var import_objectSpread24 = __toESM(require_objectSpread2());
|
|
8965
9020
|
var import_slicedToArray3 = __toESM(require_slicedToArray());
|
|
8966
9021
|
var import_objectWithoutProperties4 = __toESM(require_objectWithoutProperties());
|
|
@@ -8973,7 +9028,7 @@ var import_typeof5 = __toESM(require_typeof());
|
|
|
8973
9028
|
var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
|
|
8974
9029
|
var import_defineProperty3 = __toESM(require_defineProperty());
|
|
8975
9030
|
var import_react_dom2 = require("react-dom");
|
|
8976
|
-
var StateManagedSelect = /* @__PURE__ */ (0,
|
|
9031
|
+
var StateManagedSelect = /* @__PURE__ */ (0, import_react51.forwardRef)(function(props, ref) {
|
|
8977
9032
|
var baseSelectProps = useStateManager(props);
|
|
8978
9033
|
return /* @__PURE__ */ React11.createElement(Select, _extends({
|
|
8979
9034
|
ref
|
|
@@ -8981,7 +9036,7 @@ var StateManagedSelect = /* @__PURE__ */ (0, import_react50.forwardRef)(function
|
|
|
8981
9036
|
});
|
|
8982
9037
|
var StateManagedSelect$1 = StateManagedSelect;
|
|
8983
9038
|
|
|
8984
|
-
// ../../node_modules/.pnpm/@react-aria+label@3.7.
|
|
9039
|
+
// ../../node_modules/.pnpm/@react-aria+label@3.7.18_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useLabel.mjs
|
|
8985
9040
|
var import_utils6 = require("@react-aria/utils");
|
|
8986
9041
|
function $d191a55c9702f145$export$8467354a121f1b9f(props) {
|
|
8987
9042
|
let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
|
|
@@ -9006,7 +9061,7 @@ function $d191a55c9702f145$export$8467354a121f1b9f(props) {
|
|
|
9006
9061
|
};
|
|
9007
9062
|
}
|
|
9008
9063
|
|
|
9009
|
-
// ../../node_modules/.pnpm/@react-aria+label@3.7.
|
|
9064
|
+
// ../../node_modules/.pnpm/@react-aria+label@3.7.18_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useField.mjs
|
|
9010
9065
|
var import_utils7 = require("@react-aria/utils");
|
|
9011
9066
|
function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
|
|
9012
9067
|
let { description, errorMessage, isInvalid, validationState } = props;
|
|
@@ -9045,7 +9100,7 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
|
|
|
9045
9100
|
|
|
9046
9101
|
// src/Multiselect/Multiselect.tsx
|
|
9047
9102
|
var import_utils8 = require("@react-aria/utils");
|
|
9048
|
-
var
|
|
9103
|
+
var import_system75 = require("@marigold/system");
|
|
9049
9104
|
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
9050
9105
|
var propsToBeRemoved = [
|
|
9051
9106
|
"clearValue",
|
|
@@ -9073,7 +9128,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
|
|
|
9073
9128
|
{}
|
|
9074
9129
|
);
|
|
9075
9130
|
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9076
|
-
|
|
9131
|
+
import_react_aria_components50.Input,
|
|
9077
9132
|
{
|
|
9078
9133
|
disabled: props.isDisabled,
|
|
9079
9134
|
ref: innerRef,
|
|
@@ -9083,20 +9138,20 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
|
|
|
9083
9138
|
);
|
|
9084
9139
|
};
|
|
9085
9140
|
var MultiValueRemove2 = ({ innerProps }) => {
|
|
9086
|
-
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_aria_components50.Button, { slot: "remove", ...innerProps, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
|
|
9087
9142
|
};
|
|
9088
9143
|
var getClassNames = (classNames3) => ({
|
|
9089
|
-
control: () => (0,
|
|
9144
|
+
control: () => (0, import_system75.cn)(
|
|
9090
9145
|
"relative flex items-center box-border flex-wrap justify-between",
|
|
9091
9146
|
classNames3.container
|
|
9092
9147
|
),
|
|
9093
9148
|
container: () => "pointer-events-auto",
|
|
9094
9149
|
indicatorSeparator: () => "hidden",
|
|
9095
|
-
menu: () => (0,
|
|
9096
|
-
menuList: () => (0,
|
|
9097
|
-
multiValue: () => (0,
|
|
9150
|
+
menu: () => (0, import_system75.cn)("b", classNames3.listContainer),
|
|
9151
|
+
menuList: () => (0, import_system75.cn)("overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh] p-0", classNames3.list),
|
|
9152
|
+
multiValue: () => (0, import_system75.cn)(classNames3.tag, "m-0 "),
|
|
9098
9153
|
multiValueLabel: () => "p-0",
|
|
9099
|
-
option: ({ isFocused }) => (0,
|
|
9154
|
+
option: ({ isFocused }) => (0, import_system75.cn)(classNames3.option, { isFocused }),
|
|
9100
9155
|
placeholder: () => "hidden",
|
|
9101
9156
|
valueContainer: () => classNames3.valueContainer
|
|
9102
9157
|
});
|
|
@@ -9117,7 +9172,7 @@ var Multiselect = ({
|
|
|
9117
9172
|
onSelectionChange,
|
|
9118
9173
|
...rest
|
|
9119
9174
|
}) => {
|
|
9120
|
-
const classNames3 = (0,
|
|
9175
|
+
const classNames3 = (0, import_system75.useClassNames)({
|
|
9121
9176
|
component: "MultiSelect",
|
|
9122
9177
|
size: size2,
|
|
9123
9178
|
variant
|
|
@@ -9136,11 +9191,11 @@ var Multiselect = ({
|
|
|
9136
9191
|
errorMessage
|
|
9137
9192
|
});
|
|
9138
9193
|
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9139
|
-
|
|
9194
|
+
import_react_aria_components50.Provider,
|
|
9140
9195
|
{
|
|
9141
9196
|
values: [
|
|
9142
9197
|
[
|
|
9143
|
-
|
|
9198
|
+
import_react_aria_components50.FieldErrorContext,
|
|
9144
9199
|
{
|
|
9145
9200
|
isInvalid: !!error,
|
|
9146
9201
|
validationDetails: {},
|
|
@@ -9148,7 +9203,7 @@ var Multiselect = ({
|
|
|
9148
9203
|
}
|
|
9149
9204
|
],
|
|
9150
9205
|
[
|
|
9151
|
-
|
|
9206
|
+
import_react_aria_components50.InputContext,
|
|
9152
9207
|
{
|
|
9153
9208
|
...fieldProps,
|
|
9154
9209
|
placeholder,
|
|
@@ -9156,19 +9211,19 @@ var Multiselect = ({
|
|
|
9156
9211
|
}
|
|
9157
9212
|
],
|
|
9158
9213
|
[
|
|
9159
|
-
|
|
9214
|
+
import_react_aria_components50.ButtonContext,
|
|
9160
9215
|
{
|
|
9161
9216
|
// react-select doesn't handle readonly so we had to do it manually here
|
|
9162
9217
|
// keep to the button disabled in read only to prevent menu from opening
|
|
9163
9218
|
isDisabled: disabled || readOnly,
|
|
9164
|
-
className: (0,
|
|
9219
|
+
className: (0, import_system75.cn)("flex items-center", classNames3.closeButton)
|
|
9165
9220
|
}
|
|
9166
9221
|
]
|
|
9167
9222
|
],
|
|
9168
9223
|
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
9169
9224
|
"div",
|
|
9170
9225
|
{
|
|
9171
|
-
className: (0,
|
|
9226
|
+
className: (0, import_system75.cn)(classNames3.field, "group/field"),
|
|
9172
9227
|
"data-required": props.required,
|
|
9173
9228
|
"data-invalid": error,
|
|
9174
9229
|
"data-readonly": readOnly,
|
|
@@ -9188,7 +9243,7 @@ var Multiselect = ({
|
|
|
9188
9243
|
zIndex: 1
|
|
9189
9244
|
}),
|
|
9190
9245
|
// Return empty object to reset react-select styles
|
|
9191
|
-
valueContainer: (base) => ({ ...base
|
|
9246
|
+
valueContainer: (base) => ({ ...base }),
|
|
9192
9247
|
container: (base) => ({ ...base, pointerEvents: "auto" }),
|
|
9193
9248
|
menuList: () => ({}),
|
|
9194
9249
|
// eslint-disable-next-line no-empty-pattern
|
|
@@ -9231,13 +9286,13 @@ var Multiselect = ({
|
|
|
9231
9286
|
};
|
|
9232
9287
|
|
|
9233
9288
|
// src/NumberField/NumberField.tsx
|
|
9234
|
-
var
|
|
9235
|
-
var
|
|
9236
|
-
var
|
|
9289
|
+
var import_react52 = require("react");
|
|
9290
|
+
var import_react_aria_components52 = require("react-aria-components");
|
|
9291
|
+
var import_system77 = require("@marigold/system");
|
|
9237
9292
|
|
|
9238
9293
|
// src/NumberField/StepButton.tsx
|
|
9239
|
-
var
|
|
9240
|
-
var
|
|
9294
|
+
var import_react_aria_components51 = require("react-aria-components");
|
|
9295
|
+
var import_system76 = require("@marigold/system");
|
|
9241
9296
|
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
9242
9297
|
var Plus = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
9243
9298
|
"path",
|
|
@@ -9258,9 +9313,9 @@ var Minus = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("svg", { width:
|
|
|
9258
9313
|
var _StepButton = ({ direction, className, ...props }) => {
|
|
9259
9314
|
const Icon4 = direction === "up" ? Plus : Minus;
|
|
9260
9315
|
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
9261
|
-
|
|
9316
|
+
import_react_aria_components51.Button,
|
|
9262
9317
|
{
|
|
9263
|
-
className: (0,
|
|
9318
|
+
className: (0, import_system76.cn)(
|
|
9264
9319
|
[
|
|
9265
9320
|
"flex items-center justify-center",
|
|
9266
9321
|
"cursor-pointer data-disabled:cursor-not-allowed"
|
|
@@ -9275,7 +9330,7 @@ var _StepButton = ({ direction, className, ...props }) => {
|
|
|
9275
9330
|
|
|
9276
9331
|
// src/NumberField/NumberField.tsx
|
|
9277
9332
|
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
9278
|
-
var _NumberField = (0,
|
|
9333
|
+
var _NumberField = (0, import_react52.forwardRef)(
|
|
9279
9334
|
({
|
|
9280
9335
|
variant,
|
|
9281
9336
|
size: size2,
|
|
@@ -9286,7 +9341,7 @@ var _NumberField = (0, import_react51.forwardRef)(
|
|
|
9286
9341
|
hideStepper,
|
|
9287
9342
|
...rest
|
|
9288
9343
|
}, ref) => {
|
|
9289
|
-
const classNames3 = (0,
|
|
9344
|
+
const classNames3 = (0, import_system77.useClassNames)({
|
|
9290
9345
|
component: "NumberField",
|
|
9291
9346
|
size: size2,
|
|
9292
9347
|
variant
|
|
@@ -9302,11 +9357,11 @@ var _NumberField = (0, import_react51.forwardRef)(
|
|
|
9302
9357
|
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9303
9358
|
FieldBase,
|
|
9304
9359
|
{
|
|
9305
|
-
as:
|
|
9360
|
+
as: import_react_aria_components52.NumberField,
|
|
9306
9361
|
...props,
|
|
9307
9362
|
"data-readonly": readOnly ? "true" : void 0,
|
|
9308
9363
|
"data-stepper": showStepper ? "true" : void 0,
|
|
9309
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
9364
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react_aria_components52.Group, { className: (0, import_system77.cn)("flex items-stretch", classNames3.group), children: [
|
|
9310
9365
|
showStepper && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9311
9366
|
_StepButton,
|
|
9312
9367
|
{
|
|
@@ -9316,10 +9371,10 @@ var _NumberField = (0, import_react51.forwardRef)(
|
|
|
9316
9371
|
}
|
|
9317
9372
|
),
|
|
9318
9373
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9319
|
-
|
|
9374
|
+
import_react_aria_components52.Input,
|
|
9320
9375
|
{
|
|
9321
9376
|
ref,
|
|
9322
|
-
className: (0,
|
|
9377
|
+
className: (0, import_system77.cn)("h-full flex-1 outline-none", classNames3.input)
|
|
9323
9378
|
}
|
|
9324
9379
|
),
|
|
9325
9380
|
showStepper && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
@@ -9337,9 +9392,9 @@ var _NumberField = (0, import_react51.forwardRef)(
|
|
|
9337
9392
|
);
|
|
9338
9393
|
|
|
9339
9394
|
// src/Pagination/Pagination.tsx
|
|
9340
|
-
var
|
|
9395
|
+
var import_react55 = require("react");
|
|
9341
9396
|
var import_focus2 = require("@react-aria/focus");
|
|
9342
|
-
var
|
|
9397
|
+
var import_system80 = require("@marigold/system");
|
|
9343
9398
|
|
|
9344
9399
|
// src/Pagination/Ellipsis.tsx
|
|
9345
9400
|
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
@@ -9355,13 +9410,13 @@ var Ellipsis = () => {
|
|
|
9355
9410
|
};
|
|
9356
9411
|
|
|
9357
9412
|
// src/Pagination/NavigationButton.tsx
|
|
9358
|
-
var
|
|
9413
|
+
var import_react53 = require("react");
|
|
9359
9414
|
var import_button2 = require("@react-aria/button");
|
|
9360
|
-
var
|
|
9415
|
+
var import_system78 = require("@marigold/system");
|
|
9361
9416
|
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9362
9417
|
var NavigationButton = (props) => {
|
|
9363
|
-
const ref = (0,
|
|
9364
|
-
const classNames3 = (0,
|
|
9418
|
+
const ref = (0, import_react53.useRef)(null);
|
|
9419
|
+
const classNames3 = (0, import_system78.useClassNames)({
|
|
9365
9420
|
component: "Pagination"
|
|
9366
9421
|
});
|
|
9367
9422
|
let { buttonProps } = (0, import_button2.useButton)(props, ref);
|
|
@@ -9381,7 +9436,7 @@ var NavigationButton = (props) => {
|
|
|
9381
9436
|
...buttonProps,
|
|
9382
9437
|
...rest,
|
|
9383
9438
|
disabled: isDisabled,
|
|
9384
|
-
className: (0,
|
|
9439
|
+
className: (0, import_system78.cn)(classNames3.navigationButton, controlLabel && "w-24 px-2"),
|
|
9385
9440
|
"data-selected": isSelected,
|
|
9386
9441
|
children: [
|
|
9387
9442
|
position2 === "left" && children,
|
|
@@ -9393,13 +9448,13 @@ var NavigationButton = (props) => {
|
|
|
9393
9448
|
};
|
|
9394
9449
|
|
|
9395
9450
|
// src/Pagination/PageButton.tsx
|
|
9396
|
-
var
|
|
9451
|
+
var import_react54 = require("react");
|
|
9397
9452
|
var import_button3 = require("@react-aria/button");
|
|
9398
|
-
var
|
|
9453
|
+
var import_system79 = require("@marigold/system");
|
|
9399
9454
|
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
9400
9455
|
var PageButton = (props) => {
|
|
9401
|
-
const ref = (0,
|
|
9402
|
-
const classNames3 = (0,
|
|
9456
|
+
const ref = (0, import_react54.useRef)(null);
|
|
9457
|
+
const classNames3 = (0, import_system79.useClassNames)({
|
|
9403
9458
|
component: "Pagination"
|
|
9404
9459
|
});
|
|
9405
9460
|
let { buttonProps } = (0, import_button3.useButton)(props, ref);
|
|
@@ -9464,8 +9519,8 @@ var InnerPagination = ({
|
|
|
9464
9519
|
const focusManager = (0, import_focus2.useFocusManager)();
|
|
9465
9520
|
const isFirstPage = currentPage === 1;
|
|
9466
9521
|
const isLastPage = currentPage === totalPages || totalPages === 0;
|
|
9467
|
-
const isFirstRender = (0,
|
|
9468
|
-
(0,
|
|
9522
|
+
const isFirstRender = (0, import_react55.useRef)(true);
|
|
9523
|
+
(0, import_react55.useEffect)(() => {
|
|
9469
9524
|
if (isFirstRender.current) {
|
|
9470
9525
|
isFirstRender.current = false;
|
|
9471
9526
|
return;
|
|
@@ -9478,7 +9533,7 @@ var InnerPagination = ({
|
|
|
9478
9533
|
onChange2(newPage);
|
|
9479
9534
|
}
|
|
9480
9535
|
};
|
|
9481
|
-
const classNames3 = (0,
|
|
9536
|
+
const classNames3 = (0, import_system80.useClassNames)({ component: "Pagination" });
|
|
9482
9537
|
const handleKeyDown = (onEnter) => (e) => {
|
|
9483
9538
|
if (e.key === "ArrowRight") {
|
|
9484
9539
|
e.preventDefault();
|
|
@@ -9537,7 +9592,7 @@ var _Pagination = ({
|
|
|
9537
9592
|
pageSize,
|
|
9538
9593
|
...props
|
|
9539
9594
|
}) => {
|
|
9540
|
-
const [currentPage, setCurrentPage] = (0,
|
|
9595
|
+
const [currentPage, setCurrentPage] = (0, import_react55.useState)(page != null ? page : defaultPage);
|
|
9541
9596
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
9542
9597
|
const pageRange = usePageRange({ currentPage, totalPages });
|
|
9543
9598
|
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
@@ -9561,20 +9616,20 @@ var _Pagination = ({
|
|
|
9561
9616
|
};
|
|
9562
9617
|
|
|
9563
9618
|
// src/Radio/Radio.tsx
|
|
9564
|
-
var
|
|
9565
|
-
var
|
|
9566
|
-
var
|
|
9619
|
+
var import_react57 = require("react");
|
|
9620
|
+
var import_react_aria_components54 = require("react-aria-components");
|
|
9621
|
+
var import_system82 = require("@marigold/system");
|
|
9567
9622
|
|
|
9568
9623
|
// src/Radio/Context.ts
|
|
9569
|
-
var
|
|
9570
|
-
var RadioGroupContext = (0,
|
|
9624
|
+
var import_react56 = require("react");
|
|
9625
|
+
var RadioGroupContext = (0, import_react56.createContext)(
|
|
9571
9626
|
null
|
|
9572
9627
|
);
|
|
9573
|
-
var useRadioGroupContext = () => (0,
|
|
9628
|
+
var useRadioGroupContext = () => (0, import_react56.useContext)(RadioGroupContext);
|
|
9574
9629
|
|
|
9575
9630
|
// src/Radio/RadioGroup.tsx
|
|
9576
|
-
var
|
|
9577
|
-
var
|
|
9631
|
+
var import_react_aria_components53 = require("react-aria-components");
|
|
9632
|
+
var import_system81 = require("@marigold/system");
|
|
9578
9633
|
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
9579
9634
|
var _RadioGroup = ({
|
|
9580
9635
|
variant,
|
|
@@ -9591,7 +9646,7 @@ var _RadioGroup = ({
|
|
|
9591
9646
|
width,
|
|
9592
9647
|
...rest
|
|
9593
9648
|
}) => {
|
|
9594
|
-
const classNames3 = (0,
|
|
9649
|
+
const classNames3 = (0, import_system81.useClassNames)({ component: "Radio", variant, size: size2 });
|
|
9595
9650
|
const props = {
|
|
9596
9651
|
isDisabled: disabled,
|
|
9597
9652
|
isReadOnly: readOnly,
|
|
@@ -9602,7 +9657,7 @@ var _RadioGroup = ({
|
|
|
9602
9657
|
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9603
9658
|
FieldBase,
|
|
9604
9659
|
{
|
|
9605
|
-
as:
|
|
9660
|
+
as: import_react_aria_components53.RadioGroup,
|
|
9606
9661
|
width,
|
|
9607
9662
|
label,
|
|
9608
9663
|
description,
|
|
@@ -9616,7 +9671,7 @@ var _RadioGroup = ({
|
|
|
9616
9671
|
role: "presentation",
|
|
9617
9672
|
"data-testid": "group",
|
|
9618
9673
|
"data-orientation": orientation,
|
|
9619
|
-
className: (0,
|
|
9674
|
+
className: (0, import_system81.cn)(
|
|
9620
9675
|
classNames3.group,
|
|
9621
9676
|
"flex items-start",
|
|
9622
9677
|
orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
|
|
@@ -9634,7 +9689,7 @@ var Dot = () => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { viewBox:
|
|
|
9634
9689
|
var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9635
9690
|
"div",
|
|
9636
9691
|
{
|
|
9637
|
-
className: (0,
|
|
9692
|
+
className: (0, import_system82.cn)(
|
|
9638
9693
|
"bg-secondary-50 flex h-4 w-4 items-center justify-center rounded-[50%] border p-1",
|
|
9639
9694
|
className
|
|
9640
9695
|
),
|
|
@@ -9643,19 +9698,19 @@ var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ (0, import_jsx
|
|
|
9643
9698
|
children: checked ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Dot, {}) : null
|
|
9644
9699
|
}
|
|
9645
9700
|
);
|
|
9646
|
-
var _Radio = (0,
|
|
9701
|
+
var _Radio = (0, import_react57.forwardRef)(
|
|
9647
9702
|
({ value, disabled, width, children, ...props }, ref) => {
|
|
9648
9703
|
const { variant, size: size2, width: groupWidth } = useRadioGroupContext();
|
|
9649
|
-
const classNames3 = (0,
|
|
9704
|
+
const classNames3 = (0, import_system82.useClassNames)({
|
|
9650
9705
|
component: "Radio",
|
|
9651
9706
|
variant: variant || props.variant,
|
|
9652
9707
|
size: size2 || props.size
|
|
9653
9708
|
});
|
|
9654
9709
|
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9655
|
-
|
|
9710
|
+
import_react_aria_components54.Radio,
|
|
9656
9711
|
{
|
|
9657
9712
|
ref,
|
|
9658
|
-
className: (0,
|
|
9713
|
+
className: (0, import_system82.cn)(
|
|
9659
9714
|
"group/radio",
|
|
9660
9715
|
"relative flex items-center gap-[1ch]",
|
|
9661
9716
|
width || groupWidth || "w-full",
|
|
@@ -9669,7 +9724,7 @@ var _Radio = (0, import_react56.forwardRef)(
|
|
|
9669
9724
|
Icon3,
|
|
9670
9725
|
{
|
|
9671
9726
|
checked: isSelected,
|
|
9672
|
-
className: (0,
|
|
9727
|
+
className: (0, import_system82.cn)(
|
|
9673
9728
|
disabled ? "cursor-not-allowed" : "cursor-pointer",
|
|
9674
9729
|
classNames3.radio
|
|
9675
9730
|
)
|
|
@@ -9684,10 +9739,10 @@ var _Radio = (0, import_react56.forwardRef)(
|
|
|
9684
9739
|
_Radio.Group = _RadioGroup;
|
|
9685
9740
|
|
|
9686
9741
|
// src/SearchField/SearchField.tsx
|
|
9687
|
-
var
|
|
9688
|
-
var
|
|
9742
|
+
var import_react58 = require("react");
|
|
9743
|
+
var import_react_aria_components55 = require("react-aria-components");
|
|
9689
9744
|
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9690
|
-
var _SearchField = (0,
|
|
9745
|
+
var _SearchField = (0, import_react58.forwardRef)(
|
|
9691
9746
|
({ disabled, required, readOnly, error, action, ...rest }, ref) => {
|
|
9692
9747
|
const props = {
|
|
9693
9748
|
...rest,
|
|
@@ -9696,7 +9751,7 @@ var _SearchField = (0, import_react57.forwardRef)(
|
|
|
9696
9751
|
isReadOnly: readOnly,
|
|
9697
9752
|
isInvalid: error
|
|
9698
9753
|
};
|
|
9699
|
-
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FieldBase, { as:
|
|
9754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FieldBase, { as: import_react_aria_components55.SearchField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9700
9755
|
SearchInput,
|
|
9701
9756
|
{
|
|
9702
9757
|
ref,
|
|
@@ -9707,11 +9762,11 @@ var _SearchField = (0, import_react57.forwardRef)(
|
|
|
9707
9762
|
);
|
|
9708
9763
|
|
|
9709
9764
|
// src/Select/Select.tsx
|
|
9710
|
-
var
|
|
9711
|
-
var
|
|
9712
|
-
var
|
|
9765
|
+
var import_react59 = require("react");
|
|
9766
|
+
var import_react_aria_components56 = require("react-aria-components");
|
|
9767
|
+
var import_system83 = require("@marigold/system");
|
|
9713
9768
|
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9714
|
-
var _Select = (0,
|
|
9769
|
+
var _Select = (0, import_react59.forwardRef)(
|
|
9715
9770
|
({
|
|
9716
9771
|
disabled,
|
|
9717
9772
|
required,
|
|
@@ -9731,18 +9786,18 @@ var _Select = (0, import_react58.forwardRef)(
|
|
|
9731
9786
|
onSelectionChange: onChange2,
|
|
9732
9787
|
...rest
|
|
9733
9788
|
};
|
|
9734
|
-
const classNames3 = (0,
|
|
9735
|
-
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(FieldBase, { as:
|
|
9789
|
+
const classNames3 = (0, import_system83.useClassNames)({ component: "Select", variant, size: size2 });
|
|
9790
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(FieldBase, { as: import_react_aria_components56.Select, ref, variant, size: size2, ...props, children: [
|
|
9736
9791
|
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
9737
9792
|
IconButton,
|
|
9738
9793
|
{
|
|
9739
|
-
className: (0,
|
|
9794
|
+
className: (0, import_system83.cn)(
|
|
9740
9795
|
"flex w-full items-center justify-between gap-1 overflow-hidden",
|
|
9741
9796
|
classNames3.select
|
|
9742
9797
|
),
|
|
9743
9798
|
children: [
|
|
9744
|
-
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9745
|
-
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronDown, { className: (0,
|
|
9799
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria_components56.SelectValue, { className: "[&>[slot=description]]:hidden" }),
|
|
9800
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronDown, { className: (0, import_system83.cn)("size-4", classNames3.icon) })
|
|
9746
9801
|
]
|
|
9747
9802
|
}
|
|
9748
9803
|
),
|
|
@@ -9754,35 +9809,53 @@ _Select.Option = _ListBox.Item;
|
|
|
9754
9809
|
_Select.Section = _ListBox.Section;
|
|
9755
9810
|
|
|
9756
9811
|
// src/SelectList/SelectList.tsx
|
|
9757
|
-
var
|
|
9758
|
-
var
|
|
9759
|
-
var
|
|
9812
|
+
var import_react62 = require("react");
|
|
9813
|
+
var import_react_aria_components58 = require("react-aria-components");
|
|
9814
|
+
var import_system85 = require("@marigold/system");
|
|
9760
9815
|
|
|
9761
9816
|
// src/SelectList/Context.ts
|
|
9762
|
-
var
|
|
9763
|
-
var SelectListContext = (0,
|
|
9817
|
+
var import_react60 = require("react");
|
|
9818
|
+
var SelectListContext = (0, import_react60.createContext)(
|
|
9764
9819
|
{}
|
|
9765
9820
|
);
|
|
9766
|
-
var useSelectListContext = () => (0,
|
|
9821
|
+
var useSelectListContext = () => (0, import_react60.useContext)(SelectListContext);
|
|
9767
9822
|
|
|
9768
9823
|
// src/SelectList/SelectListItem.tsx
|
|
9769
|
-
var
|
|
9770
|
-
var
|
|
9771
|
-
var
|
|
9824
|
+
var import_react61 = require("react");
|
|
9825
|
+
var import_react_aria_components57 = require("react-aria-components");
|
|
9826
|
+
var import_system84 = require("@marigold/system");
|
|
9772
9827
|
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
9773
|
-
var
|
|
9828
|
+
var CheckMark3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9829
|
+
"path",
|
|
9830
|
+
{
|
|
9831
|
+
fill: "currentColor",
|
|
9832
|
+
stroke: "none",
|
|
9833
|
+
d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
|
|
9834
|
+
}
|
|
9835
|
+
) });
|
|
9836
|
+
var SelectionIndicator = ({ selectionMode }) => {
|
|
9837
|
+
switch (selectionMode) {
|
|
9838
|
+
case "multiple": {
|
|
9839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(_Checkbox, { slot: "selection" });
|
|
9840
|
+
}
|
|
9841
|
+
case "single": {
|
|
9842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CheckMark3, { className: "invisible hidden" });
|
|
9843
|
+
}
|
|
9844
|
+
}
|
|
9845
|
+
};
|
|
9846
|
+
var _SelectListItem = (0, import_react61.forwardRef)(
|
|
9774
9847
|
({ children, ...props }, ref) => {
|
|
9775
9848
|
let textValue = typeof children === "string" ? children : void 0;
|
|
9776
9849
|
const { classNames: classNames3 } = useSelectListContext();
|
|
9777
9850
|
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9778
|
-
|
|
9851
|
+
import_react_aria_components57.GridListItem,
|
|
9779
9852
|
{
|
|
9780
9853
|
textValue,
|
|
9781
9854
|
...props,
|
|
9782
|
-
className: (0,
|
|
9855
|
+
className: (0, import_system84.cn)("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.item),
|
|
9783
9856
|
ref,
|
|
9784
|
-
children: ({ selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9785
|
-
|
|
9857
|
+
children: ({ selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9858
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SelectionIndicator, { selectionMode }),
|
|
9786
9859
|
children
|
|
9787
9860
|
] })
|
|
9788
9861
|
}
|
|
@@ -9792,20 +9865,20 @@ var _SelectListItem = (0, import_react60.forwardRef)(
|
|
|
9792
9865
|
|
|
9793
9866
|
// src/SelectList/SelectList.tsx
|
|
9794
9867
|
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
9795
|
-
var _SelectList = (0,
|
|
9868
|
+
var _SelectList = (0, import_react62.forwardRef)(
|
|
9796
9869
|
({ onChange: onChange2, ...rest }, ref) => {
|
|
9797
|
-
const classNames3 = (0,
|
|
9870
|
+
const classNames3 = (0, import_system85.useClassNames)({ component: "ListBox" });
|
|
9798
9871
|
const props = {
|
|
9799
9872
|
onSelectionChange: onChange2,
|
|
9800
9873
|
...rest
|
|
9801
9874
|
};
|
|
9802
9875
|
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: classNames3.container, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
9803
|
-
|
|
9876
|
+
import_react_aria_components58.GridList,
|
|
9804
9877
|
{
|
|
9805
9878
|
...props,
|
|
9806
9879
|
layout: "grid",
|
|
9807
9880
|
ref,
|
|
9808
|
-
className: (0,
|
|
9881
|
+
className: (0, import_system85.cn)(
|
|
9809
9882
|
"group/list overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
|
|
9810
9883
|
classNames3.list
|
|
9811
9884
|
),
|
|
@@ -9817,7 +9890,7 @@ var _SelectList = (0, import_react61.forwardRef)(
|
|
|
9817
9890
|
_SelectList.Item = _SelectListItem;
|
|
9818
9891
|
|
|
9819
9892
|
// src/Scrollable/Scrollable.tsx
|
|
9820
|
-
var
|
|
9893
|
+
var import_system86 = require("@marigold/system");
|
|
9821
9894
|
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
9822
9895
|
var Scrollable = ({
|
|
9823
9896
|
children,
|
|
@@ -9828,18 +9901,18 @@ var Scrollable = ({
|
|
|
9828
9901
|
"div",
|
|
9829
9902
|
{
|
|
9830
9903
|
...props,
|
|
9831
|
-
className: (0,
|
|
9832
|
-
style: (0,
|
|
9904
|
+
className: (0, import_system86.cn)(["sticky h-(--height) overflow-auto", import_system86.width[width]]),
|
|
9905
|
+
style: (0, import_system86.createVar)({ height }),
|
|
9833
9906
|
children
|
|
9834
9907
|
}
|
|
9835
9908
|
);
|
|
9836
9909
|
|
|
9837
9910
|
// src/Slider/Slider.tsx
|
|
9838
|
-
var
|
|
9839
|
-
var
|
|
9840
|
-
var
|
|
9911
|
+
var import_react63 = require("react");
|
|
9912
|
+
var import_react_aria_components59 = require("react-aria-components");
|
|
9913
|
+
var import_system87 = require("@marigold/system");
|
|
9841
9914
|
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
9842
|
-
var _Slider = (0,
|
|
9915
|
+
var _Slider = (0, import_react63.forwardRef)(
|
|
9843
9916
|
({
|
|
9844
9917
|
thumbLabels,
|
|
9845
9918
|
variant,
|
|
@@ -9849,7 +9922,7 @@ var _Slider = (0, import_react62.forwardRef)(
|
|
|
9849
9922
|
label,
|
|
9850
9923
|
...rest
|
|
9851
9924
|
}, ref) => {
|
|
9852
|
-
const classNames3 = (0,
|
|
9925
|
+
const classNames3 = (0, import_system87.useClassNames)({
|
|
9853
9926
|
component: "Slider",
|
|
9854
9927
|
variant,
|
|
9855
9928
|
size: size2
|
|
@@ -9861,26 +9934,26 @@ var _Slider = (0, import_react62.forwardRef)(
|
|
|
9861
9934
|
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
9862
9935
|
FieldBase,
|
|
9863
9936
|
{
|
|
9864
|
-
as:
|
|
9865
|
-
className: (0,
|
|
9937
|
+
as: import_react_aria_components59.Slider,
|
|
9938
|
+
className: (0, import_system87.cn)(
|
|
9866
9939
|
"grid grid-cols-[auto_1fr] gap-y-1",
|
|
9867
9940
|
classNames3.container,
|
|
9868
|
-
|
|
9941
|
+
import_system87.width[width]
|
|
9869
9942
|
),
|
|
9870
9943
|
ref,
|
|
9871
9944
|
...props,
|
|
9872
9945
|
children: [
|
|
9873
9946
|
label && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(_Label, { children: label }),
|
|
9874
|
-
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9947
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_aria_components59.SliderOutput, { className: (0, import_system87.cn)("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
|
|
9875
9948
|
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9876
|
-
|
|
9949
|
+
import_react_aria_components59.SliderTrack,
|
|
9877
9950
|
{
|
|
9878
|
-
className: (0,
|
|
9951
|
+
className: (0, import_system87.cn)("relative col-span-2 h-2 w-full", classNames3.track),
|
|
9879
9952
|
children: ({ state }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
|
|
9880
9953
|
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9881
9954
|
"div",
|
|
9882
9955
|
{
|
|
9883
|
-
className: (0,
|
|
9956
|
+
className: (0, import_system87.cn)(
|
|
9884
9957
|
"absolute top-[50%] h-2 w-full translate-y-[-50%]",
|
|
9885
9958
|
classNames3.track
|
|
9886
9959
|
)
|
|
@@ -9889,7 +9962,7 @@ var _Slider = (0, import_react62.forwardRef)(
|
|
|
9889
9962
|
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9890
9963
|
"div",
|
|
9891
9964
|
{
|
|
9892
|
-
className: (0,
|
|
9965
|
+
className: (0, import_system87.cn)(
|
|
9893
9966
|
"absolute top-[50%] h-2 translate-y-[-50%]",
|
|
9894
9967
|
classNames3.selectedTrack
|
|
9895
9968
|
),
|
|
@@ -9900,9 +9973,9 @@ var _Slider = (0, import_react62.forwardRef)(
|
|
|
9900
9973
|
}
|
|
9901
9974
|
),
|
|
9902
9975
|
state.values.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9903
|
-
|
|
9976
|
+
import_react_aria_components59.SliderThumb,
|
|
9904
9977
|
{
|
|
9905
|
-
className: (0,
|
|
9978
|
+
className: (0, import_system87.cn)("top-1/2 cursor-pointer", classNames3.thumb),
|
|
9906
9979
|
index: i,
|
|
9907
9980
|
"aria-label": thumbLabels == null ? void 0 : thumbLabels[i],
|
|
9908
9981
|
name: thumbLabels == null ? void 0 : thumbLabels[i]
|
|
@@ -9923,7 +9996,7 @@ var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
|
9923
9996
|
var Split = () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { role: "separator", className: "grow" });
|
|
9924
9997
|
|
|
9925
9998
|
// src/Stack/Stack.tsx
|
|
9926
|
-
var
|
|
9999
|
+
var import_system88 = require("@marigold/system");
|
|
9927
10000
|
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
9928
10001
|
var Stack = ({
|
|
9929
10002
|
children,
|
|
@@ -9937,11 +10010,11 @@ var Stack = ({
|
|
|
9937
10010
|
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
9938
10011
|
"div",
|
|
9939
10012
|
{
|
|
9940
|
-
className: (0,
|
|
10013
|
+
className: (0, import_system88.cn)(
|
|
9941
10014
|
"flex flex-col",
|
|
9942
|
-
|
|
9943
|
-
alignX && ((_b = (_a =
|
|
9944
|
-
alignY && ((_d = (_c =
|
|
10015
|
+
import_system88.gapSpace[space],
|
|
10016
|
+
alignX && ((_b = (_a = import_system88.alignment) == null ? void 0 : _a.vertical) == null ? void 0 : _b.alignmentX[alignX]),
|
|
10017
|
+
alignY && ((_d = (_c = import_system88.alignment) == null ? void 0 : _c.vertical) == null ? void 0 : _d.alignmentY[alignY]),
|
|
9945
10018
|
stretch && "h-full w-full"
|
|
9946
10019
|
),
|
|
9947
10020
|
...props,
|
|
@@ -9951,11 +10024,11 @@ var Stack = ({
|
|
|
9951
10024
|
};
|
|
9952
10025
|
|
|
9953
10026
|
// src/Switch/Switch.tsx
|
|
9954
|
-
var
|
|
9955
|
-
var
|
|
9956
|
-
var
|
|
10027
|
+
var import_react64 = require("react");
|
|
10028
|
+
var import_react_aria_components60 = require("react-aria-components");
|
|
10029
|
+
var import_system89 = require("@marigold/system");
|
|
9957
10030
|
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
9958
|
-
var _Switch = (0,
|
|
10031
|
+
var _Switch = (0, import_react64.forwardRef)(
|
|
9959
10032
|
({
|
|
9960
10033
|
variant,
|
|
9961
10034
|
size: size2,
|
|
@@ -9966,7 +10039,7 @@ var _Switch = (0, import_react63.forwardRef)(
|
|
|
9966
10039
|
readOnly,
|
|
9967
10040
|
...rest
|
|
9968
10041
|
}, ref) => {
|
|
9969
|
-
const classNames3 = (0,
|
|
10042
|
+
const classNames3 = (0, import_system89.useClassNames)({ component: "Switch", size: size2, variant });
|
|
9970
10043
|
const props = {
|
|
9971
10044
|
isDisabled: disabled,
|
|
9972
10045
|
isReadOnly: readOnly,
|
|
@@ -9974,12 +10047,12 @@ var _Switch = (0, import_react63.forwardRef)(
|
|
|
9974
10047
|
...rest
|
|
9975
10048
|
};
|
|
9976
10049
|
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
|
|
9977
|
-
|
|
10050
|
+
import_react_aria_components60.Switch,
|
|
9978
10051
|
{
|
|
9979
10052
|
...props,
|
|
9980
10053
|
ref,
|
|
9981
|
-
className: (0,
|
|
9982
|
-
|
|
10054
|
+
className: (0, import_system89.cn)(
|
|
10055
|
+
import_system89.width[width],
|
|
9983
10056
|
"group/switch",
|
|
9984
10057
|
"flex items-center gap-[1ch]",
|
|
9985
10058
|
classNames3.container
|
|
@@ -9994,15 +10067,15 @@ var _Switch = (0, import_react63.forwardRef)(
|
|
|
9994
10067
|
);
|
|
9995
10068
|
|
|
9996
10069
|
// src/Table/Table.tsx
|
|
9997
|
-
var
|
|
10070
|
+
var import_react72 = require("react");
|
|
9998
10071
|
var import_table9 = require("@react-aria/table");
|
|
9999
10072
|
var import_table10 = require("@react-stately/table");
|
|
10000
|
-
var
|
|
10073
|
+
var import_system96 = require("@marigold/system");
|
|
10001
10074
|
|
|
10002
10075
|
// src/Table/Context.tsx
|
|
10003
|
-
var
|
|
10004
|
-
var TableContext = (0,
|
|
10005
|
-
var useTableContext = () => (0,
|
|
10076
|
+
var import_react65 = require("react");
|
|
10077
|
+
var TableContext = (0, import_react65.createContext)({});
|
|
10078
|
+
var useTableContext = () => (0, import_react65.useContext)(TableContext);
|
|
10006
10079
|
|
|
10007
10080
|
// src/Table/TableBody.tsx
|
|
10008
10081
|
var import_table = require("@react-aria/table");
|
|
@@ -10029,14 +10102,14 @@ var TableBody = ({
|
|
|
10029
10102
|
};
|
|
10030
10103
|
|
|
10031
10104
|
// src/Table/TableCell.tsx
|
|
10032
|
-
var
|
|
10105
|
+
var import_react66 = require("react");
|
|
10033
10106
|
var import_focus3 = require("@react-aria/focus");
|
|
10034
10107
|
var import_table2 = require("@react-aria/table");
|
|
10035
10108
|
var import_utils9 = require("@react-aria/utils");
|
|
10036
|
-
var
|
|
10109
|
+
var import_system90 = require("@marigold/system");
|
|
10037
10110
|
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
10038
10111
|
var TableCell = ({ cell, align = "left" }) => {
|
|
10039
|
-
const ref = (0,
|
|
10112
|
+
const ref = (0, import_react66.useRef)(null);
|
|
10040
10113
|
const { interactive, state, classNames: classNames3 } = useTableContext();
|
|
10041
10114
|
const disabled = state.disabledKeys.has(cell.parentKey);
|
|
10042
10115
|
const { gridCellProps } = (0, import_table2.useTableCell)(
|
|
@@ -10056,12 +10129,12 @@ var TableCell = ({ cell, align = "left" }) => {
|
|
|
10056
10129
|
onPointerDown: (e) => e.stopPropagation()
|
|
10057
10130
|
};
|
|
10058
10131
|
const { focusProps, isFocusVisible } = (0, import_focus3.useFocusRing)();
|
|
10059
|
-
const stateProps = (0,
|
|
10132
|
+
const stateProps = (0, import_system90.useStateProps)({ disabled, focusVisible: isFocusVisible });
|
|
10060
10133
|
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10061
10134
|
"td",
|
|
10062
10135
|
{
|
|
10063
10136
|
ref,
|
|
10064
|
-
className: (0,
|
|
10137
|
+
className: (0, import_system90.cn)(classNames3 == null ? void 0 : classNames3.cell),
|
|
10065
10138
|
...(0, import_utils9.mergeProps)(cellProps, focusProps),
|
|
10066
10139
|
...stateProps,
|
|
10067
10140
|
align,
|
|
@@ -10071,11 +10144,11 @@ var TableCell = ({ cell, align = "left" }) => {
|
|
|
10071
10144
|
};
|
|
10072
10145
|
|
|
10073
10146
|
// src/Table/TableCheckboxCell.tsx
|
|
10074
|
-
var
|
|
10147
|
+
var import_react67 = require("react");
|
|
10075
10148
|
var import_focus4 = require("@react-aria/focus");
|
|
10076
10149
|
var import_table3 = require("@react-aria/table");
|
|
10077
10150
|
var import_utils10 = require("@react-aria/utils");
|
|
10078
|
-
var
|
|
10151
|
+
var import_system91 = require("@marigold/system");
|
|
10079
10152
|
|
|
10080
10153
|
// src/Table/utils.ts
|
|
10081
10154
|
var mapCheckboxProps = ({
|
|
@@ -10100,7 +10173,7 @@ var mapCheckboxProps = ({
|
|
|
10100
10173
|
// src/Table/TableCheckboxCell.tsx
|
|
10101
10174
|
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
10102
10175
|
var TableCheckboxCell = ({ cell }) => {
|
|
10103
|
-
const ref = (0,
|
|
10176
|
+
const ref = (0, import_react67.useRef)(null);
|
|
10104
10177
|
const { state, classNames: classNames3 } = useTableContext();
|
|
10105
10178
|
const disabled = state.disabledKeys.has(cell.parentKey);
|
|
10106
10179
|
const { gridCellProps } = (0, import_table3.useTableCell)(
|
|
@@ -10114,12 +10187,12 @@ var TableCheckboxCell = ({ cell }) => {
|
|
|
10114
10187
|
(0, import_table3.useTableSelectionCheckbox)({ key: cell.parentKey }, state)
|
|
10115
10188
|
);
|
|
10116
10189
|
const { focusProps, isFocusVisible } = (0, import_focus4.useFocusRing)();
|
|
10117
|
-
const stateProps = (0,
|
|
10190
|
+
const stateProps = (0, import_system91.useStateProps)({ disabled, focusVisible: isFocusVisible });
|
|
10118
10191
|
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
10119
10192
|
"td",
|
|
10120
10193
|
{
|
|
10121
10194
|
ref,
|
|
10122
|
-
className: (0,
|
|
10195
|
+
className: (0, import_system91.cn)("text-center align-middle leading-none", classNames3 == null ? void 0 : classNames3.cell),
|
|
10123
10196
|
...(0, import_utils10.mergeProps)(gridCellProps, focusProps),
|
|
10124
10197
|
...stateProps,
|
|
10125
10198
|
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(_Checkbox, { ...checkboxProps })
|
|
@@ -10128,12 +10201,12 @@ var TableCheckboxCell = ({ cell }) => {
|
|
|
10128
10201
|
};
|
|
10129
10202
|
|
|
10130
10203
|
// src/Table/TableColumnHeader.tsx
|
|
10131
|
-
var
|
|
10204
|
+
var import_react68 = require("react");
|
|
10132
10205
|
var import_focus5 = require("@react-aria/focus");
|
|
10133
10206
|
var import_interactions2 = require("@react-aria/interactions");
|
|
10134
10207
|
var import_table4 = require("@react-aria/table");
|
|
10135
10208
|
var import_utils12 = require("@react-aria/utils");
|
|
10136
|
-
var
|
|
10209
|
+
var import_system92 = require("@marigold/system");
|
|
10137
10210
|
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
10138
10211
|
var TableColumnHeader = ({
|
|
10139
10212
|
column: column2,
|
|
@@ -10141,7 +10214,7 @@ var TableColumnHeader = ({
|
|
|
10141
10214
|
align = "left"
|
|
10142
10215
|
}) => {
|
|
10143
10216
|
var _a, _b;
|
|
10144
|
-
const ref = (0,
|
|
10217
|
+
const ref = (0, import_react68.useRef)(null);
|
|
10145
10218
|
const { state, classNames: classNames3 } = useTableContext();
|
|
10146
10219
|
const { columnHeaderProps } = (0, import_table4.useTableColumnHeader)(
|
|
10147
10220
|
{
|
|
@@ -10152,7 +10225,7 @@ var TableColumnHeader = ({
|
|
|
10152
10225
|
);
|
|
10153
10226
|
const { hoverProps, isHovered } = (0, import_interactions2.useHover)({});
|
|
10154
10227
|
const { focusProps, isFocusVisible } = (0, import_focus5.useFocusRing)();
|
|
10155
|
-
const stateProps = (0,
|
|
10228
|
+
const stateProps = (0, import_system92.useStateProps)({
|
|
10156
10229
|
hover: isHovered,
|
|
10157
10230
|
focusVisible: isFocusVisible
|
|
10158
10231
|
});
|
|
@@ -10161,7 +10234,7 @@ var TableColumnHeader = ({
|
|
|
10161
10234
|
{
|
|
10162
10235
|
colSpan: column2.colspan,
|
|
10163
10236
|
ref,
|
|
10164
|
-
className: (0,
|
|
10237
|
+
className: (0, import_system92.cn)("cursor-default", import_system92.width[width], classNames3 == null ? void 0 : classNames3.header),
|
|
10165
10238
|
...(0, import_utils12.mergeProps)(columnHeaderProps, hoverProps, focusProps),
|
|
10166
10239
|
...stateProps,
|
|
10167
10240
|
align,
|
|
@@ -10175,7 +10248,7 @@ var TableColumnHeader = ({
|
|
|
10175
10248
|
|
|
10176
10249
|
// src/Table/TableHeader.tsx
|
|
10177
10250
|
var import_table5 = require("@react-aria/table");
|
|
10178
|
-
var
|
|
10251
|
+
var import_system93 = require("@marigold/system");
|
|
10179
10252
|
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
10180
10253
|
var TableHeader = ({ stickyHeader, children }) => {
|
|
10181
10254
|
const { rowGroupProps } = (0, import_table5.useTableRowGroup)();
|
|
@@ -10184,7 +10257,7 @@ var TableHeader = ({ stickyHeader, children }) => {
|
|
|
10184
10257
|
"thead",
|
|
10185
10258
|
{
|
|
10186
10259
|
...rowGroupProps,
|
|
10187
|
-
className: (0,
|
|
10260
|
+
className: (0, import_system93.cn)(
|
|
10188
10261
|
classNames3 == null ? void 0 : classNames3.thead,
|
|
10189
10262
|
// for sticky header &th needs to be sticky for b2b and core theme
|
|
10190
10263
|
// for rui sticky is applied to thead
|
|
@@ -10196,7 +10269,7 @@ var TableHeader = ({ stickyHeader, children }) => {
|
|
|
10196
10269
|
};
|
|
10197
10270
|
|
|
10198
10271
|
// src/Table/TableHeaderRow.tsx
|
|
10199
|
-
var
|
|
10272
|
+
var import_react69 = require("react");
|
|
10200
10273
|
var import_table6 = require("@react-aria/table");
|
|
10201
10274
|
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
10202
10275
|
var TableHeaderRow = ({
|
|
@@ -10205,24 +10278,24 @@ var TableHeaderRow = ({
|
|
|
10205
10278
|
children
|
|
10206
10279
|
}) => {
|
|
10207
10280
|
const { state } = useTableContext();
|
|
10208
|
-
const ref = (0,
|
|
10281
|
+
const ref = (0, import_react69.useRef)(null);
|
|
10209
10282
|
const { rowProps } = (0, import_table6.useTableHeaderRow)({ node: item }, state, ref);
|
|
10210
10283
|
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("tr", { ...rowProps, className, ref, children });
|
|
10211
10284
|
};
|
|
10212
10285
|
|
|
10213
10286
|
// src/Table/TableRow.tsx
|
|
10214
|
-
var
|
|
10287
|
+
var import_react70 = require("react");
|
|
10215
10288
|
var import_focus6 = require("@react-aria/focus");
|
|
10216
10289
|
var import_interactions3 = require("@react-aria/interactions");
|
|
10217
10290
|
var import_table7 = require("@react-aria/table");
|
|
10218
10291
|
var import_utils13 = require("@react-aria/utils");
|
|
10219
|
-
var
|
|
10292
|
+
var import_system94 = require("@marigold/system");
|
|
10220
10293
|
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
10221
10294
|
var TableRow = ({ children, row }) => {
|
|
10222
|
-
const ref = (0,
|
|
10295
|
+
const ref = (0, import_react70.useRef)(null);
|
|
10223
10296
|
const { interactive, state, ...ctx } = useTableContext();
|
|
10224
10297
|
const { variant, size: size2 } = row.props;
|
|
10225
|
-
const classNames3 = (0,
|
|
10298
|
+
const classNames3 = (0, import_system94.useClassNames)({
|
|
10226
10299
|
component: "Table",
|
|
10227
10300
|
variant: variant || ctx.variant,
|
|
10228
10301
|
size: size2 || ctx.size
|
|
@@ -10240,7 +10313,7 @@ var TableRow = ({ children, row }) => {
|
|
|
10240
10313
|
const { hoverProps, isHovered } = (0, import_interactions3.useHover)({
|
|
10241
10314
|
isDisabled: disabled || !interactive
|
|
10242
10315
|
});
|
|
10243
|
-
const stateProps = (0,
|
|
10316
|
+
const stateProps = (0, import_system94.useStateProps)({
|
|
10244
10317
|
disabled,
|
|
10245
10318
|
selected,
|
|
10246
10319
|
hover: isHovered,
|
|
@@ -10251,7 +10324,7 @@ var TableRow = ({ children, row }) => {
|
|
|
10251
10324
|
"tr",
|
|
10252
10325
|
{
|
|
10253
10326
|
ref,
|
|
10254
|
-
className: (0,
|
|
10327
|
+
className: (0, import_system94.cn)(
|
|
10255
10328
|
[
|
|
10256
10329
|
!interactive ? "cursor-text" : disabled ? "cursor-default" : "cursor-pointer"
|
|
10257
10330
|
],
|
|
@@ -10265,19 +10338,19 @@ var TableRow = ({ children, row }) => {
|
|
|
10265
10338
|
};
|
|
10266
10339
|
|
|
10267
10340
|
// src/Table/TableSelectAllCell.tsx
|
|
10268
|
-
var
|
|
10341
|
+
var import_react71 = require("react");
|
|
10269
10342
|
var import_focus7 = require("@react-aria/focus");
|
|
10270
10343
|
var import_interactions4 = require("@react-aria/interactions");
|
|
10271
10344
|
var import_table8 = require("@react-aria/table");
|
|
10272
10345
|
var import_utils14 = require("@react-aria/utils");
|
|
10273
|
-
var
|
|
10346
|
+
var import_system95 = require("@marigold/system");
|
|
10274
10347
|
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
10275
10348
|
var TableSelectAllCell = ({
|
|
10276
10349
|
column: column2,
|
|
10277
10350
|
width = "auto",
|
|
10278
10351
|
align = "left"
|
|
10279
10352
|
}) => {
|
|
10280
|
-
const ref = (0,
|
|
10353
|
+
const ref = (0, import_react71.useRef)(null);
|
|
10281
10354
|
const { state, classNames: classNames3 } = useTableContext();
|
|
10282
10355
|
const { columnHeaderProps } = (0, import_table8.useTableColumnHeader)(
|
|
10283
10356
|
{
|
|
@@ -10289,7 +10362,7 @@ var TableSelectAllCell = ({
|
|
|
10289
10362
|
const { checkboxProps } = mapCheckboxProps((0, import_table8.useTableSelectAllCheckbox)(state));
|
|
10290
10363
|
const { hoverProps, isHovered } = (0, import_interactions4.useHover)({});
|
|
10291
10364
|
const { focusProps, isFocusVisible } = (0, import_focus7.useFocusRing)();
|
|
10292
|
-
const stateProps = (0,
|
|
10365
|
+
const stateProps = (0, import_system95.useStateProps)({
|
|
10293
10366
|
hover: isHovered,
|
|
10294
10367
|
focusVisible: isFocusVisible
|
|
10295
10368
|
});
|
|
@@ -10297,7 +10370,7 @@ var TableSelectAllCell = ({
|
|
|
10297
10370
|
"th",
|
|
10298
10371
|
{
|
|
10299
10372
|
ref,
|
|
10300
|
-
className: (0,
|
|
10373
|
+
className: (0, import_system95.cn)(import_system95.width[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
|
|
10301
10374
|
...(0, import_utils14.mergeProps)(columnHeaderProps, hoverProps, focusProps),
|
|
10302
10375
|
...stateProps,
|
|
10303
10376
|
align,
|
|
@@ -10319,7 +10392,7 @@ var Table = ({
|
|
|
10319
10392
|
...props
|
|
10320
10393
|
}) => {
|
|
10321
10394
|
const interactive = selectionMode !== "none";
|
|
10322
|
-
const tableRef = (0,
|
|
10395
|
+
const tableRef = (0, import_react72.useRef)(null);
|
|
10323
10396
|
const state = (0, import_table10.useTableState)({
|
|
10324
10397
|
...props,
|
|
10325
10398
|
selectionMode,
|
|
@@ -10330,7 +10403,7 @@ var Table = ({
|
|
|
10330
10403
|
state.isKeyboardNavigationDisabled = disableKeyboardNavigation;
|
|
10331
10404
|
}
|
|
10332
10405
|
const { gridProps } = (0, import_table9.useTable)(props, state, tableRef);
|
|
10333
|
-
const classNames3 = (0,
|
|
10406
|
+
const classNames3 = (0, import_system96.useClassNames)({
|
|
10334
10407
|
component: "Table",
|
|
10335
10408
|
variant,
|
|
10336
10409
|
size: size2
|
|
@@ -10344,7 +10417,7 @@ var Table = ({
|
|
|
10344
10417
|
"table",
|
|
10345
10418
|
{
|
|
10346
10419
|
ref: tableRef,
|
|
10347
|
-
className: (0,
|
|
10420
|
+
className: (0, import_system96.cn)(
|
|
10348
10421
|
"group/table",
|
|
10349
10422
|
"border-collapse",
|
|
10350
10423
|
stretch ? "table w-full" : "block",
|
|
@@ -10411,8 +10484,8 @@ Table.Header = import_table10.TableHeader;
|
|
|
10411
10484
|
Table.Row = import_table10.Row;
|
|
10412
10485
|
|
|
10413
10486
|
// src/Text/Text.tsx
|
|
10414
|
-
var
|
|
10415
|
-
var
|
|
10487
|
+
var import_react_aria_components61 = require("react-aria-components");
|
|
10488
|
+
var import_system97 = require("@marigold/system");
|
|
10416
10489
|
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
10417
10490
|
var _Text = ({
|
|
10418
10491
|
variant,
|
|
@@ -10427,40 +10500,40 @@ var _Text = ({
|
|
|
10427
10500
|
as = "div",
|
|
10428
10501
|
...props
|
|
10429
10502
|
}) => {
|
|
10430
|
-
const classNames3 = (0,
|
|
10503
|
+
const classNames3 = (0, import_system97.useClassNames)({
|
|
10431
10504
|
component: "Text",
|
|
10432
10505
|
variant,
|
|
10433
10506
|
size: size2
|
|
10434
10507
|
});
|
|
10435
|
-
const Component2 = props.slot ?
|
|
10508
|
+
const Component2 = props.slot ? import_react_aria_components61.Text : as;
|
|
10436
10509
|
const elementType = props.slot ? { elementType: as } : {};
|
|
10437
10510
|
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
10438
10511
|
Component2,
|
|
10439
10512
|
{
|
|
10440
10513
|
...props,
|
|
10441
10514
|
...elementType,
|
|
10442
|
-
className: (0,
|
|
10515
|
+
className: (0, import_system97.cn)(
|
|
10443
10516
|
"max-w-(--maxTextWidth)",
|
|
10444
10517
|
// possibly set by a <Container>
|
|
10445
10518
|
classNames3,
|
|
10446
|
-
fontStyle &&
|
|
10447
|
-
align &&
|
|
10448
|
-
cursor2 &&
|
|
10449
|
-
weight &&
|
|
10450
|
-
fontSize &&
|
|
10519
|
+
fontStyle && import_system97.textStyle[fontStyle],
|
|
10520
|
+
align && import_system97.textAlign[align],
|
|
10521
|
+
cursor2 && import_system97.cursorStyle[cursor2],
|
|
10522
|
+
weight && import_system97.fontWeight[weight],
|
|
10523
|
+
fontSize && import_system97.textSize[fontSize]
|
|
10451
10524
|
),
|
|
10452
|
-
style: { color: color && (0,
|
|
10525
|
+
style: { color: color && (0, import_system97.ensureCssVar)(color, "color") },
|
|
10453
10526
|
children
|
|
10454
10527
|
}
|
|
10455
10528
|
);
|
|
10456
10529
|
};
|
|
10457
10530
|
|
|
10458
10531
|
// src/TextArea/TextArea.tsx
|
|
10459
|
-
var
|
|
10460
|
-
var
|
|
10461
|
-
var
|
|
10532
|
+
var import_react73 = require("react");
|
|
10533
|
+
var import_react_aria_components62 = require("react-aria-components");
|
|
10534
|
+
var import_system98 = require("@marigold/system");
|
|
10462
10535
|
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
10463
|
-
var _TextArea = (0,
|
|
10536
|
+
var _TextArea = (0, import_react73.forwardRef)(
|
|
10464
10537
|
({
|
|
10465
10538
|
variant,
|
|
10466
10539
|
size: size2,
|
|
@@ -10471,7 +10544,7 @@ var _TextArea = (0, import_react72.forwardRef)(
|
|
|
10471
10544
|
rows,
|
|
10472
10545
|
...rest
|
|
10473
10546
|
}, ref) => {
|
|
10474
|
-
const classNames3 = (0,
|
|
10547
|
+
const classNames3 = (0, import_system98.useClassNames)({ component: "TextArea", variant, size: size2 });
|
|
10475
10548
|
const props = {
|
|
10476
10549
|
isDisabled: disabled,
|
|
10477
10550
|
isReadOnly: readOnly,
|
|
@@ -10479,15 +10552,15 @@ var _TextArea = (0, import_react72.forwardRef)(
|
|
|
10479
10552
|
isRequired: required,
|
|
10480
10553
|
...rest
|
|
10481
10554
|
};
|
|
10482
|
-
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FieldBase, { as:
|
|
10555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FieldBase, { as: import_react_aria_components62.TextField, ...props, variant, size: size2, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components62.TextArea, { className: classNames3, ref, rows }) });
|
|
10483
10556
|
}
|
|
10484
10557
|
);
|
|
10485
10558
|
|
|
10486
10559
|
// src/TextField/TextField.tsx
|
|
10487
|
-
var
|
|
10488
|
-
var
|
|
10560
|
+
var import_react74 = require("react");
|
|
10561
|
+
var import_react_aria_components63 = require("react-aria-components");
|
|
10489
10562
|
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
10490
|
-
var _TextField = (0,
|
|
10563
|
+
var _TextField = (0, import_react74.forwardRef)(
|
|
10491
10564
|
({ required, disabled, readOnly, error, ...rest }, ref) => {
|
|
10492
10565
|
const props = {
|
|
10493
10566
|
isDisabled: disabled,
|
|
@@ -10496,12 +10569,12 @@ var _TextField = (0, import_react73.forwardRef)(
|
|
|
10496
10569
|
isRequired: required,
|
|
10497
10570
|
...rest
|
|
10498
10571
|
};
|
|
10499
|
-
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FieldBase, { as:
|
|
10572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FieldBase, { as: import_react_aria_components63.TextField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(_Input, { ref }) });
|
|
10500
10573
|
}
|
|
10501
10574
|
);
|
|
10502
10575
|
|
|
10503
10576
|
// src/Tiles/Tiles.tsx
|
|
10504
|
-
var
|
|
10577
|
+
var import_system99 = require("@marigold/system");
|
|
10505
10578
|
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
10506
10579
|
var Tiles = ({
|
|
10507
10580
|
space = 0,
|
|
@@ -10519,24 +10592,24 @@ var Tiles = ({
|
|
|
10519
10592
|
"div",
|
|
10520
10593
|
{
|
|
10521
10594
|
...props,
|
|
10522
|
-
className: (0,
|
|
10595
|
+
className: (0, import_system99.cn)(
|
|
10523
10596
|
"grid",
|
|
10524
|
-
|
|
10597
|
+
import_system99.gapSpace[space],
|
|
10525
10598
|
"grid-cols-[repeat(auto-fit,var(--column))]",
|
|
10526
10599
|
equalHeight && "auto-rows-[1fr]"
|
|
10527
10600
|
),
|
|
10528
|
-
style: (0,
|
|
10601
|
+
style: (0, import_system99.createVar)({ column: column2, tilesWidth }),
|
|
10529
10602
|
children
|
|
10530
10603
|
}
|
|
10531
10604
|
);
|
|
10532
10605
|
};
|
|
10533
10606
|
|
|
10534
10607
|
// src/Tooltip/Tooltip.tsx
|
|
10535
|
-
var
|
|
10536
|
-
var
|
|
10608
|
+
var import_react_aria_components65 = require("react-aria-components");
|
|
10609
|
+
var import_system100 = require("@marigold/system");
|
|
10537
10610
|
|
|
10538
10611
|
// src/Tooltip/TooltipTrigger.tsx
|
|
10539
|
-
var
|
|
10612
|
+
var import_react_aria_components64 = require("react-aria-components");
|
|
10540
10613
|
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
10541
10614
|
var _TooltipTrigger = ({
|
|
10542
10615
|
delay = 1e3,
|
|
@@ -10551,7 +10624,7 @@ var _TooltipTrigger = ({
|
|
|
10551
10624
|
isOpen: open,
|
|
10552
10625
|
delay
|
|
10553
10626
|
};
|
|
10554
|
-
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
10627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components64.TooltipTrigger, { ...props, children });
|
|
10555
10628
|
};
|
|
10556
10629
|
|
|
10557
10630
|
// src/Tooltip/Tooltip.tsx
|
|
@@ -10561,16 +10634,16 @@ var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
|
|
|
10561
10634
|
...rest,
|
|
10562
10635
|
isOpen: open
|
|
10563
10636
|
};
|
|
10564
|
-
const classNames3 = (0,
|
|
10637
|
+
const classNames3 = (0, import_system100.useClassNames)({ component: "Tooltip", variant, size: size2 });
|
|
10565
10638
|
const portal = usePortalContainer();
|
|
10566
10639
|
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
|
|
10567
|
-
|
|
10640
|
+
import_react_aria_components65.Tooltip,
|
|
10568
10641
|
{
|
|
10569
10642
|
...props,
|
|
10570
|
-
className: (0,
|
|
10643
|
+
className: (0, import_system100.cn)("group/tooltip", classNames3.container),
|
|
10571
10644
|
UNSTABLE_portalContainer: portal,
|
|
10572
10645
|
children: [
|
|
10573
|
-
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
10646
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_aria_components65.OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
|
|
10574
10647
|
children
|
|
10575
10648
|
]
|
|
10576
10649
|
}
|
|
@@ -10579,20 +10652,20 @@ var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
|
|
|
10579
10652
|
_Tooltip.Trigger = _TooltipTrigger;
|
|
10580
10653
|
|
|
10581
10654
|
// src/TagGroup/Tag.tsx
|
|
10582
|
-
var
|
|
10583
|
-
var
|
|
10655
|
+
var import_react_aria_components68 = require("react-aria-components");
|
|
10656
|
+
var import_system102 = require("@marigold/system");
|
|
10584
10657
|
|
|
10585
10658
|
// src/TagGroup/TagGroup.tsx
|
|
10586
|
-
var
|
|
10587
|
-
var
|
|
10659
|
+
var import_react_aria_components67 = require("react-aria-components");
|
|
10660
|
+
var import_system101 = require("@marigold/system");
|
|
10588
10661
|
|
|
10589
10662
|
// src/TagGroup/TagGroupHiddenInput.tsx
|
|
10590
|
-
var
|
|
10591
|
-
var
|
|
10663
|
+
var import_react75 = require("react");
|
|
10664
|
+
var import_react_aria_components66 = require("react-aria-components");
|
|
10592
10665
|
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
10593
10666
|
var TagGroupHiddenInput = ({ name }) => {
|
|
10594
10667
|
var _a;
|
|
10595
|
-
const state = (0,
|
|
10668
|
+
const state = (0, import_react75.useContext)(import_react_aria_components66.ListStateContext);
|
|
10596
10669
|
const selectedKeys = Array.from((_a = state == null ? void 0 : state.selectionManager.selectedKeys) != null ? _a : []);
|
|
10597
10670
|
if (!selectedKeys.length) return null;
|
|
10598
10671
|
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
@@ -10620,10 +10693,10 @@ var _TagGroup = ({
|
|
|
10620
10693
|
name,
|
|
10621
10694
|
...rest
|
|
10622
10695
|
}) => {
|
|
10623
|
-
const classNames3 = (0,
|
|
10624
|
-
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(FieldBase, { as:
|
|
10696
|
+
const classNames3 = (0, import_system101.useClassNames)({ component: "Tag", variant, size: size2 });
|
|
10697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(FieldBase, { as: import_react_aria_components67.TagGroup, ...rest, children: [
|
|
10625
10698
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
10626
|
-
|
|
10699
|
+
import_react_aria_components67.TagList,
|
|
10627
10700
|
{
|
|
10628
10701
|
items,
|
|
10629
10702
|
className: classNames3.listItems,
|
|
@@ -10639,17 +10712,17 @@ var _TagGroup = ({
|
|
|
10639
10712
|
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
10640
10713
|
var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
|
|
10641
10714
|
let textValue = typeof children === "string" ? children : void 0;
|
|
10642
|
-
const classNames3 = (0,
|
|
10715
|
+
const classNames3 = (0, import_system102.useClassNames)({ component: "Tag", variant, size: size2 });
|
|
10643
10716
|
const props = {
|
|
10644
10717
|
isDisabled: disabled,
|
|
10645
10718
|
...rest
|
|
10646
10719
|
};
|
|
10647
10720
|
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10648
|
-
|
|
10721
|
+
import_react_aria_components68.Tag,
|
|
10649
10722
|
{
|
|
10650
10723
|
textValue,
|
|
10651
10724
|
...props,
|
|
10652
|
-
className: (0,
|
|
10725
|
+
className: (0, import_system102.cn)("data-selection-mode:cursor-pointer", classNames3.tag),
|
|
10653
10726
|
children: ({ allowsRemoving }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
|
|
10654
10727
|
children,
|
|
10655
10728
|
allowsRemoving && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CloseButton, { className: classNames3.closeButton, slot: "remove" })
|
|
@@ -10663,14 +10736,14 @@ _Tag.Group = _TagGroup;
|
|
|
10663
10736
|
var import_visually_hidden = require("@react-aria/visually-hidden");
|
|
10664
10737
|
|
|
10665
10738
|
// src/XLoader/XLoader.tsx
|
|
10666
|
-
var
|
|
10739
|
+
var import_react_aria_components70 = require("react-aria-components");
|
|
10667
10740
|
var import_utils16 = require("@react-aria/utils");
|
|
10668
|
-
var
|
|
10741
|
+
var import_system104 = require("@marigold/system");
|
|
10669
10742
|
|
|
10670
10743
|
// src/XLoader/BaseLoader.tsx
|
|
10671
|
-
var
|
|
10744
|
+
var import_react_aria_components69 = require("react-aria-components");
|
|
10672
10745
|
var import_i18n6 = require("@react-aria/i18n");
|
|
10673
|
-
var
|
|
10746
|
+
var import_system103 = require("@marigold/system");
|
|
10674
10747
|
|
|
10675
10748
|
// src/intl/messages.ts
|
|
10676
10749
|
var intlMessages2 = {
|
|
@@ -10692,9 +10765,9 @@ var BaseLoader = ({
|
|
|
10692
10765
|
...props
|
|
10693
10766
|
}) => {
|
|
10694
10767
|
const stringFormatter = (0, import_i18n6.useLocalizedStringFormatter)(intlMessages2, "marigold");
|
|
10695
|
-
const className = (0,
|
|
10768
|
+
const className = (0, import_system103.useClassNames)({ component: "XLoader", variant, size: size2 });
|
|
10696
10769
|
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
10697
|
-
|
|
10770
|
+
import_react_aria_components69.ProgressBar,
|
|
10698
10771
|
{
|
|
10699
10772
|
className: className.container,
|
|
10700
10773
|
isIndeterminate: true,
|
|
@@ -10911,7 +10984,7 @@ var BaseLoader = ({
|
|
|
10911
10984
|
]
|
|
10912
10985
|
}
|
|
10913
10986
|
),
|
|
10914
|
-
children ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
10987
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_aria_components69.Label, { className: className.label, children }) : null
|
|
10915
10988
|
]
|
|
10916
10989
|
}
|
|
10917
10990
|
);
|
|
@@ -10921,10 +10994,10 @@ var BaseLoader = ({
|
|
|
10921
10994
|
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
10922
10995
|
var LoaderFullScreen = (props) => {
|
|
10923
10996
|
const id = (0, import_utils16.useId)();
|
|
10924
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
10997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react_aria_components70.Modal, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react_aria_components70.Dialog, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(BaseLoader, { id, ...props }) }) }) });
|
|
10925
10998
|
};
|
|
10926
10999
|
var LoaderSection = (props) => {
|
|
10927
|
-
const className = (0,
|
|
11000
|
+
const className = (0, import_system104.useClassNames)({
|
|
10928
11001
|
component: "Underlay",
|
|
10929
11002
|
variant: "modal",
|
|
10930
11003
|
className: "flex size-full items-center justify-center"
|
|
@@ -10934,25 +11007,25 @@ var LoaderSection = (props) => {
|
|
|
10934
11007
|
var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(BaseLoader, { variant, ...props });
|
|
10935
11008
|
|
|
10936
11009
|
// src/Tabs/Tabs.tsx
|
|
10937
|
-
var
|
|
10938
|
-
var
|
|
11010
|
+
var import_react_aria_components74 = require("react-aria-components");
|
|
11011
|
+
var import_system107 = require("@marigold/system");
|
|
10939
11012
|
|
|
10940
11013
|
// src/Tabs/Context.ts
|
|
10941
|
-
var
|
|
10942
|
-
var TabContext = (0,
|
|
10943
|
-
var useTabContext = () => (0,
|
|
11014
|
+
var import_react76 = require("react");
|
|
11015
|
+
var TabContext = (0, import_react76.createContext)({});
|
|
11016
|
+
var useTabContext = () => (0, import_react76.useContext)(TabContext);
|
|
10944
11017
|
|
|
10945
11018
|
// src/Tabs/Tab.tsx
|
|
10946
|
-
var
|
|
10947
|
-
var
|
|
11019
|
+
var import_react_aria_components71 = require("react-aria-components");
|
|
11020
|
+
var import_system105 = require("@marigold/system");
|
|
10948
11021
|
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
10949
11022
|
var _Tab = (props) => {
|
|
10950
11023
|
const { classNames: classNames3 } = useTabContext();
|
|
10951
11024
|
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
10952
|
-
|
|
11025
|
+
import_react_aria_components71.Tab,
|
|
10953
11026
|
{
|
|
10954
11027
|
...props,
|
|
10955
|
-
className: (0,
|
|
11028
|
+
className: (0, import_system105.cn)(
|
|
10956
11029
|
"flex cursor-pointer justify-center aria-disabled:cursor-not-allowed",
|
|
10957
11030
|
classNames3.tab
|
|
10958
11031
|
),
|
|
@@ -10962,27 +11035,27 @@ var _Tab = (props) => {
|
|
|
10962
11035
|
};
|
|
10963
11036
|
|
|
10964
11037
|
// src/Tabs/TabList.tsx
|
|
10965
|
-
var
|
|
10966
|
-
var
|
|
11038
|
+
var import_react_aria_components72 = require("react-aria-components");
|
|
11039
|
+
var import_system106 = require("@marigold/system");
|
|
10967
11040
|
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
10968
11041
|
var _TabList = ({ space = 2, ...props }) => {
|
|
10969
11042
|
const { classNames: classNames3 } = useTabContext();
|
|
10970
11043
|
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
10971
|
-
|
|
11044
|
+
import_react_aria_components72.TabList,
|
|
10972
11045
|
{
|
|
10973
11046
|
...props,
|
|
10974
|
-
className: (0,
|
|
11047
|
+
className: (0, import_system106.cn)("flex", import_system106.gapSpace[space], classNames3.tabsList),
|
|
10975
11048
|
children: props.children
|
|
10976
11049
|
}
|
|
10977
11050
|
);
|
|
10978
11051
|
};
|
|
10979
11052
|
|
|
10980
11053
|
// src/Tabs/TabPanel.tsx
|
|
10981
|
-
var
|
|
11054
|
+
var import_react_aria_components73 = require("react-aria-components");
|
|
10982
11055
|
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
10983
11056
|
var _TabPanel = (props) => {
|
|
10984
11057
|
const { classNames: classNames3 } = useTabContext();
|
|
10985
|
-
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
11058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_react_aria_components73.TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
|
|
10986
11059
|
};
|
|
10987
11060
|
|
|
10988
11061
|
// src/Tabs/Tabs.tsx
|
|
@@ -10992,19 +11065,19 @@ var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
|
|
|
10992
11065
|
isDisabled: disabled,
|
|
10993
11066
|
...rest
|
|
10994
11067
|
};
|
|
10995
|
-
const classNames3 = (0,
|
|
11068
|
+
const classNames3 = (0, import_system107.useClassNames)({
|
|
10996
11069
|
component: "Tabs",
|
|
10997
11070
|
size: size2,
|
|
10998
11071
|
variant
|
|
10999
11072
|
});
|
|
11000
|
-
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
11073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react_aria_components74.Tabs, { ...props, className: classNames3.container, children: props.children }) });
|
|
11001
11074
|
};
|
|
11002
11075
|
_Tabs.List = _TabList;
|
|
11003
11076
|
_Tabs.TabPanel = _TabPanel;
|
|
11004
11077
|
_Tabs.Item = _Tab;
|
|
11005
11078
|
|
|
11006
11079
|
// src/RouterProvider/RouterProvider.tsx
|
|
11007
|
-
var
|
|
11080
|
+
var import_react_aria_components75 = require("react-aria-components");
|
|
11008
11081
|
// Annotate the CommonJS export names for ESM import in node:
|
|
11009
11082
|
0 && (module.exports = {
|
|
11010
11083
|
Accordion,
|
|
@@ -11081,7 +11154,6 @@ var import_react_aria_components74 = require("react-aria-components");
|
|
|
11081
11154
|
Underlay,
|
|
11082
11155
|
VisuallyHidden,
|
|
11083
11156
|
XLoader,
|
|
11084
|
-
_Calendar,
|
|
11085
11157
|
gridColsAlign,
|
|
11086
11158
|
gridColumn,
|
|
11087
11159
|
useAsyncList,
|