@tenerife.music/ui 0.0.7 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +168 -136
- package/dist/applyMode-Bh7sEqT6.js +144 -0
- package/dist/applyMode-DCenL-Bg.cjs +2 -0
- package/dist/brand-C5R2semX.js +45 -0
- package/dist/brand-DQb18Frh.cjs +2 -0
- package/dist/colors-BGRiFoSZ.cjs +2 -0
- package/dist/colors-ClemXPPi.js +377 -0
- package/dist/components/admin/Dashboard.d.ts.map +1 -1
- package/dist/components/admin/UserManagement.d.ts.map +1 -1
- package/dist/components/auth/LoginForm.d.ts.map +1 -1
- package/dist/components/auth/ProfileCard.d.ts.map +1 -1
- package/dist/components/auth/RegisterForm.d.ts.map +1 -1
- package/dist/components/cards/EventCard.d.ts.map +1 -1
- package/dist/components/cards/VenueCard.d.ts.map +1 -1
- package/dist/components/controls/LanguageSelector.d.ts.map +1 -1
- package/dist/components/data/List.d.ts.map +1 -1
- package/dist/components/data/Table.d.ts +2 -2
- package/dist/components/data/Table.d.ts.map +1 -1
- package/dist/components/data/Timeline.d.ts.map +1 -1
- package/dist/components/feedback/Alert.d.ts +1 -1
- package/dist/components/feedback/Alert.d.ts.map +1 -1
- package/dist/components/feedback/ConsentBanner.d.ts.map +1 -1
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/feedback/Skeleton.d.ts.map +1 -1
- package/dist/components/filters/DateRangePicker.d.ts.map +1 -1
- package/dist/components/filters/FilterBar.d.ts +14 -1
- package/dist/components/filters/FilterBar.d.ts.map +1 -1
- package/dist/components/filters/FilterSelect.d.ts +2 -2
- package/dist/components/filters/FilterSelect.d.ts.map +1 -1
- package/dist/components/filters/PriceRangeSlider.d.ts.map +1 -1
- package/dist/components/filters/SearchFilters.d.ts.map +1 -1
- package/dist/components/filters/SearchInput.d.ts +1 -1
- package/dist/components/filters/SearchInput.d.ts.map +1 -1
- package/dist/components/filters/types.d.ts +9 -9
- package/dist/components/filters/types.d.ts.map +1 -1
- package/dist/components/forms/FormInput.d.ts +3 -7
- package/dist/components/forms/FormInput.d.ts.map +1 -1
- package/dist/components/forms/FormSelect.d.ts.map +1 -1
- package/dist/components/forms/FormTextarea.d.ts +2 -6
- package/dist/components/forms/FormTextarea.d.ts.map +1 -1
- package/dist/components/icons/TrendingIcon.d.ts.map +1 -1
- package/dist/components/image/Image.d.ts +4 -4
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/layout/Container.d.ts +2 -2
- package/dist/components/layout/Container.d.ts.map +1 -1
- package/dist/components/layout/Flex.d.ts +1 -1
- package/dist/components/layout/Flex.d.ts.map +1 -1
- package/dist/components/layout/Footer.d.ts.map +1 -1
- package/dist/components/layout/Grid.d.ts +3 -3
- package/dist/components/layout/Grid.d.ts.map +1 -1
- package/dist/components/layout/ModeHero.d.ts.map +1 -1
- package/dist/components/layout/Navbar.d.ts.map +1 -1
- package/dist/components/layout/Section.d.ts +2 -2
- package/dist/components/layout/Section.d.ts.map +1 -1
- package/dist/components/layout/Stack.d.ts +1 -1
- package/dist/components/layout/Stack.d.ts.map +1 -1
- package/dist/components/menus/DropdownMenu.d.ts +2 -2
- package/dist/components/menus/DropdownMenu.d.ts.map +1 -1
- package/dist/components/menus/NavigationMenu.d.ts +2 -2
- package/dist/components/menus/NavigationMenu.d.ts.map +1 -1
- package/dist/components/menus/Tabs.d.ts +2 -2
- package/dist/components/menus/Tabs.d.ts.map +1 -1
- package/dist/components/modals/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/modals/CustomDialog.d.ts +1 -2
- package/dist/components/modals/CustomDialog.d.ts.map +1 -1
- package/dist/components/modals/Modal.d.ts +2 -2
- package/dist/components/modals/Modal.d.ts.map +1 -1
- package/dist/components/modals/ModalProvider.d.ts +2 -2
- package/dist/components/modals/ModalProvider.d.ts.map +1 -1
- package/dist/components/modals/SimpleModal.d.ts +1 -2
- package/dist/components/modals/SimpleModal.d.ts.map +1 -1
- package/dist/components/navigation/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/Pagination.d.ts.map +1 -1
- package/dist/components/overlays/OverlayPortal.d.ts +3 -3
- package/dist/components/overlays/OverlayPortal.d.ts.map +1 -1
- package/dist/components/overlays/Popover.d.ts +11 -11
- package/dist/components/overlays/Popover.d.ts.map +1 -1
- package/dist/components/overlays/Tooltip.d.ts +9 -9
- package/dist/components/overlays/Tooltip.d.ts.map +1 -1
- package/dist/components/primitives/Badge.d.ts +1 -1
- package/dist/components/primitives/Badge.d.ts.map +1 -1
- package/dist/components/primitives/Button.d.ts +1 -1
- package/dist/components/primitives/Button.d.ts.map +1 -1
- package/dist/components/primitives/Card.d.ts +1 -1
- package/dist/components/primitives/Card.d.ts.map +1 -1
- package/dist/components/primitives/Divider.d.ts.map +1 -1
- package/dist/components/primitives/Link.d.ts +2 -2
- package/dist/components/primitives/Link.d.ts.map +1 -1
- package/dist/components/primitives/ThemeSwitch.d.ts.map +1 -1
- package/dist/components/primitives/Typography.d.ts +4 -4
- package/dist/components/primitives/Typography.d.ts.map +1 -1
- package/dist/components/search/SearchBar.d.ts.map +1 -1
- package/dist/components/sections/ArticlesSection.d.ts.map +1 -1
- package/dist/components/sections/TrendingSection.d.ts +7 -3
- package/dist/components/sections/TrendingSection.d.ts.map +1 -1
- package/dist/components/skeletons/EventCardSkeleton.d.ts.map +1 -1
- package/dist/components/skeletons/VenueCardSkeleton.d.ts.map +1 -1
- package/dist/components/toasts/Toast.d.ts +2 -2
- package/dist/components/toasts/Toast.d.ts.map +1 -1
- package/dist/components/toasts/ToastProvider.d.ts +3 -3
- package/dist/components/toasts/ToastProvider.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts +2 -2
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/card.d.ts +1 -1
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/dialog.d.ts +2 -2
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/label.d.ts +1 -1
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/toast.d.ts +3 -3
- package/dist/components/ui/toast.d.ts.map +1 -1
- package/dist/components/ui/toaster.d.ts.map +1 -1
- package/dist/components/ui/tooltip.d.ts +2 -2
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/dark-Cvoy1uFT.js +30 -0
- package/dist/dark-OOhiqt1q.cjs +2 -0
- package/dist/default-BKgH1D9-.js +8 -0
- package/dist/default-Ddg7Haf2.cjs +2 -0
- package/dist/hooks/use-toast.d.ts +3 -3
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/useDebounce.d.ts +20 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useModal.d.ts +5 -5
- package/dist/hooks/useModal.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +2 -2
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +17 -17
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +2170 -2196
- package/dist/preset.cjs +1 -1
- package/dist/preset.d.ts.map +1 -1
- package/dist/preset.mjs +1 -1
- package/dist/radius-CAu4qr9R.js +185 -0
- package/dist/radius-Cz6tayZG.cjs +2 -0
- package/dist/theme/ThemeProvider.d.ts +45 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/applyMode.d.ts +31 -0
- package/dist/theme/applyMode.d.ts.map +1 -1
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.mjs +102 -97
- package/dist/theme/motion.d.ts.map +1 -1
- package/dist/theme/typography.d.ts.map +1 -1
- package/dist/themes/brand.d.ts +7 -0
- package/dist/themes/brand.d.ts.map +1 -0
- package/dist/themes/dark.d.ts +7 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/default.d.ts +7 -0
- package/dist/themes/default.d.ts.map +1 -0
- package/dist/themes/index.d.ts +22 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/types.d.ts +64 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/tokens/colors.d.ts +260 -38
- package/dist/tokens/colors.d.ts.map +1 -1
- package/dist/tokens/css-variables.d.ts +250 -0
- package/dist/tokens/css-variables.d.ts.map +1 -0
- package/dist/tokens/index.cjs +4 -1
- package/dist/tokens/index.d.ts +4 -1
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.mjs +1025 -167
- package/dist/tokens/motion.d.ts +358 -0
- package/dist/tokens/motion.d.ts.map +1 -0
- package/dist/tokens/radius.d.ts +130 -2
- package/dist/tokens/radius.d.ts.map +1 -1
- package/dist/tokens/shadows.d.ts +172 -0
- package/dist/tokens/shadows.d.ts.map +1 -0
- package/dist/tokens/spacing.d.ts +155 -1
- package/dist/tokens/spacing.d.ts.map +1 -1
- package/dist/tokens/typography.d.ts +285 -21
- package/dist/tokens/typography.d.ts.map +1 -1
- package/package.json +53 -18
- package/dist/radius-CuOZD6Mk.cjs +0 -2
- package/dist/radius-NOytgRst.js +0 -22
package/dist/preset.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const r=require("./radius-
|
|
2
|
+
"use strict";const r=require("./radius-Cz6tayZG.cjs"),o={darkMode:["class",'[data-mode="night"]'],theme:{extend:{colors:{background:"var(--background)",foreground:"var(--foreground)",border:"var(--border)",input:"var(--input)",ring:"var(--ring)",muted:{DEFAULT:"var(--muted)",foreground:"var(--muted-foreground)"},popover:{DEFAULT:"var(--popover)",foreground:"var(--popover-foreground)"},primary:{DEFAULT:"hsl(var(--tm-primary))",foreground:"hsl(var(--tm-primary-foreground))"},secondary:{DEFAULT:"hsl(var(--tm-secondary))",foreground:"hsl(var(--tm-secondary-foreground))"},accent:{DEFAULT:"hsl(var(--tm-accent))",foreground:"hsl(var(--tm-accent-foreground))"},destructive:{DEFAULT:"var(--destructive)",foreground:"var(--destructive-foreground)"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)",none:r.borderRadius.none,DEFAULT:r.borderRadius.DEFAULT,xl:r.borderRadius.xl,"2xl":r.borderRadius["2xl"],"3xl":r.borderRadius["3xl"],full:r.borderRadius.full},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[]};module.exports=o;
|
package/dist/preset.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA+D3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/preset.mjs
CHANGED
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
const d = {
|
|
3
|
+
// No radius
|
|
4
|
+
none: "0",
|
|
5
|
+
// Extra small radius
|
|
6
|
+
xs: "0.125rem",
|
|
7
|
+
// 2px
|
|
8
|
+
// Small radius
|
|
9
|
+
sm: "0.25rem",
|
|
10
|
+
// 4px (base unit)
|
|
11
|
+
// Default radius (base)
|
|
12
|
+
DEFAULT: "0.25rem",
|
|
13
|
+
// 4px (same as sm)
|
|
14
|
+
base: "0.25rem",
|
|
15
|
+
// 4px (alias)
|
|
16
|
+
// Medium radius
|
|
17
|
+
md: "0.375rem",
|
|
18
|
+
// 6px
|
|
19
|
+
// Large radius
|
|
20
|
+
lg: "0.5rem",
|
|
21
|
+
// 8px (2 × base)
|
|
22
|
+
// Extra large radius
|
|
23
|
+
xl: "0.75rem",
|
|
24
|
+
// 12px (3 × base)
|
|
25
|
+
// 2XL radius
|
|
26
|
+
"2xl": "1rem",
|
|
27
|
+
// 16px (4 × base)
|
|
28
|
+
// 3XL radius
|
|
29
|
+
"3xl": "1.5rem",
|
|
30
|
+
// 24px (6 × base)
|
|
31
|
+
// Full radius (circular)
|
|
32
|
+
full: "9999px"
|
|
33
|
+
}, m = {
|
|
34
|
+
// Button radius standards
|
|
35
|
+
button: {
|
|
36
|
+
sm: d.sm,
|
|
37
|
+
// 4px (compact buttons)
|
|
38
|
+
md: d.md,
|
|
39
|
+
// 6px (default buttons)
|
|
40
|
+
lg: d.lg,
|
|
41
|
+
// 8px (large buttons)
|
|
42
|
+
pill: d.full
|
|
43
|
+
// Full (pill buttons)
|
|
44
|
+
},
|
|
45
|
+
// Card radius standards
|
|
46
|
+
card: {
|
|
47
|
+
sm: d.sm,
|
|
48
|
+
// 4px (compact cards)
|
|
49
|
+
md: d.md,
|
|
50
|
+
// 6px (default cards)
|
|
51
|
+
lg: d.lg,
|
|
52
|
+
// 8px (large cards)
|
|
53
|
+
xl: d.xl
|
|
54
|
+
// 12px (feature cards)
|
|
55
|
+
},
|
|
56
|
+
// Input/Form field radius standards
|
|
57
|
+
input: {
|
|
58
|
+
sm: d.sm,
|
|
59
|
+
// 4px (compact inputs)
|
|
60
|
+
md: d.md,
|
|
61
|
+
// 6px (default inputs)
|
|
62
|
+
lg: d.lg
|
|
63
|
+
// 8px (large inputs)
|
|
64
|
+
},
|
|
65
|
+
// Badge/Status radius standards
|
|
66
|
+
badge: {
|
|
67
|
+
sm: d.xs,
|
|
68
|
+
// 2px (compact badges)
|
|
69
|
+
md: d.sm,
|
|
70
|
+
// 4px (default badges)
|
|
71
|
+
lg: d.md,
|
|
72
|
+
// 6px (large badges)
|
|
73
|
+
pill: d.full
|
|
74
|
+
// Full (pill badges)
|
|
75
|
+
},
|
|
76
|
+
// Avatar radius standards
|
|
77
|
+
avatar: {
|
|
78
|
+
sm: d.full,
|
|
79
|
+
// Full (small avatars)
|
|
80
|
+
md: d.full,
|
|
81
|
+
// Full (default avatars)
|
|
82
|
+
lg: d.full,
|
|
83
|
+
// Full (large avatars)
|
|
84
|
+
square: d.md
|
|
85
|
+
// 6px (square avatars)
|
|
86
|
+
},
|
|
87
|
+
// Modal/Dialog radius standards
|
|
88
|
+
modal: {
|
|
89
|
+
sm: d.md,
|
|
90
|
+
// 6px (small modals)
|
|
91
|
+
md: d.lg,
|
|
92
|
+
// 8px (default modals)
|
|
93
|
+
lg: d.xl,
|
|
94
|
+
// 12px (large modals)
|
|
95
|
+
xl: d["2xl"]
|
|
96
|
+
// 16px (extra large modals)
|
|
97
|
+
},
|
|
98
|
+
// Tooltip radius standards
|
|
99
|
+
tooltip: {
|
|
100
|
+
sm: d.sm,
|
|
101
|
+
// 4px (default tooltips)
|
|
102
|
+
md: d.md
|
|
103
|
+
// 6px (large tooltips)
|
|
104
|
+
},
|
|
105
|
+
// Toast/Notification radius standards
|
|
106
|
+
toast: {
|
|
107
|
+
sm: d.md,
|
|
108
|
+
// 6px (compact toasts)
|
|
109
|
+
md: d.lg,
|
|
110
|
+
// 8px (default toasts)
|
|
111
|
+
lg: d.xl
|
|
112
|
+
// 12px (large toasts)
|
|
113
|
+
},
|
|
114
|
+
// Chip/Tag radius standards
|
|
115
|
+
chip: {
|
|
116
|
+
sm: d.xs,
|
|
117
|
+
// 2px (compact chips)
|
|
118
|
+
md: d.sm,
|
|
119
|
+
// 4px (default chips)
|
|
120
|
+
lg: d.md,
|
|
121
|
+
// 6px (large chips)
|
|
122
|
+
pill: d.full
|
|
123
|
+
// Full (pill chips)
|
|
124
|
+
},
|
|
125
|
+
// Image/Media radius standards
|
|
126
|
+
image: {
|
|
127
|
+
none: d.none,
|
|
128
|
+
// 0 (sharp images)
|
|
129
|
+
sm: d.sm,
|
|
130
|
+
// 4px (subtle rounding)
|
|
131
|
+
md: d.md,
|
|
132
|
+
// 6px (default)
|
|
133
|
+
lg: d.lg,
|
|
134
|
+
// 8px (rounded)
|
|
135
|
+
xl: d.xl,
|
|
136
|
+
// 12px (very rounded)
|
|
137
|
+
full: d.full
|
|
138
|
+
// Full (circular images)
|
|
139
|
+
}
|
|
140
|
+
}, l = {
|
|
141
|
+
// Border radius scale
|
|
142
|
+
"--radius-none": d.none,
|
|
143
|
+
"--radius-xs": d.xs,
|
|
144
|
+
"--radius-sm": d.sm,
|
|
145
|
+
"--radius-base": d.base,
|
|
146
|
+
"--radius-md": d.md,
|
|
147
|
+
"--radius-lg": d.lg,
|
|
148
|
+
"--radius-xl": d.xl,
|
|
149
|
+
"--radius-2xl": d["2xl"],
|
|
150
|
+
"--radius-3xl": d["3xl"],
|
|
151
|
+
"--radius-full": d.full,
|
|
152
|
+
// Default radius variable (commonly used)
|
|
153
|
+
"--radius": d.md,
|
|
154
|
+
// Default to medium (6px)
|
|
155
|
+
// Component-specific radius variables
|
|
156
|
+
"--radius-button": m.button.md,
|
|
157
|
+
"--radius-card": m.card.md,
|
|
158
|
+
"--radius-input": m.input.md,
|
|
159
|
+
"--radius-badge": m.badge.md,
|
|
160
|
+
"--radius-modal": m.modal.md,
|
|
161
|
+
"--radius-tooltip": m.tooltip.sm,
|
|
162
|
+
"--radius-toast": m.toast.md,
|
|
163
|
+
"--radius-chip": m.chip.md,
|
|
164
|
+
"--radius-image": m.image.md
|
|
165
|
+
}, s = {
|
|
166
|
+
borderRadius: {
|
|
167
|
+
...d,
|
|
168
|
+
// Add component-specific aliases
|
|
169
|
+
button: m.button.md,
|
|
170
|
+
card: m.card.md,
|
|
171
|
+
input: m.input.md,
|
|
172
|
+
badge: m.badge.md,
|
|
173
|
+
modal: m.modal.md,
|
|
174
|
+
tooltip: m.tooltip.sm,
|
|
175
|
+
toast: m.toast.md,
|
|
176
|
+
chip: m.chip.md,
|
|
177
|
+
image: m.image.md
|
|
178
|
+
}
|
|
179
|
+
};
|
|
180
|
+
export {
|
|
181
|
+
d as b,
|
|
182
|
+
m as c,
|
|
183
|
+
l as r,
|
|
184
|
+
s as t
|
|
185
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";const d={none:"0",xs:"0.125rem",sm:"0.25rem",DEFAULT:"0.25rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},m={button:{sm:d.sm,md:d.md,lg:d.lg,pill:d.full},card:{sm:d.sm,md:d.md,lg:d.lg,xl:d.xl},input:{sm:d.sm,md:d.md,lg:d.lg},badge:{sm:d.xs,md:d.sm,lg:d.md,pill:d.full},avatar:{sm:d.full,md:d.full,lg:d.full,square:d.md},modal:{sm:d.md,md:d.lg,lg:d.xl,xl:d["2xl"]},tooltip:{sm:d.sm,md:d.md},toast:{sm:d.md,md:d.lg,lg:d.xl},chip:{sm:d.xs,md:d.sm,lg:d.md,pill:d.full},image:{none:d.none,sm:d.sm,md:d.md,lg:d.lg,xl:d.xl,full:d.full}},l={"--radius-none":d.none,"--radius-xs":d.xs,"--radius-sm":d.sm,"--radius-base":d.base,"--radius-md":d.md,"--radius-lg":d.lg,"--radius-xl":d.xl,"--radius-2xl":d["2xl"],"--radius-3xl":d["3xl"],"--radius-full":d.full,"--radius":d.md,"--radius-button":m.button.md,"--radius-card":m.card.md,"--radius-input":m.input.md,"--radius-badge":m.badge.md,"--radius-modal":m.modal.md,"--radius-tooltip":m.tooltip.sm,"--radius-toast":m.toast.md,"--radius-chip":m.chip.md,"--radius-image":m.image.md},s={borderRadius:{...d,button:m.button.md,card:m.card.md,input:m.input.md,badge:m.badge.md,modal:m.modal.md,tooltip:m.tooltip.sm,toast:m.toast.md,chip:m.chip.md,image:m.image.md}};exports.borderRadius=d;exports.componentRadius=m;exports.radiusCSSVariables=l;exports.tailwindRadiusConfig=s;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ThemeName } from '../themes/types';
|
|
3
|
+
import { Mode } from '../tokens/colors';
|
|
4
|
+
/**
|
|
5
|
+
* Theme Context
|
|
6
|
+
*/
|
|
7
|
+
interface ThemeContextValue {
|
|
8
|
+
mode: Mode;
|
|
9
|
+
theme: ThemeName;
|
|
10
|
+
setMode: (mode: Mode) => void;
|
|
11
|
+
setTheme: (theme: ThemeName) => void;
|
|
12
|
+
toggleMode: () => void;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Theme Provider Props
|
|
16
|
+
*/
|
|
17
|
+
interface ThemeProviderProps {
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
defaultMode?: Mode;
|
|
20
|
+
defaultTheme?: ThemeName;
|
|
21
|
+
storageKey?: string;
|
|
22
|
+
themeStorageKey?: string;
|
|
23
|
+
attribute?: string;
|
|
24
|
+
enableSystem?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Theme Provider
|
|
28
|
+
*
|
|
29
|
+
* Provides theme context and manages theme mode (day/night) and theme overrides (default/dark/brand).
|
|
30
|
+
* Uses tokens for all theme values and persists mode and theme in localStorage.
|
|
31
|
+
*/
|
|
32
|
+
export declare function ThemeProvider({ children, defaultMode, defaultTheme, storageKey, themeStorageKey, attribute, enableSystem, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
/**
|
|
34
|
+
* useTheme Hook
|
|
35
|
+
*
|
|
36
|
+
* Provides access to theme context and theme control functions.
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```tsx
|
|
40
|
+
* const { mode, theme, setMode, setTheme, toggleMode } = useTheme();
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
export declare function useTheme(): ThemeContextValue;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAU5C;;GAEG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAID;;GAEG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAmB,EACnB,YAAwB,EACxB,UAAsB,EACtB,eAA4B,EAC5B,SAAuB,EACvB,YAAmB,GACpB,EAAE,kBAAkB,2CA8GpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAQ5C"}
|
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
import { ThemeOverride } from '../themes/types';
|
|
1
2
|
import { Mode } from '../tokens/colors';
|
|
3
|
+
/**
|
|
4
|
+
* Get initial mode from various sources
|
|
5
|
+
* Checks in order: DOM attribute, localStorage, system preference, default
|
|
6
|
+
*/
|
|
7
|
+
export declare function getInitialMode(defaultMode?: Mode, storageKey?: string, enableSystem?: boolean): Mode;
|
|
8
|
+
/**
|
|
9
|
+
* Load and cache theme override
|
|
10
|
+
*/
|
|
11
|
+
export declare function loadThemeOverride(themeName: "default" | "dark" | "brand"): Promise<ThemeOverride | null>;
|
|
12
|
+
/**
|
|
13
|
+
* Apply theme and mode to document
|
|
14
|
+
* Updates DOM attributes, classes, and CSS variables from tokens with theme overrides
|
|
15
|
+
*/
|
|
16
|
+
export declare function applyDocumentTheme(mode: Mode, themeName?: "default" | "dark" | "brand"): Promise<void>;
|
|
17
|
+
/**
|
|
18
|
+
* Apply mode to document (backward compatible)
|
|
19
|
+
* Updates DOM attributes, classes, and CSS variables from tokens
|
|
20
|
+
*/
|
|
2
21
|
export declare function applyDocumentMode(mode: Mode): void;
|
|
22
|
+
/**
|
|
23
|
+
* Get initial theme from various sources
|
|
24
|
+
*/
|
|
25
|
+
export declare function getInitialTheme(defaultTheme?: "default" | "dark" | "brand", storageKey?: string): "default" | "dark" | "brand";
|
|
26
|
+
/**
|
|
27
|
+
* Persist mode to localStorage
|
|
28
|
+
*/
|
|
29
|
+
export declare function persistMode(mode: Mode, storageKey?: string): void;
|
|
30
|
+
/**
|
|
31
|
+
* Persist theme to localStorage
|
|
32
|
+
*/
|
|
33
|
+
export declare function persistTheme(theme: "default" | "dark" | "brand", storageKey?: string): void;
|
|
3
34
|
//# sourceMappingURL=applyMode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyMode.d.ts","sourceRoot":"","sources":["../../src/theme/applyMode.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyMode.d.ts","sourceRoot":"","sources":["../../src/theme/applyMode.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAKL,KAAK,IAAI,EASV,MAAM,iBAAiB,CAAC;AAOzB;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,WAAW,GAAE,IAAY,EACzB,UAAU,GAAE,MAAkB,EAC9B,YAAY,GAAE,OAAc,GAC3B,IAAI,CAsCN;AAOD;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GACtC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAe/B;AA4LD;;;GAGG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,IAAI,EACV,SAAS,GAAE,SAAS,GAAG,MAAM,GAAG,OAAmB,iBAiCpD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,QAY3C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,YAAY,GAAE,SAAS,GAAG,MAAM,GAAG,OAAmB,EACtD,UAAU,GAAE,MAAmB,GAC9B,SAAS,GAAG,MAAM,GAAG,OAAO,CAsB9B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,GAAE,MAAkB,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,EAAE,UAAU,GAAE,MAAmB,QAQhG"}
|
package/dist/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../applyMode-DCenL-Bg.cjs"),y=require("react/jsx-runtime"),o=require("react"),F={day:{background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:"hsl(var(--card))",cardForeground:"hsl(var(--card-foreground))",popover:"hsl(var(--popover))",popoverForeground:"hsl(var(--popover-foreground))",primary:"hsl(var(--tm-primary))",primaryForeground:"hsl(var(--tm-primary-foreground))",secondary:"hsl(var(--tm-secondary))",secondaryForeground:"hsl(var(--tm-secondary-foreground))",muted:"hsl(var(--muted))",mutedForeground:"hsl(var(--muted-foreground))",accent:"hsl(var(--tm-accent))",accentForeground:"hsl(var(--tm-accent-foreground))",destructive:"hsl(var(--destructive))",destructiveForeground:"hsl(var(--destructive-foreground))",border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",chart1:"hsl(12, 76%, 61%)",chart2:"hsl(173, 58%, 39%)",chart3:"hsl(197, 37%, 24%)",chart4:"hsl(43, 74%, 66%)",chart5:"hsl(27, 87%, 67%)"},night:{background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:"hsl(var(--card))",cardForeground:"hsl(var(--card-foreground))",popover:"hsl(var(--popover))",popoverForeground:"hsl(var(--popover-foreground))",primary:"hsl(var(--tm-primary))",primaryForeground:"hsl(var(--tm-primary-foreground))",secondary:"hsl(var(--tm-secondary))",secondaryForeground:"hsl(var(--tm-secondary-foreground))",muted:"hsl(var(--muted))",mutedForeground:"hsl(var(--muted-foreground))",accent:"hsl(var(--tm-accent))",accentForeground:"hsl(var(--tm-accent-foreground))",destructive:"hsl(var(--destructive))",destructiveForeground:"hsl(var(--destructive-foreground))",border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",chart1:"hsl(220, 70%, 50%)",chart2:"hsl(160, 60%, 45%)",chart3:"hsl(30, 80%, 55%)",chart4:"hsl(280, 65%, 60%)",chart5:"hsl(340, 75%, 55%)"}},w={background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},primary:{DEFAULT:"hsl(var(--tm-primary))",foreground:"hsl(var(--tm-primary-foreground))"},secondary:{DEFAULT:"hsl(var(--tm-secondary))",foreground:"hsl(var(--tm-secondary-foreground))"},muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},accent:{DEFAULT:"hsl(var(--tm-accent))",foreground:"hsl(var(--tm-accent-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",chart:{1:"hsl(var(--chart-1))",2:"hsl(var(--chart-2))",3:"hsl(var(--chart-3))",4:"hsl(var(--chart-4))",5:"hsl(var(--chart-5))"}},M={none:"0",xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem","2xl":"2.5rem","3xl":"3rem","4xl":"4rem","5xl":"5rem"},C={none:"0px",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},D={none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",base:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},x=o.createContext(void 0);function E({children:m,defaultMode:u="day",defaultTheme:h="default",storageKey:n="tm_mode",themeStorageKey:a="tm_theme",attribute:b="data-mode",enableSystem:c=!0}){const[s,p]=o.useState(()=>{if(typeof window>"u")return u;const t=document.documentElement.getAttribute(b);if(t==="day"||t==="night")return t;try{const l=localStorage.getItem(n);if(l==="day"||l==="night")return l}catch{}return c&&typeof window<"u"?window.matchMedia("(prefers-color-scheme: dark)").matches?"night":"day":u}),[d,g]=o.useState(()=>typeof window>"u"?h:r.getInitialTheme(h,a)),i=o.useCallback(e=>{p(e),r.applyDocumentTheme(e,d),r.persistMode(e,n)},[d,n]),v=o.useCallback(async e=>{g(e),await r.applyDocumentTheme(s,e),r.persistTheme(e,a)},[s,a]),f=o.useCallback(()=>{i(s==="night"?"day":"night")},[s,i]);o.useEffect(()=>{const e=r.getInitialMode(u,n,c),t=r.getInitialTheme(h,a);p(e),g(t),r.applyDocumentTheme(e,t),r.persistMode(e,n),r.persistTheme(t,a)},[u,h,n,a,c]),o.useEffect(()=>{if(!c)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=l=>{try{localStorage.getItem(n)||i(l.matches?"night":"day")}catch{}};return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[c,n,i]),o.useEffect(()=>{r.applyDocumentTheme(s,d)},[s,d]);const T=o.useMemo(()=>({mode:s,theme:d,setMode:i,setTheme:v,toggleMode:f}),[s,d,i,v,f]);return y.jsx(x.Provider,{value:T,children:m})}function k(){const m=o.useContext(x);if(m===void 0)throw new Error("useTheme must be used within a ThemeProvider");return m}const I={sans:["ui-sans-serif","system-ui","-apple-system","Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans","Helvetica Neue","Arial","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"].join(", "),serif:["ui-serif","Georgia","Cambria","Times New Roman","Times","serif"].join(", "),mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"].join(", ")},U={xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem"},A={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},L={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},j={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"};exports.applyDocumentMode=r.applyDocumentMode;exports.applyDocumentTheme=r.applyDocumentTheme;exports.getInitialMode=r.getInitialMode;exports.getInitialTheme=r.getInitialTheme;exports.loadThemeOverride=r.loadThemeOverride;exports.persistMode=r.persistMode;exports.persistTheme=r.persistTheme;exports.ThemeProvider=E;exports.borderRadius=C;exports.cssVariableColorTokens=F;exports.fontFamilies=I;exports.fontSizes=U;exports.fontWeights=A;exports.letterSpacings=j;exports.lineHeights=L;exports.shadows=D;exports.spacing=M;exports.tailwindThemeColors=w;exports.useTheme=k;
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC1D,cAAc,cAAc,CAAC"}
|
package/dist/theme/index.mjs
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
2
|
+
import { g as x, a as h, p as b, b as y, c as E } from "../applyMode-Bh7sEqT6.js";
|
|
3
|
+
import { d as V, l as W } from "../applyMode-Bh7sEqT6.js";
|
|
4
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
5
|
+
import e from "react";
|
|
6
|
+
const L = {
|
|
3
7
|
day: {
|
|
4
8
|
background: "hsl(var(--background))",
|
|
5
9
|
foreground: "hsl(var(--foreground))",
|
|
@@ -52,7 +56,7 @@ const e = {
|
|
|
52
56
|
chart4: "hsl(280, 65%, 60%)",
|
|
53
57
|
chart5: "hsl(340, 75%, 55%)"
|
|
54
58
|
}
|
|
55
|
-
},
|
|
59
|
+
}, M = {
|
|
56
60
|
background: "hsl(var(--background))",
|
|
57
61
|
foreground: "hsl(var(--foreground))",
|
|
58
62
|
card: {
|
|
@@ -93,7 +97,7 @@ const e = {
|
|
|
93
97
|
4: "hsl(var(--chart-4))",
|
|
94
98
|
5: "hsl(var(--chart-5))"
|
|
95
99
|
}
|
|
96
|
-
},
|
|
100
|
+
}, j = {
|
|
97
101
|
none: "0",
|
|
98
102
|
xs: "0.25rem",
|
|
99
103
|
// 4px
|
|
@@ -113,7 +117,7 @@ const e = {
|
|
|
113
117
|
// 64px
|
|
114
118
|
"5xl": "5rem"
|
|
115
119
|
// 80px
|
|
116
|
-
},
|
|
120
|
+
}, I = {
|
|
117
121
|
none: "0px",
|
|
118
122
|
sm: "0.125rem",
|
|
119
123
|
// 2px
|
|
@@ -130,7 +134,7 @@ const e = {
|
|
|
130
134
|
"3xl": "1.5rem",
|
|
131
135
|
// 24px
|
|
132
136
|
full: "9999px"
|
|
133
|
-
},
|
|
137
|
+
}, N = {
|
|
134
138
|
none: "none",
|
|
135
139
|
sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
136
140
|
base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
@@ -139,7 +143,75 @@ const e = {
|
|
|
139
143
|
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
140
144
|
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
141
145
|
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
142
|
-
},
|
|
146
|
+
}, F = e.createContext(void 0);
|
|
147
|
+
function R({
|
|
148
|
+
children: i,
|
|
149
|
+
defaultMode: m = "day",
|
|
150
|
+
defaultTheme: u = "default",
|
|
151
|
+
storageKey: t = "tm_mode",
|
|
152
|
+
themeStorageKey: a = "tm_theme",
|
|
153
|
+
attribute: T = "data-mode",
|
|
154
|
+
enableSystem: l = !0
|
|
155
|
+
}) {
|
|
156
|
+
const [n, g] = e.useState(() => {
|
|
157
|
+
if (typeof window > "u") return m;
|
|
158
|
+
const o = document.documentElement.getAttribute(T);
|
|
159
|
+
if (o === "day" || o === "night")
|
|
160
|
+
return o;
|
|
161
|
+
try {
|
|
162
|
+
const c = localStorage.getItem(t);
|
|
163
|
+
if (c === "day" || c === "night")
|
|
164
|
+
return c;
|
|
165
|
+
} catch {
|
|
166
|
+
}
|
|
167
|
+
return l && typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "night" : "day" : m;
|
|
168
|
+
}), [s, p] = e.useState(() => typeof window > "u" ? u : x(u, a)), d = e.useCallback(
|
|
169
|
+
(r) => {
|
|
170
|
+
g(r), h(r, s), b(r, t);
|
|
171
|
+
},
|
|
172
|
+
[s, t]
|
|
173
|
+
), v = e.useCallback(
|
|
174
|
+
async (r) => {
|
|
175
|
+
p(r), await h(n, r), y(r, a);
|
|
176
|
+
},
|
|
177
|
+
[n, a]
|
|
178
|
+
), f = e.useCallback(() => {
|
|
179
|
+
d(n === "night" ? "day" : "night");
|
|
180
|
+
}, [n, d]);
|
|
181
|
+
e.useEffect(() => {
|
|
182
|
+
const r = E(m, t, l), o = x(u, a);
|
|
183
|
+
g(r), p(o), h(r, o), b(r, t), y(o, a);
|
|
184
|
+
}, [m, u, t, a, l]), e.useEffect(() => {
|
|
185
|
+
if (!l) return;
|
|
186
|
+
const r = window.matchMedia("(prefers-color-scheme: dark)"), o = (c) => {
|
|
187
|
+
try {
|
|
188
|
+
localStorage.getItem(t) || d(c.matches ? "night" : "day");
|
|
189
|
+
} catch {
|
|
190
|
+
}
|
|
191
|
+
};
|
|
192
|
+
return r.addEventListener("change", o), () => r.removeEventListener("change", o);
|
|
193
|
+
}, [l, t, d]), e.useEffect(() => {
|
|
194
|
+
h(n, s);
|
|
195
|
+
}, [n, s]);
|
|
196
|
+
const w = e.useMemo(
|
|
197
|
+
() => ({
|
|
198
|
+
mode: n,
|
|
199
|
+
theme: s,
|
|
200
|
+
setMode: d,
|
|
201
|
+
setTheme: v,
|
|
202
|
+
toggleMode: f
|
|
203
|
+
}),
|
|
204
|
+
[n, s, d, v, f]
|
|
205
|
+
);
|
|
206
|
+
return /* @__PURE__ */ k(F.Provider, { value: w, children: i });
|
|
207
|
+
}
|
|
208
|
+
function S() {
|
|
209
|
+
const i = e.useContext(F);
|
|
210
|
+
if (i === void 0)
|
|
211
|
+
throw new Error("useTheme must be used within a ThemeProvider");
|
|
212
|
+
return i;
|
|
213
|
+
}
|
|
214
|
+
const _ = {
|
|
143
215
|
sans: [
|
|
144
216
|
"ui-sans-serif",
|
|
145
217
|
"system-ui",
|
|
@@ -156,14 +228,7 @@ const e = {
|
|
|
156
228
|
"Segoe UI Symbol",
|
|
157
229
|
"Noto Color Emoji"
|
|
158
230
|
].join(", "),
|
|
159
|
-
serif: [
|
|
160
|
-
"ui-serif",
|
|
161
|
-
"Georgia",
|
|
162
|
-
"Cambria",
|
|
163
|
-
"Times New Roman",
|
|
164
|
-
"Times",
|
|
165
|
-
"serif"
|
|
166
|
-
].join(", "),
|
|
231
|
+
serif: ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"].join(", "),
|
|
167
232
|
mono: [
|
|
168
233
|
"ui-monospace",
|
|
169
234
|
"SFMono-Regular",
|
|
@@ -174,7 +239,7 @@ const e = {
|
|
|
174
239
|
"Courier New",
|
|
175
240
|
"monospace"
|
|
176
241
|
].join(", ")
|
|
177
|
-
},
|
|
242
|
+
}, P = {
|
|
178
243
|
xs: "0.75rem",
|
|
179
244
|
// 12px
|
|
180
245
|
sm: "0.875rem",
|
|
@@ -195,7 +260,7 @@ const e = {
|
|
|
195
260
|
// 48px
|
|
196
261
|
"6xl": "3.75rem"
|
|
197
262
|
// 60px
|
|
198
|
-
},
|
|
263
|
+
}, H = {
|
|
199
264
|
thin: "100",
|
|
200
265
|
extralight: "200",
|
|
201
266
|
light: "300",
|
|
@@ -205,99 +270,39 @@ const e = {
|
|
|
205
270
|
bold: "700",
|
|
206
271
|
extrabold: "800",
|
|
207
272
|
black: "900"
|
|
208
|
-
},
|
|
273
|
+
}, z = {
|
|
209
274
|
none: "1",
|
|
210
275
|
tight: "1.25",
|
|
211
276
|
snug: "1.375",
|
|
212
277
|
normal: "1.5",
|
|
213
278
|
relaxed: "1.625",
|
|
214
279
|
loose: "2"
|
|
215
|
-
},
|
|
280
|
+
}, G = {
|
|
216
281
|
tighter: "-0.05em",
|
|
217
282
|
tight: "-0.025em",
|
|
218
283
|
normal: "0em",
|
|
219
284
|
wide: "0.025em",
|
|
220
285
|
wider: "0.05em",
|
|
221
286
|
widest: "0.1em"
|
|
222
|
-
}, r = {
|
|
223
|
-
instant: "0ms",
|
|
224
|
-
fast: "150ms",
|
|
225
|
-
normal: "300ms",
|
|
226
|
-
slow: "500ms",
|
|
227
|
-
slower: "700ms",
|
|
228
|
-
slowest: "1000ms"
|
|
229
|
-
}, o = {
|
|
230
|
-
linear: "linear",
|
|
231
|
-
in: "cubic-bezier(0.4, 0, 1, 1)",
|
|
232
|
-
out: "cubic-bezier(0, 0, 0.2, 1)",
|
|
233
|
-
inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
234
|
-
bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
|
|
235
|
-
elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
|
|
236
|
-
}, u = {
|
|
237
|
-
fast: `${r.fast} ${o.out}`,
|
|
238
|
-
normal: `${r.normal} ${o.inOut}`,
|
|
239
|
-
slow: `${r.slow} ${o.inOut}`,
|
|
240
|
-
bounce: `${r.normal} ${o.bounce}`,
|
|
241
|
-
elastic: `${r.slow} ${o.elastic}`
|
|
242
|
-
}, p = {
|
|
243
|
-
fadeIn: {
|
|
244
|
-
from: { opacity: 0 },
|
|
245
|
-
to: { opacity: 1 }
|
|
246
|
-
},
|
|
247
|
-
fadeOut: {
|
|
248
|
-
from: { opacity: 1 },
|
|
249
|
-
to: { opacity: 0 }
|
|
250
|
-
},
|
|
251
|
-
slideInUp: {
|
|
252
|
-
from: { transform: "translateY(100%)", opacity: 0 },
|
|
253
|
-
to: { transform: "translateY(0)", opacity: 1 }
|
|
254
|
-
},
|
|
255
|
-
slideInDown: {
|
|
256
|
-
from: { transform: "translateY(-100%)", opacity: 0 },
|
|
257
|
-
to: { transform: "translateY(0)", opacity: 1 }
|
|
258
|
-
},
|
|
259
|
-
slideInLeft: {
|
|
260
|
-
from: { transform: "translateX(-100%)", opacity: 0 },
|
|
261
|
-
to: { transform: "translateX(0)", opacity: 1 }
|
|
262
|
-
},
|
|
263
|
-
slideInRight: {
|
|
264
|
-
from: { transform: "translateX(100%)", opacity: 0 },
|
|
265
|
-
to: { transform: "translateX(0)", opacity: 1 }
|
|
266
|
-
},
|
|
267
|
-
scaleIn: {
|
|
268
|
-
from: { transform: "scale(0.95)", opacity: 0 },
|
|
269
|
-
to: { transform: "scale(1)", opacity: 1 }
|
|
270
|
-
},
|
|
271
|
-
scaleOut: {
|
|
272
|
-
from: { transform: "scale(1)", opacity: 1 },
|
|
273
|
-
to: { transform: "scale(0.95)", opacity: 0 }
|
|
274
|
-
},
|
|
275
|
-
spin: {
|
|
276
|
-
from: { transform: "rotate(0deg)" },
|
|
277
|
-
to: { transform: "rotate(360deg)" }
|
|
278
|
-
},
|
|
279
|
-
pulse: {
|
|
280
|
-
"0%, 100%": { opacity: 1 },
|
|
281
|
-
"50%": { opacity: 0.5 }
|
|
282
|
-
},
|
|
283
|
-
bounce: {
|
|
284
|
-
"0%, 100%": { transform: "translateY(-25%)", animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)" },
|
|
285
|
-
"50%": { transform: "translateY(0)", animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)" }
|
|
286
|
-
}
|
|
287
287
|
};
|
|
288
288
|
export {
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
289
|
+
R as ThemeProvider,
|
|
290
|
+
V as applyDocumentMode,
|
|
291
|
+
h as applyDocumentTheme,
|
|
292
|
+
I as borderRadius,
|
|
293
|
+
L as cssVariableColorTokens,
|
|
294
|
+
_ as fontFamilies,
|
|
295
|
+
P as fontSizes,
|
|
296
|
+
H as fontWeights,
|
|
297
|
+
E as getInitialMode,
|
|
298
|
+
x as getInitialTheme,
|
|
299
|
+
G as letterSpacings,
|
|
300
|
+
z as lineHeights,
|
|
301
|
+
W as loadThemeOverride,
|
|
302
|
+
b as persistMode,
|
|
303
|
+
y as persistTheme,
|
|
304
|
+
N as shadows,
|
|
305
|
+
j as spacing,
|
|
306
|
+
M as tailwindThemeColors,
|
|
307
|
+
S as useTheme
|
|
303
308
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/theme/motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/theme/motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY;;;;
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CA4BxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SAWvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/themes/brand.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,aAoCxB,CAAC"}
|