@wealthx/shadcn 1.1.0 → 1.2.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/.turbo/turbo-build.log +235 -154
- package/CHANGELOG.md +6 -0
- package/dist/{chunk-6OJF6XRN.mjs → chunk-24FUO7TD.mjs} +4 -8
- package/dist/{chunk-4AJ5HWHD.mjs → chunk-2I5S2AMY.mjs} +3 -3
- package/dist/chunk-2SF672SZ.mjs +161 -0
- package/dist/{chunk-GPRJQ24C.mjs → chunk-34NWQURD.mjs} +2 -2
- package/dist/{chunk-MQ72DIBH.mjs → chunk-3GF7OVTP.mjs} +14 -5
- package/dist/chunk-3WMX6KWS.mjs +245 -0
- package/dist/{chunk-PMKODV6M.mjs → chunk-462HMNO4.mjs} +6 -10
- package/dist/chunk-4CX4SBRO.mjs +153 -0
- package/dist/chunk-4MN6UQHG.mjs +443 -0
- package/dist/{chunk-GLW2UO6O.mjs → chunk-5QQVZTVZ.mjs} +82 -61
- package/dist/{chunk-BGP2N52Z.mjs → chunk-66MI7Q4B.mjs} +5 -5
- package/dist/chunk-6FCGKSZX.mjs +268 -0
- package/dist/{chunk-CGOKTPXU.mjs → chunk-6JQFUE5I.mjs} +20 -23
- package/dist/{chunk-Z3MK2KKZ.mjs → chunk-7DHU4VGG.mjs} +7 -3
- package/dist/{chunk-VZ2NR7L3.mjs → chunk-7PYJD5JI.mjs} +35 -27
- package/dist/{chunk-JU2RUWHF.mjs → chunk-7XJHLGUV.mjs} +1 -1
- package/dist/{chunk-BMFN37JH.mjs → chunk-7YAU5CY6.mjs} +1 -1
- package/dist/chunk-A56YQQHG.mjs +402 -0
- package/dist/chunk-AH52LG6N.mjs +315 -0
- package/dist/{chunk-SLWCCURD.mjs → chunk-CLIN5525.mjs} +8 -4
- package/dist/{chunk-3VQNJ235.mjs → chunk-CSDO6VBW.mjs} +7 -0
- package/dist/chunk-D4ILTPOG.mjs +293 -0
- package/dist/{chunk-HS7TFG7V.mjs → chunk-D6ID6M4V.mjs} +1 -1
- package/dist/chunk-DOH3EHX7.mjs +378 -0
- package/dist/{chunk-MJIEMGRD.mjs → chunk-EFRENWEJ.mjs} +9 -17
- package/dist/{chunk-YBXCIF5Q.mjs → chunk-ERGGHC2V.mjs} +36 -49
- package/dist/{chunk-OXQQNQZI.mjs → chunk-FEZKMUCF.mjs} +10 -1
- package/dist/{chunk-55CEW76V.mjs → chunk-FH6QVUVZ.mjs} +1 -1
- package/dist/chunk-FMAXJ2SI.mjs +71 -0
- package/dist/chunk-FZIXGLMV.mjs +173 -0
- package/dist/{chunk-DS2AMHN2.mjs → chunk-GYMYRIZP.mjs} +2 -2
- package/dist/{chunk-KQDD5MU3.mjs → chunk-H45TKD34.mjs} +5 -5
- package/dist/{chunk-BBJBJSXQ.mjs → chunk-J5UICVJS.mjs} +1 -1
- package/dist/{chunk-RL772EH7.mjs → chunk-JHJHG4GO.mjs} +4 -12
- package/dist/{chunk-RN67642N.mjs → chunk-KMCGSZTX.mjs} +47 -41
- package/dist/{chunk-FHNT55I5.mjs → chunk-KUDCQ4FI.mjs} +4 -4
- package/dist/chunk-LE6YFY6D.mjs +209 -0
- package/dist/{chunk-NLLKTU4B.mjs → chunk-LLVQKSU3.mjs} +21 -17
- package/dist/{chunk-KKHTJNMM.mjs → chunk-MARPPFOJ.mjs} +8 -4
- package/dist/{chunk-6AFMNC42.mjs → chunk-N2PT566P.mjs} +15 -11
- package/dist/chunk-NLCKVHWB.mjs +161 -0
- package/dist/{chunk-YN5SYTOO.mjs → chunk-NQPOYKAQ.mjs} +9 -5
- package/dist/{chunk-ZZV5JVNW.mjs → chunk-NSLMILBT.mjs} +3 -7
- package/dist/chunk-NXA3CZ7A.mjs +248 -0
- package/dist/chunk-OGOYQ7BG.mjs +150 -0
- package/dist/{chunk-3NQGYJEZ.mjs → chunk-P6AM5V7O.mjs} +10 -18
- package/dist/{chunk-CZ3BW5GL.mjs → chunk-P76HMUI6.mjs} +5 -11
- package/dist/chunk-PCPLO5HT.mjs +671 -0
- package/dist/chunk-PG6K5XEC.mjs +475 -0
- package/dist/{chunk-5JGQAAQV.mjs → chunk-PJHPSRYD.mjs} +84 -62
- package/dist/{chunk-DDPA2XXS.mjs → chunk-PMB3A7V3.mjs} +2 -2
- package/dist/chunk-PR6V5XKM.mjs +209 -0
- package/dist/{chunk-46OFHMQA.mjs → chunk-Q76O3RIQ.mjs} +10 -6
- package/dist/chunk-QVKWW6KE.mjs +272 -0
- package/dist/chunk-RGU7HOEC.mjs +140 -0
- package/dist/{chunk-JF4PHPD5.mjs → chunk-RGVKLTLH.mjs} +4 -4
- package/dist/{chunk-VG6UF6UT.mjs → chunk-RP3SQYA3.mjs} +2 -2
- package/dist/chunk-RRBS6D63.mjs +163 -0
- package/dist/{chunk-UEL4RD5P.mjs → chunk-SMQ3DG25.mjs} +80 -67
- package/dist/chunk-SPJ5KXW7.mjs +199 -0
- package/dist/chunk-SYOD63OZ.mjs +225 -0
- package/dist/chunk-UFYSFDER.mjs +42 -0
- package/dist/chunk-VACKZOMY.mjs +190 -0
- package/dist/chunk-VLQZANBF.mjs +42 -0
- package/dist/chunk-WA6O6EUR.mjs +1885 -0
- package/dist/{chunk-E3K6O4FZ.mjs → chunk-WAZD7NFU.mjs} +5 -2
- package/dist/chunk-WG6JGJXB.mjs +165 -0
- package/dist/{chunk-I64K754C.mjs → chunk-WNGWBVLV.mjs} +2 -2
- package/dist/{chunk-3U7SD3MS.mjs → chunk-WOEHFRGB.mjs} +3 -3
- package/dist/{chunk-DKZRJOMF.mjs → chunk-XIRTEFKH.mjs} +12 -12
- package/dist/chunk-Y6DWJSKZ.mjs +79 -0
- package/dist/chunk-YKPROFLB.mjs +161 -0
- package/dist/{chunk-CJ46PDXE.mjs → chunk-ZRO5JO3H.mjs} +106 -66
- package/dist/{chunk-VYMHBV6D.mjs → chunk-ZU4NV6RG.mjs} +5 -3
- package/dist/components/ui/accordion.js +40 -4
- package/dist/components/ui/accordion.mjs +2 -2
- package/dist/components/ui/add-column-modal.js +789 -0
- package/dist/components/ui/add-column-modal.mjs +17 -0
- package/dist/components/ui/add-lead-modal.js +647 -0
- package/dist/components/ui/add-lead-modal.mjs +16 -0
- package/dist/components/ui/ai-assistant-drawer.js +686 -0
- package/dist/components/ui/ai-assistant-drawer.mjs +16 -0
- package/dist/components/ui/alert-dialog.js +37 -5
- package/dist/components/ui/alert-dialog.mjs +4 -4
- package/dist/components/ui/alert.js +37 -11
- package/dist/components/ui/alert.mjs +2 -2
- package/dist/components/ui/avatar.js +36 -8
- package/dist/components/ui/avatar.mjs +2 -2
- package/dist/components/ui/backoffice-alert-history-chart.js +624 -0
- package/dist/components/ui/backoffice-alert-history-chart.mjs +16 -0
- package/dist/components/ui/backoffice-contact-history-chart.js +687 -0
- package/dist/components/ui/backoffice-contact-history-chart.mjs +16 -0
- package/dist/components/ui/badge.js +37 -2
- package/dist/components/ui/badge.mjs +2 -2
- package/dist/components/ui/borrowing-capacity-line-chart.js +639 -0
- package/dist/components/ui/borrowing-capacity-line-chart.mjs +16 -0
- package/dist/components/ui/button.js +35 -3
- package/dist/components/ui/button.mjs +2 -2
- package/dist/components/ui/calendar.js +43 -19
- package/dist/components/ui/calendar.mjs +3 -3
- package/dist/components/ui/card.js +40 -4
- package/dist/components/ui/card.mjs +2 -2
- package/dist/components/ui/cash-balance-line-chart.js +627 -0
- package/dist/components/ui/cash-balance-line-chart.mjs +16 -0
- package/dist/components/ui/cashflow-bar-chart.js +123 -69
- package/dist/components/ui/cashflow-bar-chart.mjs +8 -8
- package/dist/components/ui/checkbox.js +36 -5
- package/dist/components/ui/checkbox.mjs +2 -3
- package/dist/components/ui/chip.js +37 -2
- package/dist/components/ui/chip.mjs +3 -3
- package/dist/components/ui/combobox.js +68 -49
- package/dist/components/ui/combobox.mjs +2 -2
- package/dist/components/ui/data-table.js +160 -88
- package/dist/components/ui/data-table.mjs +10 -11
- package/dist/components/ui/date-picker.js +44 -20
- package/dist/components/ui/date-picker.mjs +6 -7
- package/dist/components/ui/dialog.js +44 -12
- package/dist/components/ui/dialog.mjs +4 -4
- package/dist/components/ui/drawer.js +46 -10
- package/dist/components/ui/drawer.mjs +3 -3
- package/dist/components/ui/dropdown-menu.js +40 -16
- package/dist/components/ui/dropdown-menu.mjs +3 -3
- package/dist/components/ui/empty.js +41 -5
- package/dist/components/ui/empty.mjs +2 -2
- package/dist/components/ui/expense-bar-chart.js +165 -66
- package/dist/components/ui/expense-bar-chart.mjs +8 -8
- package/dist/components/ui/field.js +53 -21
- package/dist/components/ui/field.mjs +4 -4
- package/dist/components/ui/financial-cards.js +1002 -0
- package/dist/components/ui/financial-cards.mjs +24 -0
- package/dist/components/ui/financial-drawers.js +637 -0
- package/dist/components/ui/financial-drawers.mjs +17 -0
- package/dist/components/ui/financial-primitives.js +218 -0
- package/dist/components/ui/financial-primitives.mjs +22 -0
- package/dist/components/ui/financial-sections.js +1422 -0
- package/dist/components/ui/financial-sections.mjs +30 -0
- package/dist/components/ui/form-primitives.js +682 -0
- package/dist/components/ui/form-primitives.mjs +19 -0
- package/dist/components/ui/income-bar-chart.js +163 -65
- package/dist/components/ui/income-bar-chart.mjs +8 -8
- package/dist/components/ui/input-group.js +43 -7
- package/dist/components/ui/input-group.mjs +5 -5
- package/dist/components/ui/input-otp.js +39 -3
- package/dist/components/ui/input-otp.mjs +2 -2
- package/dist/components/ui/input.js +34 -2
- package/dist/components/ui/input.mjs +2 -2
- package/dist/components/ui/kanban-column.js +1143 -0
- package/dist/components/ui/kanban-column.mjs +20 -0
- package/dist/components/ui/label.js +35 -7
- package/dist/components/ui/label.mjs +2 -2
- package/dist/components/ui/opportunity-card.js +960 -0
- package/dist/components/ui/opportunity-card.mjs +20 -0
- package/dist/components/ui/opportunity-edit-modals.js +3360 -0
- package/dist/components/ui/opportunity-edit-modals.mjs +37 -0
- package/dist/components/ui/opportunity-summary-tab.js +4365 -0
- package/dist/components/ui/opportunity-summary-tab.mjs +34 -0
- package/dist/components/ui/pagination.js +35 -3
- package/dist/components/ui/pagination.mjs +3 -3
- package/dist/components/ui/pipeline-alerts.js +103 -0
- package/dist/components/ui/pipeline-alerts.mjs +8 -0
- package/dist/components/ui/pipeline-board.js +1408 -0
- package/dist/components/ui/pipeline-board.mjs +24 -0
- package/dist/components/ui/pipeline-chart.js +216 -0
- package/dist/components/ui/pipeline-chart.mjs +10 -0
- package/dist/components/ui/pipeline-dialogs.js +1183 -0
- package/dist/components/ui/pipeline-dialogs.mjs +23 -0
- package/dist/components/ui/pipeline-primitives.js +300 -0
- package/dist/components/ui/pipeline-primitives.mjs +11 -0
- package/dist/components/ui/popover.js +45 -4
- package/dist/components/ui/popover.mjs +3 -3
- package/dist/components/ui/progress.js +33 -1
- package/dist/components/ui/progress.mjs +2 -2
- package/dist/components/ui/property-cashflow-doughnut-chart.js +523 -0
- package/dist/components/ui/property-cashflow-doughnut-chart.mjs +16 -0
- package/dist/components/ui/property-debt-equity-doughnut-chart.js +521 -0
- package/dist/components/ui/property-debt-equity-doughnut-chart.mjs +16 -0
- package/dist/components/ui/property-mobile-estimate-line-chart.js +682 -0
- package/dist/components/ui/property-mobile-estimate-line-chart.mjs +16 -0
- package/dist/components/ui/radio-group.js +33 -1
- package/dist/components/ui/radio-group.mjs +2 -2
- package/dist/components/ui/select.js +66 -26
- package/dist/components/ui/select.mjs +3 -3
- package/dist/components/ui/separator.js +33 -1
- package/dist/components/ui/separator.mjs +2 -2
- package/dist/components/ui/sheet.js +37 -9
- package/dist/components/ui/sheet.mjs +3 -3
- package/dist/components/ui/skeleton.js +33 -1
- package/dist/components/ui/skeleton.mjs +2 -2
- package/dist/components/ui/slider.js +86 -102
- package/dist/components/ui/slider.mjs +2 -2
- package/dist/components/ui/spinner.js +33 -1
- package/dist/components/ui/spinner.mjs +2 -2
- package/dist/components/ui/stage-timeline.js +579 -0
- package/dist/components/ui/stage-timeline.mjs +15 -0
- package/dist/components/ui/switch.js +37 -4
- package/dist/components/ui/switch.mjs +2 -3
- package/dist/components/ui/table.js +37 -5
- package/dist/components/ui/table.mjs +2 -2
- package/dist/components/ui/tabs.js +36 -12
- package/dist/components/ui/tabs.mjs +2 -2
- package/dist/components/ui/textarea.js +34 -2
- package/dist/components/ui/textarea.mjs +2 -2
- package/dist/components/ui/toggle-group.js +35 -4
- package/dist/components/ui/toggle-group.mjs +3 -4
- package/dist/components/ui/toggle.js +35 -4
- package/dist/components/ui/toggle.mjs +2 -3
- package/dist/components/ui/tooltip.js +51 -22
- package/dist/components/ui/tooltip.mjs +3 -3
- package/dist/components/ui/transactions-expense-categories-doughnut-chart.js +528 -0
- package/dist/components/ui/transactions-expense-categories-doughnut-chart.mjs +16 -0
- package/dist/components/ui/transactions-income-expense-bar-chart.js +76 -38
- package/dist/components/ui/transactions-income-expense-bar-chart.mjs +8 -8
- package/dist/components/ui/transactions-liabilities-breakdown-doughnut-chart.js +528 -0
- package/dist/components/ui/transactions-liabilities-breakdown-doughnut-chart.mjs +16 -0
- package/dist/index.js +11616 -3831
- package/dist/index.mjs +333 -161
- package/dist/lib/theme-provider.js +10 -1
- package/dist/lib/theme-provider.mjs +1 -1
- package/dist/lib/typography.js +8 -0
- package/dist/lib/typography.mjs +3 -1
- package/dist/lib/utils.js +33 -1
- package/dist/lib/utils.mjs +1 -1
- package/dist/styles.css +1 -1
- package/package.json +140 -5
- package/src/components/index.tsx +296 -42
- package/src/components/ui/accordion.tsx +6 -3
- package/src/components/ui/add-column-modal.tsx +339 -0
- package/src/components/ui/add-lead-modal.tsx +290 -0
- package/src/components/ui/ai-assistant-drawer.tsx +408 -0
- package/src/components/ui/alert-dialog.tsx +80 -54
- package/src/components/ui/alert.tsx +28 -28
- package/src/components/ui/avatar.tsx +30 -29
- package/src/components/ui/backoffice-alert-history-chart.tsx +260 -0
- package/src/components/ui/backoffice-contact-history-chart.tsx +325 -0
- package/src/components/ui/badge.tsx +17 -15
- package/src/components/ui/borrowing-capacity-line-chart.tsx +357 -0
- package/src/components/ui/button.tsx +30 -27
- package/src/components/ui/calendar.tsx +53 -67
- package/src/components/ui/card.tsx +27 -24
- package/src/components/ui/cash-balance-line-chart.tsx +302 -0
- package/src/components/ui/cashflow-bar-chart.tsx +104 -77
- package/src/components/ui/chart-shared.tsx +176 -15
- package/src/components/ui/checkbox.tsx +30 -26
- package/src/components/ui/combobox.tsx +78 -72
- package/src/components/ui/data-table.tsx +160 -99
- package/src/components/ui/date-picker.tsx +0 -2
- package/src/components/ui/dialog.tsx +70 -60
- package/src/components/ui/drawer.tsx +57 -48
- package/src/components/ui/dropdown-menu.tsx +90 -82
- package/src/components/ui/empty.tsx +31 -27
- package/src/components/ui/expense-bar-chart.tsx +83 -65
- package/src/components/ui/field.tsx +70 -62
- package/src/components/ui/financial-cards.tsx +830 -0
- package/src/components/ui/financial-drawers.tsx +339 -0
- package/src/components/ui/financial-primitives.tsx +331 -0
- package/src/components/ui/financial-sections.tsx +672 -0
- package/src/components/ui/form-primitives.tsx +536 -0
- package/src/components/ui/income-bar-chart.tsx +79 -60
- package/src/components/ui/input-group.tsx +41 -34
- package/src/components/ui/input-otp.tsx +29 -24
- package/src/components/ui/input.tsx +8 -8
- package/src/components/ui/kanban-column.tsx +333 -0
- package/src/components/ui/label.tsx +9 -12
- package/src/components/ui/opportunity-card.tsx +616 -0
- package/src/components/ui/opportunity-edit-modals.tsx +2528 -0
- package/src/components/ui/opportunity-summary-tab.tsx +579 -0
- package/src/components/ui/pipeline-alerts.tsx +74 -0
- package/src/components/ui/pipeline-board.tsx +268 -0
- package/src/components/ui/pipeline-chart.tsx +173 -0
- package/src/components/ui/pipeline-dialogs.tsx +303 -0
- package/src/components/ui/pipeline-primitives.tsx +108 -0
- package/src/components/ui/popover.tsx +41 -36
- package/src/components/ui/property-cashflow-doughnut-chart.tsx +188 -0
- package/src/components/ui/property-debt-equity-doughnut-chart.tsx +185 -0
- package/src/components/ui/property-mobile-estimate-line-chart.tsx +393 -0
- package/src/components/ui/select.tsx +65 -52
- package/src/components/ui/sheet.tsx +55 -52
- package/src/components/ui/slider.tsx +54 -77
- package/src/components/ui/stage-timeline.tsx +205 -0
- package/src/components/ui/switch.tsx +42 -29
- package/src/components/ui/table.tsx +28 -28
- package/src/components/ui/tabs.tsx +22 -28
- package/src/components/ui/textarea.tsx +8 -8
- package/src/components/ui/toggle-group.tsx +0 -2
- package/src/components/ui/toggle.tsx +13 -15
- package/src/components/ui/tooltip.tsx +30 -28
- package/src/components/ui/transactions-expense-categories-doughnut-chart.tsx +191 -0
- package/src/components/ui/transactions-income-expense-bar-chart.tsx +45 -38
- package/src/components/ui/transactions-liabilities-breakdown-doughnut-chart.tsx +191 -0
- package/src/lib/theme-provider.tsx +10 -0
- package/src/lib/typography.ts +9 -0
- package/src/lib/utils.ts +41 -3
- package/src/styles/globals.css +371 -124
- package/src/styles/styles-css.ts +1 -1
- package/tsup.config.ts +27 -0
- package/dist/chunk-3EQP72AW.mjs +0 -58
- package/dist/chunk-K74JRTJR.mjs +0 -105
- package/dist/chunk-V7CNWJT3.mjs +0 -10
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
cn
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-VLQZANBF.mjs";
|
|
4
4
|
import {
|
|
5
5
|
__objRest,
|
|
6
6
|
__spreadValues
|
|
@@ -18,7 +18,7 @@ function Table(_a) {
|
|
|
18
18
|
children: /* @__PURE__ */ jsx(
|
|
19
19
|
"table",
|
|
20
20
|
__spreadValues({
|
|
21
|
-
className: cn("w-full caption-bottom text-
|
|
21
|
+
className: cn("w-full caption-bottom text-body-small", className),
|
|
22
22
|
"data-slot": "table"
|
|
23
23
|
}, props)
|
|
24
24
|
)
|
|
@@ -51,7 +51,7 @@ function TableFooter(_a) {
|
|
|
51
51
|
"tfoot",
|
|
52
52
|
__spreadValues({
|
|
53
53
|
className: cn(
|
|
54
|
-
"border-t bg-muted/50
|
|
54
|
+
"border-t bg-muted/50 text-label-medium [&>tr]:last:border-b-0",
|
|
55
55
|
className
|
|
56
56
|
),
|
|
57
57
|
"data-slot": "table-footer"
|
|
@@ -77,7 +77,7 @@ function TableHead(_a) {
|
|
|
77
77
|
"th",
|
|
78
78
|
__spreadValues({
|
|
79
79
|
className: cn(
|
|
80
|
-
"h-10 px-4 text-left align-middle
|
|
80
|
+
"h-10 px-4 text-left align-middle text-label-medium whitespace-nowrap text-muted-foreground",
|
|
81
81
|
"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
82
82
|
className
|
|
83
83
|
),
|
|
@@ -108,7 +108,7 @@ function TableCaption(_a) {
|
|
|
108
108
|
return /* @__PURE__ */ jsx(
|
|
109
109
|
"caption",
|
|
110
110
|
__spreadValues({
|
|
111
|
-
className: cn("mt-4 text-
|
|
111
|
+
className: cn("mt-4 text-body-small text-muted-foreground", className),
|
|
112
112
|
"data-slot": "table-caption"
|
|
113
113
|
}, props)
|
|
114
114
|
);
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Skeleton
|
|
3
|
+
} from "./chunk-D6ID6M4V.mjs";
|
|
4
|
+
import {
|
|
5
|
+
ChartLegendItem,
|
|
6
|
+
FALLBACK_BG,
|
|
7
|
+
FALLBACK_FOREGROUND,
|
|
8
|
+
FALLBACK_PRIMARY,
|
|
9
|
+
FALLBACK_TICK,
|
|
10
|
+
formatAbbrev
|
|
11
|
+
} from "./chunk-FZIXGLMV.mjs";
|
|
12
|
+
import {
|
|
13
|
+
Empty,
|
|
14
|
+
EmptyDescription
|
|
15
|
+
} from "./chunk-NQPOYKAQ.mjs";
|
|
16
|
+
import {
|
|
17
|
+
Card,
|
|
18
|
+
CardContent,
|
|
19
|
+
CardHeader,
|
|
20
|
+
CardTitle
|
|
21
|
+
} from "./chunk-CLIN5525.mjs";
|
|
22
|
+
import {
|
|
23
|
+
useThemeVars
|
|
24
|
+
} from "./chunk-FEZKMUCF.mjs";
|
|
25
|
+
import {
|
|
26
|
+
cn
|
|
27
|
+
} from "./chunk-VLQZANBF.mjs";
|
|
28
|
+
|
|
29
|
+
// src/components/ui/borrowing-capacity-line-chart.tsx
|
|
30
|
+
import { useMemo } from "react";
|
|
31
|
+
import {
|
|
32
|
+
Chart as ChartJS,
|
|
33
|
+
CategoryScale,
|
|
34
|
+
LinearScale,
|
|
35
|
+
LineElement,
|
|
36
|
+
PointElement,
|
|
37
|
+
Tooltip
|
|
38
|
+
} from "chart.js";
|
|
39
|
+
import { Chart } from "react-chartjs-2";
|
|
40
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
41
|
+
ChartJS.register(
|
|
42
|
+
CategoryScale,
|
|
43
|
+
LinearScale,
|
|
44
|
+
LineElement,
|
|
45
|
+
PointElement,
|
|
46
|
+
Tooltip
|
|
47
|
+
);
|
|
48
|
+
var SERIES_LABELS = {
|
|
49
|
+
"current-expenses": "Based on Current Expenses",
|
|
50
|
+
"optimised-estimate": "Optimised Estimate",
|
|
51
|
+
"desired-loan-amount": "Desired Loan Amount"
|
|
52
|
+
};
|
|
53
|
+
var SERIES_LINE_STYLE = {
|
|
54
|
+
"current-expenses": "solid",
|
|
55
|
+
"optimised-estimate": "dashed",
|
|
56
|
+
"desired-loan-amount": "dashed"
|
|
57
|
+
};
|
|
58
|
+
var SERIES_BORDER_WIDTH = {
|
|
59
|
+
"current-expenses": 2,
|
|
60
|
+
"optimised-estimate": 1.5,
|
|
61
|
+
"desired-loan-amount": 2
|
|
62
|
+
};
|
|
63
|
+
var SERIES_RENDER_ORDER = [
|
|
64
|
+
"desired-loan-amount",
|
|
65
|
+
"optimised-estimate",
|
|
66
|
+
"current-expenses"
|
|
67
|
+
];
|
|
68
|
+
var SERIES_LEGEND_ORDER = [
|
|
69
|
+
"current-expenses",
|
|
70
|
+
"optimised-estimate",
|
|
71
|
+
"desired-loan-amount"
|
|
72
|
+
];
|
|
73
|
+
var DASH_PATTERN = [6, 4];
|
|
74
|
+
function formatCurrencyFull(dollars) {
|
|
75
|
+
return new Intl.NumberFormat("en-AU", {
|
|
76
|
+
style: "currency",
|
|
77
|
+
currency: "AUD",
|
|
78
|
+
maximumFractionDigits: 0
|
|
79
|
+
}).format(dollars);
|
|
80
|
+
}
|
|
81
|
+
function formatDateLabel(iso) {
|
|
82
|
+
const d = /* @__PURE__ */ new Date(`${iso.slice(0, 7)}-01T00:00:00`);
|
|
83
|
+
return d.toLocaleDateString("en-US", { month: "short", year: "2-digit" });
|
|
84
|
+
}
|
|
85
|
+
function formatDateTooltip(iso) {
|
|
86
|
+
const d = /* @__PURE__ */ new Date(`${iso.slice(0, 7)}-01T00:00:00`);
|
|
87
|
+
return d.toLocaleDateString("en-US", { month: "short", year: "numeric" });
|
|
88
|
+
}
|
|
89
|
+
function BorrowingCapacityLineChart({
|
|
90
|
+
series,
|
|
91
|
+
title = "Borrowing Capacity",
|
|
92
|
+
kpiValue,
|
|
93
|
+
height = 280,
|
|
94
|
+
width = "100%",
|
|
95
|
+
className,
|
|
96
|
+
isLoading = false,
|
|
97
|
+
showXAxis = true,
|
|
98
|
+
showYAxis = true,
|
|
99
|
+
showLegend = true,
|
|
100
|
+
legendPosition = "bottom"
|
|
101
|
+
}) {
|
|
102
|
+
const themeVars = useThemeVars();
|
|
103
|
+
const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
|
|
104
|
+
const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
|
|
105
|
+
const seriesColor = useMemo(
|
|
106
|
+
() => ({
|
|
107
|
+
"current-expenses": FALLBACK_FOREGROUND,
|
|
108
|
+
"optimised-estimate": FALLBACK_TICK,
|
|
109
|
+
// desired-loan-amount tracks tenant brand; no alpha conversion needed at 1.0
|
|
110
|
+
"desired-loan-amount": brandPrimary
|
|
111
|
+
}),
|
|
112
|
+
[brandPrimary]
|
|
113
|
+
);
|
|
114
|
+
const orderedSeries = useMemo(() => {
|
|
115
|
+
if (!(series == null ? void 0 : series.length)) return [];
|
|
116
|
+
return SERIES_RENDER_ORDER.map(
|
|
117
|
+
(t) => series.find((s) => s.type === t)
|
|
118
|
+
).filter((s) => !!s && s.data.length > 0);
|
|
119
|
+
}, [series]);
|
|
120
|
+
const hasData = orderedSeries.length > 0;
|
|
121
|
+
const labels = useMemo(() => {
|
|
122
|
+
var _a;
|
|
123
|
+
if (!orderedSeries.length) return [];
|
|
124
|
+
const primary = (_a = orderedSeries.find((s) => s.type === "current-expenses")) != null ? _a : orderedSeries[0];
|
|
125
|
+
return primary.data.map((p) => p.date);
|
|
126
|
+
}, [orderedSeries]);
|
|
127
|
+
const chartData = useMemo(() => {
|
|
128
|
+
if (!orderedSeries.length) return { labels: [], datasets: [] };
|
|
129
|
+
return {
|
|
130
|
+
labels,
|
|
131
|
+
datasets: orderedSeries.map((s) => {
|
|
132
|
+
const color = seriesColor[s.type];
|
|
133
|
+
const isDashed = SERIES_LINE_STYLE[s.type] === "dashed";
|
|
134
|
+
return {
|
|
135
|
+
label: SERIES_LABELS[s.type],
|
|
136
|
+
data: s.data.map((p) => p.amountCents / 100),
|
|
137
|
+
borderColor: color,
|
|
138
|
+
backgroundColor: "transparent",
|
|
139
|
+
borderWidth: SERIES_BORDER_WIDTH[s.type],
|
|
140
|
+
borderDash: isDashed ? DASH_PATTERN : [],
|
|
141
|
+
tension: s.type === "current-expenses" ? 0.4 : 0,
|
|
142
|
+
pointRadius: 0,
|
|
143
|
+
pointHoverRadius: s.type === "desired-loan-amount" ? 0 : 5,
|
|
144
|
+
pointHoverBackgroundColor: FALLBACK_BG,
|
|
145
|
+
pointHoverBorderColor: color,
|
|
146
|
+
pointHoverBorderWidth: 2,
|
|
147
|
+
pointHitRadius: 12
|
|
148
|
+
};
|
|
149
|
+
})
|
|
150
|
+
};
|
|
151
|
+
}, [labels, orderedSeries, seriesColor]);
|
|
152
|
+
const options = useMemo(
|
|
153
|
+
() => ({
|
|
154
|
+
responsive: true,
|
|
155
|
+
maintainAspectRatio: false,
|
|
156
|
+
animation: { duration: 800, easing: "easeOutQuart" },
|
|
157
|
+
plugins: {
|
|
158
|
+
legend: { display: false },
|
|
159
|
+
tooltip: {
|
|
160
|
+
enabled: true,
|
|
161
|
+
mode: "index",
|
|
162
|
+
intersect: false,
|
|
163
|
+
filter: (item) => item.dataset.label !== SERIES_LABELS["desired-loan-amount"],
|
|
164
|
+
displayColors: true,
|
|
165
|
+
boxWidth: 10,
|
|
166
|
+
boxHeight: 2,
|
|
167
|
+
padding: 12,
|
|
168
|
+
cornerRadius: 0,
|
|
169
|
+
titleFont: { size: 11, weight: 600, family: fontFamily },
|
|
170
|
+
bodyFont: { size: 12, weight: 500, family: fontFamily },
|
|
171
|
+
callbacks: {
|
|
172
|
+
title: (items) => {
|
|
173
|
+
var _a;
|
|
174
|
+
const iso = (_a = items[0]) == null ? void 0 : _a.label;
|
|
175
|
+
return iso ? formatDateTooltip(iso) : "";
|
|
176
|
+
},
|
|
177
|
+
label: (ctx) => {
|
|
178
|
+
var _a;
|
|
179
|
+
const dollars = (_a = ctx.parsed.y) != null ? _a : 0;
|
|
180
|
+
return ` ${ctx.dataset.label}: ${formatCurrencyFull(dollars)}`;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
interaction: { mode: "index", intersect: false },
|
|
186
|
+
scales: {
|
|
187
|
+
x: {
|
|
188
|
+
type: "category",
|
|
189
|
+
display: showXAxis,
|
|
190
|
+
grid: { display: false },
|
|
191
|
+
border: { display: false },
|
|
192
|
+
ticks: {
|
|
193
|
+
autoSkip: true,
|
|
194
|
+
maxTicksLimit: 7,
|
|
195
|
+
maxRotation: 0,
|
|
196
|
+
minRotation: 0,
|
|
197
|
+
color: FALLBACK_TICK,
|
|
198
|
+
font: { size: 10, family: fontFamily },
|
|
199
|
+
callback: function(_, index) {
|
|
200
|
+
const iso = labels[index];
|
|
201
|
+
return iso ? formatDateLabel(iso) : "";
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
y: {
|
|
206
|
+
display: showYAxis,
|
|
207
|
+
position: "left",
|
|
208
|
+
grid: { display: false },
|
|
209
|
+
border: { display: false },
|
|
210
|
+
ticks: {
|
|
211
|
+
maxTicksLimit: 6,
|
|
212
|
+
padding: 8,
|
|
213
|
+
color: FALLBACK_TICK,
|
|
214
|
+
font: { size: 10, family: fontFamily },
|
|
215
|
+
callback: (v) => formatAbbrev(Number(v))
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}),
|
|
220
|
+
[showXAxis, showYAxis, labels, fontFamily]
|
|
221
|
+
);
|
|
222
|
+
const legendEl = useMemo(() => {
|
|
223
|
+
if (!showLegend || !hasData) return null;
|
|
224
|
+
const items = SERIES_LEGEND_ORDER.map(
|
|
225
|
+
(t) => orderedSeries.find((s) => s.type === t)
|
|
226
|
+
).filter((s) => !!s);
|
|
227
|
+
return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: items.map((s) => /* @__PURE__ */ jsx(
|
|
228
|
+
ChartLegendItem,
|
|
229
|
+
{
|
|
230
|
+
label: SERIES_LABELS[s.type],
|
|
231
|
+
color: seriesColor[s.type],
|
|
232
|
+
lineStyle: SERIES_LINE_STYLE[s.type]
|
|
233
|
+
},
|
|
234
|
+
s.type
|
|
235
|
+
)) });
|
|
236
|
+
}, [showLegend, hasData, orderedSeries, seriesColor]);
|
|
237
|
+
const legendWrapper = legendEl ? /* @__PURE__ */ jsx("div", { className: legendPosition === "top" ? "mb-3" : "mt-3", children: legendEl }) : null;
|
|
238
|
+
return /* @__PURE__ */ jsxs(
|
|
239
|
+
Card,
|
|
240
|
+
{
|
|
241
|
+
className: cn("w-full py-4 sm:py-6 gap-2", className),
|
|
242
|
+
style: { maxWidth: width, fontFamily },
|
|
243
|
+
children: [
|
|
244
|
+
/* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
|
|
245
|
+
/* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base uppercase tracking-wider", children: title }),
|
|
246
|
+
kpiValue != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xl font-bold tabular-nums", children: formatCurrencyFull(kpiValue / 100) })
|
|
247
|
+
] }) }),
|
|
248
|
+
/* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !hasData ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No borrowing capacity data available" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
249
|
+
legendPosition === "top" && legendWrapper,
|
|
250
|
+
/* @__PURE__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
|
|
251
|
+
Chart,
|
|
252
|
+
{
|
|
253
|
+
type: "line",
|
|
254
|
+
data: chartData,
|
|
255
|
+
options,
|
|
256
|
+
"aria-label": title
|
|
257
|
+
}
|
|
258
|
+
) }),
|
|
259
|
+
legendPosition === "bottom" && legendWrapper
|
|
260
|
+
] }) })
|
|
261
|
+
]
|
|
262
|
+
}
|
|
263
|
+
);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
export {
|
|
267
|
+
BorrowingCapacityLineChart
|
|
268
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useThemeVars
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-FEZKMUCF.mjs";
|
|
4
4
|
import {
|
|
5
5
|
cn
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-VLQZANBF.mjs";
|
|
7
7
|
import {
|
|
8
8
|
__objRest,
|
|
9
9
|
__spreadProps,
|
|
@@ -39,36 +39,33 @@ function TooltipContent(_a) {
|
|
|
39
39
|
var _b = _a, {
|
|
40
40
|
className,
|
|
41
41
|
sideOffset = 8,
|
|
42
|
+
side,
|
|
42
43
|
children,
|
|
43
44
|
style
|
|
44
45
|
} = _b, props = __objRest(_b, [
|
|
45
46
|
"className",
|
|
46
47
|
"sideOffset",
|
|
48
|
+
"side",
|
|
47
49
|
"children",
|
|
48
50
|
"style"
|
|
49
51
|
]);
|
|
50
52
|
const themeVars = useThemeVars();
|
|
51
|
-
return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
children
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
{
|
|
68
|
-
className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
] }) });
|
|
53
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { sideOffset, side, children: /* @__PURE__ */ jsxs(
|
|
54
|
+
TooltipPrimitive.Popup,
|
|
55
|
+
__spreadProps(__spreadValues({
|
|
56
|
+
className: cn(
|
|
57
|
+
"relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
|
|
58
|
+
className
|
|
59
|
+
),
|
|
60
|
+
"data-slot": "tooltip-content",
|
|
61
|
+
style: __spreadValues(__spreadValues({}, themeVars), style)
|
|
62
|
+
}, props), {
|
|
63
|
+
children: [
|
|
64
|
+
children,
|
|
65
|
+
/* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
|
|
66
|
+
]
|
|
67
|
+
})
|
|
68
|
+
) }) });
|
|
72
69
|
}
|
|
73
70
|
|
|
74
71
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
cn
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-VLQZANBF.mjs";
|
|
4
4
|
import {
|
|
5
5
|
__objRest,
|
|
6
6
|
__spreadProps,
|
|
@@ -33,7 +33,11 @@ function InputOTP(_a) {
|
|
|
33
33
|
);
|
|
34
34
|
}
|
|
35
35
|
function InputOTPGroup(_a) {
|
|
36
|
-
var _b = _a, {
|
|
36
|
+
var _b = _a, {
|
|
37
|
+
className
|
|
38
|
+
} = _b, props = __objRest(_b, [
|
|
39
|
+
"className"
|
|
40
|
+
]);
|
|
37
41
|
return /* @__PURE__ */ jsx(
|
|
38
42
|
"div",
|
|
39
43
|
__spreadValues({
|
|
@@ -57,7 +61,7 @@ function InputOTPSlot(_a) {
|
|
|
57
61
|
"div",
|
|
58
62
|
__spreadProps(__spreadValues({
|
|
59
63
|
className: cn(
|
|
60
|
-
"relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-
|
|
64
|
+
"relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-body-small shadow-xs transition-all outline-none first:border-l aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
|
|
61
65
|
className
|
|
62
66
|
),
|
|
63
67
|
"data-active": isActive,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useThemeVars
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-FEZKMUCF.mjs";
|
|
4
4
|
import {
|
|
5
5
|
cn
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-VLQZANBF.mjs";
|
|
7
7
|
import {
|
|
8
8
|
__objRest,
|
|
9
9
|
__spreadProps,
|
|
@@ -40,7 +40,7 @@ function SelectTrigger(_a) {
|
|
|
40
40
|
SelectPrimitive.Trigger,
|
|
41
41
|
__spreadProps(__spreadValues({
|
|
42
42
|
className: cn(
|
|
43
|
-
"flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-
|
|
43
|
+
"flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
44
44
|
className
|
|
45
45
|
),
|
|
46
46
|
"data-size": size,
|
|
@@ -64,34 +64,42 @@ function SelectContent(_a) {
|
|
|
64
64
|
"style"
|
|
65
65
|
]);
|
|
66
66
|
const themeVars = useThemeVars();
|
|
67
|
-
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
68
|
-
SelectPrimitive.
|
|
69
|
-
|
|
70
|
-
className:
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
67
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
68
|
+
SelectPrimitive.Positioner,
|
|
69
|
+
{
|
|
70
|
+
className: "z-[200]",
|
|
71
|
+
align: "start",
|
|
72
|
+
alignItemWithTrigger: false,
|
|
73
|
+
sideOffset: 4,
|
|
74
|
+
children: /* @__PURE__ */ jsxs(
|
|
75
|
+
SelectPrimitive.Popup,
|
|
76
|
+
__spreadProps(__spreadValues({
|
|
77
|
+
className: cn(
|
|
78
|
+
"relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
|
|
79
|
+
className
|
|
80
|
+
),
|
|
81
|
+
"data-slot": "select-content",
|
|
82
|
+
style: __spreadValues(__spreadValues({}, themeVars), style)
|
|
83
|
+
}, props), {
|
|
84
|
+
children: [
|
|
85
|
+
/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
|
|
86
|
+
children,
|
|
87
|
+
/* @__PURE__ */ jsx(SelectScrollDownButton, {})
|
|
88
|
+
]
|
|
89
|
+
})
|
|
90
|
+
)
|
|
91
|
+
}
|
|
92
|
+
) });
|
|
84
93
|
}
|
|
85
94
|
function SelectLabel(_a) {
|
|
86
|
-
var _b = _a, {
|
|
87
|
-
className
|
|
88
|
-
} = _b, props = __objRest(_b, [
|
|
89
|
-
"className"
|
|
90
|
-
]);
|
|
95
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
91
96
|
return /* @__PURE__ */ jsx(
|
|
92
97
|
SelectPrimitive.GroupLabel,
|
|
93
98
|
__spreadValues({
|
|
94
|
-
className: cn(
|
|
99
|
+
className: cn(
|
|
100
|
+
"px-2 py-1.5 text-label-small text-muted-foreground",
|
|
101
|
+
className
|
|
102
|
+
),
|
|
95
103
|
"data-slot": "select-label"
|
|
96
104
|
}, props)
|
|
97
105
|
);
|
|
@@ -108,7 +116,7 @@ function SelectItem(_a) {
|
|
|
108
116
|
SelectPrimitive.Item,
|
|
109
117
|
__spreadProps(__spreadValues({
|
|
110
118
|
className: cn(
|
|
111
|
-
"relative flex w-full cursor-default items-center gap-2
|
|
119
|
+
"relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
112
120
|
className
|
|
113
121
|
),
|
|
114
122
|
"data-slot": "select-item"
|