@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.
Files changed (154) hide show
  1. package/dist/app/index.d.ts +2 -2
  2. package/dist/{app.prop-IobwLwaM.d.ts → app.prop-DnIXFzLi.d.ts} +9 -9
  3. package/dist/{checkbox-CK2mYEpD.d.ts → checkbox-ChRsR7Nk.d.ts} +2 -2
  4. package/dist/{chunk-3UGU5TYP.js → chunk-25RYBC5T.js} +2 -2
  5. package/dist/{chunk-CQBADMFG.js → chunk-26CPAKUP.js} +3 -2
  6. package/dist/{chunk-TT2L7JM6.js → chunk-3TS3G4U3.js} +3 -3
  7. package/dist/{chunk-ZS6DTAM2.js → chunk-4MMIMZMK.js} +1 -1
  8. package/dist/{chunk-6TSU4IHV.js → chunk-4R7RQDXI.js} +23 -21
  9. package/dist/{chunk-OXKY5QMK.js → chunk-6QXQQAOQ.js} +6 -6
  10. package/dist/{chunk-JJCGMCTL.js → chunk-A22MCA3X.js} +6 -6
  11. package/dist/{chunk-VXXKR5U4.js → chunk-A7PKMT7Y.js} +4 -4
  12. package/dist/{chunk-HKQITNB3.js → chunk-AINW5WYN.js} +5 -4
  13. package/dist/{chunk-OGFWIXRO.js → chunk-C5H655GK.js} +218 -53
  14. package/dist/{chunk-ZLK5SPT6.js → chunk-EOTOCNT7.js} +1 -1
  15. package/dist/{chunk-ARDVPIF4.js → chunk-G2WYOCDL.js} +5 -5
  16. package/dist/chunk-HKD6ERY7.js +1 -0
  17. package/dist/{chunk-V6UWJKZF.js → chunk-HTEL5DQI.js} +1 -1
  18. package/dist/{chunk-ICM6XBST.js → chunk-IBK5D2Q6.js} +2 -1
  19. package/dist/{chunk-IK7I3ABN.js → chunk-IOGU3ZWF.js} +2 -2
  20. package/dist/{chunk-HJEBRCXL.js → chunk-M4PZNAMV.js} +1 -0
  21. package/dist/{chunk-2QG3OVAD.js → chunk-N43OKOFT.js} +7 -5
  22. package/dist/{chunk-ZR2TIBPG.js → chunk-NG23LVTM.js} +4 -4
  23. package/dist/{chunk-E76QIYSY.js → chunk-O24Z3ULJ.js} +4 -4
  24. package/dist/{chunk-L6J44O74.js → chunk-OJZ6C2HM.js} +2 -2
  25. package/dist/{chunk-2HLWHQJA.js → chunk-P4HFJQID.js} +5 -4
  26. package/dist/{chunk-EXBWDW5E.js → chunk-RGIYKJPW.js} +7 -7
  27. package/dist/{chunk-ZKIAZDVU.js → chunk-RGPF3HU6.js} +4 -4
  28. package/dist/{chunk-FBHN6OO4.js → chunk-SKIRU7GC.js} +2 -2
  29. package/dist/chunk-TILFZBTE.js +50 -0
  30. package/dist/{chunk-6UFKWOEW.js → chunk-TMDGV4CN.js} +15 -11
  31. package/dist/{chunk-7AMHT5Z5.js → chunk-UIYEAUWA.js} +30 -13
  32. package/dist/{chunk-25ZZ2W3M.js → chunk-WN52SCGE.js} +5 -5
  33. package/dist/{chunk-EQRQM6RF.js → chunk-WTVLZVBA.js} +28 -8
  34. package/dist/{chunk-Y3XBNUTD.js → chunk-XDUZ7JJL.js} +2 -2
  35. package/dist/chunk-XMBCNMJI.js +61 -0
  36. package/dist/{chunk-RVY4F7LK.js → chunk-XZM2GNAY.js} +7 -7
  37. package/dist/{chunk-NTUHJ37K.js → chunk-Z6HNY2PL.js} +9 -9
  38. package/dist/components/admin/index.d.ts +19 -19
  39. package/dist/components/admin/index.js +30 -30
  40. package/dist/components/data-display/badge.d.ts +7 -4
  41. package/dist/components/data-display/badge.js +2 -2
  42. package/dist/components/data-display/card.d.ts +2 -2
  43. package/dist/components/data-display/index.d.ts +6 -6
  44. package/dist/components/data-display/index.js +8 -8
  45. package/dist/components/data-display/table.js +2 -2
  46. package/dist/components/data-entry/autocomplete.d.ts +5 -5
  47. package/dist/components/data-entry/autocomplete.js +6 -6
  48. package/dist/components/data-entry/calendar.d.ts +5 -5
  49. package/dist/components/data-entry/calendar.js +3 -3
  50. package/dist/components/data-entry/cascader.d.ts +6 -6
  51. package/dist/components/data-entry/cascader.js +7 -7
  52. package/dist/components/data-entry/checkbox.d.ts +6 -6
  53. package/dist/components/data-entry/checkbox.js +2 -2
  54. package/dist/components/data-entry/color-picker.d.ts +6 -6
  55. package/dist/components/data-entry/color-picker.js +2 -2
  56. package/dist/components/data-entry/command.d.ts +11 -11
  57. package/dist/components/data-entry/command.js +2 -2
  58. package/dist/components/data-entry/date-picker.d.ts +6 -6
  59. package/dist/components/data-entry/date-picker.js +5 -5
  60. package/dist/components/data-entry/date-range-picker.d.ts +6 -6
  61. package/dist/components/data-entry/date-range-picker.js +5 -5
  62. package/dist/components/data-entry/index.d.ts +11 -21
  63. package/dist/components/data-entry/index.js +25 -83
  64. package/dist/components/data-entry/radio.d.ts +5 -5
  65. package/dist/components/data-entry/radio.js +2 -2
  66. package/dist/components/data-entry/select.d.ts +5 -5
  67. package/dist/components/data-entry/select.js +6 -6
  68. package/dist/components/data-entry/slider.d.ts +5 -5
  69. package/dist/components/data-entry/switch.d.ts +5 -5
  70. package/dist/components/data-entry/textarea.js +2 -2
  71. package/dist/components/data-entry/time-picker.d.ts +6 -6
  72. package/dist/components/data-entry/time-picker.js +3 -3
  73. package/dist/components/data-entry/transfer.d.ts +7 -7
  74. package/dist/components/data-entry/transfer.js +4 -4
  75. package/dist/components/data-entry/tree-select.d.ts +6 -6
  76. package/dist/components/data-entry/tree-select.js +7 -7
  77. package/dist/components/data-entry/upload.d.ts +7 -7
  78. package/dist/components/data-entry/upload.js +5 -5
  79. package/dist/components/feedback/alert.d.ts +7 -5
  80. package/dist/components/feedback/alert.js +3 -3
  81. package/dist/components/feedback/dialog.d.ts +9 -6
  82. package/dist/components/feedback/dialog.js +2 -2
  83. package/dist/components/feedback/index.d.ts +6 -6
  84. package/dist/components/feedback/index.js +7 -6
  85. package/dist/components/general/button.d.ts +4 -4
  86. package/dist/components/general/button.js +1 -1
  87. package/dist/components/general/index.d.ts +3 -3
  88. package/dist/components/general/index.js +1 -1
  89. package/dist/components/layout/index.d.ts +10 -9
  90. package/dist/components/layout/index.js +3 -3
  91. package/dist/components/navigation/index.d.ts +13 -13
  92. package/dist/components/navigation/index.js +10 -10
  93. package/dist/components/navigation/pagination.d.ts +5 -5
  94. package/dist/components/navigation/pagination.js +7 -7
  95. package/dist/components/navigation/steps.d.ts +6 -6
  96. package/dist/components/navigation/steps.js +2 -2
  97. package/dist/components/query/index.d.ts +12 -7
  98. package/dist/components/query/index.js +4 -4
  99. package/dist/components/ui/index.d.ts +12 -12
  100. package/dist/components/ui/index.js +30 -30
  101. package/dist/{data-display.prop-CXP9Jfdn.d.ts → data-display.prop-Cf2p9QC4.d.ts} +6 -5
  102. package/dist/{data-entry.prop-CpSx5dX6.d.ts → data-entry.prop-CDkOajPj.d.ts} +38 -28
  103. package/dist/{data-table-C5lcmAwE.d.ts → data-table-B_q7j992.d.ts} +4 -4
  104. package/dist/{data.prop-BmLaGLb7.d.ts → data.prop-DMYMNl6L.d.ts} +2 -2
  105. package/dist/{feedback.prop-BnBpUzNK.d.ts → feedback.prop-BR5JOpPl.d.ts} +8 -5
  106. package/dist/filter-bar-DvVXm_d1.d.ts +14 -0
  107. package/dist/form/index.d.ts +3 -3
  108. package/dist/{form.prop-BHgpuFFm.d.ts → form.prop-Bc6r6JJW.d.ts} +1 -1
  109. package/dist/{general.prop-D7brMPNL.d.ts → general.prop-DoHDCRmL.d.ts} +2 -2
  110. package/dist/index.d.ts +22 -22
  111. package/dist/index.js +43 -30
  112. package/dist/inline-DqfYlGKj.d.ts +18 -0
  113. package/dist/{interaction.prop-Cdn7wOtq.d.ts → interaction.prop-DSFizzP6.d.ts} +8 -6
  114. package/dist/{layout.prop-MwHm4-Zl.d.ts → layout.prop-Baq9muDN.d.ts} +27 -13
  115. package/dist/layout.prop-CXvl2rVR.d.ts +16 -0
  116. package/dist/{navigation.prop-DAH4ysXj.d.ts → navigation.prop-8DgElO0c.d.ts} +12 -8
  117. package/dist/{navigation.prop-Hu7s7MJa.d.ts → navigation.prop-BKlxd-j7.d.ts} +2 -5
  118. package/dist/props/components/index.d.ts +14 -14
  119. package/dist/props/index.d.ts +14 -14
  120. package/dist/props/index.js +2 -2
  121. package/dist/props/registry.d.ts +251 -56
  122. package/dist/props/registry.js +1 -1
  123. package/dist/props/vocabulary/index.d.ts +5 -5
  124. package/dist/{query.prop-hIPrk2zI.d.ts → query.prop-DuODxsiU.d.ts} +12 -8
  125. package/dist/{search-input-rR2XDrjv.d.ts → search-input-cezAxpgb.d.ts} +7 -2
  126. package/dist/{shared.prop-BNRJc9K0.d.ts → shared.prop-BsNSXeqD.d.ts} +9 -3
  127. package/dist/{skeleton-CqFO4dRc.d.ts → skeleton-uWAjSacg.d.ts} +4 -2
  128. package/dist/styles/alert-layout.css +38 -18
  129. package/dist/styles/badge-layout.css +2 -2
  130. package/dist/styles/card-layout.css +5 -5
  131. package/dist/styles/density.css +10 -10
  132. package/dist/styles/dialog-layout.css +4 -4
  133. package/dist/styles/index.css +6 -9
  134. package/dist/styles/layout.css +95 -14
  135. package/dist/styles/table-layout.css +3 -3
  136. package/dist/theme/example.service.css +0 -5
  137. package/dist/tokens/base.css +7 -7
  138. package/dist/tokens/components/badge.css +7 -0
  139. package/dist/tokens/{primitives → components}/card.css +2 -3
  140. package/dist/tokens/{primitives → components}/control.css +10 -0
  141. package/dist/tokens/components/feedback.css +17 -0
  142. package/dist/tokens/{primitives → components}/table.css +2 -2
  143. package/dist/tokens/foundation.css +7 -22
  144. package/package.json +5 -3
  145. package/scripts/ui-audit.mjs +22 -0
  146. package/dist/chunk-S66TJXJU.js +0 -33
  147. package/dist/filter-bar-zSKz7YCR.d.ts +0 -10
  148. package/dist/inline-CV3A46np.d.ts +0 -10
  149. package/dist/layout.prop-4TCNvyQZ.d.ts +0 -20
  150. package/dist/tokens/primitives/badge.css +0 -13
  151. package/dist/tokens/primitives/feedback.css +0 -17
  152. /package/dist/{chunk-LDSLS6HE.js → chunk-2H65B4JA.js} +0 -0
  153. /package/dist/tokens/{primitives → components}/navigation.css +0 -0
  154. /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 { f as PlaceholderProp, D as DisabledProp, a as ClassNameProp, I as IdProp, L as LabelProp, R as RequiredProp, b as HelperProp, E as ErrorProp, V as ValueProp, N as NameProp, O as OnChangeProp } from './shared.prop-BNRJc9K0.js';
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-BmLaGLb7.js';
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
- onChange?: (value: string[]) => void;
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?: string;
103
- defaultValue?: string;
104
- onValueChange?: (value: string) => void;
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
- onChange?: (date: Date | undefined) => void;
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
- onChange?: (range: DateRange | undefined) => void;
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?: string;
181
- defaultValue?: string;
182
- onChange?: (value: string) => void;
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?: string;
195
- onChange?: (hex: string) => void;
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?: (value: string) => void;
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
- onChange?: (value: string, option?: SearchSelectOptionProp) => void;
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
- onChange?: (items: UploadFileItemProp[]) => void;
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
- onChange?: (value: string[] | string[][], selectedOptions?: TreeOptionProp[] | TreeOptionProp[][]) => void;
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
- onChange?: (value: string | string[] | undefined) => void;
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
- onChange?: (targetKeys: string[], direction: "left" | "right", moveKeys: string[]) => void;
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 UploadFileItemProp as B, type CalendarProp as C, type DatePickerProp as D, type UploadProp as E, type FormFieldProp as F, type UploadVariant as G, type UploadVariantProp as H, type InputProp as I, collectUploadCommitActions as J, createUploadItem as K, 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 ChoiceOptionProp as e, type ColorPickerProp as f, type CountryOptionLabelProp as g, type CountryOptionProp as h, type CountrySelectProp as i, type DateRangePickerProp as j, type RadioProp as k, type SearchSelectLoadParamsProp as l, type SearchSelectLoadResultProp as m, type SearchSelectOptionProp as n, type SearchSelectProp as o, type SelectDataProp as p, type ShowCheckedStrategyProp as q, type SliderProp as r, type SwitchProp as s, type TimePickerProp as t, type TransferItemProp as u, type TransferProp as v, type TreeFieldNamesProp as w, type TreeOptionProp as x, type TreeSelectProp as y, type UploadFileItem as z };
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-CXP9Jfdn.js';
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-4TCNvyQZ.js';
5
- import { c as SortStateProp } from './interaction.prop-Cdn7wOtq.js';
6
- import { C as ColumnDefProp } from './data.prop-BmLaGLb7.js';
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, S as SortDirectionProp } from './interaction.prop-Cdn7wOtq.js';
3
- import { T as TableDensityProp } from './layout.prop-4TCNvyQZ.js';
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, e as OpenProp, d as OnOpenChangeProp, P as PendingProp, C as ChildrenProp } from './shared.prop-BNRJc9K0.js';
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-Cdn7wOtq.js';
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 Dialog.Confirm */
9
- type DialogConfirmProp = {
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, AlertProp as c, AlertQueryErrorProp as d, AlertTitleProp as e };
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 };
@@ -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-BHgpuFFm.js';
4
- export { F as FieldErrorMessageProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-BHgpuFFm.js';
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-BNRJc9K0.js';
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, b as HelperProp, I as IdProp } from './shared.prop-BNRJc9K0.js';
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, c as OnClickProp, D as DisabledProp } from './shared.prop-BNRJc9K0.js';
3
- import { a as ButtonVariantProp, B as ButtonSizeProp } from './interaction.prop-Cdn7wOtq.js';
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-Hu7s7MJa.js';
2
- export { I as InlineProp, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, f as StackProp } from './layout.prop-MwHm4-Zl.js';
3
- export { F as FilterBar, a as FilterGroup, P as PageHeader } from './filter-bar-zSKz7YCR.js';
4
- export { I as Inline, P as PageContainer, S as Stack } from './inline-CV3A46np.js';
5
- export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-C5lcmAwE.js';
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-rR2XDrjv.js';
8
- export { a as SkeletonCard, b as SkeletonDetail, d as SkeletonRows, e as SkeletonTable } from './skeleton-CqFO4dRc.js';
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-BHgpuFFm.js';
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 { J as collectUploadCommitActions, K as createUploadItem } from './data-entry.prop-CpSx5dX6.js';
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-BNRJc9K0.js';
30
+ import './shared.prop-BsNSXeqD.js';
28
31
  import 'react';
29
32
  import './content.prop-DrV_zDy-.js';
30
- import './layout.prop-4TCNvyQZ.js';
33
+ import './layout.prop-CXvl2rVR.js';
31
34
  import 'react/jsx-runtime';
32
- import './navigation.prop-DAH4ysXj.js';
33
- import './data.prop-BmLaGLb7.js';
34
- import './interaction.prop-Cdn7wOtq.js';
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-LDSLS6HE.js';
3
- export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-2QG3OVAD.js';
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-HKQITNB3.js';
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-EQRQM6RF.js';
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
- import './chunk-OXKY5QMK.js';
25
- import './chunk-V6UWJKZF.js';
26
- export { DataTable, Descriptions, EmptyState } from './chunk-VXXKR5U4.js';
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 { Badge } from './chunk-7AMHT5Z5.js';
29
- import './chunk-DY5C44UP.js';
42
+ export { Flex, Inline } from './chunk-TILFZBTE.js';
43
+ export { Badge } from './chunk-UIYEAUWA.js';
30
44
  import './chunk-3KPEZ5CF.js';
31
- import './chunk-ZS6DTAM2.js';
32
- import './chunk-ICM6XBST.js';
33
- export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-6UFKWOEW.js';
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-HJEBRCXL.js';
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 ButtonSizeProp = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
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
- /** Badge / status pill color mapping key. */
12
- type StatusToneProp = "default" | "success" | "warning" | "destructive" | "muted";
13
- /** Inline Alert banner — default maps to informational tone. */
14
- type AlertVariantProp = "default" | "destructive" | "warning" | "success";
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, SortDirectionProp as S, ButtonVariantProp as a, ConfirmVariantProp as b, SortStateProp as c, StatusToneProp as d };
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-BNRJc9K0.js';
4
- import { S as SubtitleProp, c as ExtraProp, F as FooterProp } from './content.prop-DrV_zDy-.js';
5
- import { I as InlineGapProp, a as PageDensityProp, P as PageContainerVariantProp, S as StackGapProp } from './layout.prop-4TCNvyQZ.js';
6
- import { P as PageTitleProp, a as BreadcrumbProp } from './navigation.prop-Hu7s7MJa.js';
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: PageTitleProp;
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
- /** @see Stack */
25
- type StackProp = React.HTMLAttributes<HTMLDivElement> & {
26
- gap?: StackGapProp;
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 = React.HTMLAttributes<HTMLDivElement> & {
30
- gap?: InlineGapProp;
38
+ type InlineProp = Omit<FlexProp, "direction" | "wrap" | "gap"> & {
39
+ gap?: Exclude<GapProp, "xl">;
31
40
  };
32
- /** @see PageInset padded strip inside flush PageContainer (FilterBar, intro). */
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: PageTitleProp;
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, PageHeaderProp as a, PageInsetProp as b, SidebarProductProp as c, SidebarProp as d, SidebarSectionProp as e, StackProp as f, TopbarProjectProp as g, TopbarProp as h };
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, D as DisabledProp } from './shared.prop-BNRJc9K0.js';
3
- import { O as OnClearFiltersProp, H as HasActiveFiltersProp } from './data.prop-BmLaGLb7.js';
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 FilterBar */
8
- type FilterBarProp = {
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 FilterGroup */
15
- type FilterGroupProp = {
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" | "small";
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 };