@teelur/budget-board-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +674 -0
- package/README.md +26 -0
- package/dist/Button/Button.d.ts +21 -0
- package/dist/Button/Button.d.ts.map +1 -0
- package/dist/colors.d.ts +116 -0
- package/dist/colors.d.ts.map +1 -0
- package/dist/index.css +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +404 -0
- package/dist/theme.d.ts +304 -0
- package/dist/theme.d.ts.map +1 -0
- package/package.json +62 -0
package/README.md
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# budget-board-ui
|
|
2
|
+
|
|
3
|
+
UI components for the Budget Board app built on Mantine headless primitives
|
|
4
|
+
|
|
5
|
+
## Development
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
yarn install
|
|
9
|
+
yarn test
|
|
10
|
+
yarn build
|
|
11
|
+
yarn docs:dev
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
The component documentation site is a static Vite app. Use `yarn docs:dev` for local development,
|
|
15
|
+
`yarn docs:build` to generate `docs-dist`, and `yarn docs:preview` to preview the generated site.
|
|
16
|
+
The GitHub Pages workflows publish the site at `https://teelur.github.io/budget-board-ui/`.
|
|
17
|
+
Configure GitHub Pages to deploy from the `gh-pages` branch. Pull requests receive temporary
|
|
18
|
+
previews at `https://teelur.github.io/budget-board-ui/pr-preview/pr-<number>/`, which are removed
|
|
19
|
+
when the pull request closes.
|
|
20
|
+
|
|
21
|
+
Add new component examples and API reference rows in `docs/App.tsx`, keeping the examples tied to
|
|
22
|
+
the public exports from `src/index.ts`.
|
|
23
|
+
|
|
24
|
+
Publishing runs automatically after changes are merged into `main` and publishes canary packages
|
|
25
|
+
to GitHub Packages under the `canary` tag. Publishing a GitHub release publishes the matching
|
|
26
|
+
stable version to GitHub Packages.
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export declare const buttonColors: readonly ["primary", "secondary", "accent", "neutral", "info", "success", "warning", "error"];
|
|
3
|
+
export type ButtonColor = (typeof buttonColors)[number];
|
|
4
|
+
export declare const buttonVariants: readonly ["filled", "outline", "ghost"];
|
|
5
|
+
export type ButtonVariant = (typeof buttonVariants)[number];
|
|
6
|
+
export declare const buttonSizes: readonly ["compact-xs", "compact-sm", "compact-md", "compact-lg", "compact-xl", "xs", "sm", "md", "lg", "xl"];
|
|
7
|
+
export type ButtonSize = (typeof buttonSizes)[number];
|
|
8
|
+
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "color" | "disabled"> {
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
leftSection?: ReactNode;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
rightSection?: ReactNode;
|
|
16
|
+
size?: ButtonSize;
|
|
17
|
+
color?: ButtonColor;
|
|
18
|
+
variant?: ButtonVariant;
|
|
19
|
+
}
|
|
20
|
+
export declare function Button({ selected, children, className, color, disabled, fullWidth, leftSection, loading, rightSection, size, style, type, variant, ...buttonProps }: ButtonProps): import("react").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ5E,eAAO,MAAM,YAAY,YACvB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,CACC,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,YAAI,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW,YACtB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACI,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,UAAU,CAClC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AA4DD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,QAAQ,EACR,SAAiB,EACjB,WAAW,EACX,OAAe,EACf,YAAY,EACZ,IAAW,EACX,KAAK,EACL,IAAe,EACf,OAAkB,EAClB,GAAG,WAAW,EACf,EAAE,WAAW,+BAsCb"}
|
package/dist/colors.d.ts
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
declare const lightColors: {
|
|
2
|
+
readonly page: "#f7f6f2";
|
|
3
|
+
readonly surface: "#ffffff";
|
|
4
|
+
readonly surfaceElevated: "#fffcf7";
|
|
5
|
+
readonly navigation: "#f1efe9";
|
|
6
|
+
readonly surfaceSunken: "#ebe8df";
|
|
7
|
+
readonly surfaceOverlay: "#fffaf2";
|
|
8
|
+
readonly textHeading: "#242321";
|
|
9
|
+
readonly textPrimary: "#3a3834";
|
|
10
|
+
readonly textSecondary: "#68645d";
|
|
11
|
+
readonly textMetadata: "#807a70";
|
|
12
|
+
readonly textMuted: "#969087";
|
|
13
|
+
readonly textDisabled: "#b7b1a7";
|
|
14
|
+
readonly textInverse: "#fffaf2";
|
|
15
|
+
readonly primary: "#4c6ef5";
|
|
16
|
+
readonly primaryContent: "#fffaf2";
|
|
17
|
+
readonly secondary: "#12b886";
|
|
18
|
+
readonly secondaryContent: "#063b2f";
|
|
19
|
+
readonly accent: "#f76707";
|
|
20
|
+
readonly accentContent: "#4a2103";
|
|
21
|
+
readonly neutral: "#e7e3da";
|
|
22
|
+
readonly neutralContent: "#3a3834";
|
|
23
|
+
readonly border: "color-mix(in srgb, #3a3834 18%, transparent)";
|
|
24
|
+
readonly borderSubtle: "#d8d5ce";
|
|
25
|
+
readonly borderStrong: "#aaa69e";
|
|
26
|
+
readonly focusRing: "#4c6ef5";
|
|
27
|
+
readonly selection: "#dbe4ff";
|
|
28
|
+
readonly info: "#1971c2";
|
|
29
|
+
readonly infoContent: "#e7f5ff";
|
|
30
|
+
readonly success: "#2f9e44";
|
|
31
|
+
readonly successContent: "#ebfbee";
|
|
32
|
+
readonly warning: "#fcc419";
|
|
33
|
+
readonly warningContent: "#5f3b00";
|
|
34
|
+
readonly error: "#c92a2a";
|
|
35
|
+
readonly errorContent: "#fff5f5";
|
|
36
|
+
};
|
|
37
|
+
export type BudgetBoardColorKey = keyof typeof lightColors;
|
|
38
|
+
export type BudgetBoardContentColorKey = Extract<BudgetBoardColorKey, `${string}Content`>;
|
|
39
|
+
export declare const budgetBoardColors: {
|
|
40
|
+
readonly light: {
|
|
41
|
+
readonly page: "#f7f6f2";
|
|
42
|
+
readonly surface: "#ffffff";
|
|
43
|
+
readonly surfaceElevated: "#fffcf7";
|
|
44
|
+
readonly navigation: "#f1efe9";
|
|
45
|
+
readonly surfaceSunken: "#ebe8df";
|
|
46
|
+
readonly surfaceOverlay: "#fffaf2";
|
|
47
|
+
readonly textHeading: "#242321";
|
|
48
|
+
readonly textPrimary: "#3a3834";
|
|
49
|
+
readonly textSecondary: "#68645d";
|
|
50
|
+
readonly textMetadata: "#807a70";
|
|
51
|
+
readonly textMuted: "#969087";
|
|
52
|
+
readonly textDisabled: "#b7b1a7";
|
|
53
|
+
readonly textInverse: "#fffaf2";
|
|
54
|
+
readonly primary: "#4c6ef5";
|
|
55
|
+
readonly primaryContent: "#fffaf2";
|
|
56
|
+
readonly secondary: "#12b886";
|
|
57
|
+
readonly secondaryContent: "#063b2f";
|
|
58
|
+
readonly accent: "#f76707";
|
|
59
|
+
readonly accentContent: "#4a2103";
|
|
60
|
+
readonly neutral: "#e7e3da";
|
|
61
|
+
readonly neutralContent: "#3a3834";
|
|
62
|
+
readonly border: "color-mix(in srgb, #3a3834 18%, transparent)";
|
|
63
|
+
readonly borderSubtle: "#d8d5ce";
|
|
64
|
+
readonly borderStrong: "#aaa69e";
|
|
65
|
+
readonly focusRing: "#4c6ef5";
|
|
66
|
+
readonly selection: "#dbe4ff";
|
|
67
|
+
readonly info: "#1971c2";
|
|
68
|
+
readonly infoContent: "#e7f5ff";
|
|
69
|
+
readonly success: "#2f9e44";
|
|
70
|
+
readonly successContent: "#ebfbee";
|
|
71
|
+
readonly warning: "#fcc419";
|
|
72
|
+
readonly warningContent: "#5f3b00";
|
|
73
|
+
readonly error: "#c92a2a";
|
|
74
|
+
readonly errorContent: "#fff5f5";
|
|
75
|
+
};
|
|
76
|
+
readonly dark: {
|
|
77
|
+
readonly page: "#111214";
|
|
78
|
+
readonly surface: "#191b1f";
|
|
79
|
+
readonly surfaceElevated: "#22252a";
|
|
80
|
+
readonly navigation: "#191b1f";
|
|
81
|
+
readonly surfaceSunken: "#0d0f12";
|
|
82
|
+
readonly surfaceOverlay: "#292c31";
|
|
83
|
+
readonly textHeading: "#f2f0eb";
|
|
84
|
+
readonly textPrimary: "#d8d5ce";
|
|
85
|
+
readonly textSecondary: "#aaa69e";
|
|
86
|
+
readonly textMetadata: "#8e8a83";
|
|
87
|
+
readonly textMuted: "#716f6b";
|
|
88
|
+
readonly textDisabled: "#55585d";
|
|
89
|
+
readonly textInverse: "#242321";
|
|
90
|
+
readonly primary: "#91a7ff";
|
|
91
|
+
readonly primaryContent: "#1e2450";
|
|
92
|
+
readonly secondary: "#63e6be";
|
|
93
|
+
readonly secondaryContent: "#063b2f";
|
|
94
|
+
readonly accent: "#ffa94d";
|
|
95
|
+
readonly accentContent: "#4a2103";
|
|
96
|
+
readonly neutral: "#34373a";
|
|
97
|
+
readonly neutralContent: "#f2f0eb";
|
|
98
|
+
readonly border: "color-mix(in srgb, #d8d5ce 18%, transparent)";
|
|
99
|
+
readonly borderSubtle: "#3a3d42";
|
|
100
|
+
readonly borderStrong: "#686b70";
|
|
101
|
+
readonly focusRing: "#91a7ff";
|
|
102
|
+
readonly selection: "#1e2450";
|
|
103
|
+
readonly info: "#74c0fc";
|
|
104
|
+
readonly infoContent: "#1864ab";
|
|
105
|
+
readonly success: "#69db7c";
|
|
106
|
+
readonly successContent: "#2b8a3e";
|
|
107
|
+
readonly warning: "#ffd43b";
|
|
108
|
+
readonly warningContent: "#5f3b00";
|
|
109
|
+
readonly error: "#ff6b6b";
|
|
110
|
+
readonly errorContent: "#4a0c0c";
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
export type BudgetBoardColors = typeof budgetBoardColors;
|
|
114
|
+
export type BudgetBoardColorMode = Record<BudgetBoardColorKey, string>;
|
|
115
|
+
export {};
|
|
116
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW;aACf,IAAI,EAAE,SAAS;aACf,OAAO,EAAE,SAAS;aAClB,eAAe,EAAE,SAAS;aAC1B,UAAU,EAAE,SAAS;aACrB,aAAa,EAAE,SAAS;aACxB,cAAc,EAAE,SAAS;aACzB,WAAW,EAAE,SAAS;aACtB,WAAW,EAAE,SAAS;aACtB,aAAa,EAAE,SAAS;aACxB,YAAY,EAAE,SAAS;aACvB,SAAS,EAAE,SAAS;aACpB,YAAY,EAAE,SAAS;aACvB,WAAW,EAAE,SAAS;aACtB,OAAO,EAAE,SAAS;aAClB,cAAc,EAAE,SAAS;aACzB,SAAS,EAAE,SAAS;aACpB,gBAAgB,EAAE,SAAS;aAC3B,MAAM,EAAE,SAAS;aACjB,aAAa,EAAE,SAAS;aACxB,OAAO,EAAE,SAAS;aAClB,cAAc,EAAE,SAAS;aACzB,MAAM,EAAE,8CAA8C;aACtD,YAAY,EAAE,SAAS;aACvB,YAAY,EAAE,SAAS;aACvB,SAAS,EAAE,SAAS;aACpB,SAAS,EAAE,SAAS;aACpB,IAAI,EAAE,SAAS;aACf,WAAW,EAAE,SAAS;aACtB,OAAO,EAAE,SAAS;aAClB,cAAc,EAAE,SAAS;aACzB,OAAO,EAAE,SAAS;aAClB,cAAc,EAAE,SAAS;aACzB,KAAK,EAAE,SAAS;aAChB,YAAY,EAAE,SAAS;CACf,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,WAAW,CAAC;AAC3D,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAC9C,mBAAmB,EACnB,GAAG,MAAM,SAAS,CACnB,CAAC;AAuCF,eAAO,MAAM,iBAAiB;;uBA/EtB,SAAS;0BACN,SAAS;kCACD,SAAS;6BACd,SAAS;gCACN,SAAS;iCACR,SAAS;8BACZ,SAAS;8BACT,SAAS;gCACP,SAAS;+BACV,SAAS;4BACZ,SAAS;+BACN,SAAS;8BACV,SAAS;0BACb,SAAS;iCACF,SAAS;4BACd,SAAS;mCACF,SAAS;yBACnB,SAAS;gCACF,SAAS;0BACf,SAAS;iCACF,SAAS;yBACjB,8CAA8C;+BACxC,SAAS;+BACT,SAAS;4BACZ,SAAS;4BACT,SAAS;uBACd,SAAS;8BACF,SAAS;0BACb,SAAS;iCACF,SAAS;0BAChB,SAAS;iCACF,SAAS;wBAClB,SAAS;+BACF,SAAS;;;uBAUjB,SAAS;0BACN,SAAS;kCACD,SAAS;6BACd,SAAS;gCACN,SAAS;iCACR,SAAS;8BACZ,SAAS;8BACT,SAAS;gCACP,SAAS;+BACV,SAAS;4BACZ,SAAS;+BACN,SAAS;8BACV,SAAS;0BACb,SAAS;iCACF,SAAS;4BACd,SAAS;mCACF,SAAS;yBACnB,SAAS;gCACF,SAAS;0BACf,SAAS;iCACF,SAAS;yBACjB,8CAA8C;+BACxC,SAAS;+BACT,SAAS;4BACZ,SAAS;4BACT,SAAS;uBACd,SAAS;8BACF,SAAS;0BACb,SAAS;iCACF,SAAS;0BAChB,SAAS;iCACF,SAAS;wBAClB,SAAS;+BACF,SAAS;;CAM0C,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC"}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
._root_xr7w1_1{background:var(--button-bg);border:1px solid var(--button-border);box-sizing:border-box;color:var(--button-color);cursor:pointer;font:inherit;align-items:center;gap:var(--button-gap);border-radius:.25rem;justify-content:center;font-weight:600;line-height:1.2;transition:background-color .12s,border-color .12s,color .12s,opacity .12s,transform .12s;display:inline-flex}._root_xr7w1_1._selected_xr7w1_23:not(:disabled){background:var(--button-active)}._root_xr7w1_1._selected_xr7w1_23[data-budget-board-variant=filled]:not(:disabled){background:var(--button-color);border-color:var(--button-color);color:var(--button-bg)}._root_xr7w1_1:hover:not(:disabled){background:var(--button-hover);border-color:var(--button-hover-border)}._root_xr7w1_1._selected_xr7w1_23[data-budget-board-variant=filled]:hover:not(:disabled){background:color-mix(in srgb, var(--button-color) 84%, var(--button-bg));border-color:var(--button-color)}._root_xr7w1_1:active:not(:disabled){background:var(--button-active);transform:translateY(1px)}._root_xr7w1_1:focus-visible{outline:2px solid var(--button-focus);outline-offset:2px}._root_xr7w1_1:disabled{cursor:not-allowed;opacity:.55}._compact-xs_xr7w1_58{--button-gap:.25rem;min-height:1.5rem;padding:.25rem .5rem;font-size:.75rem}._compact-sm_xr7w1_65{--button-gap:.375rem;min-height:1.75rem;padding:.25rem .5rem;font-size:.875rem}._compact-md_xr7w1_72{--button-gap:.5rem;min-height:2rem;padding:.25rem .5rem;font-size:1rem}._compact-lg_xr7w1_79{--button-gap:.5rem;min-height:2.5rem;padding:.25rem .5rem;font-size:1.125rem}._compact-xl_xr7w1_86{--button-gap:.625rem;min-height:3rem;padding:.25rem .5rem;font-size:1.25rem}._xs_xr7w1_93{--button-gap:.375rem;min-height:1.75rem;padding:.5rem 1rem;font-size:.75rem}._sm_xr7w1_100{--button-gap:.5rem;min-height:2rem;padding:.5rem 1rem;font-size:.875rem}._md_xr7w1_107{--button-gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:1rem}._lg_xr7w1_114{--button-gap:.625rem;min-height:3rem;padding:.5rem 1rem;font-size:1.125rem}._xl_xr7w1_121{--button-gap:.75rem;min-height:3.5rem;padding:.5rem 1rem;font-size:1.25rem}._fullWidth_xr7w1_128{width:100%}._section_xr7w1_132,._content_xr7w1_137{align-items:center;display:inline-flex}._loading_xr7w1_142,._root_xr7w1_1._loading_xr7w1_142:disabled{cursor:progress}._loader_xr7w1_150{border:2px solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.7s linear infinite _button-loader-spin_xr7w1_1}._xs_xr7w1_93 ._loader_xr7w1_150{width:.75rem;height:.75rem}._md_xr7w1_107 ._loader_xr7w1_150{width:1rem;height:1rem}._lg_xr7w1_114 ._loader_xr7w1_150{width:1.125rem;height:1.125rem}._xl_xr7w1_121 ._loader_xr7w1_150{width:1.25rem;height:1.25rem}@keyframes _button-loader-spin_xr7w1_1{to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Button, buttonColors, buttonSizes, buttonVariants, type ButtonColor, type ButtonProps, type ButtonSize, type ButtonVariant, } from "./Button/Button";
|
|
2
|
+
export { budgetBoardColors, budgetBoardDarkTheme, budgetBoardTheme, budgetBoardTypography, } from "./theme";
|
|
3
|
+
export type { BudgetBoardColorKey, BudgetBoardColorMode, BudgetBoardColors, BudgetBoardContentColorKey, BudgetBoardFontKey, BudgetBoardTypography, } from "./theme";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
import { createTheme as e } from "@mantine/core";
|
|
2
|
+
//#region \0rolldown/runtime.js
|
|
3
|
+
var t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), n = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
|
|
4
|
+
if (typeof require < "u") return require.apply(this, arguments);
|
|
5
|
+
throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
|
|
6
|
+
}), r = {
|
|
7
|
+
light: {
|
|
8
|
+
page: "#f7f6f2",
|
|
9
|
+
surface: "#ffffff",
|
|
10
|
+
surfaceElevated: "#fffcf7",
|
|
11
|
+
navigation: "#f1efe9",
|
|
12
|
+
surfaceSunken: "#ebe8df",
|
|
13
|
+
surfaceOverlay: "#fffaf2",
|
|
14
|
+
textHeading: "#242321",
|
|
15
|
+
textPrimary: "#3a3834",
|
|
16
|
+
textSecondary: "#68645d",
|
|
17
|
+
textMetadata: "#807a70",
|
|
18
|
+
textMuted: "#969087",
|
|
19
|
+
textDisabled: "#b7b1a7",
|
|
20
|
+
textInverse: "#fffaf2",
|
|
21
|
+
primary: "#4c6ef5",
|
|
22
|
+
primaryContent: "#fffaf2",
|
|
23
|
+
secondary: "#12b886",
|
|
24
|
+
secondaryContent: "#063b2f",
|
|
25
|
+
accent: "#f76707",
|
|
26
|
+
accentContent: "#4a2103",
|
|
27
|
+
neutral: "#e7e3da",
|
|
28
|
+
neutralContent: "#3a3834",
|
|
29
|
+
border: "color-mix(in srgb, #3a3834 18%, transparent)",
|
|
30
|
+
borderSubtle: "#d8d5ce",
|
|
31
|
+
borderStrong: "#aaa69e",
|
|
32
|
+
focusRing: "#4c6ef5",
|
|
33
|
+
selection: "#dbe4ff",
|
|
34
|
+
info: "#1971c2",
|
|
35
|
+
infoContent: "#e7f5ff",
|
|
36
|
+
success: "#2f9e44",
|
|
37
|
+
successContent: "#ebfbee",
|
|
38
|
+
warning: "#fcc419",
|
|
39
|
+
warningContent: "#5f3b00",
|
|
40
|
+
error: "#c92a2a",
|
|
41
|
+
errorContent: "#fff5f5"
|
|
42
|
+
},
|
|
43
|
+
dark: {
|
|
44
|
+
page: "#111214",
|
|
45
|
+
surface: "#191b1f",
|
|
46
|
+
surfaceElevated: "#22252a",
|
|
47
|
+
navigation: "#191b1f",
|
|
48
|
+
surfaceSunken: "#0d0f12",
|
|
49
|
+
surfaceOverlay: "#292c31",
|
|
50
|
+
textHeading: "#f2f0eb",
|
|
51
|
+
textPrimary: "#d8d5ce",
|
|
52
|
+
textSecondary: "#aaa69e",
|
|
53
|
+
textMetadata: "#8e8a83",
|
|
54
|
+
textMuted: "#716f6b",
|
|
55
|
+
textDisabled: "#55585d",
|
|
56
|
+
textInverse: "#242321",
|
|
57
|
+
primary: "#91a7ff",
|
|
58
|
+
primaryContent: "#1e2450",
|
|
59
|
+
secondary: "#63e6be",
|
|
60
|
+
secondaryContent: "#063b2f",
|
|
61
|
+
accent: "#ffa94d",
|
|
62
|
+
accentContent: "#4a2103",
|
|
63
|
+
neutral: "#34373a",
|
|
64
|
+
neutralContent: "#f2f0eb",
|
|
65
|
+
border: "color-mix(in srgb, #d8d5ce 18%, transparent)",
|
|
66
|
+
borderSubtle: "#3a3d42",
|
|
67
|
+
borderStrong: "#686b70",
|
|
68
|
+
focusRing: "#91a7ff",
|
|
69
|
+
selection: "#1e2450",
|
|
70
|
+
info: "#74c0fc",
|
|
71
|
+
infoContent: "#1864ab",
|
|
72
|
+
success: "#69db7c",
|
|
73
|
+
successContent: "#2b8a3e",
|
|
74
|
+
warning: "#ffd43b",
|
|
75
|
+
warningContent: "#5f3b00",
|
|
76
|
+
error: "#ff6b6b",
|
|
77
|
+
errorContent: "#4a0c0c"
|
|
78
|
+
}
|
|
79
|
+
}, i = {
|
|
80
|
+
root: "_root_xr7w1_1",
|
|
81
|
+
selected: "_selected_xr7w1_23",
|
|
82
|
+
"compact-xs": "_compact-xs_xr7w1_58",
|
|
83
|
+
"compact-sm": "_compact-sm_xr7w1_65",
|
|
84
|
+
"compact-md": "_compact-md_xr7w1_72",
|
|
85
|
+
"compact-lg": "_compact-lg_xr7w1_79",
|
|
86
|
+
"compact-xl": "_compact-xl_xr7w1_86",
|
|
87
|
+
xs: "_xs_xr7w1_93",
|
|
88
|
+
sm: "_sm_xr7w1_100",
|
|
89
|
+
md: "_md_xr7w1_107",
|
|
90
|
+
lg: "_lg_xr7w1_114",
|
|
91
|
+
xl: "_xl_xr7w1_121",
|
|
92
|
+
fullWidth: "_fullWidth_xr7w1_128",
|
|
93
|
+
section: "_section_xr7w1_132",
|
|
94
|
+
content: "_content_xr7w1_137",
|
|
95
|
+
loading: "_loading_xr7w1_142",
|
|
96
|
+
loader: "_loader_xr7w1_150",
|
|
97
|
+
"button-loader-spin": "_button-loader-spin_xr7w1_1"
|
|
98
|
+
}, a = /* @__PURE__ */ t(((e) => {
|
|
99
|
+
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
100
|
+
function r(e, n, r) {
|
|
101
|
+
var i = null;
|
|
102
|
+
if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
|
|
103
|
+
else r = n;
|
|
104
|
+
return n = r.ref, {
|
|
105
|
+
$$typeof: t,
|
|
106
|
+
type: e,
|
|
107
|
+
key: i,
|
|
108
|
+
ref: n === void 0 ? null : n,
|
|
109
|
+
props: r
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
e.Fragment = n, e.jsx = r, e.jsxs = r;
|
|
113
|
+
})), o = /* @__PURE__ */ t(((e) => {
|
|
114
|
+
process.env.NODE_ENV !== "production" && (function() {
|
|
115
|
+
function t(e) {
|
|
116
|
+
if (e == null) return null;
|
|
117
|
+
if (typeof e == "function") return e.$$typeof === A ? null : e.displayName || e.name || null;
|
|
118
|
+
if (typeof e == "string") return e;
|
|
119
|
+
switch (e) {
|
|
120
|
+
case v: return "Fragment";
|
|
121
|
+
case b: return "Profiler";
|
|
122
|
+
case y: return "StrictMode";
|
|
123
|
+
case w: return "Suspense";
|
|
124
|
+
case T: return "SuspenseList";
|
|
125
|
+
case O: return "Activity";
|
|
126
|
+
case k: return "ViewTransition";
|
|
127
|
+
}
|
|
128
|
+
if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
|
|
129
|
+
case _: return "Portal";
|
|
130
|
+
case S: return e.displayName || "Context";
|
|
131
|
+
case x: return (e._context.displayName || "Context") + ".Consumer";
|
|
132
|
+
case C:
|
|
133
|
+
var n = e.render;
|
|
134
|
+
return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
|
|
135
|
+
case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
|
|
136
|
+
case D:
|
|
137
|
+
n = e._payload, e = e._init;
|
|
138
|
+
try {
|
|
139
|
+
return t(e(n));
|
|
140
|
+
} catch {}
|
|
141
|
+
}
|
|
142
|
+
return null;
|
|
143
|
+
}
|
|
144
|
+
function r(e) {
|
|
145
|
+
return "" + e;
|
|
146
|
+
}
|
|
147
|
+
function i(e) {
|
|
148
|
+
try {
|
|
149
|
+
r(e);
|
|
150
|
+
var t = !1;
|
|
151
|
+
} catch {
|
|
152
|
+
t = !0;
|
|
153
|
+
}
|
|
154
|
+
if (t) {
|
|
155
|
+
t = console;
|
|
156
|
+
var n = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
157
|
+
return n.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), r(e);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
function a(e) {
|
|
161
|
+
if (e === v) return "<>";
|
|
162
|
+
if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
|
|
163
|
+
try {
|
|
164
|
+
var n = t(e);
|
|
165
|
+
return n ? "<" + n + ">" : "<...>";
|
|
166
|
+
} catch {
|
|
167
|
+
return "<...>";
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
function o() {
|
|
171
|
+
var e = j.A;
|
|
172
|
+
return e === null ? null : e.getOwner();
|
|
173
|
+
}
|
|
174
|
+
function s() {
|
|
175
|
+
return Error("react-stack-top-frame");
|
|
176
|
+
}
|
|
177
|
+
function c(e) {
|
|
178
|
+
if (M.call(e, "key")) {
|
|
179
|
+
var t = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
180
|
+
if (t && t.isReactWarning) return !1;
|
|
181
|
+
}
|
|
182
|
+
return e.key !== void 0;
|
|
183
|
+
}
|
|
184
|
+
function l(e, t) {
|
|
185
|
+
function n() {
|
|
186
|
+
F || (F = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
|
|
187
|
+
}
|
|
188
|
+
n.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
189
|
+
get: n,
|
|
190
|
+
configurable: !0
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
function u() {
|
|
194
|
+
var e = t(this.type);
|
|
195
|
+
return I[e] || (I[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
|
|
196
|
+
}
|
|
197
|
+
function d(e, t, n, r, i, a) {
|
|
198
|
+
var o = n.ref;
|
|
199
|
+
return e = {
|
|
200
|
+
$$typeof: g,
|
|
201
|
+
type: e,
|
|
202
|
+
key: t,
|
|
203
|
+
props: n,
|
|
204
|
+
_owner: r
|
|
205
|
+
}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
|
|
206
|
+
enumerable: !1,
|
|
207
|
+
value: null
|
|
208
|
+
}) : Object.defineProperty(e, "ref", {
|
|
209
|
+
enumerable: !1,
|
|
210
|
+
get: u
|
|
211
|
+
}), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
212
|
+
configurable: !1,
|
|
213
|
+
enumerable: !1,
|
|
214
|
+
writable: !0,
|
|
215
|
+
value: 0
|
|
216
|
+
}), Object.defineProperty(e, "_debugInfo", {
|
|
217
|
+
configurable: !1,
|
|
218
|
+
enumerable: !1,
|
|
219
|
+
writable: !0,
|
|
220
|
+
value: null
|
|
221
|
+
}), Object.defineProperty(e, "_debugStack", {
|
|
222
|
+
configurable: !1,
|
|
223
|
+
enumerable: !1,
|
|
224
|
+
writable: !0,
|
|
225
|
+
value: i
|
|
226
|
+
}), Object.defineProperty(e, "_debugTask", {
|
|
227
|
+
configurable: !1,
|
|
228
|
+
enumerable: !1,
|
|
229
|
+
writable: !0,
|
|
230
|
+
value: a
|
|
231
|
+
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
232
|
+
}
|
|
233
|
+
function f(e, n, r, a, s, u) {
|
|
234
|
+
var f = n.children;
|
|
235
|
+
if (f !== void 0) {
|
|
236
|
+
if (a) {
|
|
237
|
+
if (N(f)) {
|
|
238
|
+
for (a = 0; a < f.length; a++) p(f[a]);
|
|
239
|
+
Object.freeze && Object.freeze(f);
|
|
240
|
+
} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
241
|
+
} else p(f);
|
|
242
|
+
}
|
|
243
|
+
if (M.call(n, "key")) {
|
|
244
|
+
f = t(e);
|
|
245
|
+
var m = Object.keys(n).filter(function(e) {
|
|
246
|
+
return e !== "key";
|
|
247
|
+
});
|
|
248
|
+
a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", z[f + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />", a, f, m, f), z[f + a] = !0);
|
|
249
|
+
}
|
|
250
|
+
if (f = null, r !== void 0 && (i(r), f = "" + r), c(n) && (i(n.key), f = "" + n.key), "key" in n) for (var h in r = {}, n) h !== "key" && (r[h] = n[h]);
|
|
251
|
+
else r = n;
|
|
252
|
+
return f && l(r, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, r, o(), s, u);
|
|
253
|
+
}
|
|
254
|
+
function p(e) {
|
|
255
|
+
m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
256
|
+
}
|
|
257
|
+
function m(e) {
|
|
258
|
+
return typeof e == "object" && !!e && e.$$typeof === g;
|
|
259
|
+
}
|
|
260
|
+
var h = n("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.view_transition"), A = Symbol.for("react.client.reference"), j = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, N = Array.isArray, P = console.createTask ? console.createTask : function() {
|
|
261
|
+
return null;
|
|
262
|
+
};
|
|
263
|
+
h = { react_stack_bottom_frame: function(e) {
|
|
264
|
+
return e();
|
|
265
|
+
} };
|
|
266
|
+
var F, I = {}, L = h.react_stack_bottom_frame.bind(h, s)(), R = P(a(s)), z = {};
|
|
267
|
+
e.Fragment = v, e.jsx = function(e, t, n) {
|
|
268
|
+
var r = 1e4 > j.recentlyCreatedOwnerStacks++;
|
|
269
|
+
if (r) {
|
|
270
|
+
var i = Error.stackTraceLimit;
|
|
271
|
+
Error.stackTraceLimit = 10;
|
|
272
|
+
var o = Error("react-stack-top-frame");
|
|
273
|
+
Error.stackTraceLimit = i;
|
|
274
|
+
} else o = L;
|
|
275
|
+
return f(e, t, n, !1, o, r ? P(a(e)) : R);
|
|
276
|
+
}, e.jsxs = function(e, t, n) {
|
|
277
|
+
var r = 1e4 > j.recentlyCreatedOwnerStacks++;
|
|
278
|
+
if (r) {
|
|
279
|
+
var i = Error.stackTraceLimit;
|
|
280
|
+
Error.stackTraceLimit = 10;
|
|
281
|
+
var o = Error("react-stack-top-frame");
|
|
282
|
+
Error.stackTraceLimit = i;
|
|
283
|
+
} else o = L;
|
|
284
|
+
return f(e, t, n, !0, o, r ? P(a(e)) : R);
|
|
285
|
+
};
|
|
286
|
+
})();
|
|
287
|
+
})), s = (/* @__PURE__ */ t(((e, t) => {
|
|
288
|
+
t.exports = process.env.NODE_ENV === "production" ? a() : o();
|
|
289
|
+
})))(), c = [
|
|
290
|
+
"primary",
|
|
291
|
+
"secondary",
|
|
292
|
+
"accent",
|
|
293
|
+
"neutral",
|
|
294
|
+
"info",
|
|
295
|
+
"success",
|
|
296
|
+
"warning",
|
|
297
|
+
"error"
|
|
298
|
+
], l = [
|
|
299
|
+
"filled",
|
|
300
|
+
"outline",
|
|
301
|
+
"ghost"
|
|
302
|
+
], u = [
|
|
303
|
+
"compact-xs",
|
|
304
|
+
"compact-sm",
|
|
305
|
+
"compact-md",
|
|
306
|
+
"compact-lg",
|
|
307
|
+
"compact-xl",
|
|
308
|
+
"xs",
|
|
309
|
+
"sm",
|
|
310
|
+
"md",
|
|
311
|
+
"lg",
|
|
312
|
+
"xl"
|
|
313
|
+
];
|
|
314
|
+
function d(e, t, n) {
|
|
315
|
+
let r = `var(--bb-color-${t}, ${e[t]})`, i = `var(--bb-color-${t}-content, ${e[`${t}Content`]})`, a = `var(--bb-color-focus-ring, ${e.focusRing})`, o = `var(--budget-board-button-${t}`, s = `color-mix(in srgb, ${r} 88%, ${i})`;
|
|
316
|
+
return n === "outline" ? {
|
|
317
|
+
"--button-bg": "transparent",
|
|
318
|
+
"--button-color": `${o}-outline-color, ${r})`,
|
|
319
|
+
"--button-hover": `${o}-outline-hover, color-mix(in srgb, ${r} 12%, transparent))`,
|
|
320
|
+
"--button-active": `${o}-outline-active, color-mix(in srgb, ${r} 20%, transparent))`,
|
|
321
|
+
"--button-border": `${o}-outline-border, ${r})`,
|
|
322
|
+
"--button-hover-border": `${o}-outline-border, ${r})`,
|
|
323
|
+
"--button-focus": `var(--budget-board-button-focus-ring, ${a})`
|
|
324
|
+
} : n === "ghost" ? {
|
|
325
|
+
"--button-bg": "transparent",
|
|
326
|
+
"--button-color": `${o}-ghost-color, ${r})`,
|
|
327
|
+
"--button-hover": `${o}-ghost-hover, color-mix(in srgb, ${r} 12%, transparent))`,
|
|
328
|
+
"--button-active": `${o}-ghost-active, color-mix(in srgb, ${r} 20%, transparent))`,
|
|
329
|
+
"--button-border": "transparent",
|
|
330
|
+
"--button-hover-border": `${o}-ghost-hover-border, ${r})`,
|
|
331
|
+
"--button-focus": `var(--budget-board-button-focus-ring, ${a})`
|
|
332
|
+
} : {
|
|
333
|
+
"--button-bg": `${o}-background, ${r})`,
|
|
334
|
+
"--button-color": `${o}-color, ${i})`,
|
|
335
|
+
"--button-hover": `${o}-hover, ${s})`,
|
|
336
|
+
"--button-active": `${o}-active, color-mix(in srgb, ${r} 80%, ${i}))`,
|
|
337
|
+
"--button-border": "transparent",
|
|
338
|
+
"--button-hover-border": "transparent",
|
|
339
|
+
"--button-focus": `var(--budget-board-button-focus-ring, ${a})`
|
|
340
|
+
};
|
|
341
|
+
}
|
|
342
|
+
function f({ selected: e, children: t, className: n, color: a = "primary", disabled: o, fullWidth: c = !1, leftSection: l, loading: u = !1, rightSection: f, size: p = "md", style: m, type: h = "button", variant: g = "filled", ..._ }) {
|
|
343
|
+
let v = _.role === "tab";
|
|
344
|
+
return /* @__PURE__ */ (0, s.jsxs)("button", {
|
|
345
|
+
..._,
|
|
346
|
+
...e === void 0 || v ? {} : { "aria-pressed": e },
|
|
347
|
+
"aria-busy": u || void 0,
|
|
348
|
+
className: [
|
|
349
|
+
i.root,
|
|
350
|
+
i[p],
|
|
351
|
+
e && i.selected,
|
|
352
|
+
c && i.fullWidth,
|
|
353
|
+
u && i.loading,
|
|
354
|
+
n
|
|
355
|
+
].filter(Boolean).join(" "),
|
|
356
|
+
"data-budget-board-full-width": c ? "true" : void 0,
|
|
357
|
+
"data-budget-board-selected": e === void 0 ? void 0 : e ? "true" : "false",
|
|
358
|
+
"data-budget-board-color": a,
|
|
359
|
+
"data-budget-board-size": p,
|
|
360
|
+
"data-budget-board-variant": g,
|
|
361
|
+
disabled: o ?? u,
|
|
362
|
+
style: {
|
|
363
|
+
...d(r.light, a, g),
|
|
364
|
+
...m
|
|
365
|
+
},
|
|
366
|
+
type: h,
|
|
367
|
+
children: [
|
|
368
|
+
u && /* @__PURE__ */ (0, s.jsx)("span", {
|
|
369
|
+
"aria-hidden": "true",
|
|
370
|
+
className: i.loader
|
|
371
|
+
}),
|
|
372
|
+
l && /* @__PURE__ */ (0, s.jsx)("span", {
|
|
373
|
+
className: i.section,
|
|
374
|
+
children: l
|
|
375
|
+
}),
|
|
376
|
+
/* @__PURE__ */ (0, s.jsx)("span", {
|
|
377
|
+
className: i.content,
|
|
378
|
+
children: t
|
|
379
|
+
}),
|
|
380
|
+
f && /* @__PURE__ */ (0, s.jsx)("span", {
|
|
381
|
+
className: i.section,
|
|
382
|
+
children: f
|
|
383
|
+
})
|
|
384
|
+
]
|
|
385
|
+
});
|
|
386
|
+
}
|
|
387
|
+
//#endregion
|
|
388
|
+
//#region src/theme.ts
|
|
389
|
+
var p = {
|
|
390
|
+
body: "\"IBM Plex Sans\", sans-serif",
|
|
391
|
+
data: "\"IBM Plex Sans\", sans-serif",
|
|
392
|
+
display: "\"Plus Jakarta Sans\", sans-serif"
|
|
393
|
+
};
|
|
394
|
+
function m(t) {
|
|
395
|
+
return e({
|
|
396
|
+
fontFamily: p.body,
|
|
397
|
+
headings: { fontFamily: p.display },
|
|
398
|
+
defaultRadius: "sm",
|
|
399
|
+
other: { colors: t }
|
|
400
|
+
});
|
|
401
|
+
}
|
|
402
|
+
var h = m(r.light), g = m(r.dark);
|
|
403
|
+
//#endregion
|
|
404
|
+
export { f as Button, r as budgetBoardColors, g as budgetBoardDarkTheme, h as budgetBoardTheme, p as budgetBoardTypography, c as buttonColors, u as buttonSizes, l as buttonVariants };
|