@techfides/ui-library-design 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +55 -0
  3. package/assets/brands/digital-boost-group.svg +1 -0
  4. package/assets/brands/rtsg.svg +1 -0
  5. package/assets/brands/tech-it-out.svg +1 -0
  6. package/assets/brands/techfides.svg +1 -0
  7. package/css/index.css +8 -0
  8. package/css/theme.css +1640 -0
  9. package/dist/brands.d.ts +39 -0
  10. package/dist/brands.js +41 -0
  11. package/dist/brands.js.map +1 -0
  12. package/dist/charts/animation.js +14 -0
  13. package/dist/charts/animation.js.map +1 -0
  14. package/dist/charts/bars.d.ts +22 -0
  15. package/dist/charts/bars.js +61 -0
  16. package/dist/charts/bars.js.map +1 -0
  17. package/dist/charts/groupedBars.d.ts +20 -0
  18. package/dist/charts/groupedBars.js +82 -0
  19. package/dist/charts/groupedBars.js.map +1 -0
  20. package/dist/charts/paint.js +19 -0
  21. package/dist/charts/paint.js.map +1 -0
  22. package/dist/charts/spark.d.ts +17 -0
  23. package/dist/charts/spark.js +159 -0
  24. package/dist/charts/spark.js.map +1 -0
  25. package/dist/charts/tooltip.js +41 -0
  26. package/dist/charts/tooltip.js.map +1 -0
  27. package/dist/cn.d.ts +6 -0
  28. package/dist/cn.js +178 -0
  29. package/dist/cn.js.map +1 -0
  30. package/dist/control.d.ts +15 -0
  31. package/dist/control.js +13 -0
  32. package/dist/control.js.map +1 -0
  33. package/dist/index.d.ts +65 -0
  34. package/dist/index.js +65 -0
  35. package/dist/mark.d.ts +7 -0
  36. package/dist/mark.js +11 -0
  37. package/dist/mark.js.map +1 -0
  38. package/dist/parts/control.js +55 -0
  39. package/dist/parts/control.js.map +1 -0
  40. package/dist/parts/eyebrow.js +8 -0
  41. package/dist/parts/eyebrow.js.map +1 -0
  42. package/dist/parts/mark.js +52 -0
  43. package/dist/parts/mark.js.map +1 -0
  44. package/dist/parts/reveal.js +35 -0
  45. package/dist/parts/reveal.js.map +1 -0
  46. package/dist/parts/rouse.js +25 -0
  47. package/dist/parts/rouse.js.map +1 -0
  48. package/dist/parts/rule.js +12 -0
  49. package/dist/parts/rule.js.map +1 -0
  50. package/dist/parts/scroll.js +10 -0
  51. package/dist/parts/scroll.js.map +1 -0
  52. package/dist/parts/shell.js +23 -0
  53. package/dist/parts/shell.js.map +1 -0
  54. package/dist/parts/surface.js +15 -0
  55. package/dist/parts/surface.js.map +1 -0
  56. package/dist/parts/tone.js +13 -0
  57. package/dist/parts/tone.js.map +1 -0
  58. package/dist/parts/travel.js +11 -0
  59. package/dist/parts/travel.js.map +1 -0
  60. package/dist/recipes/accordion.d.ts +13 -0
  61. package/dist/recipes/accordion.js +42 -0
  62. package/dist/recipes/accordion.js.map +1 -0
  63. package/dist/recipes/alert.d.ts +16 -0
  64. package/dist/recipes/alert.js +21 -0
  65. package/dist/recipes/alert.js.map +1 -0
  66. package/dist/recipes/band.d.ts +8 -0
  67. package/dist/recipes/band.js +22 -0
  68. package/dist/recipes/band.js.map +1 -0
  69. package/dist/recipes/bars.d.ts +17 -0
  70. package/dist/recipes/bars.js +27 -0
  71. package/dist/recipes/bars.js.map +1 -0
  72. package/dist/recipes/brandMark.d.ts +5 -0
  73. package/dist/recipes/brandMark.js +7 -0
  74. package/dist/recipes/brandMark.js.map +1 -0
  75. package/dist/recipes/button.d.ts +23 -0
  76. package/dist/recipes/button.js +229 -0
  77. package/dist/recipes/button.js.map +1 -0
  78. package/dist/recipes/cardHeader.d.ts +10 -0
  79. package/dist/recipes/cardHeader.js +11 -0
  80. package/dist/recipes/cardHeader.js.map +1 -0
  81. package/dist/recipes/checkbox.d.ts +26 -0
  82. package/dist/recipes/checkbox.js +103 -0
  83. package/dist/recipes/checkbox.js.map +1 -0
  84. package/dist/recipes/chip.d.ts +26 -0
  85. package/dist/recipes/chip.js +123 -0
  86. package/dist/recipes/chip.js.map +1 -0
  87. package/dist/recipes/codeEditor.d.ts +74 -0
  88. package/dist/recipes/codeEditor.js +71 -0
  89. package/dist/recipes/codeEditor.js.map +1 -0
  90. package/dist/recipes/datePicker.d.ts +39 -0
  91. package/dist/recipes/datePicker.js +166 -0
  92. package/dist/recipes/datePicker.js.map +1 -0
  93. package/dist/recipes/dialog.d.ts +37 -0
  94. package/dist/recipes/dialog.js +116 -0
  95. package/dist/recipes/dialog.js.map +1 -0
  96. package/dist/recipes/feature.d.ts +15 -0
  97. package/dist/recipes/feature.js +48 -0
  98. package/dist/recipes/feature.js.map +1 -0
  99. package/dist/recipes/field.d.ts +26 -0
  100. package/dist/recipes/field.js +129 -0
  101. package/dist/recipes/field.js.map +1 -0
  102. package/dist/recipes/findings.d.ts +11 -0
  103. package/dist/recipes/findings.js +16 -0
  104. package/dist/recipes/findings.js.map +1 -0
  105. package/dist/recipes/heading.d.ts +17 -0
  106. package/dist/recipes/heading.js +37 -0
  107. package/dist/recipes/heading.js.map +1 -0
  108. package/dist/recipes/heartbeat.d.ts +23 -0
  109. package/dist/recipes/heartbeat.js +43 -0
  110. package/dist/recipes/heartbeat.js.map +1 -0
  111. package/dist/recipes/input.d.ts +17 -0
  112. package/dist/recipes/input.js +90 -0
  113. package/dist/recipes/input.js.map +1 -0
  114. package/dist/recipes/listItem.d.ts +6 -0
  115. package/dist/recipes/listItem.js +8 -0
  116. package/dist/recipes/listItem.js.map +1 -0
  117. package/dist/recipes/listbox.d.ts +12 -0
  118. package/dist/recipes/listbox.js +29 -0
  119. package/dist/recipes/listbox.js.map +1 -0
  120. package/dist/recipes/marquee.d.ts +19 -0
  121. package/dist/recipes/marquee.js +36 -0
  122. package/dist/recipes/marquee.js.map +1 -0
  123. package/dist/recipes/menu.d.ts +26 -0
  124. package/dist/recipes/menu.js +86 -0
  125. package/dist/recipes/menu.js.map +1 -0
  126. package/dist/recipes/metaRow.d.ts +14 -0
  127. package/dist/recipes/metaRow.js +19 -0
  128. package/dist/recipes/metaRow.js.map +1 -0
  129. package/dist/recipes/meter.d.ts +23 -0
  130. package/dist/recipes/meter.js +39 -0
  131. package/dist/recipes/meter.js.map +1 -0
  132. package/dist/recipes/motion.d.ts +6 -0
  133. package/dist/recipes/motion.js +34 -0
  134. package/dist/recipes/motion.js.map +1 -0
  135. package/dist/recipes/nebula.d.ts +9 -0
  136. package/dist/recipes/nebula.js +15 -0
  137. package/dist/recipes/nebula.js.map +1 -0
  138. package/dist/recipes/numberRange.d.ts +15 -0
  139. package/dist/recipes/numberRange.js +109 -0
  140. package/dist/recipes/numberRange.js.map +1 -0
  141. package/dist/recipes/paper.d.ts +22 -0
  142. package/dist/recipes/paper.js +42 -0
  143. package/dist/recipes/paper.js.map +1 -0
  144. package/dist/recipes/progressBar.d.ts +7 -0
  145. package/dist/recipes/progressBar.js +11 -0
  146. package/dist/recipes/progressBar.js.map +1 -0
  147. package/dist/recipes/queue.d.ts +16 -0
  148. package/dist/recipes/queue.js +27 -0
  149. package/dist/recipes/queue.js.map +1 -0
  150. package/dist/recipes/radioGroup.d.ts +27 -0
  151. package/dist/recipes/radioGroup.js +68 -0
  152. package/dist/recipes/radioGroup.js.map +1 -0
  153. package/dist/recipes/scopeSwitcher.d.ts +26 -0
  154. package/dist/recipes/scopeSwitcher.js +80 -0
  155. package/dist/recipes/scopeSwitcher.js.map +1 -0
  156. package/dist/recipes/scrollArea.d.ts +19 -0
  157. package/dist/recipes/scrollArea.js +43 -0
  158. package/dist/recipes/scrollArea.js.map +1 -0
  159. package/dist/recipes/searchPalette.d.ts +19 -0
  160. package/dist/recipes/searchPalette.js +63 -0
  161. package/dist/recipes/searchPalette.js.map +1 -0
  162. package/dist/recipes/sectionHeader.d.ts +9 -0
  163. package/dist/recipes/sectionHeader.js +10 -0
  164. package/dist/recipes/sectionHeader.js.map +1 -0
  165. package/dist/recipes/segmentedControl.d.ts +9 -0
  166. package/dist/recipes/segmentedControl.js +29 -0
  167. package/dist/recipes/segmentedControl.js.map +1 -0
  168. package/dist/recipes/select.d.ts +9 -0
  169. package/dist/recipes/select.js +21 -0
  170. package/dist/recipes/select.js.map +1 -0
  171. package/dist/recipes/separator.d.ts +14 -0
  172. package/dist/recipes/separator.js +59 -0
  173. package/dist/recipes/separator.js.map +1 -0
  174. package/dist/recipes/sidebar.d.ts +40 -0
  175. package/dist/recipes/sidebar.js +128 -0
  176. package/dist/recipes/sidebar.js.map +1 -0
  177. package/dist/recipes/sky.d.ts +20 -0
  178. package/dist/recipes/sky.js +127 -0
  179. package/dist/recipes/sky.js.map +1 -0
  180. package/dist/recipes/slider.d.ts +20 -0
  181. package/dist/recipes/slider.js +62 -0
  182. package/dist/recipes/slider.js.map +1 -0
  183. package/dist/recipes/stat.d.ts +30 -0
  184. package/dist/recipes/stat.js +52 -0
  185. package/dist/recipes/stat.js.map +1 -0
  186. package/dist/recipes/switch.d.ts +20 -0
  187. package/dist/recipes/switch.js +60 -0
  188. package/dist/recipes/switch.js.map +1 -0
  189. package/dist/recipes/table.d.ts +74 -0
  190. package/dist/recipes/table.js +182 -0
  191. package/dist/recipes/table.js.map +1 -0
  192. package/dist/recipes/tableFilter.d.ts +14 -0
  193. package/dist/recipes/tableFilter.js +28 -0
  194. package/dist/recipes/tableFilter.js.map +1 -0
  195. package/dist/recipes/tablePaging.d.ts +15 -0
  196. package/dist/recipes/tablePaging.js +50 -0
  197. package/dist/recipes/tablePaging.js.map +1 -0
  198. package/dist/recipes/tail.d.ts +20 -0
  199. package/dist/recipes/tail.js +48 -0
  200. package/dist/recipes/tail.js.map +1 -0
  201. package/dist/recipes/text.d.ts +25 -0
  202. package/dist/recipes/text.js +94 -0
  203. package/dist/recipes/text.js.map +1 -0
  204. package/dist/recipes/textarea.d.ts +13 -0
  205. package/dist/recipes/textarea.js +48 -0
  206. package/dist/recipes/textarea.js.map +1 -0
  207. package/dist/recipes/tile.d.ts +18 -0
  208. package/dist/recipes/tile.js +85 -0
  209. package/dist/recipes/tile.js.map +1 -0
  210. package/dist/recipes/tooltip.d.ts +12 -0
  211. package/dist/recipes/tooltip.js +26 -0
  212. package/dist/recipes/tooltip.js.map +1 -0
  213. package/dist/recipes/topBar.d.ts +15 -0
  214. package/dist/recipes/topBar.js +35 -0
  215. package/dist/recipes/topBar.js.map +1 -0
  216. package/dist/recipes/trail.d.ts +27 -0
  217. package/dist/recipes/trail.js +66 -0
  218. package/dist/recipes/trail.js.map +1 -0
  219. package/dist/recipes/userMenu.d.ts +11 -0
  220. package/dist/recipes/userMenu.js +38 -0
  221. package/dist/recipes/userMenu.js.map +1 -0
  222. package/dist/tally.d.ts +17 -0
  223. package/dist/tally.js +75 -0
  224. package/dist/tally.js.map +1 -0
  225. package/dist/tone.d.ts +26 -0
  226. package/dist/tone.js +26 -0
  227. package/dist/tone.js.map +1 -0
  228. package/dist/words.d.ts +116 -0
  229. package/dist/words.js +93 -0
  230. package/dist/words.js.map +1 -0
  231. package/package.json +72 -0
package/dist/cn.js ADDED
@@ -0,0 +1,178 @@
1
+ import { clsx } from "clsx";
2
+ import { extendTailwindMerge } from "tailwind-merge";
3
+ //#region src/cn.ts
4
+ const { color, duration, ...themeScales } = {
5
+ animate: [
6
+ "tf-arrive",
7
+ "tf-blend-in",
8
+ "tf-in",
9
+ "tf-out",
10
+ "tf-chip-in",
11
+ "tf-chip-out",
12
+ "tf-rewind",
13
+ "tf-lift",
14
+ "tf-lift-rewind",
15
+ "tf-expand",
16
+ "tf-collapse",
17
+ "tf-depart",
18
+ "tf-shake",
19
+ "tf-pop",
20
+ "tf-nudge",
21
+ "tf-fade-in",
22
+ "tf-fade-out",
23
+ "tf-fade-rewind",
24
+ "tf-page",
25
+ "tf-page-again",
26
+ "tf-rise",
27
+ "tf-draw"
28
+ ],
29
+ blur: [
30
+ "tf-panel",
31
+ "tf-glass",
32
+ "tf-scrim",
33
+ "tf-cloud-md",
34
+ "tf-cloud-tight",
35
+ "tf-cloud-wide"
36
+ ],
37
+ color: [
38
+ "tf-accent",
39
+ "tf-accent-hi",
40
+ "tf-accent-deep",
41
+ "tf-accent-surface",
42
+ "tf-accent-tint",
43
+ "tf-accent-edge",
44
+ "tf-on-accent",
45
+ "tf-bg",
46
+ "tf-surface",
47
+ "tf-surface-hi",
48
+ "tf-surface-quiet",
49
+ "tf-sunken",
50
+ "tf-sunken-hi",
51
+ "tf-sunken-quiet",
52
+ "tf-control",
53
+ "tf-control-hi",
54
+ "tf-panel",
55
+ "tf-panel-2",
56
+ "tf-panel-hi",
57
+ "tf-glass",
58
+ "tf-shade-under",
59
+ "tf-shade-deep",
60
+ "tf-scrim",
61
+ "tf-line",
62
+ "tf-line-2",
63
+ "tf-line-hi",
64
+ "tf-fg",
65
+ "tf-fg-held",
66
+ "tf-muted",
67
+ "tf-success",
68
+ "tf-success-hi",
69
+ "tf-warning",
70
+ "tf-warning-hi",
71
+ "tf-info",
72
+ "tf-info-hi",
73
+ "tf-danger",
74
+ "tf-danger-hi",
75
+ "tf-danger-wash",
76
+ "tf-success-tint",
77
+ "tf-success-edge",
78
+ "tf-warning-tint",
79
+ "tf-warning-edge",
80
+ "tf-info-tint",
81
+ "tf-info-edge",
82
+ "tf-danger-tint",
83
+ "tf-danger-edge",
84
+ "tf-on-semantic"
85
+ ],
86
+ container: [
87
+ "tf-panel",
88
+ "tf-measure",
89
+ "tf-page",
90
+ "tf-canvas"
91
+ ],
92
+ duration: [
93
+ "tf-1",
94
+ "tf-2",
95
+ "tf-3",
96
+ "tf-4"
97
+ ],
98
+ ease: [
99
+ "tf",
100
+ "tf-spring",
101
+ "tf-glide",
102
+ "tf-settle"
103
+ ],
104
+ font: ["tf-display", "tf-body"],
105
+ radius: [
106
+ "tf-none",
107
+ "tf-inline",
108
+ "tf-control",
109
+ "tf-block",
110
+ "tf-card",
111
+ "tf-pill"
112
+ ],
113
+ shadow: ["tf-float", "tf-mark"],
114
+ spacing: [
115
+ "tf-hairline",
116
+ "tf-control-2xs",
117
+ "tf-control-xs",
118
+ "tf-control-sm",
119
+ "tf-control-md",
120
+ "tf-control-lg",
121
+ "tf-row",
122
+ "tf-chip-sm",
123
+ "tf-target",
124
+ "tf-menu",
125
+ "tf-sidebar",
126
+ "tf-rail",
127
+ "tf-icon-2xs",
128
+ "tf-icon-xs",
129
+ "tf-icon-sm",
130
+ "tf-icon-md",
131
+ "tf-icon-lg",
132
+ "tf-icon-solo-xs",
133
+ "tf-icon-solo-sm",
134
+ "tf-icon-solo-md",
135
+ "tf-icon-solo-lg",
136
+ "tf-mark-glyph",
137
+ "tf-mark-dot",
138
+ "tf-mark-track",
139
+ "tf-mark-inset"
140
+ ],
141
+ text: [
142
+ "tf-display",
143
+ "tf-h1",
144
+ "tf-h2",
145
+ "tf-h3",
146
+ "tf-h4",
147
+ "tf-figure",
148
+ "tf-unit",
149
+ "tf-lead",
150
+ "tf-body",
151
+ "tf-body-sm",
152
+ "tf-caption",
153
+ "tf-caption-sm"
154
+ ],
155
+ tracking: ["tf-tight", "tf-eyebrow"]
156
+ };
157
+ const twMerge = extendTailwindMerge({ extend: {
158
+ classGroups: {
159
+ "bg-image": [{ bg: ["tf-blend"] }],
160
+ "blend-base": [{ blend: color ?? [] }],
161
+ "cloud-blur": [
162
+ "tf-cloud-md",
163
+ "tf-cloud-tight",
164
+ "tf-cloud-wide"
165
+ ],
166
+ duration: [{ duration: duration ?? [] }],
167
+ "text-color": [{ text: ["tf-blend"] }]
168
+ },
169
+ theme: {
170
+ ...themeScales,
171
+ color: color ?? []
172
+ }
173
+ } });
174
+ const cn = (...inputs) => twMerge(clsx(inputs));
175
+ //#endregion
176
+ export { cn };
177
+
178
+ //# sourceMappingURL=cn.js.map
package/dist/cn.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twScales: Record<string, string[]> = {\n animate: [\n 'tf-arrive',\n 'tf-blend-in',\n 'tf-in',\n 'tf-out',\n 'tf-chip-in',\n 'tf-chip-out',\n 'tf-rewind',\n 'tf-lift',\n 'tf-lift-rewind',\n 'tf-expand',\n 'tf-collapse',\n 'tf-depart',\n 'tf-shake',\n 'tf-pop',\n 'tf-nudge',\n 'tf-fade-in',\n 'tf-fade-out',\n 'tf-fade-rewind',\n 'tf-page',\n 'tf-page-again',\n 'tf-rise',\n 'tf-draw',\n ],\n blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n color: [\n 'tf-accent',\n 'tf-accent-hi',\n 'tf-accent-deep',\n 'tf-accent-surface',\n 'tf-accent-tint',\n 'tf-accent-edge',\n 'tf-on-accent',\n 'tf-bg',\n 'tf-surface',\n 'tf-surface-hi',\n 'tf-surface-quiet',\n 'tf-sunken',\n 'tf-sunken-hi',\n 'tf-sunken-quiet',\n 'tf-control',\n 'tf-control-hi',\n 'tf-panel',\n 'tf-panel-2',\n 'tf-panel-hi',\n 'tf-glass',\n 'tf-shade-under',\n 'tf-shade-deep',\n 'tf-scrim',\n 'tf-line',\n 'tf-line-2',\n 'tf-line-hi',\n 'tf-fg',\n 'tf-fg-held',\n 'tf-muted',\n 'tf-success',\n 'tf-success-hi',\n 'tf-warning',\n 'tf-warning-hi',\n 'tf-info',\n 'tf-info-hi',\n 'tf-danger',\n 'tf-danger-hi',\n 'tf-danger-wash',\n 'tf-success-tint',\n 'tf-success-edge',\n 'tf-warning-tint',\n 'tf-warning-edge',\n 'tf-info-tint',\n 'tf-info-edge',\n 'tf-danger-tint',\n 'tf-danger-edge',\n 'tf-on-semantic',\n ],\n container: ['tf-panel', 'tf-measure', 'tf-page', 'tf-canvas'],\n duration: ['tf-1', 'tf-2', 'tf-3', 'tf-4'],\n ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n font: ['tf-display', 'tf-body'],\n radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n shadow: ['tf-float', 'tf-mark'],\n spacing: [\n 'tf-hairline',\n 'tf-control-2xs',\n 'tf-control-xs',\n 'tf-control-sm',\n 'tf-control-md',\n 'tf-control-lg',\n 'tf-row',\n 'tf-chip-sm',\n 'tf-target',\n 'tf-menu',\n 'tf-sidebar',\n 'tf-rail',\n 'tf-icon-2xs',\n 'tf-icon-xs',\n 'tf-icon-sm',\n 'tf-icon-md',\n 'tf-icon-lg',\n 'tf-icon-solo-xs',\n 'tf-icon-solo-sm',\n 'tf-icon-solo-md',\n 'tf-icon-solo-lg',\n 'tf-mark-glyph',\n 'tf-mark-dot',\n 'tf-mark-track',\n 'tf-mark-inset',\n ],\n text: [\n 'tf-display',\n 'tf-h1',\n 'tf-h2',\n 'tf-h3',\n 'tf-h4',\n 'tf-figure',\n 'tf-unit',\n 'tf-lead',\n 'tf-body',\n 'tf-body-sm',\n 'tf-caption',\n 'tf-caption-sm',\n ],\n tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst { color, duration, ...themeScales } = twScales\n\nconst twMerge = extendTailwindMerge<'blend-base' | 'cloud-blur'>({\n extend: {\n classGroups: {\n 'bg-image': [{ bg: ['tf-blend'] }],\n 'blend-base': [{ blend: color ?? [] }],\n 'cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n duration: [{ duration: duration ?? [] }],\n 'text-color': [{ text: ['tf-blend'] }],\n },\n theme: { ...themeScales, color: color ?? [] },\n },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;AAiIA,MAAM,EAAE,OAAO,UAAU,GAAG,gBAAgB;CA5H1C,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EAAC;EAAY;EAAc;EAAW;CAAW;CAC5D,UAAU;EAAC;EAAQ;EAAQ;EAAQ;CAAM;CACzC,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,CAAC,YAAY,YAAY;AAGc;AAEnD,MAAM,UAAU,oBAAiD,EAC/D,QAAQ;CACN,aAAa;EACX,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;EACjC,cAAc,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;EACrC,cAAc;GAAC;GAAe;GAAkB;EAAe;EAC/D,UAAU,CAAC,EAAE,UAAU,YAAY,CAAC,EAAE,CAAC;EACvC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;CACvC;CACA,OAAO;EAAE,GAAG;EAAa,OAAO,SAAS,CAAC;CAAE;AAC9C,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}
@@ -0,0 +1,15 @@
1
+ //#region src/control.d.ts
2
+ type ControlSize = 'sm' | 'md' | 'lg';
3
+ type ButtonSize = ControlSize | 'xs';
4
+ declare const defaultControlSize = "lg";
5
+ type FieldSize = 'lg' | 'md';
6
+ declare const defaultFieldSize = "lg";
7
+ declare const controlIcon: {
8
+ lg: string;
9
+ md: string;
10
+ sm: string;
11
+ xs: string;
12
+ };
13
+ //#endregion
14
+ export { type ButtonSize, type ControlSize, type FieldSize, controlIcon, defaultControlSize, defaultFieldSize };
15
+ //# sourceMappingURL=control.d.ts.map
@@ -0,0 +1,13 @@
1
+ //#region src/control.ts
2
+ const defaultControlSize = "lg";
3
+ const defaultFieldSize = "lg";
4
+ const controlIcon = {
5
+ lg: "size-tf-icon-lg",
6
+ md: "size-tf-icon-md",
7
+ sm: "size-tf-icon-sm",
8
+ xs: "size-tf-icon-xs"
9
+ };
10
+ //#endregion
11
+ export { controlIcon, defaultControlSize, defaultFieldSize };
12
+
13
+ //# sourceMappingURL=control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"control.js","names":[],"sources":["../src/control.ts"],"sourcesContent":["type ControlSize = 'sm' | 'md' | 'lg'\n\ntype ButtonSize = ControlSize | 'xs'\n\nconst defaultControlSize = 'lg' satisfies ControlSize\n\ntype FieldSize = 'lg' | 'md'\n\nconst defaultFieldSize = 'lg' satisfies FieldSize\n\nconst controlIcon = {\n lg: 'size-tf-icon-lg',\n md: 'size-tf-icon-md',\n sm: 'size-tf-icon-sm',\n xs: 'size-tf-icon-xs',\n} satisfies Record<ButtonSize, string>\n\nexport {\n type ButtonSize,\n type ControlSize,\n type FieldSize,\n controlIcon,\n defaultControlSize,\n defaultFieldSize,\n}\n"],"mappings":";AAIA,MAAM,qBAAqB;AAI3B,MAAM,mBAAmB;AAEzB,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}
@@ -0,0 +1,65 @@
1
+ import { Brand, BrandSlug, brandTitle, brands, defaultBrand } from "./brands.js";
2
+ import { BarsAccent, BarsOptionInput, BarsPoint, barsOption } from "./charts/bars.js";
3
+ import { GroupedBarsOptionInput, GroupedBarsSeries, groupedBarsOption } from "./charts/groupedBars.js";
4
+ import { SparkAccent, SparkOptionInput, SparkShape, sparkOption } from "./charts/spark.js";
5
+ import { cn } from "./cn.js";
6
+ import { ButtonSize, ControlSize, FieldSize, controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
7
+ import { MarkPlate, defaultMarkPlate, markPlates } from "./mark.js";
8
+ import { Tally, WHOLE, tallyAt, tallyOf } from "./tally.js";
9
+ import { Tone, toneBlend, toneText, toneTint } from "./tone.js";
10
+ import { DatePickerWords, DialogWords, Language, SearchWords, SelectWords, SidebarWords, StatWords, TableWords, TailWords, UserMenuWords, Words, english } from "./words.js";
11
+ import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
12
+ import { AlertVariant, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
13
+ import { bandRecipe } from "./recipes/band.js";
14
+ import { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
15
+ import { ButtonAccent, ButtonVariant, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
16
+ import { CardHeaderRank, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
17
+ import { CheckboxAccent, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
18
+ import { ChipAccent, ChipSize, ChipTone, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
19
+ import { DatePickerMode, DatePickerRangePreset, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
20
+ import { DialogLayout, DialogSize, defaultDialogLayout, defaultDialogSize, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
21
+ import { FeatureLevel, defaultFeatureLevel, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
22
+ import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
23
+ import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
24
+ import { HEADING_DEFAULT_TAG, HeadingLevel, defaultHeadingLevel, headingLevels, headingRecipe } from "./recipes/heading.js";
25
+ import { HeartbeatState, defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
26
+ import { InputType, TRAILING_INSET, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
27
+ import { brandMarkRecipe } from "./recipes/brandMark.js";
28
+ import { codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
29
+ import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
30
+ import { ListboxMark, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
31
+ import { MarqueeItem, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
32
+ import { MenuPlacement, MenuTone, defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
33
+ import { MetaRowEmphasis, MetaRowLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
34
+ import { MeterPartEdge, MeterVariant, defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
35
+ import { collapseMotion, overlayMotion } from "./recipes/motion.js";
36
+ import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
37
+ import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
38
+ import { PaperInset, PaperVariant, defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
39
+ import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
40
+ import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
41
+ import { RadioAccent, defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
42
+ import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
43
+ import { ScrollAreaSurface, defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
44
+ import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
45
+ import { SectionHeaderSize, defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
46
+ import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
47
+ import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
48
+ import { SeparatorOrientation, SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
49
+ import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
50
+ import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
51
+ import { Cloud, StarLayer, cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
52
+ import { StatAccent, StatDirection, StatSparkShape, StatSurface, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe } from "./recipes/stat.js";
53
+ import { TailSeverity, defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe } from "./recipes/tail.js";
54
+ import { TextFamily, TextSize, TextTone, TextWeight, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights } from "./recipes/text.js";
55
+ import { TileRest, TileTone, defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones } from "./recipes/tile.js";
56
+ import { TooltipPlacement, defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe } from "./recipes/tooltip.js";
57
+ import { TopBarLevel, defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe } from "./recipes/topBar.js";
58
+ import { TrailFlow, TrailState, defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe } from "./recipes/trail.js";
59
+ import { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe } from "./recipes/userMenu.js";
60
+ import { TableAlign, TableFilterKind, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe } from "./recipes/table.js";
61
+ import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe } from "./recipes/tableFilter.js";
62
+ import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
63
+ import { SwitchAccent, defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
64
+ import { TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
65
+ export { type AlertVariant, type BarsAccent, type BarsOptionInput, type BarsPoint, type Brand, type BrandSlug, type ButtonAccent, type ButtonSize, type ButtonVariant, type CardHeaderRank, type CheckboxAccent, type ChipAccent, type ChipSize, type ChipTone, type Cloud, type ControlSize, type DatePickerMode, type DatePickerRangePreset, type DatePickerWords, type DialogLayout, type DialogSize, type DialogWords, type FeatureLevel, type FieldSize, type GroupedBarsOptionInput, type GroupedBarsSeries, HEADING_DEFAULT_TAG, type HeadingLevel, type HeartbeatState, type InputType, type Language, type ListboxMark, type MarkPlate, type MarqueeItem, type MenuPlacement, type MenuTone, type MetaRowEmphasis, type MetaRowLayout, type MeterPartEdge, type MeterVariant, type PaperInset, type PaperVariant, type RadioAccent, type ScrollAreaSurface, type SearchWords, type SectionHeaderSize, type SelectWords, type SeparatorOrientation, type SeparatorVariant, type SidebarWords, type SparkAccent, type SparkOptionInput, type SparkShape, type StarLayer, type StatAccent, type StatDirection, type StatSparkShape, type StatSurface, type StatWords, type SwitchAccent, TRAILING_INSET, type TableAlign, type TableFilterKind, type TableWords, type TailSeverity, type TailWords, type Tally, type TextFamily, type TextSize, type TextTone, type TextWeight, type TextareaReach, type TileRest, type TileTone, type Tone, type TooltipPlacement, type TopBarLevel, type TrailFlow, type TrailState, type UserMenuWords, WHOLE, type Words, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
package/dist/index.js ADDED
@@ -0,0 +1,65 @@
1
+ import { brandTitle, brands, defaultBrand } from "./brands.js";
2
+ import { barsOption } from "./charts/bars.js";
3
+ import { groupedBarsOption } from "./charts/groupedBars.js";
4
+ import { sparkOption } from "./charts/spark.js";
5
+ import { cn } from "./cn.js";
6
+ import { controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
7
+ import { defaultMarkPlate, markPlates } from "./mark.js";
8
+ import { WHOLE, tallyAt, tallyOf } from "./tally.js";
9
+ import { toneBlend, toneText, toneTint } from "./tone.js";
10
+ import { english } from "./words.js";
11
+ import { collapseMotion, overlayMotion } from "./recipes/motion.js";
12
+ import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
13
+ import { alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
14
+ import { bandRecipe } from "./recipes/band.js";
15
+ import { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
16
+ import { buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
17
+ import { cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
18
+ import { checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
19
+ import { chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
20
+ import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
21
+ import { TRAILING_INSET, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
22
+ import { datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
23
+ import { defaultDialogLayout, defaultDialogSize, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
24
+ import { defaultFeatureLevel, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
25
+ import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
26
+ import { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe } from "./recipes/heading.js";
27
+ import { defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
28
+ import { brandMarkRecipe } from "./recipes/brandMark.js";
29
+ import { codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
30
+ import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
31
+ import { listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
32
+ import { marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
33
+ import { defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
34
+ import { defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
35
+ import { defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
36
+ import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
37
+ import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
38
+ import { defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
39
+ import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
40
+ import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
41
+ import { defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
42
+ import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
43
+ import { defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
44
+ import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
45
+ import { defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
46
+ import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
47
+ import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
48
+ import { defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
49
+ import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
50
+ import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
51
+ import { cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
52
+ import { defaultStatAccent, defaultStatSparkShape, defaultStatSurface, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe } from "./recipes/stat.js";
53
+ import { defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe } from "./recipes/tail.js";
54
+ import { defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights } from "./recipes/text.js";
55
+ import { defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones } from "./recipes/tile.js";
56
+ import { defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe } from "./recipes/tooltip.js";
57
+ import { defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe } from "./recipes/topBar.js";
58
+ import { defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe } from "./recipes/trail.js";
59
+ import { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe } from "./recipes/userMenu.js";
60
+ import { tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe } from "./recipes/table.js";
61
+ import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe } from "./recipes/tableFilter.js";
62
+ import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
63
+ import { defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
64
+ import { textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
65
+ export { HEADING_DEFAULT_TAG, TRAILING_INSET, WHOLE, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
package/dist/mark.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ //#region src/mark.d.ts
2
+ type MarkPlate = 'full' | 'snug' | 'bare';
3
+ declare const markPlates: readonly ["full", "snug", "bare"];
4
+ declare const defaultMarkPlate = "full";
5
+ //#endregion
6
+ export { type MarkPlate, defaultMarkPlate, markPlates };
7
+ //# sourceMappingURL=mark.d.ts.map
package/dist/mark.js ADDED
@@ -0,0 +1,11 @@
1
+ //#region src/mark.ts
2
+ const markPlates = [
3
+ "full",
4
+ "snug",
5
+ "bare"
6
+ ];
7
+ const defaultMarkPlate = "full";
8
+ //#endregion
9
+ export { defaultMarkPlate, markPlates };
10
+
11
+ //# sourceMappingURL=mark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mark.js","names":[],"sources":["../src/mark.ts"],"sourcesContent":["type MarkPlate = 'full' | 'snug' | 'bare'\n\nconst markPlates = ['full', 'snug', 'bare'] as const satisfies readonly MarkPlate[]\n\nconst defaultMarkPlate = 'full' satisfies MarkPlate\n\nexport { type MarkPlate, defaultMarkPlate, markPlates }\n"],"mappings":";AAEA,MAAM,aAAa;CAAC;CAAQ;CAAQ;AAAM;AAE1C,MAAM,mBAAmB"}
@@ -0,0 +1,55 @@
1
+ //#region src/parts/control.ts
2
+ const controlSizes = [
3
+ "sm",
4
+ "md",
5
+ "lg"
6
+ ];
7
+ const controlGap = {
8
+ lg: "gap-3",
9
+ md: "gap-2",
10
+ sm: "gap-2",
11
+ xs: "gap-1.5"
12
+ };
13
+ const controlBox = {
14
+ lg: `h-tf-control-lg ${controlGap.lg} rounded-tf-control text-tf-body [&_svg]:size-tf-icon-lg`,
15
+ md: `h-tf-control-md ${controlGap.md} rounded-tf-control text-tf-body-sm font-medium [&_svg]:size-tf-icon-md`,
16
+ sm: `h-tf-control-sm ${controlGap.sm} rounded-tf-control text-tf-caption font-medium [&_svg]:size-tf-icon-sm`,
17
+ xs: `h-tf-control-xs ${controlGap.xs} rounded-tf-inline text-tf-caption-sm font-medium [&_svg]:size-tf-icon-xs`
18
+ };
19
+ const controlBase = [
20
+ "relative inline-flex shrink-0 items-center",
21
+ "font-tf-body",
22
+ "tf-transition",
23
+ "motion-reduce:transition-none",
24
+ "tf-icons [&_svg]:pointer-events-none [&_svg]:shrink-0"
25
+ ];
26
+ const controlFocus = ["outline-2 outline-solid outline-offset-2 outline-transparent"];
27
+ const controlRing = ["focused:outline-tf-accent-hi"];
28
+ const controlReach = [...controlFocus, ...controlRing];
29
+ const controlQuiet = ["interactive:hovered:bg-tf-panel-hi", "cursor-pointer tf-transition motion-reduce:transition-none"];
30
+ const controlPress = ["motion-safe:interactive:pressed:scale-97"];
31
+ const controlInert = [
32
+ "disabled:cursor-not-allowed disabled:opacity-50",
33
+ "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
34
+ "data-disabled:cursor-not-allowed data-disabled:opacity-50"
35
+ ];
36
+ const controlQuietIcon = [
37
+ "inline-flex flex-none items-center justify-center",
38
+ "size-tf-control-sm rounded-tf-control",
39
+ "tf-icons-solo [&_svg]:size-tf-icon-solo-sm [&_svg]:shrink-0",
40
+ "text-tf-muted interactive:hovered:text-tf-fg",
41
+ ...controlQuiet,
42
+ ...controlReach,
43
+ ...controlInert
44
+ ];
45
+ const hitArea = (height, width = "after:w-full after:min-w-tf-target") => [
46
+ "after:absolute after:top-1/2 after:left-1/2",
47
+ height,
48
+ width,
49
+ "after:-translate-x-1/2 after:-translate-y-1/2",
50
+ "after:content-['']"
51
+ ].join(" ");
52
+ //#endregion
53
+ export { controlBase, controlBox, controlFocus, controlGap, controlInert, controlPress, controlQuiet, controlQuietIcon, controlReach, controlSizes, hitArea };
54
+
55
+ //# sourceMappingURL=control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"control.js","names":[],"sources":["../../src/parts/control.ts"],"sourcesContent":["import type { ButtonSize, ControlSize } from '#control'\n\nconst controlSizes = ['sm', 'md', 'lg'] as const satisfies readonly ControlSize[]\n\nconst controlGap = {\n lg: 'gap-3',\n md: 'gap-2',\n sm: 'gap-2',\n xs: 'gap-1.5',\n} satisfies Record<ButtonSize, string>\n\nconst controlBox = {\n lg: `h-tf-control-lg ${controlGap.lg} rounded-tf-control text-tf-body [&_svg]:size-tf-icon-lg`,\n md: `h-tf-control-md ${controlGap.md} rounded-tf-control text-tf-body-sm font-medium [&_svg]:size-tf-icon-md`,\n sm: `h-tf-control-sm ${controlGap.sm} rounded-tf-control text-tf-caption font-medium [&_svg]:size-tf-icon-sm`,\n xs: `h-tf-control-xs ${controlGap.xs} rounded-tf-inline text-tf-caption-sm font-medium [&_svg]:size-tf-icon-xs`,\n} satisfies Record<ButtonSize, string>\n\nconst controlBase = [\n 'relative inline-flex shrink-0 items-center',\n 'font-tf-body',\n 'tf-transition',\n 'motion-reduce:transition-none',\n 'tf-icons [&_svg]:pointer-events-none [&_svg]:shrink-0',\n]\n\nconst controlFocus = ['outline-2 outline-solid outline-offset-2 outline-transparent']\n\nconst controlRing = ['focused:outline-tf-accent-hi']\n\nconst controlReach = [...controlFocus, ...controlRing]\n\nconst controlQuiet = [\n 'interactive:hovered:bg-tf-panel-hi',\n 'cursor-pointer tf-transition motion-reduce:transition-none',\n]\n\nconst controlPress = ['motion-safe:interactive:pressed:scale-97']\n\nconst controlInert = [\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n 'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n]\n\nconst controlQuietIcon = [\n 'inline-flex flex-none items-center justify-center',\n 'size-tf-control-sm rounded-tf-control',\n 'tf-icons-solo [&_svg]:size-tf-icon-solo-sm [&_svg]:shrink-0',\n 'text-tf-muted interactive:hovered:text-tf-fg',\n ...controlQuiet,\n ...controlReach,\n ...controlInert,\n]\n\nconst hitArea = (height: string, width = 'after:w-full after:min-w-tf-target'): string =>\n [\n 'after:absolute after:top-1/2 after:left-1/2',\n height,\n width,\n 'after:-translate-x-1/2 after:-translate-y-1/2',\n \"after:content-['']\",\n ].join(' ')\n\nexport {\n controlBase,\n controlBox,\n controlGap,\n controlFocus,\n controlInert,\n controlPress,\n controlQuiet,\n controlQuietIcon,\n controlReach,\n controlSizes,\n hitArea,\n}\n"],"mappings":";AAEA,MAAM,eAAe;CAAC;CAAM;CAAM;AAAI;AAEtC,MAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,aAAa;CACjB,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;AACvC;AAEA,MAAM,cAAc;CAClB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,eAAe,CAAC,8DAA8D;AAEpF,MAAM,cAAc,CAAC,8BAA8B;AAEnD,MAAM,eAAe,CAAC,GAAG,cAAc,GAAG,WAAW;AAErD,MAAM,eAAe,CACnB,sCACA,4DACF;AAEA,MAAM,eAAe,CAAC,0CAA0C;AAEhE,MAAM,eAAe;CACnB;CACA;CACA;AACF;AAEA,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,MAAM,WAAW,QAAgB,QAAQ,yCACvC;CACE;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG"}
@@ -0,0 +1,8 @@
1
+ //#region src/parts/eyebrow.ts
2
+ const eyebrowType = "font-medium tracking-tf-eyebrow uppercase";
3
+ const eyebrowQuiet = `${eyebrowType} text-tf-muted`;
4
+ const eyebrowLead = "text-tf-body-sm font-medium text-tf-accent-hi";
5
+ //#endregion
6
+ export { eyebrowLead, eyebrowQuiet, eyebrowType };
7
+
8
+ //# sourceMappingURL=eyebrow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"eyebrow.js","names":[],"sources":["../../src/parts/eyebrow.ts"],"sourcesContent":["const eyebrowType = 'font-medium tracking-tf-eyebrow uppercase'\n\nconst eyebrowQuiet = `${eyebrowType} text-tf-muted`\n\nconst eyebrowLead = 'text-tf-body-sm font-medium text-tf-accent-hi'\n\nexport { eyebrowLead, eyebrowQuiet, eyebrowType }\n"],"mappings":";AAAA,MAAM,cAAc;AAEpB,MAAM,eAAe,GAAG,YAAY;AAEpC,MAAM,cAAc"}
@@ -0,0 +1,52 @@
1
+ import { controlReach, hitArea } from "./control.js";
2
+ //#region src/parts/mark.ts
3
+ const markRow = [
4
+ "relative flex items-center",
5
+ "font-tf-body",
6
+ "tf-transition motion-reduce:transition-none",
7
+ "interactive:not-data-readonly:cursor-pointer",
8
+ "data-disabled:cursor-not-allowed"
9
+ ];
10
+ const REACHES_A_FINGER = hitArea("after:h-tf-target");
11
+ const markPlate = {
12
+ bare: REACHES_A_FINGER,
13
+ full: "min-h-tf-target rounded-tf-block px-3 py-2",
14
+ snug: `min-h-tf-row rounded-tf-inline px-2 py-1 ${REACHES_A_FINGER}`
15
+ };
16
+ const markSquare = {
17
+ bare: `justify-center ${REACHES_A_FINGER}`,
18
+ full: "size-tf-target justify-center rounded-tf-block",
19
+ snug: `size-tf-row justify-center rounded-tf-inline ${REACHES_A_FINGER}`
20
+ };
21
+ const markPlated = {
22
+ bare: "",
23
+ full: "not-data-readonly:interactive:hovered:bg-tf-panel-hi",
24
+ snug: "not-data-readonly:interactive:hovered:bg-tf-panel-hi"
25
+ };
26
+ const markFace = [
27
+ "relative inline-flex shrink-0 items-center",
28
+ "data-disabled:opacity-50",
29
+ "tf-mark-edge blend-tf-accent",
30
+ "tf-transition motion-reduce:transition-none",
31
+ ...controlReach
32
+ ];
33
+ const markBox = [
34
+ ...markFace,
35
+ "size-tf-icon-solo-sm justify-center",
36
+ "not-data-[state=checked]:not-data-[state=indeterminate]:not-data-readonly:interactive:hovered:tf-mark-bloomed"
37
+ ];
38
+ const markPress = "motion-safe:interactive:pressed:scale-94";
39
+ const markFailed = "tf-mark-failed";
40
+ const markKnob = [
41
+ "block shrink-0 rounded-tf-inline",
42
+ "bg-tf-fg shadow-tf-mark",
43
+ "tf-transition tf-slides-spring motion-reduce:transition-none",
44
+ "data-disabled:bg-tf-muted"
45
+ ];
46
+ const markStack = ["flex min-w-0 flex-col gap-0", "tf-transition motion-reduce:transition-none"];
47
+ const markTitle = ["text-tf-body text-tf-fg data-disabled:text-tf-muted", "**:data-[part=required-indicator]:text-tf-danger-hi"];
48
+ const markGroup = "flex flex-col gap-1";
49
+ //#endregion
50
+ export { markBox, markFace, markFailed, markGroup, markKnob, markPlate, markPlated, markPress, markRow, markSquare, markStack, markTitle };
51
+
52
+ //# sourceMappingURL=mark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mark.js","names":[],"sources":["../../src/parts/mark.ts"],"sourcesContent":["import type { MarkPlate } from '#mark'\nimport { controlReach, hitArea } from '#parts/control'\n\nconst markRow = [\n 'relative flex items-center',\n 'font-tf-body',\n 'tf-transition motion-reduce:transition-none',\n 'interactive:not-data-readonly:cursor-pointer',\n 'data-disabled:cursor-not-allowed',\n]\n\nconst REACHES_A_FINGER = hitArea('after:h-tf-target')\n\nconst markPlate = {\n bare: REACHES_A_FINGER,\n full: 'min-h-tf-target rounded-tf-block px-3 py-2',\n snug: `min-h-tf-row rounded-tf-inline px-2 py-1 ${REACHES_A_FINGER}`,\n} satisfies Record<MarkPlate, string>\n\nconst markSquare = {\n bare: `justify-center ${REACHES_A_FINGER}`,\n full: 'size-tf-target justify-center rounded-tf-block',\n snug: `size-tf-row justify-center rounded-tf-inline ${REACHES_A_FINGER}`,\n} satisfies Record<MarkPlate, string>\n\nconst markPlated = {\n bare: '',\n full: 'not-data-readonly:interactive:hovered:bg-tf-panel-hi',\n snug: 'not-data-readonly:interactive:hovered:bg-tf-panel-hi',\n} satisfies Record<MarkPlate, string>\n\nconst markFace = [\n 'relative inline-flex shrink-0 items-center',\n 'data-disabled:opacity-50',\n 'tf-mark-edge blend-tf-accent',\n 'tf-transition motion-reduce:transition-none',\n ...controlReach,\n]\n\nconst markBox = [\n ...markFace,\n 'size-tf-icon-solo-sm justify-center',\n 'not-data-[state=checked]:not-data-[state=indeterminate]:not-data-readonly:interactive:hovered:tf-mark-bloomed',\n]\n\nconst markPress = 'motion-safe:interactive:pressed:scale-94'\n\nconst markFailed = 'tf-mark-failed'\n\nconst markKnob = [\n 'block shrink-0 rounded-tf-inline',\n 'bg-tf-fg shadow-tf-mark',\n 'tf-transition tf-slides-spring motion-reduce:transition-none',\n 'data-disabled:bg-tf-muted',\n]\n\nconst markStack = ['flex min-w-0 flex-col gap-0', 'tf-transition motion-reduce:transition-none']\n\nconst markTitle = [\n 'text-tf-body text-tf-fg data-disabled:text-tf-muted',\n '**:data-[part=required-indicator]:text-tf-danger-hi',\n]\n\nconst markGroup = 'flex flex-col gap-1'\n\nexport {\n markBox,\n markFace,\n markFailed,\n markGroup,\n markKnob,\n markPlate,\n markPlated,\n markPress,\n markRow,\n markSquare,\n markStack,\n markTitle,\n}\n"],"mappings":";;AAGA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,mBAAmB,QAAQ,mBAAmB;AAEpD,MAAM,YAAY;CAChB,MAAM;CACN,MAAM;CACN,MAAM,4CAA4C;AACpD;AAEA,MAAM,aAAa;CACjB,MAAM,kBAAkB;CACxB,MAAM;CACN,MAAM,gDAAgD;AACxD;AAEA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;CACN,MAAM;AACR;AAEA,MAAM,WAAW;CACf;CACA;CACA;CACA;CACA,GAAG;AACL;AAEA,MAAM,UAAU;CACd,GAAG;CACH;CACA;AACF;AAEA,MAAM,YAAY;AAElB,MAAM,aAAa;AAEnB,MAAM,WAAW;CACf;CACA;CACA;CACA;AACF;AAEA,MAAM,YAAY,CAAC,+BAA+B,6CAA6C;AAE/F,MAAM,YAAY,CAChB,uDACA,qDACF;AAEA,MAAM,YAAY"}