@dev-dga/react 0.13.0 → 1.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/CHANGELOG.md +8 -0
- package/dist/{chunk-TGM4JFWI.cjs → chunk-7GAELGEB.cjs} +3 -3
- package/dist/{chunk-TGM4JFWI.cjs.map → chunk-7GAELGEB.cjs.map} +1 -1
- package/dist/{chunk-J53OY747.js → chunk-AHUL5WRD.js} +5 -5
- package/dist/{chunk-5N6CFYT6.cjs → chunk-B3MX4XNP.cjs} +3 -3
- package/dist/{chunk-5N6CFYT6.cjs.map → chunk-B3MX4XNP.cjs.map} +1 -1
- package/dist/{chunk-KSEN4ESR.js → chunk-BJIB6S5L.js} +3 -3
- package/dist/chunk-BJIB6S5L.js.map +1 -0
- package/dist/{chunk-WLJHHTE2.js → chunk-EZRPCQSP.js} +7 -7
- package/dist/{chunk-P7WYXL4A.cjs → chunk-GXF5IZEX.cjs} +3 -3
- package/dist/{chunk-P7WYXL4A.cjs.map → chunk-GXF5IZEX.cjs.map} +1 -1
- package/dist/{chunk-ANHZT2X2.js → chunk-JADNUODB.js} +3 -3
- package/dist/{chunk-ANHZT2X2.js.map → chunk-JADNUODB.js.map} +1 -1
- package/dist/{chunk-NGDKAG2O.cjs → chunk-K27GNXBF.cjs} +4 -4
- package/dist/{chunk-NGDKAG2O.cjs.map → chunk-K27GNXBF.cjs.map} +1 -1
- package/dist/{chunk-J7HSAVFF.cjs → chunk-K7GLIST7.cjs} +6 -6
- package/dist/{chunk-J7HSAVFF.cjs.map → chunk-K7GLIST7.cjs.map} +1 -1
- package/dist/{chunk-MECGQLHL.js → chunk-NJIQJHJS.js} +4 -4
- package/dist/{chunk-QLV4RQVQ.cjs → chunk-V7U2CXYL.cjs} +3 -3
- package/dist/chunk-V7U2CXYL.cjs.map +1 -0
- package/dist/{chunk-4S2DSEXR.js → chunk-WRUVDZRI.js} +4 -4
- package/dist/components/Card/Card.cjs +3 -3
- package/dist/components/Card/Card.js +2 -2
- package/dist/components/Card/index.cjs +3 -3
- package/dist/components/Card/index.js +2 -2
- package/dist/components/FileUpload/FileUpload.cjs +3 -3
- package/dist/components/FileUpload/FileUpload.js +2 -2
- package/dist/components/FileUpload/index.cjs +3 -3
- package/dist/components/FileUpload/index.js +2 -2
- package/dist/components/Filtration/Filtration.cjs +6 -6
- package/dist/components/Filtration/Filtration.js +5 -5
- package/dist/components/Filtration/index.cjs +6 -6
- package/dist/components/Filtration/index.js +5 -5
- package/dist/components/Progress/Progress.cjs +2 -2
- package/dist/components/Progress/Progress.js +1 -1
- package/dist/components/Progress/index.cjs +2 -2
- package/dist/components/Progress/index.js +1 -1
- package/dist/components/SearchBox/SearchBox.cjs +3 -3
- package/dist/components/SearchBox/SearchBox.js +2 -2
- package/dist/components/SearchBox/index.cjs +3 -3
- package/dist/components/SearchBox/index.js +2 -2
- package/dist/components/SlideoutMenu/SlideoutMenu.cjs +2 -2
- package/dist/components/SlideoutMenu/SlideoutMenu.js +1 -1
- package/dist/components/SlideoutMenu/index.cjs +2 -2
- package/dist/components/SlideoutMenu/index.js +1 -1
- package/dist/index.cjs +53 -53
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +79 -79
- package/package.json +3 -3
- package/dist/chunk-KSEN4ESR.js.map +0 -1
- package/dist/chunk-QLV4RQVQ.cjs.map +0 -1
- /package/dist/{chunk-J53OY747.js.map → chunk-AHUL5WRD.js.map} +0 -0
- /package/dist/{chunk-WLJHHTE2.js.map → chunk-EZRPCQSP.js.map} +0 -0
- /package/dist/{chunk-MECGQLHL.js.map → chunk-NJIQJHJS.js.map} +0 -0
- /package/dist/{chunk-4S2DSEXR.js.map → chunk-WRUVDZRI.js.map} +0 -0
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;
|
|
1
|
+
{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,2kmBAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/index.cjs"}
|
package/dist/index.d.cts
CHANGED
|
@@ -872,13 +872,13 @@ type CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> &
|
|
|
872
872
|
state?: ProgressState;
|
|
873
873
|
thickness?: number;
|
|
874
874
|
segments?: number;
|
|
875
|
-
|
|
875
|
+
showValue?: boolean;
|
|
876
876
|
description?: React.ReactNode;
|
|
877
877
|
'aria-label'?: string;
|
|
878
878
|
'aria-labelledby'?: string;
|
|
879
879
|
};
|
|
880
880
|
type CircularProgressProps = CircularProgressOwnProps & Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;
|
|
881
|
-
declare function CircularProgress({ value, max, size, variant, state, thickness, segments,
|
|
881
|
+
declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showValue, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
882
882
|
|
|
883
883
|
declare const dropdownMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
884
884
|
type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
|
|
@@ -2424,7 +2424,7 @@ interface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {
|
|
|
2424
2424
|
/** Optional featured icon, shown in a 32px brand-tinted disc before the title. */
|
|
2425
2425
|
icon?: React.ReactNode;
|
|
2426
2426
|
/** Render the close (X) button. Defaults to `true`. */
|
|
2427
|
-
|
|
2427
|
+
showCloseButton?: boolean;
|
|
2428
2428
|
/** Localized aria-label for the close button. Defaults to `"Close"`. */
|
|
2429
2429
|
closeLabel?: string;
|
|
2430
2430
|
}
|
|
@@ -2454,7 +2454,7 @@ interface SlideoutMenuItemProps extends React.ComponentProps<'button'> {
|
|
|
2454
2454
|
declare function SlideoutMenu(props: SlideoutMenuProps): react_jsx_runtime.JSX.Element;
|
|
2455
2455
|
declare function SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps): react_jsx_runtime.JSX.Element;
|
|
2456
2456
|
declare function SlideoutMenuContent({ side, background, className, children, ...props }: SlideoutMenuContentProps): react_jsx_runtime.JSX.Element;
|
|
2457
|
-
declare function SlideoutMenuHeader({ icon,
|
|
2457
|
+
declare function SlideoutMenuHeader({ icon, showCloseButton, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
|
|
2458
2458
|
declare function SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps): react_jsx_runtime.JSX.Element;
|
|
2459
2459
|
declare function SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
2460
2460
|
declare function SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -872,13 +872,13 @@ type CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> &
|
|
|
872
872
|
state?: ProgressState;
|
|
873
873
|
thickness?: number;
|
|
874
874
|
segments?: number;
|
|
875
|
-
|
|
875
|
+
showValue?: boolean;
|
|
876
876
|
description?: React.ReactNode;
|
|
877
877
|
'aria-label'?: string;
|
|
878
878
|
'aria-labelledby'?: string;
|
|
879
879
|
};
|
|
880
880
|
type CircularProgressProps = CircularProgressOwnProps & Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;
|
|
881
|
-
declare function CircularProgress({ value, max, size, variant, state, thickness, segments,
|
|
881
|
+
declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showValue, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
882
882
|
|
|
883
883
|
declare const dropdownMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
884
884
|
type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
|
|
@@ -2424,7 +2424,7 @@ interface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {
|
|
|
2424
2424
|
/** Optional featured icon, shown in a 32px brand-tinted disc before the title. */
|
|
2425
2425
|
icon?: React.ReactNode;
|
|
2426
2426
|
/** Render the close (X) button. Defaults to `true`. */
|
|
2427
|
-
|
|
2427
|
+
showCloseButton?: boolean;
|
|
2428
2428
|
/** Localized aria-label for the close button. Defaults to `"Close"`. */
|
|
2429
2429
|
closeLabel?: string;
|
|
2430
2430
|
}
|
|
@@ -2454,7 +2454,7 @@ interface SlideoutMenuItemProps extends React.ComponentProps<'button'> {
|
|
|
2454
2454
|
declare function SlideoutMenu(props: SlideoutMenuProps): react_jsx_runtime.JSX.Element;
|
|
2455
2455
|
declare function SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps): react_jsx_runtime.JSX.Element;
|
|
2456
2456
|
declare function SlideoutMenuContent({ side, background, className, children, ...props }: SlideoutMenuContentProps): react_jsx_runtime.JSX.Element;
|
|
2457
|
-
declare function SlideoutMenuHeader({ icon,
|
|
2457
|
+
declare function SlideoutMenuHeader({ icon, showCloseButton, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
|
|
2458
2458
|
declare function SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps): react_jsx_runtime.JSX.Element;
|
|
2459
2459
|
declare function SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
2460
2460
|
declare function SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -75,7 +75,7 @@ import {
|
|
|
75
75
|
SlideoutMenuTitle,
|
|
76
76
|
SlideoutMenuTrigger,
|
|
77
77
|
slideoutMenuContentVariants
|
|
78
|
-
} from "./chunk-
|
|
78
|
+
} from "./chunk-BJIB6S5L.js";
|
|
79
79
|
import "./chunk-JVUANKS3.js";
|
|
80
80
|
import {
|
|
81
81
|
Slider,
|
|
@@ -208,7 +208,7 @@ import {
|
|
|
208
208
|
Progress,
|
|
209
209
|
circularProgressVariants,
|
|
210
210
|
progressVariants
|
|
211
|
-
} from "./chunk-
|
|
211
|
+
} from "./chunk-JADNUODB.js";
|
|
212
212
|
import "./chunk-F5YD6T5D.js";
|
|
213
213
|
import "./chunk-WAIVED2F.js";
|
|
214
214
|
import {
|
|
@@ -280,10 +280,39 @@ import {
|
|
|
280
280
|
MetricGroup,
|
|
281
281
|
metricGroupVariants
|
|
282
282
|
} from "./chunk-JXATJSBR.js";
|
|
283
|
-
import "./chunk-
|
|
283
|
+
import "./chunk-44S33DGQ.js";
|
|
284
284
|
import {
|
|
285
|
-
|
|
286
|
-
|
|
285
|
+
Filtration,
|
|
286
|
+
FiltrationCheckboxFilter,
|
|
287
|
+
FiltrationFooter,
|
|
288
|
+
FiltrationOption,
|
|
289
|
+
FiltrationOptionList,
|
|
290
|
+
FiltrationPanel,
|
|
291
|
+
FiltrationResults,
|
|
292
|
+
FiltrationSection,
|
|
293
|
+
FiltrationTrigger,
|
|
294
|
+
filtrationPanelVariants
|
|
295
|
+
} from "./chunk-AHUL5WRD.js";
|
|
296
|
+
import "./chunk-HBCSQSOP.js";
|
|
297
|
+
import {
|
|
298
|
+
SearchBox
|
|
299
|
+
} from "./chunk-WRUVDZRI.js";
|
|
300
|
+
import "./chunk-CWUZ4SZN.js";
|
|
301
|
+
import {
|
|
302
|
+
TextInput,
|
|
303
|
+
TextInputAffix,
|
|
304
|
+
TextInputDropdown,
|
|
305
|
+
textInputVariants
|
|
306
|
+
} from "./chunk-4HBVLISS.js";
|
|
307
|
+
import "./chunk-ZPUYNM37.js";
|
|
308
|
+
import {
|
|
309
|
+
Popover,
|
|
310
|
+
PopoverAnchor,
|
|
311
|
+
PopoverClose,
|
|
312
|
+
PopoverContent,
|
|
313
|
+
PopoverTrigger,
|
|
314
|
+
popoverContentVariants
|
|
315
|
+
} from "./chunk-APD5WA65.js";
|
|
287
316
|
import "./chunk-5DBKWVTZ.js";
|
|
288
317
|
import {
|
|
289
318
|
FloatingButton,
|
|
@@ -318,39 +347,10 @@ import {
|
|
|
318
347
|
EmptyStateTitle,
|
|
319
348
|
emptyStateVariants
|
|
320
349
|
} from "./chunk-VRPFA4CN.js";
|
|
321
|
-
import "./chunk-
|
|
322
|
-
import {
|
|
323
|
-
Filtration,
|
|
324
|
-
FiltrationCheckboxFilter,
|
|
325
|
-
FiltrationFooter,
|
|
326
|
-
FiltrationOption,
|
|
327
|
-
FiltrationOptionList,
|
|
328
|
-
FiltrationPanel,
|
|
329
|
-
FiltrationResults,
|
|
330
|
-
FiltrationSection,
|
|
331
|
-
FiltrationTrigger,
|
|
332
|
-
filtrationPanelVariants
|
|
333
|
-
} from "./chunk-J53OY747.js";
|
|
334
|
-
import "./chunk-HBCSQSOP.js";
|
|
335
|
-
import {
|
|
336
|
-
SearchBox
|
|
337
|
-
} from "./chunk-4S2DSEXR.js";
|
|
338
|
-
import "./chunk-CWUZ4SZN.js";
|
|
339
|
-
import {
|
|
340
|
-
TextInput,
|
|
341
|
-
TextInputAffix,
|
|
342
|
-
TextInputDropdown,
|
|
343
|
-
textInputVariants
|
|
344
|
-
} from "./chunk-4HBVLISS.js";
|
|
345
|
-
import "./chunk-ZPUYNM37.js";
|
|
350
|
+
import "./chunk-MZALAXZZ.js";
|
|
346
351
|
import {
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
PopoverClose,
|
|
350
|
-
PopoverContent,
|
|
351
|
-
PopoverTrigger,
|
|
352
|
-
popoverContentVariants
|
|
353
|
-
} from "./chunk-APD5WA65.js";
|
|
352
|
+
FileUpload
|
|
353
|
+
} from "./chunk-EZRPCQSP.js";
|
|
354
354
|
import "./chunk-L23ETA7K.js";
|
|
355
355
|
import {
|
|
356
356
|
DescriptionDetails,
|
|
@@ -359,16 +359,16 @@ import {
|
|
|
359
359
|
DescriptionTerm,
|
|
360
360
|
descriptionListVariants
|
|
361
361
|
} from "./chunk-J3RL3NPU.js";
|
|
362
|
-
import "./chunk-H2HKUDBZ.js";
|
|
363
|
-
import {
|
|
364
|
-
DigitalStamp,
|
|
365
|
-
digitalStampVariants
|
|
366
|
-
} from "./chunk-QU32POS4.js";
|
|
367
362
|
import "./chunk-S72BEZHS.js";
|
|
368
363
|
import {
|
|
369
364
|
Divider,
|
|
370
365
|
dividerVariants
|
|
371
366
|
} from "./chunk-CUGEH7EB.js";
|
|
367
|
+
import "./chunk-H2HKUDBZ.js";
|
|
368
|
+
import {
|
|
369
|
+
DigitalStamp,
|
|
370
|
+
digitalStampVariants
|
|
371
|
+
} from "./chunk-QU32POS4.js";
|
|
372
372
|
import "./chunk-O6AFVTKN.js";
|
|
373
373
|
import {
|
|
374
374
|
Drawer,
|
|
@@ -413,11 +413,19 @@ import {
|
|
|
413
413
|
} from "./chunk-XIJKAUCN.js";
|
|
414
414
|
import "./chunk-SDFMITFO.js";
|
|
415
415
|
import "./chunk-AR7K3D3Z.js";
|
|
416
|
-
import "./chunk-
|
|
416
|
+
import "./chunk-OF7NTZ2I.js";
|
|
417
417
|
import {
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
418
|
+
Card,
|
|
419
|
+
CardContent,
|
|
420
|
+
CardDescription,
|
|
421
|
+
CardExpandableContent,
|
|
422
|
+
CardFooter,
|
|
423
|
+
CardHeader,
|
|
424
|
+
CardIcon,
|
|
425
|
+
CardImage,
|
|
426
|
+
CardTitle,
|
|
427
|
+
cardVariants
|
|
428
|
+
} from "./chunk-NJIQJHJS.js";
|
|
421
429
|
import "./chunk-TPNCV7KA.js";
|
|
422
430
|
import {
|
|
423
431
|
Chip,
|
|
@@ -458,31 +466,16 @@ import {
|
|
|
458
466
|
CollapsibleContent,
|
|
459
467
|
CollapsibleTrigger
|
|
460
468
|
} from "./chunk-775MRN7R.js";
|
|
461
|
-
import "./chunk-
|
|
469
|
+
import "./chunk-N5JDL4VE.js";
|
|
462
470
|
import {
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
BreadcrumbLink,
|
|
468
|
-
BreadcrumbList,
|
|
469
|
-
BreadcrumbPage,
|
|
470
|
-
BreadcrumbSeparator,
|
|
471
|
-
breadcrumbVariants
|
|
472
|
-
} from "./chunk-AMF37AOD.js";
|
|
473
|
-
import "./chunk-OF7NTZ2I.js";
|
|
471
|
+
Button,
|
|
472
|
+
buttonVariants
|
|
473
|
+
} from "./chunk-GQAX2CH6.js";
|
|
474
|
+
import "./chunk-TH3ITGUM.js";
|
|
474
475
|
import {
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
CardExpandableContent,
|
|
479
|
-
CardFooter,
|
|
480
|
-
CardHeader,
|
|
481
|
-
CardIcon,
|
|
482
|
-
CardImage,
|
|
483
|
-
CardTitle,
|
|
484
|
-
cardVariants
|
|
485
|
-
} from "./chunk-MECGQLHL.js";
|
|
476
|
+
Spinner,
|
|
477
|
+
spinnerVariants
|
|
478
|
+
} from "./chunk-FO7IICMM.js";
|
|
486
479
|
import "./chunk-MKQBAQIH.js";
|
|
487
480
|
import {
|
|
488
481
|
Carousel,
|
|
@@ -495,6 +488,11 @@ import {
|
|
|
495
488
|
carouselDotsVariants,
|
|
496
489
|
carouselVariants
|
|
497
490
|
} from "./chunk-LEDIOXDM.js";
|
|
491
|
+
import "./chunk-TZWNX7FF.js";
|
|
492
|
+
import {
|
|
493
|
+
Checkbox,
|
|
494
|
+
checkboxVariants
|
|
495
|
+
} from "./chunk-TNIRKGXY.js";
|
|
498
496
|
import "./chunk-AVHWS36I.js";
|
|
499
497
|
import {
|
|
500
498
|
BarChart,
|
|
@@ -509,7 +507,6 @@ import {
|
|
|
509
507
|
AccordionTrigger,
|
|
510
508
|
accordionVariants
|
|
511
509
|
} from "./chunk-CYHSWWH6.js";
|
|
512
|
-
import "./chunk-FFGALWM2.js";
|
|
513
510
|
import "./chunk-2F6V4OWR.js";
|
|
514
511
|
import {
|
|
515
512
|
AspectRatio
|
|
@@ -522,16 +519,19 @@ import {
|
|
|
522
519
|
AvatarImage,
|
|
523
520
|
avatarVariants
|
|
524
521
|
} from "./chunk-Y2E2RLBI.js";
|
|
525
|
-
import "./chunk-
|
|
526
|
-
import {
|
|
527
|
-
Button,
|
|
528
|
-
buttonVariants
|
|
529
|
-
} from "./chunk-GQAX2CH6.js";
|
|
530
|
-
import "./chunk-TH3ITGUM.js";
|
|
522
|
+
import "./chunk-FHORBVCQ.js";
|
|
531
523
|
import {
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
524
|
+
Breadcrumb,
|
|
525
|
+
BreadcrumbEllipsis,
|
|
526
|
+
BreadcrumbEllipsisTrigger,
|
|
527
|
+
BreadcrumbItem,
|
|
528
|
+
BreadcrumbLink,
|
|
529
|
+
BreadcrumbList,
|
|
530
|
+
BreadcrumbPage,
|
|
531
|
+
BreadcrumbSeparator,
|
|
532
|
+
breadcrumbVariants
|
|
533
|
+
} from "./chunk-AMF37AOD.js";
|
|
534
|
+
import "./chunk-FFGALWM2.js";
|
|
535
535
|
import "./chunk-WI5UIBM5.js";
|
|
536
536
|
import {
|
|
537
537
|
FieldMessage
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dev-dga/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Independent React 19 component library implementing Saudi Arabia's DGA (Digital Government Authority) Platforms Code design system. Accessible (WCAG 2.2 AA), RTL-native, Arabic-first, dark-mode ready, RSC-compatible. Not affiliated with the DGA.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -65,12 +65,12 @@
|
|
|
65
65
|
"cmdk": "^1.1.1",
|
|
66
66
|
"radix-ui": "^1.0.0",
|
|
67
67
|
"react-aria-components": "^1.17.0",
|
|
68
|
-
"@dev-dga/tokens": "0.
|
|
68
|
+
"@dev-dga/tokens": "1.0.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": "^19.0.0",
|
|
72
72
|
"react-dom": "^19.0.0",
|
|
73
|
-
"@dev-dga/css": "0.
|
|
73
|
+
"@dev-dga/css": "1.0.0"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
76
|
"@storybook/react-vite": "^10.2.15",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/SlideoutMenu/SlideoutMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n variants: {\n side: {\n start: 'ddga-slideout-menu--start',\n end: 'ddga-slideout-menu--end',\n },\n /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n background: {\n gray: 'ddga-slideout-menu--gray',\n white: 'ddga-slideout-menu--white',\n },\n },\n defaultVariants: {\n side: 'start',\n background: 'gray',\n },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n extends\n React.ComponentProps<typeof DialogPrimitive.Content>,\n VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n icon?: React.ReactNode;\n /** Render the close (X) button. Defaults to `true`. */\n showClose?: boolean;\n /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n typeof DialogPrimitive.Description\n> {\n asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n /** Section heading rendered above the list (SDGA \"Group Label\"). */\n label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n asChild?: boolean;\n /** Leading 24px icon. */\n icon?: React.ReactNode;\n /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n trailing?: React.ReactNode;\n /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n return (\n <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n );\n}\n\nfunction SlideoutMenuContent({\n side,\n background,\n className,\n children,\n ...props\n}: SlideoutMenuContentProps) {\n // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n const ctx = useContext(DgaContext);\n const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n return (\n <DialogPrimitive.Portal container={portalContainer}>\n <DialogPrimitive.Overlay\n className=\"ddga-slideout-menu__overlay\"\n data-slot=\"slideout-menu-overlay\"\n />\n <DialogPrimitive.Content\n data-slot=\"slideout-menu-content\"\n className={cn(slideoutMenuContentVariants({ side, background }), className)}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n );\n}\n\nfunction SlideoutMenuHeader({\n icon,\n showClose = true,\n closeLabel = 'Close',\n className,\n children,\n ...props\n}: SlideoutMenuHeaderProps) {\n return (\n <div\n data-slot=\"slideout-menu-header\"\n className={cn('ddga-slideout-menu__header', className)}\n {...props}\n >\n <div className=\"ddga-slideout-menu__header-content\">\n {icon ? (\n <span\n data-slot=\"slideout-menu-featured-icon\"\n className=\"ddga-slideout-menu__featured-icon\"\n aria-hidden=\"true\"\n >\n {icon}\n </span>\n ) : null}\n <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n </div>\n {showClose ? (\n <DialogPrimitive.Close\n className=\"ddga-slideout-menu__close\"\n aria-label={closeLabel}\n data-slot=\"slideout-menu-close-x\"\n >\n <Close aria-hidden=\"true\" />\n </DialogPrimitive.Close>\n ) : null}\n </div>\n );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n return (\n <DialogPrimitive.Title\n asChild={asChild}\n data-slot=\"slideout-menu-title\"\n className={cn('ddga-slideout-menu__title', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n return (\n <DialogPrimitive.Description\n asChild={asChild}\n data-slot=\"slideout-menu-description\"\n className={cn('ddga-slideout-menu__description', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-body\"\n className={cn('ddga-slideout-menu__body', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n const labelId = useId();\n return (\n <div\n data-slot=\"slideout-menu-group\"\n className={cn('ddga-slideout-menu__group', className)}\n {...props}\n >\n {label != null ? (\n <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n {label}\n </div>\n ) : null}\n <ul\n className=\"ddga-slideout-menu__list\"\n {...(label != null ? { 'aria-labelledby': labelId } : {})}\n >\n {children}\n </ul>\n </div>\n );\n}\n\nfunction SlideoutMenuItem({\n asChild,\n icon,\n trailing,\n active,\n className,\n children,\n ...props\n}: SlideoutMenuItemProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'button';\n return (\n <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n <Comp\n data-slot=\"slideout-menu-item\"\n className={cn('ddga-slideout-menu__item', className)}\n data-active={active ? '' : undefined}\n aria-current={active ? 'page' : undefined}\n {...(asChild ? {} : { type: 'button' as const })}\n {...props}\n >\n {icon ? (\n <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n {asChild ? (\n <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n ) : (\n <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n )}\n {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n </Comp>\n </li>\n );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"slideout-menu-separator\"\n role=\"separator\"\n className={cn('ddga-slideout-menu__separator', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-footer\"\n className={cn('ddga-slideout-menu__footer', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n SlideoutMenu,\n SlideoutMenuTrigger,\n SlideoutMenuContent,\n SlideoutMenuHeader,\n SlideoutMenuTitle,\n SlideoutMenuDescription,\n SlideoutMenuBody,\n SlideoutMenuGroup,\n SlideoutMenuItem,\n SlideoutMenuSeparator,\n SlideoutMenuFooter,\n SlideoutMenuClose,\n slideoutMenuContentVariants,\n};\nexport type {\n SlideoutMenuProps,\n SlideoutMenuTriggerProps,\n SlideoutMenuContentProps,\n SlideoutMenuHeaderProps,\n SlideoutMenuTitleProps,\n SlideoutMenuDescriptionProps,\n SlideoutMenuSectionProps,\n SlideoutMenuGroupProps,\n SlideoutMenuItemProps,\n SlideoutMenuCloseProps,\n};\n"],"mappings":"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","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","../src/components/SlideoutMenu/SlideoutMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n variants: {\n side: {\n start: 'ddga-slideout-menu--start',\n end: 'ddga-slideout-menu--end',\n },\n /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n background: {\n gray: 'ddga-slideout-menu--gray',\n white: 'ddga-slideout-menu--white',\n },\n },\n defaultVariants: {\n side: 'start',\n background: 'gray',\n },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n extends\n React.ComponentProps<typeof DialogPrimitive.Content>,\n VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n icon?: React.ReactNode;\n /** Render the close (X) button. Defaults to `true`. */\n showClose?: boolean;\n /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n typeof DialogPrimitive.Description\n> {\n asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n /** Section heading rendered above the list (SDGA \"Group Label\"). */\n label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n asChild?: boolean;\n /** Leading 24px icon. */\n icon?: React.ReactNode;\n /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n trailing?: React.ReactNode;\n /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n return (\n <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n );\n}\n\nfunction SlideoutMenuContent({\n side,\n background,\n className,\n children,\n ...props\n}: SlideoutMenuContentProps) {\n // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n const ctx = useContext(DgaContext);\n const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n return (\n <DialogPrimitive.Portal container={portalContainer}>\n <DialogPrimitive.Overlay\n className=\"ddga-slideout-menu__overlay\"\n data-slot=\"slideout-menu-overlay\"\n />\n <DialogPrimitive.Content\n data-slot=\"slideout-menu-content\"\n className={cn(slideoutMenuContentVariants({ side, background }), className)}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n );\n}\n\nfunction SlideoutMenuHeader({\n icon,\n showClose = true,\n closeLabel = 'Close',\n className,\n children,\n ...props\n}: SlideoutMenuHeaderProps) {\n return (\n <div\n data-slot=\"slideout-menu-header\"\n className={cn('ddga-slideout-menu__header', className)}\n {...props}\n >\n <div className=\"ddga-slideout-menu__header-content\">\n {icon ? (\n <span\n data-slot=\"slideout-menu-featured-icon\"\n className=\"ddga-slideout-menu__featured-icon\"\n aria-hidden=\"true\"\n >\n {icon}\n </span>\n ) : null}\n <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n </div>\n {showClose ? (\n <DialogPrimitive.Close\n className=\"ddga-slideout-menu__close\"\n aria-label={closeLabel}\n data-slot=\"slideout-menu-close-x\"\n >\n <Close aria-hidden=\"true\" />\n </DialogPrimitive.Close>\n ) : null}\n </div>\n );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n return (\n <DialogPrimitive.Title\n asChild={asChild}\n data-slot=\"slideout-menu-title\"\n className={cn('ddga-slideout-menu__title', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n return (\n <DialogPrimitive.Description\n asChild={asChild}\n data-slot=\"slideout-menu-description\"\n className={cn('ddga-slideout-menu__description', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-body\"\n className={cn('ddga-slideout-menu__body', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n const labelId = useId();\n return (\n <div\n data-slot=\"slideout-menu-group\"\n className={cn('ddga-slideout-menu__group', className)}\n {...props}\n >\n {label != null ? (\n <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n {label}\n </div>\n ) : null}\n <ul\n className=\"ddga-slideout-menu__list\"\n {...(label != null ? { 'aria-labelledby': labelId } : {})}\n >\n {children}\n </ul>\n </div>\n );\n}\n\nfunction SlideoutMenuItem({\n asChild,\n icon,\n trailing,\n active,\n className,\n children,\n ...props\n}: SlideoutMenuItemProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'button';\n return (\n <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n <Comp\n data-slot=\"slideout-menu-item\"\n className={cn('ddga-slideout-menu__item', className)}\n data-active={active ? '' : undefined}\n aria-current={active ? 'page' : undefined}\n {...(asChild ? {} : { type: 'button' as const })}\n {...props}\n >\n {icon ? (\n <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n {asChild ? (\n <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n ) : (\n <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n )}\n {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n </Comp>\n </li>\n );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"slideout-menu-separator\"\n role=\"separator\"\n className={cn('ddga-slideout-menu__separator', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-footer\"\n className={cn('ddga-slideout-menu__footer', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n SlideoutMenu,\n SlideoutMenuTrigger,\n SlideoutMenuContent,\n SlideoutMenuHeader,\n SlideoutMenuTitle,\n SlideoutMenuDescription,\n SlideoutMenuBody,\n SlideoutMenuGroup,\n SlideoutMenuItem,\n SlideoutMenuSeparator,\n SlideoutMenuFooter,\n SlideoutMenuClose,\n slideoutMenuContentVariants,\n};\nexport type {\n SlideoutMenuProps,\n SlideoutMenuTriggerProps,\n SlideoutMenuContentProps,\n SlideoutMenuHeaderProps,\n SlideoutMenuTitleProps,\n SlideoutMenuDescriptionProps,\n SlideoutMenuSectionProps,\n SlideoutMenuGroupProps,\n SlideoutMenuItemProps,\n SlideoutMenuCloseProps,\n};\n"]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|