@trebired/frontend 0.4.2 → 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 (223) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +112 -80
  3. package/dist/config/index.d.ts +6 -45
  4. package/dist/config/index.d.ts.map +1 -1
  5. package/dist/config/index.js +19 -252
  6. package/dist/config/index.js.map +1 -1
  7. package/dist/config/module.d.ts +5 -0
  8. package/dist/config/module.d.ts.map +1 -0
  9. package/dist/config/module.js +124 -0
  10. package/dist/config/module.js.map +1 -0
  11. package/dist/config/normalize.d.ts +9 -0
  12. package/dist/config/normalize.d.ts.map +1 -0
  13. package/dist/config/normalize.js +116 -0
  14. package/dist/config/normalize.js.map +1 -0
  15. package/dist/config/palette.d.ts +8 -0
  16. package/dist/config/palette.d.ts.map +1 -0
  17. package/dist/config/palette.js +104 -0
  18. package/dist/config/palette.js.map +1 -0
  19. package/dist/config/scales-css.d.ts +8 -0
  20. package/dist/config/scales-css.d.ts.map +1 -0
  21. package/dist/config/scales-css.js +99 -0
  22. package/dist/config/scales-css.js.map +1 -0
  23. package/dist/config/scales.d.ts +4 -0
  24. package/dist/config/scales.d.ts.map +1 -0
  25. package/dist/config/scales.js +55 -0
  26. package/dist/config/scales.js.map +1 -0
  27. package/dist/config/scss.d.ts +4 -0
  28. package/dist/config/scss.d.ts.map +1 -0
  29. package/dist/config/scss.js +134 -0
  30. package/dist/config/scss.js.map +1 -0
  31. package/dist/config/shared.d.ts +9 -0
  32. package/dist/config/shared.d.ts.map +1 -0
  33. package/dist/config/shared.js +27 -0
  34. package/dist/config/shared.js.map +1 -0
  35. package/dist/config/theme.d.ts +6 -0
  36. package/dist/config/theme.d.ts.map +1 -0
  37. package/dist/config/theme.js +133 -0
  38. package/dist/config/theme.js.map +1 -0
  39. package/dist/config/types.d.ts +127 -0
  40. package/dist/config/types.d.ts.map +1 -0
  41. package/dist/config/types.js +2 -0
  42. package/dist/config/types.js.map +1 -0
  43. package/dist/fullscreen/components/index.d.ts +20 -0
  44. package/dist/fullscreen/components/index.d.ts.map +1 -0
  45. package/dist/fullscreen/components/index.js +19 -0
  46. package/dist/fullscreen/components/index.js.map +1 -0
  47. package/dist/fullscreen/index.d.ts +24 -3
  48. package/dist/fullscreen/index.d.ts.map +1 -1
  49. package/dist/fullscreen/index.js +268 -7
  50. package/dist/fullscreen/index.js.map +1 -1
  51. package/dist/fullscreen/styles/index.scss +71 -0
  52. package/dist/index.d.ts +7 -1
  53. package/dist/index.d.ts.map +1 -1
  54. package/dist/index.js +9 -1
  55. package/dist/index.js.map +1 -1
  56. package/dist/layout/components/index.d.ts +43 -0
  57. package/dist/layout/components/index.d.ts.map +1 -0
  58. package/dist/layout/components/index.js +53 -0
  59. package/dist/layout/components/index.js.map +1 -0
  60. package/dist/layout/index.d.ts +27 -0
  61. package/dist/layout/index.d.ts.map +1 -0
  62. package/dist/layout/index.js +80 -0
  63. package/dist/layout/index.js.map +1 -0
  64. package/dist/layout/styles/index.scss +137 -0
  65. package/dist/react/index.d.ts +14 -0
  66. package/dist/react/index.d.ts.map +1 -1
  67. package/dist/react/index.js +14 -0
  68. package/dist/react/index.js.map +1 -1
  69. package/dist/server/index.d.ts +5 -0
  70. package/dist/server/index.d.ts.map +1 -0
  71. package/dist/server/index.js +5 -0
  72. package/dist/server/index.js.map +1 -0
  73. package/dist/sidebar/components/index.d.ts +35 -0
  74. package/dist/sidebar/components/index.d.ts.map +1 -0
  75. package/dist/sidebar/components/index.js +49 -0
  76. package/dist/sidebar/components/index.js.map +1 -0
  77. package/dist/sidebar/index.d.ts +62 -0
  78. package/dist/sidebar/index.d.ts.map +1 -0
  79. package/dist/sidebar/index.js +247 -0
  80. package/dist/sidebar/index.js.map +1 -0
  81. package/dist/sidebar/styles/index.scss +205 -0
  82. package/dist/src/config/index.d.ts +6 -45
  83. package/dist/src/config/index.d.ts.map +1 -1
  84. package/dist/src/config/index.js +19 -252
  85. package/dist/src/config/index.js.map +1 -1
  86. package/dist/src/config/module.d.ts +5 -0
  87. package/dist/src/config/module.d.ts.map +1 -0
  88. package/dist/src/config/module.js +124 -0
  89. package/dist/src/config/module.js.map +1 -0
  90. package/dist/src/config/normalize.d.ts +9 -0
  91. package/dist/src/config/normalize.d.ts.map +1 -0
  92. package/dist/src/config/normalize.js +116 -0
  93. package/dist/src/config/normalize.js.map +1 -0
  94. package/dist/src/config/palette.d.ts +8 -0
  95. package/dist/src/config/palette.d.ts.map +1 -0
  96. package/dist/src/config/palette.js +104 -0
  97. package/dist/src/config/palette.js.map +1 -0
  98. package/dist/src/config/scales-css.d.ts +8 -0
  99. package/dist/src/config/scales-css.d.ts.map +1 -0
  100. package/dist/src/config/scales-css.js +99 -0
  101. package/dist/src/config/scales-css.js.map +1 -0
  102. package/dist/src/config/scales.d.ts +4 -0
  103. package/dist/src/config/scales.d.ts.map +1 -0
  104. package/dist/src/config/scales.js +55 -0
  105. package/dist/src/config/scales.js.map +1 -0
  106. package/dist/src/config/scss.d.ts +4 -0
  107. package/dist/src/config/scss.d.ts.map +1 -0
  108. package/dist/src/config/scss.js +134 -0
  109. package/dist/src/config/scss.js.map +1 -0
  110. package/dist/src/config/shared.d.ts +9 -0
  111. package/dist/src/config/shared.d.ts.map +1 -0
  112. package/dist/src/config/shared.js +27 -0
  113. package/dist/src/config/shared.js.map +1 -0
  114. package/dist/src/config/theme.d.ts +6 -0
  115. package/dist/src/config/theme.d.ts.map +1 -0
  116. package/dist/src/config/theme.js +133 -0
  117. package/dist/src/config/theme.js.map +1 -0
  118. package/dist/src/config/types.d.ts +127 -0
  119. package/dist/src/config/types.d.ts.map +1 -0
  120. package/dist/src/config/types.js +2 -0
  121. package/dist/src/config/types.js.map +1 -0
  122. package/dist/src/fullscreen/components/index.d.ts +20 -0
  123. package/dist/src/fullscreen/components/index.d.ts.map +1 -0
  124. package/dist/src/fullscreen/components/index.js +19 -0
  125. package/dist/src/fullscreen/components/index.js.map +1 -0
  126. package/dist/src/fullscreen/index.d.ts +24 -3
  127. package/dist/src/fullscreen/index.d.ts.map +1 -1
  128. package/dist/src/fullscreen/index.js +268 -7
  129. package/dist/src/fullscreen/index.js.map +1 -1
  130. package/dist/src/index.d.ts +7 -1
  131. package/dist/src/index.d.ts.map +1 -1
  132. package/dist/src/index.js +9 -1
  133. package/dist/src/index.js.map +1 -1
  134. package/dist/src/layout/components/index.d.ts +43 -0
  135. package/dist/src/layout/components/index.d.ts.map +1 -0
  136. package/dist/src/layout/components/index.js +53 -0
  137. package/dist/src/layout/components/index.js.map +1 -0
  138. package/dist/src/layout/index.d.ts +27 -0
  139. package/dist/src/layout/index.d.ts.map +1 -0
  140. package/dist/src/layout/index.js +80 -0
  141. package/dist/src/layout/index.js.map +1 -0
  142. package/dist/src/react/index.d.ts +14 -0
  143. package/dist/src/react/index.d.ts.map +1 -1
  144. package/dist/src/react/index.js +14 -0
  145. package/dist/src/react/index.js.map +1 -1
  146. package/dist/src/server/index.d.ts +5 -0
  147. package/dist/src/server/index.d.ts.map +1 -0
  148. package/dist/src/server/index.js +5 -0
  149. package/dist/src/server/index.js.map +1 -0
  150. package/dist/src/sidebar/components/index.d.ts +35 -0
  151. package/dist/src/sidebar/components/index.d.ts.map +1 -0
  152. package/dist/src/sidebar/components/index.js +49 -0
  153. package/dist/src/sidebar/components/index.js.map +1 -0
  154. package/dist/src/sidebar/index.d.ts +62 -0
  155. package/dist/src/sidebar/index.d.ts.map +1 -0
  156. package/dist/src/sidebar/index.js +247 -0
  157. package/dist/src/sidebar/index.js.map +1 -0
  158. package/dist/src/theme/apply.d.ts +26 -0
  159. package/dist/src/theme/apply.d.ts.map +1 -0
  160. package/dist/src/theme/apply.js +85 -0
  161. package/dist/src/theme/apply.js.map +1 -0
  162. package/dist/src/theme/boot.d.ts +4 -0
  163. package/dist/src/theme/boot.d.ts.map +1 -0
  164. package/dist/src/theme/boot.js +23 -0
  165. package/dist/src/theme/boot.js.map +1 -0
  166. package/dist/src/theme/components/index.d.ts +13 -5
  167. package/dist/src/theme/components/index.d.ts.map +1 -1
  168. package/dist/src/theme/components/index.js +22 -6
  169. package/dist/src/theme/components/index.js.map +1 -1
  170. package/dist/src/theme/constants.d.ts +12 -0
  171. package/dist/src/theme/constants.d.ts.map +1 -0
  172. package/dist/src/theme/constants.js +12 -0
  173. package/dist/src/theme/constants.js.map +1 -0
  174. package/dist/src/theme/controls.d.ts +15 -0
  175. package/dist/src/theme/controls.d.ts.map +1 -0
  176. package/dist/src/theme/controls.js +128 -0
  177. package/dist/src/theme/controls.js.map +1 -0
  178. package/dist/src/theme/index.d.ts +10 -24
  179. package/dist/src/theme/index.d.ts.map +1 -1
  180. package/dist/src/theme/index.js +15 -117
  181. package/dist/src/theme/index.js.map +1 -1
  182. package/dist/src/theme/modes.d.ts +36 -0
  183. package/dist/src/theme/modes.d.ts.map +1 -0
  184. package/dist/src/theme/modes.js +107 -0
  185. package/dist/src/theme/modes.js.map +1 -0
  186. package/dist/styles/utils.scss +193 -0
  187. package/dist/theme/apply.d.ts +26 -0
  188. package/dist/theme/apply.d.ts.map +1 -0
  189. package/dist/theme/apply.js +85 -0
  190. package/dist/theme/apply.js.map +1 -0
  191. package/dist/theme/boot.d.ts +4 -0
  192. package/dist/theme/boot.d.ts.map +1 -0
  193. package/dist/theme/boot.js +23 -0
  194. package/dist/theme/boot.js.map +1 -0
  195. package/dist/theme/components/index.d.ts +13 -5
  196. package/dist/theme/components/index.d.ts.map +1 -1
  197. package/dist/theme/components/index.js +22 -6
  198. package/dist/theme/components/index.js.map +1 -1
  199. package/dist/theme/constants.d.ts +12 -0
  200. package/dist/theme/constants.d.ts.map +1 -0
  201. package/dist/theme/constants.js +12 -0
  202. package/dist/theme/constants.js.map +1 -0
  203. package/dist/theme/controls.d.ts +15 -0
  204. package/dist/theme/controls.d.ts.map +1 -0
  205. package/dist/theme/controls.js +128 -0
  206. package/dist/theme/controls.js.map +1 -0
  207. package/dist/theme/index.d.ts +10 -24
  208. package/dist/theme/index.d.ts.map +1 -1
  209. package/dist/theme/index.js +15 -117
  210. package/dist/theme/index.js.map +1 -1
  211. package/dist/theme/modes.d.ts +36 -0
  212. package/dist/theme/modes.d.ts.map +1 -0
  213. package/dist/theme/modes.js +107 -0
  214. package/dist/theme/modes.js.map +1 -0
  215. package/package.json +4 -167
  216. package/dist/src/styles/index.d.ts +0 -3
  217. package/dist/src/styles/index.d.ts.map +0 -1
  218. package/dist/src/styles/index.js +0 -15
  219. package/dist/src/styles/index.js.map +0 -1
  220. package/dist/styles/index.d.ts +0 -3
  221. package/dist/styles/index.d.ts.map +0 -1
  222. package/dist/styles/index.js +0 -15
  223. package/dist/styles/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtE,KAAK,UAAU,gBAAgB,CAC7B,OAAiB,QAAQ,EACzB,UAA+B,EAAE;IAEjC,IAAI,mBAAmB,CAAC,OAAO,CAAC;QAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,kBAAkB,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACzE,UAAU,CAAC,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IAChF,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACnC,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,0BAA0B,EAC1B,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,36 @@
1
+ type ThemeModeScheme = "dark" | "light";
2
+ type ThemeModeDescriptor = {
3
+ key: string;
4
+ label?: string;
5
+ scheme?: ThemeModeScheme;
6
+ };
7
+ type ThemeModeInput = string | ThemeModeDescriptor;
8
+ type ThemeMode = {
9
+ key: string;
10
+ label: string;
11
+ scheme: ThemeModeScheme;
12
+ };
13
+ type ThemeModeOptions = {
14
+ dark?: string;
15
+ light?: string;
16
+ modes?: readonly ThemeModeInput[];
17
+ };
18
+ type ThemeModeRegistry = {
19
+ dark: string;
20
+ light: string;
21
+ modes: readonly ThemeMode[];
22
+ };
23
+ declare const DEFAULT_THEME_MODE_KEYS: readonly string[];
24
+ declare function themeModeKeyOf(value: unknown): string;
25
+ declare function normalizeThemeMode(input: ThemeModeInput): ThemeMode | null;
26
+ declare function normalizeThemeModeRegistry(options?: ThemeModeOptions): ThemeModeRegistry;
27
+ declare const DEFAULT_THEME_MODE_REGISTRY: ThemeModeRegistry;
28
+ declare function configureThemeModes(options?: ThemeModeOptions | null): ThemeModeRegistry;
29
+ declare function hasThemeModeOptions(options?: ThemeModeOptions): boolean;
30
+ declare function getThemeModes(options?: ThemeModeOptions): ThemeModeRegistry;
31
+ declare function themeModeKeys(options?: ThemeModeOptions): string[];
32
+ declare function findThemeMode(key: unknown, options?: ThemeModeOptions): ThemeMode | undefined;
33
+ declare function isThemeMode(key: unknown, options?: ThemeModeOptions): boolean;
34
+ export { DEFAULT_THEME_MODE_KEYS, DEFAULT_THEME_MODE_REGISTRY, configureThemeModes, findThemeMode, getThemeModes, hasThemeModeOptions, isThemeMode, normalizeThemeMode, normalizeThemeModeRegistry, themeModeKeyOf, themeModeKeys, };
35
+ export type { ThemeMode, ThemeModeDescriptor, ThemeModeInput, ThemeModeOptions, ThemeModeRegistry, ThemeModeScheme, };
36
+ //# sourceMappingURL=modes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modes.d.ts","sourceRoot":"","sources":["../../../src/theme/modes.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAExC,KAAK,mBAAmB,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,KAAK,cAAc,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAEnD,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;CACnC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAAsB,CAAC;AAQrE,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAG9C;AAeD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI,CASnE;AAkBD,iBAAS,0BAA0B,CAAC,OAAO,GAAE,gBAAqB,GAAG,iBAAiB,CAOrF;AAED,QAAA,MAAM,2BAA2B,EAAE,iBAAgD,CAAC;AAYpF,iBAAS,mBAAmB,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAajF;AAED,iBAAS,mBAAmB,CAAC,OAAO,GAAE,gBAAqB,GAAG,OAAO,CAEpE;AAED,iBAAS,aAAa,CAAC,OAAO,GAAE,gBAAqB,GAAG,iBAAiB,CAGxE;AAED,iBAAS,aAAa,CAAC,OAAO,GAAE,gBAAqB,GAAG,MAAM,EAAE,CAE/D;AAED,iBAAS,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB,GAAG,SAAS,GAAG,SAAS,CAK1F;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB,GAAG,OAAO,CAE1E;AAED,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,0BAA0B,EAC1B,cAAc,EACd,aAAa,GACd,CAAC;AACF,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,CAAC"}
@@ -0,0 +1,107 @@
1
+ import { THEME_MODES_GLOBAL_KEY } from "./constants.js";
2
+ const DEFAULT_THEME_MODE_KEYS = ["dark", "light"];
3
+ const THEME_MODE_KEY_RE = /^[a-z0-9][a-z0-9_-]*$/u;
4
+ const DARK_KEY_RE = /(^|[-_])dark([-_]|$)/u;
5
+ const registryHolderKey = Symbol.for(THEME_MODES_GLOBAL_KEY);
6
+ let cachedSource = null;
7
+ let cachedRegistry = null;
8
+ function themeModeKeyOf(value) {
9
+ const text = String(value ?? "").trim().toLowerCase();
10
+ return THEME_MODE_KEY_RE.test(text) ? text : "";
11
+ }
12
+ function themeModeLabelOf(key, label) {
13
+ const text = String(label ?? "").trim();
14
+ if (text)
15
+ return text;
16
+ const words = key.replace(/[-_]+/gu, " ").trim();
17
+ return words.charAt(0).toUpperCase() + words.slice(1);
18
+ }
19
+ function themeModeSchemeOf(key, scheme) {
20
+ const text = String(scheme ?? "").trim().toLowerCase();
21
+ if (text === "dark" || text === "light")
22
+ return text;
23
+ return DARK_KEY_RE.test(key) ? "dark" : "light";
24
+ }
25
+ function normalizeThemeMode(input) {
26
+ const source = typeof input === "string" ? { key: input } : input;
27
+ const key = themeModeKeyOf(source?.key);
28
+ if (!key)
29
+ return null;
30
+ return {
31
+ key,
32
+ label: themeModeLabelOf(key, source?.label),
33
+ scheme: themeModeSchemeOf(key, source?.scheme),
34
+ };
35
+ }
36
+ function normalizeThemeModes(inputs) {
37
+ const source = Array.isArray(inputs) && inputs.length ? inputs : DEFAULT_THEME_MODE_KEYS;
38
+ const modes = [];
39
+ for (const input of source) {
40
+ const mode = normalizeThemeMode(input);
41
+ if (mode && !modes.some((item) => item.key === mode.key))
42
+ modes.push(mode);
43
+ }
44
+ return modes.length ? modes : normalizeThemeModes(DEFAULT_THEME_MODE_KEYS);
45
+ }
46
+ function resolveSchemeKey(modes, requested, scheme) {
47
+ const key = themeModeKeyOf(requested);
48
+ if (key && modes.some((mode) => mode.key === key))
49
+ return key;
50
+ return (modes.find((mode) => mode.scheme === scheme) || modes[0]).key;
51
+ }
52
+ function normalizeThemeModeRegistry(options = {}) {
53
+ const modes = normalizeThemeModes(options.modes);
54
+ return {
55
+ dark: resolveSchemeKey(modes, options.dark, "dark"),
56
+ light: resolveSchemeKey(modes, options.light, "light"),
57
+ modes,
58
+ };
59
+ }
60
+ const DEFAULT_THEME_MODE_REGISTRY = normalizeThemeModeRegistry();
61
+ function readRegistryHolder() {
62
+ const holder = globalThis;
63
+ const source = holder[registryHolderKey];
64
+ if (!source || typeof source !== "object")
65
+ return null;
66
+ if (source === cachedSource && cachedRegistry)
67
+ return cachedRegistry;
68
+ cachedSource = source;
69
+ cachedRegistry = normalizeThemeModeRegistry(source);
70
+ return cachedRegistry;
71
+ }
72
+ function configureThemeModes(options) {
73
+ const holder = globalThis;
74
+ if (!options) {
75
+ delete holder[registryHolderKey];
76
+ cachedSource = null;
77
+ cachedRegistry = null;
78
+ return DEFAULT_THEME_MODE_REGISTRY;
79
+ }
80
+ const registry = normalizeThemeModeRegistry(options);
81
+ holder[registryHolderKey] = registry;
82
+ cachedSource = registry;
83
+ cachedRegistry = registry;
84
+ return registry;
85
+ }
86
+ function hasThemeModeOptions(options = {}) {
87
+ return Boolean(options.modes?.length || options.dark || options.light);
88
+ }
89
+ function getThemeModes(options = {}) {
90
+ if (hasThemeModeOptions(options))
91
+ return normalizeThemeModeRegistry(options);
92
+ return readRegistryHolder() || DEFAULT_THEME_MODE_REGISTRY;
93
+ }
94
+ function themeModeKeys(options = {}) {
95
+ return getThemeModes(options).modes.map((mode) => mode.key);
96
+ }
97
+ function findThemeMode(key, options = {}) {
98
+ const normalized = themeModeKeyOf(key);
99
+ return normalized
100
+ ? getThemeModes(options).modes.find((mode) => mode.key === normalized)
101
+ : undefined;
102
+ }
103
+ function isThemeMode(key, options = {}) {
104
+ return findThemeMode(key, options) !== undefined;
105
+ }
106
+ export { DEFAULT_THEME_MODE_KEYS, DEFAULT_THEME_MODE_REGISTRY, configureThemeModes, findThemeMode, getThemeModes, hasThemeModeOptions, isThemeMode, normalizeThemeMode, normalizeThemeModeRegistry, themeModeKeyOf, themeModeKeys, };
107
+ //# sourceMappingURL=modes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modes.js","sourceRoot":"","sources":["../../../src/theme/modes.ts"],"names":[],"mappings":"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"}
@@ -218,3 +218,196 @@
218
218
  -webkit-user-select: none;
219
219
  user-select: none;
220
220
  }
221
+
222
+ .ml-xs {
223
+ margin-left: var(--tbf-gap-xs);
224
+ }
225
+
226
+ .ml-sm {
227
+ margin-left: var(--tbf-gap-sm);
228
+ }
229
+
230
+ .ml-md {
231
+ margin-left: var(--tbf-gap-md);
232
+ }
233
+
234
+ .ml-lg {
235
+ margin-left: var(--tbf-gap-lg);
236
+ }
237
+
238
+ .mr-xs {
239
+ margin-right: var(--tbf-gap-xs);
240
+ }
241
+
242
+ .mr-sm {
243
+ margin-right: var(--tbf-gap-sm);
244
+ }
245
+
246
+ .mr-md {
247
+ margin-right: var(--tbf-gap-md);
248
+ }
249
+
250
+ .mr-lg {
251
+ margin-right: var(--tbf-gap-lg);
252
+ }
253
+
254
+ .border {
255
+ border: var(--tbf-border-width) solid var(--tbf-border);
256
+ }
257
+
258
+ .border-0 {
259
+ border: 0;
260
+ }
261
+
262
+ .border-top {
263
+ border-top: var(--tbf-border-width) solid var(--tbf-border);
264
+ }
265
+
266
+ .border-bottom {
267
+ border-bottom: var(--tbf-border-width) solid var(--tbf-border);
268
+ }
269
+
270
+ .border-left {
271
+ border-left: var(--tbf-border-width) solid var(--tbf-border);
272
+ }
273
+
274
+ .border-right {
275
+ border-right: var(--tbf-border-width) solid var(--tbf-border);
276
+ }
277
+
278
+ .border-block {
279
+ border-block: var(--tbf-border-width) solid var(--tbf-border);
280
+ }
281
+
282
+ .border-inline {
283
+ border-inline: var(--tbf-border-width) solid var(--tbf-border);
284
+ }
285
+
286
+ $tbf-hor-alignments: (
287
+ left: flex-start,
288
+ center: center,
289
+ right: flex-end,
290
+ );
291
+
292
+ @each $name, $value in $tbf-hor-alignments {
293
+ .hor-#{$name} {
294
+ justify-content: $value;
295
+
296
+ &.column,
297
+ &.left-column,
298
+ &.right-column,
299
+ &.middle-column {
300
+ align-items: $value;
301
+ justify-content: flex-start;
302
+ }
303
+ }
304
+
305
+ .hor-#{$name}-child {
306
+ @if $name == left {
307
+ align-self: flex-start;
308
+ margin-right: auto;
309
+ } @else if $name == center {
310
+ align-self: center;
311
+ margin-left: auto;
312
+ margin-right: auto;
313
+ } @else if $name == right {
314
+ align-self: flex-end;
315
+ margin-left: auto;
316
+ }
317
+ }
318
+ }
319
+
320
+ .hor-apart {
321
+ justify-content: space-between;
322
+ }
323
+
324
+ .ver-center {
325
+ display: flex;
326
+ align-items: center;
327
+ }
328
+
329
+ .ver-bottom {
330
+ display: flex;
331
+ align-items: flex-end;
332
+ }
333
+
334
+ .ver-center-child {
335
+ margin-top: auto;
336
+ margin-bottom: auto;
337
+ }
338
+
339
+ .ver-bottom-child {
340
+ margin-top: auto;
341
+ }
342
+
343
+ .no-stretch {
344
+ flex: 0 0 auto;
345
+ width: auto;
346
+ max-width: fit-content;
347
+ }
348
+
349
+ .no-shrink {
350
+ flex-shrink: 0;
351
+ }
352
+
353
+ @media (max-width: 900px) {
354
+ .inline-row.mobile-wrap {
355
+ flex-wrap: wrap;
356
+
357
+ > .column {
358
+ flex-basis: 100%;
359
+ width: 100%;
360
+ }
361
+ }
362
+ }
363
+
364
+ .text-break-word {
365
+ min-width: 0;
366
+ max-width: 100%;
367
+ white-space: normal;
368
+ overflow-wrap: break-word;
369
+ word-break: normal;
370
+ hyphens: auto;
371
+ }
372
+
373
+ .font-italic {
374
+ font-style: italic;
375
+ }
376
+
377
+ .font-mono {
378
+ font-family:
379
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
380
+ "Courier New", monospace;
381
+ word-break: break-all;
382
+ }
383
+
384
+ .font-bold {
385
+ font-weight: bold;
386
+ }
387
+
388
+ .label {
389
+ color: var(--tbf-text-muted, #000);
390
+ font-size: 14px;
391
+ }
392
+
393
+ .pre-wrap {
394
+ white-space: pre-wrap !important;
395
+ }
396
+
397
+ .bg-transparent {
398
+ background-color: transparent;
399
+ }
400
+
401
+ .cursor-pointer {
402
+ cursor: pointer;
403
+ }
404
+
405
+ .cursor-auto {
406
+ cursor: auto;
407
+ }
408
+
409
+ .cursor-disabled,
410
+ .disabled,
411
+ [disabled] {
412
+ cursor: not-allowed;
413
+ }
@@ -0,0 +1,26 @@
1
+ import type { BindRoot } from "../dom/index.d.ts";
2
+ import type { ThemeModeOptions, ThemeModeScheme } from "./modes.js";
3
+ type ThemeValue = string;
4
+ type ThemePersistenceAdapter = {
5
+ get?: () => Promise<string | null | undefined> | string | null | undefined;
6
+ set?: (theme: ThemeValue) => Promise<unknown> | unknown;
7
+ };
8
+ type ThemeRuntimeOptions = ThemeModeOptions & {
9
+ defaultTheme?: ThemeValue;
10
+ persistence?: ThemePersistenceAdapter;
11
+ };
12
+ type ThemeSyncListener = (root: BindRoot) => void;
13
+ declare function registerThemeSync(listener: ThemeSyncListener): void;
14
+ declare function runThemeSync(root?: BindRoot): void;
15
+ declare function normalizeTheme(value: unknown, options?: ThemeRuntimeOptions): ThemeValue;
16
+ declare function systemThemeKey(options?: ThemeRuntimeOptions): ThemeValue;
17
+ declare function currentDomTheme(options?: ThemeRuntimeOptions): ThemeValue;
18
+ declare function getEffectiveTheme(value?: unknown, options?: ThemeRuntimeOptions): ThemeValue;
19
+ declare function themeScheme(key: unknown, options?: ThemeRuntimeOptions): ThemeModeScheme;
20
+ declare function applyTheme(theme: ThemeValue, options?: ThemeRuntimeOptions): ThemeValue;
21
+ declare function readPersistedTheme(adapter?: ThemePersistenceAdapter, options?: ThemeRuntimeOptions): Promise<ThemeValue>;
22
+ declare function setTheme(theme: ThemeValue, options?: ThemeRuntimeOptions): Promise<ThemeValue>;
23
+ declare function nextTheme(options?: ThemeRuntimeOptions): ThemeValue;
24
+ export { applyTheme, currentDomTheme, getEffectiveTheme, nextTheme, normalizeTheme, readPersistedTheme, registerThemeSync, runThemeSync, setTheme, systemThemeKey, themeScheme, };
25
+ export type { ThemePersistenceAdapter, ThemeRuntimeOptions, ThemeSyncListener, ThemeValue };
26
+ //# sourceMappingURL=apply.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"apply.d.ts","sourceRoot":"","sources":["../../../src/theme/apply.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE,KAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,KAAK,uBAAuB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3E,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CACzD,CAAC;AAEF,KAAK,mBAAmB,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;AAIlD,iBAAS,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAE5D;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,GAAG,IAAI,CAErD;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGrF;AAUD,iBAAS,cAAc,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGrE;AAED,iBAAS,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGtE;AAED,iBAAS,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAEzF;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,eAAe,CAErF;AAWD,iBAAS,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAWpF;AAED,iBAAe,kBAAkB,CAC/B,OAAO,CAAC,EAAE,uBAAuB,EACjC,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,UAAU,CAAC,CAOrB;AAED,iBAAe,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAAC,UAAU,CAAC,CASjG;AAED,iBAAS,SAAS,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAIhE;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,CAAC;AACF,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,85 @@
1
+ import { THEME_ATTR, THEME_CHANGE_EVENT } from "./constants.js";
2
+ import { findThemeMode, getThemeModes, themeModeKeyOf } from "./modes.js";
3
+ const themeSyncListeners = new Set();
4
+ function registerThemeSync(listener) {
5
+ themeSyncListeners.add(listener);
6
+ }
7
+ function runThemeSync(root = document) {
8
+ themeSyncListeners.forEach((listener) => listener(root));
9
+ }
10
+ function normalizeTheme(value, options = {}) {
11
+ const key = themeModeKeyOf(value);
12
+ return key && findThemeMode(key, options) ? key : "";
13
+ }
14
+ function systemPrefersLight() {
15
+ try {
16
+ return Boolean(window.matchMedia?.("(prefers-color-scheme: light)").matches);
17
+ }
18
+ catch {
19
+ return false;
20
+ }
21
+ }
22
+ function systemThemeKey(options = {}) {
23
+ const registry = getThemeModes(options);
24
+ return systemPrefersLight() ? registry.light : registry.dark;
25
+ }
26
+ function currentDomTheme(options = {}) {
27
+ if (typeof document === "undefined")
28
+ return "";
29
+ return normalizeTheme(document.documentElement.getAttribute(THEME_ATTR), options);
30
+ }
31
+ function getEffectiveTheme(value, options = {}) {
32
+ return normalizeTheme(value, options) || currentDomTheme(options) || systemThemeKey(options);
33
+ }
34
+ function themeScheme(key, options = {}) {
35
+ return findThemeMode(key, options)?.scheme || "light";
36
+ }
37
+ function dispatchThemeChange(theme, themeKey) {
38
+ if (typeof window === "undefined")
39
+ return;
40
+ window.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, {
41
+ detail: { theme, themeKey },
42
+ }));
43
+ }
44
+ function applyTheme(theme, options = {}) {
45
+ if (typeof document === "undefined")
46
+ return getEffectiveTheme(theme, options);
47
+ const normalized = normalizeTheme(theme, options);
48
+ const next = normalized || systemThemeKey(options);
49
+ const previous = currentDomTheme(options);
50
+ document.documentElement.setAttribute(THEME_ATTR, next);
51
+ document.documentElement.style.colorScheme = themeScheme(next, options);
52
+ document.body?.setAttribute(THEME_ATTR, next);
53
+ if (previous !== next)
54
+ dispatchThemeChange(normalized, next);
55
+ runThemeSync(document);
56
+ return next;
57
+ }
58
+ async function readPersistedTheme(adapter, options = {}) {
59
+ if (!adapter?.get)
60
+ return "";
61
+ try {
62
+ return normalizeTheme(await adapter.get(), options);
63
+ }
64
+ catch {
65
+ return "";
66
+ }
67
+ }
68
+ async function setTheme(theme, options = {}) {
69
+ const normalized = normalizeTheme(theme, options);
70
+ applyTheme(normalized, options);
71
+ if (options.persistence?.set) {
72
+ try {
73
+ await options.persistence.set(normalized);
74
+ }
75
+ catch { }
76
+ }
77
+ return getEffectiveTheme(normalized, options);
78
+ }
79
+ function nextTheme(options = {}) {
80
+ const keys = getThemeModes(options).modes.map((mode) => mode.key);
81
+ const index = keys.indexOf(getEffectiveTheme(undefined, options));
82
+ return keys[(index + 1) % keys.length] || keys[0];
83
+ }
84
+ export { applyTheme, currentDomTheme, getEffectiveTheme, nextTheme, normalizeTheme, readPersistedTheme, registerThemeSync, runThemeSync, setTheme, systemThemeKey, themeScheme, };
85
+ //# sourceMappingURL=apply.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"apply.js","sourceRoot":"","sources":["../../../src/theme/apply.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import type { ThemeModeOptions } from "./modes.js";
2
+ declare function createThemeBootScript(theme?: string, options?: ThemeModeOptions): string;
3
+ export { createThemeBootScript };
4
+ //# sourceMappingURL=boot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/theme/boot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMnD,iBAAS,qBAAqB,CAAC,KAAK,GAAE,MAAW,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,CAezF;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { THEME_ATTR, THEME_MODES_GLOBAL_KEY } from "./constants.js";
2
+ import { getThemeModes, themeModeKeyOf } from "./modes.js";
3
+ function scriptJson(value) {
4
+ return JSON.stringify(value ?? null).replace(/</gu, "\\u003c");
5
+ }
6
+ function createThemeBootScript(theme = "", options = {}) {
7
+ const registry = getThemeModes(options);
8
+ const schemes = Object.fromEntries(registry.modes.map((mode) => [mode.key, mode.scheme]));
9
+ return [
10
+ "(function(){",
11
+ `var r=${scriptJson(registry)},s=${scriptJson(schemes)};`,
12
+ `try{window[Symbol.for(${scriptJson(THEME_MODES_GLOBAL_KEY)})]=r}catch(e){}`,
13
+ `var t=${scriptJson(themeModeKeyOf(theme))};`,
14
+ "if(!s[t])t='';",
15
+ "var p=false;try{p=!!(window.matchMedia&&window.matchMedia('(prefers-color-scheme: light)').matches)}catch(e){}",
16
+ "var k=t||(p?r.light:r.dark);",
17
+ `document.documentElement.setAttribute(${scriptJson(THEME_ATTR)},k);`,
18
+ "document.documentElement.style.colorScheme=s[k]||'light';",
19
+ "})();",
20
+ ].join("");
21
+ }
22
+ export { createThemeBootScript };
23
+ //# sourceMappingURL=boot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/theme/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG3D,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,qBAAqB,CAAC,QAAgB,EAAE,EAAE,UAA4B,EAAE;IAC/E,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1F,OAAO;QACL,cAAc;QACd,SAAS,UAAU,CAAC,QAAQ,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,GAAG;QACzD,yBAAyB,UAAU,CAAC,sBAAsB,CAAC,iBAAiB;QAC5E,SAAS,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG;QAC7C,gBAAgB;QAChB,gHAAgH;QAChH,8BAA8B;QAC9B,yCAAyC,UAAU,CAAC,UAAU,CAAC,MAAM;QACrE,2DAA2D;QAC3D,OAAO;KACR,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -1,14 +1,22 @@
1
- import type { ButtonHTMLAttributes, ScriptHTMLAttributes } from "react";
2
- import { type ThemeValue } from "../index.d.ts";
1
+ import type { ButtonHTMLAttributes, HTMLAttributes, ScriptHTMLAttributes } from "react";
2
+ import { type ThemeModeOptions, type ThemeValue } from "../index.d.ts";
3
3
  type ThemeToggleProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
4
  darkLabel?: string;
5
+ labels?: Record<string, string>;
5
6
  lightLabel?: string;
6
7
  };
7
- type ThemeBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & {
8
+ type ThemeBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & ThemeModeOptions & {
8
9
  theme?: ThemeValue;
9
10
  };
11
+ type ThemeSelectProps = Omit<HTMLAttributes<HTMLElement>, "defaultValue"> & ThemeModeOptions & {
12
+ label?: string;
13
+ name?: string;
14
+ value?: ThemeValue;
15
+ variant?: "buttons" | "select";
16
+ };
10
17
  declare function ThemeToggle(props: ThemeToggleProps): import("react").JSX.Element;
18
+ declare function ThemeSelect(props: ThemeSelectProps): import("react").JSX.Element;
11
19
  declare function ThemeBootScript(props: ThemeBootScriptProps): import("react").JSX.Element;
12
- export { ThemeBootScript, ThemeToggle };
13
- export type { ThemeBootScriptProps, ThemeToggleProps };
20
+ export { ThemeBootScript, ThemeSelect, ThemeToggle };
21
+ export type { ThemeBootScriptProps, ThemeSelectProps, ThemeToggleProps };
14
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvE,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAqB3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC;AACxC,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,GAAG;IACvF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG,gBAAgB,GAAG;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAUF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAuB3C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA2C3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,13 +1,29 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { classNames } from "../../components/index.js";
3
- import { createThemeBootScript } from "../index.js";
3
+ import { createThemeBootScript, getThemeModes, normalizeTheme, } from "../index.js";
4
+ function themeLabelAttributes(labels) {
5
+ const attributes = {};
6
+ for (const [key, label] of Object.entries(labels || {})) {
7
+ attributes[`data-tbf-theme-${key}-label`] = label;
8
+ }
9
+ return attributes;
10
+ }
4
11
  function ThemeToggle(props) {
5
- const { children, className, darkLabel = "Dark", lightLabel = "Light", type = "button", ...rest } = props;
6
- return (_jsx("button", { ...rest, className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
12
+ const { children, className, darkLabel = "Dark", labels, lightLabel = "Light", type = "button", ...rest } = props;
13
+ return (_jsx("button", { ...rest, ...themeLabelAttributes(labels), className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
14
+ }
15
+ function ThemeSelect(props) {
16
+ const { className, dark, label, light, modes, name, value, variant = "select", ...rest } = props;
17
+ const registry = getThemeModes({ dark, light, modes });
18
+ const current = normalizeTheme(value, { dark, light, modes });
19
+ if (variant === "buttons") {
20
+ return (_jsx("div", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", role: "radiogroup", children: registry.modes.map((mode) => (_jsx("button", { "aria-checked": mode.key === current, className: "tbf-theme-select__option", "data-tbf-theme-active": mode.key === current ? "true" : "false", "data-tbf-theme-value": mode.key, role: "radio", type: "button", children: mode.label }, mode.key))) }));
21
+ }
22
+ return (_jsx("select", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", defaultValue: current || undefined, name: name, children: registry.modes.map((mode) => (_jsx("option", { value: mode.key, children: mode.label }, mode.key))) }));
7
23
  }
8
24
  function ThemeBootScript(props) {
9
- const { theme = "", ...rest } = props;
10
- return (_jsx("script", { ...rest, dangerouslySetInnerHTML: { __html: createThemeBootScript(theme) } }));
25
+ const { dark, light, modes, theme = "", ...rest } = props;
26
+ return (_jsx("script", { ...rest, dangerouslySetInnerHTML: { __html: createThemeBootScript(theme, { dark, light, modes }) } }));
11
27
  }
12
- export { ThemeBootScript, ThemeToggle };
28
+ export { ThemeBootScript, ThemeSelect, ThemeToggle };
13
29
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,eAAe,CAAC;AAWvE,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,UAAU,GAAG,OAAO,EACpB,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,2BAC9B,EAAE,+BACG,SAAS,gCACR,UAAU,EACtC,IAAI,EAAE,IAAI,YAET,QAAQ,IAAI,uCAA2B,EAAE,YAAE,UAAU,GAAQ,GACvD,CACV,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,oBACM,IAAI,EACR,uBAAuB,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAE,GACjE,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ declare const THEME_ATTR = "data-tbf-theme";
2
+ declare const THEME_BOUND_ATTR = "data-tbf-theme-bound";
3
+ declare const THEME_CURRENT_ATTR = "data-tbf-theme-current";
4
+ declare const THEME_VALUE_ATTR = "data-tbf-theme-value";
5
+ declare const THEME_CHANGE_EVENT = "tbf:themechange";
6
+ declare const THEME_MODES_GLOBAL_KEY = "tbf.frontend.theme.modes";
7
+ declare const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
8
+ declare const THEME_SELECT_SELECTOR = "[data-tbf-theme-select]";
9
+ declare const THEME_OPTION_SELECTOR = "[data-tbf-theme-value]";
10
+ declare const THEME_LABEL_SELECTOR = "[data-tbf-theme-label]";
11
+ export { THEME_ATTR, THEME_BOUND_ATTR, THEME_CHANGE_EVENT, THEME_CURRENT_ATTR, THEME_LABEL_SELECTOR, THEME_MODES_GLOBAL_KEY, THEME_OPTION_SELECTOR, THEME_SELECT_SELECTOR, THEME_TOGGLE_SELECTOR, THEME_VALUE_ATTR, };
12
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,mBAAmB,CAAC;AACpC,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,2BAA2B,CAAC;AACpD,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,oBAAoB,CAAC;AAC7C,QAAA,MAAM,sBAAsB,6BAA6B,CAAC;AAC1D,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,2BAA2B,CAAC;AACvD,QAAA,MAAM,oBAAoB,2BAA2B,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}