@diyet24/design-system 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/README.md +592 -0
  2. package/dist/index.cjs +32288 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.d.cts +1068 -0
  5. package/dist/index.d.ts +1068 -0
  6. package/dist/index.js +32042 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/styles.css +890 -0
  9. package/dist/tailwind/index.cjs +301 -0
  10. package/dist/tailwind/index.cjs.map +1 -0
  11. package/dist/tailwind/index.d.cts +583 -0
  12. package/dist/tailwind/index.d.ts +583 -0
  13. package/dist/tailwind/index.js +287 -0
  14. package/dist/tailwind/index.js.map +1 -0
  15. package/package.json +145 -0
package/dist/tailwind/index.cjs ADDED
@@ -0,0 +1,301 @@
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 ADDED
@@ -0,0 +1 @@
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"]}