@godxjp/ui 7.0.0 → 8.0.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/dist/app/index.d.ts +2 -2
- package/dist/{app.prop-IobwLwaM.d.ts → app.prop-DnIXFzLi.d.ts} +9 -9
- package/dist/{checkbox-CK2mYEpD.d.ts → checkbox-ChRsR7Nk.d.ts} +2 -2
- package/dist/{chunk-3UGU5TYP.js → chunk-25RYBC5T.js} +2 -2
- package/dist/{chunk-CQBADMFG.js → chunk-26CPAKUP.js} +3 -2
- package/dist/{chunk-TT2L7JM6.js → chunk-3TS3G4U3.js} +3 -3
- package/dist/{chunk-ZS6DTAM2.js → chunk-4MMIMZMK.js} +1 -1
- package/dist/{chunk-6TSU4IHV.js → chunk-4R7RQDXI.js} +23 -21
- package/dist/{chunk-OXKY5QMK.js → chunk-6QXQQAOQ.js} +6 -6
- package/dist/{chunk-JJCGMCTL.js → chunk-A22MCA3X.js} +6 -6
- package/dist/{chunk-VXXKR5U4.js → chunk-A7PKMT7Y.js} +4 -4
- package/dist/{chunk-HKQITNB3.js → chunk-AINW5WYN.js} +5 -4
- package/dist/{chunk-OGFWIXRO.js → chunk-C5H655GK.js} +218 -53
- package/dist/{chunk-ZLK5SPT6.js → chunk-EOTOCNT7.js} +1 -1
- package/dist/{chunk-ARDVPIF4.js → chunk-G2WYOCDL.js} +5 -5
- package/dist/chunk-HKD6ERY7.js +1 -0
- package/dist/{chunk-V6UWJKZF.js → chunk-HTEL5DQI.js} +1 -1
- package/dist/{chunk-ICM6XBST.js → chunk-IBK5D2Q6.js} +2 -1
- package/dist/{chunk-IK7I3ABN.js → chunk-IOGU3ZWF.js} +2 -2
- package/dist/{chunk-HJEBRCXL.js → chunk-M4PZNAMV.js} +1 -0
- package/dist/{chunk-2QG3OVAD.js → chunk-N43OKOFT.js} +7 -5
- package/dist/{chunk-ZR2TIBPG.js → chunk-NG23LVTM.js} +4 -4
- package/dist/{chunk-E76QIYSY.js → chunk-O24Z3ULJ.js} +4 -4
- package/dist/{chunk-L6J44O74.js → chunk-OJZ6C2HM.js} +2 -2
- package/dist/{chunk-2HLWHQJA.js → chunk-P4HFJQID.js} +5 -4
- package/dist/{chunk-EXBWDW5E.js → chunk-RGIYKJPW.js} +7 -7
- package/dist/{chunk-ZKIAZDVU.js → chunk-RGPF3HU6.js} +4 -4
- package/dist/{chunk-FBHN6OO4.js → chunk-SKIRU7GC.js} +2 -2
- package/dist/chunk-TILFZBTE.js +50 -0
- package/dist/{chunk-6UFKWOEW.js → chunk-TMDGV4CN.js} +15 -11
- package/dist/{chunk-7AMHT5Z5.js → chunk-UIYEAUWA.js} +30 -13
- package/dist/{chunk-25ZZ2W3M.js → chunk-WN52SCGE.js} +5 -5
- package/dist/{chunk-EQRQM6RF.js → chunk-WTVLZVBA.js} +28 -8
- package/dist/{chunk-Y3XBNUTD.js → chunk-XDUZ7JJL.js} +2 -2
- package/dist/chunk-XMBCNMJI.js +61 -0
- package/dist/{chunk-RVY4F7LK.js → chunk-XZM2GNAY.js} +7 -7
- package/dist/{chunk-NTUHJ37K.js → chunk-Z6HNY2PL.js} +9 -9
- package/dist/components/admin/index.d.ts +19 -19
- package/dist/components/admin/index.js +30 -30
- package/dist/components/data-display/badge.d.ts +7 -4
- package/dist/components/data-display/badge.js +2 -2
- package/dist/components/data-display/card.d.ts +2 -2
- package/dist/components/data-display/index.d.ts +6 -6
- package/dist/components/data-display/index.js +8 -8
- package/dist/components/data-display/table.js +2 -2
- package/dist/components/data-entry/autocomplete.d.ts +5 -5
- package/dist/components/data-entry/autocomplete.js +6 -6
- package/dist/components/data-entry/calendar.d.ts +5 -5
- package/dist/components/data-entry/calendar.js +3 -3
- package/dist/components/data-entry/cascader.d.ts +6 -6
- package/dist/components/data-entry/cascader.js +7 -7
- package/dist/components/data-entry/checkbox.d.ts +6 -6
- package/dist/components/data-entry/checkbox.js +2 -2
- package/dist/components/data-entry/color-picker.d.ts +6 -6
- package/dist/components/data-entry/color-picker.js +2 -2
- package/dist/components/data-entry/command.d.ts +11 -11
- package/dist/components/data-entry/command.js +2 -2
- package/dist/components/data-entry/date-picker.d.ts +6 -6
- package/dist/components/data-entry/date-picker.js +5 -5
- package/dist/components/data-entry/date-range-picker.d.ts +6 -6
- package/dist/components/data-entry/date-range-picker.js +5 -5
- package/dist/components/data-entry/index.d.ts +11 -21
- package/dist/components/data-entry/index.js +25 -83
- package/dist/components/data-entry/radio.d.ts +5 -5
- package/dist/components/data-entry/radio.js +2 -2
- package/dist/components/data-entry/select.d.ts +5 -5
- package/dist/components/data-entry/select.js +6 -6
- package/dist/components/data-entry/slider.d.ts +5 -5
- package/dist/components/data-entry/switch.d.ts +5 -5
- package/dist/components/data-entry/textarea.js +2 -2
- package/dist/components/data-entry/time-picker.d.ts +6 -6
- package/dist/components/data-entry/time-picker.js +3 -3
- package/dist/components/data-entry/transfer.d.ts +7 -7
- package/dist/components/data-entry/transfer.js +4 -4
- package/dist/components/data-entry/tree-select.d.ts +6 -6
- package/dist/components/data-entry/tree-select.js +7 -7
- package/dist/components/data-entry/upload.d.ts +7 -7
- package/dist/components/data-entry/upload.js +5 -5
- package/dist/components/feedback/alert.d.ts +7 -5
- package/dist/components/feedback/alert.js +3 -3
- package/dist/components/feedback/dialog.d.ts +9 -6
- package/dist/components/feedback/dialog.js +2 -2
- package/dist/components/feedback/index.d.ts +6 -6
- package/dist/components/feedback/index.js +7 -6
- package/dist/components/general/button.d.ts +4 -4
- package/dist/components/general/button.js +1 -1
- package/dist/components/general/index.d.ts +3 -3
- package/dist/components/general/index.js +1 -1
- package/dist/components/layout/index.d.ts +10 -9
- package/dist/components/layout/index.js +3 -3
- package/dist/components/navigation/index.d.ts +13 -13
- package/dist/components/navigation/index.js +10 -10
- package/dist/components/navigation/pagination.d.ts +5 -5
- package/dist/components/navigation/pagination.js +7 -7
- package/dist/components/navigation/steps.d.ts +6 -6
- package/dist/components/navigation/steps.js +2 -2
- package/dist/components/query/index.d.ts +12 -7
- package/dist/components/query/index.js +4 -4
- package/dist/components/ui/index.d.ts +12 -12
- package/dist/components/ui/index.js +30 -30
- package/dist/{data-display.prop-CXP9Jfdn.d.ts → data-display.prop-Cf2p9QC4.d.ts} +6 -5
- package/dist/{data-entry.prop-CpSx5dX6.d.ts → data-entry.prop-CDkOajPj.d.ts} +38 -28
- package/dist/{data-table-C5lcmAwE.d.ts → data-table-B_q7j992.d.ts} +4 -4
- package/dist/{data.prop-BmLaGLb7.d.ts → data.prop-DMYMNl6L.d.ts} +2 -2
- package/dist/{feedback.prop-BnBpUzNK.d.ts → feedback.prop-BR5JOpPl.d.ts} +8 -5
- package/dist/filter-bar-DvVXm_d1.d.ts +14 -0
- package/dist/form/index.d.ts +3 -3
- package/dist/{form.prop-BHgpuFFm.d.ts → form.prop-Bc6r6JJW.d.ts} +1 -1
- package/dist/{general.prop-D7brMPNL.d.ts → general.prop-DoHDCRmL.d.ts} +2 -2
- package/dist/index.d.ts +22 -22
- package/dist/index.js +43 -30
- package/dist/inline-DqfYlGKj.d.ts +18 -0
- package/dist/{interaction.prop-Cdn7wOtq.d.ts → interaction.prop-DSFizzP6.d.ts} +8 -6
- package/dist/{layout.prop-MwHm4-Zl.d.ts → layout.prop-Baq9muDN.d.ts} +27 -13
- package/dist/layout.prop-CXvl2rVR.d.ts +16 -0
- package/dist/{navigation.prop-DAH4ysXj.d.ts → navigation.prop-8DgElO0c.d.ts} +12 -8
- package/dist/{navigation.prop-Hu7s7MJa.d.ts → navigation.prop-BKlxd-j7.d.ts} +2 -5
- package/dist/props/components/index.d.ts +14 -14
- package/dist/props/index.d.ts +14 -14
- package/dist/props/index.js +2 -2
- package/dist/props/registry.d.ts +251 -56
- package/dist/props/registry.js +1 -1
- package/dist/props/vocabulary/index.d.ts +5 -5
- package/dist/{query.prop-hIPrk2zI.d.ts → query.prop-DuODxsiU.d.ts} +12 -8
- package/dist/{search-input-rR2XDrjv.d.ts → search-input-cezAxpgb.d.ts} +7 -2
- package/dist/{shared.prop-BNRJc9K0.d.ts → shared.prop-BsNSXeqD.d.ts} +9 -3
- package/dist/{skeleton-CqFO4dRc.d.ts → skeleton-uWAjSacg.d.ts} +4 -2
- package/dist/styles/alert-layout.css +38 -18
- package/dist/styles/badge-layout.css +2 -2
- package/dist/styles/card-layout.css +5 -5
- package/dist/styles/density.css +10 -10
- package/dist/styles/dialog-layout.css +4 -4
- package/dist/styles/index.css +6 -9
- package/dist/styles/layout.css +95 -14
- package/dist/styles/table-layout.css +3 -3
- package/dist/theme/example.service.css +0 -5
- package/dist/tokens/base.css +7 -7
- package/dist/tokens/components/badge.css +7 -0
- package/dist/tokens/{primitives → components}/card.css +2 -3
- package/dist/tokens/{primitives → components}/control.css +10 -0
- package/dist/tokens/components/feedback.css +17 -0
- package/dist/tokens/{primitives → components}/table.css +2 -2
- package/dist/tokens/foundation.css +7 -22
- package/package.json +5 -3
- package/scripts/ui-audit.mjs +22 -0
- package/dist/chunk-S66TJXJU.js +0 -33
- package/dist/filter-bar-zSKz7YCR.d.ts +0 -10
- package/dist/inline-CV3A46np.d.ts +0 -10
- package/dist/layout.prop-4TCNvyQZ.d.ts +0 -20
- package/dist/tokens/primitives/badge.css +0 -13
- package/dist/tokens/primitives/feedback.css +0 -17
- /package/dist/{chunk-LDSLS6HE.js → chunk-2H65B4JA.js} +0 -0
- /package/dist/tokens/{primitives → components}/navigation.css +0 -0
- /package/dist/tokens/{primitives → semantic}/layout.css +0 -0
|
@@ -4,9 +4,9 @@ import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
|
4
4
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
5
5
|
import { DayPickerProps, DateRange } from 'react-day-picker';
|
|
6
6
|
import * as React from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { V as ValueProp, b as DefaultValueProp, i as PlaceholderProp, c as DisabledProp, a as ClassNameProp, I as IdProp, L as LabelProp, R as RequiredProp, d as HelperProp, E as ErrorProp, g as OnValueChangeProp, N as NameProp, O as OnChangeProp } from './shared.prop-BsNSXeqD.js';
|
|
8
8
|
import { E as EmptyMessageProp } from './content.prop-DrV_zDy-.js';
|
|
9
|
-
import { b as OnSearchChangeProp } from './data.prop-
|
|
9
|
+
import { b as OnSearchChangeProp } from './data.prop-DMYMNl6L.js';
|
|
10
10
|
|
|
11
11
|
/** Upload item — maps to media-service after `onUpload` resolves `mediaId`. */
|
|
12
12
|
type UploadFileStatus = "idle" | "uploading" | "done" | "error" | "removed";
|
|
@@ -87,9 +87,9 @@ type ChoiceOptionProp = {
|
|
|
87
87
|
};
|
|
88
88
|
/** @see Checkbox.Group */
|
|
89
89
|
type CheckboxGroupProp = {
|
|
90
|
-
value?: string[]
|
|
91
|
-
defaultValue?: string[]
|
|
92
|
-
|
|
90
|
+
value?: ValueProp<string[]>;
|
|
91
|
+
defaultValue?: DefaultValueProp<string[]>;
|
|
92
|
+
onValueChange?: OnValueChangeProp<string[]>;
|
|
93
93
|
options?: ChoiceOptionProp[];
|
|
94
94
|
orientation?: "horizontal" | "vertical";
|
|
95
95
|
disabled?: DisabledProp;
|
|
@@ -99,9 +99,9 @@ type CheckboxGroupProp = {
|
|
|
99
99
|
};
|
|
100
100
|
/** @see Radio.Group */
|
|
101
101
|
type RadioGroupProp = {
|
|
102
|
-
value?:
|
|
103
|
-
defaultValue?:
|
|
104
|
-
onValueChange?:
|
|
102
|
+
value?: ValueProp;
|
|
103
|
+
defaultValue?: DefaultValueProp;
|
|
104
|
+
onValueChange?: OnValueChangeProp;
|
|
105
105
|
options?: ChoiceOptionProp[];
|
|
106
106
|
orientation?: "horizontal" | "vertical";
|
|
107
107
|
disabled?: DisabledProp;
|
|
@@ -115,6 +115,16 @@ type RadioProp = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
|
|
|
115
115
|
type SwitchProp = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
|
|
116
116
|
size?: "sm" | "default";
|
|
117
117
|
};
|
|
118
|
+
/** @see Field — inline control + label + description wrapper. */
|
|
119
|
+
type FieldProp = {
|
|
120
|
+
id: IdProp;
|
|
121
|
+
label: LabelProp;
|
|
122
|
+
description?: React.ReactNode;
|
|
123
|
+
className?: ClassNameProp;
|
|
124
|
+
children: React.ReactNode;
|
|
125
|
+
};
|
|
126
|
+
/** @see ChoiceField — deprecated alias for Field. */
|
|
127
|
+
type ChoiceFieldProp = FieldProp;
|
|
118
128
|
/** Country row accepted by CountrySelect / CountryOptionLabel.
|
|
119
129
|
* Accepts either a select-option (`value`) or a summary (`code`). */
|
|
120
130
|
type CountryOptionProp = {
|
|
@@ -150,7 +160,7 @@ type CalendarProp = DayPickerProps;
|
|
|
150
160
|
/** @see DatePicker */
|
|
151
161
|
type DatePickerProp = {
|
|
152
162
|
value?: Date;
|
|
153
|
-
|
|
163
|
+
onValueChange?: OnValueChangeProp<Date | undefined>;
|
|
154
164
|
placeholder?: PlaceholderProp;
|
|
155
165
|
disabled?: DisabledProp;
|
|
156
166
|
className?: ClassNameProp;
|
|
@@ -164,7 +174,7 @@ type DatePickerProp = {
|
|
|
164
174
|
/** @see DateRangePicker */
|
|
165
175
|
type DateRangePickerProp = {
|
|
166
176
|
value?: DateRange;
|
|
167
|
-
|
|
177
|
+
onValueChange?: OnValueChangeProp<DateRange | undefined>;
|
|
168
178
|
placeholder?: PlaceholderProp;
|
|
169
179
|
disabled?: DisabledProp;
|
|
170
180
|
className?: ClassNameProp;
|
|
@@ -177,9 +187,9 @@ type DateRangePickerProp = {
|
|
|
177
187
|
};
|
|
178
188
|
/** @see TimePicker — popover HH:mm picker (canonical 24h storage). */
|
|
179
189
|
type TimePickerProp = {
|
|
180
|
-
value?:
|
|
181
|
-
defaultValue?:
|
|
182
|
-
|
|
190
|
+
value?: ValueProp;
|
|
191
|
+
defaultValue?: DefaultValueProp;
|
|
192
|
+
onValueChange?: OnValueChangeProp;
|
|
183
193
|
placeholder?: PlaceholderProp;
|
|
184
194
|
disabled?: DisabledProp;
|
|
185
195
|
className?: ClassNameProp;
|
|
@@ -191,8 +201,8 @@ type TimePickerProp = {
|
|
|
191
201
|
};
|
|
192
202
|
/** @see ColorPicker */
|
|
193
203
|
type ColorPickerProp = {
|
|
194
|
-
value?:
|
|
195
|
-
|
|
204
|
+
value?: ValueProp;
|
|
205
|
+
onValueChange?: OnValueChangeProp;
|
|
196
206
|
disabled?: DisabledProp;
|
|
197
207
|
className?: ClassNameProp;
|
|
198
208
|
id?: IdProp;
|
|
@@ -211,7 +221,7 @@ type AutocompleteOptionProp = {
|
|
|
211
221
|
type AutocompleteProp = {
|
|
212
222
|
options: AutocompleteOptionProp[];
|
|
213
223
|
value?: ValueProp;
|
|
214
|
-
onValueChange?:
|
|
224
|
+
onValueChange?: OnValueChangeProp;
|
|
215
225
|
placeholder?: PlaceholderProp;
|
|
216
226
|
searchPlaceholder?: PlaceholderProp;
|
|
217
227
|
emptyMessage?: EmptyMessageProp;
|
|
@@ -245,7 +255,7 @@ type SearchSelectLoadResultProp = {
|
|
|
245
255
|
*/
|
|
246
256
|
type SearchSelectProp = {
|
|
247
257
|
value?: ValueProp;
|
|
248
|
-
|
|
258
|
+
onValueChange?: (value: string, option?: SearchSelectOptionProp) => void;
|
|
249
259
|
/** Static option list (client-side filtered). Provide this OR `loadOptions`, not both. */
|
|
250
260
|
options?: SearchSelectOptionProp[];
|
|
251
261
|
/** Remote fetcher — debounced search + infinite-scroll pagination call into this. Provide this
|
|
@@ -285,9 +295,9 @@ type UploadVariantProp = "dropzone" | "button" | "picture-card" | "picture" | "a
|
|
|
285
295
|
/** @see Upload — presentational; wire `onUpload` to media-service in app api.ts */
|
|
286
296
|
type UploadProp = {
|
|
287
297
|
variant?: UploadVariantProp;
|
|
288
|
-
value?: UploadFileItemProp[]
|
|
289
|
-
defaultValue?: UploadFileItemProp[]
|
|
290
|
-
|
|
298
|
+
value?: ValueProp<UploadFileItemProp[]>;
|
|
299
|
+
defaultValue?: DefaultValueProp<UploadFileItemProp[]>;
|
|
300
|
+
onValueChange?: OnValueChangeProp<UploadFileItemProp[]>;
|
|
291
301
|
accept?: string;
|
|
292
302
|
multiple?: boolean;
|
|
293
303
|
maxCount?: number;
|
|
@@ -319,9 +329,9 @@ type TreeFieldNamesProp = {
|
|
|
319
329
|
/** @see Cascader — cascade picker (Popover + multi-column). */
|
|
320
330
|
type CascaderProp = {
|
|
321
331
|
options: TreeOptionProp[];
|
|
322
|
-
value?: string[] | string[][]
|
|
323
|
-
defaultValue?: string[] | string[][]
|
|
324
|
-
|
|
332
|
+
value?: ValueProp<string[] | string[][]>;
|
|
333
|
+
defaultValue?: DefaultValueProp<string[] | string[][]>;
|
|
334
|
+
onValueChange?: (value: string[] | string[][], selectedOptions?: TreeOptionProp[] | TreeOptionProp[][]) => void;
|
|
325
335
|
multiple?: boolean;
|
|
326
336
|
changeOnSelect?: boolean;
|
|
327
337
|
showSearch?: boolean;
|
|
@@ -337,9 +347,9 @@ type ShowCheckedStrategyProp = "SHOW_CHILD" | "SHOW_PARENT" | "SHOW_ALL";
|
|
|
337
347
|
/** @see TreeSelect — tree in Popover (cmdk search + expand/collapse). */
|
|
338
348
|
type TreeSelectProp = {
|
|
339
349
|
treeData: TreeOptionProp[];
|
|
340
|
-
value?: string | string[]
|
|
341
|
-
defaultValue?: string | string[]
|
|
342
|
-
|
|
350
|
+
value?: ValueProp<string | string[]>;
|
|
351
|
+
defaultValue?: DefaultValueProp<string | string[]>;
|
|
352
|
+
onValueChange?: OnValueChangeProp<string | string[] | undefined>;
|
|
343
353
|
multiple?: boolean;
|
|
344
354
|
treeCheckable?: boolean;
|
|
345
355
|
treeCheckStrictly?: boolean;
|
|
@@ -364,7 +374,7 @@ type TransferItemProp = {
|
|
|
364
374
|
type TransferProp = {
|
|
365
375
|
dataSource: TransferItemProp[];
|
|
366
376
|
targetKeys: string[];
|
|
367
|
-
|
|
377
|
+
onValueChange?: (targetKeys: string[], direction: "left" | "right", moveKeys: string[]) => void;
|
|
368
378
|
titles?: [React.ReactNode, React.ReactNode];
|
|
369
379
|
showSearch?: boolean;
|
|
370
380
|
oneWay?: boolean;
|
|
@@ -374,4 +384,4 @@ type TransferProp = {
|
|
|
374
384
|
onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
|
|
375
385
|
};
|
|
376
386
|
|
|
377
|
-
export { type AutocompleteOptionProp as A, type
|
|
387
|
+
export { type AutocompleteOptionProp as A, type TreeSelectProp as B, type CalendarProp as C, type DatePickerProp as D, type UploadFileItem as E, type FieldProp as F, type UploadFileItemProp as G, type UploadProp as H, type InputProp as I, type UploadVariant as J, type UploadVariantProp as K, collectUploadCommitActions as L, createUploadItem as M, type RadioGroupProp as R, type SearchInputProp as S, type TextareaProp as T, type UploadCommitAction as U, type AutocompleteProp as a, type CascaderProp as b, type CheckboxGroupProp as c, type CheckboxProp as d, type ChoiceFieldProp as e, type ChoiceOptionProp as f, type ColorPickerProp as g, type CountryOptionLabelProp as h, type CountryOptionProp as i, type CountrySelectProp as j, type DateRangePickerProp as k, type FormFieldProp as l, type RadioProp as m, type SearchSelectLoadParamsProp as n, type SearchSelectLoadResultProp as o, type SearchSelectOptionProp as p, type SearchSelectProp as q, type SelectDataProp as r, type ShowCheckedStrategyProp as s, type SliderProp as t, type SwitchProp as u, type TimePickerProp as v, type TransferItemProp as w, type TransferProp as x, type TreeFieldNamesProp as y, type TreeOptionProp as z };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { E as EmptyStateProp } from './data-display.prop-
|
|
2
|
+
import { E as EmptyStateProp } from './data-display.prop-Cf2p9QC4.js';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { T as TableDensityProp } from './layout.prop-
|
|
5
|
-
import {
|
|
6
|
-
import { C as ColumnDefProp } from './data.prop-
|
|
4
|
+
import { T as TableDensityProp } from './layout.prop-CXvl2rVR.js';
|
|
5
|
+
import { d as SortStateProp } from './interaction.prop-DSFizzP6.js';
|
|
6
|
+
import { C as ColumnDefProp } from './data.prop-DMYMNl6L.js';
|
|
7
7
|
|
|
8
8
|
declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProp): react_jsx_runtime.JSX.Element;
|
|
9
9
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { C as ColumnAlignProp,
|
|
3
|
-
import { T as TableDensityProp } from './layout.prop-
|
|
2
|
+
import { C as ColumnAlignProp, c as SortDirectionProp } from './interaction.prop-DSFizzP6.js';
|
|
3
|
+
import { T as TableDensityProp } from './layout.prop-CXvl2rVR.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Data & collection prop types.
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { H as HandlerProp, a as ClassNameProp,
|
|
2
|
+
import { H as HandlerProp, a as ClassNameProp, h as OpenProp, f as OnOpenChangeProp, P as PendingProp, C as ChildrenProp } from './shared.prop-BsNSXeqD.js';
|
|
3
3
|
import { T as TitleProp, D as DescriptionProp, b as ConfirmLabelProp, C as CancelLabelProp, I as IconProp } from './content.prop-DrV_zDy-.js';
|
|
4
|
-
import { b as ConfirmVariantProp, A as AlertVariantProp } from './interaction.prop-
|
|
4
|
+
import { b as ConfirmVariantProp, A as AlertVariantProp, T as ToneProp } from './interaction.prop-DSFizzP6.js';
|
|
5
5
|
|
|
6
6
|
/** Feedback component prop types — @see docs/COMPONENTS.md#feedback */
|
|
7
7
|
|
|
8
|
-
/** @see
|
|
9
|
-
type
|
|
8
|
+
/** @see AlertDialog */
|
|
9
|
+
type AlertDialogProp = {
|
|
10
10
|
open: OpenProp;
|
|
11
11
|
onOpenChange: OnOpenChangeProp;
|
|
12
12
|
title: TitleProp;
|
|
@@ -20,6 +20,8 @@ type DialogConfirmProp = {
|
|
|
20
20
|
keepOpenOnConfirm?: boolean;
|
|
21
21
|
pending?: PendingProp;
|
|
22
22
|
};
|
|
23
|
+
/** @see DialogConfirm — deprecated alias for AlertDialog. */
|
|
24
|
+
type DialogConfirmProp = AlertDialogProp;
|
|
23
25
|
/** @see Alert */
|
|
24
26
|
type AlertQueryErrorProp = {
|
|
25
27
|
error: unknown;
|
|
@@ -29,6 +31,7 @@ type AlertQueryErrorProp = {
|
|
|
29
31
|
/** @see Alert */
|
|
30
32
|
type AlertProp = React.HTMLAttributes<HTMLDivElement> & {
|
|
31
33
|
variant?: AlertVariantProp;
|
|
34
|
+
tone?: ToneProp;
|
|
32
35
|
/** Pass `false` to hide the default variant icon. */
|
|
33
36
|
icon?: IconProp | false;
|
|
34
37
|
onDismiss?: HandlerProp;
|
|
@@ -61,4 +64,4 @@ type SkeletonRowsProp = {
|
|
|
61
64
|
columns?: number;
|
|
62
65
|
};
|
|
63
66
|
|
|
64
|
-
export type { AlertActionsProp as A, DialogConfirmProp as D, SkeletonRowsProp as S, AlertContentProp as a, AlertDescriptionProp as b,
|
|
67
|
+
export type { AlertActionsProp as A, DialogConfirmProp as D, SkeletonRowsProp as S, AlertContentProp as a, AlertDescriptionProp as b, AlertDialogProp as c, AlertProp as d, AlertQueryErrorProp as e, AlertTitleProp as f };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { d as PageHeaderProp } from './layout.prop-Baq9muDN.js';
|
|
3
|
+
import { f as ToolbarProp, e as ToolbarGroupProp } from './navigation.prop-8DgElO0c.js';
|
|
4
|
+
|
|
5
|
+
declare function PageHeader({ title, description, breadcrumb, actions, className }: PageHeaderProp): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
declare function Toolbar({ onClear, hasActiveFilters, className, children, }: ToolbarProp): react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): react_jsx_runtime.JSX.Element;
|
|
9
|
+
/** @deprecated Use Toolbar. */
|
|
10
|
+
declare const FilterBar: typeof Toolbar;
|
|
11
|
+
/** @deprecated Use ToolbarGroup. */
|
|
12
|
+
declare const FilterGroup: typeof ToolbarGroup;
|
|
13
|
+
|
|
14
|
+
export { FilterBar as F, PageHeader as P, Toolbar as T, FilterGroup as a, ToolbarGroup as b };
|
package/dist/form/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { FieldValues, DefaultValues, UseFormReturn } from 'react-hook-form';
|
|
2
2
|
import { z } from 'zod';
|
|
3
|
-
import { U as UseZodFormOptionsProp, b as FormRootProp, a as FormFieldControlProp } from '../form.prop-
|
|
4
|
-
export { F as FieldErrorMessageProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-
|
|
3
|
+
import { U as UseZodFormOptionsProp, b as FormRootProp, a as FormFieldControlProp } from '../form.prop-Bc6r6JJW.js';
|
|
4
|
+
export { F as FieldErrorMessageProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-Bc6r6JJW.js';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import 'react';
|
|
7
|
-
import '../shared.prop-
|
|
7
|
+
import '../shared.prop-BsNSXeqD.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Mandatory form hook — wraps react-hook-form + @hookform/resolvers/zod (Zod 4).
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { FieldValues, FieldPath, UseFormReturn, UseFormProps } from 'react-hook-form';
|
|
3
3
|
import { z } from 'zod';
|
|
4
|
-
import { E as ErrorProp, L as LabelProp, R as RequiredProp,
|
|
4
|
+
import { E as ErrorProp, L as LabelProp, R as RequiredProp, d as HelperProp, I as IdProp } from './shared.prop-BsNSXeqD.js';
|
|
5
5
|
|
|
6
6
|
/** Form module prop types — react-hook-form + Zod 4 only. */
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { A as AsChildProp,
|
|
3
|
-
import { a as ButtonVariantProp, B as ButtonSizeProp } from './interaction.prop-
|
|
2
|
+
import { A as AsChildProp, e as OnClickProp, c as DisabledProp } from './shared.prop-BsNSXeqD.js';
|
|
3
|
+
import { a as ButtonVariantProp, B as ButtonSizeProp } from './interaction.prop-DSFizzP6.js';
|
|
4
4
|
|
|
5
5
|
/** Foundation component prop types — @see docs/COMPONENTS.md#foundation */
|
|
6
6
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export { B as BreadcrumbItem } from './navigation.prop-
|
|
2
|
-
export { I as InlineProp, P as PageContainerProp, P as PageContainerProps,
|
|
3
|
-
export { F as FilterBar, a as FilterGroup, P as PageHeader } from './filter-bar-
|
|
4
|
-
export { I as Inline, P as PageContainer, S as Stack } from './inline-
|
|
5
|
-
export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-
|
|
1
|
+
export { B as BreadcrumbItem } from './navigation.prop-BKlxd-j7.js';
|
|
2
|
+
export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, I as InlineProp, P as PageContainerProp, P as PageContainerProps, d as PageHeaderProp, i as StackProp } from './layout.prop-Baq9muDN.js';
|
|
3
|
+
export { F as FilterBar, a as FilterGroup, P as PageHeader, T as Toolbar, b as ToolbarGroup } from './filter-bar-DvVXm_d1.js';
|
|
4
|
+
export { F as Flex, I as Inline, P as PageContainer, S as Stack } from './inline-DqfYlGKj.js';
|
|
5
|
+
export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-B_q7j992.js';
|
|
6
6
|
export { Badge } from './components/data-display/badge.js';
|
|
7
|
-
export { F as FormField, S as SearchInput } from './search-input-
|
|
8
|
-
export { a as SkeletonCard, b as SkeletonDetail, d as SkeletonRows, e as SkeletonTable } from './skeleton-
|
|
9
|
-
export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './components/query/index.js';
|
|
7
|
+
export { C as ChoiceField, F as Field, a as FormField, S as SearchInput } from './search-input-cezAxpgb.js';
|
|
8
|
+
export { a as SkeletonCard, b as SkeletonDetail, d as SkeletonRows, e as SkeletonStat, f as SkeletonTable } from './skeleton-uWAjSacg.js';
|
|
9
|
+
export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './components/query/index.js';
|
|
10
10
|
export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
|
|
11
11
|
export { Upload, useUploadDraft } from './components/data-entry/upload.js';
|
|
12
12
|
export { Cascader } from './components/data-entry/cascader.js';
|
|
@@ -15,31 +15,28 @@ export { Transfer } from './components/data-entry/transfer.js';
|
|
|
15
15
|
export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/navigation/tabs.js';
|
|
16
16
|
export { Pagination } from './components/navigation/pagination.js';
|
|
17
17
|
export { Steps } from './components/navigation/steps.js';
|
|
18
|
-
export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './components/feedback/dialog.js';
|
|
18
|
+
export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './components/feedback/dialog.js';
|
|
19
19
|
export { Toaster } from './components/feedback/sonner.js';
|
|
20
20
|
export { L as LegacyToastOptions, t as toast, u as useToast } from './use-toast-Dsw3yE2S.js';
|
|
21
21
|
export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId, useDebouncedValue, useTimeoutFlag } from './components/admin/index.js';
|
|
22
22
|
export { FormFieldControl, FormRoot, useZodForm } from './form/index.js';
|
|
23
|
-
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from './form.prop-
|
|
23
|
+
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from './form.prop-Bc6r6JJW.js';
|
|
24
24
|
export { cn } from './lib/utils.js';
|
|
25
|
-
export {
|
|
25
|
+
export { F as FieldProps, L as collectUploadCommitActions, M as createUploadItem } from './data-entry.prop-CDkOajPj.js';
|
|
26
|
+
export { c as AlertDialogProps } from './feedback.prop-BR5JOpPl.js';
|
|
27
|
+
export { A as AlertMutationFeedbackProps, B as ButtonRefetchProps } from './query.prop-DuODxsiU.js';
|
|
28
|
+
export { e as ToolbarGroupProps, f as ToolbarProps } from './navigation.prop-8DgElO0c.js';
|
|
26
29
|
export { j as formatDate } from './format-date-ByyZoqI5.js';
|
|
27
|
-
import './shared.prop-
|
|
30
|
+
import './shared.prop-BsNSXeqD.js';
|
|
28
31
|
import 'react';
|
|
29
32
|
import './content.prop-DrV_zDy-.js';
|
|
30
|
-
import './layout.prop-
|
|
33
|
+
import './layout.prop-CXvl2rVR.js';
|
|
31
34
|
import 'react/jsx-runtime';
|
|
32
|
-
import './
|
|
33
|
-
import './
|
|
34
|
-
import './
|
|
35
|
-
import './data-display.prop-CXP9Jfdn.js';
|
|
35
|
+
import './data-display.prop-Cf2p9QC4.js';
|
|
36
|
+
import './interaction.prop-DSFizzP6.js';
|
|
37
|
+
import './data.prop-DMYMNl6L.js';
|
|
36
38
|
import 'class-variance-authority/types';
|
|
37
39
|
import 'class-variance-authority';
|
|
38
|
-
import './query.prop-hIPrk2zI.js';
|
|
39
|
-
import '@tanstack/react-query';
|
|
40
|
-
import 'react-router-dom';
|
|
41
|
-
import './general.prop-D7brMPNL.js';
|
|
42
|
-
import './feedback.prop-BnBpUzNK.js';
|
|
43
40
|
import '@radix-ui/react-tabs';
|
|
44
41
|
import '@radix-ui/react-dialog';
|
|
45
42
|
import '@radix-ui/react-alert-dialog';
|
|
@@ -52,5 +49,8 @@ import '@radix-ui/react-radio-group';
|
|
|
52
49
|
import '@radix-ui/react-slider';
|
|
53
50
|
import '@radix-ui/react-switch';
|
|
54
51
|
import 'react-day-picker';
|
|
52
|
+
import '@tanstack/react-query';
|
|
53
|
+
import 'react-router-dom';
|
|
54
|
+
import './general.prop-DoHDCRmL.js';
|
|
55
55
|
import 'date-fns';
|
|
56
56
|
import './types-mvzYGrma.js';
|
package/dist/index.js
CHANGED
|
@@ -1,41 +1,54 @@
|
|
|
1
|
+
import './chunk-2H65B4JA.js';
|
|
2
|
+
import './chunk-BHV2FUOA.js';
|
|
3
|
+
import './chunk-XMBCNMJI.js';
|
|
4
|
+
import './chunk-FYM3MJSK.js';
|
|
5
|
+
import './chunk-25RYBC5T.js';
|
|
6
|
+
import './chunk-R2W2FX5Q.js';
|
|
7
|
+
import './chunk-EOTOCNT7.js';
|
|
8
|
+
import './chunk-RGPF3HU6.js';
|
|
9
|
+
import './chunk-3TS3G4U3.js';
|
|
10
|
+
import './chunk-RGIYKJPW.js';
|
|
11
|
+
import './chunk-WN52SCGE.js';
|
|
12
|
+
import './chunk-XDUZ7JJL.js';
|
|
13
|
+
import './chunk-IOGU3ZWF.js';
|
|
1
14
|
export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
|
|
2
|
-
import './chunk-
|
|
3
|
-
export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-
|
|
4
|
-
export { FilterBar, FilterGroup, PageHeader } from './chunk-6TSU4IHV.js';
|
|
5
|
-
export { Pagination } from './chunk-FBHN6OO4.js';
|
|
6
|
-
export { Steps } from './chunk-L6J44O74.js';
|
|
7
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
|
|
8
|
-
export { TreeSelect } from './chunk-JJCGMCTL.js';
|
|
9
|
-
export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-NTUHJ37K.js';
|
|
10
|
-
import './chunk-ARDVPIF4.js';
|
|
11
|
-
import './chunk-CRERCLIZ.js';
|
|
12
|
-
export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-ZR2TIBPG.js';
|
|
13
|
-
export { Cascader } from './chunk-RVY4F7LK.js';
|
|
14
|
-
import './chunk-SMLKNECP.js';
|
|
15
|
-
import './chunk-E76QIYSY.js';
|
|
16
|
-
import './chunk-CQBADMFG.js';
|
|
15
|
+
import './chunk-HKD6ERY7.js';
|
|
16
|
+
export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-N43OKOFT.js';
|
|
17
17
|
export { toast, useToast } from './chunk-B3WX53JQ.js';
|
|
18
|
-
export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable } from './chunk-
|
|
18
|
+
export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-AINW5WYN.js';
|
|
19
|
+
export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-TMDGV4CN.js';
|
|
19
20
|
export { Toaster } from './chunk-TO7URV7U.js';
|
|
20
|
-
export { PageContainer, Stack } from './chunk-
|
|
21
|
+
export { PageContainer, Stack } from './chunk-WTVLZVBA.js';
|
|
21
22
|
import './chunk-FRU44GA2.js';
|
|
22
|
-
import './chunk-TO33OY4L.js';
|
|
23
23
|
import './chunk-32WO3YLB.js';
|
|
24
|
-
|
|
25
|
-
import './chunk-
|
|
26
|
-
export {
|
|
24
|
+
export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from './chunk-4R7RQDXI.js';
|
|
25
|
+
import './chunk-TO33OY4L.js';
|
|
26
|
+
export { Pagination } from './chunk-SKIRU7GC.js';
|
|
27
|
+
export { Steps } from './chunk-OJZ6C2HM.js';
|
|
28
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
|
|
29
|
+
export { TreeSelect } from './chunk-A22MCA3X.js';
|
|
30
|
+
export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-Z6HNY2PL.js';
|
|
31
|
+
export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
|
|
32
|
+
export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-P4HFJQID.js';
|
|
33
|
+
import './chunk-G2WYOCDL.js';
|
|
34
|
+
import './chunk-CRERCLIZ.js';
|
|
35
|
+
export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-NG23LVTM.js';
|
|
36
|
+
export { Cascader } from './chunk-XZM2GNAY.js';
|
|
37
|
+
import './chunk-SMLKNECP.js';
|
|
38
|
+
import './chunk-O24Z3ULJ.js';
|
|
39
|
+
export { ChoiceField, Field } from './chunk-26CPAKUP.js';
|
|
40
|
+
export { DataTable, Descriptions, EmptyState } from './chunk-A7PKMT7Y.js';
|
|
27
41
|
import './chunk-DV52WNXO.js';
|
|
28
|
-
export {
|
|
29
|
-
|
|
42
|
+
export { Flex, Inline } from './chunk-TILFZBTE.js';
|
|
43
|
+
export { Badge } from './chunk-UIYEAUWA.js';
|
|
30
44
|
import './chunk-3KPEZ5CF.js';
|
|
31
|
-
import './chunk-
|
|
32
|
-
import './chunk-
|
|
33
|
-
|
|
34
|
-
export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
|
|
35
|
-
export { Inline } from './chunk-S66TJXJU.js';
|
|
36
|
-
export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-2HLWHQJA.js';
|
|
45
|
+
import './chunk-4MMIMZMK.js';
|
|
46
|
+
import './chunk-6QXQQAOQ.js';
|
|
47
|
+
import './chunk-HTEL5DQI.js';
|
|
37
48
|
import './chunk-VOHTRR5X.js';
|
|
38
|
-
import './chunk-
|
|
49
|
+
import './chunk-DY5C44UP.js';
|
|
50
|
+
import './chunk-M4PZNAMV.js';
|
|
51
|
+
import './chunk-IBK5D2Q6.js';
|
|
39
52
|
export { FormField } from './chunk-F7PG4OEV.js';
|
|
40
53
|
import './chunk-7PWBC4BY.js';
|
|
41
54
|
import './chunk-RLGHEV4A.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { P as PageContainerProp, e as PageInsetProp, c as FlexProp, i as StackProp, I as InlineProp } from './layout.prop-Baq9muDN.js';
|
|
3
|
+
|
|
4
|
+
declare function PageContainerInset({ className, children, ...props }: PageInsetProp): react_jsx_runtime.JSX.Element;
|
|
5
|
+
declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, density, variant, stickyFooter, children, className, }: PageContainerProp): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare const PageContainer: typeof PageContainerRoot & {
|
|
7
|
+
Inset: typeof PageContainerInset;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
/** @deprecated Use Flex with direction="col". */
|
|
13
|
+
declare function Stack(props: StackProp): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
/** @deprecated Use Flex with direction="row" and wrap. */
|
|
16
|
+
declare function Inline({ gap, ...props }: InlineProp): react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
18
|
+
export { Flex as F, Inline as I, PageContainer as P, Stack as S };
|
|
@@ -5,13 +5,15 @@
|
|
|
5
5
|
/** Button visual style. */
|
|
6
6
|
type ButtonVariantProp = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
7
7
|
/** Button size preset. */
|
|
8
|
-
type
|
|
8
|
+
type SizeProp = "xs" | "sm" | "md" | "lg";
|
|
9
|
+
/** Button size preset; icon-only sizes are a documented Button subset. */
|
|
10
|
+
type ButtonSizeProp = SizeProp | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
|
|
9
11
|
/** Dialog confirm button emphasis. */
|
|
10
12
|
type ConfirmVariantProp = "default" | "destructive";
|
|
11
|
-
/**
|
|
12
|
-
type
|
|
13
|
-
/** Inline Alert
|
|
14
|
-
type AlertVariantProp = "default"
|
|
13
|
+
/** Semantic color/status intent. */
|
|
14
|
+
type ToneProp = "default" | "success" | "warning" | "destructive" | "info" | "muted" | "neutral";
|
|
15
|
+
/** Inline Alert visual treatment. */
|
|
16
|
+
type AlertVariantProp = "default";
|
|
15
17
|
/** Sort direction for table columns. */
|
|
16
18
|
type SortDirectionProp = "asc" | "desc";
|
|
17
19
|
/** Table column text alignment. */
|
|
@@ -22,4 +24,4 @@ type SortStateProp = {
|
|
|
22
24
|
direction: SortDirectionProp;
|
|
23
25
|
};
|
|
24
26
|
|
|
25
|
-
export type { AlertVariantProp as A, ButtonSizeProp as B, ColumnAlignProp as C,
|
|
27
|
+
export type { AlertVariantProp as A, ButtonSizeProp as B, ColumnAlignProp as C, SizeProp as S, ToneProp as T, ButtonVariantProp as a, ConfirmVariantProp as b, SortDirectionProp as c, SortStateProp as d };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ReactNode, ComponentType, SVGProps } from 'react';
|
|
3
|
-
import { C as ChildrenProp, a as ClassNameProp } from './shared.prop-
|
|
4
|
-
import { S as SubtitleProp, c as ExtraProp, F as FooterProp } from './content.prop-DrV_zDy-.js';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import { C as ChildrenProp, a as ClassNameProp } from './shared.prop-BsNSXeqD.js';
|
|
4
|
+
import { T as TitleProp, S as SubtitleProp, c as ExtraProp, F as FooterProp } from './content.prop-DrV_zDy-.js';
|
|
5
|
+
import { G as GapProp, a as PageDensityProp, P as PageContainerVariantProp } from './layout.prop-CXvl2rVR.js';
|
|
6
|
+
import { a as BreadcrumbProp } from './navigation.prop-BKlxd-j7.js';
|
|
7
7
|
|
|
8
8
|
/** Layout component prop types — @see docs/COMPONENTS.md#layout */
|
|
9
9
|
|
|
10
10
|
/** @see PageContainer */
|
|
11
11
|
type PageContainerProp = {
|
|
12
|
-
title:
|
|
12
|
+
title: TitleProp;
|
|
13
13
|
subtitle?: SubtitleProp;
|
|
14
14
|
extra?: ExtraProp;
|
|
15
15
|
footer?: FooterProp;
|
|
@@ -21,15 +21,29 @@ type PageContainerProp = {
|
|
|
21
21
|
children?: ChildrenProp;
|
|
22
22
|
className?: ClassNameProp;
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
type
|
|
26
|
-
|
|
24
|
+
type FlexDirectionProp = "row" | "col";
|
|
25
|
+
type FlexAlignProp = "start" | "center" | "end" | "stretch" | "baseline";
|
|
26
|
+
type FlexJustifyProp = "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
27
|
+
/** @see Flex */
|
|
28
|
+
type FlexProp = React.HTMLAttributes<HTMLDivElement> & {
|
|
29
|
+
direction?: FlexDirectionProp;
|
|
30
|
+
gap?: GapProp;
|
|
31
|
+
align?: FlexAlignProp;
|
|
32
|
+
justify?: FlexJustifyProp;
|
|
33
|
+
wrap?: boolean;
|
|
27
34
|
};
|
|
35
|
+
/** @see Stack — deprecated alias for Flex direction="col" */
|
|
36
|
+
type StackProp = Omit<FlexProp, "direction" | "wrap">;
|
|
28
37
|
/** @see Inline */
|
|
29
|
-
type InlineProp =
|
|
30
|
-
gap?:
|
|
38
|
+
type InlineProp = Omit<FlexProp, "direction" | "wrap" | "gap"> & {
|
|
39
|
+
gap?: Exclude<GapProp, "xl">;
|
|
31
40
|
};
|
|
32
|
-
|
|
41
|
+
type ResponsiveGridColumnsProp = number | {
|
|
42
|
+
sm?: number;
|
|
43
|
+
md?: number;
|
|
44
|
+
lg?: number;
|
|
45
|
+
};
|
|
46
|
+
/** @see PageInset — deprecated alias for PageContainer.Inset. */
|
|
33
47
|
type PageInsetProp = React.HTMLAttributes<HTMLDivElement> & {
|
|
34
48
|
children?: ChildrenProp;
|
|
35
49
|
className?: ClassNameProp;
|
|
@@ -110,11 +124,11 @@ type TopbarProp = {
|
|
|
110
124
|
};
|
|
111
125
|
/** @deprecated Use PageContainerProp — header-only legacy shell. */
|
|
112
126
|
type PageHeaderProp = {
|
|
113
|
-
title:
|
|
127
|
+
title: TitleProp;
|
|
114
128
|
description?: SubtitleProp;
|
|
115
129
|
breadcrumb?: BreadcrumbProp;
|
|
116
130
|
actions?: ExtraProp;
|
|
117
131
|
className?: ClassNameProp;
|
|
118
132
|
};
|
|
119
133
|
|
|
120
|
-
export type { AppShellProp as A, InlineProp as I, PageContainerProp as P, SidebarItemProp as S, TopbarProductProp as T,
|
|
134
|
+
export type { AppShellProp as A, FlexAlignProp as F, InlineProp as I, PageContainerProp as P, ResponsiveGridColumnsProp as R, SidebarItemProp as S, TopbarProductProp as T, FlexDirectionProp as a, FlexJustifyProp as b, FlexProp as c, PageHeaderProp as d, PageInsetProp as e, SidebarProductProp as f, SidebarProp as g, SidebarSectionProp as h, StackProp as i, TopbarProjectProp as j, TopbarProp as k };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Layout & spacing prop types.
|
|
3
|
+
* @see docs/PROPS-VOCABULARY.md#layout--density
|
|
4
|
+
*/
|
|
5
|
+
/** Page-level density — affects padding, control heights across PageContainer subtree. */
|
|
6
|
+
type PageDensityProp = "compact" | "default" | "comfortable";
|
|
7
|
+
/** Shared page/subtree density vocabulary. */
|
|
8
|
+
type DensityProp = "compact" | "default" | "comfortable";
|
|
9
|
+
/** Page shell layout — orthogonal to PageDensityProp. */
|
|
10
|
+
type PageContainerVariantProp = "default" | "narrow" | "flush" | "ghost";
|
|
11
|
+
/** Shared gap between layout children; components may document subsets. */
|
|
12
|
+
type GapProp = "xs" | "sm" | "md" | "lg" | "xl";
|
|
13
|
+
/** DataTable row density subset. */
|
|
14
|
+
type TableDensityProp = Exclude<DensityProp, "default">;
|
|
15
|
+
|
|
16
|
+
export type { DensityProp as D, GapProp as G, PageContainerVariantProp as P, TableDensityProp as T, PageDensityProp as a };
|
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { a as ClassNameProp, C as ChildrenProp, L as LabelProp,
|
|
3
|
-
import { O as OnClearFiltersProp, H as HasActiveFiltersProp } from './data.prop-
|
|
2
|
+
import { a as ClassNameProp, C as ChildrenProp, L as LabelProp, c as DisabledProp } from './shared.prop-BsNSXeqD.js';
|
|
3
|
+
import { O as OnClearFiltersProp, H as HasActiveFiltersProp } from './data.prop-DMYMNl6L.js';
|
|
4
4
|
|
|
5
5
|
/** Navigation component prop types — @see docs/COMPONENTS.md#navigation */
|
|
6
6
|
|
|
7
|
-
/** @see
|
|
8
|
-
type
|
|
7
|
+
/** @see Toolbar */
|
|
8
|
+
type ToolbarProp = {
|
|
9
9
|
onClear?: OnClearFiltersProp;
|
|
10
10
|
hasActiveFilters?: HasActiveFiltersProp;
|
|
11
11
|
className?: ClassNameProp;
|
|
12
12
|
children: ChildrenProp;
|
|
13
13
|
};
|
|
14
|
-
/** @see
|
|
15
|
-
type
|
|
14
|
+
/** @see ToolbarGroup */
|
|
15
|
+
type ToolbarGroupProp = {
|
|
16
16
|
label: LabelProp;
|
|
17
17
|
className?: ClassNameProp;
|
|
18
18
|
children: ChildrenProp;
|
|
19
19
|
};
|
|
20
|
+
/** @see FilterBar — deprecated alias for Toolbar. */
|
|
21
|
+
type FilterBarProp = ToolbarProp;
|
|
22
|
+
/** @see FilterGroup — deprecated alias for ToolbarGroup. */
|
|
23
|
+
type FilterGroupProp = ToolbarGroupProp;
|
|
20
24
|
/** @see Pagination — offset/page-based (distinct from DataTable cursor pagination). */
|
|
21
25
|
type PaginationProp = {
|
|
22
26
|
current?: number;
|
|
@@ -50,7 +54,7 @@ type StepsProp = {
|
|
|
50
54
|
status?: StepStatusProp;
|
|
51
55
|
orientation?: "horizontal" | "vertical";
|
|
52
56
|
type?: "default" | "dot";
|
|
53
|
-
size?: "default" | "
|
|
57
|
+
size?: "default" | "sm";
|
|
54
58
|
titlePlacement?: "horizontal" | "vertical";
|
|
55
59
|
onChange?: (current: number) => void;
|
|
56
60
|
className?: ClassNameProp;
|
|
@@ -74,4 +78,4 @@ type TabsProp = {
|
|
|
74
78
|
contentClassName?: ClassNameProp;
|
|
75
79
|
};
|
|
76
80
|
|
|
77
|
-
export type { FilterBarProp as F, PaginationProp as P, StepItemProp as S, TabItemProp as T, FilterGroupProp as a, StepStatusProp as b, StepsProp as c, TabsProp as d };
|
|
81
|
+
export type { FilterBarProp as F, PaginationProp as P, StepItemProp as S, TabItemProp as T, FilterGroupProp as a, StepStatusProp as b, StepsProp as c, TabsProp as d, ToolbarGroupProp as e, ToolbarProp as f };
|