@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
@@ -28,475 +28,450 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
29
  var preset_exports = {};
30
30
  __export(preset_exports, {
31
- default: () => s
31
+ default: () => t
32
32
  });
33
33
  module.exports = __toCommonJS(preset_exports);
34
34
  var import_plugin = __toESM(require("tailwindcss/plugin"), 1);
35
- const s = {
36
- /**
37
- * Dark mode uses the `.dark` class strategy. If your app uses `darkMode: 'media'`,
38
- * set it explicitly in your own tailwind.config — your config takes precedence.
39
- */
40
- darkMode: "class",
41
- safelist: [
42
- "py-ds-02",
43
- "py-ds-03",
44
- "py-ds-05",
45
- "py-ds-07"
46
- ],
47
- theme: {
48
- extend: {
49
- // Breakpoints must be static values — CSS custom properties cannot be used
50
- // in @media queries (compiled at build time). These mirror the tokens in
51
- // semantic.css (--breakpoint-sm … --breakpoint-2xl).
52
- // Placed inside `extend` so deployer breakpoints are merged, not replaced.
53
- screens: {
54
- sm: "640px",
55
- md: "768px",
56
- lg: "1024px",
57
- xl: "1280px",
58
- "2xl": "1536px"
35
+ var t = {
36
+ theme: { extend: {
37
+ screens: {
38
+ sm: "640px",
39
+ md: "768px",
40
+ lg: "1024px",
41
+ xl: "1280px",
42
+ "2xl": "1536px"
43
+ },
44
+ fontFamily: {
45
+ sans: [
46
+ "var(--font-sans)",
47
+ "system-ui",
48
+ "sans-serif"
49
+ ],
50
+ display: [
51
+ "var(--font-display)",
52
+ "system-ui",
53
+ "sans-serif"
54
+ ],
55
+ body: ["var(--font-body)", "sans-serif"],
56
+ accent: ["var(--font-accent)", "sans-serif"],
57
+ mono: ["var(--font-mono)", "monospace"]
58
+ },
59
+ fontWeight: {
60
+ light: "var(--font-weight-light)",
61
+ regular: "var(--font-weight-regular)",
62
+ medium: "var(--font-weight-medium)",
63
+ semibold: "var(--font-weight-semibold)",
64
+ bold: "var(--font-weight-bold)"
65
+ },
66
+ letterSpacing: {
67
+ "ds-tighter": "var(--tracking-tighter)",
68
+ "ds-tight": "var(--tracking-tight)",
69
+ "ds-normal": "var(--tracking-normal)",
70
+ "ds-wide": "var(--tracking-wide)",
71
+ "ds-wider": "var(--tracking-wider)",
72
+ "ds-widest": "var(--tracking-widest)"
73
+ },
74
+ lineHeight: {
75
+ "ds-none": "var(--line-height-none)",
76
+ "ds-tight": "var(--line-height-tight)",
77
+ "ds-snug": "var(--line-height-snug)",
78
+ "ds-normal": "var(--line-height-normal)",
79
+ "ds-relaxed": "var(--line-height-relaxed)",
80
+ "ds-loose": "var(--line-height-loose)"
81
+ },
82
+ fontSize: {
83
+ "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
84
+ "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
85
+ "ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
86
+ "ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
87
+ "ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
88
+ "ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
89
+ "ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
90
+ "ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
91
+ "ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
92
+ "ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
93
+ "ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
94
+ },
95
+ borderWidth: {
96
+ "ds-sm": "var(--border-width-sm)",
97
+ "ds-md": "var(--border-width-md)",
98
+ "ds-lg": "var(--border-width-lg)",
99
+ focus: "var(--border-focus-width)"
100
+ },
101
+ borderRadius: {
102
+ "ds-none": "0",
103
+ "ds-sm": "var(--radius-sm)",
104
+ "ds-default": "var(--radius-default)",
105
+ "ds-md": "var(--radius-md)",
106
+ "ds-lg": "var(--radius-lg)",
107
+ "ds-xl": "var(--radius-xl)",
108
+ "ds-2xl": "var(--radius-2xl)",
109
+ "ds-full": "var(--radius-full)"
110
+ },
111
+ spacing: {
112
+ "ds-01": "var(--spacing-01)",
113
+ "ds-02": "var(--spacing-02)",
114
+ "ds-02b": "var(--spacing-02b)",
115
+ "ds-03": "var(--spacing-03)",
116
+ "ds-04": "var(--spacing-04)",
117
+ "ds-05": "var(--spacing-05)",
118
+ "ds-05b": "var(--spacing-05b)",
119
+ "ds-06": "var(--spacing-06)",
120
+ "ds-06b": "var(--spacing-06b)",
121
+ "ds-07": "var(--spacing-07)",
122
+ "ds-08": "var(--spacing-08)",
123
+ "ds-09": "var(--spacing-09)",
124
+ "ds-10": "var(--spacing-10)",
125
+ "ds-11": "var(--spacing-11)",
126
+ "ds-12": "var(--spacing-12)",
127
+ "ds-13": "var(--spacing-13)"
128
+ },
129
+ width: {
130
+ "ds-xs": "var(--size-xs)",
131
+ "ds-xs-plus": "var(--size-xs-plus)",
132
+ "ds-sm": "var(--size-sm)",
133
+ "ds-sm-plus": "var(--size-sm-plus)",
134
+ "ds-md": "var(--size-md)",
135
+ "ds-lg": "var(--size-lg)",
136
+ "ds-xl": "var(--size-xl)",
137
+ "ico-sm": "var(--icon-sm)",
138
+ "ico-md": "var(--icon-md)",
139
+ "ico-lg": "var(--icon-lg)",
140
+ "ico-xl": "var(--icon-xl)"
141
+ },
142
+ height: {
143
+ "ds-xs": "var(--size-xs)",
144
+ "ds-xs-plus": "var(--size-xs-plus)",
145
+ "ds-sm": "var(--size-sm)",
146
+ "ds-sm-plus": "var(--size-sm-plus)",
147
+ "ds-md": "var(--size-md)",
148
+ "ds-lg": "var(--size-lg)",
149
+ "ds-xl": "var(--size-xl)",
150
+ "ico-sm": "var(--icon-sm)",
151
+ "ico-md": "var(--icon-md)",
152
+ "ico-lg": "var(--icon-lg)",
153
+ "ico-xl": "var(--icon-xl)"
154
+ },
155
+ minHeight: {
156
+ "ds-xs": "var(--size-xs)",
157
+ "ds-xs-plus": "var(--size-xs-plus)",
158
+ "ds-sm": "var(--size-sm)",
159
+ "ds-sm-plus": "var(--size-sm-plus)",
160
+ "ds-md": "var(--size-md)",
161
+ "ds-lg": "var(--size-lg)",
162
+ "ds-xl": "var(--size-xl)"
163
+ },
164
+ maxWidth: {
165
+ layout: "var(--max-width)",
166
+ "layout-body": "var(--max-width-body)"
167
+ },
168
+ minWidth: {
169
+ "ds-xs": "var(--size-xs)",
170
+ "ds-sm": "var(--size-sm)",
171
+ "ds-md": "var(--size-md)",
172
+ "ds-lg": "var(--size-lg)",
173
+ "ds-xl": "var(--size-xl)"
174
+ },
175
+ opacity: {
176
+ "action-hover": "var(--action-hover-opacity)",
177
+ "action-selected": "var(--action-selected-opacity)",
178
+ "action-disabled": "var(--action-disabled-opacity)",
179
+ "action-focus": "var(--action-focus-opacity)",
180
+ "action-active": "var(--action-active-opacity)"
181
+ },
182
+ colors: {
183
+ "accent-1": "var(--color-accent-1)",
184
+ "accent-2": "var(--color-accent-2)",
185
+ "accent-3": "var(--color-accent-3)",
186
+ "accent-4": "var(--color-accent-4)",
187
+ "accent-5": "var(--color-accent-5)",
188
+ "accent-6": "var(--color-accent-6)",
189
+ "accent-7": "var(--color-accent-7)",
190
+ "accent-8": "var(--color-accent-8)",
191
+ "accent-9": "var(--color-accent-9)",
192
+ "accent-10": "var(--color-accent-10)",
193
+ "accent-11": "var(--color-accent-11)",
194
+ "accent-12": "var(--color-accent-12)",
195
+ "accent-fg": "var(--color-accent-fg)",
196
+ "secondary-1": "var(--color-secondary-1)",
197
+ "secondary-2": "var(--color-secondary-2)",
198
+ "secondary-3": "var(--color-secondary-3)",
199
+ "secondary-4": "var(--color-secondary-4)",
200
+ "secondary-5": "var(--color-secondary-5)",
201
+ "secondary-6": "var(--color-secondary-6)",
202
+ "secondary-7": "var(--color-secondary-7)",
203
+ "secondary-8": "var(--color-secondary-8)",
204
+ "secondary-9": "var(--color-secondary-9)",
205
+ "secondary-10": "var(--color-secondary-10)",
206
+ "secondary-11": "var(--color-secondary-11)",
207
+ "secondary-12": "var(--color-secondary-12)",
208
+ "secondary-fg": "var(--color-secondary-fg)",
209
+ "surface-base": "var(--color-surface-base)",
210
+ "surface-sunken": "var(--color-surface-sunken)",
211
+ "surface-raised": "var(--color-surface-raised)",
212
+ "surface-overlay": "var(--color-surface-overlay)",
213
+ "surface-raised-hover": "var(--color-surface-raised-hover)",
214
+ "surface-raised-active": "var(--color-surface-raised-active)",
215
+ "surface-inverted": "var(--color-surface-inverted)",
216
+ "surface-inverted-fg": "var(--color-surface-inverted-fg)",
217
+ "surface-disabled": "var(--color-surface-disabled)",
218
+ "surface-fg-disabled": "var(--color-surface-fg-disabled)",
219
+ "surface-fg": "var(--color-surface-fg)",
220
+ "surface-fg-muted": "var(--color-surface-fg-muted)",
221
+ "surface-fg-subtle": "var(--color-surface-fg-subtle)",
222
+ "surface-border": "var(--color-surface-border)",
223
+ "surface-border-strong": "var(--color-surface-border-strong)",
224
+ "surface-border-subtle": "var(--color-surface-border-subtle)",
225
+ backdrop: "var(--color-backdrop)",
226
+ "error-2": "var(--color-error-2)",
227
+ "error-3": "var(--color-error-3)",
228
+ "error-4": "var(--color-error-4)",
229
+ "error-5": "var(--color-error-5)",
230
+ "error-7": "var(--color-error-7)",
231
+ "error-9": "var(--color-error-9)",
232
+ "error-10": "var(--color-error-10)",
233
+ "error-11": "var(--color-error-11)",
234
+ "error-fg": "var(--color-error-fg)",
235
+ "success-2": "var(--color-success-2)",
236
+ "success-3": "var(--color-success-3)",
237
+ "success-4": "var(--color-success-4)",
238
+ "success-5": "var(--color-success-5)",
239
+ "success-7": "var(--color-success-7)",
240
+ "success-9": "var(--color-success-9)",
241
+ "success-10": "var(--color-success-10)",
242
+ "success-11": "var(--color-success-11)",
243
+ "success-fg": "var(--color-success-fg)",
244
+ "warning-2": "var(--color-warning-2)",
245
+ "warning-3": "var(--color-warning-3)",
246
+ "warning-4": "var(--color-warning-4)",
247
+ "warning-5": "var(--color-warning-5)",
248
+ "warning-7": "var(--color-warning-7)",
249
+ "warning-9": "var(--color-warning-9)",
250
+ "warning-10": "var(--color-warning-10)",
251
+ "warning-11": "var(--color-warning-11)",
252
+ "warning-fg": "var(--color-warning-fg)",
253
+ "info-2": "var(--color-info-2)",
254
+ "info-3": "var(--color-info-3)",
255
+ "info-4": "var(--color-info-4)",
256
+ "info-5": "var(--color-info-5)",
257
+ "info-7": "var(--color-info-7)",
258
+ "info-9": "var(--color-info-9)",
259
+ "info-10": "var(--color-info-10)",
260
+ "info-11": "var(--color-info-11)",
261
+ "info-fg": "var(--color-info-fg)",
262
+ "category-teal-3": "var(--color-category-teal-3)",
263
+ "category-teal-7": "var(--color-category-teal-7)",
264
+ "category-teal-9": "var(--color-category-teal-9)",
265
+ "category-teal-11": "var(--color-category-teal-11)",
266
+ "category-amber-3": "var(--color-category-amber-3)",
267
+ "category-amber-7": "var(--color-category-amber-7)",
268
+ "category-amber-9": "var(--color-category-amber-9)",
269
+ "category-amber-11": "var(--color-category-amber-11)",
270
+ "category-slate-3": "var(--color-category-slate-3)",
271
+ "category-slate-7": "var(--color-category-slate-7)",
272
+ "category-slate-9": "var(--color-category-slate-9)",
273
+ "category-slate-11": "var(--color-category-slate-11)",
274
+ "category-indigo-3": "var(--color-category-indigo-3)",
275
+ "category-indigo-7": "var(--color-category-indigo-7)",
276
+ "category-indigo-9": "var(--color-category-indigo-9)",
277
+ "category-indigo-11": "var(--color-category-indigo-11)",
278
+ "category-cyan-3": "var(--color-category-cyan-3)",
279
+ "category-cyan-7": "var(--color-category-cyan-7)",
280
+ "category-cyan-9": "var(--color-category-cyan-9)",
281
+ "category-cyan-11": "var(--color-category-cyan-11)",
282
+ "category-orange-3": "var(--color-category-orange-3)",
283
+ "category-orange-7": "var(--color-category-orange-7)",
284
+ "category-orange-9": "var(--color-category-orange-9)",
285
+ "category-orange-11": "var(--color-category-orange-11)",
286
+ "category-emerald-3": "var(--color-category-emerald-3)",
287
+ "category-emerald-7": "var(--color-category-emerald-7)",
288
+ "category-emerald-9": "var(--color-category-emerald-9)",
289
+ "category-emerald-11": "var(--color-category-emerald-11)",
290
+ overlay: "var(--color-overlay)",
291
+ disabled: "var(--color-disabled)",
292
+ "skeleton-base": "var(--color-skeleton-base)",
293
+ "skeleton-shimmer": "var(--color-skeleton-shimmer)",
294
+ "inset-glow": "var(--color-inset-glow)",
295
+ "inset-glow-strong": "var(--color-inset-glow-strong)",
296
+ "inset-glow-subtle": "var(--color-inset-glow-subtle)",
297
+ "surface-overlay-light": "var(--color-surface-overlay-light)",
298
+ "surface-overlay-dark": "var(--color-surface-overlay-dark)",
299
+ "text-shadow": "var(--color-text-shadow)",
300
+ "chart-1": "var(--chart-1)",
301
+ "chart-2": "var(--chart-2)",
302
+ "chart-3": "var(--chart-3)",
303
+ "chart-4": "var(--chart-4)",
304
+ "chart-5": "var(--chart-5)",
305
+ "chart-6": "var(--chart-6)",
306
+ "chart-7": "var(--chart-7)",
307
+ "chart-8": "var(--chart-8)"
308
+ },
309
+ keyframes: {
310
+ "accordion-down": {
311
+ from: { height: "0" },
312
+ to: { height: "var(--radix-accordion-content-height)" }
59
313
  },
60
- fontFamily: {
61
- sans: ["var(--font-sans)", "system-ui", "sans-serif"],
62
- display: ["var(--font-display)", "system-ui", "sans-serif"],
63
- body: ["var(--font-body)", "sans-serif"],
64
- accent: ["var(--font-accent)", "sans-serif"],
65
- mono: ["var(--font-mono)", "monospace"]
314
+ "accordion-up": {
315
+ from: { height: "var(--radix-accordion-content-height)" },
316
+ to: { height: "0" }
66
317
  },
67
- fontWeight: {
68
- light: "var(--font-weight-light)",
69
- regular: "var(--font-weight-regular)",
70
- medium: "var(--font-weight-medium)",
71
- semibold: "var(--font-weight-semibold)",
72
- bold: "var(--font-weight-bold)"
318
+ "collapsible-down": {
319
+ from: { height: "0" },
320
+ to: { height: "var(--radix-collapsible-content-height)" }
73
321
  },
74
- letterSpacing: {
75
- "ds-tighter": "var(--tracking-tighter)",
76
- "ds-tight": "var(--tracking-tight)",
77
- "ds-normal": "var(--tracking-normal)",
78
- "ds-wide": "var(--tracking-wide)",
79
- "ds-wider": "var(--tracking-wider)",
80
- "ds-widest": "var(--tracking-widest)"
322
+ "collapsible-up": {
323
+ from: { height: "var(--radix-collapsible-content-height)" },
324
+ to: { height: "0" }
81
325
  },
82
- lineHeight: {
83
- "ds-none": "var(--line-height-none)",
84
- "ds-tight": "var(--line-height-tight)",
85
- "ds-snug": "var(--line-height-snug)",
86
- "ds-normal": "var(--line-height-normal)",
87
- "ds-relaxed": "var(--line-height-relaxed)",
88
- "ds-loose": "var(--line-height-loose)"
326
+ "progress-indeterminate": {
327
+ "0%": { transform: "translateX(-100%)" },
328
+ "100%": { transform: "translateX(250%)" }
89
329
  },
90
- fontSize: {
91
- "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
92
- "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
93
- "ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
94
- "ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
95
- "ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
96
- "ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
97
- "ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
98
- "ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
99
- "ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
100
- "ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
101
- "ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
330
+ "skeleton-shimmer": {
331
+ "0%": { backgroundPosition: "-200% 0" },
332
+ "100%": { backgroundPosition: "200% 0" }
102
333
  },
103
- borderWidth: {
104
- "ds-sm": "var(--border-width-sm)",
105
- "ds-md": "var(--border-width-md)",
106
- "ds-lg": "var(--border-width-lg)",
107
- focus: "var(--border-focus-width)"
334
+ "caret-blink": {
335
+ "0%,70%,100%": { opacity: "1" },
336
+ "20%,50%": { opacity: "0" }
108
337
  },
109
- borderRadius: {
110
- "ds-none": "0",
111
- "ds-sm": "var(--radius-sm)",
112
- "ds-default": "var(--radius-default)",
113
- "ds-md": "var(--radius-md)",
114
- "ds-lg": "var(--radius-lg)",
115
- "ds-xl": "var(--radius-xl)",
116
- "ds-2xl": "var(--radius-2xl)",
117
- "ds-full": "var(--radius-full)"
338
+ "timer-bar": {
339
+ "0%": { transform: "scaleX(1)" },
340
+ "100%": { transform: "scaleX(0)" }
118
341
  },
119
- spacing: {
120
- "ds-01": "var(--spacing-01)",
121
- "ds-02": "var(--spacing-02)",
122
- "ds-02b": "var(--spacing-02b)",
123
- "ds-03": "var(--spacing-03)",
124
- "ds-04": "var(--spacing-04)",
125
- "ds-05": "var(--spacing-05)",
126
- "ds-05b": "var(--spacing-05b)",
127
- "ds-06": "var(--spacing-06)",
128
- "ds-06b": "var(--spacing-06b)",
129
- "ds-07": "var(--spacing-07)",
130
- "ds-08": "var(--spacing-08)",
131
- "ds-09": "var(--spacing-09)",
132
- "ds-10": "var(--spacing-10)",
133
- "ds-11": "var(--spacing-11)",
134
- "ds-12": "var(--spacing-12)",
135
- "ds-13": "var(--spacing-13)"
136
- },
137
- width: {
138
- "ds-xs": "var(--size-xs)",
139
- "ds-xs-plus": "var(--size-xs-plus)",
140
- "ds-sm": "var(--size-sm)",
141
- "ds-sm-plus": "var(--size-sm-plus)",
142
- "ds-md": "var(--size-md)",
143
- "ds-lg": "var(--size-lg)",
144
- "ds-xl": "var(--size-xl)",
145
- "ico-sm": "var(--icon-sm)",
146
- "ico-md": "var(--icon-md)",
147
- "ico-lg": "var(--icon-lg)",
148
- "ico-xl": "var(--icon-xl)"
149
- },
150
- height: {
151
- "ds-xs": "var(--size-xs)",
152
- "ds-xs-plus": "var(--size-xs-plus)",
153
- "ds-sm": "var(--size-sm)",
154
- "ds-sm-plus": "var(--size-sm-plus)",
155
- "ds-md": "var(--size-md)",
156
- "ds-lg": "var(--size-lg)",
157
- "ds-xl": "var(--size-xl)",
158
- "ico-sm": "var(--icon-sm)",
159
- "ico-md": "var(--icon-md)",
160
- "ico-lg": "var(--icon-lg)",
161
- "ico-xl": "var(--icon-xl)"
162
- },
163
- minHeight: {
164
- "ds-xs": "var(--size-xs)",
165
- "ds-xs-plus": "var(--size-xs-plus)",
166
- "ds-sm": "var(--size-sm)",
167
- "ds-sm-plus": "var(--size-sm-plus)",
168
- "ds-md": "var(--size-md)",
169
- "ds-lg": "var(--size-lg)",
170
- "ds-xl": "var(--size-xl)"
171
- },
172
- maxWidth: {
173
- layout: "var(--max-width)",
174
- "layout-body": "var(--max-width-body)"
175
- },
176
- minWidth: {
177
- "ds-xs": "var(--size-xs)",
178
- "ds-sm": "var(--size-sm)",
179
- "ds-md": "var(--size-md)",
180
- "ds-lg": "var(--size-lg)",
181
- "ds-xl": "var(--size-xl)"
182
- },
183
- opacity: {
184
- "action-hover": "var(--action-hover-opacity)",
185
- "action-selected": "var(--action-selected-opacity)",
186
- "action-disabled": "var(--action-disabled-opacity)",
187
- "action-focus": "var(--action-focus-opacity)",
188
- "action-active": "var(--action-active-opacity)"
189
- },
190
- colors: {
191
- // ═══ NEW: 12-step accent scale ═══
192
- "accent-1": "var(--color-accent-1)",
193
- "accent-2": "var(--color-accent-2)",
194
- "accent-3": "var(--color-accent-3)",
195
- "accent-4": "var(--color-accent-4)",
196
- "accent-5": "var(--color-accent-5)",
197
- "accent-6": "var(--color-accent-6)",
198
- "accent-7": "var(--color-accent-7)",
199
- "accent-8": "var(--color-accent-8)",
200
- "accent-9": "var(--color-accent-9)",
201
- "accent-10": "var(--color-accent-10)",
202
- "accent-11": "var(--color-accent-11)",
203
- "accent-12": "var(--color-accent-12)",
204
- "accent-fg": "var(--color-accent-fg)",
205
- // ═══ NEW: 12-step secondary scale ═══
206
- "secondary-1": "var(--color-secondary-1)",
207
- "secondary-2": "var(--color-secondary-2)",
208
- "secondary-3": "var(--color-secondary-3)",
209
- "secondary-4": "var(--color-secondary-4)",
210
- "secondary-5": "var(--color-secondary-5)",
211
- "secondary-6": "var(--color-secondary-6)",
212
- "secondary-7": "var(--color-secondary-7)",
213
- "secondary-8": "var(--color-secondary-8)",
214
- "secondary-9": "var(--color-secondary-9)",
215
- "secondary-10": "var(--color-secondary-10)",
216
- "secondary-11": "var(--color-secondary-11)",
217
- "secondary-12": "var(--color-secondary-12)",
218
- "secondary-fg": "var(--color-secondary-fg)",
219
- // ═══ NEW: Surface ═══
220
- "surface-base": "var(--color-surface-base)",
221
- "surface-sunken": "var(--color-surface-sunken)",
222
- "surface-raised": "var(--color-surface-raised)",
223
- "surface-overlay": "var(--color-surface-overlay)",
224
- "surface-raised-hover": "var(--color-surface-raised-hover)",
225
- "surface-raised-active": "var(--color-surface-raised-active)",
226
- "surface-inverted": "var(--color-surface-inverted)",
227
- "surface-inverted-fg": "var(--color-surface-inverted-fg)",
228
- "surface-disabled": "var(--color-surface-disabled)",
229
- "surface-fg-disabled": "var(--color-surface-fg-disabled)",
230
- "surface-fg": "var(--color-surface-fg)",
231
- "surface-fg-muted": "var(--color-surface-fg-muted)",
232
- "surface-fg-subtle": "var(--color-surface-fg-subtle)",
233
- "surface-border": "var(--color-surface-border)",
234
- "surface-border-strong": "var(--color-surface-border-strong)",
235
- "surface-border-subtle": "var(--color-surface-border-subtle)",
236
- backdrop: "var(--color-backdrop)",
237
- // ═══ NEW: Status (step subsets) ═══
238
- "error-2": "var(--color-error-2)",
239
- "error-3": "var(--color-error-3)",
240
- "error-4": "var(--color-error-4)",
241
- "error-5": "var(--color-error-5)",
242
- "error-7": "var(--color-error-7)",
243
- "error-9": "var(--color-error-9)",
244
- "error-10": "var(--color-error-10)",
245
- "error-11": "var(--color-error-11)",
246
- "error-fg": "var(--color-error-fg)",
247
- "success-2": "var(--color-success-2)",
248
- "success-3": "var(--color-success-3)",
249
- "success-4": "var(--color-success-4)",
250
- "success-5": "var(--color-success-5)",
251
- "success-7": "var(--color-success-7)",
252
- "success-9": "var(--color-success-9)",
253
- "success-10": "var(--color-success-10)",
254
- "success-11": "var(--color-success-11)",
255
- "success-fg": "var(--color-success-fg)",
256
- "warning-2": "var(--color-warning-2)",
257
- "warning-3": "var(--color-warning-3)",
258
- "warning-4": "var(--color-warning-4)",
259
- "warning-5": "var(--color-warning-5)",
260
- "warning-7": "var(--color-warning-7)",
261
- "warning-9": "var(--color-warning-9)",
262
- "warning-10": "var(--color-warning-10)",
263
- "warning-11": "var(--color-warning-11)",
264
- "warning-fg": "var(--color-warning-fg)",
265
- "info-2": "var(--color-info-2)",
266
- "info-3": "var(--color-info-3)",
267
- "info-4": "var(--color-info-4)",
268
- "info-5": "var(--color-info-5)",
269
- "info-7": "var(--color-info-7)",
270
- "info-9": "var(--color-info-9)",
271
- "info-10": "var(--color-info-10)",
272
- "info-11": "var(--color-info-11)",
273
- "info-fg": "var(--color-info-fg)",
274
- // ═══ NEW: Category (step subsets) ═══
275
- "category-teal-3": "var(--color-category-teal-3)",
276
- "category-teal-7": "var(--color-category-teal-7)",
277
- "category-teal-9": "var(--color-category-teal-9)",
278
- "category-teal-11": "var(--color-category-teal-11)",
279
- "category-amber-3": "var(--color-category-amber-3)",
280
- "category-amber-7": "var(--color-category-amber-7)",
281
- "category-amber-9": "var(--color-category-amber-9)",
282
- "category-amber-11": "var(--color-category-amber-11)",
283
- "category-slate-3": "var(--color-category-slate-3)",
284
- "category-slate-7": "var(--color-category-slate-7)",
285
- "category-slate-9": "var(--color-category-slate-9)",
286
- "category-slate-11": "var(--color-category-slate-11)",
287
- "category-indigo-3": "var(--color-category-indigo-3)",
288
- "category-indigo-7": "var(--color-category-indigo-7)",
289
- "category-indigo-9": "var(--color-category-indigo-9)",
290
- "category-indigo-11": "var(--color-category-indigo-11)",
291
- "category-cyan-3": "var(--color-category-cyan-3)",
292
- "category-cyan-7": "var(--color-category-cyan-7)",
293
- "category-cyan-9": "var(--color-category-cyan-9)",
294
- "category-cyan-11": "var(--color-category-cyan-11)",
295
- "category-orange-3": "var(--color-category-orange-3)",
296
- "category-orange-7": "var(--color-category-orange-7)",
297
- "category-orange-9": "var(--color-category-orange-9)",
298
- "category-orange-11": "var(--color-category-orange-11)",
299
- "category-emerald-3": "var(--color-category-emerald-3)",
300
- "category-emerald-7": "var(--color-category-emerald-7)",
301
- "category-emerald-9": "var(--color-category-emerald-9)",
302
- "category-emerald-11": "var(--color-category-emerald-11)",
303
- // ═══ Utility tokens (not step-based) ═══
304
- overlay: "var(--color-overlay)",
305
- disabled: "var(--color-disabled)",
306
- "skeleton-base": "var(--color-skeleton-base)",
307
- "skeleton-shimmer": "var(--color-skeleton-shimmer)",
308
- "inset-glow": "var(--color-inset-glow)",
309
- "inset-glow-strong": "var(--color-inset-glow-strong)",
310
- "inset-glow-subtle": "var(--color-inset-glow-subtle)",
311
- "surface-overlay-light": "var(--color-surface-overlay-light)",
312
- "surface-overlay-dark": "var(--color-surface-overlay-dark)",
313
- "text-shadow": "var(--color-text-shadow)",
314
- "chart-1": "var(--chart-1)",
315
- "chart-2": "var(--chart-2)",
316
- "chart-3": "var(--chart-3)",
317
- "chart-4": "var(--chart-4)",
318
- "chart-5": "var(--chart-5)",
319
- "chart-6": "var(--chart-6)",
320
- "chart-7": "var(--chart-7)",
321
- "chart-8": "var(--chart-8)"
322
- },
323
- keyframes: {
324
- // ── Radix-coupled: height animation using Radix CSS variables ──
325
- "accordion-down": {
326
- from: { height: "0" },
327
- to: { height: "var(--radix-accordion-content-height)" }
328
- },
329
- "accordion-up": {
330
- from: { height: "var(--radix-accordion-content-height)" },
331
- to: { height: "0" }
332
- },
333
- "collapsible-down": {
334
- from: { height: "0" },
335
- to: { height: "var(--radix-collapsible-content-height)" }
336
- },
337
- "collapsible-up": {
338
- from: { height: "var(--radix-collapsible-content-height)" },
339
- to: { height: "0" }
340
- },
341
- // ── Kept: CSS-only animations not yet migrated to Framer Motion ──
342
- "progress-indeterminate": {
343
- "0%": { transform: "translateX(-100%)" },
344
- "100%": { transform: "translateX(250%)" }
345
- },
346
- "skeleton-shimmer": {
347
- "0%": { backgroundPosition: "-200% 0" },
348
- "100%": { backgroundPosition: "200% 0" }
349
- },
350
- "caret-blink": {
351
- "0%,70%,100%": { opacity: "1" },
352
- "20%,50%": { opacity: "0" }
353
- },
354
- "timer-bar": {
355
- "0%": { transform: "scaleX(1)" },
356
- "100%": { transform: "scaleX(0)" }
357
- },
358
- "popover-in": {
359
- from: { opacity: "0", transform: "scale(0.95)" },
360
- to: { opacity: "1", transform: "scale(1)" }
342
+ "popover-in": {
343
+ from: {
344
+ opacity: "0",
345
+ transform: "scale(0.95)"
361
346
  },
362
- "popover-out": {
363
- from: { opacity: "1", transform: "scale(1)" },
364
- to: { opacity: "0", transform: "scale(0.95)" }
365
- },
366
- "processing-ants": {
367
- to: { "--border-angle": "360deg" }
347
+ to: {
348
+ opacity: "1",
349
+ transform: "scale(1)"
368
350
  }
369
351
  },
370
- animation: {
371
- // ── Radix-coupled height animations ──
372
- "accordion-down": "accordion-down 200ms ease-out",
373
- "accordion-up": "accordion-up 200ms ease-out",
374
- "collapsible-down": "collapsible-down 200ms ease-out",
375
- "collapsible-up": "collapsible-up 200ms ease-out",
376
- // ── CSS-only animations ──
377
- "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
378
- "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
379
- "caret-blink": "caret-blink 1.25s ease-out infinite",
380
- "timer-bar": "timer-bar linear forwards",
381
- "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
382
- "popover-out": "popover-out 100ms var(--ease-productive-exit)",
383
- "processing-ants-ambient": "processing-ants 3s linear infinite",
384
- "processing-ants-working": "processing-ants 2s linear infinite",
385
- "processing-ants-urgent": "processing-ants 1s linear infinite"
386
- },
387
- backgroundImage: {
388
- "gradient-brand": "var(--gradient-brand-light)",
389
- "gradient-brand-dark": "var(--gradient-brand-dark)"
390
- },
391
- boxShadow: {
392
- raised: "var(--shadow-raised)",
393
- "raised-hover": "var(--shadow-raised-hover)",
394
- "raised-inner": "var(--shadow-raised-inner)",
395
- floating: "var(--shadow-floating)",
396
- overlay: "var(--shadow-overlay)",
397
- brand: "var(--shadow-brand)",
398
- glow: "var(--shadow-glow)",
399
- inset: "var(--shadow-inset)",
400
- pressed: "var(--shadow-pressed)",
401
- success: "var(--shadow-success)",
402
- error: "var(--shadow-error)",
403
- warning: "var(--shadow-warning)",
404
- "ring-sm": "var(--shadow-ring-sm)",
405
- ring: "var(--shadow-ring)",
406
- kbd: "var(--shadow-kbd)"
352
+ "popover-out": {
353
+ from: {
354
+ opacity: "1",
355
+ transform: "scale(1)"
356
+ },
357
+ to: {
358
+ opacity: "0",
359
+ transform: "scale(0.95)"
360
+ }
407
361
  },
408
- transitionDuration: {
409
- instant: "var(--duration-instant)",
410
- "fast-01": "var(--duration-fast-01)",
411
- "fast-02": "var(--duration-fast-02)",
412
- "moderate-01": "var(--duration-moderate-01)",
413
- "moderate-02": "var(--duration-moderate-02)",
414
- "slow-01": "var(--duration-slow-01)",
415
- "slow-02": "var(--duration-slow-02)"
362
+ "processing-ants": { to: { "--border-angle": "360deg" } }
363
+ },
364
+ animation: {
365
+ "accordion-down": "accordion-down 200ms ease-out",
366
+ "accordion-up": "accordion-up 200ms ease-out",
367
+ "collapsible-down": "collapsible-down 200ms ease-out",
368
+ "collapsible-up": "collapsible-up 200ms ease-out",
369
+ "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
370
+ "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
371
+ "caret-blink": "caret-blink 1.25s ease-out infinite",
372
+ "timer-bar": "timer-bar linear forwards",
373
+ "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
374
+ "popover-out": "popover-out 100ms var(--ease-productive-exit)",
375
+ "processing-ants-ambient": "processing-ants 3s linear infinite",
376
+ "processing-ants-working": "processing-ants 2s linear infinite",
377
+ "processing-ants-urgent": "processing-ants 1s linear infinite"
378
+ },
379
+ backgroundImage: {
380
+ "gradient-brand": "var(--gradient-brand-light)",
381
+ "gradient-brand-dark": "var(--gradient-brand-dark)"
382
+ },
383
+ boxShadow: {
384
+ raised: "var(--shadow-raised)",
385
+ "raised-hover": "var(--shadow-raised-hover)",
386
+ "raised-inner": "var(--shadow-raised-inner)",
387
+ floating: "var(--shadow-floating)",
388
+ overlay: "var(--shadow-overlay)",
389
+ brand: "var(--shadow-brand)",
390
+ glow: "var(--shadow-glow)",
391
+ inset: "var(--shadow-inset)",
392
+ pressed: "var(--shadow-pressed)",
393
+ success: "var(--shadow-success)",
394
+ error: "var(--shadow-error)",
395
+ warning: "var(--shadow-warning)",
396
+ "ring-sm": "var(--shadow-ring-sm)",
397
+ ring: "var(--shadow-ring)",
398
+ kbd: "var(--shadow-kbd)"
399
+ },
400
+ transitionDuration: {
401
+ instant: "var(--duration-instant)",
402
+ "fast-01": "var(--duration-fast-01)",
403
+ "fast-02": "var(--duration-fast-02)",
404
+ "moderate-01": "var(--duration-moderate-01)",
405
+ "moderate-02": "var(--duration-moderate-02)",
406
+ "slow-01": "var(--duration-slow-01)",
407
+ "slow-02": "var(--duration-slow-02)"
408
+ },
409
+ transitionTimingFunction: {
410
+ "productive-standard": "var(--ease-productive-standard)",
411
+ "productive-entrance": "var(--ease-productive-entrance)",
412
+ "productive-exit": "var(--ease-productive-exit)",
413
+ "expressive-standard": "var(--ease-expressive-standard)",
414
+ "expressive-entrance": "var(--ease-expressive-entrance)",
415
+ "expressive-exit": "var(--ease-expressive-exit)",
416
+ bounce: "var(--ease-bounce)",
417
+ linear: "var(--ease-linear)"
418
+ },
419
+ zIndex: {
420
+ base: "var(--z-base)",
421
+ raised: "var(--z-raised)",
422
+ dropdown: "var(--z-dropdown)",
423
+ sticky: "var(--z-sticky)",
424
+ overlay: "var(--z-overlay)",
425
+ modal: "var(--z-modal)",
426
+ popover: "var(--z-popover)",
427
+ toast: "var(--z-toast)",
428
+ tooltip: "var(--z-tooltip)"
429
+ }
430
+ } },
431
+ plugins: [(0, import_plugin.default)(({ addBase: e2, addUtilities: t2 }) => {
432
+ e2({
433
+ "@property --border-angle": {
434
+ syntax: '"<angle>"',
435
+ "initial-value": "0deg",
436
+ inherits: "false"
416
437
  },
417
- transitionTimingFunction: {
418
- "productive-standard": "var(--ease-productive-standard)",
419
- "productive-entrance": "var(--ease-productive-entrance)",
420
- "productive-exit": "var(--ease-productive-exit)",
421
- "expressive-standard": "var(--ease-expressive-standard)",
422
- "expressive-entrance": "var(--ease-expressive-entrance)",
423
- "expressive-exit": "var(--ease-expressive-exit)",
424
- bounce: "var(--ease-bounce)",
425
- linear: "var(--ease-linear)"
438
+ "@media screen and (max-width: 767px)": { 'input:not([type="checkbox"]):not([type="radio"]), textarea, select': { "font-size": "max(16px, 1em) !important" } }
439
+ }), t2({
440
+ ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
441
+ ".touch-target": { position: "relative" },
442
+ ".touch-target::before": {
443
+ content: '""',
444
+ position: "absolute",
445
+ top: "50%",
446
+ left: "50%",
447
+ transform: "translate(-50%, -50%)",
448
+ "min-width": "44px",
449
+ "min-height": "44px"
426
450
  },
427
- zIndex: {
428
- base: "var(--z-base)",
429
- raised: "var(--z-raised)",
430
- dropdown: "var(--z-dropdown)",
431
- sticky: "var(--z-sticky)",
432
- overlay: "var(--z-overlay)",
433
- modal: "var(--z-modal)",
434
- popover: "var(--z-popover)",
435
- toast: "var(--z-toast)",
436
- tooltip: "var(--z-tooltip)"
451
+ ".focus-ring": { "&:focus-visible": {
452
+ outline: "none",
453
+ "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)"
454
+ } },
455
+ ".focus-ring-inset": { "&:focus-visible": {
456
+ outline: "none",
457
+ "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
458
+ } },
459
+ ".focus-ring-sm": { "&:focus-visible": {
460
+ outline: "none",
461
+ "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
462
+ } },
463
+ ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
464
+ ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
465
+ ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
466
+ ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
467
+ ".p-safe": {
468
+ "padding-top": "env(safe-area-inset-top, 0px)",
469
+ "padding-bottom": "env(safe-area-inset-bottom, 0px)",
470
+ "padding-left": "env(safe-area-inset-left, 0px)",
471
+ "padding-right": "env(safe-area-inset-right, 0px)"
437
472
  }
438
- }
439
- },
440
- plugins: [
441
- (0, import_plugin.default)(({ addBase: r, addUtilities: a }) => {
442
- r({
443
- "@property --border-angle": {
444
- syntax: '"<angle>"',
445
- "initial-value": "0deg",
446
- inherits: "false"
447
- },
448
- // Prevent iOS Safari auto-zoom on inputs with font-size < 16px
449
- "@media screen and (max-width: 767px)": {
450
- 'input:not([type="checkbox"]):not([type="radio"]), textarea, select': {
451
- "font-size": "max(16px, 1em) !important"
452
- }
453
- }
454
- }), a({
455
- ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
456
- ".touch-target": {
457
- position: "relative"
458
- },
459
- ".touch-target::before": {
460
- content: '""',
461
- position: "absolute",
462
- top: "50%",
463
- left: "50%",
464
- transform: "translate(-50%, -50%)",
465
- "min-width": "44px",
466
- "min-height": "44px"
467
- },
468
- ".focus-ring": {
469
- "&:focus-visible": {
470
- outline: "none",
471
- "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)"
472
- }
473
- },
474
- ".focus-ring-inset": {
475
- "&:focus-visible": {
476
- outline: "none",
477
- "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
478
- }
479
- },
480
- ".focus-ring-sm": {
481
- "&:focus-visible": {
482
- outline: "none",
483
- "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
484
- }
485
- },
486
- // Safe area inset utilities for notched/island devices
487
- ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
488
- ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
489
- ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
490
- ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
491
- ".p-safe": {
492
- "padding-top": "env(safe-area-inset-top, 0px)",
493
- "padding-bottom": "env(safe-area-inset-bottom, 0px)",
494
- "padding-left": "env(safe-area-inset-left, 0px)",
495
- "padding-right": "env(safe-area-inset-right, 0px)"
496
- }
497
- });
498
- })
499
- ]
473
+ });
474
+ })]
500
475
  };
501
476
 
502
477
  module.exports = module.exports.default;