npm - @underverse-ui/underverse - Versions diffs - 1.0.52 → 1.0.54 - Mend

@underverse-ui/underverse 1.0.52 → 1.0.54

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 (8) hide show

package/dist/index.d.cts CHANGED Viewed

@@ -2751,19 +2751,6 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-/**
- * Hook to inject ShadCN animation styles into the document head.
- * Call this hook in components that need animations.
- * The styles are only injected once, even if called multiple times.
- *
- * @example
- * ```tsx
- * function Dropdown() {
- *   useShadCNAnimations();
- *   return <div data-state="open">...</div>;
- * }
- * ```
- */
 declare function useShadCNAnimations(): void;
 /**
  * Manually inject animation styles.

package/dist/index.d.ts CHANGED Viewed

@@ -2751,19 +2751,6 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-/**
- * Hook to inject ShadCN animation styles into the document head.
- * Call this hook in components that need animations.
- * The styles are only injected once, even if called multiple times.
- *
- * @example
- * ```tsx
- * function Dropdown() {
- *   useShadCNAnimations();
- *   return <div data-state="open">...</div>;
- * }
- * ```
- */
 declare function useShadCNAnimations(): void;
 /**
  * Manually inject animation styles.