@devalok/shilp-sutra 0.33.2 → 0.34.1

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 (175) hide show
  1. package/dist/_chunks/badge-group.js +306 -246
  2. package/dist/_chunks/chat.js +513 -0
  3. package/dist/_chunks/date-picker.js +748 -0
  4. package/dist/_chunks/document-preview.js +109 -90
  5. package/dist/_chunks/file-preview.js +492 -504
  6. package/dist/_chunks/framer.js +5564 -5613
  7. package/dist/_chunks/image-preview.js +127 -88
  8. package/dist/_chunks/keybinding.js +12 -14
  9. package/dist/_chunks/link-context.js +19 -16
  10. package/dist/_chunks/mention-suggestion.js +353 -350
  11. package/dist/_chunks/motion-provider.js +26 -20
  12. package/dist/_chunks/popover.js +127 -0
  13. package/dist/_chunks/primitives.js +7584 -6425
  14. package/dist/_chunks/rich-chat-input.js +2070 -0
  15. package/dist/_chunks/rolldown-runtime.js +21 -0
  16. package/dist/_chunks/shared.js +126 -0
  17. package/dist/_chunks/sonner.js +605 -734
  18. package/dist/_chunks/stat-row.js +418 -440
  19. package/dist/_chunks/tiptap.js +15850 -19964
  20. package/dist/_chunks/tree-view.js +231 -290
  21. package/dist/_chunks/use-calendar.js +161 -208
  22. package/dist/_chunks/vendor-client.js +314 -2199
  23. package/dist/_chunks/vendor-utils.js +1721 -2978
  24. package/dist/ai/ai-command-provider.js +23 -17
  25. package/dist/ai/block-renderer.js +68 -51
  26. package/dist/ai/blocks/index.js +2 -12
  27. package/dist/ai/command-bar.js +470 -519
  28. package/dist/ai/conversation.js +241 -227
  29. package/dist/ai/index.js +181 -167
  30. package/dist/ai/types.js +0 -1
  31. package/dist/composed/activity-feed.js +232 -202
  32. package/dist/composed/avatar-group.js +164 -222
  33. package/dist/composed/bulk-action-bar.js +174 -165
  34. package/dist/composed/command-palette.js +290 -308
  35. package/dist/composed/confirm-dialog.js +28 -48
  36. package/dist/composed/content-card.js +69 -108
  37. package/dist/composed/date-picker/index.js +3 -13
  38. package/dist/composed/deadline-indicator.js +68 -74
  39. package/dist/composed/emoji-picker.js +83 -110
  40. package/dist/composed/empty-state.js +64 -103
  41. package/dist/composed/error-boundary.js +129 -127
  42. package/dist/composed/file-preview.js +2 -12
  43. package/dist/composed/filter-bar.js +98 -130
  44. package/dist/composed/form-section.js +61 -45
  45. package/dist/composed/global-loading.js +34 -47
  46. package/dist/composed/index.js +34 -92
  47. package/dist/composed/inline-edit.js +92 -107
  48. package/dist/composed/lib/string-utils.js +8 -8
  49. package/dist/composed/loading-skeleton.js +103 -171
  50. package/dist/composed/markdown-viewer.js +187 -139
  51. package/dist/composed/master-detail.js +147 -156
  52. package/dist/composed/member-picker.js +46 -49
  53. package/dist/composed/multi-select-popover.js +181 -179
  54. package/dist/composed/page-header.js +54 -76
  55. package/dist/composed/page-skeletons.js +143 -127
  56. package/dist/composed/priority-indicator.js +105 -111
  57. package/dist/composed/responsive-overlay.js +36 -41
  58. package/dist/composed/rich-chat-input.js +2 -1860
  59. package/dist/composed/rich-text-editor.js +561 -424
  60. package/dist/composed/schedule-view.js +134 -185
  61. package/dist/composed/simple-tooltip.js +21 -21
  62. package/dist/composed/status-badge.js +133 -137
  63. package/dist/hooks/index.js +7 -12
  64. package/dist/hooks/use-color-mode.js +28 -25
  65. package/dist/hooks/use-mobile.js +13 -13
  66. package/dist/hooks/use-toast.js +2 -4
  67. package/dist/hooks/use-touch-device.js +9 -11
  68. package/dist/hooks/use-viewport-height.js +14 -14
  69. package/dist/motion/index.js +3 -11
  70. package/dist/motion/primitives-index.js +226 -186
  71. package/dist/shell/app-command-palette.js +203 -234
  72. package/dist/shell/bottom-navbar.js +150 -190
  73. package/dist/shell/command-registry.js +13 -14
  74. package/dist/shell/index.js +10 -20
  75. package/dist/shell/link-context.js +2 -5
  76. package/dist/shell/notification-center.js +238 -259
  77. package/dist/shell/notification-preferences.js +241 -184
  78. package/dist/shell/sidebar.js +251 -281
  79. package/dist/shell/top-bar.js +203 -237
  80. package/dist/tailwind/index.cjs +426 -451
  81. package/dist/tailwind/index.js +2 -4
  82. package/dist/tailwind/preset.d.ts.map +1 -1
  83. package/dist/tailwind/preset.js +443 -468
  84. package/dist/ui/accordion.js +52 -60
  85. package/dist/ui/alert-dialog.js +111 -156
  86. package/dist/ui/alert.js +177 -99
  87. package/dist/ui/aspect-ratio.js +13 -16
  88. package/dist/ui/autocomplete.js +112 -148
  89. package/dist/ui/avatar.js +196 -169
  90. package/dist/ui/badge-group.js +2 -7
  91. package/dist/ui/badge-indicator.js +42 -51
  92. package/dist/ui/badge.js +2 -15
  93. package/dist/ui/banner.js +76 -68
  94. package/dist/ui/breadcrumb.js +65 -84
  95. package/dist/ui/button-group.js +109 -102
  96. package/dist/ui/button-processing.js +69 -73
  97. package/dist/ui/button.js +393 -279
  98. package/dist/ui/card.js +151 -157
  99. package/dist/ui/charts/index.js +1002 -1319
  100. package/dist/ui/chat/index.js +2 -11
  101. package/dist/ui/checkbox.js +77 -100
  102. package/dist/ui/code.js +18 -32
  103. package/dist/ui/collapsible.js +21 -29
  104. package/dist/ui/color-input.js +453 -372
  105. package/dist/ui/color-swatch.js +60 -90
  106. package/dist/ui/combobox.js +244 -293
  107. package/dist/ui/container.js +18 -24
  108. package/dist/ui/context-menu.js +154 -203
  109. package/dist/ui/data-table-body.js +116 -213
  110. package/dist/ui/data-table-bulk-actions.js +43 -59
  111. package/dist/ui/data-table-card.js +84 -71
  112. package/dist/ui/data-table-context.js +39 -42
  113. package/dist/ui/data-table-header.js +98 -139
  114. package/dist/ui/data-table-pagination.js +69 -82
  115. package/dist/ui/data-table-toolbar.js +104 -130
  116. package/dist/ui/data-table.js +278 -354
  117. package/dist/ui/devalok-grain.js +77 -66
  118. package/dist/ui/dialog.js +122 -151
  119. package/dist/ui/dropdown-menu.js +152 -203
  120. package/dist/ui/file-upload.js +242 -266
  121. package/dist/ui/form.js +60 -56
  122. package/dist/ui/hover-card.js +54 -54
  123. package/dist/ui/icon-button.js +21 -26
  124. package/dist/ui/icon-context.js +17 -17
  125. package/dist/ui/icon-group.js +22 -29
  126. package/dist/ui/icon.js +201 -121
  127. package/dist/ui/index.js +74 -350
  128. package/dist/ui/input-otp.d.ts.map +1 -1
  129. package/dist/ui/input-otp.js +44 -48
  130. package/dist/ui/input.js +92 -169
  131. package/dist/ui/label.js +17 -22
  132. package/dist/ui/lib/date-utils.js +14 -11
  133. package/dist/ui/lib/motion.js +77 -36
  134. package/dist/ui/lib/utils.js +39 -16
  135. package/dist/ui/link.js +13 -24
  136. package/dist/ui/menubar.js +132 -210
  137. package/dist/ui/navigation-menu.js +164 -194
  138. package/dist/ui/number-input.js +72 -95
  139. package/dist/ui/pagination.js +122 -159
  140. package/dist/ui/popover.js +2 -131
  141. package/dist/ui/progress-ring.js +133 -143
  142. package/dist/ui/progress.js +51 -95
  143. package/dist/ui/radio.js +41 -50
  144. package/dist/ui/search-input.js +51 -53
  145. package/dist/ui/segmented-control.js +93 -114
  146. package/dist/ui/select.js +131 -157
  147. package/dist/ui/separator.js +15 -25
  148. package/dist/ui/sheet.js +135 -163
  149. package/dist/ui/sidebar.js +357 -600
  150. package/dist/ui/skeleton.js +179 -231
  151. package/dist/ui/slider.js +24 -34
  152. package/dist/ui/spinner.js +226 -205
  153. package/dist/ui/split-button.js +227 -276
  154. package/dist/ui/stack.js +56 -70
  155. package/dist/ui/stat-card.js +259 -251
  156. package/dist/ui/status-dot.js +67 -63
  157. package/dist/ui/stepper.js +119 -168
  158. package/dist/ui/switch.js +51 -54
  159. package/dist/ui/table.js +57 -90
  160. package/dist/ui/tabs.js +139 -156
  161. package/dist/ui/text.js +52 -59
  162. package/dist/ui/textarea.js +40 -57
  163. package/dist/ui/toast-types.js +0 -1
  164. package/dist/ui/toast.js +554 -536
  165. package/dist/ui/toaster.js +23 -33
  166. package/dist/ui/toggle-group.js +37 -41
  167. package/dist/ui/toggle.js +36 -40
  168. package/dist/ui/tooltip.js +80 -65
  169. package/dist/ui/tree-view/index.js +2 -6
  170. package/dist/ui/visually-hidden.js +12 -10
  171. package/llms-full.txt +1 -1
  172. package/llms.txt +12 -0
  173. package/package.json +3 -3
  174. package/dist/_chunks/date-time-picker.js +0 -851
  175. package/dist/_chunks/typing-indicator.js +0 -565
@@ -1,470 +1,445 @@
1
1
  import e from "tailwindcss/plugin";
2
- const s = {
3
- /**
4
- * Dark mode uses the `.dark` class strategy. If your app uses `darkMode: 'media'`,
5
- * set it explicitly in your own tailwind.config — your config takes precedence.
6
- */
7
- darkMode: "class",
8
- safelist: [
9
- "py-ds-02",
10
- "py-ds-03",
11
- "py-ds-05",
12
- "py-ds-07"
13
- ],
14
- theme: {
15
- extend: {
16
- // Breakpoints must be static values — CSS custom properties cannot be used
17
- // in @media queries (compiled at build time). These mirror the tokens in
18
- // semantic.css (--breakpoint-sm … --breakpoint-2xl).
19
- // Placed inside `extend` so deployer breakpoints are merged, not replaced.
20
- screens: {
21
- sm: "640px",
22
- md: "768px",
23
- lg: "1024px",
24
- xl: "1280px",
25
- "2xl": "1536px"
26
- },
27
- fontFamily: {
28
- sans: ["var(--font-sans)", "system-ui", "sans-serif"],
29
- display: ["var(--font-display)", "system-ui", "sans-serif"],
30
- body: ["var(--font-body)", "sans-serif"],
31
- accent: ["var(--font-accent)", "sans-serif"],
32
- mono: ["var(--font-mono)", "monospace"]
33
- },
34
- fontWeight: {
35
- light: "var(--font-weight-light)",
36
- regular: "var(--font-weight-regular)",
37
- medium: "var(--font-weight-medium)",
38
- semibold: "var(--font-weight-semibold)",
39
- bold: "var(--font-weight-bold)"
40
- },
41
- letterSpacing: {
42
- "ds-tighter": "var(--tracking-tighter)",
43
- "ds-tight": "var(--tracking-tight)",
44
- "ds-normal": "var(--tracking-normal)",
45
- "ds-wide": "var(--tracking-wide)",
46
- "ds-wider": "var(--tracking-wider)",
47
- "ds-widest": "var(--tracking-widest)"
48
- },
49
- lineHeight: {
50
- "ds-none": "var(--line-height-none)",
51
- "ds-tight": "var(--line-height-tight)",
52
- "ds-snug": "var(--line-height-snug)",
53
- "ds-normal": "var(--line-height-normal)",
54
- "ds-relaxed": "var(--line-height-relaxed)",
55
- "ds-loose": "var(--line-height-loose)"
56
- },
57
- fontSize: {
58
- "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
59
- "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
60
- "ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
61
- "ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
62
- "ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
63
- "ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
64
- "ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
65
- "ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
66
- "ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
67
- "ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
68
- "ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
69
- },
70
- borderWidth: {
71
- "ds-sm": "var(--border-width-sm)",
72
- "ds-md": "var(--border-width-md)",
73
- "ds-lg": "var(--border-width-lg)",
74
- focus: "var(--border-focus-width)"
75
- },
76
- borderRadius: {
77
- "ds-none": "0",
78
- "ds-sm": "var(--radius-sm)",
79
- "ds-default": "var(--radius-default)",
80
- "ds-md": "var(--radius-md)",
81
- "ds-lg": "var(--radius-lg)",
82
- "ds-xl": "var(--radius-xl)",
83
- "ds-2xl": "var(--radius-2xl)",
84
- "ds-full": "var(--radius-full)"
85
- },
86
- spacing: {
87
- "ds-01": "var(--spacing-01)",
88
- "ds-02": "var(--spacing-02)",
89
- "ds-02b": "var(--spacing-02b)",
90
- "ds-03": "var(--spacing-03)",
91
- "ds-04": "var(--spacing-04)",
92
- "ds-05": "var(--spacing-05)",
93
- "ds-05b": "var(--spacing-05b)",
94
- "ds-06": "var(--spacing-06)",
95
- "ds-06b": "var(--spacing-06b)",
96
- "ds-07": "var(--spacing-07)",
97
- "ds-08": "var(--spacing-08)",
98
- "ds-09": "var(--spacing-09)",
99
- "ds-10": "var(--spacing-10)",
100
- "ds-11": "var(--spacing-11)",
101
- "ds-12": "var(--spacing-12)",
102
- "ds-13": "var(--spacing-13)"
103
- },
104
- width: {
105
- "ds-xs": "var(--size-xs)",
106
- "ds-xs-plus": "var(--size-xs-plus)",
107
- "ds-sm": "var(--size-sm)",
108
- "ds-sm-plus": "var(--size-sm-plus)",
109
- "ds-md": "var(--size-md)",
110
- "ds-lg": "var(--size-lg)",
111
- "ds-xl": "var(--size-xl)",
112
- "ico-sm": "var(--icon-sm)",
113
- "ico-md": "var(--icon-md)",
114
- "ico-lg": "var(--icon-lg)",
115
- "ico-xl": "var(--icon-xl)"
116
- },
117
- height: {
118
- "ds-xs": "var(--size-xs)",
119
- "ds-xs-plus": "var(--size-xs-plus)",
120
- "ds-sm": "var(--size-sm)",
121
- "ds-sm-plus": "var(--size-sm-plus)",
122
- "ds-md": "var(--size-md)",
123
- "ds-lg": "var(--size-lg)",
124
- "ds-xl": "var(--size-xl)",
125
- "ico-sm": "var(--icon-sm)",
126
- "ico-md": "var(--icon-md)",
127
- "ico-lg": "var(--icon-lg)",
128
- "ico-xl": "var(--icon-xl)"
129
- },
130
- minHeight: {
131
- "ds-xs": "var(--size-xs)",
132
- "ds-xs-plus": "var(--size-xs-plus)",
133
- "ds-sm": "var(--size-sm)",
134
- "ds-sm-plus": "var(--size-sm-plus)",
135
- "ds-md": "var(--size-md)",
136
- "ds-lg": "var(--size-lg)",
137
- "ds-xl": "var(--size-xl)"
138
- },
139
- maxWidth: {
140
- layout: "var(--max-width)",
141
- "layout-body": "var(--max-width-body)"
142
- },
143
- minWidth: {
144
- "ds-xs": "var(--size-xs)",
145
- "ds-sm": "var(--size-sm)",
146
- "ds-md": "var(--size-md)",
147
- "ds-lg": "var(--size-lg)",
148
- "ds-xl": "var(--size-xl)"
149
- },
150
- opacity: {
151
- "action-hover": "var(--action-hover-opacity)",
152
- "action-selected": "var(--action-selected-opacity)",
153
- "action-disabled": "var(--action-disabled-opacity)",
154
- "action-focus": "var(--action-focus-opacity)",
155
- "action-active": "var(--action-active-opacity)"
156
- },
157
- colors: {
158
- // ═══ NEW: 12-step accent scale ═══
159
- "accent-1": "var(--color-accent-1)",
160
- "accent-2": "var(--color-accent-2)",
161
- "accent-3": "var(--color-accent-3)",
162
- "accent-4": "var(--color-accent-4)",
163
- "accent-5": "var(--color-accent-5)",
164
- "accent-6": "var(--color-accent-6)",
165
- "accent-7": "var(--color-accent-7)",
166
- "accent-8": "var(--color-accent-8)",
167
- "accent-9": "var(--color-accent-9)",
168
- "accent-10": "var(--color-accent-10)",
169
- "accent-11": "var(--color-accent-11)",
170
- "accent-12": "var(--color-accent-12)",
171
- "accent-fg": "var(--color-accent-fg)",
172
- // ═══ NEW: 12-step secondary scale ═══
173
- "secondary-1": "var(--color-secondary-1)",
174
- "secondary-2": "var(--color-secondary-2)",
175
- "secondary-3": "var(--color-secondary-3)",
176
- "secondary-4": "var(--color-secondary-4)",
177
- "secondary-5": "var(--color-secondary-5)",
178
- "secondary-6": "var(--color-secondary-6)",
179
- "secondary-7": "var(--color-secondary-7)",
180
- "secondary-8": "var(--color-secondary-8)",
181
- "secondary-9": "var(--color-secondary-9)",
182
- "secondary-10": "var(--color-secondary-10)",
183
- "secondary-11": "var(--color-secondary-11)",
184
- "secondary-12": "var(--color-secondary-12)",
185
- "secondary-fg": "var(--color-secondary-fg)",
186
- // ═══ NEW: Surface ═══
187
- "surface-base": "var(--color-surface-base)",
188
- "surface-sunken": "var(--color-surface-sunken)",
189
- "surface-raised": "var(--color-surface-raised)",
190
- "surface-overlay": "var(--color-surface-overlay)",
191
- "surface-raised-hover": "var(--color-surface-raised-hover)",
192
- "surface-raised-active": "var(--color-surface-raised-active)",
193
- "surface-inverted": "var(--color-surface-inverted)",
194
- "surface-inverted-fg": "var(--color-surface-inverted-fg)",
195
- "surface-disabled": "var(--color-surface-disabled)",
196
- "surface-fg-disabled": "var(--color-surface-fg-disabled)",
197
- "surface-fg": "var(--color-surface-fg)",
198
- "surface-fg-muted": "var(--color-surface-fg-muted)",
199
- "surface-fg-subtle": "var(--color-surface-fg-subtle)",
200
- "surface-border": "var(--color-surface-border)",
201
- "surface-border-strong": "var(--color-surface-border-strong)",
202
- "surface-border-subtle": "var(--color-surface-border-subtle)",
203
- backdrop: "var(--color-backdrop)",
204
- // ═══ NEW: Status (step subsets) ═══
205
- "error-2": "var(--color-error-2)",
206
- "error-3": "var(--color-error-3)",
207
- "error-4": "var(--color-error-4)",
208
- "error-5": "var(--color-error-5)",
209
- "error-7": "var(--color-error-7)",
210
- "error-9": "var(--color-error-9)",
211
- "error-10": "var(--color-error-10)",
212
- "error-11": "var(--color-error-11)",
213
- "error-fg": "var(--color-error-fg)",
214
- "success-2": "var(--color-success-2)",
215
- "success-3": "var(--color-success-3)",
216
- "success-4": "var(--color-success-4)",
217
- "success-5": "var(--color-success-5)",
218
- "success-7": "var(--color-success-7)",
219
- "success-9": "var(--color-success-9)",
220
- "success-10": "var(--color-success-10)",
221
- "success-11": "var(--color-success-11)",
222
- "success-fg": "var(--color-success-fg)",
223
- "warning-2": "var(--color-warning-2)",
224
- "warning-3": "var(--color-warning-3)",
225
- "warning-4": "var(--color-warning-4)",
226
- "warning-5": "var(--color-warning-5)",
227
- "warning-7": "var(--color-warning-7)",
228
- "warning-9": "var(--color-warning-9)",
229
- "warning-10": "var(--color-warning-10)",
230
- "warning-11": "var(--color-warning-11)",
231
- "warning-fg": "var(--color-warning-fg)",
232
- "info-2": "var(--color-info-2)",
233
- "info-3": "var(--color-info-3)",
234
- "info-4": "var(--color-info-4)",
235
- "info-5": "var(--color-info-5)",
236
- "info-7": "var(--color-info-7)",
237
- "info-9": "var(--color-info-9)",
238
- "info-10": "var(--color-info-10)",
239
- "info-11": "var(--color-info-11)",
240
- "info-fg": "var(--color-info-fg)",
241
- // ═══ NEW: Category (step subsets) ═══
242
- "category-teal-3": "var(--color-category-teal-3)",
243
- "category-teal-7": "var(--color-category-teal-7)",
244
- "category-teal-9": "var(--color-category-teal-9)",
245
- "category-teal-11": "var(--color-category-teal-11)",
246
- "category-amber-3": "var(--color-category-amber-3)",
247
- "category-amber-7": "var(--color-category-amber-7)",
248
- "category-amber-9": "var(--color-category-amber-9)",
249
- "category-amber-11": "var(--color-category-amber-11)",
250
- "category-slate-3": "var(--color-category-slate-3)",
251
- "category-slate-7": "var(--color-category-slate-7)",
252
- "category-slate-9": "var(--color-category-slate-9)",
253
- "category-slate-11": "var(--color-category-slate-11)",
254
- "category-indigo-3": "var(--color-category-indigo-3)",
255
- "category-indigo-7": "var(--color-category-indigo-7)",
256
- "category-indigo-9": "var(--color-category-indigo-9)",
257
- "category-indigo-11": "var(--color-category-indigo-11)",
258
- "category-cyan-3": "var(--color-category-cyan-3)",
259
- "category-cyan-7": "var(--color-category-cyan-7)",
260
- "category-cyan-9": "var(--color-category-cyan-9)",
261
- "category-cyan-11": "var(--color-category-cyan-11)",
262
- "category-orange-3": "var(--color-category-orange-3)",
263
- "category-orange-7": "var(--color-category-orange-7)",
264
- "category-orange-9": "var(--color-category-orange-9)",
265
- "category-orange-11": "var(--color-category-orange-11)",
266
- "category-emerald-3": "var(--color-category-emerald-3)",
267
- "category-emerald-7": "var(--color-category-emerald-7)",
268
- "category-emerald-9": "var(--color-category-emerald-9)",
269
- "category-emerald-11": "var(--color-category-emerald-11)",
270
- // ═══ Utility tokens (not step-based) ═══
271
- overlay: "var(--color-overlay)",
272
- disabled: "var(--color-disabled)",
273
- "skeleton-base": "var(--color-skeleton-base)",
274
- "skeleton-shimmer": "var(--color-skeleton-shimmer)",
275
- "inset-glow": "var(--color-inset-glow)",
276
- "inset-glow-strong": "var(--color-inset-glow-strong)",
277
- "inset-glow-subtle": "var(--color-inset-glow-subtle)",
278
- "surface-overlay-light": "var(--color-surface-overlay-light)",
279
- "surface-overlay-dark": "var(--color-surface-overlay-dark)",
280
- "text-shadow": "var(--color-text-shadow)",
281
- "chart-1": "var(--chart-1)",
282
- "chart-2": "var(--chart-2)",
283
- "chart-3": "var(--chart-3)",
284
- "chart-4": "var(--chart-4)",
285
- "chart-5": "var(--chart-5)",
286
- "chart-6": "var(--chart-6)",
287
- "chart-7": "var(--chart-7)",
288
- "chart-8": "var(--chart-8)"
289
- },
290
- keyframes: {
291
- // ── Radix-coupled: height animation using Radix CSS variables ──
292
- "accordion-down": {
293
- from: { height: "0" },
294
- to: { height: "var(--radix-accordion-content-height)" }
295
- },
296
- "accordion-up": {
297
- from: { height: "var(--radix-accordion-content-height)" },
298
- to: { height: "0" }
299
- },
300
- "collapsible-down": {
301
- from: { height: "0" },
302
- to: { height: "var(--radix-collapsible-content-height)" }
303
- },
304
- "collapsible-up": {
305
- from: { height: "var(--radix-collapsible-content-height)" },
306
- to: { height: "0" }
307
- },
308
- // ── Kept: CSS-only animations not yet migrated to Framer Motion ──
309
- "progress-indeterminate": {
310
- "0%": { transform: "translateX(-100%)" },
311
- "100%": { transform: "translateX(250%)" }
312
- },
313
- "skeleton-shimmer": {
314
- "0%": { backgroundPosition: "-200% 0" },
315
- "100%": { backgroundPosition: "200% 0" }
316
- },
317
- "caret-blink": {
318
- "0%,70%,100%": { opacity: "1" },
319
- "20%,50%": { opacity: "0" }
320
- },
321
- "timer-bar": {
322
- "0%": { transform: "scaleX(1)" },
323
- "100%": { transform: "scaleX(0)" }
324
- },
325
- "popover-in": {
326
- from: { opacity: "0", transform: "scale(0.95)" },
327
- to: { opacity: "1", transform: "scale(1)" }
328
- },
329
- "popover-out": {
330
- from: { opacity: "1", transform: "scale(1)" },
331
- to: { opacity: "0", transform: "scale(0.95)" }
332
- },
333
- "processing-ants": {
334
- to: { "--border-angle": "360deg" }
335
- }
336
- },
337
- animation: {
338
- // ── Radix-coupled height animations ──
339
- "accordion-down": "accordion-down 200ms ease-out",
340
- "accordion-up": "accordion-up 200ms ease-out",
341
- "collapsible-down": "collapsible-down 200ms ease-out",
342
- "collapsible-up": "collapsible-up 200ms ease-out",
343
- // ── CSS-only animations ──
344
- "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
345
- "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
346
- "caret-blink": "caret-blink 1.25s ease-out infinite",
347
- "timer-bar": "timer-bar linear forwards",
348
- "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
349
- "popover-out": "popover-out 100ms var(--ease-productive-exit)",
350
- "processing-ants-ambient": "processing-ants 3s linear infinite",
351
- "processing-ants-working": "processing-ants 2s linear infinite",
352
- "processing-ants-urgent": "processing-ants 1s linear infinite"
353
- },
354
- backgroundImage: {
355
- "gradient-brand": "var(--gradient-brand-light)",
356
- "gradient-brand-dark": "var(--gradient-brand-dark)"
357
- },
358
- boxShadow: {
359
- raised: "var(--shadow-raised)",
360
- "raised-hover": "var(--shadow-raised-hover)",
361
- "raised-inner": "var(--shadow-raised-inner)",
362
- floating: "var(--shadow-floating)",
363
- overlay: "var(--shadow-overlay)",
364
- brand: "var(--shadow-brand)",
365
- glow: "var(--shadow-glow)",
366
- inset: "var(--shadow-inset)",
367
- pressed: "var(--shadow-pressed)",
368
- success: "var(--shadow-success)",
369
- error: "var(--shadow-error)",
370
- warning: "var(--shadow-warning)",
371
- "ring-sm": "var(--shadow-ring-sm)",
372
- ring: "var(--shadow-ring)",
373
- kbd: "var(--shadow-kbd)"
374
- },
375
- transitionDuration: {
376
- instant: "var(--duration-instant)",
377
- "fast-01": "var(--duration-fast-01)",
378
- "fast-02": "var(--duration-fast-02)",
379
- "moderate-01": "var(--duration-moderate-01)",
380
- "moderate-02": "var(--duration-moderate-02)",
381
- "slow-01": "var(--duration-slow-01)",
382
- "slow-02": "var(--duration-slow-02)"
383
- },
384
- transitionTimingFunction: {
385
- "productive-standard": "var(--ease-productive-standard)",
386
- "productive-entrance": "var(--ease-productive-entrance)",
387
- "productive-exit": "var(--ease-productive-exit)",
388
- "expressive-standard": "var(--ease-expressive-standard)",
389
- "expressive-entrance": "var(--ease-expressive-entrance)",
390
- "expressive-exit": "var(--ease-expressive-exit)",
391
- bounce: "var(--ease-bounce)",
392
- linear: "var(--ease-linear)"
393
- },
394
- zIndex: {
395
- base: "var(--z-base)",
396
- raised: "var(--z-raised)",
397
- dropdown: "var(--z-dropdown)",
398
- sticky: "var(--z-sticky)",
399
- overlay: "var(--z-overlay)",
400
- modal: "var(--z-modal)",
401
- popover: "var(--z-popover)",
402
- toast: "var(--z-toast)",
403
- tooltip: "var(--z-tooltip)"
404
- }
405
- }
406
- },
407
- plugins: [
408
- e(({ addBase: r, addUtilities: a }) => {
409
- r({
410
- "@property --border-angle": {
411
- syntax: '"<angle>"',
412
- "initial-value": "0deg",
413
- inherits: "false"
414
- },
415
- // Prevent iOS Safari auto-zoom on inputs with font-size < 16px
416
- "@media screen and (max-width: 767px)": {
417
- 'input:not([type="checkbox"]):not([type="radio"]), textarea, select': {
418
- "font-size": "max(16px, 1em) !important"
419
- }
420
- }
421
- }), a({
422
- ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
423
- ".touch-target": {
424
- position: "relative"
425
- },
426
- ".touch-target::before": {
427
- content: '""',
428
- position: "absolute",
429
- top: "50%",
430
- left: "50%",
431
- transform: "translate(-50%, -50%)",
432
- "min-width": "44px",
433
- "min-height": "44px"
434
- },
435
- ".focus-ring": {
436
- "&:focus-visible": {
437
- outline: "none",
438
- "box-shadow": "0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)"
439
- }
440
- },
441
- ".focus-ring-inset": {
442
- "&:focus-visible": {
443
- outline: "none",
444
- "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
445
- }
446
- },
447
- ".focus-ring-sm": {
448
- "&:focus-visible": {
449
- outline: "none",
450
- "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
451
- }
452
- },
453
- // Safe area inset utilities for notched/island devices
454
- ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
455
- ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
456
- ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
457
- ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
458
- ".p-safe": {
459
- "padding-top": "env(safe-area-inset-top, 0px)",
460
- "padding-bottom": "env(safe-area-inset-bottom, 0px)",
461
- "padding-left": "env(safe-area-inset-left, 0px)",
462
- "padding-right": "env(safe-area-inset-right, 0px)"
463
- }
464
- });
465
- })
466
- ]
467
- };
468
- export {
469
- s as default
2
+ //#region src/tailwind/preset.ts
3
+ var t = {
4
+ theme: { extend: {
5
+ screens: {
6
+ sm: "640px",
7
+ md: "768px",
8
+ lg: "1024px",
9
+ xl: "1280px",
10
+ "2xl": "1536px"
11
+ },
12
+ fontFamily: {
13
+ sans: [
14
+ "var(--font-sans)",
15
+ "system-ui",
16
+ "sans-serif"
17
+ ],
18
+ display: [
19
+ "var(--font-display)",
20
+ "system-ui",
21
+ "sans-serif"
22
+ ],
23
+ body: ["var(--font-body)", "sans-serif"],
24
+ accent: ["var(--font-accent)", "sans-serif"],
25
+ mono: ["var(--font-mono)", "monospace"]
26
+ },
27
+ fontWeight: {
28
+ light: "var(--font-weight-light)",
29
+ regular: "var(--font-weight-regular)",
30
+ medium: "var(--font-weight-medium)",
31
+ semibold: "var(--font-weight-semibold)",
32
+ bold: "var(--font-weight-bold)"
33
+ },
34
+ letterSpacing: {
35
+ "ds-tighter": "var(--tracking-tighter)",
36
+ "ds-tight": "var(--tracking-tight)",
37
+ "ds-normal": "var(--tracking-normal)",
38
+ "ds-wide": "var(--tracking-wide)",
39
+ "ds-wider": "var(--tracking-wider)",
40
+ "ds-widest": "var(--tracking-widest)"
41
+ },
42
+ lineHeight: {
43
+ "ds-none": "var(--line-height-none)",
44
+ "ds-tight": "var(--line-height-tight)",
45
+ "ds-snug": "var(--line-height-snug)",
46
+ "ds-normal": "var(--line-height-normal)",
47
+ "ds-relaxed": "var(--line-height-relaxed)",
48
+ "ds-loose": "var(--line-height-loose)"
49
+ },
50
+ fontSize: {
51
+ "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
52
+ "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
53
+ "ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
54
+ "ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
55
+ "ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
56
+ "ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
57
+ "ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
58
+ "ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
59
+ "ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
60
+ "ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
61
+ "ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
62
+ },
63
+ borderWidth: {
64
+ "ds-sm": "var(--border-width-sm)",
65
+ "ds-md": "var(--border-width-md)",
66
+ "ds-lg": "var(--border-width-lg)",
67
+ focus: "var(--border-focus-width)"
68
+ },
69
+ borderRadius: {
70
+ "ds-none": "0",
71
+ "ds-sm": "var(--radius-sm)",
72
+ "ds-default": "var(--radius-default)",
73
+ "ds-md": "var(--radius-md)",
74
+ "ds-lg": "var(--radius-lg)",
75
+ "ds-xl": "var(--radius-xl)",
76
+ "ds-2xl": "var(--radius-2xl)",
77
+ "ds-full": "var(--radius-full)"
78
+ },
79
+ spacing: {
80
+ "ds-01": "var(--spacing-01)",
81
+ "ds-02": "var(--spacing-02)",
82
+ "ds-02b": "var(--spacing-02b)",
83
+ "ds-03": "var(--spacing-03)",
84
+ "ds-04": "var(--spacing-04)",
85
+ "ds-05": "var(--spacing-05)",
86
+ "ds-05b": "var(--spacing-05b)",
87
+ "ds-06": "var(--spacing-06)",
88
+ "ds-06b": "var(--spacing-06b)",
89
+ "ds-07": "var(--spacing-07)",
90
+ "ds-08": "var(--spacing-08)",
91
+ "ds-09": "var(--spacing-09)",
92
+ "ds-10": "var(--spacing-10)",
93
+ "ds-11": "var(--spacing-11)",
94
+ "ds-12": "var(--spacing-12)",
95
+ "ds-13": "var(--spacing-13)"
96
+ },
97
+ width: {
98
+ "ds-xs": "var(--size-xs)",
99
+ "ds-xs-plus": "var(--size-xs-plus)",
100
+ "ds-sm": "var(--size-sm)",
101
+ "ds-sm-plus": "var(--size-sm-plus)",
102
+ "ds-md": "var(--size-md)",
103
+ "ds-lg": "var(--size-lg)",
104
+ "ds-xl": "var(--size-xl)",
105
+ "ico-sm": "var(--icon-sm)",
106
+ "ico-md": "var(--icon-md)",
107
+ "ico-lg": "var(--icon-lg)",
108
+ "ico-xl": "var(--icon-xl)"
109
+ },
110
+ height: {
111
+ "ds-xs": "var(--size-xs)",
112
+ "ds-xs-plus": "var(--size-xs-plus)",
113
+ "ds-sm": "var(--size-sm)",
114
+ "ds-sm-plus": "var(--size-sm-plus)",
115
+ "ds-md": "var(--size-md)",
116
+ "ds-lg": "var(--size-lg)",
117
+ "ds-xl": "var(--size-xl)",
118
+ "ico-sm": "var(--icon-sm)",
119
+ "ico-md": "var(--icon-md)",
120
+ "ico-lg": "var(--icon-lg)",
121
+ "ico-xl": "var(--icon-xl)"
122
+ },
123
+ minHeight: {
124
+ "ds-xs": "var(--size-xs)",
125
+ "ds-xs-plus": "var(--size-xs-plus)",
126
+ "ds-sm": "var(--size-sm)",
127
+ "ds-sm-plus": "var(--size-sm-plus)",
128
+ "ds-md": "var(--size-md)",
129
+ "ds-lg": "var(--size-lg)",
130
+ "ds-xl": "var(--size-xl)"
131
+ },
132
+ maxWidth: {
133
+ layout: "var(--max-width)",
134
+ "layout-body": "var(--max-width-body)"
135
+ },
136
+ minWidth: {
137
+ "ds-xs": "var(--size-xs)",
138
+ "ds-sm": "var(--size-sm)",
139
+ "ds-md": "var(--size-md)",
140
+ "ds-lg": "var(--size-lg)",
141
+ "ds-xl": "var(--size-xl)"
142
+ },
143
+ opacity: {
144
+ "action-hover": "var(--action-hover-opacity)",
145
+ "action-selected": "var(--action-selected-opacity)",
146
+ "action-disabled": "var(--action-disabled-opacity)",
147
+ "action-focus": "var(--action-focus-opacity)",
148
+ "action-active": "var(--action-active-opacity)"
149
+ },
150
+ colors: {
151
+ "accent-1": "var(--color-accent-1)",
152
+ "accent-2": "var(--color-accent-2)",
153
+ "accent-3": "var(--color-accent-3)",
154
+ "accent-4": "var(--color-accent-4)",
155
+ "accent-5": "var(--color-accent-5)",
156
+ "accent-6": "var(--color-accent-6)",
157
+ "accent-7": "var(--color-accent-7)",
158
+ "accent-8": "var(--color-accent-8)",
159
+ "accent-9": "var(--color-accent-9)",
160
+ "accent-10": "var(--color-accent-10)",
161
+ "accent-11": "var(--color-accent-11)",
162
+ "accent-12": "var(--color-accent-12)",
163
+ "accent-fg": "var(--color-accent-fg)",
164
+ "secondary-1": "var(--color-secondary-1)",
165
+ "secondary-2": "var(--color-secondary-2)",
166
+ "secondary-3": "var(--color-secondary-3)",
167
+ "secondary-4": "var(--color-secondary-4)",
168
+ "secondary-5": "var(--color-secondary-5)",
169
+ "secondary-6": "var(--color-secondary-6)",
170
+ "secondary-7": "var(--color-secondary-7)",
171
+ "secondary-8": "var(--color-secondary-8)",
172
+ "secondary-9": "var(--color-secondary-9)",
173
+ "secondary-10": "var(--color-secondary-10)",
174
+ "secondary-11": "var(--color-secondary-11)",
175
+ "secondary-12": "var(--color-secondary-12)",
176
+ "secondary-fg": "var(--color-secondary-fg)",
177
+ "surface-base": "var(--color-surface-base)",
178
+ "surface-sunken": "var(--color-surface-sunken)",
179
+ "surface-raised": "var(--color-surface-raised)",
180
+ "surface-overlay": "var(--color-surface-overlay)",
181
+ "surface-raised-hover": "var(--color-surface-raised-hover)",
182
+ "surface-raised-active": "var(--color-surface-raised-active)",
183
+ "surface-inverted": "var(--color-surface-inverted)",
184
+ "surface-inverted-fg": "var(--color-surface-inverted-fg)",
185
+ "surface-disabled": "var(--color-surface-disabled)",
186
+ "surface-fg-disabled": "var(--color-surface-fg-disabled)",
187
+ "surface-fg": "var(--color-surface-fg)",
188
+ "surface-fg-muted": "var(--color-surface-fg-muted)",
189
+ "surface-fg-subtle": "var(--color-surface-fg-subtle)",
190
+ "surface-border": "var(--color-surface-border)",
191
+ "surface-border-strong": "var(--color-surface-border-strong)",
192
+ "surface-border-subtle": "var(--color-surface-border-subtle)",
193
+ backdrop: "var(--color-backdrop)",
194
+ "error-2": "var(--color-error-2)",
195
+ "error-3": "var(--color-error-3)",
196
+ "error-4": "var(--color-error-4)",
197
+ "error-5": "var(--color-error-5)",
198
+ "error-7": "var(--color-error-7)",
199
+ "error-9": "var(--color-error-9)",
200
+ "error-10": "var(--color-error-10)",
201
+ "error-11": "var(--color-error-11)",
202
+ "error-fg": "var(--color-error-fg)",
203
+ "success-2": "var(--color-success-2)",
204
+ "success-3": "var(--color-success-3)",
205
+ "success-4": "var(--color-success-4)",
206
+ "success-5": "var(--color-success-5)",
207
+ "success-7": "var(--color-success-7)",
208
+ "success-9": "var(--color-success-9)",
209
+ "success-10": "var(--color-success-10)",
210
+ "success-11": "var(--color-success-11)",
211
+ "success-fg": "var(--color-success-fg)",
212
+ "warning-2": "var(--color-warning-2)",
213
+ "warning-3": "var(--color-warning-3)",
214
+ "warning-4": "var(--color-warning-4)",
215
+ "warning-5": "var(--color-warning-5)",
216
+ "warning-7": "var(--color-warning-7)",
217
+ "warning-9": "var(--color-warning-9)",
218
+ "warning-10": "var(--color-warning-10)",
219
+ "warning-11": "var(--color-warning-11)",
220
+ "warning-fg": "var(--color-warning-fg)",
221
+ "info-2": "var(--color-info-2)",
222
+ "info-3": "var(--color-info-3)",
223
+ "info-4": "var(--color-info-4)",
224
+ "info-5": "var(--color-info-5)",
225
+ "info-7": "var(--color-info-7)",
226
+ "info-9": "var(--color-info-9)",
227
+ "info-10": "var(--color-info-10)",
228
+ "info-11": "var(--color-info-11)",
229
+ "info-fg": "var(--color-info-fg)",
230
+ "category-teal-3": "var(--color-category-teal-3)",
231
+ "category-teal-7": "var(--color-category-teal-7)",
232
+ "category-teal-9": "var(--color-category-teal-9)",
233
+ "category-teal-11": "var(--color-category-teal-11)",
234
+ "category-amber-3": "var(--color-category-amber-3)",
235
+ "category-amber-7": "var(--color-category-amber-7)",
236
+ "category-amber-9": "var(--color-category-amber-9)",
237
+ "category-amber-11": "var(--color-category-amber-11)",
238
+ "category-slate-3": "var(--color-category-slate-3)",
239
+ "category-slate-7": "var(--color-category-slate-7)",
240
+ "category-slate-9": "var(--color-category-slate-9)",
241
+ "category-slate-11": "var(--color-category-slate-11)",
242
+ "category-indigo-3": "var(--color-category-indigo-3)",
243
+ "category-indigo-7": "var(--color-category-indigo-7)",
244
+ "category-indigo-9": "var(--color-category-indigo-9)",
245
+ "category-indigo-11": "var(--color-category-indigo-11)",
246
+ "category-cyan-3": "var(--color-category-cyan-3)",
247
+ "category-cyan-7": "var(--color-category-cyan-7)",
248
+ "category-cyan-9": "var(--color-category-cyan-9)",
249
+ "category-cyan-11": "var(--color-category-cyan-11)",
250
+ "category-orange-3": "var(--color-category-orange-3)",
251
+ "category-orange-7": "var(--color-category-orange-7)",
252
+ "category-orange-9": "var(--color-category-orange-9)",
253
+ "category-orange-11": "var(--color-category-orange-11)",
254
+ "category-emerald-3": "var(--color-category-emerald-3)",
255
+ "category-emerald-7": "var(--color-category-emerald-7)",
256
+ "category-emerald-9": "var(--color-category-emerald-9)",
257
+ "category-emerald-11": "var(--color-category-emerald-11)",
258
+ overlay: "var(--color-overlay)",
259
+ disabled: "var(--color-disabled)",
260
+ "skeleton-base": "var(--color-skeleton-base)",
261
+ "skeleton-shimmer": "var(--color-skeleton-shimmer)",
262
+ "inset-glow": "var(--color-inset-glow)",
263
+ "inset-glow-strong": "var(--color-inset-glow-strong)",
264
+ "inset-glow-subtle": "var(--color-inset-glow-subtle)",
265
+ "surface-overlay-light": "var(--color-surface-overlay-light)",
266
+ "surface-overlay-dark": "var(--color-surface-overlay-dark)",
267
+ "text-shadow": "var(--color-text-shadow)",
268
+ "chart-1": "var(--chart-1)",
269
+ "chart-2": "var(--chart-2)",
270
+ "chart-3": "var(--chart-3)",
271
+ "chart-4": "var(--chart-4)",
272
+ "chart-5": "var(--chart-5)",
273
+ "chart-6": "var(--chart-6)",
274
+ "chart-7": "var(--chart-7)",
275
+ "chart-8": "var(--chart-8)"
276
+ },
277
+ keyframes: {
278
+ "accordion-down": {
279
+ from: { height: "0" },
280
+ to: { height: "var(--radix-accordion-content-height)" }
281
+ },
282
+ "accordion-up": {
283
+ from: { height: "var(--radix-accordion-content-height)" },
284
+ to: { height: "0" }
285
+ },
286
+ "collapsible-down": {
287
+ from: { height: "0" },
288
+ to: { height: "var(--radix-collapsible-content-height)" }
289
+ },
290
+ "collapsible-up": {
291
+ from: { height: "var(--radix-collapsible-content-height)" },
292
+ to: { height: "0" }
293
+ },
294
+ "progress-indeterminate": {
295
+ "0%": { transform: "translateX(-100%)" },
296
+ "100%": { transform: "translateX(250%)" }
297
+ },
298
+ "skeleton-shimmer": {
299
+ "0%": { backgroundPosition: "-200% 0" },
300
+ "100%": { backgroundPosition: "200% 0" }
301
+ },
302
+ "caret-blink": {
303
+ "0%,70%,100%": { opacity: "1" },
304
+ "20%,50%": { opacity: "0" }
305
+ },
306
+ "timer-bar": {
307
+ "0%": { transform: "scaleX(1)" },
308
+ "100%": { transform: "scaleX(0)" }
309
+ },
310
+ "popover-in": {
311
+ from: {
312
+ opacity: "0",
313
+ transform: "scale(0.95)"
314
+ },
315
+ to: {
316
+ opacity: "1",
317
+ transform: "scale(1)"
318
+ }
319
+ },
320
+ "popover-out": {
321
+ from: {
322
+ opacity: "1",
323
+ transform: "scale(1)"
324
+ },
325
+ to: {
326
+ opacity: "0",
327
+ transform: "scale(0.95)"
328
+ }
329
+ },
330
+ "processing-ants": { to: { "--border-angle": "360deg" } }
331
+ },
332
+ animation: {
333
+ "accordion-down": "accordion-down 200ms ease-out",
334
+ "accordion-up": "accordion-up 200ms ease-out",
335
+ "collapsible-down": "collapsible-down 200ms ease-out",
336
+ "collapsible-up": "collapsible-up 200ms ease-out",
337
+ "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
338
+ "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
339
+ "caret-blink": "caret-blink 1.25s ease-out infinite",
340
+ "timer-bar": "timer-bar linear forwards",
341
+ "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
342
+ "popover-out": "popover-out 100ms var(--ease-productive-exit)",
343
+ "processing-ants-ambient": "processing-ants 3s linear infinite",
344
+ "processing-ants-working": "processing-ants 2s linear infinite",
345
+ "processing-ants-urgent": "processing-ants 1s linear infinite"
346
+ },
347
+ backgroundImage: {
348
+ "gradient-brand": "var(--gradient-brand-light)",
349
+ "gradient-brand-dark": "var(--gradient-brand-dark)"
350
+ },
351
+ boxShadow: {
352
+ raised: "var(--shadow-raised)",
353
+ "raised-hover": "var(--shadow-raised-hover)",
354
+ "raised-inner": "var(--shadow-raised-inner)",
355
+ floating: "var(--shadow-floating)",
356
+ overlay: "var(--shadow-overlay)",
357
+ brand: "var(--shadow-brand)",
358
+ glow: "var(--shadow-glow)",
359
+ inset: "var(--shadow-inset)",
360
+ pressed: "var(--shadow-pressed)",
361
+ success: "var(--shadow-success)",
362
+ error: "var(--shadow-error)",
363
+ warning: "var(--shadow-warning)",
364
+ "ring-sm": "var(--shadow-ring-sm)",
365
+ ring: "var(--shadow-ring)",
366
+ kbd: "var(--shadow-kbd)"
367
+ },
368
+ transitionDuration: {
369
+ instant: "var(--duration-instant)",
370
+ "fast-01": "var(--duration-fast-01)",
371
+ "fast-02": "var(--duration-fast-02)",
372
+ "moderate-01": "var(--duration-moderate-01)",
373
+ "moderate-02": "var(--duration-moderate-02)",
374
+ "slow-01": "var(--duration-slow-01)",
375
+ "slow-02": "var(--duration-slow-02)"
376
+ },
377
+ transitionTimingFunction: {
378
+ "productive-standard": "var(--ease-productive-standard)",
379
+ "productive-entrance": "var(--ease-productive-entrance)",
380
+ "productive-exit": "var(--ease-productive-exit)",
381
+ "expressive-standard": "var(--ease-expressive-standard)",
382
+ "expressive-entrance": "var(--ease-expressive-entrance)",
383
+ "expressive-exit": "var(--ease-expressive-exit)",
384
+ bounce: "var(--ease-bounce)",
385
+ linear: "var(--ease-linear)"
386
+ },
387
+ zIndex: {
388
+ base: "var(--z-base)",
389
+ raised: "var(--z-raised)",
390
+ dropdown: "var(--z-dropdown)",
391
+ sticky: "var(--z-sticky)",
392
+ overlay: "var(--z-overlay)",
393
+ modal: "var(--z-modal)",
394
+ popover: "var(--z-popover)",
395
+ toast: "var(--z-toast)",
396
+ tooltip: "var(--z-tooltip)"
397
+ }
398
+ } },
399
+ plugins: [e(({ addBase: e, addUtilities: t }) => {
400
+ e({
401
+ "@property --border-angle": {
402
+ syntax: "\"<angle>\"",
403
+ "initial-value": "0deg",
404
+ inherits: "false"
405
+ },
406
+ "@media screen and (max-width: 767px)": { "input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, select": { "font-size": "max(16px, 1em) !important" } }
407
+ }), t({
408
+ ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
409
+ ".touch-target": { position: "relative" },
410
+ ".touch-target::before": {
411
+ content: "\"\"",
412
+ position: "absolute",
413
+ top: "50%",
414
+ left: "50%",
415
+ transform: "translate(-50%, -50%)",
416
+ "min-width": "44px",
417
+ "min-height": "44px"
418
+ },
419
+ ".focus-ring": { "&:focus-visible": {
420
+ outline: "none",
421
+ "box-shadow": "0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)"
422
+ } },
423
+ ".focus-ring-inset": { "&:focus-visible": {
424
+ outline: "none",
425
+ "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
426
+ } },
427
+ ".focus-ring-sm": { "&:focus-visible": {
428
+ outline: "none",
429
+ "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
430
+ } },
431
+ ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
432
+ ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
433
+ ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
434
+ ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
435
+ ".p-safe": {
436
+ "padding-top": "env(safe-area-inset-top, 0px)",
437
+ "padding-bottom": "env(safe-area-inset-bottom, 0px)",
438
+ "padding-left": "env(safe-area-inset-left, 0px)",
439
+ "padding-right": "env(safe-area-inset-right, 0px)"
440
+ }
441
+ });
442
+ })]
470
443
  };
444
+ //#endregion
445
+ export { t as default };