@work-rjkashyap/unified-ui 0.1.2 → 0.2.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.
- package/CHANGELOG.md +93 -0
- package/bin/cli.mjs +721 -0
- package/dist/{chunk-EO4WROWH.mjs → chunk-3OZJ4JLW.mjs} +116 -2
- package/dist/chunk-B3CW2WZS.cjs +20748 -0
- package/dist/chunk-CTWNFFLB.mjs +20438 -0
- package/dist/{chunk-7ITQSRGX.cjs → chunk-FUWXGHWQ.cjs} +0 -1
- package/dist/{chunk-ZPIPKY2J.cjs → chunk-HITTFB2U.cjs} +127 -1
- package/dist/{chunk-F5S6NLOT.mjs → chunk-OHEH57BV.mjs} +0 -1
- package/dist/{chunk-PQR7C4OH.cjs → chunk-TESKVASH.cjs} +332 -99
- package/dist/{chunk-ZDB557B2.mjs → chunk-YFH5JPAA.mjs} +331 -101
- package/dist/components.cjs +780 -126
- package/dist/components.d.cts +5183 -1464
- package/dist/components.d.ts +5183 -1464
- package/dist/components.mjs +3 -1
- package/dist/index.cjs +926 -214
- package/dist/index.d.cts +9 -6
- package/dist/index.d.ts +9 -6
- package/dist/index.mjs +5 -5
- package/dist/motion.cjs +94 -46
- package/dist/motion.d.cts +53 -2
- package/dist/motion.d.ts +53 -2
- package/dist/motion.mjs +1 -1
- package/dist/primitives.cjs +13 -13
- package/dist/primitives.mjs +1 -1
- package/dist/theme.cjs +40 -28
- package/dist/theme.d.cts +100 -62
- package/dist/theme.d.ts +100 -62
- package/dist/theme.mjs +1 -1
- package/dist/utils.d.cts +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +190 -183
- package/styles.css +636 -473
- package/dist/chunk-4NYLE2LT.cjs +0 -10042
- package/dist/chunk-A4YYJAAJ.mjs +0 -9897
|
@@ -347,7 +347,7 @@ var spin = {
|
|
|
347
347
|
},
|
|
348
348
|
transition: {}
|
|
349
349
|
};
|
|
350
|
-
function reduceMotion(
|
|
350
|
+
function reduceMotion(_preset) {
|
|
351
351
|
return {
|
|
352
352
|
variants: {
|
|
353
353
|
initial: { opacity: 0 },
|
|
@@ -360,6 +360,120 @@ function reduceMotion(preset) {
|
|
|
360
360
|
}
|
|
361
361
|
};
|
|
362
362
|
}
|
|
363
|
+
var shakeX = {
|
|
364
|
+
variants: {
|
|
365
|
+
initial: { x: 0, opacity: 1 },
|
|
366
|
+
animate: {
|
|
367
|
+
x: [0, -8, 8, -6, 6, -4, 4, 0],
|
|
368
|
+
opacity: 1,
|
|
369
|
+
transition: {
|
|
370
|
+
duration: durationSeconds.slow,
|
|
371
|
+
ease: [...easing.standard]
|
|
372
|
+
}
|
|
373
|
+
},
|
|
374
|
+
exit: { x: 0, opacity: 1 }
|
|
375
|
+
},
|
|
376
|
+
transition: {
|
|
377
|
+
duration: durationSeconds.slow,
|
|
378
|
+
ease: [...easing.standard]
|
|
379
|
+
}
|
|
380
|
+
};
|
|
381
|
+
var numberRoll = {
|
|
382
|
+
variants: {
|
|
383
|
+
initial: { opacity: 0, y: 12 },
|
|
384
|
+
animate: { opacity: 1, y: 0 },
|
|
385
|
+
exit: { opacity: 0, y: -12 }
|
|
386
|
+
},
|
|
387
|
+
transition: {
|
|
388
|
+
duration: durationSeconds.normal,
|
|
389
|
+
ease: [...easing.decelerate]
|
|
390
|
+
}
|
|
391
|
+
};
|
|
392
|
+
var crossfade = {
|
|
393
|
+
variants: {
|
|
394
|
+
initial: { opacity: 0 },
|
|
395
|
+
animate: { opacity: 1 },
|
|
396
|
+
exit: { opacity: 0 }
|
|
397
|
+
},
|
|
398
|
+
transition: {
|
|
399
|
+
duration: durationSeconds.fast,
|
|
400
|
+
ease: [...easing.standard]
|
|
401
|
+
}
|
|
402
|
+
};
|
|
403
|
+
var slidePanelRight = {
|
|
404
|
+
variants: {
|
|
405
|
+
initial: { x: "100%", opacity: 0 },
|
|
406
|
+
animate: { x: 0, opacity: 1 },
|
|
407
|
+
exit: { x: "100%", opacity: 0 }
|
|
408
|
+
},
|
|
409
|
+
transition: spring.gentle
|
|
410
|
+
};
|
|
411
|
+
var slidePanelLeft = {
|
|
412
|
+
variants: {
|
|
413
|
+
initial: { x: "-100%", opacity: 0 },
|
|
414
|
+
animate: { x: 0, opacity: 1 },
|
|
415
|
+
exit: { x: "-100%", opacity: 0 }
|
|
416
|
+
},
|
|
417
|
+
transition: spring.gentle
|
|
418
|
+
};
|
|
419
|
+
var slidePanelBottom = {
|
|
420
|
+
variants: {
|
|
421
|
+
initial: { y: "100%", opacity: 0 },
|
|
422
|
+
animate: { y: 0, opacity: 1 },
|
|
423
|
+
exit: { y: "100%", opacity: 0 }
|
|
424
|
+
},
|
|
425
|
+
transition: spring.gentle
|
|
426
|
+
};
|
|
427
|
+
var slidePanelTop = {
|
|
428
|
+
variants: {
|
|
429
|
+
initial: { y: "-100%", opacity: 0 },
|
|
430
|
+
animate: { y: 0, opacity: 1 },
|
|
431
|
+
exit: { y: "-100%", opacity: 0 }
|
|
432
|
+
},
|
|
433
|
+
transition: spring.gentle
|
|
434
|
+
};
|
|
435
|
+
var dragDismiss = {
|
|
436
|
+
variants: {
|
|
437
|
+
initial: { y: "100%", opacity: 0 },
|
|
438
|
+
animate: { y: 0, opacity: 1 },
|
|
439
|
+
exit: {
|
|
440
|
+
y: "100%",
|
|
441
|
+
opacity: 0,
|
|
442
|
+
transition: { duration: durationSeconds.fast }
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
transition: spring.gentle
|
|
446
|
+
};
|
|
447
|
+
var countUp = {
|
|
448
|
+
variants: {
|
|
449
|
+
initial: { opacity: 0, y: 8 },
|
|
450
|
+
animate: { opacity: 1, y: 0 },
|
|
451
|
+
exit: { opacity: 0, y: -8 }
|
|
452
|
+
},
|
|
453
|
+
transition: {
|
|
454
|
+
duration: durationSeconds.normal,
|
|
455
|
+
ease: [...easing.decelerate]
|
|
456
|
+
}
|
|
457
|
+
};
|
|
458
|
+
var revealMask = {
|
|
459
|
+
variants: {
|
|
460
|
+
initial: { clipPath: "inset(0 100% 0 0)", opacity: 1 },
|
|
461
|
+
animate: { clipPath: "inset(0 0% 0 0)", opacity: 1 },
|
|
462
|
+
exit: { clipPath: "inset(0 100% 0 0)", opacity: 0 }
|
|
463
|
+
},
|
|
464
|
+
transition: {
|
|
465
|
+
duration: durationSeconds.slow,
|
|
466
|
+
ease: [...easing.decelerate]
|
|
467
|
+
}
|
|
468
|
+
};
|
|
469
|
+
var springPress = {
|
|
470
|
+
scale: 0.97,
|
|
471
|
+
transition: spring.snappy
|
|
472
|
+
};
|
|
473
|
+
var springHover = {
|
|
474
|
+
y: -2,
|
|
475
|
+
transition: spring.gentle
|
|
476
|
+
};
|
|
363
477
|
function withReducedMotion(preset, prefersReduced) {
|
|
364
478
|
if (prefersReduced) {
|
|
365
479
|
return reduceMotion();
|
|
@@ -429,4 +543,4 @@ function MotionSafe({ children, fallback }) {
|
|
|
429
543
|
return children;
|
|
430
544
|
}
|
|
431
545
|
|
|
432
|
-
export { MotionSafe, blurIn, blurInSubtle, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, scaleIn, scaleInLg, scaleInSpring, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion, withReducedMotion };
|
|
546
|
+
export { MotionSafe, blurIn, blurInSubtle, countUp, crossfade, dragDismiss, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, numberRoll, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, revealMask, scaleIn, scaleInLg, scaleInSpring, shakeX, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slidePanelBottom, slidePanelLeft, slidePanelRight, slidePanelTop, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, springHover, springPress, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion, withReducedMotion };
|