@godxjp/ui 7.0.0 → 8.1.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-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-KKMQLQ7F.js +137 -0
- 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-NTUHJ37K.js → chunk-SMWKD2HG.js} +9 -9
- 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-WFUIE252.js +61 -0
- 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-RVY4F7LK.js → chunk-XZM2GNAY.js} +7 -7
- 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 +18 -7
- package/dist/components/data-display/index.js +65 -12
- 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 +50 -22
- 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 +24 -8
- 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 +9 -9
- 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 +1 -1
- 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/control.css +31 -0
- package/dist/styles/data-display-layout.css +25 -0
- package/dist/styles/density.css +10 -10
- package/dist/styles/dialog-layout.css +4 -4
- package/dist/styles/feedback-layout.css +17 -0
- 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 +10 -4
- 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-HKD6ERY7.js} +0 -0
- /package/dist/tokens/{primitives → components}/navigation.css +0 -0
- /package/dist/tokens/{primitives → semantic}/layout.css +0 -0
package/dist/index.js
CHANGED
|
@@ -1,41 +1,54 @@
|
|
|
1
|
+
import './chunk-WFUIE252.js';
|
|
2
|
+
import './chunk-BHV2FUOA.js';
|
|
3
|
+
import './chunk-KKMQLQ7F.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-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';
|
|
17
16
|
export { toast, useToast } from './chunk-B3WX53JQ.js';
|
|
18
|
-
export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable } from './chunk-
|
|
17
|
+
export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-AINW5WYN.js';
|
|
19
18
|
export { Toaster } from './chunk-TO7URV7U.js';
|
|
20
|
-
export { PageContainer, Stack } from './chunk-
|
|
19
|
+
export { PageContainer, Stack } from './chunk-WTVLZVBA.js';
|
|
21
20
|
import './chunk-FRU44GA2.js';
|
|
22
|
-
import './chunk-TO33OY4L.js';
|
|
23
21
|
import './chunk-32WO3YLB.js';
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
export {
|
|
22
|
+
export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-N43OKOFT.js';
|
|
23
|
+
export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-TMDGV4CN.js';
|
|
24
|
+
export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from './chunk-4R7RQDXI.js';
|
|
25
|
+
export { Pagination } from './chunk-SKIRU7GC.js';
|
|
26
|
+
export { Steps } from './chunk-OJZ6C2HM.js';
|
|
27
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
|
|
28
|
+
import './chunk-TO33OY4L.js';
|
|
29
|
+
export { TreeSelect } from './chunk-A22MCA3X.js';
|
|
30
|
+
export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-SMWKD2HG.js';
|
|
31
|
+
export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-P4HFJQID.js';
|
|
32
|
+
export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.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 };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { L as LabelProp } from './shared.prop-
|
|
2
|
-
import { T as TitleProp } from './content.prop-DrV_zDy-.js';
|
|
1
|
+
import { L as LabelProp } from './shared.prop-BsNSXeqD.js';
|
|
3
2
|
|
|
4
3
|
/**
|
|
5
4
|
* Navigation & wayfinding prop types.
|
|
@@ -14,7 +13,5 @@ type BreadcrumbItemProp = {
|
|
|
14
13
|
};
|
|
15
14
|
/** Ordered breadcrumb trail above page title. */
|
|
16
15
|
type BreadcrumbProp = BreadcrumbItemProp[];
|
|
17
|
-
/** Same as TitleProp — explicit name in page/navigation context. */
|
|
18
|
-
type PageTitleProp = TitleProp;
|
|
19
16
|
|
|
20
|
-
export type { BreadcrumbItemProp as B,
|
|
17
|
+
export type { BreadcrumbItemProp as B, BreadcrumbProp as a };
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export { A as AppShellProp, I as InlineProp, P as PageContainerProp,
|
|
2
|
-
export { B as ButtonProp } from '../../general.prop-
|
|
3
|
-
export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp,
|
|
4
|
-
export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-
|
|
5
|
-
export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp,
|
|
6
|
-
export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../../query.prop-
|
|
7
|
-
export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsProp } from '../../navigation.prop-
|
|
8
|
-
export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../../app.prop-
|
|
9
|
-
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-
|
|
1
|
+
export { A as AppShellProp, I as InlineProp, P as PageContainerProp, d as PageHeaderProp, e as PageInsetProp, S as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, i as StackProp, T as TopbarProductProp, j as TopbarProjectProp, k as TopbarProp } from '../../layout.prop-Baq9muDN.js';
|
|
2
|
+
export { B as ButtonProp } from '../../general.prop-DoHDCRmL.js';
|
|
3
|
+
export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, f as ChoiceOptionProp, g as ColorPickerProp, D as DatePickerProp, k as DateRangePickerProp, l as FormFieldProp, I as InputProp, R as RadioGroupProp, m as RadioProp, S as SearchInputProp, s as ShowCheckedStrategyProp, t as SliderProp, u as SwitchProp, T as TextareaProp, v as TimePickerProp, w as TransferItemProp, x as TransferProp, y as TreeFieldNamesProp, z as TreeOptionProp, B as TreeSelectProp, G as UploadFileItemProp, H as UploadProp, K as UploadVariantProp } from '../../data-entry.prop-CDkOajPj.js';
|
|
4
|
+
export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-Cf2p9QC4.js';
|
|
5
|
+
export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../../feedback.prop-BR5JOpPl.js';
|
|
6
|
+
export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../../query.prop-DuODxsiU.js';
|
|
7
|
+
export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsProp } from '../../navigation.prop-8DgElO0c.js';
|
|
8
|
+
export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../../app.prop-DnIXFzLi.js';
|
|
9
|
+
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-Bc6r6JJW.js';
|
|
10
10
|
import 'react';
|
|
11
|
-
import '../../shared.prop-
|
|
11
|
+
import '../../shared.prop-BsNSXeqD.js';
|
|
12
12
|
import '../../content.prop-DrV_zDy-.js';
|
|
13
|
-
import '../../layout.prop-
|
|
14
|
-
import '../../navigation.prop-
|
|
15
|
-
import '../../interaction.prop-
|
|
13
|
+
import '../../layout.prop-CXvl2rVR.js';
|
|
14
|
+
import '../../navigation.prop-BKlxd-j7.js';
|
|
15
|
+
import '../../interaction.prop-DSFizzP6.js';
|
|
16
16
|
import '@radix-ui/react-checkbox';
|
|
17
17
|
import '@radix-ui/react-radio-group';
|
|
18
18
|
import '@radix-ui/react-slider';
|
|
19
19
|
import '@radix-ui/react-switch';
|
|
20
20
|
import 'react-day-picker';
|
|
21
|
-
import '../../data.prop-
|
|
21
|
+
import '../../data.prop-DMYMNl6L.js';
|
|
22
22
|
import '@tanstack/react-query';
|
|
23
23
|
import 'react-router-dom';
|
|
24
24
|
import 'date-fns';
|
package/dist/props/index.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DisabledProp, E as ErrorProp, H as HandlerProp,
|
|
1
|
+
export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp } from '../shared.prop-BsNSXeqD.js';
|
|
2
2
|
export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLabelProp, D as DescriptionProp, E as EmptyMessageProp, c as ExtraProp, F as FooterProp, I as IconProp, S as SubtitleProp, T as TitleProp } from '../content.prop-DrV_zDy-.js';
|
|
3
|
-
export { D as DensityProp, G as GapProp,
|
|
4
|
-
export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as
|
|
5
|
-
export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp
|
|
6
|
-
export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-
|
|
7
|
-
export { A as AppShellProp, I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps,
|
|
8
|
-
export { B as ButtonProp, B as ButtonProps } from '../general.prop-
|
|
9
|
-
export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp,
|
|
10
|
-
export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-
|
|
11
|
-
export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp,
|
|
12
|
-
export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../query.prop-
|
|
13
|
-
export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsProp } from '../navigation.prop-
|
|
14
|
-
export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../app.prop-
|
|
15
|
-
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-
|
|
3
|
+
export { D as DensityProp, G as GapProp, P as PageContainerVariantProp, a as PageDensityProp, T as TableDensityProp } from '../layout.prop-CXvl2rVR.js';
|
|
4
|
+
export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as SizeProp, c as SortDirectionProp, d as SortStateProp, T as ToneProp } from '../interaction.prop-DSFizzP6.js';
|
|
5
|
+
export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-BKlxd-j7.js';
|
|
6
|
+
export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-DMYMNl6L.js';
|
|
7
|
+
export { A as AppShellProp, I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps, d as PageHeaderProp, e as PageInsetProp, S as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, i as StackProp, i as StackProps, T as TopbarProductProp, j as TopbarProjectProp, k as TopbarProp } from '../layout.prop-Baq9muDN.js';
|
|
8
|
+
export { B as ButtonProp, B as ButtonProps } from '../general.prop-DoHDCRmL.js';
|
|
9
|
+
export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, f as ChoiceOptionProp, g as ColorPickerProp, D as DatePickerProp, k as DateRangePickerProp, l as FormFieldProp, I as InputProp, R as RadioGroupProp, m as RadioProp, S as SearchInputProp, s as ShowCheckedStrategyProp, t as SliderProp, u as SwitchProp, T as TextareaProp, v as TimePickerProp, w as TransferItemProp, x as TransferProp, y as TreeFieldNamesProp, z as TreeOptionProp, B as TreeSelectProp, G as UploadFileItemProp, H as UploadProp, K as UploadVariantProp } from '../data-entry.prop-CDkOajPj.js';
|
|
10
|
+
export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-Cf2p9QC4.js';
|
|
11
|
+
export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../feedback.prop-BR5JOpPl.js';
|
|
12
|
+
export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../query.prop-DuODxsiU.js';
|
|
13
|
+
export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsProp } from '../navigation.prop-8DgElO0c.js';
|
|
14
|
+
export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../app.prop-DnIXFzLi.js';
|
|
15
|
+
export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-Bc6r6JJW.js';
|
|
16
16
|
export { COMPONENT_PROP_REGISTRY, ComponentPropName, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY, VocabularyPropName } from './registry.js';
|
|
17
17
|
import 'react';
|
|
18
18
|
import '@radix-ui/react-checkbox';
|
package/dist/props/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../chunk-B775Y6BE.js';
|
|
2
2
|
import '../chunk-ZT5UEUBO.js';
|
|
3
|
-
export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-
|
|
3
|
+
export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-C5H655GK.js';
|