@diyet24/design-system 0.1.0 → 0.1.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 (17) hide show
  1. package/README.md +72 -555
  2. package/dist/{index.d.cts → index.d.mts} +323 -646
  3. package/dist/index.d.ts +323 -646
  4. package/dist/index.js +4463 -31620
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +4582 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/dist/styles.css +3037 -871
  9. package/package.json +56 -94
  10. package/dist/index.cjs +0 -32288
  11. package/dist/index.cjs.map +0 -1
  12. package/dist/tailwind/index.cjs +0 -301
  13. package/dist/tailwind/index.cjs.map +0 -1
  14. package/dist/tailwind/index.d.cts +0 -583
  15. package/dist/tailwind/index.d.ts +0 -583
  16. package/dist/tailwind/index.js +0 -287
  17. package/dist/tailwind/index.js.map +0 -1
package/dist/tailwind/index.cjs DELETED
@@ -1,301 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- // src/tailwind/index.ts
6
- var colors = {
7
- // Brand Colors - using CSS variables from styles/index.css
8
- primary: {
9
- DEFAULT: "var(--color-primary)",
10
- foreground: "var(--primary-foreground)",
11
- 100: "var(--color-primary-100)",
12
- 200: "var(--color-primary-200)",
13
- 300: "var(--color-primary-300)",
14
- 400: "var(--color-primary-400)",
15
- 500: "var(--color-primary-500)",
16
- 600: "var(--color-primary-600)",
17
- 700: "var(--color-primary-700)",
18
- 800: "var(--color-primary-800)",
19
- 900: "var(--color-primary-900)"
20
- },
21
- secondary: {
22
- DEFAULT: "var(--color-secondary)",
23
- foreground: "var(--secondary-foreground)",
24
- 100: "var(--color-secondary-100)",
25
- 200: "var(--color-secondary-200)",
26
- 300: "var(--color-secondary-300)",
27
- 400: "var(--color-secondary-400)",
28
- 500: "var(--color-secondary-500)",
29
- 600: "var(--color-secondary-600)",
30
- 700: "var(--color-secondary-700)",
31
- 800: "var(--color-secondary-800)",
32
- 900: "var(--color-secondary-900)"
33
- },
34
- success: {
35
- DEFAULT: "var(--color-success)",
36
- 100: "var(--color-success-100)",
37
- 200: "var(--color-success-200)",
38
- 300: "var(--color-success-300)",
39
- 400: "var(--color-success-400)",
40
- 500: "var(--color-success-500)",
41
- 600: "var(--color-success-600)",
42
- 700: "var(--color-success-700)",
43
- 800: "var(--color-success-800)",
44
- 900: "var(--color-success-900)"
45
- },
46
- warning: {
47
- DEFAULT: "var(--color-warning)",
48
- 100: "var(--color-warning-100)",
49
- 200: "var(--color-warning-200)",
50
- 300: "var(--color-warning-300)",
51
- 400: "var(--color-warning-400)",
52
- 500: "var(--color-warning-500)",
53
- 600: "var(--color-warning-600)",
54
- 700: "var(--color-warning-700)",
55
- 800: "var(--color-warning-800)",
56
- 900: "var(--color-warning-900)"
57
- },
58
- danger: {
59
- DEFAULT: "var(--color-danger)",
60
- 100: "var(--color-danger-100)",
61
- 200: "var(--color-danger-200)",
62
- 300: "var(--color-danger-300)",
63
- 400: "var(--color-danger-400)",
64
- 500: "var(--color-danger-500)",
65
- 600: "var(--color-danger-600)",
66
- 700: "var(--color-danger-700)",
67
- 800: "var(--color-danger-800)",
68
- 900: "var(--color-danger-900)"
69
- },
70
- info: {
71
- DEFAULT: "var(--color-info)",
72
- 100: "var(--color-info-100)",
73
- 200: "var(--color-info-200)",
74
- 300: "var(--color-info-300)",
75
- 400: "var(--color-info-400)",
76
- 500: "var(--color-info-500)",
77
- 600: "var(--color-info-600)",
78
- 700: "var(--color-info-700)",
79
- 800: "var(--color-info-800)",
80
- 900: "var(--color-info-900)"
81
- },
82
- main: {
83
- DEFAULT: "var(--color-main)",
84
- foreground: "var(--main-foreground)",
85
- 100: "var(--color-main-100)",
86
- 200: "var(--color-main-200)",
87
- 300: "var(--color-main-300)",
88
- 400: "var(--color-main-400)",
89
- 500: "var(--color-main-500)",
90
- 600: "var(--color-main-600)",
91
- 700: "var(--color-main-700)",
92
- 800: "var(--color-main-800)",
93
- 900: "var(--color-main-900)"
94
- },
95
- // Semantic aliases - shadcn/ui compatibility
96
- background: "var(--color-background)",
97
- foreground: "var(--color-foreground)",
98
- card: {
99
- DEFAULT: "var(--color-card)",
100
- foreground: "var(--color-card-foreground)"
101
- },
102
- popover: {
103
- DEFAULT: "var(--color-popover)",
104
- foreground: "var(--color-popover-foreground)"
105
- },
106
- muted: {
107
- DEFAULT: "var(--color-muted)",
108
- foreground: "var(--color-muted-foreground)"
109
- },
110
- accent: {
111
- DEFAULT: "var(--color-accent)",
112
- foreground: "var(--color-accent-foreground)"
113
- },
114
- destructive: {
115
- DEFAULT: "var(--color-destructive)",
116
- foreground: "var(--color-destructive-foreground)"
117
- },
118
- border: "var(--color-border)",
119
- input: "var(--color-input)",
120
- ring: "var(--color-ring)",
121
- // Chart colors
122
- chart: {
123
- 1: "var(--color-chart-1)",
124
- 2: "var(--color-chart-2)",
125
- 3: "var(--color-chart-3)",
126
- 4: "var(--color-chart-4)",
127
- 5: "var(--color-chart-5)"
128
- },
129
- // Sidebar colors
130
- sidebar: {
131
- DEFAULT: "var(--color-sidebar)",
132
- foreground: "var(--color-sidebar-foreground)",
133
- primary: "var(--color-sidebar-primary)",
134
- "primary-foreground": "var(--color-sidebar-primary-foreground)",
135
- accent: "var(--color-sidebar-accent)",
136
- "accent-foreground": "var(--color-sidebar-accent-foreground)",
137
- border: "var(--color-sidebar-border)",
138
- ring: "var(--color-sidebar-ring)"
139
- }
140
- };
141
- var fontFamily = {
142
- sans: [
143
- "Inter",
144
- "ui-sans-serif",
145
- "system-ui",
146
- "sans-serif",
147
- "Apple Color Emoji",
148
- "Segoe UI Emoji",
149
- "Segoe UI Symbol",
150
- "Noto Color Emoji"
151
- ],
152
- mono: [
153
- "JetBrains Mono",
154
- "ui-monospace",
155
- "SFMono-Regular",
156
- "Menlo",
157
- "Monaco",
158
- "Consolas",
159
- "Liberation Mono",
160
- "Courier New",
161
- "monospace"
162
- ],
163
- heading: [
164
- "Inter",
165
- "ui-sans-serif",
166
- "system-ui",
167
- "sans-serif"
168
- ]
169
- };
170
- var fontSize = {
171
- xs: ["0.75rem", { lineHeight: "1rem" }],
172
- sm: ["0.875rem", { lineHeight: "1.25rem" }],
173
- base: ["1rem", { lineHeight: "1.5rem" }],
174
- lg: ["1.125rem", { lineHeight: "1.75rem" }],
175
- xl: ["1.25rem", { lineHeight: "1.75rem" }],
176
- "2xl": ["1.5rem", { lineHeight: "2rem" }],
177
- "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
178
- "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
179
- "5xl": ["3rem", { lineHeight: "1" }],
180
- "6xl": ["3.75rem", { lineHeight: "1" }]
181
- };
182
- var borderRadius = {
183
- none: "0",
184
- sm: "0.125rem",
185
- DEFAULT: "0.25rem",
186
- md: "0.375rem",
187
- lg: "0.5rem",
188
- xl: "0.75rem",
189
- "2xl": "1rem",
190
- "3xl": "1.5rem",
191
- full: "9999px"
192
- };
193
- var boxShadow = {
194
- xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
195
- sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
196
- DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
197
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
198
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
199
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
200
- "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
201
- inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
202
- none: "none",
203
- // Brand color shadows
204
- "primary-sm": "var(--shadow-sm-primary)",
205
- "primary-md": "var(--shadow-md-primary)",
206
- "primary-lg": "var(--shadow-lg-primary)",
207
- "secondary-sm": "var(--shadow-sm-secondary)",
208
- "secondary-md": "var(--shadow-md-secondary)",
209
- "secondary-lg": "var(--shadow-lg-secondary)",
210
- "success-sm": "var(--shadow-sm-success)",
211
- "success-md": "var(--shadow-md-success)",
212
- "success-lg": "var(--shadow-lg-success)",
213
- "warning-sm": "var(--shadow-sm-warning)",
214
- "warning-md": "var(--shadow-md-warning)",
215
- "warning-lg": "var(--shadow-lg-warning)",
216
- "danger-sm": "var(--shadow-sm-danger)",
217
- "danger-md": "var(--shadow-md-danger)",
218
- "danger-lg": "var(--shadow-lg-danger)",
219
- "info-sm": "var(--shadow-sm-info)",
220
- "info-md": "var(--shadow-md-info)",
221
- "info-lg": "var(--shadow-lg-info)",
222
- "main-sm": "var(--shadow-sm-main)",
223
- "main-md": "var(--shadow-md-main)",
224
- "main-lg": "var(--shadow-lg-main)"
225
- };
226
- var zIndex = {
227
- dropdown: "1000",
228
- sticky: "1020",
229
- fixed: "1030",
230
- "modal-backdrop": "1040",
231
- modal: "1050",
232
- popover: "1060",
233
- tooltip: "1070"
234
- };
235
- var screens = {
236
- xs: "20rem",
237
- sm: "40rem",
238
- md: "48rem",
239
- lg: "64rem",
240
- xl: "80rem",
241
- "2xl": "96rem"
242
- };
243
- var keyframes = {
244
- // Accordion animations
245
- "accordion-down": {
246
- from: { height: "0", opacity: "0" },
247
- to: { height: "var(--radix-accordion-content-height)", opacity: "1" }
248
- },
249
- "accordion-up": {
250
- from: { height: "var(--radix-accordion-content-height)", opacity: "1" },
251
- to: { height: "0", opacity: "0" }
252
- },
253
- // Collapsible animations
254
- "collapsible-down": {
255
- from: { height: "0", opacity: "0" },
256
- to: { height: "var(--radix-collapsible-content-height)", opacity: "1" }
257
- },
258
- "collapsible-up": {
259
- from: { height: "var(--radix-collapsible-content-height)", opacity: "1" },
260
- to: { height: "0", opacity: "0" }
261
- }
262
- };
263
- var animation = {
264
- "accordion-down": "accordion-down 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
265
- "accordion-up": "accordion-up 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
266
- "collapsible-down": "collapsible-down 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
267
- "collapsible-up": "collapsible-up 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
268
- // Dropdown, Select, Popover animations
269
- "in": "fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1)",
270
- "out": "fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1)"
271
- };
272
- var themePreset = {
273
- theme: {
274
- extend: {
275
- colors,
276
- fontFamily,
277
- fontSize,
278
- borderRadius,
279
- boxShadow,
280
- zIndex,
281
- screens,
282
- keyframes,
283
- animation
284
- }
285
- }
286
- };
287
- var tailwind_default = themePreset;
288
-
289
- exports.animation = animation;
290
- exports.borderRadius = borderRadius;
291
- exports.boxShadow = boxShadow;
292
- exports.colors = colors;
293
- exports.default = tailwind_default;
294
- exports.fontFamily = fontFamily;
295
- exports.fontSize = fontSize;
296
- exports.keyframes = keyframes;
297
- exports.screens = screens;
298
- exports.themePreset = themePreset;
299
- exports.zIndex = zIndex;
300
- //# sourceMappingURL=index.cjs.map
301
- //# sourceMappingURL=index.cjs.map
package/dist/tailwind/index.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Diyet24 Design System - Tailwind CSS Theme Configuration\n * \n * This module exports the design system theme values for use in\n * consuming applications' Tailwind configurations.\n * \n * These colors reference CSS variables defined in styles/index.css\n */\n\nexport const colors = {\n // Brand Colors - using CSS variables from styles/index.css\n primary: {\n DEFAULT: 'var(--color-primary)',\n foreground: 'var(--primary-foreground)',\n 100: 'var(--color-primary-100)',\n 200: 'var(--color-primary-200)',\n 300: 'var(--color-primary-300)',\n 400: 'var(--color-primary-400)',\n 500: 'var(--color-primary-500)',\n 600: 'var(--color-primary-600)',\n 700: 'var(--color-primary-700)',\n 800: 'var(--color-primary-800)',\n 900: 'var(--color-primary-900)',\n },\n secondary: {\n DEFAULT: 'var(--color-secondary)',\n foreground: 'var(--secondary-foreground)',\n 100: 'var(--color-secondary-100)',\n 200: 'var(--color-secondary-200)',\n 300: 'var(--color-secondary-300)',\n 400: 'var(--color-secondary-400)',\n 500: 'var(--color-secondary-500)',\n 600: 'var(--color-secondary-600)',\n 700: 'var(--color-secondary-700)',\n 800: 'var(--color-secondary-800)',\n 900: 'var(--color-secondary-900)',\n },\n success: {\n DEFAULT: 'var(--color-success)',\n 100: 'var(--color-success-100)',\n 200: 'var(--color-success-200)',\n 300: 'var(--color-success-300)',\n 400: 'var(--color-success-400)',\n 500: 'var(--color-success-500)',\n 600: 'var(--color-success-600)',\n 700: 'var(--color-success-700)',\n 800: 'var(--color-success-800)',\n 900: 'var(--color-success-900)',\n },\n warning: {\n DEFAULT: 'var(--color-warning)',\n 100: 'var(--color-warning-100)',\n 200: 'var(--color-warning-200)',\n 300: 'var(--color-warning-300)',\n 400: 'var(--color-warning-400)',\n 500: 'var(--color-warning-500)',\n 600: 'var(--color-warning-600)',\n 700: 'var(--color-warning-700)',\n 800: 'var(--color-warning-800)',\n 900: 'var(--color-warning-900)',\n },\n danger: {\n DEFAULT: 'var(--color-danger)',\n 100: 'var(--color-danger-100)',\n 200: 'var(--color-danger-200)',\n 300: 'var(--color-danger-300)',\n 400: 'var(--color-danger-400)',\n 500: 'var(--color-danger-500)',\n 600: 'var(--color-danger-600)',\n 700: 'var(--color-danger-700)',\n 800: 'var(--color-danger-800)',\n 900: 'var(--color-danger-900)',\n },\n info: {\n DEFAULT: 'var(--color-info)',\n 100: 'var(--color-info-100)',\n 200: 'var(--color-info-200)',\n 300: 'var(--color-info-300)',\n 400: 'var(--color-info-400)',\n 500: 'var(--color-info-500)',\n 600: 'var(--color-info-600)',\n 700: 'var(--color-info-700)',\n 800: 'var(--color-info-800)',\n 900: 'var(--color-info-900)',\n },\n main: {\n DEFAULT: 'var(--color-main)',\n foreground: 'var(--main-foreground)',\n 100: 'var(--color-main-100)',\n 200: 'var(--color-main-200)',\n 300: 'var(--color-main-300)',\n 400: 'var(--color-main-400)',\n 500: 'var(--color-main-500)',\n 600: 'var(--color-main-600)',\n 700: 'var(--color-main-700)',\n 800: 'var(--color-main-800)',\n 900: 'var(--color-main-900)',\n },\n // Semantic aliases - shadcn/ui compatibility\n background: 'var(--color-background)',\n foreground: 'var(--color-foreground)',\n card: {\n DEFAULT: 'var(--color-card)',\n foreground: 'var(--color-card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--color-popover)',\n foreground: 'var(--color-popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--color-muted)',\n foreground: 'var(--color-muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--color-accent)',\n foreground: 'var(--color-accent-foreground)',\n },\n destructive: {\n DEFAULT: 'var(--color-destructive)',\n foreground: 'var(--color-destructive-foreground)',\n },\n border: 'var(--color-border)',\n input: 'var(--color-input)',\n ring: 'var(--color-ring)',\n // Chart colors\n chart: {\n 1: 'var(--color-chart-1)',\n 2: 'var(--color-chart-2)',\n 3: 'var(--color-chart-3)',\n 4: 'var(--color-chart-4)',\n 5: 'var(--color-chart-5)',\n },\n // Sidebar colors\n sidebar: {\n DEFAULT: 'var(--color-sidebar)',\n foreground: 'var(--color-sidebar-foreground)',\n primary: 'var(--color-sidebar-primary)',\n 'primary-foreground': 'var(--color-sidebar-primary-foreground)',\n accent: 'var(--color-sidebar-accent)',\n 'accent-foreground': 'var(--color-sidebar-accent-foreground)',\n border: 'var(--color-sidebar-border)',\n ring: 'var(--color-sidebar-ring)',\n },\n} as const;\n\nexport const fontFamily = {\n sans: [\n 'Inter',\n 'ui-sans-serif',\n 'system-ui',\n 'sans-serif',\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji',\n ],\n mono: [\n 'JetBrains Mono',\n 'ui-monospace',\n 'SFMono-Regular',\n 'Menlo',\n 'Monaco',\n 'Consolas',\n 'Liberation Mono',\n 'Courier New',\n 'monospace',\n ],\n heading: [\n 'Inter',\n 'ui-sans-serif',\n 'system-ui',\n 'sans-serif',\n ],\n} as const;\n\nexport const fontSize = {\n xs: ['0.75rem', { lineHeight: '1rem' }],\n sm: ['0.875rem', { lineHeight: '1.25rem' }],\n base: ['1rem', { lineHeight: '1.5rem' }],\n lg: ['1.125rem', { lineHeight: '1.75rem' }],\n xl: ['1.25rem', { lineHeight: '1.75rem' }],\n '2xl': ['1.5rem', { lineHeight: '2rem' }],\n '3xl': ['1.875rem', { lineHeight: '2.25rem' }],\n '4xl': ['2.25rem', { lineHeight: '2.5rem' }],\n '5xl': ['3rem', { lineHeight: '1' }],\n '6xl': ['3.75rem', { lineHeight: '1' }],\n} as const;\n\nexport const borderRadius = {\n none: '0',\n sm: '0.125rem',\n DEFAULT: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n} as const;\n\nexport const boxShadow = {\n xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n none: 'none',\n // Brand color shadows\n 'primary-sm': 'var(--shadow-sm-primary)',\n 'primary-md': 'var(--shadow-md-primary)',\n 'primary-lg': 'var(--shadow-lg-primary)',\n 'secondary-sm': 'var(--shadow-sm-secondary)',\n 'secondary-md': 'var(--shadow-md-secondary)',\n 'secondary-lg': 'var(--shadow-lg-secondary)',\n 'success-sm': 'var(--shadow-sm-success)',\n 'success-md': 'var(--shadow-md-success)',\n 'success-lg': 'var(--shadow-lg-success)',\n 'warning-sm': 'var(--shadow-sm-warning)',\n 'warning-md': 'var(--shadow-md-warning)',\n 'warning-lg': 'var(--shadow-lg-warning)',\n 'danger-sm': 'var(--shadow-sm-danger)',\n 'danger-md': 'var(--shadow-md-danger)',\n 'danger-lg': 'var(--shadow-lg-danger)',\n 'info-sm': 'var(--shadow-sm-info)',\n 'info-md': 'var(--shadow-md-info)',\n 'info-lg': 'var(--shadow-lg-info)',\n 'main-sm': 'var(--shadow-sm-main)',\n 'main-md': 'var(--shadow-md-main)',\n 'main-lg': 'var(--shadow-lg-main)',\n} as const;\n\nexport const zIndex = {\n dropdown: '1000',\n sticky: '1020',\n fixed: '1030',\n 'modal-backdrop': '1040',\n modal: '1050',\n popover: '1060',\n tooltip: '1070',\n} as const;\n\nexport const screens = {\n xs: '20rem',\n sm: '40rem',\n md: '48rem',\n lg: '64rem',\n xl: '80rem',\n '2xl': '96rem',\n} as const;\n\nexport const keyframes = {\n // Accordion animations\n 'accordion-down': {\n from: { height: '0', opacity: '0' },\n to: { height: 'var(--radix-accordion-content-height)', opacity: '1' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)', opacity: '1' },\n to: { height: '0', opacity: '0' },\n },\n // Collapsible animations\n 'collapsible-down': {\n from: { height: '0', opacity: '0' },\n to: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },\n },\n 'collapsible-up': {\n from: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },\n to: { height: '0', opacity: '0' },\n },\n} as const;\n\nexport const animation = {\n 'accordion-down': 'accordion-down 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n 'accordion-up': 'accordion-up 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n 'collapsible-down': 'collapsible-down 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n 'collapsible-up': 'collapsible-up 0.3s cubic-bezier(0.4, 0, 0.2, 1)', // Dropdown, Select, Popover animations\n 'in': 'fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'out': 'fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1)',} as const;\n\n/**\n * Complete theme preset for Tailwind CSS\n * Use this in your tailwind.config.js:\n * \n * import { themePreset } from '@diyet24/design-system/tailwind';\n * \n * export default {\n * presets: [themePreset],\n * // ... your other config\n * }\n */\nexport const themePreset = {\n theme: {\n extend: {\n colors,\n fontFamily,\n fontSize,\n borderRadius,\n boxShadow,\n zIndex,\n screens,\n keyframes,\n animation,\n },\n },\n};\n\nexport default themePreset;\n"]}