@servicetitan/anvil2 1.5.0 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/{Combobox-o-MN9vEF.js → Combobox-CI3x7jKh.js} +397 -397
  2. package/{Combobox-o-MN9vEF.js.map → Combobox-CI3x7jKh.js.map} +1 -1
  3. package/{Combobox-D-KoEPmn.cjs → Combobox-r0cBuJki.cjs} +3 -3
  4. package/{Combobox-D-KoEPmn.cjs.map → Combobox-r0cBuJki.cjs.map} +1 -1
  5. package/Combobox.cjs +1 -1
  6. package/Combobox.js +1 -1
  7. package/{Details-Co3AewyC.js → Details-CakdUENQ.js} +85 -84
  8. package/Details-CakdUENQ.js.map +1 -0
  9. package/Details-Dehz1yRF.cjs +2 -0
  10. package/Details-Dehz1yRF.cjs.map +1 -0
  11. package/Details.cjs +1 -1
  12. package/Details.js +1 -1
  13. package/{Menu-BMJBWn7R.cjs → Menu-Co7KQg5U.cjs} +2 -2
  14. package/Menu-Co7KQg5U.cjs.map +1 -0
  15. package/{Menu-hNCen-5_.js → Menu-DKtINabM.js} +2 -1
  16. package/Menu-DKtINabM.js.map +1 -0
  17. package/Menu.cjs +1 -1
  18. package/Menu.js +1 -1
  19. package/{SearchField-DMZeH4tv.js → SearchField-6LdGuLfp.js} +11 -11
  20. package/SearchField-6LdGuLfp.js.map +1 -0
  21. package/{SearchField-DVXdCoPK.cjs → SearchField-CMS0lAso.cjs} +2 -2
  22. package/SearchField-CMS0lAso.cjs.map +1 -0
  23. package/SearchField.cjs +1 -1
  24. package/SearchField.css +1 -1
  25. package/SearchField.js +1 -1
  26. package/SideNav-DXojTY0Z.js +342 -0
  27. package/SideNav-DXojTY0Z.js.map +1 -0
  28. package/SideNav-DfyWvMjr.cjs +2 -0
  29. package/SideNav-DfyWvMjr.cjs.map +1 -0
  30. package/SideNav.cjs +1 -1
  31. package/SideNav.d.ts +16 -0
  32. package/SideNav.js +6 -5
  33. package/anvil2.cjs +1 -1
  34. package/anvil2.d.ts +13 -0
  35. package/anvil2.js +80 -79
  36. package/package-RdURBmJy.cjs +2 -0
  37. package/package-RdURBmJy.cjs.map +1 -0
  38. package/package-YKBo35yJ.js +5 -0
  39. package/package-YKBo35yJ.js.map +1 -0
  40. package/package.json +45 -36
  41. package/Details-Co3AewyC.js.map +0 -1
  42. package/Details-ZNq5IaAy.cjs +0 -2
  43. package/Details-ZNq5IaAy.cjs.map +0 -1
  44. package/Menu-BMJBWn7R.cjs.map +0 -1
  45. package/Menu-hNCen-5_.js.map +0 -1
  46. package/SearchField-DMZeH4tv.js.map +0 -1
  47. package/SearchField-DVXdCoPK.cjs.map +0 -1
  48. package/SideNav-Bdl0r5mC.js +0 -280
  49. package/SideNav-Bdl0r5mC.js.map +0 -1
  50. package/SideNav-CSUjT43n.cjs +0 -2
  51. package/SideNav-CSUjT43n.cjs.map +0 -1
@@ -1,25 +1,25 @@
1
1
  import { j as Ne } from "./jsx-runtime-B6kdoens.js";
2
2
  import { f as q } from "./jsx-runtime-DmTjM30f-Qvbpxce2.js";
3
- import Ge, { useRef as ae, useCallback as se, useEffect as ce, useMemo as lt, cloneElement as Cr, useLayoutEffect as Pn, useReducer as Sr, Component as Dr, createContext as Tr, useState as pe, useId as Qt, useContext as Rr } from "react";
3
+ import Ge, { useRef as ae, useCallback as se, useEffect as ce, useMemo as lt, cloneElement as Cr, useLayoutEffect as Pn, useReducer as Sr, Component as Dr, createContext as Tr, useId as Qt, useState as pe, useContext as Rr } from "react";
4
4
  import { a as z, _ as ge } from "./extends-C3382pL0.js";
5
5
  import { g as Nn } from "./_commonjsHelpers-BkfeUUK-.js";
6
- import { G as Te } from "./index-B9BgsxnA.js";
7
- import { j as Pr } from "./Flex-D-uYVS9I-0ycvf8JF.js";
8
- import { Q as mt, C as Nr } from "./Popover-w3OnmR7f-DoGrzMJ0.js";
6
+ import { C as Pr, Q as mt } from "./Popover-w3OnmR7f-DoGrzMJ0.js";
9
7
  import "./tinycolor-7bVxTrF6.js";
10
8
  import { J as Mn } from "./useLayoutPropsUtil-CGf5lNlK-BDpNIJtx.js";
11
- import { j as Mr } from "./Label-CkY8ldc9-BeCRsp4F.js";
12
- import { C as Zt } from "./ButtonToggle-uOhiLjZh-Glk0YZBt.js";
13
- import { A as en } from "./Chip-BVUDQYeX-Dz3G1Cub.js";
14
- import { I as Ar } from "./Icon-BcLI32jH-Dq2p5h4f.js";
15
- import { e as kr } from "./Checkbox-Bac2nQzq-Cgv2fvTw.js";
16
- import { $ as tn } from "./Text-DW_1b5Ao-DnqiTXGv.js";
17
- import { a as Vr } from "./close-rGTzRQfw-Dbu1sjKk.js";
18
- import { a as Hr } from "./chevron_right-C6tOB0si-CQUlqPv7.js";
19
- import { a as Kr } from "./check-EixQBT_K-DVm-iNP1.js";
20
- import { v as jr } from "./Helper-CicCRgpB-CRl7ybcQ.js";
9
+ import { G as Te } from "./index-B9BgsxnA.js";
10
+ import { $ as Zt } from "./Text-DW_1b5Ao-DnqiTXGv.js";
21
11
  import { l as An } from "./Listbox.module-6bX97NDI-h-n7TCMZ.js";
22
12
  import { i as ct } from "./ListView.module-Hib8oMK_-D1tjyIVv.js";
13
+ import { e as Nr } from "./Checkbox-Bac2nQzq-Cgv2fvTw.js";
14
+ import { I as Mr } from "./Icon-BcLI32jH-Dq2p5h4f.js";
15
+ import { a as Ar } from "./check-EixQBT_K-DVm-iNP1.js";
16
+ import { j as kr } from "./Flex-D-uYVS9I-0ycvf8JF.js";
17
+ import { j as Vr } from "./Label-CkY8ldc9-BeCRsp4F.js";
18
+ import { C as en } from "./ButtonToggle-uOhiLjZh-Glk0YZBt.js";
19
+ import { A as tn } from "./Chip-BVUDQYeX-Dz3G1Cub.js";
20
+ import { v as Hr } from "./Helper-CicCRgpB-CRl7ybcQ.js";
21
+ import { a as Kr } from "./close-rGTzRQfw-Dbu1sjKk.js";
22
+ import { a as jr } from "./chevron_right-C6tOB0si-CQUlqPv7.js";
23
23
  import { useTrackingId as kn } from "./useTrackingId.js";
24
24
  import { n as nn } from "./childrenToString-BP48L6HE-CwwYrHi6.js";
25
25
  import './Combobox.css';function rn(e) {
@@ -3415,365 +3415,80 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3415
3415
  listview: vi,
3416
3416
  "listview-option": "_listview-option_2zupj_256",
3417
3417
  empty: Ii
3418
- }, Xt = Tr(null), $e = function() {
3419
- const e = Rr(
3420
- Xt
3421
- );
3422
- if (e == null)
3423
- throw new Error("useCombobox must be wrapped in <Combobox />");
3424
- return e;
3425
- }, _i = function(e) {
3426
- const { multiple: n = !1, ...r } = e;
3427
- return n ? /* @__PURE__ */ q.jsx(bi, { ...r }) : /* @__PURE__ */ q.jsx(yi, { ...r });
3428
- }, yi = function(e) {
3429
- const { layoutStyles: n, componentProps: r } = Mn(e), {
3430
- className: i,
3431
- style: o,
3432
- children: t,
3433
- open: s,
3434
- items: u,
3435
- itemToString: c,
3436
- itemToKey: d,
3437
- onChange: a,
3438
- onSelectedItemChange: m,
3439
- disableCloseOnClickOutside: D = !1,
3440
- filterOptions: T,
3441
- root: O,
3442
- ...N
3443
- } = r, [g, K] = pe(u), [p, h] = pe(!1), [f, l] = pe(!1), [R, U] = pe(!1), [k, Y] = pe([]);
3444
- function j(w) {
3445
- return c && w ? c(w) : w ? String(w) : "";
3446
- }
3447
- const M = d || ((w) => w), {
3448
- isOpen: $,
3449
- getLabelProps: B,
3450
- getInputProps: L,
3451
- getToggleButtonProps: Q,
3452
- getMenuProps: J,
3453
- getItemProps: W,
3454
- highlightedIndex: re,
3455
- selectedItem: ie,
3456
- selectItem: v,
3457
- setInputValue: x,
3458
- inputValue: F
3459
- } = de({
3460
- ...N,
3461
- items: g,
3462
- itemToString(w) {
3463
- return j(w);
3464
- },
3465
- onInputValueChange({ inputValue: w, type: I, selectedItem: y }) {
3466
- I === de.stateChangeTypes.InputKeyDownEnter || I === de.stateChangeTypes.ItemClick || y != null && w === j(y) ? K(u) : w != null && w !== "" ? K(Jt(u, w, T)) : K(u);
3467
- },
3468
- onSelectedItemChange(w) {
3469
- const { selectedItem: I } = w;
3470
- a != null && a(I || null), m != null && m(w);
3471
- },
3472
- onIsOpenChange({ isOpen: w, inputValue: I, selectedItem: y }) {
3473
- w === !1 && I === "" ? (v(null), K(u)) : w === !1 && (x(y != null ? j(y) : ""), K(u));
3474
- },
3475
- stateReducer(w, { type: I, changes: y }) {
3476
- switch (I) {
3477
- case de.stateChangeTypes.InputBlur:
3478
- return D ? {
3479
- ...y,
3480
- isOpen: w.isOpen,
3481
- highlightedIndex: w.highlightedIndex
3482
- } : y;
3483
- default:
3484
- return y;
3485
- }
3486
- },
3487
- isItemDisabled(w) {
3488
- return p || !!(w && w instanceof Object && "disabled" in w && w.disabled || w && w instanceof Object && "readOnly" in w && w.readOnly || k.includes(w));
3489
- }
3418
+ }, _i = ({
3419
+ className: e,
3420
+ label: n,
3421
+ size: r,
3422
+ error: i,
3423
+ hint: o,
3424
+ description: t,
3425
+ required: s,
3426
+ moreInfo: u,
3427
+ openMoreInfo: c,
3428
+ disabled: d,
3429
+ readOnly: a,
3430
+ prefix: m,
3431
+ suffix: D,
3432
+ maxRows: T,
3433
+ ...O
3434
+ }) => {
3435
+ const {
3436
+ isOpen: N,
3437
+ itemToString: g,
3438
+ getLabelProps: K,
3439
+ getInputProps: p,
3440
+ getToggleButtonProps: h,
3441
+ selectedItems: f,
3442
+ getSelectedItemProps: l,
3443
+ getDropdownProps: R,
3444
+ reset: U,
3445
+ removeSelectedItem: k,
3446
+ selectItem: Y,
3447
+ inputValue: j,
3448
+ setIsDisabledOrReadOnly: M,
3449
+ hasDisabledPopover: $
3450
+ } = $e(), B = Pr(), L = ae(null), Q = Te(oe["input-wrapper"], {
3451
+ [oe.small]: r === "small",
3452
+ [oe.large]: r === "large"
3453
+ }), J = Qt(), W = Qt(), re = Te(oe.input, e, {
3454
+ [oe.error]: i
3490
3455
  });
3491
- return /* @__PURE__ */ q.jsx(
3492
- Xt.Provider,
3493
- {
3494
- value: {
3495
- multiple: !1,
3496
- items: g,
3497
- itemToString: j,
3498
- itemToKey: M,
3499
- isOpen: $,
3500
- getLabelProps: B,
3501
- getInputProps: L,
3502
- getToggleButtonProps: Q,
3503
- getMenuProps: J,
3504
- getItemProps: W,
3505
- highlightedIndex: re,
3506
- selectedItem: ie,
3507
- selectedItems: [],
3508
- disabledItems: k,
3509
- setDisabledItems: Y,
3510
- getSelectedItemProps: void 0,
3511
- getDropdownProps: void 0,
3512
- selectItem: v,
3513
- inputValue: F,
3514
- isDisabledOrReadOnly: p,
3515
- setIsDisabledOrReadOnly: h,
3516
- hasDisabledPopover: f,
3517
- setHasDisabledPopover: l,
3518
- hasEmpty: R,
3519
- setHasEmpty: U
3520
- },
3521
- children: /* @__PURE__ */ q.jsx(
3522
- "div",
3523
- {
3524
- className: i,
3525
- "data-anv": "combobox",
3526
- style: { ...o, ...n },
3527
- children: /* @__PURE__ */ q.jsx(
3528
- mt,
3529
- {
3530
- root: O,
3531
- open: s === !0 ? s : $,
3532
- noPadding: !0,
3533
- disableCaret: !0,
3534
- fitScreen: !0,
3535
- disableFlipFallback: !0,
3536
- matchReferenceWidth: !0,
3537
- children: t
3538
- }
3539
- )
3540
- }
3541
- )
3542
- }
3543
- );
3544
- }, bi = function(e) {
3545
- const { layoutStyles: n, componentProps: r } = Mn(e), {
3546
- className: i,
3547
- style: o,
3548
- children: t,
3549
- open: s,
3550
- items: u,
3551
- itemToString: c,
3552
- itemToKey: d,
3553
- onChange: a,
3554
- onSelectedItemsChange: m,
3555
- disableCloseOnClickOutside: D = !1,
3556
- filterOptions: T,
3557
- root: O,
3558
- stateReducer: N,
3559
- ...g
3560
- } = r, [K, p] = pe(u), [h, f] = pe(!1), [l, R] = pe(!1), [U, k] = pe(!1), [Y, j] = pe(""), [M, $] = pe([]), {
3561
- getSelectedItemProps: B,
3562
- getDropdownProps: L,
3563
- reset: Q,
3564
- selectedItems: J,
3565
- addSelectedItem: W,
3566
- removeSelectedItem: re,
3567
- setSelectedItems: ie
3568
- } = De({
3569
- ...g,
3570
- onSelectedItemsChange(P) {
3571
- const { selectedItems: _ } = P;
3572
- a != null && a(_), m != null && m(P);
3573
- },
3574
- stateReducer(P, _) {
3575
- const { type: G, changes: C } = _;
3576
- switch (G) {
3577
- case De.stateChangeTypes.SelectedItemKeyDownBackspace:
3578
- case De.stateChangeTypes.SelectedItemKeyDownDelete:
3579
- return P;
3580
- case De.stateChangeTypes.FunctionReset:
3581
- return { ...C, selectedItems: [] };
3582
- default:
3583
- return C;
3584
- }
3585
- }
3586
- });
3587
- function v(P) {
3588
- return c && P ? c(P) : P ? String(P) : "";
3589
- }
3590
- const x = d || ((P) => P), {
3591
- isOpen: F,
3592
- getLabelProps: w,
3593
- getInputProps: I,
3594
- getToggleButtonProps: y,
3595
- getMenuProps: E,
3596
- getItemProps: S,
3597
- highlightedIndex: V,
3598
- selectedItem: H,
3599
- selectItem: A
3600
- } = de({
3601
- ...g,
3602
- items: K,
3603
- itemToString(P) {
3604
- return v(P);
3605
- },
3606
- selectedItem: null,
3607
- inputValue: Y,
3608
- onInputValueChange({ inputValue: P, type: _, selectedItem: G }) {
3609
- _ === de.stateChangeTypes.InputKeyDownEnter || _ === de.stateChangeTypes.ItemClick || G != null && P === v(G) ? p(u) : P != null && P !== "" ? p(Jt(u, P, T)) : p(u);
3610
- },
3611
- onIsOpenChange({ isOpen: P }) {
3612
- P === !1 && (j(""), p(u));
3613
- },
3614
- stateReducer(P, { type: _, changes: G }) {
3615
- switch (_) {
3616
- case de.stateChangeTypes.InputBlur:
3617
- return D ? {
3618
- ...G,
3619
- isOpen: P.isOpen,
3620
- highlightedIndex: P.highlightedIndex
3621
- } : G;
3622
- default:
3623
- return G;
3624
- }
3625
- },
3626
- isItemDisabled(P) {
3627
- return h || !!(P && P instanceof Object && "disabled" in P && P.disabled || P && P instanceof Object && "readOnly" in P && P.readOnly || M.includes(P));
3628
- },
3629
- onStateChange({
3630
- inputValue: P = "",
3631
- type: _,
3632
- selectedItem: G
3633
- }) {
3634
- switch (_) {
3635
- case de.stateChangeTypes.InputKeyDownEnter:
3636
- case de.stateChangeTypes.ItemClick:
3637
- case de.stateChangeTypes.InputBlur:
3638
- if (G) {
3639
- const C = J.find(
3640
- (X) => x(X) === x(G)
3641
- );
3642
- C ? re(C) : W(G), j("");
3643
- }
3644
- break;
3645
- case de.stateChangeTypes.InputChange:
3646
- j(P);
3647
- break;
3648
- case de.stateChangeTypes.FunctionReset:
3649
- j("");
3650
- break;
3651
- }
3652
- }
3653
- });
3654
- return /* @__PURE__ */ q.jsx(
3655
- Xt.Provider,
3656
- {
3657
- value: {
3658
- multiple: !0,
3659
- items: K,
3660
- itemToString: v,
3661
- itemToKey: x,
3662
- isOpen: F,
3663
- getLabelProps: w,
3664
- getInputProps: I,
3665
- getToggleButtonProps: y,
3666
- getMenuProps: E,
3667
- getItemProps: S,
3668
- highlightedIndex: V,
3669
- selectedItem: H,
3670
- selectedItems: J,
3671
- disabledItems: M,
3672
- setDisabledItems: $,
3673
- getSelectedItemProps: B,
3674
- getDropdownProps: L,
3675
- reset: Q,
3676
- addSelectedItem: W,
3677
- removeSelectedItem: re,
3678
- setSelectedItems: ie,
3679
- selectItem: A,
3680
- inputValue: Y,
3681
- isDisabledOrReadOnly: h,
3682
- setIsDisabledOrReadOnly: f,
3683
- hasDisabledPopover: l,
3684
- setHasDisabledPopover: R,
3685
- hasEmpty: U,
3686
- setHasEmpty: k
3687
- },
3688
- children: /* @__PURE__ */ q.jsx("div", { className: i, style: { ...o, ...n }, children: /* @__PURE__ */ q.jsx(
3689
- mt,
3690
- {
3691
- root: O,
3692
- open: s === !0 ? s : F,
3693
- noPadding: !0,
3694
- disableCaret: !0,
3695
- fitScreen: !0,
3696
- disableFlipFallback: !0,
3697
- matchReferenceWidth: !0,
3698
- children: t
3699
- }
3700
- ) })
3701
- }
3702
- );
3703
- }, Ei = ({
3704
- className: e,
3705
- label: n,
3706
- size: r,
3707
- error: i,
3708
- hint: o,
3709
- description: t,
3710
- required: s,
3711
- moreInfo: u,
3712
- openMoreInfo: c,
3713
- disabled: d,
3714
- readOnly: a,
3715
- prefix: m,
3716
- suffix: D,
3717
- maxRows: T,
3718
- ...O
3719
- }) => {
3720
- const {
3721
- isOpen: N,
3722
- itemToString: g,
3723
- getLabelProps: K,
3724
- getInputProps: p,
3725
- getToggleButtonProps: h,
3726
- selectedItems: f,
3727
- getSelectedItemProps: l,
3728
- getDropdownProps: R,
3729
- reset: U,
3730
- removeSelectedItem: k,
3731
- selectItem: Y,
3732
- inputValue: j,
3733
- setIsDisabledOrReadOnly: M,
3734
- hasDisabledPopover: $
3735
- } = $e(), B = Nr(), L = ae(null), Q = Te(oe["input-wrapper"], {
3736
- [oe.small]: r === "small",
3737
- [oe.large]: r === "large"
3738
- }), J = Qt(), W = Qt(), re = Te(oe.input, e, {
3739
- [oe.error]: i
3740
- });
3741
- ce(() => (M(!!(d || a)), () => {
3742
- M(!1);
3743
- }), [d, a, M]);
3744
- let ie = `label${J} `;
3745
- ie += ` helper${W}`;
3746
- const v = typeof i != "boolean" ? i : void 0, x = ae(null), [F, w] = pe(!1), [I, y] = pe(!1), [E, S] = pe(
3747
- null
3748
- ), [V, H] = pe(0);
3749
- Pn(() => {
3750
- var P, _;
3751
- if (T !== void 0) {
3752
- if (F === !1)
3753
- w(!0), y(!1), S(null), H((G) => G + 1);
3754
- else if ((P = x == null ? void 0 : x.current) != null && P.children) {
3755
- const G = (_ = x == null ? void 0 : x.current) == null ? void 0 : _.children, C = Array.from(G).reduce(
3756
- (X, le) => {
3757
- const me = le.getBoundingClientRect().top;
3758
- return X.length ? X[X.length - 1].top === me ? [
3759
- ...X.slice(0, -1),
3760
- { count: X[X.length - 1].count + 1, top: me }
3761
- ] : X[X.length - 1].top !== me ? [...X, { count: 1, top: me }] : X : [{ count: 1, top: me }];
3762
- },
3763
- []
3764
- );
3765
- if (!C[1] || E === 0)
3766
- w(!1);
3767
- else {
3768
- if (y(!0), E == null) {
3769
- const X = Math.max(
3770
- C[0].count + C[1].count - 2,
3771
- 0
3772
- );
3773
- S(X);
3774
- } else
3775
- S(E - 1);
3776
- H((X) => X + 1);
3456
+ ce(() => (M(!!(d || a)), () => {
3457
+ M(!1);
3458
+ }), [d, a, M]);
3459
+ let ie = `label${J} `;
3460
+ ie += ` helper${W}`;
3461
+ const v = typeof i != "boolean" ? i : void 0, x = ae(null), [F, w] = pe(!1), [I, y] = pe(!1), [E, S] = pe(
3462
+ null
3463
+ ), [V, H] = pe(0);
3464
+ Pn(() => {
3465
+ var P, _;
3466
+ if (T !== void 0) {
3467
+ if (F === !1)
3468
+ w(!0), y(!1), S(null), H((G) => G + 1);
3469
+ else if ((P = x == null ? void 0 : x.current) != null && P.children) {
3470
+ const G = (_ = x == null ? void 0 : x.current) == null ? void 0 : _.children, C = Array.from(G).reduce(
3471
+ (X, le) => {
3472
+ const me = le.getBoundingClientRect().top;
3473
+ return X.length ? X[X.length - 1].top === me ? [
3474
+ ...X.slice(0, -1),
3475
+ { count: X[X.length - 1].count + 1, top: me }
3476
+ ] : X[X.length - 1].top !== me ? [...X, { count: 1, top: me }] : X : [{ count: 1, top: me }];
3477
+ },
3478
+ []
3479
+ );
3480
+ if (!C[1] || E === 0)
3481
+ w(!1);
3482
+ else {
3483
+ if (y(!0), E == null) {
3484
+ const X = Math.max(
3485
+ C[0].count + C[1].count - 2,
3486
+ 0
3487
+ );
3488
+ S(X);
3489
+ } else
3490
+ S(E - 1);
3491
+ H((X) => X + 1);
3777
3492
  }
3778
3493
  }
3779
3494
  }
@@ -3781,7 +3496,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3781
3496
  const A = I && T != null && E !== null ? E : f.length;
3782
3497
  return /* @__PURE__ */ q.jsxs("div", { className: oe["search-field"], "data-anv": "combobox-searchfield", children: [
3783
3498
  n ? /* @__PURE__ */ q.jsx(
3784
- Mr,
3499
+ Vr,
3785
3500
  {
3786
3501
  ...K({
3787
3502
  className: oe.label,
@@ -3801,12 +3516,12 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3801
3516
  children: [
3802
3517
  /* @__PURE__ */ q.jsxs("div", { className: oe["buttons-wrapper"], children: [
3803
3518
  j || f.length ? /* @__PURE__ */ q.jsx("div", { className: oe["close-button-wrapper"], children: /* @__PURE__ */ q.jsx(
3804
- Zt,
3519
+ en,
3805
3520
  {
3806
3521
  "aria-label": "clear selection",
3807
3522
  appearance: "ghost",
3808
3523
  size: "small",
3809
- icon: Vr,
3524
+ icon: Kr,
3810
3525
  className: oe["close-button"],
3811
3526
  onClick: () => {
3812
3527
  U != null ? U() : Y(null);
@@ -3816,11 +3531,11 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3816
3531
  }
3817
3532
  ) }) : null,
3818
3533
  $ ? null : /* @__PURE__ */ q.jsx("div", { className: oe["toggle-button-wrapper"], children: /* @__PURE__ */ q.jsx(
3819
- Zt,
3534
+ en,
3820
3535
  {
3821
3536
  "aria-label": "toggle menu",
3822
3537
  ...h({
3823
- icon: Hr,
3538
+ icon: jr,
3824
3539
  className: oe["toggle-button"],
3825
3540
  disabled: d || a
3826
3541
  }),
@@ -3840,7 +3555,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3840
3555
  {
3841
3556
  className: oe["chip-wrapper"],
3842
3557
  children: /* @__PURE__ */ q.jsx(
3843
- en,
3558
+ tn,
3844
3559
  {
3845
3560
  ...C,
3846
3561
  label: g(P),
@@ -3856,14 +3571,14 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3856
3571
  );
3857
3572
  }) : null,
3858
3573
  I && T != null ? /* @__PURE__ */ q.jsx("div", { className: oe["chip-wrapper"], children: /* @__PURE__ */ q.jsx(
3859
- en,
3574
+ tn,
3860
3575
  {
3861
3576
  label: `+${f.length - A}`,
3862
3577
  className: oe.chip,
3863
3578
  title: f.slice(A).map((P) => g(P)).join(", ")
3864
3579
  }
3865
3580
  ) }) : null,
3866
- /* @__PURE__ */ q.jsxs(Pr, { flex: "1 1 100px", alignItems: "center", style: { width: "100px" }, children: [
3581
+ /* @__PURE__ */ q.jsxs(kr, { flex: "1 1 100px", alignItems: "center", style: { width: "100px" }, children: [
3867
3582
  m ? /* @__PURE__ */ q.jsx("div", { className: oe.prefix, children: m }) : null,
3868
3583
  /* @__PURE__ */ q.jsx(
3869
3584
  "input",
@@ -3899,7 +3614,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3899
3614
  }
3900
3615
  ),
3901
3616
  o || v || t ? /* @__PURE__ */ q.jsx(
3902
- jr,
3617
+ Hr,
3903
3618
  {
3904
3619
  id: W,
3905
3620
  errorMessage: v,
@@ -3908,7 +3623,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3908
3623
  }
3909
3624
  ) : null
3910
3625
  ] });
3911
- }, wi = function({
3626
+ }, yi = function({
3912
3627
  children: e,
3913
3628
  className: n,
3914
3629
  disablePopover: r = !1,
@@ -3995,7 +3710,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
3995
3710
  }) : null
3996
3711
  }
3997
3712
  );
3998
- }, xi = function({
3713
+ }, bi = function({
3999
3714
  children: e,
4000
3715
  ...n
4001
3716
  }) {
@@ -4014,7 +3729,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
4014
3729
  children: e
4015
3730
  }
4016
3731
  ),
4017
- !o.length && !t ? /* @__PURE__ */ q.jsx("div", { className: oe.empty, children: /* @__PURE__ */ q.jsx(tn, { subdued: !0, size: "small", children: "No results found" }) }) : null
3732
+ !o.length && !t ? /* @__PURE__ */ q.jsx("div", { className: oe.empty, children: /* @__PURE__ */ q.jsx(Zt, { subdued: !0, size: "small", children: "No results found" }) }) : null
4018
3733
  ] }) : /* @__PURE__ */ q.jsxs(q.Fragment, { children: [
4019
3734
  /* @__PURE__ */ q.jsx(
4020
3735
  "ul",
@@ -4028,9 +3743,9 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
4028
3743
  children: e
4029
3744
  }
4030
3745
  ),
4031
- !o.length && !t ? /* @__PURE__ */ q.jsx("div", { className: oe.empty, children: /* @__PURE__ */ q.jsx(tn, { subdued: !0, size: "small", children: "No results found" }) }) : null
3746
+ !o.length && !t ? /* @__PURE__ */ q.jsx("div", { className: oe.empty, children: /* @__PURE__ */ q.jsx(Zt, { subdued: !0, size: "small", children: "No results found" }) }) : null
4032
3747
  ] });
4033
- }, Oi = function({
3748
+ }, Ei = function({
4034
3749
  children: e,
4035
3750
  disabled: n,
4036
3751
  item: r,
@@ -4063,7 +3778,7 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
4063
3778
  ),
4064
3779
  children: [
4065
3780
  /* @__PURE__ */ q.jsx("div", { className: Te(oe.cell, ct.cell), children: /* @__PURE__ */ q.jsx(
4066
- kr,
3781
+ Nr,
4067
3782
  {
4068
3783
  checked: d.some(
4069
3784
  (T) => t(T) === t(r)
@@ -4088,10 +3803,10 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
4088
3803
  children: [
4089
3804
  /* @__PURE__ */ q.jsx("span", { children: e }),
4090
3805
  /* @__PURE__ */ q.jsx(
4091
- Ar,
3806
+ Mr,
4092
3807
  {
4093
3808
  "aria-hidden": !0,
4094
- svg: Kr,
3809
+ svg: Ar,
4095
3810
  inherit: !0,
4096
3811
  className: oe.Icon,
4097
3812
  style: {
@@ -4102,19 +3817,304 @@ const ai = "_combobox_2zupj_2", li = "_input_2zupj_30", ci = "_error_2zupj_60",
4102
3817
  ]
4103
3818
  }
4104
3819
  );
4105
- }, Ci = function({
3820
+ }, wi = function({
4106
3821
  children: e
4107
3822
  }) {
4108
3823
  const { items: n, setHasEmpty: r } = $e();
4109
3824
  return ce(() => (r(!0), () => {
4110
3825
  r(!1);
4111
3826
  })), n.length ? null : e;
4112
- }, Me = Object.assign(_i, {
4113
- SearchField: Ei,
4114
- Content: wi,
4115
- List: xi,
4116
- Item: Oi,
4117
- Empty: Ci
3827
+ }, Xt = Tr(null), $e = function() {
3828
+ const e = Rr(
3829
+ Xt
3830
+ );
3831
+ if (e == null)
3832
+ throw new Error("useCombobox must be wrapped in <Combobox />");
3833
+ return e;
3834
+ }, xi = function(e) {
3835
+ const { multiple: n = !1, ...r } = e;
3836
+ return n ? /* @__PURE__ */ q.jsx(Ci, { ...r }) : /* @__PURE__ */ q.jsx(Oi, { ...r });
3837
+ }, Oi = function(e) {
3838
+ const { layoutStyles: n, componentProps: r } = Mn(e), {
3839
+ className: i,
3840
+ style: o,
3841
+ children: t,
3842
+ open: s,
3843
+ items: u,
3844
+ itemToString: c,
3845
+ itemToKey: d,
3846
+ onChange: a,
3847
+ onSelectedItemChange: m,
3848
+ disableCloseOnClickOutside: D = !1,
3849
+ filterOptions: T,
3850
+ root: O,
3851
+ ...N
3852
+ } = r, [g, K] = pe(u), [p, h] = pe(!1), [f, l] = pe(!1), [R, U] = pe(!1), [k, Y] = pe([]);
3853
+ function j(w) {
3854
+ return c && w ? c(w) : w ? String(w) : "";
3855
+ }
3856
+ const M = d || ((w) => w), {
3857
+ isOpen: $,
3858
+ getLabelProps: B,
3859
+ getInputProps: L,
3860
+ getToggleButtonProps: Q,
3861
+ getMenuProps: J,
3862
+ getItemProps: W,
3863
+ highlightedIndex: re,
3864
+ selectedItem: ie,
3865
+ selectItem: v,
3866
+ setInputValue: x,
3867
+ inputValue: F
3868
+ } = de({
3869
+ ...N,
3870
+ items: g,
3871
+ itemToString(w) {
3872
+ return j(w);
3873
+ },
3874
+ onInputValueChange({ inputValue: w, type: I, selectedItem: y }) {
3875
+ I === de.stateChangeTypes.InputKeyDownEnter || I === de.stateChangeTypes.ItemClick || y != null && w === j(y) ? K(u) : w != null && w !== "" ? K(Jt(u, w, T)) : K(u);
3876
+ },
3877
+ onSelectedItemChange(w) {
3878
+ const { selectedItem: I } = w;
3879
+ a != null && a(I || null), m != null && m(w);
3880
+ },
3881
+ onIsOpenChange({ isOpen: w, inputValue: I, selectedItem: y }) {
3882
+ w === !1 && I === "" ? (v(null), K(u)) : w === !1 && (x(y != null ? j(y) : ""), K(u));
3883
+ },
3884
+ stateReducer(w, { type: I, changes: y }) {
3885
+ switch (I) {
3886
+ case de.stateChangeTypes.InputBlur:
3887
+ return D ? {
3888
+ ...y,
3889
+ isOpen: w.isOpen,
3890
+ highlightedIndex: w.highlightedIndex
3891
+ } : y;
3892
+ default:
3893
+ return y;
3894
+ }
3895
+ },
3896
+ isItemDisabled(w) {
3897
+ return p || !!(w && w instanceof Object && "disabled" in w && w.disabled || w && w instanceof Object && "readOnly" in w && w.readOnly || k.includes(w));
3898
+ }
3899
+ });
3900
+ return /* @__PURE__ */ q.jsx(
3901
+ Xt.Provider,
3902
+ {
3903
+ value: {
3904
+ multiple: !1,
3905
+ items: g,
3906
+ itemToString: j,
3907
+ itemToKey: M,
3908
+ isOpen: $,
3909
+ getLabelProps: B,
3910
+ getInputProps: L,
3911
+ getToggleButtonProps: Q,
3912
+ getMenuProps: J,
3913
+ getItemProps: W,
3914
+ highlightedIndex: re,
3915
+ selectedItem: ie,
3916
+ selectedItems: [],
3917
+ disabledItems: k,
3918
+ setDisabledItems: Y,
3919
+ getSelectedItemProps: void 0,
3920
+ getDropdownProps: void 0,
3921
+ selectItem: v,
3922
+ inputValue: F,
3923
+ isDisabledOrReadOnly: p,
3924
+ setIsDisabledOrReadOnly: h,
3925
+ hasDisabledPopover: f,
3926
+ setHasDisabledPopover: l,
3927
+ hasEmpty: R,
3928
+ setHasEmpty: U
3929
+ },
3930
+ children: /* @__PURE__ */ q.jsx(
3931
+ "div",
3932
+ {
3933
+ className: i,
3934
+ "data-anv": "combobox",
3935
+ style: { ...o, ...n },
3936
+ children: /* @__PURE__ */ q.jsx(
3937
+ mt,
3938
+ {
3939
+ root: O,
3940
+ open: s === !0 ? s : $,
3941
+ noPadding: !0,
3942
+ disableCaret: !0,
3943
+ fitScreen: !0,
3944
+ disableFlipFallback: !0,
3945
+ matchReferenceWidth: !0,
3946
+ children: t
3947
+ }
3948
+ )
3949
+ }
3950
+ )
3951
+ }
3952
+ );
3953
+ }, Ci = function(e) {
3954
+ const { layoutStyles: n, componentProps: r } = Mn(e), {
3955
+ className: i,
3956
+ style: o,
3957
+ children: t,
3958
+ open: s,
3959
+ items: u,
3960
+ itemToString: c,
3961
+ itemToKey: d,
3962
+ onChange: a,
3963
+ onSelectedItemsChange: m,
3964
+ disableCloseOnClickOutside: D = !1,
3965
+ filterOptions: T,
3966
+ root: O,
3967
+ stateReducer: N,
3968
+ ...g
3969
+ } = r, [K, p] = pe(u), [h, f] = pe(!1), [l, R] = pe(!1), [U, k] = pe(!1), [Y, j] = pe(""), [M, $] = pe([]), {
3970
+ getSelectedItemProps: B,
3971
+ getDropdownProps: L,
3972
+ reset: Q,
3973
+ selectedItems: J,
3974
+ addSelectedItem: W,
3975
+ removeSelectedItem: re,
3976
+ setSelectedItems: ie
3977
+ } = De({
3978
+ ...g,
3979
+ onSelectedItemsChange(P) {
3980
+ const { selectedItems: _ } = P;
3981
+ a != null && a(_), m != null && m(P);
3982
+ },
3983
+ stateReducer(P, _) {
3984
+ const { type: G, changes: C } = _;
3985
+ switch (G) {
3986
+ case De.stateChangeTypes.SelectedItemKeyDownBackspace:
3987
+ case De.stateChangeTypes.SelectedItemKeyDownDelete:
3988
+ return P;
3989
+ case De.stateChangeTypes.FunctionReset:
3990
+ return { ...C, selectedItems: [] };
3991
+ default:
3992
+ return C;
3993
+ }
3994
+ }
3995
+ });
3996
+ function v(P) {
3997
+ return c && P ? c(P) : P ? String(P) : "";
3998
+ }
3999
+ const x = d || ((P) => P), {
4000
+ isOpen: F,
4001
+ getLabelProps: w,
4002
+ getInputProps: I,
4003
+ getToggleButtonProps: y,
4004
+ getMenuProps: E,
4005
+ getItemProps: S,
4006
+ highlightedIndex: V,
4007
+ selectedItem: H,
4008
+ selectItem: A
4009
+ } = de({
4010
+ ...g,
4011
+ items: K,
4012
+ itemToString(P) {
4013
+ return v(P);
4014
+ },
4015
+ selectedItem: null,
4016
+ inputValue: Y,
4017
+ onInputValueChange({ inputValue: P, type: _, selectedItem: G }) {
4018
+ _ === de.stateChangeTypes.InputKeyDownEnter || _ === de.stateChangeTypes.ItemClick || G != null && P === v(G) ? p(u) : P != null && P !== "" ? p(Jt(u, P, T)) : p(u);
4019
+ },
4020
+ onIsOpenChange({ isOpen: P }) {
4021
+ P === !1 && (j(""), p(u));
4022
+ },
4023
+ stateReducer(P, { type: _, changes: G }) {
4024
+ switch (_) {
4025
+ case de.stateChangeTypes.InputBlur:
4026
+ return D ? {
4027
+ ...G,
4028
+ isOpen: P.isOpen,
4029
+ highlightedIndex: P.highlightedIndex
4030
+ } : G;
4031
+ default:
4032
+ return G;
4033
+ }
4034
+ },
4035
+ isItemDisabled(P) {
4036
+ return h || !!(P && P instanceof Object && "disabled" in P && P.disabled || P && P instanceof Object && "readOnly" in P && P.readOnly || M.includes(P));
4037
+ },
4038
+ onStateChange({
4039
+ inputValue: P = "",
4040
+ type: _,
4041
+ selectedItem: G
4042
+ }) {
4043
+ switch (_) {
4044
+ case de.stateChangeTypes.InputKeyDownEnter:
4045
+ case de.stateChangeTypes.ItemClick:
4046
+ case de.stateChangeTypes.InputBlur:
4047
+ if (G) {
4048
+ const C = J.find(
4049
+ (X) => x(X) === x(G)
4050
+ );
4051
+ C ? re(C) : W(G), j("");
4052
+ }
4053
+ break;
4054
+ case de.stateChangeTypes.InputChange:
4055
+ j(P);
4056
+ break;
4057
+ case de.stateChangeTypes.FunctionReset:
4058
+ j("");
4059
+ break;
4060
+ }
4061
+ }
4062
+ });
4063
+ return /* @__PURE__ */ q.jsx(
4064
+ Xt.Provider,
4065
+ {
4066
+ value: {
4067
+ multiple: !0,
4068
+ items: K,
4069
+ itemToString: v,
4070
+ itemToKey: x,
4071
+ isOpen: F,
4072
+ getLabelProps: w,
4073
+ getInputProps: I,
4074
+ getToggleButtonProps: y,
4075
+ getMenuProps: E,
4076
+ getItemProps: S,
4077
+ highlightedIndex: V,
4078
+ selectedItem: H,
4079
+ selectedItems: J,
4080
+ disabledItems: M,
4081
+ setDisabledItems: $,
4082
+ getSelectedItemProps: B,
4083
+ getDropdownProps: L,
4084
+ reset: Q,
4085
+ addSelectedItem: W,
4086
+ removeSelectedItem: re,
4087
+ setSelectedItems: ie,
4088
+ selectItem: A,
4089
+ inputValue: Y,
4090
+ isDisabledOrReadOnly: h,
4091
+ setIsDisabledOrReadOnly: f,
4092
+ hasDisabledPopover: l,
4093
+ setHasDisabledPopover: R,
4094
+ hasEmpty: U,
4095
+ setHasEmpty: k
4096
+ },
4097
+ children: /* @__PURE__ */ q.jsx("div", { className: i, style: { ...o, ...n }, children: /* @__PURE__ */ q.jsx(
4098
+ mt,
4099
+ {
4100
+ root: O,
4101
+ open: s === !0 ? s : F,
4102
+ noPadding: !0,
4103
+ disableCaret: !0,
4104
+ fitScreen: !0,
4105
+ disableFlipFallback: !0,
4106
+ matchReferenceWidth: !0,
4107
+ children: t
4108
+ }
4109
+ ) })
4110
+ }
4111
+ );
4112
+ }, Me = Object.assign(xi, {
4113
+ SearchField: _i,
4114
+ Content: yi,
4115
+ List: bi,
4116
+ Item: Ei,
4117
+ Empty: wi
4118
4118
  }), Si = function(e) {
4119
4119
  return /* @__PURE__ */ Ne.jsx(Me, { ...e });
4120
4120
  }, Di = function(e) {
@@ -4164,4 +4164,4 @@ export {
4164
4164
  Pi as e,
4165
4165
  Ni as f
4166
4166
  };
4167
- //# sourceMappingURL=Combobox-o-MN9vEF.js.map
4167
+ //# sourceMappingURL=Combobox-CI3x7jKh.js.map