@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.
Files changed (177) hide show
  1. package/README.md +168 -136
  2. package/dist/applyMode-Bh7sEqT6.js +144 -0
  3. package/dist/applyMode-DCenL-Bg.cjs +2 -0
  4. package/dist/brand-C5R2semX.js +45 -0
  5. package/dist/brand-DQb18Frh.cjs +2 -0
  6. package/dist/colors-BGRiFoSZ.cjs +2 -0
  7. package/dist/colors-ClemXPPi.js +377 -0
  8. package/dist/components/admin/Dashboard.d.ts.map +1 -1
  9. package/dist/components/admin/UserManagement.d.ts.map +1 -1
  10. package/dist/components/auth/LoginForm.d.ts.map +1 -1
  11. package/dist/components/auth/ProfileCard.d.ts.map +1 -1
  12. package/dist/components/auth/RegisterForm.d.ts.map +1 -1
  13. package/dist/components/cards/EventCard.d.ts.map +1 -1
  14. package/dist/components/cards/VenueCard.d.ts.map +1 -1
  15. package/dist/components/controls/LanguageSelector.d.ts.map +1 -1
  16. package/dist/components/data/List.d.ts.map +1 -1
  17. package/dist/components/data/Table.d.ts +2 -2
  18. package/dist/components/data/Table.d.ts.map +1 -1
  19. package/dist/components/data/Timeline.d.ts.map +1 -1
  20. package/dist/components/feedback/Alert.d.ts +1 -1
  21. package/dist/components/feedback/Alert.d.ts.map +1 -1
  22. package/dist/components/feedback/ConsentBanner.d.ts.map +1 -1
  23. package/dist/components/feedback/Progress.d.ts.map +1 -1
  24. package/dist/components/feedback/Skeleton.d.ts.map +1 -1
  25. package/dist/components/filters/DateRangePicker.d.ts.map +1 -1
  26. package/dist/components/filters/FilterBar.d.ts +14 -1
  27. package/dist/components/filters/FilterBar.d.ts.map +1 -1
  28. package/dist/components/filters/FilterSelect.d.ts +2 -2
  29. package/dist/components/filters/FilterSelect.d.ts.map +1 -1
  30. package/dist/components/filters/PriceRangeSlider.d.ts.map +1 -1
  31. package/dist/components/filters/SearchFilters.d.ts.map +1 -1
  32. package/dist/components/filters/SearchInput.d.ts +1 -1
  33. package/dist/components/filters/SearchInput.d.ts.map +1 -1
  34. package/dist/components/filters/types.d.ts +9 -9
  35. package/dist/components/filters/types.d.ts.map +1 -1
  36. package/dist/components/forms/FormInput.d.ts +3 -7
  37. package/dist/components/forms/FormInput.d.ts.map +1 -1
  38. package/dist/components/forms/FormSelect.d.ts.map +1 -1
  39. package/dist/components/forms/FormTextarea.d.ts +2 -6
  40. package/dist/components/forms/FormTextarea.d.ts.map +1 -1
  41. package/dist/components/icons/TrendingIcon.d.ts.map +1 -1
  42. package/dist/components/image/Image.d.ts +4 -4
  43. package/dist/components/image/Image.d.ts.map +1 -1
  44. package/dist/components/layout/Container.d.ts +2 -2
  45. package/dist/components/layout/Container.d.ts.map +1 -1
  46. package/dist/components/layout/Flex.d.ts +1 -1
  47. package/dist/components/layout/Flex.d.ts.map +1 -1
  48. package/dist/components/layout/Footer.d.ts.map +1 -1
  49. package/dist/components/layout/Grid.d.ts +3 -3
  50. package/dist/components/layout/Grid.d.ts.map +1 -1
  51. package/dist/components/layout/ModeHero.d.ts.map +1 -1
  52. package/dist/components/layout/Navbar.d.ts.map +1 -1
  53. package/dist/components/layout/Section.d.ts +2 -2
  54. package/dist/components/layout/Section.d.ts.map +1 -1
  55. package/dist/components/layout/Stack.d.ts +1 -1
  56. package/dist/components/layout/Stack.d.ts.map +1 -1
  57. package/dist/components/menus/DropdownMenu.d.ts +2 -2
  58. package/dist/components/menus/DropdownMenu.d.ts.map +1 -1
  59. package/dist/components/menus/NavigationMenu.d.ts +2 -2
  60. package/dist/components/menus/NavigationMenu.d.ts.map +1 -1
  61. package/dist/components/menus/Tabs.d.ts +2 -2
  62. package/dist/components/menus/Tabs.d.ts.map +1 -1
  63. package/dist/components/modals/ConfirmDialog.d.ts.map +1 -1
  64. package/dist/components/modals/CustomDialog.d.ts +1 -2
  65. package/dist/components/modals/CustomDialog.d.ts.map +1 -1
  66. package/dist/components/modals/Modal.d.ts +2 -2
  67. package/dist/components/modals/Modal.d.ts.map +1 -1
  68. package/dist/components/modals/ModalProvider.d.ts +2 -2
  69. package/dist/components/modals/ModalProvider.d.ts.map +1 -1
  70. package/dist/components/modals/SimpleModal.d.ts +1 -2
  71. package/dist/components/modals/SimpleModal.d.ts.map +1 -1
  72. package/dist/components/navigation/Breadcrumbs.d.ts.map +1 -1
  73. package/dist/components/navigation/Pagination.d.ts.map +1 -1
  74. package/dist/components/overlays/OverlayPortal.d.ts +3 -3
  75. package/dist/components/overlays/OverlayPortal.d.ts.map +1 -1
  76. package/dist/components/overlays/Popover.d.ts +11 -11
  77. package/dist/components/overlays/Popover.d.ts.map +1 -1
  78. package/dist/components/overlays/Tooltip.d.ts +9 -9
  79. package/dist/components/overlays/Tooltip.d.ts.map +1 -1
  80. package/dist/components/primitives/Badge.d.ts +1 -1
  81. package/dist/components/primitives/Badge.d.ts.map +1 -1
  82. package/dist/components/primitives/Button.d.ts +1 -1
  83. package/dist/components/primitives/Button.d.ts.map +1 -1
  84. package/dist/components/primitives/Card.d.ts +1 -1
  85. package/dist/components/primitives/Card.d.ts.map +1 -1
  86. package/dist/components/primitives/Divider.d.ts.map +1 -1
  87. package/dist/components/primitives/Link.d.ts +2 -2
  88. package/dist/components/primitives/Link.d.ts.map +1 -1
  89. package/dist/components/primitives/ThemeSwitch.d.ts.map +1 -1
  90. package/dist/components/primitives/Typography.d.ts +4 -4
  91. package/dist/components/primitives/Typography.d.ts.map +1 -1
  92. package/dist/components/search/SearchBar.d.ts.map +1 -1
  93. package/dist/components/sections/ArticlesSection.d.ts.map +1 -1
  94. package/dist/components/sections/TrendingSection.d.ts +7 -3
  95. package/dist/components/sections/TrendingSection.d.ts.map +1 -1
  96. package/dist/components/skeletons/EventCardSkeleton.d.ts.map +1 -1
  97. package/dist/components/skeletons/VenueCardSkeleton.d.ts.map +1 -1
  98. package/dist/components/toasts/Toast.d.ts +2 -2
  99. package/dist/components/toasts/Toast.d.ts.map +1 -1
  100. package/dist/components/toasts/ToastProvider.d.ts +3 -3
  101. package/dist/components/toasts/ToastProvider.d.ts.map +1 -1
  102. package/dist/components/ui/button.d.ts +2 -2
  103. package/dist/components/ui/button.d.ts.map +1 -1
  104. package/dist/components/ui/card.d.ts +1 -1
  105. package/dist/components/ui/card.d.ts.map +1 -1
  106. package/dist/components/ui/dialog.d.ts +2 -2
  107. package/dist/components/ui/dialog.d.ts.map +1 -1
  108. package/dist/components/ui/input.d.ts.map +1 -1
  109. package/dist/components/ui/label.d.ts +1 -1
  110. package/dist/components/ui/label.d.ts.map +1 -1
  111. package/dist/components/ui/toast.d.ts +3 -3
  112. package/dist/components/ui/toast.d.ts.map +1 -1
  113. package/dist/components/ui/toaster.d.ts.map +1 -1
  114. package/dist/components/ui/tooltip.d.ts +2 -2
  115. package/dist/components/ui/tooltip.d.ts.map +1 -1
  116. package/dist/dark-Cvoy1uFT.js +30 -0
  117. package/dist/dark-OOhiqt1q.cjs +2 -0
  118. package/dist/default-BKgH1D9-.js +8 -0
  119. package/dist/default-Ddg7Haf2.cjs +2 -0
  120. package/dist/hooks/use-toast.d.ts +3 -3
  121. package/dist/hooks/use-toast.d.ts.map +1 -1
  122. package/dist/hooks/useDebounce.d.ts +20 -0
  123. package/dist/hooks/useDebounce.d.ts.map +1 -0
  124. package/dist/hooks/useModal.d.ts +5 -5
  125. package/dist/hooks/useModal.d.ts.map +1 -1
  126. package/dist/hooks/useToast.d.ts +2 -2
  127. package/dist/hooks/useToast.d.ts.map +1 -1
  128. package/dist/index.cjs +1 -1
  129. package/dist/index.d.ts +17 -17
  130. package/dist/index.d.ts.map +1 -1
  131. package/dist/index.mjs +2170 -2196
  132. package/dist/preset.cjs +1 -1
  133. package/dist/preset.d.ts.map +1 -1
  134. package/dist/preset.mjs +1 -1
  135. package/dist/radius-CAu4qr9R.js +185 -0
  136. package/dist/radius-Cz6tayZG.cjs +2 -0
  137. package/dist/theme/ThemeProvider.d.ts +45 -0
  138. package/dist/theme/ThemeProvider.d.ts.map +1 -0
  139. package/dist/theme/applyMode.d.ts +31 -0
  140. package/dist/theme/applyMode.d.ts.map +1 -1
  141. package/dist/theme/index.cjs +1 -1
  142. package/dist/theme/index.d.ts +2 -1
  143. package/dist/theme/index.d.ts.map +1 -1
  144. package/dist/theme/index.mjs +102 -97
  145. package/dist/theme/motion.d.ts.map +1 -1
  146. package/dist/theme/typography.d.ts.map +1 -1
  147. package/dist/themes/brand.d.ts +7 -0
  148. package/dist/themes/brand.d.ts.map +1 -0
  149. package/dist/themes/dark.d.ts +7 -0
  150. package/dist/themes/dark.d.ts.map +1 -0
  151. package/dist/themes/default.d.ts +7 -0
  152. package/dist/themes/default.d.ts.map +1 -0
  153. package/dist/themes/index.d.ts +22 -0
  154. package/dist/themes/index.d.ts.map +1 -0
  155. package/dist/themes/types.d.ts +64 -0
  156. package/dist/themes/types.d.ts.map +1 -0
  157. package/dist/tokens/colors.d.ts +260 -38
  158. package/dist/tokens/colors.d.ts.map +1 -1
  159. package/dist/tokens/css-variables.d.ts +250 -0
  160. package/dist/tokens/css-variables.d.ts.map +1 -0
  161. package/dist/tokens/index.cjs +4 -1
  162. package/dist/tokens/index.d.ts +4 -1
  163. package/dist/tokens/index.d.ts.map +1 -1
  164. package/dist/tokens/index.mjs +1025 -167
  165. package/dist/tokens/motion.d.ts +358 -0
  166. package/dist/tokens/motion.d.ts.map +1 -0
  167. package/dist/tokens/radius.d.ts +130 -2
  168. package/dist/tokens/radius.d.ts.map +1 -1
  169. package/dist/tokens/shadows.d.ts +172 -0
  170. package/dist/tokens/shadows.d.ts.map +1 -0
  171. package/dist/tokens/spacing.d.ts +155 -1
  172. package/dist/tokens/spacing.d.ts.map +1 -1
  173. package/dist/tokens/typography.d.ts +285 -21
  174. package/dist/tokens/typography.d.ts.map +1 -1
  175. package/package.json +53 -18
  176. package/dist/radius-CuOZD6Mk.cjs +0 -2
  177. 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-CuOZD6Mk.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;
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;
@@ -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;AAG1C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA+D3B,CAAC;AAEF,eAAe,MAAM,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
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { b as r } from "./radius-NOytgRst.js";
2
+ import { b as r } from "./radius-CAu4qr9R.js";
3
3
  const a = {
4
4
  darkMode: ["class", '[data-mode="night"]'],
5
5
  theme: {
@@ -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":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAyB5C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,QAsC3C"}
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"}
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={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%)"}},a={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))"}},t={none:"0",xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem","2xl":"2.5rem","3xl":"3rem","4xl":"4rem","5xl":"5rem"},s={none:"0px",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},n={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)"},l={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(", ")},i={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"},c={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},m={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},d={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},r={instant:"0ms",fast:"150ms",normal:"300ms",slow:"500ms",slower:"700ms",slowest:"1000ms"},o={linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)",inOut:"cubic-bezier(0.4, 0, 0.2, 1)",bounce:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",elastic:"cubic-bezier(0.175, 0.885, 0.32, 1.275)"},u={fast:`${r.fast} ${o.out}`,normal:`${r.normal} ${o.inOut}`,slow:`${r.slow} ${o.inOut}`,bounce:`${r.normal} ${o.bounce}`,elastic:`${r.slow} ${o.elastic}`},g={fadeIn:{from:{opacity:0},to:{opacity:1}},fadeOut:{from:{opacity:1},to:{opacity:0}},slideInUp:{from:{transform:"translateY(100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},slideInDown:{from:{transform:"translateY(-100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},slideInLeft:{from:{transform:"translateX(-100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},slideInRight:{from:{transform:"translateX(100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},scaleIn:{from:{transform:"scale(0.95)",opacity:0},to:{transform:"scale(1)",opacity:1}},scaleOut:{from:{transform:"scale(1)",opacity:1},to:{transform:"scale(0.95)",opacity:0}},spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},pulse:{"0%, 100%":{opacity:1},"50%":{opacity:.5}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8, 0, 1, 1)"},"50%":{transform:"translateY(0)",animationTimingFunction:"cubic-bezier(0, 0, 0.2, 1)"}}};exports.animations=g;exports.borderRadius=s;exports.cssVariableColorTokens=e;exports.durations=r;exports.easings=o;exports.fontFamilies=l;exports.fontSizes=i;exports.fontWeights=c;exports.letterSpacings=d;exports.lineHeights=m;exports.shadows=n;exports.spacing=t;exports.tailwindThemeColors=a;exports.transitions=u;
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;
@@ -1,5 +1,6 @@
1
+ export * from './applyMode';
1
2
  export * from './colors';
2
3
  export * from './spacing';
4
+ export { ThemeProvider, useTheme } from './ThemeProvider';
3
5
  export * from './typography';
4
- export * from './motion';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -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,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
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"}
@@ -1,5 +1,9 @@
1
1
  "use client";
2
- const e = {
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
- }, a = {
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
- }, t = {
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
- }, s = {
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
- }, n = {
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
- }, l = {
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
- }, i = {
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
- }, c = {
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
- }, m = {
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
- }, d = {
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
- p as animations,
290
- s as borderRadius,
291
- e as cssVariableColorTokens,
292
- r as durations,
293
- o as easings,
294
- l as fontFamilies,
295
- i as fontSizes,
296
- c as fontWeights,
297
- d as letterSpacings,
298
- m as lineHeights,
299
- n as shadows,
300
- t as spacing,
301
- a as tailwindThemeColors,
302
- u as transitions
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CtB,CAAC"}
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;;;;CAmCxB,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"}
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,7 @@
1
+ import { ThemeOverride } from './types';
2
+ /**
3
+ * Brand theme configuration
4
+ * Overrides color scales for brand-specific styling
5
+ */
6
+ export declare const brandTheme: ThemeOverride;
7
+ //# sourceMappingURL=brand.d.ts.map
@@ -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"}
@@ -0,0 +1,7 @@
1
+ import { ThemeOverride } from './types';
2
+ /**
3
+ * Dark theme configuration
4
+ * Overrides surface colors for a darker, more immersive experience
5
+ */
6
+ export declare const darkTheme: ThemeOverride;
7
+ //# sourceMappingURL=dark.d.ts.map