maquina-components 0.5.0 → 0.5.1

data/app/assets/stylesheets/maquina_components.css

@@ -1,178 +0,0 @@
-/* Base animation utilities */
-@utility animate-in {
-  animation-duration: var(--duration-normal);
-  animation-timing-function: var(--ease-out);
-  animation-fill-mode: forwards;
-}
-
-@utility animate-out {
-  animation-duration: var(--duration-normal);
-  animation-timing-function: var(--ease-in);
-  animation-fill-mode: forwards;
-}
-
-/* Fade animations */
-@keyframes fade-in-0 {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fade-out-0 {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@utility fade-in-0 {
-  animation-name: fade-in-0;
-}
-
-@utility fade-out-0 {
-  animation-name: fade-out-0;
-}
-
-/* Zoom animations */
-@keyframes zoom-in-95 {
-  from {
-    transform: scale(0.95);
-    opacity: 0;
-  }
-
-  to {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes zoom-out-95 {
-  from {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  to {
-    transform: scale(0.95);
-    opacity: 0;
-  }
-}
-
-@utility zoom-in-95 {
-  animation-name: zoom-in-95;
-}
-
-@utility zoom-out-95 {
-  animation-name: zoom-out-95;
-}
-
-/* Slide animations with specific measurements */
-@keyframes slide-in-from-top-2 {
-  from {
-    transform: translateY(-0.5rem);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slide-in-from-bottom-2 {
-  from {
-    transform: translateY(0.5rem);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slide-in-from-left-2 {
-  from {
-    transform: translateX(-0.5rem);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slide-in-from-right-2 {
-  from {
-    transform: translateX(0.5rem);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@utility slide-in-from-top-2 {
-  animation-name: slide-in-from-top-2;
-}
-
-@utility slide-in-from-bottom-2 {
-  animation-name: slide-in-from-bottom-2;
-}
-
-@utility slide-in-from-left-2 {
-  animation-name: slide-in-from-left-2;
-}
-
-@utility slide-in-from-right-2 {
-  animation-name: slide-in-from-right-2;
-}
-
-/* Duration modifiers */
-@utility duration-fast {
-  animation-duration: var(--duration-fast);
-}
-
-@utility duration-normal {
-  animation-duration: var(--duration-normal);
-}
-
-@utility duration-slow {
-  animation-duration: var(--duration-slow);
-}
-
-/* Sidebar */
-
-.sidebar-primary-button {
-  @apply flex w-full items-center gap-2 overflow-hidden rounded-md p-2
-    text-left outline-hidden ring-sidebar-ring transition-[width,height,padding]
-    focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50
-    group-has-data-[sidebar=menu-action]/menu-item:pr-8
-    aria-disabled:pointer-events-none aria-disabled:opacity-50
-    group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!
-    [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 h-8 text-sm
-    bg-primary text-primary-foreground hover:bg-primary/90
-    hover:text-primary-foreground min-w-8 duration-200 ease-linear;
-}
-
-.sidebar-outline-button {
-  @apply inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
-    text-sm font-medium transition-all disabled:pointer-events-none
-    disabled:opacity-50 [&_svg]:pointer-events-none
-    [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none
-    focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]
-    aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40
-    aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent
-    hover:text-accent-foreground dark:bg-input/30 dark:border-input
-    dark:hover:bg-input/50 size-8 group-data-[collapsible=icon]:opacity-0;
-}