@nexus-cross/design-system 1.0.4-beta.1 → 1.0.4
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/cursor-rules/nexus-project-setup.mdc +167 -145
- package/cursor-rules/nexus-ui-api.mdc +894 -311
- package/cursor-rules/nexus-ui-components.mdc +179 -91
- package/dist/accordion.js +7 -7
- package/dist/accordion.mjs +2 -2
- package/dist/alert.d.mts +17 -0
- package/dist/alert.d.ts +17 -0
- package/dist/alert.js +16 -0
- package/dist/alert.mjs +3 -0
- package/dist/avatar.js +4 -4
- package/dist/avatar.mjs +2 -2
- package/dist/badge.d.mts +18 -0
- package/dist/badge.d.ts +18 -0
- package/dist/badge.js +16 -0
- package/dist/badge.mjs +3 -0
- package/dist/breadcrumb.d.mts +15 -0
- package/dist/breadcrumb.d.ts +15 -0
- package/dist/breadcrumb.js +12 -0
- package/dist/breadcrumb.mjs +3 -0
- package/dist/button.js +4 -4
- package/dist/button.mjs +2 -2
- package/dist/carousel.js +8 -8
- package/dist/carousel.mjs +2 -2
- package/dist/checkbox.js +5 -5
- package/dist/checkbox.mjs +2 -2
- package/dist/chip.d.mts +1 -1
- package/dist/chip.d.ts +1 -1
- package/dist/chip.js +4 -4
- package/dist/chip.mjs +2 -2
- package/dist/chunks/{chunk-5TBXVD56.js → chunk-2MC7XJSE.js} +16 -6
- package/dist/chunks/chunk-2N2EPBO4.js +120 -0
- package/dist/chunks/{chunk-BEA727LO.mjs → chunk-2RPRCWKV.mjs} +57 -26
- package/dist/chunks/chunk-2UPGFY6E.mjs +76 -0
- package/dist/chunks/{chunk-5I2VRWWU.js → chunk-2ZXDXO4I.js} +32 -38
- package/dist/chunks/{chunk-RLP3U52D.mjs → chunk-33UFQJIO.mjs} +22 -40
- package/dist/chunks/{chunk-AOVU67NI.mjs → chunk-3HHJORN7.mjs} +23 -25
- package/dist/chunks/{chunk-TWHDXCKR.js → chunk-3PCNRCTB.js} +8 -8
- package/dist/chunks/chunk-3ZWN66YH.js +53 -0
- package/dist/chunks/chunk-4ENXP7WH.js +224 -0
- package/dist/chunks/{chunk-YEGPB7A7.js → chunk-5JHJNN2K.js} +4 -4
- package/dist/chunks/chunk-5PQ3UCKF.js +99 -0
- package/dist/chunks/chunk-6BWOKTVQ.mjs +87 -0
- package/dist/chunks/chunk-6DBRL6NA.mjs +81 -0
- package/dist/chunks/{chunk-C3E7CSKG.mjs → chunk-6FMDO6TT.mjs} +7 -8
- package/dist/chunks/{chunk-76CY4STF.js → chunk-7G65JBTN.js} +34 -66
- package/dist/chunks/{chunk-GMIGQ5VP.mjs → chunk-ADO7PDLY.mjs} +15 -35
- package/dist/chunks/{chunk-ZINDMFOI.js → chunk-AFSEYJZT.js} +24 -32
- package/dist/chunks/chunk-B5O6W3Z4.mjs +73 -0
- package/dist/chunks/{chunk-6FHK6CBR.js → chunk-B6G5TJRO.js} +7 -8
- package/dist/chunks/chunk-BBLBTOP4.js +205 -0
- package/dist/chunks/{chunk-5XVEYVYA.js → chunk-BLGQHR3M.js} +5 -8
- package/dist/chunks/{chunk-LVTD2UQN.mjs → chunk-BPUQ2CO2.mjs} +2 -2
- package/dist/chunks/{chunk-AWBGWBFS.js → chunk-BSZ2LN6E.js} +21 -27
- package/dist/chunks/chunk-C2DSAJTL.js +109 -0
- package/dist/chunks/{chunk-KWPIEHD2.mjs → chunk-CA3SOLI3.mjs} +1 -1
- package/dist/chunks/{chunk-MPKRXMCJ.js → chunk-CSJDDREF.js} +7 -10
- package/dist/chunks/chunk-CUTMLBC3.mjs +86 -0
- package/dist/chunks/chunk-CV4GMFWP.js +174 -0
- package/dist/chunks/{chunk-SXLMI7CZ.mjs → chunk-CWMLTXOH.mjs} +162 -234
- package/dist/chunks/chunk-CZC76ZD5.js +10 -0
- package/dist/chunks/chunk-DICN6GKE.js +99 -0
- package/dist/chunks/{chunk-TLTEUIBY.js → chunk-DLFV7ZZV.js} +4 -4
- package/dist/chunks/chunk-DO6VK2QQ.mjs +108 -0
- package/dist/chunks/chunk-DYPPVXQF.js +143 -0
- package/dist/chunks/{chunk-GQP7IXH2.mjs → chunk-ECVAVQUY.mjs} +23 -31
- package/dist/chunks/{chunk-3CHRUKSJ.mjs → chunk-EHAUUUWB.mjs} +3 -3
- package/dist/chunks/chunk-EJY7IVSK.mjs +31 -0
- package/dist/chunks/{chunk-G4XJG7XI.js → chunk-EVOOTSY5.js} +3 -10
- package/dist/chunks/chunk-FUIBYZZ4.mjs +98 -0
- package/dist/chunks/{chunk-VH5FF6DZ.mjs → chunk-GX6GSWX3.mjs} +7 -7
- package/dist/chunks/chunk-H2G5FMRN.mjs +75 -0
- package/dist/chunks/chunk-H2V7RHYV.mjs +120 -0
- package/dist/chunks/{chunk-DDMZSNTG.js → chunk-HFBTS42N.js} +168 -240
- package/dist/chunks/{chunk-OGUTGD4J.mjs → chunk-HNLI646G.mjs} +71 -39
- package/dist/chunks/{chunk-C6H2UNOX.js → chunk-IE4DGLMH.js} +13 -21
- package/dist/chunks/{chunk-U76LT5GE.js → chunk-IOSIQLZL.js} +2 -2
- package/dist/chunks/{chunk-ZCMKIB5U.js → chunk-J5ZKGPBY.js} +33 -41
- package/dist/chunks/{chunk-JUZHWKGS.mjs → chunk-K2TBLM3F.mjs} +6 -12
- package/dist/chunks/chunk-KZ7S5VN2.js +7 -0
- package/dist/chunks/{chunk-FHPHDK3O.mjs → chunk-LI7SFBUQ.mjs} +4 -4
- package/dist/chunks/{chunk-7OEK2KX3.mjs → chunk-LMMON5AU.mjs} +4 -4
- package/dist/chunks/{chunk-6DZVNFVY.js → chunk-LOQXCHKL.js} +4 -12
- package/dist/chunks/{chunk-377KBJQG.js → chunk-MA2VCCIY.js} +19 -22
- package/dist/chunks/chunk-MCKOWMLS.mjs +8 -0
- package/dist/chunks/chunk-MMCA33FW.mjs +85 -0
- package/dist/chunks/{chunk-TR5JBBEA.mjs → chunk-MRRKW5QN.mjs} +31 -39
- package/dist/chunks/{chunk-76K6KXCT.js → chunk-NFIPQZ4O.js} +1 -1
- package/dist/chunks/chunk-NZHK76R3.js +109 -0
- package/dist/chunks/{chunk-I7YJB2F5.js → chunk-OMN5YQCE.js} +3 -3
- package/dist/chunks/{chunk-B7UU3FSS.mjs → chunk-P2T72N62.mjs} +4 -7
- package/dist/chunks/chunk-P3DZKXG4.js +116 -0
- package/dist/chunks/chunk-P73MEU7N.mjs +150 -0
- package/dist/chunks/chunk-PDJTSQOC.js +59 -0
- package/dist/chunks/{chunk-RXVYL4AU.js → chunk-PEIEVKD5.js} +7 -13
- package/dist/chunks/chunk-PI464222.mjs +5 -0
- package/dist/chunks/{chunk-IJG7J2VU.mjs → chunk-QZ4QR3XV.mjs} +30 -36
- package/dist/chunks/{chunk-6NTASYZO.js → chunk-RS3SBY3I.js} +61 -30
- package/dist/chunks/{chunk-AKIBUO5A.mjs → chunk-RX5UKRYK.mjs} +19 -26
- package/dist/chunks/chunk-S2GMEC43.js +109 -0
- package/dist/chunks/{chunk-WJ2OVQD3.mjs → chunk-SGNRVYYQ.mjs} +19 -25
- package/dist/chunks/{chunk-IB5UCYQY.mjs → chunk-SJMCPSVH.mjs} +15 -5
- package/dist/chunks/chunk-UKRU46PH.mjs +182 -0
- package/dist/chunks/{chunk-WNFJ4NJN.mjs → chunk-ULGYTBCT.mjs} +3 -11
- package/dist/chunks/{chunk-TXYYBJBQ.js → chunk-VGO4Z2WH.js} +73 -41
- package/dist/chunks/{chunk-LBKBCI2K.mjs → chunk-VIGRCJAE.mjs} +3 -10
- package/dist/chunks/chunk-VVXQZ4XH.mjs +93 -0
- package/dist/chunks/{chunk-Z7OKV6NW.mjs → chunk-W4GG5A7K.mjs} +12 -20
- package/dist/chunks/chunk-WGGBE4ZD.mjs +201 -0
- package/dist/chunks/{chunk-WSWD5ZUJ.js → chunk-WKCXACMZ.js} +20 -27
- package/dist/chunks/{chunk-GSLIY6WW.js → chunk-X2SHTVZQ.js} +17 -37
- package/dist/chunks/chunk-X3CTJ7TD.js +108 -0
- package/dist/chunks/{chunk-U6KOUYWX.mjs → chunk-XG6QG65W.mjs} +7 -10
- package/dist/chunks/chunk-XGIJZ3NZ.js +160 -0
- package/dist/chunks/chunk-YB5ZKHVB.js +64 -0
- package/dist/chunks/{chunk-Q7H6LCNN.js → chunk-YCG4FZC3.js} +23 -25
- package/dist/chunks/{chunk-JZ3PWHKS.mjs → chunk-YLO4UKSC.mjs} +18 -21
- package/dist/chunks/chunk-YO5MSDPX.mjs +36 -0
- package/dist/chunks/{chunk-Q2TMXHPK.js → chunk-YZV6FWE7.js} +25 -43
- package/dist/chunks/chunk-ZI4LN2B2.js +96 -0
- package/dist/chunks/chunk-ZU4AWAFT.mjs +137 -0
- package/dist/chunks/chunk-ZWSIIGA3.mjs +58 -0
- package/dist/countdown.js +4 -4
- package/dist/countdown.mjs +2 -2
- package/dist/counter.js +2 -2
- package/dist/counter.mjs +1 -1
- package/dist/data-list.js +5 -5
- package/dist/data-list.mjs +4 -4
- package/dist/date-picker.d.mts +17 -0
- package/dist/date-picker.d.ts +17 -0
- package/dist/date-picker.js +12 -0
- package/dist/date-picker.mjs +3 -0
- package/dist/divider.js +4 -4
- package/dist/divider.mjs +2 -2
- package/dist/drawer.d.mts +1 -1
- package/dist/drawer.d.ts +1 -1
- package/dist/drawer.js +11 -11
- package/dist/drawer.mjs +2 -2
- package/dist/dropdown-menu.d.mts +30 -0
- package/dist/dropdown-menu.d.ts +30 -0
- package/dist/dropdown-menu.js +32 -0
- package/dist/dropdown-menu.mjs +3 -0
- package/dist/ellipsis.js +3 -3
- package/dist/ellipsis.mjs +2 -2
- package/dist/empty-state.d.mts +16 -0
- package/dist/empty-state.d.ts +16 -0
- package/dist/empty-state.js +16 -0
- package/dist/empty-state.mjs +3 -0
- package/dist/error-boundary.d.mts +1 -1
- package/dist/error-boundary.d.ts +1 -1
- package/dist/error-boundary.js +2 -2
- package/dist/error-boundary.mjs +1 -1
- package/dist/index.d.mts +15 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +322 -200
- package/dist/index.mjs +49 -35
- package/dist/infinite-scroll.js +3 -3
- package/dist/infinite-scroll.mjs +2 -2
- package/dist/marquee.js +3 -3
- package/dist/marquee.mjs +2 -2
- package/dist/modal/index.js +13 -13
- package/dist/modal/index.mjs +4 -4
- package/dist/number-input.d.mts +1 -1
- package/dist/number-input.d.ts +1 -1
- package/dist/number-input.js +5 -5
- package/dist/number-input.mjs +2 -2
- package/dist/nx-image.d.mts +13 -0
- package/dist/nx-image.d.ts +13 -0
- package/dist/nx-image.js +12 -0
- package/dist/nx-image.mjs +3 -0
- package/dist/pagination.d.mts +1 -0
- package/dist/pagination.d.ts +1 -0
- package/dist/pagination.js +5 -5
- package/dist/pagination.mjs +2 -2
- package/dist/popover.d.mts +1 -1
- package/dist/popover.d.ts +1 -1
- package/dist/popover.js +8 -8
- package/dist/popover.mjs +2 -2
- package/dist/price-input.d.mts +36 -0
- package/dist/price-input.d.ts +36 -0
- package/dist/price-input.js +16 -0
- package/dist/price-input.mjs +3 -0
- package/dist/progress.d.mts +18 -0
- package/dist/progress.d.ts +18 -0
- package/dist/progress.js +16 -0
- package/dist/progress.mjs +3 -0
- package/dist/radio-group.js +6 -6
- package/dist/radio-group.mjs +2 -2
- package/dist/schemas/_all.json +2356 -404
- package/dist/schemas/accordion.json +14 -11
- package/dist/schemas/alert.json +49 -0
- package/dist/schemas/avatar.json +13 -7
- package/dist/schemas/badge.json +76 -0
- package/dist/schemas/breadcrumb.json +47 -0
- package/dist/schemas/button.json +27 -9
- package/dist/schemas/carousel.json +10 -4
- package/dist/schemas/carouselButton.json +20 -0
- package/dist/schemas/carouselDots.json +17 -0
- package/dist/schemas/carouselSlide.json +20 -0
- package/dist/schemas/checkBox.json +33 -8
- package/dist/schemas/chip.json +15 -6
- package/dist/schemas/clientOnly.json +19 -0
- package/dist/schemas/countdown.json +10 -7
- package/dist/schemas/counter.json +15 -9
- package/dist/schemas/dataList.json +10 -10
- package/dist/schemas/datePicker.json +56 -0
- package/dist/schemas/divider.json +8 -5
- package/dist/schemas/drawer.json +24 -2
- package/dist/schemas/drawerClose.json +24 -0
- package/dist/schemas/drawerContent.json +9 -6
- package/dist/schemas/drawerDescription.json +20 -0
- package/dist/schemas/drawerTitle.json +20 -0
- package/dist/schemas/drawerTrigger.json +24 -0
- package/dist/schemas/dropdownMenu.json +83 -0
- package/dist/schemas/ellipsis.json +17 -7
- package/dist/schemas/emptyState.json +44 -0
- package/dist/schemas/errorBoundary.json +22 -0
- package/dist/schemas/infiniteScroll.json +18 -9
- package/dist/schemas/marquee.json +12 -6
- package/dist/schemas/modalCall.json +81 -3
- package/dist/schemas/modalTemplate.json +67 -14
- package/dist/schemas/numberInput.json +42 -12
- package/dist/schemas/nxImage.json +56 -0
- package/dist/schemas/pagination.json +13 -6
- package/dist/schemas/popover.json +18 -9
- package/dist/schemas/priceInput.json +104 -0
- package/dist/schemas/progress.json +63 -0
- package/dist/schemas/radioGroup.json +19 -9
- package/dist/schemas/radioItem.json +12 -5
- package/dist/schemas/select.json +15 -9
- package/dist/schemas/selectItem.json +7 -4
- package/dist/schemas/skeleton.json +12 -6
- package/dist/schemas/slider.json +78 -0
- package/dist/schemas/spinner.json +11 -4
- package/dist/schemas/stepper.json +73 -0
- package/dist/schemas/switch.json +23 -5
- package/dist/schemas/tab.json +17 -14
- package/dist/schemas/table.json +75 -0
- package/dist/schemas/tableRow.json +32 -0
- package/dist/schemas/tagInput.json +70 -0
- package/dist/schemas/tdColumn.json +107 -0
- package/dist/schemas/textArea.json +72 -7
- package/dist/schemas/textInput.json +72 -10
- package/dist/schemas/themeProvider.json +65 -0
- package/dist/schemas/toastOptions.json +81 -0
- package/dist/schemas/toaster.json +76 -0
- package/dist/schemas/toggleGroup.json +88 -0
- package/dist/schemas/tooltip.json +12 -9
- package/dist/schemas/virtualGrid.json +22 -11
- package/dist/schemas/virtualList.json +14 -8
- package/dist/schemas.d.mts +1360 -81
- package/dist/schemas.d.ts +1360 -81
- package/dist/schemas.js +725 -273
- package/dist/schemas.mjs +698 -273
- package/dist/select.js +6 -6
- package/dist/select.mjs +2 -2
- package/dist/skeleton.js +3 -3
- package/dist/skeleton.mjs +2 -2
- package/dist/slider.d.mts +20 -0
- package/dist/slider.d.ts +20 -0
- package/dist/slider.js +16 -0
- package/dist/slider.mjs +3 -0
- package/dist/spinner.js +3 -3
- package/dist/spinner.mjs +2 -2
- package/dist/stepper.d.mts +20 -0
- package/dist/stepper.d.ts +20 -0
- package/dist/stepper.js +16 -0
- package/dist/stepper.mjs +3 -0
- package/dist/styles/layer.d.mts +3 -0
- package/dist/styles/layer.d.ts +3 -0
- package/dist/styles/layer.js +18 -0
- package/dist/styles/layer.mjs +16 -0
- package/dist/styles.css +3872 -2
- package/dist/styles.js +2 -5
- package/dist/styles.layered.css +3875 -0
- package/dist/styles.mjs +1 -4
- package/dist/switch.js +4 -4
- package/dist/switch.mjs +2 -2
- package/dist/tab.js +5 -5
- package/dist/tab.mjs +2 -2
- package/dist/table.d.mts +2 -2
- package/dist/table.d.ts +2 -2
- package/dist/table.js +9 -9
- package/dist/table.mjs +3 -3
- package/dist/tag-input.d.mts +21 -0
- package/dist/tag-input.d.ts +21 -0
- package/dist/tag-input.js +16 -0
- package/dist/tag-input.mjs +3 -0
- package/dist/text-area.d.mts +5 -1
- package/dist/text-area.d.ts +5 -1
- package/dist/text-area.js +4 -4
- package/dist/text-area.mjs +2 -2
- package/dist/text-input.d.mts +5 -1
- package/dist/text-input.d.ts +5 -1
- package/dist/text-input.js +4 -4
- package/dist/text-input.mjs +2 -2
- package/dist/toast.js +5 -5
- package/dist/toast.mjs +2 -2
- package/dist/toggle-group.d.mts +36 -0
- package/dist/toggle-group.d.ts +36 -0
- package/dist/toggle-group.js +16 -0
- package/dist/toggle-group.mjs +3 -0
- package/dist/tooltip.js +5 -5
- package/dist/tooltip.mjs +2 -2
- package/dist/utils/cn.d.mts +0 -10
- package/dist/utils/cn.d.ts +0 -10
- package/dist/utils/cn.js +2 -2
- package/dist/utils/cn.mjs +1 -1
- package/dist/virtual-scroll.js +4 -4
- package/dist/virtual-scroll.mjs +2 -2
- package/package.json +90 -17
- package/scripts/setup-cursor-rules.cjs +6 -6
- package/dist/chunks/chunk-7MT3QYE6.js +0 -92
- package/dist/chunks/chunk-FA2OPP3U.mjs +0 -140
- package/dist/chunks/chunk-FKZI2HTI.js +0 -104
- package/dist/chunks/chunk-NCQDOPBR.mjs +0 -86
- package/dist/chunks/chunk-NTN55ZIX.mjs +0 -113
- package/dist/chunks/chunk-Q7GQVAYY.js +0 -88
- package/dist/chunks/chunk-QJNQCLMV.js +0 -25
- package/dist/chunks/chunk-UDQXLI5Y.mjs +0 -81
- package/dist/chunks/chunk-UR6JOKVB.mjs +0 -65
- package/dist/chunks/chunk-WVIEIRK2.js +0 -136
- package/dist/chunks/chunk-XALPBGSC.mjs +0 -23
- package/dist/schemas/typography.json +0 -70
- package/dist/typography.d.mts +0 -19
- package/dist/typography.d.ts +0 -19
- package/dist/typography.js +0 -102
- package/dist/typography.mjs +0 -79
package/dist/tooltip.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./chunks/chunk-
|
|
3
|
+
var chunkIE4DGLMH_js = require('./chunks/chunk-IE4DGLMH.js');
|
|
4
|
+
require('./chunks/chunk-CZC76ZD5.js');
|
|
5
5
|
require('./chunks/chunk-JNMCYWGY.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "Tooltip", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkIE4DGLMH_js.Tooltip; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "TooltipProvider", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkIE4DGLMH_js.TooltipProvider; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "tooltipContentVariants", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkIE4DGLMH_js.tooltipContentVariants; }
|
|
20
20
|
});
|
package/dist/tooltip.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { Tooltip, TooltipProvider, tooltipContentVariants } from './chunks/chunk-
|
|
2
|
-
import './chunks/chunk-
|
|
1
|
+
export { Tooltip, TooltipProvider, tooltipContentVariants } from './chunks/chunk-W4GG5A7K.mjs';
|
|
2
|
+
import './chunks/chunk-MCKOWMLS.mjs';
|
|
3
3
|
import './chunks/chunk-CVYXRSXT.mjs';
|
package/dist/utils/cn.d.mts
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Cross-prefix aware class merge.
|
|
5
|
-
*
|
|
6
|
-
* tailwind-merge with `prefix: 'nx'` treats non-prefixed classes (e.g. `size-9`)
|
|
7
|
-
* as unknown tokens, so `nx:size-10` and `size-9` never conflict-resolve.
|
|
8
|
-
*
|
|
9
|
-
* This wrapper temporarily promotes plain classes to `nx:` so tw-merge can
|
|
10
|
-
* detect collisions, then restores the surviving consumer classes back to
|
|
11
|
-
* their original non-prefixed form.
|
|
12
|
-
*/
|
|
13
3
|
declare function cn(...inputs: ClassValue[]): string;
|
|
14
4
|
|
|
15
5
|
export { cn };
|
package/dist/utils/cn.d.ts
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Cross-prefix aware class merge.
|
|
5
|
-
*
|
|
6
|
-
* tailwind-merge with `prefix: 'nx'` treats non-prefixed classes (e.g. `size-9`)
|
|
7
|
-
* as unknown tokens, so `nx:size-10` and `size-9` never conflict-resolve.
|
|
8
|
-
*
|
|
9
|
-
* This wrapper temporarily promotes plain classes to `nx:` so tw-merge can
|
|
10
|
-
* detect collisions, then restores the surviving consumer classes back to
|
|
11
|
-
* their original non-prefixed form.
|
|
12
|
-
*/
|
|
13
3
|
declare function cn(...inputs: ClassValue[]): string;
|
|
14
4
|
|
|
15
5
|
export { cn };
|
package/dist/utils/cn.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkCZC76ZD5_js = require('../chunks/chunk-CZC76ZD5.js');
|
|
4
4
|
require('../chunks/chunk-JNMCYWGY.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "cn", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkCZC76ZD5_js.cn; }
|
|
11
11
|
});
|
package/dist/utils/cn.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { cn } from '../chunks/chunk-
|
|
1
|
+
export { cn } from '../chunks/chunk-MCKOWMLS.mjs';
|
|
2
2
|
import '../chunks/chunk-CVYXRSXT.mjs';
|
package/dist/virtual-scroll.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./chunks/chunk-
|
|
3
|
+
var chunkOMN5YQCE_js = require('./chunks/chunk-OMN5YQCE.js');
|
|
4
|
+
require('./chunks/chunk-CZC76ZD5.js');
|
|
5
5
|
require('./chunks/chunk-JNMCYWGY.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "VirtualGrid", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkOMN5YQCE_js.VirtualGrid; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "VirtualList", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkOMN5YQCE_js.VirtualList; }
|
|
16
16
|
});
|
package/dist/virtual-scroll.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { VirtualGrid, VirtualList } from './chunks/chunk-
|
|
2
|
-
import './chunks/chunk-
|
|
1
|
+
export { VirtualGrid, VirtualList } from './chunks/chunk-EHAUUUWB.mjs';
|
|
2
|
+
import './chunks/chunk-MCKOWMLS.mjs';
|
|
3
3
|
import './chunks/chunk-CVYXRSXT.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexus-cross/design-system",
|
|
3
|
-
"version": "1.0.4
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "NEXUS Design System UI Components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -15,7 +15,12 @@
|
|
|
15
15
|
"import": "./dist/styles.mjs",
|
|
16
16
|
"require": "./dist/styles.js"
|
|
17
17
|
},
|
|
18
|
+
"./styles/layer": {
|
|
19
|
+
"import": "./dist/styles/layer.mjs",
|
|
20
|
+
"require": "./dist/styles/layer.js"
|
|
21
|
+
},
|
|
18
22
|
"./styles.css": "./dist/styles.css",
|
|
23
|
+
"./styles.layered.css": "./dist/styles.layered.css",
|
|
19
24
|
"./modal": {
|
|
20
25
|
"types": "./dist/modal/index.d.ts",
|
|
21
26
|
"import": "./dist/modal/index.mjs",
|
|
@@ -31,6 +36,21 @@
|
|
|
31
36
|
"import": "./dist/chip.mjs",
|
|
32
37
|
"require": "./dist/chip.js"
|
|
33
38
|
},
|
|
39
|
+
"./badge": {
|
|
40
|
+
"types": "./dist/badge.d.ts",
|
|
41
|
+
"import": "./dist/badge.mjs",
|
|
42
|
+
"require": "./dist/badge.js"
|
|
43
|
+
},
|
|
44
|
+
"./progress": {
|
|
45
|
+
"types": "./dist/progress.d.ts",
|
|
46
|
+
"import": "./dist/progress.mjs",
|
|
47
|
+
"require": "./dist/progress.js"
|
|
48
|
+
},
|
|
49
|
+
"./alert": {
|
|
50
|
+
"types": "./dist/alert.d.ts",
|
|
51
|
+
"import": "./dist/alert.mjs",
|
|
52
|
+
"require": "./dist/alert.js"
|
|
53
|
+
},
|
|
34
54
|
"./checkbox": {
|
|
35
55
|
"types": "./dist/checkbox.d.ts",
|
|
36
56
|
"import": "./dist/checkbox.mjs",
|
|
@@ -56,6 +76,11 @@
|
|
|
56
76
|
"import": "./dist/number-input.mjs",
|
|
57
77
|
"require": "./dist/number-input.js"
|
|
58
78
|
},
|
|
79
|
+
"./price-input": {
|
|
80
|
+
"types": "./dist/price-input.d.ts",
|
|
81
|
+
"import": "./dist/price-input.mjs",
|
|
82
|
+
"require": "./dist/price-input.js"
|
|
83
|
+
},
|
|
59
84
|
"./avatar": {
|
|
60
85
|
"types": "./dist/avatar.d.ts",
|
|
61
86
|
"import": "./dist/avatar.mjs",
|
|
@@ -66,11 +91,6 @@
|
|
|
66
91
|
"import": "./dist/select.mjs",
|
|
67
92
|
"require": "./dist/select.js"
|
|
68
93
|
},
|
|
69
|
-
"./typography": {
|
|
70
|
-
"types": "./dist/typography.d.ts",
|
|
71
|
-
"import": "./dist/typography.mjs",
|
|
72
|
-
"require": "./dist/typography.js"
|
|
73
|
-
},
|
|
74
94
|
"./drawer": {
|
|
75
95
|
"types": "./dist/drawer.d.ts",
|
|
76
96
|
"import": "./dist/drawer.mjs",
|
|
@@ -161,6 +181,51 @@
|
|
|
161
181
|
"import": "./dist/data-list.mjs",
|
|
162
182
|
"require": "./dist/data-list.js"
|
|
163
183
|
},
|
|
184
|
+
"./empty-state": {
|
|
185
|
+
"types": "./dist/empty-state.d.ts",
|
|
186
|
+
"import": "./dist/empty-state.mjs",
|
|
187
|
+
"require": "./dist/empty-state.js"
|
|
188
|
+
},
|
|
189
|
+
"./breadcrumb": {
|
|
190
|
+
"types": "./dist/breadcrumb.d.ts",
|
|
191
|
+
"import": "./dist/breadcrumb.mjs",
|
|
192
|
+
"require": "./dist/breadcrumb.js"
|
|
193
|
+
},
|
|
194
|
+
"./stepper": {
|
|
195
|
+
"types": "./dist/stepper.d.ts",
|
|
196
|
+
"import": "./dist/stepper.mjs",
|
|
197
|
+
"require": "./dist/stepper.js"
|
|
198
|
+
},
|
|
199
|
+
"./dropdown-menu": {
|
|
200
|
+
"types": "./dist/dropdown-menu.d.ts",
|
|
201
|
+
"import": "./dist/dropdown-menu.mjs",
|
|
202
|
+
"require": "./dist/dropdown-menu.js"
|
|
203
|
+
},
|
|
204
|
+
"./toggle-group": {
|
|
205
|
+
"types": "./dist/toggle-group.d.ts",
|
|
206
|
+
"import": "./dist/toggle-group.mjs",
|
|
207
|
+
"require": "./dist/toggle-group.js"
|
|
208
|
+
},
|
|
209
|
+
"./slider": {
|
|
210
|
+
"types": "./dist/slider.d.ts",
|
|
211
|
+
"import": "./dist/slider.mjs",
|
|
212
|
+
"require": "./dist/slider.js"
|
|
213
|
+
},
|
|
214
|
+
"./tag-input": {
|
|
215
|
+
"types": "./dist/tag-input.d.ts",
|
|
216
|
+
"import": "./dist/tag-input.mjs",
|
|
217
|
+
"require": "./dist/tag-input.js"
|
|
218
|
+
},
|
|
219
|
+
"./nx-image": {
|
|
220
|
+
"types": "./dist/nx-image.d.ts",
|
|
221
|
+
"import": "./dist/nx-image.mjs",
|
|
222
|
+
"require": "./dist/nx-image.js"
|
|
223
|
+
},
|
|
224
|
+
"./date-picker": {
|
|
225
|
+
"types": "./dist/date-picker.d.ts",
|
|
226
|
+
"import": "./dist/date-picker.mjs",
|
|
227
|
+
"require": "./dist/date-picker.js"
|
|
228
|
+
},
|
|
164
229
|
"./client-only": {
|
|
165
230
|
"types": "./dist/client-only.d.ts",
|
|
166
231
|
"import": "./dist/client-only.mjs",
|
|
@@ -219,7 +284,10 @@
|
|
|
219
284
|
},
|
|
220
285
|
"sideEffects": [
|
|
221
286
|
"./dist/styles.js",
|
|
222
|
-
"./dist/styles.mjs"
|
|
287
|
+
"./dist/styles.mjs",
|
|
288
|
+
"./dist/styles/layer.js",
|
|
289
|
+
"./dist/styles/layer.mjs",
|
|
290
|
+
"*.css"
|
|
223
291
|
],
|
|
224
292
|
"files": [
|
|
225
293
|
"dist",
|
|
@@ -244,45 +312,50 @@
|
|
|
244
312
|
"peerDependencies": {
|
|
245
313
|
"@nexus-cross/tokens": "^1.0.0",
|
|
246
314
|
"react": "^18.0.0 || ^19.0.0",
|
|
247
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
248
|
-
"tailwindcss": "^4.0.0"
|
|
315
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
249
316
|
},
|
|
250
317
|
"dependencies": {
|
|
251
318
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
252
319
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
320
|
+
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
253
321
|
"@radix-ui/react-popover": "^1.1.15",
|
|
254
322
|
"@radix-ui/react-select": "^2.2.6",
|
|
323
|
+
"@radix-ui/react-slider": "^1.3.6",
|
|
255
324
|
"@radix-ui/react-slot": "^1.2.4",
|
|
325
|
+
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
256
326
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
257
327
|
"@tanstack/react-virtual": "^3.13.23",
|
|
258
328
|
"class-variance-authority": "^0.7.1",
|
|
259
329
|
"clsx": "^2.1.1",
|
|
330
|
+
"date-fns": "^4.1.0",
|
|
260
331
|
"embla-carousel-autoplay": "^8.6.0",
|
|
261
332
|
"embla-carousel-react": "^8.6.0",
|
|
262
333
|
"lodash-es": "^4.17.21",
|
|
334
|
+
"react-day-picker": "^9.14.0",
|
|
263
335
|
"sonner": "^2.0.7",
|
|
264
|
-
"tailwind-merge": "^3.5.0",
|
|
265
336
|
"vaul": "^1.1.2",
|
|
266
337
|
"zod": "^3.25.76"
|
|
267
338
|
},
|
|
268
339
|
"devDependencies": {
|
|
269
|
-
"@
|
|
340
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
341
|
+
"@testing-library/react": "^16.3.2",
|
|
342
|
+
"@testing-library/user-event": "^14.6.1",
|
|
270
343
|
"@types/lodash-es": "^4.17.12",
|
|
271
|
-
"@types/react": "^
|
|
272
|
-
"@types/react-dom": "^
|
|
273
|
-
"tailwindcss": "^4.2.2",
|
|
344
|
+
"@types/react": "^19.0.0",
|
|
345
|
+
"@types/react-dom": "^19.0.0",
|
|
274
346
|
"tsup": "^8.0.0",
|
|
275
347
|
"typescript": "^5.0.0",
|
|
348
|
+
"vitest": "^1.6.1",
|
|
276
349
|
"zod-to-json-schema": "^3.25.2",
|
|
277
|
-
"@nexus-cross/tokens": "1.0.4
|
|
350
|
+
"@nexus-cross/tokens": "1.0.4"
|
|
278
351
|
},
|
|
279
352
|
"scripts": {
|
|
280
353
|
"postinstall": "node scripts/setup-cursor-rules.cjs",
|
|
281
|
-
"build:css": "
|
|
354
|
+
"build:css": "node src/styles/scripts/css-to-ts.js",
|
|
282
355
|
"build:js": "tsup",
|
|
283
356
|
"build:schemas": "node scripts/generate-json-schemas.cjs",
|
|
284
357
|
"build:mdc": "node scripts/generate-mdc.cjs",
|
|
285
|
-
"build": "pnpm build:css && pnpm build:js && cp src/styles/.generated/built.css dist/styles.css && pnpm build:schemas && pnpm build:mdc",
|
|
358
|
+
"build": "pnpm build:css && pnpm build:js && cp src/styles/.generated/built.clean.css dist/styles.css && node scripts/generate-layered-css.cjs && node scripts/inject-css-import.cjs && pnpm build:schemas && pnpm build:mdc",
|
|
286
359
|
"dev": "tsup --watch",
|
|
287
360
|
"lint": "eslint src/",
|
|
288
361
|
"type-check": "tsc --noEmit"
|
|
@@ -6,14 +6,14 @@ const path = require('path');
|
|
|
6
6
|
const UI_RULES = ['nexus-project-setup.mdc', 'nexus-ui-components.mdc', 'nexus-ui-api.mdc'];
|
|
7
7
|
|
|
8
8
|
const TOKENS_FRONTMATTER = `---
|
|
9
|
-
description: "NEXUS Design Token Reference —
|
|
9
|
+
description: "NEXUS Design Token Reference — Tailwind classes and CSS variables for colors, typography, spacing, and all design tokens"
|
|
10
10
|
alwaysApply: true
|
|
11
11
|
---
|
|
12
12
|
|
|
13
13
|
`;
|
|
14
14
|
|
|
15
15
|
const DOMAINS_FRONTMATTER = `---
|
|
16
|
-
description: "NEXUS Domain Token Reference —
|
|
16
|
+
description: "NEXUS Domain Token Reference — per-project domain token Tailwind classes and CSS variables"
|
|
17
17
|
alwaysApply: true
|
|
18
18
|
---
|
|
19
19
|
|
|
@@ -34,7 +34,7 @@ function findProjectRoot(startDir) {
|
|
|
34
34
|
function run() {
|
|
35
35
|
const projectRoot = findProjectRoot(process.cwd()) || findProjectRoot(path.resolve(__dirname, '..', '..', '..'));
|
|
36
36
|
if (!projectRoot) {
|
|
37
|
-
console.log('[@nexus-cross]
|
|
37
|
+
console.log('[@nexus-cross] Could not find project root. Skipping.');
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -51,7 +51,7 @@ function run() {
|
|
|
51
51
|
if (!destExists || content !== destContent) {
|
|
52
52
|
fs.writeFileSync(dest, content, 'utf-8');
|
|
53
53
|
installed++;
|
|
54
|
-
console.log(`[${label}] ${destExists ? '
|
|
54
|
+
console.log(`[${label}] ${destExists ? 'updated' : 'installed'}: .cursor/rules/${destName}`);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -83,9 +83,9 @@ function run() {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
if (installed === 0) {
|
|
86
|
-
console.log('[@nexus-cross] Cursor rules
|
|
86
|
+
console.log('[@nexus-cross] Cursor rules are already up to date.');
|
|
87
87
|
} else {
|
|
88
|
-
console.log(`[@nexus-cross] ${installed}
|
|
88
|
+
console.log(`[@nexus-cross] ${installed} Cursor rule file(s) installed.`);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkQJNQCLMV_js = require('./chunk-QJNQCLMV.js');
|
|
4
|
-
var sonner = require('sonner');
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
|
|
7
|
-
function Toaster({
|
|
8
|
-
position = "top-center",
|
|
9
|
-
unstyled = false,
|
|
10
|
-
toastOptions,
|
|
11
|
-
...props
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
14
|
-
sonner.Toaster,
|
|
15
|
-
{
|
|
16
|
-
position,
|
|
17
|
-
toastOptions: {
|
|
18
|
-
unstyled,
|
|
19
|
-
...toastOptions,
|
|
20
|
-
classNames: {
|
|
21
|
-
toast: chunkQJNQCLMV_js.cn(
|
|
22
|
-
!unstyled && "nx:flex nx:items-center nx:gap-3 nx:rounded-lg nx:border nx:px-4 nx:py-3 nx:shadow-lg",
|
|
23
|
-
!unstyled && "nx:bg-surface-default nx:border-border-default nx:text-text-primary",
|
|
24
|
-
toastOptions?.classNames?.toast
|
|
25
|
-
),
|
|
26
|
-
title: chunkQJNQCLMV_js.cn(!unstyled && "nx:text-sm nx:font-medium", toastOptions?.classNames?.title),
|
|
27
|
-
description: chunkQJNQCLMV_js.cn(
|
|
28
|
-
!unstyled && "nx:text-xs nx:text-text-secondary",
|
|
29
|
-
toastOptions?.classNames?.description
|
|
30
|
-
),
|
|
31
|
-
success: chunkQJNQCLMV_js.cn(
|
|
32
|
-
!unstyled && "nx:border-status-positive/30 nx:bg-status-positive/10 nx:text-status-positive",
|
|
33
|
-
toastOptions?.classNames?.success
|
|
34
|
-
),
|
|
35
|
-
error: chunkQJNQCLMV_js.cn(
|
|
36
|
-
!unstyled && "nx:border-status-negative/30 nx:bg-status-negative/10 nx:text-status-negative",
|
|
37
|
-
toastOptions?.classNames?.error
|
|
38
|
-
),
|
|
39
|
-
warning: chunkQJNQCLMV_js.cn(
|
|
40
|
-
!unstyled && "nx:border-status-caution/30 nx:bg-status-caution/10 nx:text-status-caution",
|
|
41
|
-
toastOptions?.classNames?.warning
|
|
42
|
-
),
|
|
43
|
-
info: chunkQJNQCLMV_js.cn(
|
|
44
|
-
!unstyled && "nx:border-accent-primary/30 nx:bg-accent-primary/10 nx:text-accent-primary",
|
|
45
|
-
toastOptions?.classNames?.info
|
|
46
|
-
),
|
|
47
|
-
actionButton: chunkQJNQCLMV_js.cn(
|
|
48
|
-
!unstyled && "nx:bg-accent-primary nx:text-accent-on-primary nx:rounded nx:px-3 nx:py-1.5 nx:text-xs nx:font-medium",
|
|
49
|
-
toastOptions?.classNames?.actionButton
|
|
50
|
-
),
|
|
51
|
-
cancelButton: chunkQJNQCLMV_js.cn(
|
|
52
|
-
!unstyled && "nx:bg-surface-hover nx:text-text-secondary nx:rounded nx:px-3 nx:py-1.5 nx:text-xs nx:font-medium",
|
|
53
|
-
toastOptions?.classNames?.cancelButton
|
|
54
|
-
),
|
|
55
|
-
closeButton: chunkQJNQCLMV_js.cn(
|
|
56
|
-
!unstyled && "nx:text-text-tertiary nx:hover:text-text-primary",
|
|
57
|
-
toastOptions?.classNames?.closeButton
|
|
58
|
-
),
|
|
59
|
-
...toastOptions?.classNames
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
...props
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
function useToast() {
|
|
67
|
-
const showToast = (message, options) => sonner.toast(message, options);
|
|
68
|
-
const successToast = (message, options) => sonner.toast.success(message, options);
|
|
69
|
-
const errorToast = (message, options) => sonner.toast.error(message, options);
|
|
70
|
-
const warningToast = (message, options) => sonner.toast.warning(message, options);
|
|
71
|
-
const infoToast = (message, options) => sonner.toast.info(message, options);
|
|
72
|
-
const promiseToast = (promise, msgs, options) => sonner.toast.promise(promise, { ...msgs, ...options });
|
|
73
|
-
const customToast = (jsx2, options) => sonner.toast.custom(jsx2, options);
|
|
74
|
-
const dismissToast = (id) => sonner.toast.dismiss(id);
|
|
75
|
-
return {
|
|
76
|
-
toast: showToast,
|
|
77
|
-
successToast,
|
|
78
|
-
errorToast,
|
|
79
|
-
warningToast,
|
|
80
|
-
infoToast,
|
|
81
|
-
promiseToast,
|
|
82
|
-
customToast,
|
|
83
|
-
dismissToast
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
Object.defineProperty(exports, "toast", {
|
|
88
|
-
enumerable: true,
|
|
89
|
-
get: function () { return sonner.toast; }
|
|
90
|
-
});
|
|
91
|
-
exports.Toaster = Toaster;
|
|
92
|
-
exports.useToast = useToast;
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-XALPBGSC.mjs';
|
|
2
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { useState } from 'react';
|
|
5
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var selectTriggerVariants = cva(
|
|
8
|
-
[
|
|
9
|
-
"nx:relative",
|
|
10
|
-
"nx:flex nx:h-10 nx:items-center nx:justify-between nx:rounded nx:border nx:bg-surface-default nx:border-border-default",
|
|
11
|
-
"nx:placeholder:text-text-tertiary",
|
|
12
|
-
"nx:disabled:cursor-not-allowed nx:disabled:opacity-50",
|
|
13
|
-
"nx:hover:border-border-strong nx:transition-all nx:duration-200"
|
|
14
|
-
],
|
|
15
|
-
{
|
|
16
|
-
variants: {
|
|
17
|
-
variant: {
|
|
18
|
-
default: "nx:bg-surface-hover",
|
|
19
|
-
outline: "nx:bg-surface-default"
|
|
20
|
-
},
|
|
21
|
-
size: {
|
|
22
|
-
sm: "nx:w-16",
|
|
23
|
-
md: "nx:w-32",
|
|
24
|
-
lg: "nx:w-48",
|
|
25
|
-
full: "nx:w-full"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: { variant: "default", size: "full" }
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
var selectContentVariants = cva(
|
|
32
|
-
[
|
|
33
|
-
"nx:relative nx:z-50 nx:max-h-96 nx:overflow-hidden nx:rounded nx:border nx:bg-surface-default nx:border-border-default nx:shadow-lg",
|
|
34
|
-
"nx:data-[state=open]:animate-in nx:data-[state=closed]:animate-out",
|
|
35
|
-
"nx:data-[state=closed]:fade-out-0 nx:data-[state=open]:fade-in-0",
|
|
36
|
-
"nx:data-[state=closed]:zoom-out-95 nx:data-[state=open]:zoom-in-95",
|
|
37
|
-
"nx:data-[side=bottom]:slide-in-from-top-2 nx:data-[side=left]:slide-in-from-right-2",
|
|
38
|
-
"nx:data-[side=right]:slide-in-from-left-2 nx:data-[side=top]:slide-in-from-bottom-2"
|
|
39
|
-
],
|
|
40
|
-
{
|
|
41
|
-
variants: {
|
|
42
|
-
size: {
|
|
43
|
-
sm: "nx:w-16",
|
|
44
|
-
md: "nx:w-32",
|
|
45
|
-
lg: "nx:w-48",
|
|
46
|
-
full: "nx:w-[var(--radix-popper-anchor-width)]"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: { size: "full" }
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
var ChevronDown = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
|
|
53
|
-
var Select = ({
|
|
54
|
-
children,
|
|
55
|
-
value,
|
|
56
|
-
onValueChange,
|
|
57
|
-
placeholder,
|
|
58
|
-
disabled,
|
|
59
|
-
size,
|
|
60
|
-
variant,
|
|
61
|
-
className = "",
|
|
62
|
-
triggerClassName = "",
|
|
63
|
-
displayComponent
|
|
64
|
-
}) => {
|
|
65
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
66
|
-
return /* @__PURE__ */ jsx(
|
|
67
|
-
SelectPrimitive.Root,
|
|
68
|
-
{
|
|
69
|
-
value,
|
|
70
|
-
onValueChange,
|
|
71
|
-
disabled,
|
|
72
|
-
onOpenChange: setIsOpen,
|
|
73
|
-
children: /* @__PURE__ */ jsxs(
|
|
74
|
-
"div",
|
|
75
|
-
{
|
|
76
|
-
className: cn(
|
|
77
|
-
selectTriggerVariants({ size, variant }),
|
|
78
|
-
displayComponent && "nx:justify-end",
|
|
79
|
-
className
|
|
80
|
-
),
|
|
81
|
-
children: [
|
|
82
|
-
displayComponent && /* @__PURE__ */ jsx("div", { className: "nx:absolute nx:top-0 nx:left-0 nx:flex nx:h-full nx:w-[calc(100%-30px)] nx:items-center", children: displayComponent }),
|
|
83
|
-
/* @__PURE__ */ jsxs(
|
|
84
|
-
SelectPrimitive.Trigger,
|
|
85
|
-
{
|
|
86
|
-
className: cn(
|
|
87
|
-
"nx:flex nx:h-full nx:w-full nx:flex-row-reverse nx:items-center nx:justify-between nx:rounded nx:px-3 nx:py-2 nx:focus:outline-none",
|
|
88
|
-
triggerClassName
|
|
89
|
-
),
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
92
|
-
ChevronDown,
|
|
93
|
-
{
|
|
94
|
-
className: cn(
|
|
95
|
-
"nx:size-3 nx:opacity-50 nx:transition-transform nx:duration-200",
|
|
96
|
-
isOpen && "nx:rotate-180"
|
|
97
|
-
)
|
|
98
|
-
}
|
|
99
|
-
) }),
|
|
100
|
-
!displayComponent && /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder })
|
|
101
|
-
]
|
|
102
|
-
}
|
|
103
|
-
),
|
|
104
|
-
/* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
105
|
-
SelectPrimitive.Content,
|
|
106
|
-
{
|
|
107
|
-
className: cn(selectContentVariants({ size })),
|
|
108
|
-
position: "popper",
|
|
109
|
-
children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "nx:p-1", children })
|
|
110
|
-
}
|
|
111
|
-
) })
|
|
112
|
-
]
|
|
113
|
-
}
|
|
114
|
-
)
|
|
115
|
-
}
|
|
116
|
-
);
|
|
117
|
-
};
|
|
118
|
-
var SelectItem = ({
|
|
119
|
-
children,
|
|
120
|
-
value,
|
|
121
|
-
disabled,
|
|
122
|
-
className = ""
|
|
123
|
-
}) => /* @__PURE__ */ jsx(
|
|
124
|
-
SelectPrimitive.Item,
|
|
125
|
-
{
|
|
126
|
-
value,
|
|
127
|
-
disabled,
|
|
128
|
-
className: cn(
|
|
129
|
-
"nx:relative nx:flex nx:w-full nx:cursor-pointer nx:items-center nx:rounded nx:px-3 nx:py-2 nx:transition-colors nx:outline-none nx:select-none",
|
|
130
|
-
"nx:hover:bg-surface-hover",
|
|
131
|
-
"nx:focus:bg-surface-hover",
|
|
132
|
-
"nx:data-[disabled]:pointer-events-none nx:data-[disabled]:opacity-50",
|
|
133
|
-
"nx:data-[highlighted]:bg-surface-hover",
|
|
134
|
-
className
|
|
135
|
-
),
|
|
136
|
-
children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
|
|
137
|
-
}
|
|
138
|
-
);
|
|
139
|
-
|
|
140
|
-
export { Select, SelectItem, selectContentVariants, selectTriggerVariants };
|