@jarllyng/nostromo 3.10.0 → 3.12.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/README.md +1 -1
- package/dist/animations.css +29 -1
- package/dist/chunk-27UORO2F.cjs +3 -0
- package/dist/chunk-27UORO2F.cjs.map +1 -0
- package/dist/chunk-5N5KJBMP.js +3 -0
- package/dist/chunk-5N5KJBMP.js.map +1 -0
- package/dist/chunk-75OZKMEA.cjs +3 -0
- package/dist/chunk-75OZKMEA.cjs.map +1 -0
- package/dist/chunk-BDRP7ALG.cjs +3 -0
- package/dist/chunk-BDRP7ALG.cjs.map +1 -0
- package/dist/chunk-BJPJB6IA.cjs +3 -0
- package/dist/chunk-BJPJB6IA.cjs.map +1 -0
- package/dist/chunk-DB6MHAU3.cjs +3 -0
- package/dist/chunk-DB6MHAU3.cjs.map +1 -0
- package/dist/chunk-ERGAJKFH.cjs +3 -0
- package/dist/chunk-ERGAJKFH.cjs.map +1 -0
- package/dist/chunk-K45ZUJ42.js +3 -0
- package/dist/chunk-K45ZUJ42.js.map +1 -0
- package/dist/chunk-MINSU2YF.js +3 -0
- package/dist/chunk-MINSU2YF.js.map +1 -0
- package/dist/chunk-NM5NVIAK.js +3 -0
- package/dist/chunk-NM5NVIAK.js.map +1 -0
- package/dist/chunk-PLEQSJHY.js +3 -0
- package/dist/chunk-PLEQSJHY.js.map +1 -0
- package/dist/chunk-QESG3HCL.js +3 -0
- package/dist/chunk-QESG3HCL.js.map +1 -0
- package/dist/chunk-QQTI6OI3.js +3 -0
- package/dist/chunk-QQTI6OI3.js.map +1 -0
- package/dist/chunk-RKSTEJKG.cjs +3 -0
- package/dist/chunk-RKSTEJKG.cjs.map +1 -0
- package/dist/components/core/carousel.cjs +3 -0
- package/dist/components/core/carousel.cjs.map +1 -0
- package/dist/components/core/carousel.d.cts +71 -0
- package/dist/components/core/carousel.d.ts +71 -0
- package/dist/components/core/carousel.js +3 -0
- package/dist/components/core/carousel.js.map +1 -0
- package/dist/components/core/command.cjs +3 -0
- package/dist/components/core/command.cjs.map +1 -0
- package/dist/components/core/command.d.cts +169 -0
- package/dist/components/core/command.d.ts +169 -0
- package/dist/components/core/command.js +3 -0
- package/dist/components/core/command.js.map +1 -0
- package/dist/components/core/dialog.cjs +1 -1
- package/dist/components/core/dialog.d.cts +9 -0
- package/dist/components/core/dialog.d.ts +9 -0
- package/dist/components/core/dialog.js +1 -1
- package/dist/components/core/drawer.cjs +3 -0
- package/dist/components/core/drawer.cjs.map +1 -0
- package/dist/components/core/drawer.d.cts +70 -0
- package/dist/components/core/drawer.d.ts +70 -0
- package/dist/components/core/drawer.js +3 -0
- package/dist/components/core/drawer.js.map +1 -0
- package/dist/components/core/form.cjs +1 -1
- package/dist/components/core/form.js +1 -1
- package/dist/components/core/input-otp.cjs +3 -0
- package/dist/components/core/input-otp.cjs.map +1 -0
- package/dist/components/core/input-otp.d.cts +50 -0
- package/dist/components/core/input-otp.d.ts +50 -0
- package/dist/components/core/input-otp.js +3 -0
- package/dist/components/core/input-otp.js.map +1 -0
- package/dist/components/core/resizable.cjs +3 -0
- package/dist/components/core/resizable.cjs.map +1 -0
- package/dist/components/core/resizable.d.cts +362 -0
- package/dist/components/core/resizable.d.ts +362 -0
- package/dist/components/core/resizable.js +3 -0
- package/dist/components/core/resizable.js.map +1 -0
- package/dist/components/core/sidebar.cjs +3 -0
- package/dist/components/core/sidebar.cjs.map +1 -0
- package/dist/components/core/sidebar.d.cts +131 -0
- package/dist/components/core/sidebar.d.ts +131 -0
- package/dist/components/core/sidebar.js +3 -0
- package/dist/components/core/sidebar.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +34 -1
- package/dist/index.d.ts +34 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/themes/lv-426.css +22 -0
- package/dist/themes/mother.css +22 -0
- package/dist/themes/nostromo.css +22 -0
- package/dist/themes/sulaco.css +22 -0
- package/dist/tokens.css +12 -0
- package/package.json +93 -4
- package/dist/chunk-MY2KMTUS.js +0 -3
- package/dist/chunk-MY2KMTUS.js.map +0 -1
- package/dist/chunk-NBX6FKCA.cjs +0 -3
- package/dist/chunk-NBX6FKCA.cjs.map +0 -1
|
@@ -0,0 +1,362 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Panels the user can resize by dragging the divider between them: a file tree
|
|
6
|
+
* next to an editor, a list next to a preview.
|
|
7
|
+
*
|
|
8
|
+
* Thin wrappers over react-resizable-panels, which owns the sizing, the pointer
|
|
9
|
+
* and keyboard handling, and the ARIA on the divider. Only the look is ours.
|
|
10
|
+
*
|
|
11
|
+
* ## The group sizes itself, so size its parent
|
|
12
|
+
*
|
|
13
|
+
* The group sets `display`, `flex-direction`, `width: 100%` and `height: 100%`
|
|
14
|
+
* as *inline* styles. Inline styles beat classes, so `className="h-96"` on the
|
|
15
|
+
* group does nothing at all - a silent no-op, which is why it is written down
|
|
16
|
+
* here. Put the height on the element around the group, or pass
|
|
17
|
+
* `style={{ height: "24rem" }}`, which merges with the library's own.
|
|
18
|
+
*
|
|
19
|
+
* For the same reason there are no layout classes on `ResizablePanelGroup`
|
|
20
|
+
* below. `flex`, `w-full` and a flex-direction switch would all be overridden
|
|
21
|
+
* by the inline styles, and dead classes are worse than none.
|
|
22
|
+
*
|
|
23
|
+
* ## `aria-orientation` on the divider is the divider's own axis
|
|
24
|
+
*
|
|
25
|
+
* A horizontal group - panels side by side - has a *vertical* divider, so it
|
|
26
|
+
* reports `aria-orientation="vertical"`. The styling below reads it that way
|
|
27
|
+
* round: the default is a vertical hairline, and the `aria-[orientation=
|
|
28
|
+
* horizontal]` variants flip it to a horizontal one.
|
|
29
|
+
*
|
|
30
|
+
* ## A class on a panel lands on an inner element
|
|
31
|
+
*
|
|
32
|
+
* `ResizablePanel` renders a wrapper that the library controls with flex, and
|
|
33
|
+
* puts `className` on a child inside it. That is deliberate on their side: it
|
|
34
|
+
* keeps padding and borders from fighting the flex sizing. It does mean a
|
|
35
|
+
* background on a panel paints the inner box, which is what you want anyway.
|
|
36
|
+
*/
|
|
37
|
+
declare const ResizablePanelGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
38
|
+
children?: React.ReactNode | undefined;
|
|
39
|
+
className?: string | undefined;
|
|
40
|
+
defaultLayout?: ResizablePrimitive.Layout | undefined;
|
|
41
|
+
disableCursor?: boolean | undefined;
|
|
42
|
+
disabled?: boolean | undefined;
|
|
43
|
+
elementRef?: React.Ref<HTMLDivElement | null> | undefined;
|
|
44
|
+
groupRef?: React.Ref<ResizablePrimitive.GroupImperativeHandle | null> | undefined;
|
|
45
|
+
id?: string | number | undefined;
|
|
46
|
+
onLayoutChange?: (layout: ResizablePrimitive.Layout) => void | undefined;
|
|
47
|
+
onLayoutChanged?: (layout: ResizablePrimitive.Layout, meta: ResizablePrimitive.LayoutChangedMeta) => void;
|
|
48
|
+
resizeTargetMinimumSize?: {
|
|
49
|
+
coarse: number;
|
|
50
|
+
fine: number;
|
|
51
|
+
};
|
|
52
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
53
|
+
style?: React.CSSProperties | undefined;
|
|
54
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<{
|
|
56
|
+
className?: string | undefined | undefined;
|
|
57
|
+
defaultChecked?: boolean | undefined | undefined;
|
|
58
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
59
|
+
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
60
|
+
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
61
|
+
accessKey?: string | undefined | undefined;
|
|
62
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
63
|
+
autoFocus?: boolean | undefined | undefined;
|
|
64
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
65
|
+
contextMenu?: string | undefined | undefined;
|
|
66
|
+
dir?: string | undefined | undefined;
|
|
67
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
68
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
69
|
+
hidden?: boolean | undefined | undefined;
|
|
70
|
+
id?: string | undefined | undefined;
|
|
71
|
+
lang?: string | undefined | undefined;
|
|
72
|
+
nonce?: string | undefined | undefined;
|
|
73
|
+
slot?: string | undefined | undefined;
|
|
74
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
75
|
+
style?: React.CSSProperties | undefined;
|
|
76
|
+
tabIndex?: number | undefined | undefined;
|
|
77
|
+
title?: string | undefined | undefined;
|
|
78
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
79
|
+
radioGroup?: string | undefined | undefined;
|
|
80
|
+
role?: React.AriaRole | undefined;
|
|
81
|
+
about?: string | undefined | undefined;
|
|
82
|
+
content?: string | undefined | undefined;
|
|
83
|
+
datatype?: string | undefined | undefined;
|
|
84
|
+
inlist?: any;
|
|
85
|
+
prefix?: string | undefined | undefined;
|
|
86
|
+
property?: string | undefined | undefined;
|
|
87
|
+
rel?: string | undefined | undefined;
|
|
88
|
+
resource?: string | undefined | undefined;
|
|
89
|
+
rev?: string | undefined | undefined;
|
|
90
|
+
typeof?: string | undefined | undefined;
|
|
91
|
+
vocab?: string | undefined | undefined;
|
|
92
|
+
autoCorrect?: string | undefined | undefined;
|
|
93
|
+
autoSave?: string | undefined | undefined;
|
|
94
|
+
color?: string | undefined | undefined;
|
|
95
|
+
itemProp?: string | undefined | undefined;
|
|
96
|
+
itemScope?: boolean | undefined | undefined;
|
|
97
|
+
itemType?: string | undefined | undefined;
|
|
98
|
+
itemID?: string | undefined | undefined;
|
|
99
|
+
itemRef?: string | undefined | undefined;
|
|
100
|
+
results?: number | undefined | undefined;
|
|
101
|
+
security?: string | undefined | undefined;
|
|
102
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
103
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
104
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
105
|
+
popoverTarget?: string | undefined | undefined;
|
|
106
|
+
inert?: boolean | undefined | undefined;
|
|
107
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
108
|
+
is?: string | undefined | undefined;
|
|
109
|
+
exportparts?: string | undefined | undefined;
|
|
110
|
+
part?: string | undefined | undefined;
|
|
111
|
+
"aria-activedescendant"?: string | undefined | undefined;
|
|
112
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
113
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
114
|
+
"aria-braillelabel"?: string | undefined | undefined;
|
|
115
|
+
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
116
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
117
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
118
|
+
"aria-colcount"?: number | undefined | undefined;
|
|
119
|
+
"aria-colindex"?: number | undefined | undefined;
|
|
120
|
+
"aria-colindextext"?: string | undefined | undefined;
|
|
121
|
+
"aria-colspan"?: number | undefined | undefined;
|
|
122
|
+
"aria-controls"?: string | undefined | undefined;
|
|
123
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
124
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
125
|
+
"aria-description"?: string | undefined | undefined;
|
|
126
|
+
"aria-details"?: string | undefined | undefined;
|
|
127
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
128
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
129
|
+
"aria-errormessage"?: string | undefined | undefined;
|
|
130
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
131
|
+
"aria-flowto"?: string | undefined | undefined;
|
|
132
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
133
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
134
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
135
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
136
|
+
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
137
|
+
"aria-label"?: string | undefined | undefined;
|
|
138
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
139
|
+
"aria-level"?: number | undefined | undefined;
|
|
140
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
141
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
142
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
143
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
144
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
145
|
+
"aria-owns"?: string | undefined | undefined;
|
|
146
|
+
"aria-placeholder"?: string | undefined | undefined;
|
|
147
|
+
"aria-posinset"?: number | undefined | undefined;
|
|
148
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
149
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
150
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
151
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
152
|
+
"aria-roledescription"?: string | undefined | undefined;
|
|
153
|
+
"aria-rowcount"?: number | undefined | undefined;
|
|
154
|
+
"aria-rowindex"?: number | undefined | undefined;
|
|
155
|
+
"aria-rowindextext"?: string | undefined | undefined;
|
|
156
|
+
"aria-rowspan"?: number | undefined | undefined;
|
|
157
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
158
|
+
"aria-setsize"?: number | undefined | undefined;
|
|
159
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
160
|
+
"aria-valuemax"?: number | undefined | undefined;
|
|
161
|
+
"aria-valuemin"?: number | undefined | undefined;
|
|
162
|
+
"aria-valuenow"?: number | undefined | undefined;
|
|
163
|
+
"aria-valuetext"?: string | undefined | undefined;
|
|
164
|
+
children?: React.ReactNode;
|
|
165
|
+
dangerouslySetInnerHTML?: {
|
|
166
|
+
__html: string | TrustedHTML;
|
|
167
|
+
} | undefined | undefined;
|
|
168
|
+
onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onChange?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
185
|
+
onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
186
|
+
onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onInput?: React.InputEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onReset?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onResetCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onSubmit?: React.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onInvalid?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onInvalidCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
229
|
+
onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
230
|
+
onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
231
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
234
|
+
onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
235
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
236
|
+
onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
237
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
238
|
+
onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
239
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
240
|
+
onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
241
|
+
onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
242
|
+
onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
243
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
244
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
245
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
246
|
+
onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
247
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
248
|
+
onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
249
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
250
|
+
onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
251
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
252
|
+
onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
253
|
+
onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
254
|
+
onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
255
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
256
|
+
onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
257
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
258
|
+
onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
259
|
+
onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
260
|
+
onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
261
|
+
onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
262
|
+
onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
263
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
265
|
+
onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
266
|
+
onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
267
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
268
|
+
onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
269
|
+
onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
270
|
+
onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
271
|
+
onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
272
|
+
onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
273
|
+
onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
274
|
+
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
275
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
276
|
+
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
277
|
+
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
278
|
+
onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
279
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
280
|
+
onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
281
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
282
|
+
onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
283
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
284
|
+
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
285
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
286
|
+
onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
287
|
+
onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
288
|
+
onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
289
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
290
|
+
onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
291
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
292
|
+
onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
293
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
294
|
+
onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
295
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
296
|
+
onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
297
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
298
|
+
onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
299
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
300
|
+
onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
301
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
302
|
+
onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
303
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
304
|
+
onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
305
|
+
onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
306
|
+
onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
307
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
308
|
+
onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
309
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
310
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
311
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
312
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
313
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
314
|
+
onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
315
|
+
onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
316
|
+
onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
317
|
+
onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
318
|
+
onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
319
|
+
onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
320
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
321
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
322
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
323
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
324
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
325
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
326
|
+
onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
327
|
+
onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
328
|
+
onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
329
|
+
onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
330
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
331
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
332
|
+
onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
333
|
+
onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
334
|
+
onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
335
|
+
onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
336
|
+
} & {
|
|
337
|
+
className?: string | undefined;
|
|
338
|
+
collapsedSize?: number | string | undefined;
|
|
339
|
+
collapsible?: boolean | undefined;
|
|
340
|
+
defaultSize?: number | string | undefined;
|
|
341
|
+
disabled?: boolean | undefined;
|
|
342
|
+
elementRef?: React.Ref<HTMLDivElement | null> | undefined;
|
|
343
|
+
groupResizeBehavior?: "preserve-relative-size" | "preserve-pixel-size" | undefined;
|
|
344
|
+
id?: string | number | undefined;
|
|
345
|
+
maxSize?: number | string | undefined;
|
|
346
|
+
minSize?: number | string | undefined;
|
|
347
|
+
onResize?: ((panelSize: ResizablePrimitive.PanelSize, id: string | number | undefined, prevPanelSize: ResizablePrimitive.PanelSize | undefined) => void) | undefined;
|
|
348
|
+
panelRef?: React.Ref<ResizablePrimitive.PanelImperativeHandle | null> | undefined;
|
|
349
|
+
style?: React.CSSProperties | undefined;
|
|
350
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
351
|
+
interface ResizableHandleProps extends ResizablePrimitive.SeparatorProps {
|
|
352
|
+
/**
|
|
353
|
+
* Draw a grip on the divider.
|
|
354
|
+
*
|
|
355
|
+
* A one-pixel line is a small target and gives no hint that it can be
|
|
356
|
+
* dragged. The grip is worth it anywhere the divider is not obvious.
|
|
357
|
+
*/
|
|
358
|
+
withHandle?: boolean;
|
|
359
|
+
}
|
|
360
|
+
declare const ResizableHandle: React.ForwardRefExoticComponent<ResizableHandleProps & React.RefAttributes<HTMLDivElement>>;
|
|
361
|
+
|
|
362
|
+
export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"resizable.js"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';var chunkERGAJKFH_cjs=require('../../chunk-ERGAJKFH.cjs');require('../../chunk-Z7WEJ5IQ.cjs'),require('../../chunk-C7HZAQBX.cjs'),require('../../chunk-MQUHAWJ2.cjs'),require('../../chunk-FUENXWR7.cjs'),require('../../chunk-3QVQ2TNE.cjs'),require('../../chunk-7SPPGTBT.cjs'),require('../../chunk-ITRGJNWL.cjs');Object.defineProperty(exports,"Sidebar",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.e}});Object.defineProperty(exports,"SidebarContent",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.m}});Object.defineProperty(exports,"SidebarFooter",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.k}});Object.defineProperty(exports,"SidebarGroup",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.n}});Object.defineProperty(exports,"SidebarGroupAction",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.p}});Object.defineProperty(exports,"SidebarGroupContent",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.q}});Object.defineProperty(exports,"SidebarGroupLabel",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.o}});Object.defineProperty(exports,"SidebarHeader",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.j}});Object.defineProperty(exports,"SidebarInput",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.i}});Object.defineProperty(exports,"SidebarInset",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.h}});Object.defineProperty(exports,"SidebarMenu",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.r}});Object.defineProperty(exports,"SidebarMenuAction",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.v}});Object.defineProperty(exports,"SidebarMenuBadge",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.w}});Object.defineProperty(exports,"SidebarMenuButton",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.u}});Object.defineProperty(exports,"SidebarMenuItem",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.s}});Object.defineProperty(exports,"SidebarMenuSkeleton",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.x}});Object.defineProperty(exports,"SidebarMenuSub",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.y}});Object.defineProperty(exports,"SidebarMenuSubButton",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.A}});Object.defineProperty(exports,"SidebarMenuSubItem",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.z}});Object.defineProperty(exports,"SidebarProvider",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.d}});Object.defineProperty(exports,"SidebarRail",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.g}});Object.defineProperty(exports,"SidebarSeparator",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.l}});Object.defineProperty(exports,"SidebarTrigger",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.f}});Object.defineProperty(exports,"sidebarMenuButtonVariants",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.t}});Object.defineProperty(exports,"useSidebar",{enumerable:true,get:function(){return chunkERGAJKFH_cjs.c}});//# sourceMappingURL=sidebar.cjs.map
|
|
3
|
+
//# sourceMappingURL=sidebar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.cjs"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import { SeparatorProps } from './separator.cjs';
|
|
3
|
+
import { InputProps } from './input.cjs';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
interface SidebarContextValue {
|
|
8
|
+
state: "expanded" | "collapsed";
|
|
9
|
+
open: boolean;
|
|
10
|
+
setOpen: (open: boolean) => void;
|
|
11
|
+
openMobile: boolean;
|
|
12
|
+
setOpenMobile: (open: boolean) => void;
|
|
13
|
+
isMobile: boolean;
|
|
14
|
+
toggleSidebar: () => void;
|
|
15
|
+
}
|
|
16
|
+
declare function useSidebar(): SidebarContextValue;
|
|
17
|
+
interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
/**
|
|
19
|
+
* Whether the desktop sidebar starts expanded.
|
|
20
|
+
*
|
|
21
|
+
* Pass the `sidebar_state` cookie's value here on the server, or the sidebar
|
|
22
|
+
* will flash open on every page load for anyone who collapsed it.
|
|
23
|
+
*/
|
|
24
|
+
defaultOpen?: boolean;
|
|
25
|
+
open?: boolean;
|
|
26
|
+
onOpenChange?: (open: boolean) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Install the ⌘B / Ctrl+B shortcut. Defaults to true. Turn it off if the key
|
|
29
|
+
* is already taken by something in your app.
|
|
30
|
+
*/
|
|
31
|
+
keyboardShortcut?: boolean;
|
|
32
|
+
}
|
|
33
|
+
declare const SidebarProvider: React.ForwardRefExoticComponent<SidebarProviderProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
side?: "left" | "right";
|
|
36
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
37
|
+
/**
|
|
38
|
+
* What collapsing does. `offcanvas` slides it off the edge, `icon` shrinks it
|
|
39
|
+
* to a strip of icons, `none` makes it a plain fixed column.
|
|
40
|
+
*/
|
|
41
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
42
|
+
/** Accessible name for the phone sheet. */
|
|
43
|
+
title?: string;
|
|
44
|
+
/** Description for the phone sheet, announced after the title. */
|
|
45
|
+
description?: string;
|
|
46
|
+
}
|
|
47
|
+
declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
declare const SidebarTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
49
|
+
label?: string;
|
|
50
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
/**
|
|
52
|
+
* The thin strip along the sidebar's edge that toggles it.
|
|
53
|
+
*
|
|
54
|
+
* `tabIndex={-1}` on purpose: it does the same thing as `SidebarTrigger`, and two
|
|
55
|
+
* tab stops for one action is worse than one. It is a mouse shortcut, and the
|
|
56
|
+
* button is the keyboard route.
|
|
57
|
+
*/
|
|
58
|
+
declare const SidebarRail: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
59
|
+
label?: string;
|
|
60
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
61
|
+
/** The page beside the sidebar. A `<main>`, so it is a landmark. */
|
|
62
|
+
declare const SidebarInset: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
63
|
+
declare const SidebarInput: React.ForwardRefExoticComponent<Omit<InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
64
|
+
declare const SidebarHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
declare const SidebarFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
67
|
+
declare const SidebarContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
declare const SidebarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
interface SidebarGroupLabelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
70
|
+
asChild?: boolean;
|
|
71
|
+
}
|
|
72
|
+
declare const SidebarGroupLabel: React.ForwardRefExoticComponent<SidebarGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
interface SidebarGroupActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
74
|
+
asChild?: boolean;
|
|
75
|
+
}
|
|
76
|
+
declare const SidebarGroupAction: React.ForwardRefExoticComponent<SidebarGroupActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
77
|
+
declare const SidebarGroupContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
78
|
+
/** The navigation list. A real `<ul>`, so it is announced with a length. */
|
|
79
|
+
declare const SidebarMenu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
|
|
80
|
+
declare const SidebarMenuItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
81
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
82
|
+
variant?: "default" | "outline" | null | undefined;
|
|
83
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
84
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
85
|
+
interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarMenuButtonVariants> {
|
|
86
|
+
asChild?: boolean;
|
|
87
|
+
/**
|
|
88
|
+
* Marks the current page. Sets `data-active`, and `aria-current="page"` -
|
|
89
|
+
* highlighting the current item is not the same as telling a screen reader
|
|
90
|
+
* which one it is.
|
|
91
|
+
*/
|
|
92
|
+
isActive?: boolean;
|
|
93
|
+
/**
|
|
94
|
+
* Label to show while the sidebar is collapsed to icons, where the text is
|
|
95
|
+
* hidden. Ignored when it is expanded, and on a phone where it is never
|
|
96
|
+
* collapsed.
|
|
97
|
+
*/
|
|
98
|
+
tooltip?: string;
|
|
99
|
+
}
|
|
100
|
+
declare const SidebarMenuButton: React.ForwardRefExoticComponent<SidebarMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
101
|
+
interface SidebarMenuActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
102
|
+
asChild?: boolean;
|
|
103
|
+
/** Only show it on hover or focus within the item. */
|
|
104
|
+
showOnHover?: boolean;
|
|
105
|
+
}
|
|
106
|
+
declare const SidebarMenuAction: React.ForwardRefExoticComponent<SidebarMenuActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
107
|
+
declare const SidebarMenuBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
108
|
+
interface SidebarMenuSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
109
|
+
showIcon?: boolean;
|
|
110
|
+
/**
|
|
111
|
+
* Width of the text bar, as a percentage between 40 and 90.
|
|
112
|
+
*
|
|
113
|
+
* Varying it makes a loading list look like a list of names rather than a
|
|
114
|
+
* stack of identical bars. Left out, it is derived from React's own id for
|
|
115
|
+
* this element, which is stable between the server and the client - shadcn's
|
|
116
|
+
* version calls Math.random() here, which renders one width on the server and
|
|
117
|
+
* a different one on the client and so trips hydration.
|
|
118
|
+
*/
|
|
119
|
+
width?: number;
|
|
120
|
+
}
|
|
121
|
+
declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<SidebarMenuSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
declare const SidebarMenuSub: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
|
|
123
|
+
declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
124
|
+
interface SidebarMenuSubButtonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
125
|
+
asChild?: boolean;
|
|
126
|
+
size?: "sm" | "md";
|
|
127
|
+
isActive?: boolean;
|
|
128
|
+
}
|
|
129
|
+
declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<SidebarMenuSubButtonProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
130
|
+
|
|
131
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };
|