@alexandretav/aleui 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexandretav/aleui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Glass UI components for React",
   "main": "src/components/index.ts",
   "types": "src/components/index.ts",

package/src/components/aero-bubble/aero-bubble.tsx

@@ -39,10 +39,8 @@ export const AeroBubble: React.FC<AeroBubbleProps> = ({
         ${className}
       `}
     >
-      {/* Shine effect */}
       <div className="absolute inset-0 bg-gradient-to-br from-white/40 via-transparent to-transparent rounded-full"></div>
       
-      {/* Inner glow */}
       <div className="absolute bottom-2 right-2 w-1/3 h-1/3 bg-white/30 rounded-full blur-md"></div>
     </div>
   );

package/src/components/aero-button/index.ts

@@ -1,2 +1,5 @@
 export { AeroButton } from './aero-button';
 export type { AeroButtonProps } from './aero-button';
+
+export { ShinyButton } from './shiny-button';
+export type { ShinyButtonProps } from './shiny-button';

package/src/components/aero-button/shiny-button.tsx

@@ -17,7 +17,7 @@ const sizeClasses = {
   lg: 'px-8 py-4 text-lg',
 };
 
-interface ShinyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ShinyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'md' | 'lg';
     fullWidth?: boolean;
     children: React.ReactNode;
@@ -54,7 +54,6 @@ export const ShinyButton: React.FC<ShinyButtonProps> = ({
           className,
         )}
       >
-        {/* Shine effect */}
         <motion.span
           className="absolute inset-0 z-0"
           animate={{
@@ -71,10 +70,8 @@ export const ShinyButton: React.FC<ShinyButtonProps> = ({
           }}
         />
         
-        {/* Inner glow */}
         <span className="absolute inset-0 bg-gradient-to-t from-transparent via-white/5 to-white/10 z-0" />
         
-        {/* Text */}
         <span className="relative z-10 text-white font-semibold drop-shadow-[0_2px_8px_rgba(0,0,0,0.5)]">
           {children}
         </span>

package/src/components/index.ts

@@ -18,6 +18,15 @@ export type { ModalProps } from './modal';
 export { AeroBubble } from './aero-bubble';
 export type { AeroBubbleProps } from './aero-bubble';
 
+export { AeroButton, ShinyButton } from './aero-button';
+export type { AeroButtonProps, ShinyButtonProps } from './aero-button';
+
+export { AeroCard } from './aero-card';
+export type { AeroCardProps } from './aero-card';
+
+export { AeroInput } from './aero-input';
+export type { AeroInputProps } from './aero-input';
+
 export { Accordion } from './accordion';
 export type { AccordionProps, AccordionItemProps } from './accordion';
 

package/src/components/modal/modal.tsx

@@ -35,10 +35,8 @@ export const Modal: React.FC<ModalProps> = ({
       className="fixed inset-0 z-50 flex items-center justify-center p-4 animate-fadeIn"
       onClick={onClose}
     >
-      {/* Backdrop */}
       <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" />
 
-      {/* Modal */}
       <div
         className={`
           ${glassClasses}
@@ -48,7 +46,6 @@ export const Modal: React.FC<ModalProps> = ({
         `}
         onClick={(e) => e.stopPropagation()}
       >
-        {/* Header */}
         {title && (
           <div className="flex items-center justify-between mb-4">
             <h2 className="text-2xl font-bold text-white">{title}</h2>
@@ -72,7 +69,6 @@ export const Modal: React.FC<ModalProps> = ({
           </div>
         )}
 
-        {/* Content */}
         <div className="text-white">{children}</div>
       </div>
     </div>