@womp/kookie-ui 0.27.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/components.css +25 -24
  2. package/dist/cjs/components/_internal/pane-chrome.d.ts +6 -0
  3. package/dist/cjs/components/_internal/pane-chrome.d.ts.map +1 -1
  4. package/dist/cjs/components/_internal/pane-chrome.js +1 -1
  5. package/dist/cjs/components/_internal/pane-chrome.js.map +3 -3
  6. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  7. package/dist/cjs/components/_internal/shell-sidebar.js.map +3 -3
  8. package/dist/cjs/components/index.js +2 -2
  9. package/dist/cjs/components/index.js.map +3 -3
  10. package/dist/cjs/components/shell.js +1 -1
  11. package/dist/cjs/components/shell.js.map +3 -3
  12. package/dist/cjs/components/sidebar.js +1 -1
  13. package/dist/cjs/components/sidebar.js.map +3 -3
  14. package/dist/cjs/components/toolbar.js +1 -1
  15. package/dist/cjs/components/toolbar.js.map +3 -3
  16. package/dist/cjs/index.js +2 -2
  17. package/dist/cjs/index.js.map +3 -3
  18. package/dist/esm/{chunk-3MFSQ6PN.js → chunk-2FYUM6TA.js} +2 -2
  19. package/dist/esm/{chunk-6HEORZNJ.js → chunk-4LV37PHM.js} +2 -2
  20. package/dist/esm/{chunk-H73AMXCH.js → chunk-AS2STDGA.js} +2 -2
  21. package/dist/esm/{chunk-25ZRMILM.js → chunk-JTMLFTNZ.js} +2 -2
  22. package/dist/esm/chunk-MJROOEPE.js +3 -0
  23. package/dist/esm/{chunk-TSWHVZ47.js.map → chunk-MJROOEPE.js.map} +3 -3
  24. package/dist/esm/components/_internal/pane-chrome.d.ts +6 -0
  25. package/dist/esm/components/_internal/pane-chrome.d.ts.map +1 -1
  26. package/dist/esm/components/_internal/pane-chrome.js +1 -1
  27. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  28. package/dist/esm/components/index.js +1 -1
  29. package/dist/esm/components/shell.js +1 -1
  30. package/dist/esm/components/sidebar.js +1 -1
  31. package/dist/esm/components/toolbar.js +1 -1
  32. package/dist/esm/index.js +1 -1
  33. package/package.json +1 -1
  34. package/src/components/_internal/base-menu.css +4 -4
  35. package/src/components/_internal/pane-chrome.tsx +8 -2
  36. package/src/components/message-scroller.css +3 -0
  37. package/src/styles/tokens/radius.css +66 -25
  38. package/styles.css +89 -61
  39. package/tokens/base.css +64 -37
  40. package/tokens.css +64 -37
  41. package/dist/esm/chunk-TSWHVZ47.js +0 -3
  42. /package/dist/esm/{chunk-3MFSQ6PN.js.map → chunk-2FYUM6TA.js.map} +0 -0
  43. /package/dist/esm/{chunk-6HEORZNJ.js.map → chunk-4LV37PHM.js.map} +0 -0
  44. /package/dist/esm/{chunk-H73AMXCH.js.map → chunk-AS2STDGA.js.map} +0 -0
  45. /package/dist/esm/{chunk-25ZRMILM.js.map → chunk-JTMLFTNZ.js.map} +0 -0
package/components.css CHANGED
@@ -4601,7 +4601,7 @@
4601
4601
  --base-menu-font-size: var(--font-size-1);
4602
4602
  --base-menu-line-height: var(--line-height-1);
4603
4603
  --base-menu-letter-spacing: var(--letter-spacing-1);
4604
- border-radius: var(--radius-surface-1);
4604
+ border-radius: var(--radius-panel-1);
4605
4605
  }
4606
4606
  .kui-BaseMenuContent:where(.kui-r-size-2) {
4607
4607
  --base-menu-content-padding: var(--panel-p-2);
@@ -4615,7 +4615,7 @@
4615
4615
  --base-menu-font-size: var(--font-size-2);
4616
4616
  --base-menu-line-height: var(--line-height-2);
4617
4617
  --base-menu-letter-spacing: var(--letter-spacing-2);
4618
- border-radius: var(--radius-surface-2);
4618
+ border-radius: var(--radius-panel-2);
4619
4619
  }
4620
4620
  .kui-BaseMenuContent:where(.kui-r-size-3) {
4621
4621
  --base-menu-content-padding: var(--panel-p-3);
@@ -4629,7 +4629,7 @@
4629
4629
  --base-menu-font-size: var(--font-size-3);
4630
4630
  --base-menu-line-height: var(--line-height-3);
4631
4631
  --base-menu-letter-spacing: var(--letter-spacing-3);
4632
- border-radius: var(--radius-surface-3);
4632
+ border-radius: var(--radius-panel-3);
4633
4633
  }
4634
4634
  .kui-BaseMenuContent:where(.kui-r-size-4) {
4635
4635
  --base-menu-content-padding: var(--panel-p-4);
@@ -4643,7 +4643,7 @@
4643
4643
  --base-menu-font-size: var(--font-size-4);
4644
4644
  --base-menu-line-height: var(--line-height-4);
4645
4645
  --base-menu-letter-spacing: var(--letter-spacing-4);
4646
- border-radius: var(--radius-surface-4);
4646
+ border-radius: var(--radius-panel-4);
4647
4647
  }
4648
4648
  @media (min-width: 520px) {
4649
4649
  .kui-BaseMenuContent:where(.xs\:kui-r-size-1) {
@@ -4658,7 +4658,7 @@
4658
4658
  --base-menu-font-size: var(--font-size-1);
4659
4659
  --base-menu-line-height: var(--line-height-1);
4660
4660
  --base-menu-letter-spacing: var(--letter-spacing-1);
4661
- border-radius: var(--radius-surface-1);
4661
+ border-radius: var(--radius-panel-1);
4662
4662
  }
4663
4663
  .kui-BaseMenuContent:where(.xs\:kui-r-size-2) {
4664
4664
  --base-menu-content-padding: var(--panel-p-2);
@@ -4672,7 +4672,7 @@
4672
4672
  --base-menu-font-size: var(--font-size-2);
4673
4673
  --base-menu-line-height: var(--line-height-2);
4674
4674
  --base-menu-letter-spacing: var(--letter-spacing-2);
4675
- border-radius: var(--radius-surface-2);
4675
+ border-radius: var(--radius-panel-2);
4676
4676
  }
4677
4677
  .kui-BaseMenuContent:where(.xs\:kui-r-size-3) {
4678
4678
  --base-menu-content-padding: var(--panel-p-3);
@@ -4686,7 +4686,7 @@
4686
4686
  --base-menu-font-size: var(--font-size-3);
4687
4687
  --base-menu-line-height: var(--line-height-3);
4688
4688
  --base-menu-letter-spacing: var(--letter-spacing-3);
4689
- border-radius: var(--radius-surface-3);
4689
+ border-radius: var(--radius-panel-3);
4690
4690
  }
4691
4691
  .kui-BaseMenuContent:where(.xs\:kui-r-size-4) {
4692
4692
  --base-menu-content-padding: var(--panel-p-4);
@@ -4700,7 +4700,7 @@
4700
4700
  --base-menu-font-size: var(--font-size-4);
4701
4701
  --base-menu-line-height: var(--line-height-4);
4702
4702
  --base-menu-letter-spacing: var(--letter-spacing-4);
4703
- border-radius: var(--radius-surface-4);
4703
+ border-radius: var(--radius-panel-4);
4704
4704
  }
4705
4705
  }
4706
4706
  @media (min-width: 768px) {
@@ -4716,7 +4716,7 @@
4716
4716
  --base-menu-font-size: var(--font-size-1);
4717
4717
  --base-menu-line-height: var(--line-height-1);
4718
4718
  --base-menu-letter-spacing: var(--letter-spacing-1);
4719
- border-radius: var(--radius-surface-1);
4719
+ border-radius: var(--radius-panel-1);
4720
4720
  }
4721
4721
  .kui-BaseMenuContent:where(.sm\:kui-r-size-2) {
4722
4722
  --base-menu-content-padding: var(--panel-p-2);
@@ -4730,7 +4730,7 @@
4730
4730
  --base-menu-font-size: var(--font-size-2);
4731
4731
  --base-menu-line-height: var(--line-height-2);
4732
4732
  --base-menu-letter-spacing: var(--letter-spacing-2);
4733
- border-radius: var(--radius-surface-2);
4733
+ border-radius: var(--radius-panel-2);
4734
4734
  }
4735
4735
  .kui-BaseMenuContent:where(.sm\:kui-r-size-3) {
4736
4736
  --base-menu-content-padding: var(--panel-p-3);
@@ -4744,7 +4744,7 @@
4744
4744
  --base-menu-font-size: var(--font-size-3);
4745
4745
  --base-menu-line-height: var(--line-height-3);
4746
4746
  --base-menu-letter-spacing: var(--letter-spacing-3);
4747
- border-radius: var(--radius-surface-3);
4747
+ border-radius: var(--radius-panel-3);
4748
4748
  }
4749
4749
  .kui-BaseMenuContent:where(.sm\:kui-r-size-4) {
4750
4750
  --base-menu-content-padding: var(--panel-p-4);
@@ -4758,7 +4758,7 @@
4758
4758
  --base-menu-font-size: var(--font-size-4);
4759
4759
  --base-menu-line-height: var(--line-height-4);
4760
4760
  --base-menu-letter-spacing: var(--letter-spacing-4);
4761
- border-radius: var(--radius-surface-4);
4761
+ border-radius: var(--radius-panel-4);
4762
4762
  }
4763
4763
  }
4764
4764
  @media (min-width: 1024px) {
@@ -4774,7 +4774,7 @@
4774
4774
  --base-menu-font-size: var(--font-size-1);
4775
4775
  --base-menu-line-height: var(--line-height-1);
4776
4776
  --base-menu-letter-spacing: var(--letter-spacing-1);
4777
- border-radius: var(--radius-surface-1);
4777
+ border-radius: var(--radius-panel-1);
4778
4778
  }
4779
4779
  .kui-BaseMenuContent:where(.md\:kui-r-size-2) {
4780
4780
  --base-menu-content-padding: var(--panel-p-2);
@@ -4788,7 +4788,7 @@
4788
4788
  --base-menu-font-size: var(--font-size-2);
4789
4789
  --base-menu-line-height: var(--line-height-2);
4790
4790
  --base-menu-letter-spacing: var(--letter-spacing-2);
4791
- border-radius: var(--radius-surface-2);
4791
+ border-radius: var(--radius-panel-2);
4792
4792
  }
4793
4793
  .kui-BaseMenuContent:where(.md\:kui-r-size-3) {
4794
4794
  --base-menu-content-padding: var(--panel-p-3);
@@ -4802,7 +4802,7 @@
4802
4802
  --base-menu-font-size: var(--font-size-3);
4803
4803
  --base-menu-line-height: var(--line-height-3);
4804
4804
  --base-menu-letter-spacing: var(--letter-spacing-3);
4805
- border-radius: var(--radius-surface-3);
4805
+ border-radius: var(--radius-panel-3);
4806
4806
  }
4807
4807
  .kui-BaseMenuContent:where(.md\:kui-r-size-4) {
4808
4808
  --base-menu-content-padding: var(--panel-p-4);
@@ -4816,7 +4816,7 @@
4816
4816
  --base-menu-font-size: var(--font-size-4);
4817
4817
  --base-menu-line-height: var(--line-height-4);
4818
4818
  --base-menu-letter-spacing: var(--letter-spacing-4);
4819
- border-radius: var(--radius-surface-4);
4819
+ border-radius: var(--radius-panel-4);
4820
4820
  }
4821
4821
  }
4822
4822
  @media (min-width: 1280px) {
@@ -4832,7 +4832,7 @@
4832
4832
  --base-menu-font-size: var(--font-size-1);
4833
4833
  --base-menu-line-height: var(--line-height-1);
4834
4834
  --base-menu-letter-spacing: var(--letter-spacing-1);
4835
- border-radius: var(--radius-surface-1);
4835
+ border-radius: var(--radius-panel-1);
4836
4836
  }
4837
4837
  .kui-BaseMenuContent:where(.lg\:kui-r-size-2) {
4838
4838
  --base-menu-content-padding: var(--panel-p-2);
@@ -4846,7 +4846,7 @@
4846
4846
  --base-menu-font-size: var(--font-size-2);
4847
4847
  --base-menu-line-height: var(--line-height-2);
4848
4848
  --base-menu-letter-spacing: var(--letter-spacing-2);
4849
- border-radius: var(--radius-surface-2);
4849
+ border-radius: var(--radius-panel-2);
4850
4850
  }
4851
4851
  .kui-BaseMenuContent:where(.lg\:kui-r-size-3) {
4852
4852
  --base-menu-content-padding: var(--panel-p-3);
@@ -4860,7 +4860,7 @@
4860
4860
  --base-menu-font-size: var(--font-size-3);
4861
4861
  --base-menu-line-height: var(--line-height-3);
4862
4862
  --base-menu-letter-spacing: var(--letter-spacing-3);
4863
- border-radius: var(--radius-surface-3);
4863
+ border-radius: var(--radius-panel-3);
4864
4864
  }
4865
4865
  .kui-BaseMenuContent:where(.lg\:kui-r-size-4) {
4866
4866
  --base-menu-content-padding: var(--panel-p-4);
@@ -4874,7 +4874,7 @@
4874
4874
  --base-menu-font-size: var(--font-size-4);
4875
4875
  --base-menu-line-height: var(--line-height-4);
4876
4876
  --base-menu-letter-spacing: var(--letter-spacing-4);
4877
- border-radius: var(--radius-surface-4);
4877
+ border-radius: var(--radius-panel-4);
4878
4878
  }
4879
4879
  }
4880
4880
  @media (min-width: 1640px) {
@@ -4890,7 +4890,7 @@
4890
4890
  --base-menu-font-size: var(--font-size-1);
4891
4891
  --base-menu-line-height: var(--line-height-1);
4892
4892
  --base-menu-letter-spacing: var(--letter-spacing-1);
4893
- border-radius: var(--radius-surface-1);
4893
+ border-radius: var(--radius-panel-1);
4894
4894
  }
4895
4895
  .kui-BaseMenuContent:where(.xl\:kui-r-size-2) {
4896
4896
  --base-menu-content-padding: var(--panel-p-2);
@@ -4904,7 +4904,7 @@
4904
4904
  --base-menu-font-size: var(--font-size-2);
4905
4905
  --base-menu-line-height: var(--line-height-2);
4906
4906
  --base-menu-letter-spacing: var(--letter-spacing-2);
4907
- border-radius: var(--radius-surface-2);
4907
+ border-radius: var(--radius-panel-2);
4908
4908
  }
4909
4909
  .kui-BaseMenuContent:where(.xl\:kui-r-size-3) {
4910
4910
  --base-menu-content-padding: var(--panel-p-3);
@@ -4918,7 +4918,7 @@
4918
4918
  --base-menu-font-size: var(--font-size-3);
4919
4919
  --base-menu-line-height: var(--line-height-3);
4920
4920
  --base-menu-letter-spacing: var(--letter-spacing-3);
4921
- border-radius: var(--radius-surface-3);
4921
+ border-radius: var(--radius-panel-3);
4922
4922
  }
4923
4923
  .kui-BaseMenuContent:where(.xl\:kui-r-size-4) {
4924
4924
  --base-menu-content-padding: var(--panel-p-4);
@@ -4932,7 +4932,7 @@
4932
4932
  --base-menu-font-size: var(--font-size-4);
4933
4933
  --base-menu-line-height: var(--line-height-4);
4934
4934
  --base-menu-letter-spacing: var(--letter-spacing-4);
4935
- border-radius: var(--radius-surface-4);
4935
+ border-radius: var(--radius-panel-4);
4936
4936
  }
4937
4937
  }
4938
4938
  .kui-BaseMenuItem:where([data-accent-color]) {
@@ -16165,6 +16165,7 @@
16165
16165
  right: 0;
16166
16166
  margin-inline: auto;
16167
16167
  z-index: 1;
16168
+ width: var(--base-button-height);
16168
16169
  }
16169
16170
  .kui-MessageScrollerButton:where([data-active='false']) {
16170
16171
  opacity: 0;
@@ -79,6 +79,12 @@ declare const PaneFooter: React.ForwardRefExoticComponent<PaneFooterProps & Reac
79
79
  interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
80
80
  /** Fades the list out toward an edge with more past it, and under a floating header or footer. */
81
81
  fade?: boolean;
82
+ /**
83
+ * Keeps the pane's list (its menu rows) when React puts this under `Shell.Content`, as when an
84
+ * app renders a pane's content in its page and portals it into `Shell.Panel`. In a Rail, Panel
85
+ * or Sidebar it is already the pane's list.
86
+ */
87
+ pane?: boolean;
82
88
  }
83
89
  /**
84
90
  * The one region of a pane that scrolls; it takes the room the header and footer leave.
@@ -1 +1 @@
1
- {"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG5E,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,wBAA6B,CAAC;AAEtD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAQ3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFA8BV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC1L,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG5E,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,wBAA6B,CAAC;AAEtD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAQ3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFA8BV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC1L,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use strict";"use client";var xe=Object.create;var x=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var n in e)x(t,n,{get:e[n],enumerable:!0})},W=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of be(e))!Ce.call(t,i)&&i!==n&&x(t,i,{get:()=>e[i],enumerable:!(r=Re(e,i))||r.enumerable});return t};var y=(t,e,n)=>(n=t!=null?xe(De(t)):{},W(e||!t||!t.__esModule?x(n,"default",{value:t,enumerable:!0}):n,t)),Ne=t=>W(x({},"__esModule",{value:!0}),t);var Ue={};Te(Ue,{BAND_STEP:()=>ue,PaneChromeScope:()=>Ke,PaneFooter:()=>fe,PaneHeader:()=>de,Scroll:()=>me,ShellContentContext:()=>pe,ShellSizeContext:()=>k,ShellWindowContext:()=>ce,SidebarVisualContext:()=>B,usePaneBandSize:()=>_e,useSidebarVisual:()=>w});module.exports=Ne(Ue);var u=y(require("react")),v=y(require("classnames"));var d=y(require("react")),Z=y(require("classnames")),P=require("radix-ui"),ee=require("radix-ui/internal");var I={asChild:{type:"boolean"}};var we=["none","small","medium","large","full"],$={radius:{type:"enum",values:we,default:void 0}};var ke=["vertical","horizontal","both"],R={...I,...$,scrollbars:{type:"enum",values:ke,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function E(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function j(t){let[e,n]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let r=0,i=()=>{r=0;let l=E(e),a=Math.max(0,e.scrollTop),c=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`);let f=Math.abs(e.scrollLeft),m=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${m}px`)},s=()=>{r||(r=requestAnimationFrame(i))};i(),e.addEventListener("scroll",s,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(s);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(s);return p?.observe(e,{childList:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",s),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),n}var D=y(require("react"));function G(){let[t,e]=D.useState(null);return D.useEffect(()=>{let n=t?.parentElement;if(!t||!n)return;let r=0,i=()=>{r=0;for(let o of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=F(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${c}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=F(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${c}px, 0)`}}},s=()=>{r||(r=requestAnimationFrame(i))};return t.addEventListener("scroll",s,{passive:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s)}},[t]),e}function F(t,e,n){return e<=0||n<=0?0:Math.min(Math.max(t,-e),e)/e*n}var C=y(require("react"));function K(t,e){let{asChild:n,children:r}=t;if(!n)return typeof e=="function"?e(r):e;let i=C.Children.only(r);return C.cloneElement(i,{children:typeof e=="function"?e(i.props.children):e})}var Y=y(require("classnames"));var Ve=[],Ee=new Set;function Ae(t){let e=Object.assign({},...t),n=[],r=[],i=new Set;for(let s in e){let o=e[s],p=o.values??Ve,l={key:s,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ee,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(n.push(l),i.add(s)):(l.hasDefault||o.type==="enum")&&r.push(l)}return{styling:n,passthrough:r,stylingKeys:i}}var ze={children:new WeakMap};function _(t){let e=ze;for(let n=0;n<t.length;n++){let r=t[n],i=e.children.get(r);i===void 0&&(i={children:new WeakMap},e.children.set(r,i)),e=i}return e.compiled??(e.compiled=Ae(t))}var Me=["initial","xs","sm","md","lg","xl"],A=new Set(Me);function z(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Oe=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Oe.has(e))return!0;return!1}function T(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function q({className:t,customProperties:e,...n}){let r=M({allowArbitraryValues:!0,className:t,...n}),i=Be({customProperties:e,...n});return[r,i]}function M({allowArbitraryValues:t,value:e,className:n,propValues:r,propValueSet:i,parseValue:s=o=>o}){if(e){if(typeof e=="string")return T(r,i,e)?U(n,e,s):t?n:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!z(o,l)||!A.has(l))continue;let a=o[l];if(a!==void 0){if(T(r,i,a)){let c=U(n,a,s),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?n:`${l}:${n}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return n}}function U(t,e,n){let r=t?"-":"",i=n(e),s=i?.startsWith("-"),o=s?"-":"",p=s?i?.substring(1):i;return`${o}${t}${r}${p}`}function Be({customProperties:t,value:e,propValues:n,propValueSet:r,parseValue:i=s=>s}){if(!e||typeof e=="string"&&T(n,r,e))return;let s;if(typeof e=="string"){let o=i(e);s={};for(let p of t)s[p]=o;return s}if(S(e)){let o=e;for(let p in o){if(!z(o,p)||!A.has(p))continue;let l=o[p];if(l===void 0||T(n,r,l))continue;let a=i(l);s??(s={});for(let c of t){let f=p==="initial"?c:`${c}-${p}`;s[f]=a}}}return s??{}}function O(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function He(t,e){let n=t.initial,r=!1;return e.hasDefault&&n===void 0&&(n=e.default,r=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,r=!0),r?{...t,initial:n}:t}function Q(t,...e){let{styling:n,passthrough:r,stylingKeys:i}=_(e),s={};for(let l in t)i.has(l)||(s[l]=t[l]);for(let l=0;l<r.length;l++){let a=r[l],c=s[a.key];if(c===void 0){a.hasDefault&&(s[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(s[a.key]=a.default)}let o,p=[];for(let l=0;l<n.length;l++){let a=n[l],c=t[a.key];if(c===void 0&&a.hasDefault&&(c=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(c=a.default),!!c){if(S(c)){if(!a.responsive)continue;c=He(c,a)}if(a.type==="enum"){let f=M({allowArbitraryValues:!1,value:c,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,m]=q({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:c});m&&(o=O(o,m)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return s.className=(0,Y.default)(p.length>0?p.join(" "):void 0,t.className),s.style=O(o,t.style),s}var X={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var J={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Le='[role="menu"], [role="listbox"]';function We(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let n=0,r=()=>{n=0;let o=E(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},i=()=>{n||(n=requestAnimationFrame(r))};r();let s=typeof ResizeObserver>"u"?null:new ResizeObserver(i);s?.observe(t);for(let o of Array.from(t.children))s?.observe(o);return()=>{n&&cancelAnimationFrame(n),s?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:n,children:r,className:i,style:s,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:c=R.scrollbars.default,fade:f=R.fade.default,...m}=Q(t,X,J),[V,ye]=d.useState(null),Pe=j(f),Se=G(),ge=(0,ee.useComposedRefs)(e,Pe,Se,ye);We(V,m.tabIndex===void 0);let he=m["aria-label"]!==void 0||m["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,Z.default)("kui-ScrollAreaRoot",i),"data-fade":f?"":void 0,style:s,asChild:n},K({asChild:n,children:r},ve=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:he?"region":void 0,...m,ref:ge,className:"kui-ScrollAreaViewport"},ve),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=y(require("react")),Ie=require("radix-ui/internal");var te=["initial","xs","sm","md","lg","xl"];function ne(t){return typeof t=="object"&&t!==null}function $e(t,e){let n={},r=null;for(let i of te){if(t!==void 0&&!ne(t)){n[i]=t;continue}let s=ne(t)?t[i]:void 0;s!==void 0&&(r={value:s}),n[i]=r?r.value:e(i)}return n}var kt=$e("fixed",()=>"fixed");var re=g.createContext(null);var Vt=g.createContext(null);var oe=y(require("react")),h=oe.createContext(void 0);var ie=y(require("react")),je="(max-width: 767.98px) and (pointer: coarse)",se,ae=()=>se??(se=window.matchMedia(je));function Fe(t,e){return typeof t.addEventListener=="function"?(t.addEventListener("change",e),()=>t.removeEventListener("change",e)):(t.addListener?.(e),()=>t.removeListener?.(e))}function Ge(t){return Fe(ae(),t)}function le(){return ie.useSyncExternalStore(Ge,()=>ae().matches,()=>!1)}var B=u.createContext(null);function w(){return u.useContext(B)}var k=u.createContext("2"),pe=u.createContext(!1),ce=u.createContext(!1);function Ke({children:t,presentation:e}){let n=u.useContext(k),r=u.useMemo(()=>({size:n,menuVariant:"soft",presentation:e}),[n,e]);return u.createElement(B.Provider,{value:r},t)}function H(){let t=w(),e=u.useContext(k),n=t?.size??e,r=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${r}`]}var ue={1:"2",2:"3",3:"4",4:"4"};function L(){let t=w(),e=u.useContext(k);return ue[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(re)!==null,n=L();return t!==void 0?t:e?n:null}var de=u.forwardRef(({className:t,float:e,children:n,...r},i)=>{let s=H(),o=L();return u.createElement("div",{...r,ref:i,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,t)},u.createElement(h.Provider,{value:o},n))});de.displayName="Shell.PaneHeader";var fe=u.forwardRef(({className:t,float:e,children:n,...r},i)=>{let s=H(),o=L();return u.createElement("div",{...r,ref:i,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,t)},u.createElement(h.Provider,{value:o},n))});fe.displayName="Shell.PaneFooter";var me=u.forwardRef(({className:t,style:e,dir:n,children:r,fade:i=!1,...s},o)=>{let p=H(),l=u.useContext(pe),a=w(),c=l&&a===null,f=u.useContext(ce),m=le();if(c){let V=s.tabIndex??(f&&m?-1:void 0);return u.createElement(N,{...s,tabIndex:V,ref:o,type:"hover",fade:i,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-ShellScrollContent",t)},r))}return u.createElement(N,{...s,ref:o,type:"hover",fade:i,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...p,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},r))))});me.displayName="Shell.Scroll";
2
+ "use strict";"use client";var xe=Object.create;var x=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var n in e)x(t,n,{get:e[n],enumerable:!0})},I=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!Ce.call(t,s)&&s!==n&&x(t,s,{get:()=>e[s],enumerable:!(r=Re(e,s))||r.enumerable});return t};var y=(t,e,n)=>(n=t!=null?xe(De(t)):{},I(e||!t||!t.__esModule?x(n,"default",{value:t,enumerable:!0}):n,t)),Ne=t=>I(x({},"__esModule",{value:!0}),t);var Ue={};Te(Ue,{BAND_STEP:()=>de,PaneChromeScope:()=>Ke,PaneFooter:()=>me,PaneHeader:()=>fe,Scroll:()=>ye,ShellContentContext:()=>ce,ShellSizeContext:()=>k,ShellWindowContext:()=>ue,SidebarVisualContext:()=>H,usePaneBandSize:()=>_e,useSidebarVisual:()=>w});module.exports=Ne(Ue);var u=y(require("react")),v=y(require("classnames"));var d=y(require("react")),ee=y(require("classnames")),P=require("radix-ui"),te=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var we=["none","small","medium","large","full"],j={radius:{type:"enum",values:we,default:void 0}};var ke=["vertical","horizontal","both"],R={...$,...j,scrollbars:{type:"enum",values:ke,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function A(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function F(t){let[e,n]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let r=0,s=()=>{r=0;let l=A(e),a=Math.max(0,e.scrollTop),c=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`);let f=Math.abs(e.scrollLeft),m=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${m}px`)},i=()=>{r||(r=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),n}var D=y(require("react"));function K(){let[t,e]=D.useState(null);return D.useEffect(()=>{let n=t?.parentElement;if(!t||!n)return;let r=0,s=()=>{r=0;for(let o of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=G(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${c}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=G(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${c}px, 0)`}}},i=()=>{r||(r=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",i)}},[t]),e}function G(t,e,n){return e<=0||n<=0?0:Math.min(Math.max(t,-e),e)/e*n}var C=y(require("react"));function _(t,e){let{asChild:n,children:r}=t;if(!n)return typeof e=="function"?e(r):e;let s=C.Children.only(r);return C.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var Q=y(require("classnames"));var Ve=[],Ee=new Set;function Ae(t){let e=Object.assign({},...t),n=[],r=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Ve,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ee,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(n.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&r.push(l)}return{styling:n,passthrough:r,stylingKeys:s}}var ze={children:new WeakMap};function U(t){let e=ze;for(let n=0;n<t.length;n++){let r=t[n],s=e.children.get(r);s===void 0&&(s={children:new WeakMap},e.children.set(r,s)),e=s}return e.compiled??(e.compiled=Ae(t))}var Me=["initial","xs","sm","md","lg","xl"],z=new Set(Me);function M(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Oe=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Oe.has(e))return!0;return!1}function T(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function Y({className:t,customProperties:e,...n}){let r=O({allowArbitraryValues:!0,className:t,...n}),s=Be({customProperties:e,...n});return[r,s]}function O({allowArbitraryValues:t,value:e,className:n,propValues:r,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(r,s,e)?q(n,e,i):t?n:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!M(o,l)||!z.has(l))continue;let a=o[l];if(a!==void 0){if(T(r,s,a)){let c=q(n,a,i),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?n:`${l}:${n}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return n}}function q(t,e,n){let r=t?"-":"",s=n(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${r}${p}`}function Be({customProperties:t,value:e,propValues:n,propValueSet:r,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(n,r,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!M(o,p)||!z.has(p))continue;let l=o[p];if(l===void 0||T(n,r,l))continue;let a=s(l);i??(i={});for(let c of t){let f=p==="initial"?c:`${c}-${p}`;i[f]=a}}}return i??{}}function B(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function He(t,e){let n=t.initial,r=!1;return e.hasDefault&&n===void 0&&(n=e.default,r=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,r=!0),r?{...t,initial:n}:t}function X(t,...e){let{styling:n,passthrough:r,stylingKeys:s}=U(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<r.length;l++){let a=r[l],c=i[a.key];if(c===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<n.length;l++){let a=n[l],c=t[a.key];if(c===void 0&&a.hasDefault&&(c=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(c=a.default),!!c){if(S(c)){if(!a.responsive)continue;c=He(c,a)}if(a.type==="enum"){let f=O({allowArbitraryValues:!1,value:c,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,m]=Y({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:c});m&&(o=B(o,m)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,Q.default)(p.length>0?p.join(" "):void 0,t.className),i.style=B(o,t.style),i}var J={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var Z={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Le='[role="menu"], [role="listbox"]';function We(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let n=0,r=()=>{n=0;let o=A(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{n||(n=requestAnimationFrame(r))};r();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{n&&cancelAnimationFrame(n),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:n,children:r,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:c=R.scrollbars.default,fade:f=R.fade.default,...m}=X(t,J,Z),[V,E]=d.useState(null),Pe=F(f),Se=K(),ge=(0,te.useComposedRefs)(e,Pe,Se,E);We(V,m.tabIndex===void 0);let he=m["aria-label"]!==void 0||m["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,ee.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:n},_({asChild:n,children:r},ve=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:he?"region":void 0,...m,ref:ge,className:"kui-ScrollAreaViewport"},ve),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=y(require("react")),Ie=require("radix-ui/internal");var ne=["initial","xs","sm","md","lg","xl"];function re(t){return typeof t=="object"&&t!==null}function $e(t,e){let n={},r=null;for(let s of ne){if(t!==void 0&&!re(t)){n[s]=t;continue}let i=re(t)?t[s]:void 0;i!==void 0&&(r={value:i}),n[s]=r?r.value:e(s)}return n}var kt=$e("fixed",()=>"fixed");var oe=g.createContext(null);var Vt=g.createContext(null);var se=y(require("react")),h=se.createContext(void 0);var ae=y(require("react")),je="(max-width: 767.98px) and (pointer: coarse)",ie,le=()=>ie??(ie=window.matchMedia(je));function Fe(t,e){return typeof t.addEventListener=="function"?(t.addEventListener("change",e),()=>t.removeEventListener("change",e)):(t.addListener?.(e),()=>t.removeListener?.(e))}function Ge(t){return Fe(le(),t)}function pe(){return ae.useSyncExternalStore(Ge,()=>le().matches,()=>!1)}var H=u.createContext(null);function w(){return u.useContext(H)}var k=u.createContext("2"),ce=u.createContext(!1),ue=u.createContext(!1);function Ke({children:t,presentation:e}){let n=u.useContext(k),r=u.useMemo(()=>({size:n,menuVariant:"soft",presentation:e}),[n,e]);return u.createElement(H.Provider,{value:r},t)}function L(){let t=w(),e=u.useContext(k),n=t?.size??e,r=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${r}`]}var de={1:"2",2:"3",3:"4",4:"4"};function W(){let t=w(),e=u.useContext(k);return de[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(oe)!==null,n=W();return t!==void 0?t:e?n:null}var fe=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},u.createElement(h.Provider,{value:o},n))});fe.displayName="Shell.PaneHeader";var me=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},u.createElement(h.Provider,{value:o},n))});me.displayName="Shell.PaneFooter";var ye=u.forwardRef(({className:t,style:e,dir:n,children:r,fade:s=!1,pane:i=!1,...o},p)=>{let l=L(),a=u.useContext(ce),c=w(),f=a&&c===null&&!i,m=u.useContext(ue),V=pe();if(f){let E=o.tabIndex??(m&&V?-1:void 0);return u.createElement(N,{...o,tabIndex:E,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-ShellScrollContent",t)},r))}return u.createElement(N,{...o,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...l,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},r))))});ye.displayName="Shell.Scroll";
3
3
  //# sourceMappingURL=pane-chrome.js.map