@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.
- package/components.css +288 -35
- package/dist/cjs/components/_internal/pane-chrome.js +1 -1
- package/dist/cjs/components/_internal/pane-chrome.js.map +2 -2
- package/dist/cjs/components/_internal/shell-bottom.d.ts +7 -2
- package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-bottom.js +1 -1
- package/dist/cjs/components/_internal/shell-bottom.js.map +3 -3
- package/dist/cjs/components/_internal/shell-inspector.d.ts +7 -2
- package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js.map +3 -3
- package/dist/cjs/components/_internal/shell-pane.js +1 -1
- package/dist/cjs/components/_internal/shell-pane.js.map +2 -2
- package/dist/cjs/components/_internal/shell-sidebar.d.ts +7 -2
- package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js.map +3 -3
- package/dist/cjs/components/_internal/shell-store.d.ts +6 -6
- package/dist/cjs/components/_internal/shell-store.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-store.js +1 -1
- package/dist/cjs/components/_internal/shell-store.js.map +3 -3
- package/dist/cjs/components/command.d.ts +133 -0
- package/dist/cjs/components/command.d.ts.map +1 -0
- package/dist/cjs/components/command.js +3 -0
- package/dist/cjs/components/command.js.map +7 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/navigator.js +1 -1
- package/dist/cjs/components/navigator.js.map +2 -2
- package/dist/cjs/components/shell.context.js +1 -1
- package/dist/cjs/components/shell.context.js.map +2 -2
- package/dist/cjs/components/shell.d.ts +25 -7
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.hooks.js +1 -1
- package/dist/cjs/components/shell.hooks.js.map +2 -2
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +2 -2
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/chunk-5BXCPANF.js +3 -0
- package/dist/esm/{chunk-GHWEXMF6.js.map → chunk-5BXCPANF.js.map} +3 -3
- package/dist/esm/{chunk-K35JUIUT.js → chunk-API4DAPY.js} +2 -2
- package/dist/esm/{chunk-ZG2XQUOH.js → chunk-B447PNRD.js} +2 -2
- package/dist/esm/{chunk-QDAM2I6O.js → chunk-BR6Z2CAE.js} +2 -2
- package/dist/esm/{chunk-W35ZKQMQ.js → chunk-CAM66IXC.js} +2 -2
- package/dist/esm/chunk-GZPB6MRQ.js +3 -0
- package/dist/esm/chunk-GZPB6MRQ.js.map +7 -0
- package/dist/esm/{chunk-4G3FJUER.js → chunk-INGT6DB6.js} +2 -2
- package/dist/esm/{chunk-4ZHBNYXM.js → chunk-J6B7UCZN.js} +2 -2
- package/dist/esm/chunk-KDJM4NQQ.js +3 -0
- package/dist/esm/chunk-KDJM4NQQ.js.map +7 -0
- package/dist/esm/{chunk-LTUW36HM.js → chunk-KGCGT4MJ.js} +2 -2
- package/dist/esm/chunk-NO2JCJWI.js +3 -0
- package/dist/esm/chunk-NO2JCJWI.js.map +7 -0
- package/dist/esm/{chunk-6WHKGVWY.js → chunk-NZJRXZYX.js} +2 -2
- package/dist/esm/{chunk-NFSW36RG.js → chunk-ODHCDJ3Y.js} +2 -2
- package/dist/esm/chunk-SHKPQ3RI.js +2 -0
- package/dist/esm/chunk-UMQOTGJC.js +3 -0
- package/dist/esm/chunk-UMQOTGJC.js.map +7 -0
- package/dist/esm/chunk-XD676L6S.js +3 -0
- package/dist/esm/chunk-XD676L6S.js.map +7 -0
- package/dist/esm/{chunk-6SGJWML7.js → chunk-XKYPJTRN.js} +2 -2
- package/dist/esm/components/_internal/pane-chrome.js +1 -1
- package/dist/esm/components/_internal/shell-bottom.d.ts +7 -2
- package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-bottom.js +1 -1
- package/dist/esm/components/_internal/shell-inspector.d.ts +7 -2
- package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/_internal/shell-pane.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.d.ts +7 -2
- package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/_internal/shell-store.d.ts +6 -6
- package/dist/esm/components/_internal/shell-store.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-store.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/command.d.ts +133 -0
- package/dist/esm/components/command.d.ts.map +1 -0
- package/dist/esm/components/command.js +3 -0
- package/dist/esm/components/command.js.map +7 -0
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/navigator.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.context.js +1 -1
- package/dist/esm/components/shell.d.ts +25 -7
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.hooks.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_internal/shell-bottom.tsx +11 -6
- package/src/components/_internal/shell-inspector.tsx +11 -6
- package/src/components/_internal/shell-sidebar.tsx +11 -6
- package/src/components/_internal/shell-store.tsx +13 -13
- package/src/components/command.css +197 -0
- package/src/components/command.tsx +432 -0
- package/src/components/index.css +1 -0
- package/src/components/index.tsx +24 -0
- package/src/components/shell.css +133 -47
- package/src/components/shell.tsx +50 -32
- package/src/styles/tokens/color.css +2 -0
- package/styles.css +289 -35
- package/tokens/base.css +1 -0
- package/tokens.css +1 -0
- package/dist/esm/chunk-4B3S2DM7.js +0 -3
- package/dist/esm/chunk-4B3S2DM7.js.map +0 -7
- package/dist/esm/chunk-AKMRPGNP.js +0 -3
- package/dist/esm/chunk-AKMRPGNP.js.map +0 -7
- package/dist/esm/chunk-GHWEXMF6.js +0 -3
- package/dist/esm/chunk-RSG4XWHU.js +0 -2
- package/dist/esm/chunk-ZBSGH74F.js +0 -3
- package/dist/esm/chunk-ZBSGH74F.js.map +0 -7
- package/dist/esm/chunk-ZHXEEOGI.js +0 -3
- package/dist/esm/chunk-ZHXEEOGI.js.map +0 -7
- /package/dist/esm/{chunk-K35JUIUT.js.map → chunk-API4DAPY.js.map} +0 -0
- /package/dist/esm/{chunk-ZG2XQUOH.js.map → chunk-B447PNRD.js.map} +0 -0
- /package/dist/esm/{chunk-QDAM2I6O.js.map → chunk-BR6Z2CAE.js.map} +0 -0
- /package/dist/esm/{chunk-W35ZKQMQ.js.map → chunk-CAM66IXC.js.map} +0 -0
- /package/dist/esm/{chunk-4G3FJUER.js.map → chunk-INGT6DB6.js.map} +0 -0
- /package/dist/esm/{chunk-4ZHBNYXM.js.map → chunk-J6B7UCZN.js.map} +0 -0
- /package/dist/esm/{chunk-LTUW36HM.js.map → chunk-KGCGT4MJ.js.map} +0 -0
- /package/dist/esm/{chunk-6WHKGVWY.js.map → chunk-NZJRXZYX.js.map} +0 -0
- /package/dist/esm/{chunk-NFSW36RG.js.map → chunk-ODHCDJ3Y.js.map} +0 -0
- /package/dist/esm/{chunk-RSG4XWHU.js.map → chunk-SHKPQ3RI.js.map} +0 -0
- /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-
|
|
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-
|
|
12563
|
-
.kui-
|
|
12564
|
-
|
|
12565
|
-
|
|
12566
|
-
|
|
12567
|
-
|
|
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-
|
|
12570
|
-
|
|
12571
|
-
|
|
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-
|
|
12578
|
-
|
|
12579
|
-
|
|
12580
|
-
|
|
12581
|
-
)
|
|
12582
|
-
|
|
12583
|
-
.kui-ShellRoot:has(> .kui-
|
|
12584
|
-
.kui-ShellRoot:has(> .kui-ShellPanel[data-
|
|
12585
|
-
|
|
12586
|
-
|
|
12587
|
-
|
|
12588
|
-
.kui-ShellRoot:has(> .kui-ShellRail[data-
|
|
12589
|
-
|
|
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
|
-
|
|
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
|