@womp/kookie-ui 0.32.0 → 0.34.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 (136) hide show
  1. package/components.css +288 -35
  2. package/dist/cjs/components/_internal/pane-chrome.js +1 -1
  3. package/dist/cjs/components/_internal/pane-chrome.js.map +2 -2
  4. package/dist/cjs/components/_internal/shell-bottom.d.ts +7 -2
  5. package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -1
  6. package/dist/cjs/components/_internal/shell-bottom.js +1 -1
  7. package/dist/cjs/components/_internal/shell-bottom.js.map +3 -3
  8. package/dist/cjs/components/_internal/shell-inspector.d.ts +7 -2
  9. package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -1
  10. package/dist/cjs/components/_internal/shell-inspector.js +1 -1
  11. package/dist/cjs/components/_internal/shell-inspector.js.map +3 -3
  12. package/dist/cjs/components/_internal/shell-pane.js +1 -1
  13. package/dist/cjs/components/_internal/shell-pane.js.map +2 -2
  14. package/dist/cjs/components/_internal/shell-sidebar.d.ts +7 -2
  15. package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -1
  16. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  17. package/dist/cjs/components/_internal/shell-sidebar.js.map +3 -3
  18. package/dist/cjs/components/_internal/shell-store.d.ts +6 -6
  19. package/dist/cjs/components/_internal/shell-store.d.ts.map +1 -1
  20. package/dist/cjs/components/_internal/shell-store.js +1 -1
  21. package/dist/cjs/components/_internal/shell-store.js.map +3 -3
  22. package/dist/cjs/components/command.d.ts +133 -0
  23. package/dist/cjs/components/command.d.ts.map +1 -0
  24. package/dist/cjs/components/command.js +3 -0
  25. package/dist/cjs/components/command.js.map +7 -0
  26. package/dist/cjs/components/index.d.ts +1 -0
  27. package/dist/cjs/components/index.d.ts.map +1 -1
  28. package/dist/cjs/components/index.js +2 -2
  29. package/dist/cjs/components/index.js.map +4 -4
  30. package/dist/cjs/components/navigator.js +1 -1
  31. package/dist/cjs/components/navigator.js.map +2 -2
  32. package/dist/cjs/components/shell.context.js +1 -1
  33. package/dist/cjs/components/shell.context.js.map +2 -2
  34. package/dist/cjs/components/shell.d.ts +25 -7
  35. package/dist/cjs/components/shell.d.ts.map +1 -1
  36. package/dist/cjs/components/shell.hooks.js +1 -1
  37. package/dist/cjs/components/shell.hooks.js.map +2 -2
  38. package/dist/cjs/components/shell.js +1 -1
  39. package/dist/cjs/components/shell.js.map +3 -3
  40. package/dist/cjs/components/toolbar.js +1 -1
  41. package/dist/cjs/components/toolbar.js.map +2 -2
  42. package/dist/cjs/index.js +5 -5
  43. package/dist/cjs/index.js.map +4 -4
  44. package/dist/esm/chunk-5BXCPANF.js +3 -0
  45. package/dist/esm/{chunk-GHWEXMF6.js.map → chunk-5BXCPANF.js.map} +3 -3
  46. package/dist/esm/{chunk-K35JUIUT.js → chunk-API4DAPY.js} +2 -2
  47. package/dist/esm/{chunk-ZG2XQUOH.js → chunk-B447PNRD.js} +2 -2
  48. package/dist/esm/{chunk-QDAM2I6O.js → chunk-BR6Z2CAE.js} +2 -2
  49. package/dist/esm/{chunk-W35ZKQMQ.js → chunk-CAM66IXC.js} +2 -2
  50. package/dist/esm/chunk-GZPB6MRQ.js +3 -0
  51. package/dist/esm/chunk-GZPB6MRQ.js.map +7 -0
  52. package/dist/esm/{chunk-4G3FJUER.js → chunk-INGT6DB6.js} +2 -2
  53. package/dist/esm/{chunk-4ZHBNYXM.js → chunk-J6B7UCZN.js} +2 -2
  54. package/dist/esm/chunk-KDJM4NQQ.js +3 -0
  55. package/dist/esm/chunk-KDJM4NQQ.js.map +7 -0
  56. package/dist/esm/{chunk-LTUW36HM.js → chunk-KGCGT4MJ.js} +2 -2
  57. package/dist/esm/chunk-NO2JCJWI.js +3 -0
  58. package/dist/esm/chunk-NO2JCJWI.js.map +7 -0
  59. package/dist/esm/{chunk-6WHKGVWY.js → chunk-NZJRXZYX.js} +2 -2
  60. package/dist/esm/{chunk-NFSW36RG.js → chunk-ODHCDJ3Y.js} +2 -2
  61. package/dist/esm/chunk-SHKPQ3RI.js +2 -0
  62. package/dist/esm/chunk-UMQOTGJC.js +3 -0
  63. package/dist/esm/chunk-UMQOTGJC.js.map +7 -0
  64. package/dist/esm/chunk-XD676L6S.js +3 -0
  65. package/dist/esm/chunk-XD676L6S.js.map +7 -0
  66. package/dist/esm/{chunk-6SGJWML7.js → chunk-XKYPJTRN.js} +2 -2
  67. package/dist/esm/components/_internal/pane-chrome.js +1 -1
  68. package/dist/esm/components/_internal/shell-bottom.d.ts +7 -2
  69. package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -1
  70. package/dist/esm/components/_internal/shell-bottom.js +1 -1
  71. package/dist/esm/components/_internal/shell-inspector.d.ts +7 -2
  72. package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -1
  73. package/dist/esm/components/_internal/shell-inspector.js +1 -1
  74. package/dist/esm/components/_internal/shell-pane.js +1 -1
  75. package/dist/esm/components/_internal/shell-sidebar.d.ts +7 -2
  76. package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -1
  77. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  78. package/dist/esm/components/_internal/shell-store.d.ts +6 -6
  79. package/dist/esm/components/_internal/shell-store.d.ts.map +1 -1
  80. package/dist/esm/components/_internal/shell-store.js +1 -1
  81. package/dist/esm/components/alert-dialog.js +1 -1
  82. package/dist/esm/components/command.d.ts +133 -0
  83. package/dist/esm/components/command.d.ts.map +1 -0
  84. package/dist/esm/components/command.js +3 -0
  85. package/dist/esm/components/command.js.map +7 -0
  86. package/dist/esm/components/dialog.js +1 -1
  87. package/dist/esm/components/index.d.ts +1 -0
  88. package/dist/esm/components/index.d.ts.map +1 -1
  89. package/dist/esm/components/index.js +1 -1
  90. package/dist/esm/components/navigator.js +1 -1
  91. package/dist/esm/components/sheet.js +1 -1
  92. package/dist/esm/components/shell.context.js +1 -1
  93. package/dist/esm/components/shell.d.ts +25 -7
  94. package/dist/esm/components/shell.d.ts.map +1 -1
  95. package/dist/esm/components/shell.hooks.js +1 -1
  96. package/dist/esm/components/shell.js +1 -1
  97. package/dist/esm/components/sidebar.js +1 -1
  98. package/dist/esm/components/toolbar.js +1 -1
  99. package/dist/esm/hooks/index.js +1 -1
  100. package/dist/esm/index.js +1 -1
  101. package/package.json +1 -1
  102. package/src/components/_internal/shell-bottom.tsx +11 -6
  103. package/src/components/_internal/shell-inspector.tsx +11 -6
  104. package/src/components/_internal/shell-sidebar.tsx +11 -6
  105. package/src/components/_internal/shell-store.tsx +13 -13
  106. package/src/components/command.css +197 -0
  107. package/src/components/command.tsx +432 -0
  108. package/src/components/index.css +1 -0
  109. package/src/components/index.tsx +24 -0
  110. package/src/components/shell.css +133 -47
  111. package/src/components/shell.tsx +50 -32
  112. package/src/styles/tokens/color.css +2 -0
  113. package/styles.css +289 -35
  114. package/tokens/base.css +1 -0
  115. package/tokens.css +1 -0
  116. package/dist/esm/chunk-4B3S2DM7.js +0 -3
  117. package/dist/esm/chunk-4B3S2DM7.js.map +0 -7
  118. package/dist/esm/chunk-AKMRPGNP.js +0 -3
  119. package/dist/esm/chunk-AKMRPGNP.js.map +0 -7
  120. package/dist/esm/chunk-GHWEXMF6.js +0 -3
  121. package/dist/esm/chunk-RSG4XWHU.js +0 -2
  122. package/dist/esm/chunk-ZBSGH74F.js +0 -3
  123. package/dist/esm/chunk-ZBSGH74F.js.map +0 -7
  124. package/dist/esm/chunk-ZHXEEOGI.js +0 -3
  125. package/dist/esm/chunk-ZHXEEOGI.js.map +0 -7
  126. /package/dist/esm/{chunk-K35JUIUT.js.map → chunk-API4DAPY.js.map} +0 -0
  127. /package/dist/esm/{chunk-ZG2XQUOH.js.map → chunk-B447PNRD.js.map} +0 -0
  128. /package/dist/esm/{chunk-QDAM2I6O.js.map → chunk-BR6Z2CAE.js.map} +0 -0
  129. /package/dist/esm/{chunk-W35ZKQMQ.js.map → chunk-CAM66IXC.js.map} +0 -0
  130. /package/dist/esm/{chunk-4G3FJUER.js.map → chunk-INGT6DB6.js.map} +0 -0
  131. /package/dist/esm/{chunk-4ZHBNYXM.js.map → chunk-J6B7UCZN.js.map} +0 -0
  132. /package/dist/esm/{chunk-LTUW36HM.js.map → chunk-KGCGT4MJ.js.map} +0 -0
  133. /package/dist/esm/{chunk-6WHKGVWY.js.map → chunk-NZJRXZYX.js.map} +0 -0
  134. /package/dist/esm/{chunk-NFSW36RG.js.map → chunk-ODHCDJ3Y.js.map} +0 -0
  135. /package/dist/esm/{chunk-RSG4XWHU.js.map → chunk-SHKPQ3RI.js.map} +0 -0
  136. /package/dist/esm/{chunk-6SGJWML7.js.map → chunk-XKYPJTRN.js.map} +0 -0
package/components.css CHANGED
@@ -4999,6 +4999,208 @@
4999
4999
  -webkit-transform-origin: var(--radix-context-menu-content-transform-origin);
5000
5000
  transform-origin: var(--radix-context-menu-content-transform-origin);
5001
5001
  }
5002
+ .kui-CommandOverlay {
5003
+ display: -webkit-box;
5004
+ display: -ms-flexbox;
5005
+ display: flex;
5006
+ -webkit-box-pack: center;
5007
+ -ms-flex-pack: center;
5008
+ justify-content: center;
5009
+ -webkit-box-align: start;
5010
+ -ms-flex-align: start;
5011
+ align-items: flex-start;
5012
+ padding: max(var(--space-9), 12vh) var(--space-4) var(--space-4);
5013
+ }
5014
+ .kui-CommandContent {
5015
+ position: relative;
5016
+ z-index: 1;
5017
+ display: -webkit-box;
5018
+ display: -ms-flexbox;
5019
+ display: flex;
5020
+ -webkit-box-orient: vertical;
5021
+ -webkit-box-direction: normal;
5022
+ -ms-flex-direction: column;
5023
+ flex-direction: column;
5024
+ gap: var(--space-3);
5025
+ width: 100%;
5026
+ max-width: var(--overlay-w);
5027
+ max-height: 100%;
5028
+ outline: none;
5029
+ }
5030
+ .kui-CommandContent:where(.kui-r-size-1) {
5031
+ --overlay-w: var(--overlay-w-1);
5032
+ }
5033
+ .kui-CommandContent:where(.kui-r-size-2) {
5034
+ --overlay-w: var(--overlay-w-2);
5035
+ }
5036
+ .kui-CommandContent:where(.kui-r-size-3) {
5037
+ --overlay-w: var(--overlay-w-3);
5038
+ }
5039
+ .kui-CommandContent:where(.kui-r-size-4) {
5040
+ --overlay-w: var(--overlay-w-4);
5041
+ }
5042
+ .kui-CommandRoot {
5043
+ display: -webkit-box;
5044
+ display: -ms-flexbox;
5045
+ display: flex;
5046
+ -webkit-box-orient: vertical;
5047
+ -webkit-box-direction: normal;
5048
+ -ms-flex-direction: column;
5049
+ flex-direction: column;
5050
+ gap: var(--space-3);
5051
+ min-height: 0;
5052
+ }
5053
+ .kui-CommandSearch {
5054
+ display: -webkit-box;
5055
+ display: -ms-flexbox;
5056
+ display: flex;
5057
+ -webkit-box-align: center;
5058
+ -ms-flex-align: center;
5059
+ align-items: center;
5060
+ -ms-flex-negative: 0;
5061
+ flex-shrink: 0;
5062
+ background-color: var(--color-surface);
5063
+ -webkit-box-shadow: var(--floating-chrome);
5064
+ box-shadow: var(--floating-chrome);
5065
+ cursor: text;
5066
+ }
5067
+ .kui-CommandSearch:where(.kui-r-size-1) {
5068
+ gap: var(--space-2);
5069
+ padding: var(--panel-p-1) var(--panel-p-2);
5070
+ border-radius: var(--radius-panel-1);
5071
+ font-size: var(--font-size-3);
5072
+ line-height: var(--line-height-3);
5073
+ }
5074
+ .kui-CommandSearch:where(.kui-r-size-2) {
5075
+ gap: var(--space-3);
5076
+ padding: var(--panel-p-2) var(--panel-p-3);
5077
+ border-radius: var(--radius-panel-2);
5078
+ font-size: var(--font-size-4);
5079
+ line-height: var(--line-height-4);
5080
+ }
5081
+ .kui-CommandSearch:where(.kui-r-size-3) {
5082
+ gap: var(--space-3);
5083
+ padding: var(--panel-p-3) var(--panel-p-4);
5084
+ border-radius: var(--radius-panel-3);
5085
+ font-size: var(--font-size-5);
5086
+ line-height: var(--line-height-5);
5087
+ }
5088
+ .kui-CommandSearch:where(.kui-r-size-4) {
5089
+ gap: var(--space-4);
5090
+ padding: var(--panel-p-4) var(--panel-p-4);
5091
+ border-radius: var(--radius-panel-4);
5092
+ font-size: var(--font-size-6);
5093
+ line-height: var(--line-height-6);
5094
+ }
5095
+ .kui-CommandSearchSlot {
5096
+ display: -webkit-box;
5097
+ display: -ms-flexbox;
5098
+ display: flex;
5099
+ -ms-flex-negative: 0;
5100
+ flex-shrink: 0;
5101
+ color: var(--neutral-a10);
5102
+ }
5103
+ .kui-CommandSearchSlot > :where(*) {
5104
+ width: 1em;
5105
+ height: 1em;
5106
+ }
5107
+ .kui-CommandInput {
5108
+ -webkit-box-flex: 1;
5109
+ -ms-flex: 1;
5110
+ flex: 1;
5111
+ min-width: 0;
5112
+ font: inherit;
5113
+ color: var(--neutral-12);
5114
+ background: none;
5115
+ outline: none;
5116
+ }
5117
+ .kui-CommandInput::-webkit-input-placeholder {
5118
+ color: var(--neutral-a10);
5119
+ }
5120
+ .kui-CommandInput::-moz-placeholder {
5121
+ color: var(--neutral-a10);
5122
+ }
5123
+ .kui-CommandInput:-ms-input-placeholder {
5124
+ color: var(--neutral-a10);
5125
+ }
5126
+ .kui-CommandInput::-ms-input-placeholder {
5127
+ color: var(--neutral-a10);
5128
+ }
5129
+ .kui-CommandInput::placeholder {
5130
+ color: var(--neutral-a10);
5131
+ }
5132
+ .kui-CommandPanel {
5133
+ min-height: 0;
5134
+ -ms-flex-negative: 1;
5135
+ flex-shrink: 1;
5136
+ }
5137
+ .kui-CommandList {
5138
+ max-height: min(60vh, calc(480px * var(--scale)));
5139
+ overflow: auto;
5140
+ -ms-scroll-chaining: none;
5141
+ overscroll-behavior: contain;
5142
+ outline: 0;
5143
+ }
5144
+ .kui-CommandPanel:where(:not(:has(.kui-CommandItem, .kui-CommandEmpty))) {
5145
+ display: none;
5146
+ }
5147
+ .kui-CommandSeat:where(:empty) {
5148
+ display: none;
5149
+ }
5150
+ .kui-CommandItem:where([data-disabled='false']) {
5151
+ color: inherit;
5152
+ cursor: var(--cursor-menu-item);
5153
+ }
5154
+ .kui-CommandItem:where([data-selected='true']) {
5155
+ background-color: var(--accent-4);
5156
+ }
5157
+ .kui-CommandItem:where([data-tone='destructive']) {
5158
+ color: var(--red-11);
5159
+ }
5160
+ .kui-CommandItem:where([data-disabled='true']) {
5161
+ color: var(--neutral-a8);
5162
+ cursor: default;
5163
+ pointer-events: none;
5164
+ }
5165
+ .kui-CommandItem:where(:-moz-any-link) {
5166
+ text-decoration: none;
5167
+ }
5168
+ .kui-CommandItem:where(:any-link) {
5169
+ text-decoration: none;
5170
+ }
5171
+ .kui-CommandItemLabel {
5172
+ -webkit-box-flex: 1;
5173
+ -ms-flex: 1;
5174
+ flex: 1;
5175
+ min-width: 0;
5176
+ }
5177
+ .kui-CommandItemSlot {
5178
+ display: -webkit-box;
5179
+ display: -ms-flexbox;
5180
+ display: flex;
5181
+ -ms-flex-negative: 0;
5182
+ flex-shrink: 0;
5183
+ }
5184
+ .kui-CommandItemSlot:where([data-slot='leading']) {
5185
+ color: var(--neutral-a11);
5186
+ }
5187
+ .kui-CommandItemSlot:where([data-slot='trailing']) {
5188
+ color: var(--neutral-a10);
5189
+ }
5190
+ .kui-CommandEmpty {
5191
+ padding: var(--space-5);
5192
+ text-align: center;
5193
+ color: var(--neutral-a11);
5194
+ }
5195
+ @media (forced-colors: active) {
5196
+ .kui-CommandItem:where([data-selected='true']) {
5197
+ outline: 2px solid Highlight;
5198
+ outline-offset: -2px;
5199
+ }
5200
+ .kui-CommandSearch {
5201
+ border: 1px solid CanvasText;
5202
+ }
5203
+ }
5002
5204
  .kui-DialogContent {
5003
5205
  max-width: var(--overlay-w);
5004
5206
  }
@@ -11784,7 +11986,7 @@
11784
11986
  }
11785
11987
  }
11786
11988
  .kui-ShellRoot {
11787
- --shell-inset-gap: var(--space-3);
11989
+ --shell-gap: var(--space-3);
11788
11990
  --shell-rail-offset: 0px;
11789
11991
  --kui-shell-page-top: 0px;
11790
11992
  display: grid;
@@ -12559,51 +12761,102 @@
12559
12761
  .kui-ShellRoot[data-height='auto'] > .kui-ShellPane[data-presentation='overlay'] {
12560
12762
  position: fixed;
12561
12763
  }
12562
- .kui-ShellRoot:has(> [data-inset])::before,
12563
- .kui-ShellRoot[data-has-inset]::before {
12564
- content: '';
12565
- grid-row: 2;
12566
- grid-column: 1 / -1;
12567
- background: var(--neutral-2);
12764
+ .kui-ShellHeader[data-flush],
12765
+ .kui-ShellPane[data-flush],
12766
+ .kui-ShellContent[data-flush] {
12767
+ border: 0 solid var(--color-border);
12768
+ border-radius: 0;
12769
+ }
12770
+ .kui-ShellHeader[data-flush] {
12771
+ border-block-end-width: 1px;
12772
+ }
12773
+ .kui-ShellRail[data-flush],
12774
+ .kui-ShellPanel[data-flush],
12775
+ .kui-ShellSidebar[data-flush] {
12776
+ border-inline-end-width: 1px;
12777
+ }
12778
+ .kui-ShellInspector[data-flush] {
12779
+ border-inline-start-width: 1px;
12568
12780
  }
12569
- .kui-ShellPane[data-inset],
12570
- .kui-ShellContent[data-inset] {
12571
- margin: var(--shell-inset-gap);
12781
+ .kui-ShellBottom[data-flush] {
12782
+ border-block-start-width: 1px;
12783
+ }
12784
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellHeader[data-flush] {
12785
+ border-block-end-width: 0;
12786
+ }
12787
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellSidebar[data-flush],
12788
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellPanel[data-flush],
12789
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellRail[data-flush] {
12790
+ border-inline-end-width: 0;
12791
+ }
12792
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellInspector[data-flush] {
12793
+ border-inline-start-width: 0;
12794
+ }
12795
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellBottom[data-flush] {
12796
+ border-block-start-width: 0;
12797
+ }
12798
+ .kui-ShellHeader:not([data-flush]),
12799
+ .kui-ShellPane:not([data-flush]),
12800
+ .kui-ShellContent:not([data-flush]) {
12801
+ margin: var(--shell-gap);
12572
12802
  border-radius: var(--radius-surface-1);
12573
- background: var(--color-page);
12803
+ background-color: var(--color-page);
12574
12804
  -webkit-box-shadow: var(--surface-chrome);
12575
12805
  box-shadow: var(--surface-chrome);
12576
12806
  }
12577
- .kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellPanel[data-inset][data-presentation='fixed'],
12578
- .kui-ShellRoot:has(> .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellSidebar[data-inset][data-presentation='fixed'],
12579
- .kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
12580
- :has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
12581
- )
12582
- > .kui-ShellSidebar[data-inset][data-presentation='fixed'],
12583
- .kui-ShellRoot:has(> .kui-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent[data-inset],
12584
- .kui-ShellRoot:has(> .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
12585
- :has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
12586
- )
12587
- > .kui-ShellContent[data-inset],
12588
- .kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
12589
- :has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
12590
- )
12591
- > .kui-ShellContent[data-inset],
12592
- .kui-ShellRoot:has(> .kui-ShellContent[data-inset]) > .kui-ShellInspector[data-inset][data-presentation='fixed'] {
12807
+ .kui-ShellHeader:not([data-flush]) {
12808
+ z-index: 1;
12809
+ }
12810
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) {
12811
+ background-color: var(--neutral-2);
12812
+ }
12813
+ .kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellPanel:not([data-flush])[data-presentation='fixed'],
12814
+ .kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'],
12815
+ .kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'],
12816
+ .kui-ShellRoot:has(> .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]),
12817
+ .kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
12818
+ .kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
12819
+ .kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellInspector:not([data-flush])[data-presentation='fixed'] {
12593
12820
  -webkit-margin-start: 0;
12594
12821
  margin-inline-start: 0;
12595
12822
  }
12596
- .kui-ShellRoot:has(
12597
- > .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
12598
- > .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
12599
- > .kui-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
12600
- > .kui-ShellContent[data-inset],
12601
- > .kui-ShellInspector[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])
12602
- )
12603
- > .kui-ShellBottom[data-inset] {
12823
+ .kui-ShellRoot:has(> .kui-ShellHeader:not([data-flush])) > :is(.kui-ShellPane:not(.kui-ShellBottom), .kui-ShellContent):not([data-flush]),
12824
+ .kui-ShellRoot:has(> :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector):not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellContent:not([data-flush])) > .kui-ShellBottom:not([data-flush]) {
12604
12825
  -webkit-margin-before: 0;
12605
12826
  margin-block-start: 0;
12606
12827
  }
12828
+ .kui-ShellRoot:has(> .kui-ShellSidebar[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]),
12829
+ .kui-ShellRoot:has(> .kui-ShellPanel[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
12830
+ .kui-ShellRoot:has(> .kui-ShellRail[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]) {
12831
+ -webkit-margin-start: 0;
12832
+ margin-inline-start: 0;
12833
+ }
12834
+ .kui-ShellRoot:has(> .kui-ShellInspector[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]) {
12835
+ -webkit-margin-end: 0;
12836
+ margin-inline-end: 0;
12837
+ }
12838
+ .kui-ShellRoot:has(> .kui-ShellBottom[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]) {
12839
+ -webkit-margin-after: 0;
12840
+ margin-block-end: 0;
12841
+ }
12842
+ .kui-ShellRoot:has(> .kui-ShellSidebar:not([data-flush])) > .kui-ShellContent[data-flush] {
12843
+ grid-column-start: sidebar-start;
12844
+ }
12845
+ .kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])):not(:has(> .kui-ShellSidebar[data-flush])) > .kui-ShellContent[data-flush] {
12846
+ grid-column-start: panel-start;
12847
+ }
12848
+ .kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])):not(:has(> .kui-ShellPanel[data-flush], > .kui-ShellSidebar[data-flush])) > .kui-ShellContent[data-flush] {
12849
+ grid-column-start: rail-start;
12850
+ }
12851
+ .kui-ShellRoot:has(> .kui-ShellInspector:not([data-flush])) > .kui-ShellContent[data-flush] {
12852
+ grid-column-end: inspector-end;
12853
+ }
12854
+ .kui-ShellRoot:has(> .kui-ShellHeader:not([data-flush])) > .kui-ShellContent[data-flush] {
12855
+ grid-row-start: header-start;
12856
+ }
12857
+ .kui-ShellRoot:has(> .kui-ShellBottom:not([data-flush])) > .kui-ShellContent[data-flush] {
12858
+ grid-row-end: bottom-end;
12859
+ }
12607
12860
  @media (max-width: 767.98px) and (pointer: coarse) {
12608
12861
  .kui-ShellRoot[data-window] {
12609
12862
  height: auto;
@@ -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})},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";
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 r in e)x(t,r,{get:e[r],enumerable:!0})},W=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!Ce.call(t,s)&&s!==r&&x(t,s,{get:()=>e[s],enumerable:!(n=Re(e,s))||n.enumerable});return t};var y=(t,e,r)=>(r=t!=null?xe(De(t)):{},W(e||!t||!t.__esModule?x(r,"default",{value:t,enumerable:!0}):r,t)),Ne=t=>W(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 I(t){let[e,r]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let n=0,s=()=>{n=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=()=>{n||(n=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}),()=>{n&&cancelAnimationFrame(n),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]),r}var D=y(require("react"));function K(){let[t,e]=D.useState(null);return D.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let n=0,s=()=>{n=0;for(let o of r.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=()=>{n||(n=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{n&&cancelAnimationFrame(n),t.removeEventListener("scroll",i)}},[t]),e}function G(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}var C=y(require("react"));function _(t,e){let{asChild:r,children:n}=t;if(!r)return typeof e=="function"?e(n):e;let s=C.Children.only(n);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),r=[],n=[],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?(r.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&n.push(l)}return{styling:r,passthrough:n,stylingKeys:s}}var Oe={children:new WeakMap};function U(t){let e=Oe;for(let r=0;r<t.length;r++){let n=t[r],s=e.children.get(n);s===void 0&&(s={children:new WeakMap},e.children.set(n,s)),e=s}return e.compiled??(e.compiled=Ae(t))}var ze=["initial","xs","sm","md","lg","xl"],O=new Set(ze);function z(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Me=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(Me.has(e))return!0;return!1}function T(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function Y({className:t,customProperties:e,...r}){let n=M({allowArbitraryValues:!0,className:t,...r}),s=Be({customProperties:e,...r});return[n,s]}function M({allowArbitraryValues:t,value:e,className:r,propValues:n,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(n,s,e)?q(r,e,i):t?r:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!z(o,l)||!O.has(l))continue;let a=o[l];if(a!==void 0){if(T(n,s,a)){let c=q(r,a,i),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?r:`${l}:${r}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return r}}function q(t,e,r){let n=t?"-":"",s=r(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${n}${p}`}function Be({customProperties:t,value:e,propValues:r,propValueSet:n,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(r,n,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(!z(o,p)||!O.has(p))continue;let l=o[p];if(l===void 0||T(r,n,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 r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function He(t,e){let r=t.initial,n=!1;return e.hasDefault&&r===void 0&&(r=e.default,n=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,n=!0),n?{...t,initial:r}:t}function X(t,...e){let{styling:r,passthrough:n,stylingKeys:s}=U(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<n.length;l++){let a=n[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<r.length;l++){let a=r[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]=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 Fe(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let r=0,n=()=>{r=0;let o=A(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{r||(r=requestAnimationFrame(n))};n();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{r&&cancelAnimationFrame(r),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:r,children:n,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=I(f),Se=K(),ge=(0,te.useComposedRefs)(e,Pe,Se,E);Fe(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:r},_({asChild:r,children:n},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")),We=require("radix-ui/internal");var re=["initial","xs","sm","md","lg","xl"];function ne(t){return typeof t=="object"&&t!==null}function $e(t,e){let r={},n=null;for(let s of re){if(t!==void 0&&!ne(t)){r[s]=t;continue}let i=ne(t)?t[s]:void 0;i!==void 0&&(n={value:i}),r[s]=n?n.value:e(s)}return r}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 Ie(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 Ie(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 r=u.useContext(k),n=u.useMemo(()=>({size:r,menuVariant:"soft",presentation:e}),[r,e]);return u.createElement(H.Provider,{value:n},t)}function L(){let t=w(),e=u.useContext(k),r=t?.size??e,n=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${r}`,`kui-menu-variant-${n}`]}var de={1:"2",2:"3",3:"4",4:"4"};function F(){let t=w(),e=u.useContext(k);return de[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(oe)!==null,r=F();return t!==void 0?t:e?r:null}var fe=u.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=L(),o=F();return u.createElement("div",{...n,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},r))});fe.displayName="Shell.PaneHeader";var me=u.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=L(),o=F();return u.createElement("div",{...n,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},r))});me.displayName="Shell.PaneFooter";var ye=u.forwardRef(({className:t,style:e,dir:r,children:n,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:r,className:(0,v.default)("kui-ShellScrollContent",t)},n))}return u.createElement(N,{...o,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...l,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},n))))});ye.displayName="Shell.Scroll";
3
3
  //# sourceMappingURL=pane-chrome.js.map