@tenerife.music/ui 1.0.13 → 1.0.16

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 (21) hide show
  1. package/README.md +113 -419
  2. package/dist/{colors-CVA7_16U.d.cts → colors-BrFmCQv-.d.cts} +6 -1
  3. package/dist/{colors-CVA7_16U.d.ts → colors-BrFmCQv-.d.ts} +6 -1
  4. package/dist/{index-BgXvioll.d.cts → index-DPWxsWs3.d.cts} +861 -228
  5. package/dist/{index-Bv4wWj9I.d.ts → index-DPWxsWs3.d.ts} +861 -228
  6. package/dist/index.cjs +2196 -1132
  7. package/dist/index.d.cts +451 -127
  8. package/dist/index.d.ts +451 -127
  9. package/dist/index.mjs +2196 -1133
  10. package/dist/preset.cjs +29 -57
  11. package/dist/preset.mjs +29 -57
  12. package/dist/styles.css +3637 -57
  13. package/dist/theme/index.cjs +1305 -127
  14. package/dist/theme/index.d.cts +2 -2
  15. package/dist/theme/index.d.ts +2 -2
  16. package/dist/theme/index.mjs +1304 -126
  17. package/dist/tokens/index.cjs +628 -442
  18. package/dist/tokens/index.d.cts +89 -2
  19. package/dist/tokens/index.d.ts +89 -2
  20. package/dist/tokens/index.mjs +628 -443
  21. package/package.json +57 -53
package/dist/preset.cjs CHANGED
@@ -6,6 +6,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
6
6
 
7
7
  var plugin__default = /*#__PURE__*/_interopDefault(plugin);
8
8
 
9
+ // src/preset.ts
9
10
  var tailwindThemeColors = {
10
11
  // Base colors
11
12
  background: "hsl(var(--background))",
@@ -147,13 +148,6 @@ var motionV2Easings = {
147
148
  emphasized: "cubic-bezier(0.2, 0, 0, 1)"
148
149
  // Strong, decisive
149
150
  };
150
- var motionV2Transitions = {
151
- fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
152
- normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
153
- slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
154
- soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
155
- reduced: `${motionV2Durations.reduced} linear`
156
- };
157
151
  var motionV2Fade = {
158
152
  in: {
159
153
  from: { opacity: 0 },
@@ -268,23 +262,6 @@ var motionV2Combined = {
268
262
  }
269
263
  }
270
264
  };
271
- var motionV2CSSVariables = {
272
- // Durations
273
- "--motion-duration-fast": motionV2Durations.fast,
274
- "--motion-duration-normal": motionV2Durations.normal,
275
- "--motion-duration-slow": motionV2Durations.slow,
276
- "--motion-duration-reduced": motionV2Durations.reduced,
277
- // Easings
278
- "--motion-easing-soft": motionV2Easings.soft,
279
- "--motion-easing-standard": motionV2Easings.standard,
280
- "--motion-easing-emphasized": motionV2Easings.emphasized,
281
- // Transitions
282
- "--motion-transition-fast": motionV2Transitions.fast,
283
- "--motion-transition-normal": motionV2Transitions.normal,
284
- "--motion-transition-slow": motionV2Transitions.slow,
285
- "--motion-transition-soft": motionV2Transitions.soft,
286
- "--motion-transition-reduced": motionV2Transitions.reduced
287
- };
288
265
  var motionV2TailwindConfig = {
289
266
  transitionDuration: {
290
267
  ...motionV2Durations
@@ -373,54 +350,54 @@ var easings = {
373
350
  var keyframes = {
374
351
  // Fade animations
375
352
  fadeIn: {
376
- from: { opacity: 0 },
377
- to: { opacity: 1 }
353
+ from: { opacity: "0" },
354
+ to: { opacity: "1" }
378
355
  },
379
356
  fadeOut: {
380
- from: { opacity: 1 },
381
- to: { opacity: 0 }
357
+ from: { opacity: "1" },
358
+ to: { opacity: "0" }
382
359
  },
383
360
  // Slide animations
384
361
  slideInUp: {
385
- from: { transform: "translateY(100%)", opacity: 0 },
386
- to: { transform: "translateY(0)", opacity: 1 }
362
+ from: { transform: "translateY(100%)", opacity: "0" },
363
+ to: { transform: "translateY(0)", opacity: "1" }
387
364
  },
388
365
  slideInDown: {
389
- from: { transform: "translateY(-100%)", opacity: 0 },
390
- to: { transform: "translateY(0)", opacity: 1 }
366
+ from: { transform: "translateY(-100%)", opacity: "0" },
367
+ to: { transform: "translateY(0)", opacity: "1" }
391
368
  },
392
369
  slideInLeft: {
393
- from: { transform: "translateX(-100%)", opacity: 0 },
394
- to: { transform: "translateX(0)", opacity: 1 }
370
+ from: { transform: "translateX(-100%)", opacity: "0" },
371
+ to: { transform: "translateX(0)", opacity: "1" }
395
372
  },
396
373
  slideInRight: {
397
- from: { transform: "translateX(100%)", opacity: 0 },
398
- to: { transform: "translateX(0)", opacity: 1 }
374
+ from: { transform: "translateX(100%)", opacity: "0" },
375
+ to: { transform: "translateX(0)", opacity: "1" }
399
376
  },
400
377
  slideOutUp: {
401
- from: { transform: "translateY(0)", opacity: 1 },
402
- to: { transform: "translateY(-100%)", opacity: 0 }
378
+ from: { transform: "translateY(0)", opacity: "1" },
379
+ to: { transform: "translateY(-100%)", opacity: "0" }
403
380
  },
404
381
  slideOutDown: {
405
- from: { transform: "translateY(0)", opacity: 1 },
406
- to: { transform: "translateY(100%)", opacity: 0 }
382
+ from: { transform: "translateY(0)", opacity: "1" },
383
+ to: { transform: "translateY(100%)", opacity: "0" }
407
384
  },
408
385
  slideOutLeft: {
409
- from: { transform: "translateX(0)", opacity: 1 },
410
- to: { transform: "translateX(-100%)", opacity: 0 }
386
+ from: { transform: "translateX(0)", opacity: "1" },
387
+ to: { transform: "translateX(-100%)", opacity: "0" }
411
388
  },
412
389
  slideOutRight: {
413
- from: { transform: "translateX(0)", opacity: 1 },
414
- to: { transform: "translateX(100%)", opacity: 0 }
390
+ from: { transform: "translateX(0)", opacity: "1" },
391
+ to: { transform: "translateX(100%)", opacity: "0" }
415
392
  },
416
393
  // Scale animations
417
394
  scaleIn: {
418
- from: { transform: "scale(0.95)", opacity: 0 },
419
- to: { transform: "scale(1)", opacity: 1 }
395
+ from: { transform: "scale(0.95)", opacity: "0" },
396
+ to: { transform: "scale(1)", opacity: "1" }
420
397
  },
421
398
  scaleOut: {
422
- from: { transform: "scale(1)", opacity: 1 },
423
- to: { transform: "scale(0.95)", opacity: 0 }
399
+ from: { transform: "scale(1)", opacity: "1" },
400
+ to: { transform: "scale(0.95)", opacity: "0" }
424
401
  },
425
402
  scaleUp: {
426
403
  from: { transform: "scale(1)" },
@@ -441,8 +418,8 @@ var keyframes = {
441
418
  },
442
419
  // Pulse and bounce
443
420
  pulse: {
444
- "0%, 100%": { opacity: 1 },
445
- "50%": { opacity: 0.5 }
421
+ "0%, 100%": { opacity: "1" },
422
+ "50%": { opacity: "0.5" }
446
423
  },
447
424
  bounce: {
448
425
  "0%, 100%": {
@@ -464,7 +441,7 @@ var keyframes = {
464
441
  ping: {
465
442
  "75%, 100%": {
466
443
  transform: "scale(2)",
467
- opacity: 0
444
+ opacity: "0"
468
445
  }
469
446
  },
470
447
  // Accordion animations (for Radix UI)
@@ -1169,12 +1146,7 @@ var preset = {
1169
1146
  }
1170
1147
  },
1171
1148
  plugins: [
1172
- plugin__default.default(({ addUtilities, addBase }) => {
1173
- addBase({
1174
- ":root": {
1175
- ...motionV2CSSVariables
1176
- }
1177
- });
1149
+ plugin__default.default(({ addUtilities }) => {
1178
1150
  addUtilities({
1179
1151
  // Fade animations
1180
1152
  ".tm-motion-fade-in": {
package/dist/preset.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import plugin from 'tailwindcss/plugin';
2
2
 
3
+ // src/preset.ts
3
4
  var tailwindThemeColors = {
4
5
  // Base colors
5
6
  background: "hsl(var(--background))",
@@ -141,13 +142,6 @@ var motionV2Easings = {
141
142
  emphasized: "cubic-bezier(0.2, 0, 0, 1)"
142
143
  // Strong, decisive
143
144
  };
144
- var motionV2Transitions = {
145
- fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
146
- normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
147
- slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
148
- soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
149
- reduced: `${motionV2Durations.reduced} linear`
150
- };
151
145
  var motionV2Fade = {
152
146
  in: {
153
147
  from: { opacity: 0 },
@@ -262,23 +256,6 @@ var motionV2Combined = {
262
256
  }
263
257
  }
264
258
  };
265
- var motionV2CSSVariables = {
266
- // Durations
267
- "--motion-duration-fast": motionV2Durations.fast,
268
- "--motion-duration-normal": motionV2Durations.normal,
269
- "--motion-duration-slow": motionV2Durations.slow,
270
- "--motion-duration-reduced": motionV2Durations.reduced,
271
- // Easings
272
- "--motion-easing-soft": motionV2Easings.soft,
273
- "--motion-easing-standard": motionV2Easings.standard,
274
- "--motion-easing-emphasized": motionV2Easings.emphasized,
275
- // Transitions
276
- "--motion-transition-fast": motionV2Transitions.fast,
277
- "--motion-transition-normal": motionV2Transitions.normal,
278
- "--motion-transition-slow": motionV2Transitions.slow,
279
- "--motion-transition-soft": motionV2Transitions.soft,
280
- "--motion-transition-reduced": motionV2Transitions.reduced
281
- };
282
259
  var motionV2TailwindConfig = {
283
260
  transitionDuration: {
284
261
  ...motionV2Durations
@@ -367,54 +344,54 @@ var easings = {
367
344
  var keyframes = {
368
345
  // Fade animations
369
346
  fadeIn: {
370
- from: { opacity: 0 },
371
- to: { opacity: 1 }
347
+ from: { opacity: "0" },
348
+ to: { opacity: "1" }
372
349
  },
373
350
  fadeOut: {
374
- from: { opacity: 1 },
375
- to: { opacity: 0 }
351
+ from: { opacity: "1" },
352
+ to: { opacity: "0" }
376
353
  },
377
354
  // Slide animations
378
355
  slideInUp: {
379
- from: { transform: "translateY(100%)", opacity: 0 },
380
- to: { transform: "translateY(0)", opacity: 1 }
356
+ from: { transform: "translateY(100%)", opacity: "0" },
357
+ to: { transform: "translateY(0)", opacity: "1" }
381
358
  },
382
359
  slideInDown: {
383
- from: { transform: "translateY(-100%)", opacity: 0 },
384
- to: { transform: "translateY(0)", opacity: 1 }
360
+ from: { transform: "translateY(-100%)", opacity: "0" },
361
+ to: { transform: "translateY(0)", opacity: "1" }
385
362
  },
386
363
  slideInLeft: {
387
- from: { transform: "translateX(-100%)", opacity: 0 },
388
- to: { transform: "translateX(0)", opacity: 1 }
364
+ from: { transform: "translateX(-100%)", opacity: "0" },
365
+ to: { transform: "translateX(0)", opacity: "1" }
389
366
  },
390
367
  slideInRight: {
391
- from: { transform: "translateX(100%)", opacity: 0 },
392
- to: { transform: "translateX(0)", opacity: 1 }
368
+ from: { transform: "translateX(100%)", opacity: "0" },
369
+ to: { transform: "translateX(0)", opacity: "1" }
393
370
  },
394
371
  slideOutUp: {
395
- from: { transform: "translateY(0)", opacity: 1 },
396
- to: { transform: "translateY(-100%)", opacity: 0 }
372
+ from: { transform: "translateY(0)", opacity: "1" },
373
+ to: { transform: "translateY(-100%)", opacity: "0" }
397
374
  },
398
375
  slideOutDown: {
399
- from: { transform: "translateY(0)", opacity: 1 },
400
- to: { transform: "translateY(100%)", opacity: 0 }
376
+ from: { transform: "translateY(0)", opacity: "1" },
377
+ to: { transform: "translateY(100%)", opacity: "0" }
401
378
  },
402
379
  slideOutLeft: {
403
- from: { transform: "translateX(0)", opacity: 1 },
404
- to: { transform: "translateX(-100%)", opacity: 0 }
380
+ from: { transform: "translateX(0)", opacity: "1" },
381
+ to: { transform: "translateX(-100%)", opacity: "0" }
405
382
  },
406
383
  slideOutRight: {
407
- from: { transform: "translateX(0)", opacity: 1 },
408
- to: { transform: "translateX(100%)", opacity: 0 }
384
+ from: { transform: "translateX(0)", opacity: "1" },
385
+ to: { transform: "translateX(100%)", opacity: "0" }
409
386
  },
410
387
  // Scale animations
411
388
  scaleIn: {
412
- from: { transform: "scale(0.95)", opacity: 0 },
413
- to: { transform: "scale(1)", opacity: 1 }
389
+ from: { transform: "scale(0.95)", opacity: "0" },
390
+ to: { transform: "scale(1)", opacity: "1" }
414
391
  },
415
392
  scaleOut: {
416
- from: { transform: "scale(1)", opacity: 1 },
417
- to: { transform: "scale(0.95)", opacity: 0 }
393
+ from: { transform: "scale(1)", opacity: "1" },
394
+ to: { transform: "scale(0.95)", opacity: "0" }
418
395
  },
419
396
  scaleUp: {
420
397
  from: { transform: "scale(1)" },
@@ -435,8 +412,8 @@ var keyframes = {
435
412
  },
436
413
  // Pulse and bounce
437
414
  pulse: {
438
- "0%, 100%": { opacity: 1 },
439
- "50%": { opacity: 0.5 }
415
+ "0%, 100%": { opacity: "1" },
416
+ "50%": { opacity: "0.5" }
440
417
  },
441
418
  bounce: {
442
419
  "0%, 100%": {
@@ -458,7 +435,7 @@ var keyframes = {
458
435
  ping: {
459
436
  "75%, 100%": {
460
437
  transform: "scale(2)",
461
- opacity: 0
438
+ opacity: "0"
462
439
  }
463
440
  },
464
441
  // Accordion animations (for Radix UI)
@@ -1163,12 +1140,7 @@ var preset = {
1163
1140
  }
1164
1141
  },
1165
1142
  plugins: [
1166
- plugin(({ addUtilities, addBase }) => {
1167
- addBase({
1168
- ":root": {
1169
- ...motionV2CSSVariables
1170
- }
1171
- });
1143
+ plugin(({ addUtilities }) => {
1172
1144
  addUtilities({
1173
1145
  // Fade animations
1174
1146
  ".tm-motion-fade-in": {