@shohojdhara/atomix 0.1.3 → 0.1.5

package/src/components/Messages/index.ts

@@ -1,2 +1,2 @@
 export { default as Messages } from './Messages';
-export type { MessagesProps, MessageItem } from './Messages'; 
+export type { MessagesProps } from './Messages'; 

package/src/components/Modal/Modal.tsx

@@ -72,7 +72,7 @@ function useModal({
 /**
  * Modal component for displaying overlay content
  */
-export const Modal: React.FC<ModalProps> = ({
+const Modal: React.FC<ModalProps> = ({
   children,
   isOpen = false,
   onOpenChange,
@@ -192,4 +192,13 @@ export const Modal: React.FC<ModalProps> = ({
 
 Modal.displayName = 'Modal';
 
-export default Modal; 
+export type { ModalProps  };
+
+// Set display name for debugging
+Modal.displayName = 'Modal';
+
+// Default export (primary)
+export default Modal;
+
+// Named export for compatibility
+export { Modal };

package/src/components/Navbar/Menu.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { MenuProps, MenuItemProps } from '../../lib/types/components';
 import { Icon } from '../Icon';
 
-export const Menu: React.FC<MenuProps> = ({
+const Menu: React.FC<MenuProps> = ({
   children,
   className = '',
   disabled = false
@@ -25,6 +25,17 @@ export const Menu: React.FC<MenuProps> = ({
   );
 };
 
+export type { MenuProps, MenuItemProps, MenuDividerProps };
+
+// Set display name for debugging
+Menu.displayName = 'Menu';
+
+// Default export (primary)
+export default Menu;
+
+// Named export for compatibility
+export { Menu };
+
 interface MenuDividerProps {
   /**
    * Additional CSS class names

package/src/components/Navbar/Nav.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { NavProps } from '../../lib/types/components';
 import { useNav } from '../../lib/composables/useNavbar';
 
-export const Nav: React.FC<NavProps> = ({
+const Nav: React.FC<NavProps> = ({
   children,
   alignment = 'start',
   className = '',
@@ -26,4 +26,14 @@ export const Nav: React.FC<NavProps> = ({
       })}
     </ul>
   );
-}; 
+}; 
+
+export type { NavProps  };
+
+// Set display name for debugging
+Nav.displayName = 'Nav';
+
+// Default export (primary)
+export { Nav };
+
+export default Nav;

package/src/components/Navbar/Navbar.tsx

@@ -3,7 +3,7 @@ import { NavbarProps } from '../../lib/types/components';
 import { useNavbar } from '../../lib/composables/useNavbar';
 import { NAVBAR } from '../../lib/constants/components';
 
-export const Navbar: React.FC<NavbarProps> = ({
+const Navbar: React.FC<NavbarProps> = ({
   brand,
   children,
   variant,
@@ -114,4 +114,16 @@ export const Navbar: React.FC<NavbarProps> = ({
       </div>
     </nav>
   );
-}; 
+}; 
+
+
+export type { NavbarProps };
+
+// Set display name for debugging
+Navbar.displayName = 'Navbar';
+
+// Default export (primary)
+export default Navbar;
+
+// Named export for compatibility
+export { Navbar };

package/src/components/Pagination/Pagination.tsx

@@ -51,7 +51,7 @@ const PaginationNavButton: React.FC<PaginationNavButtonProps> = ({
 /**
  * Pagination component
  */
-export const Pagination: React.FC<PaginationProps> = ({
+const Pagination: React.FC<PaginationProps> = ({
   currentPage = PAGINATION_DEFAULTS.currentPage,
   totalPages = PAGINATION_DEFAULTS.totalPages,
   onPageChange,
@@ -163,4 +163,16 @@ export const Pagination: React.FC<PaginationProps> = ({
       </ul>
     </nav>
   );
-};
+};
+
+
+export type { PaginationProps  };
+
+// Set display name for debugging
+Pagination.displayName = 'Pagination';
+
+// Default export (primary)
+export default Pagination;
+
+// Named export for compatibility
+export { Pagination };

package/src/components/PhotoViewer/PhotoViewer.tsx

@@ -24,7 +24,7 @@ import { PhotoViewerInfo } from "./PhotoViewerInfo";
  * @param props - PhotoViewerProps
  * @returns JSX.Element
  */
-export const PhotoViewer: React.FC<PhotoViewerProps> = ({
+const PhotoViewer: React.FC<PhotoViewerProps> = ({
   images,
   startIndex = 0,
   className = "",
@@ -256,4 +256,13 @@ export const PhotoViewer: React.FC<PhotoViewerProps> = ({
   );
 };
 
+export type { PhotoViewerProps  };
+
+// Set display name for debugging
+PhotoViewer.displayName = 'PhotoViewer';
+
+// Default export (primary)
 export default PhotoViewer;
+
+// Named export for compatibility
+export { PhotoViewer };

package/src/components/Popover/Popover.tsx

@@ -22,7 +22,7 @@ const PopoverContext = React.createContext<{
 /**
  * Popover component for displaying floating content
  */
-export const Popover: React.FC<PopoverProps> = ({
+ const Popover: React.FC<PopoverProps> = ({
   content,
   position = 'top',
   trigger = 'click',
@@ -128,4 +128,15 @@ export const PopoverTrigger: React.FC<PopoverTriggerProps> = ({
   }
   
   return React.cloneElement(child, triggerProps);
-}; 
+}; 
+
+export type { PopoverProps, PopoverTriggerProps };
+
+// Set display name for debugging
+Popover.displayName = 'Popover';
+
+// Default export (primary)
+export default Popover;
+
+// Named export for compatibility
+export { Popover };

package/src/components/ProductReview/ProductReview.tsx

@@ -3,7 +3,7 @@ import { Rating } from '../Rating';
 import { Button } from '../Button';
 import type { ThemeColor } from '../../lib/types/components';
 
-export interface ProductReviewProps {
+interface ProductReviewProps {
   /**
    * Product name
    */
@@ -48,7 +48,7 @@ export interface ProductReviewProps {
 /**
  * ProductReview component for collecting user ratings and feedback
  */
-export const ProductReview: React.FC<ProductReviewProps> = ({
+const ProductReview: React.FC<ProductReviewProps> = ({
   productName,
   productImage,
   initialRating = 0,
@@ -185,4 +185,13 @@ export const ProductReview: React.FC<ProductReviewProps> = ({
   );
 };
 
+export type { ProductReviewProps  };
+
+// Set display name for debugging
+ProductReview.displayName = 'ProductReview';
+
+// Default export (primary)
 export default ProductReview;
+
+// Named export for compatibility
+export { ProductReview };

package/src/components/Progress/Progress.tsx

@@ -3,7 +3,7 @@ import { ProgressProps } from '../../lib/types/components';
 import { useProgress } from '../../lib/composables/useProgress';
 import { PROGRESS } from '../../lib/constants/components';
 
-export const Progress = forwardRef<HTMLDivElement, ProgressProps>((
+const Progress = forwardRef<HTMLDivElement, ProgressProps>((
   {
     value,
     variant = 'primary',
@@ -38,5 +38,13 @@ export const Progress = forwardRef<HTMLDivElement, ProgressProps>((
   );
 });
 
-// Add displayName for better debugging
+export type { ProgressProps  };
+
+// Set display name for debugging
 Progress.displayName = 'Progress';
+
+// Default export (primary)
+export default Progress;
+
+// Named export for compatibility
+export { Progress };

package/src/components/Rating/Rating.tsx

@@ -277,6 +277,13 @@ const Rating = forwardRef<HTMLDivElement, RatingProps>(({
 
 Rating.displayName = 'Rating';
 
-export type { RatingProps };
-export { Rating };
+export type { RatingProps  };
+
+// Set display name for debugging
+Rating.displayName = 'Rating';
+
+// Default export (primary)
 export default Rating;
+
+// Named export for compatibility
+export { Rating };

package/src/components/River/River.tsx

@@ -2,12 +2,10 @@ import React, { useRef, useEffect, ReactNode } from 'react';
 import { RIVER } from '../../lib/constants/components';
 import { useRiver, RiverProps, RiverContentColumn } from '../../lib/composables/useRiver';
 
-export type { RiverProps, RiverContentColumn };
-
 /**
  * River component for displaying content with image sections
  */
-export const River: React.FC<RiverProps> = ({
+const River: React.FC<RiverProps> = ({
   title,
   text,
   actions,
@@ -167,4 +165,13 @@ export const River: React.FC<RiverProps> = ({
   );
 };
 
-export default River; 
+export type { RiverProps  };
+
+// Set display name for debugging
+River.displayName = 'River';
+
+// Default export (primary)
+export default River;
+
+// Named export for compatibility
+export { River };

package/src/components/River/index.ts

@@ -1,4 +1,2 @@
 export { River } from './River';
-export type { RiverProps, RiverContentColumn } from './River';
-export { default as default } from './River';
-export { initializeRivers } from './scripts'; 
+export type { RiverProps } from './River';

package/src/components/SectionIntro/SectionIntro.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, ReactNode } from 'react';
 import { SECTION_INTRO } from '../../lib/constants/components';
 
-export interface SectionIntroProps {
+interface SectionIntroProps {
   /**
    * The section title
    */
@@ -72,7 +72,7 @@ export interface SectionIntroProps {
 /**
  * SectionIntro component for introducing content sections with titles, descriptions, and optional imagery
  */
-export const SectionIntro: React.FC<SectionIntroProps> = ({
+const SectionIntro: React.FC<SectionIntroProps> = ({
   title,
   label,
   text,
@@ -198,4 +198,13 @@ export const SectionIntro: React.FC<SectionIntroProps> = ({
   );
 };
 
+export type { SectionIntroProps  };
+
+// Set display name for debugging
+SectionIntro.displayName = 'SectionIntro';
+
+// Default export (primary)
 export default SectionIntro;
+
+// Named export for compatibility
+export { SectionIntro };

package/src/components/Spinner/Spinner.tsx

@@ -3,7 +3,7 @@ import { SpinnerProps } from '../../lib/types/components';
 import { useSpinner } from '../../lib/composables/useSpinner';
 import { SPINNER } from '../../lib/constants/components';
 
-export const Spinner: React.FC<SpinnerProps> = ({
+const Spinner: React.FC<SpinnerProps> = ({
   size = 'md',
   variant = 'primary',
   fullscreen = false,
@@ -22,4 +22,14 @@ export const Spinner: React.FC<SpinnerProps> = ({
       <span className={SPINNER.VISUALLY_HIDDEN}>Loading...</span>
     </div>
   );
-}; 
+};
+
+export type { SpinnerProps  };
+
+// Set display name for debugging
+Spinner.displayName = 'Spinner';
+
+// Default export (primary)
+export default Spinner;
+
+export { Spinner };

package/src/components/Spinner/index.ts

@@ -1 +1,2 @@
-export * from './Spinner'; 
+export {   Spinner } from './Spinner'; 
+export type { SpinnerProps } from './Spinner';

package/src/components/Steps/Steps.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState, ReactNode } from 'react';
 import { STEPS } from '../../lib/constants/components';
 
-export interface StepItem {
+interface StepItem {
   /**
    * The number for the step
    */
@@ -18,7 +18,7 @@ export interface StepItem {
   content?: React.ReactNode;
 }
 
-export interface StepsProps {
+interface StepsProps {
   /**
    * Array of step items
    */
@@ -48,7 +48,7 @@ export interface StepsProps {
 /**
  * Steps component for displaying a sequence of steps
  */
-export const Steps: React.FC<StepsProps> = ({
+ const Steps: React.FC<StepsProps> = ({
   items,
   activeIndex = 0,
   vertical = false,
@@ -149,4 +149,13 @@ export const Steps: React.FC<StepsProps> = ({
   );
 };
 
-export default Steps; 
+export type { StepsProps, StepItem };
+
+// Set display name for debugging
+Steps.displayName = 'Steps';
+
+// Default export (primary)
+export default Steps;
+
+// Named export for compatibility
+export { Steps };

package/src/components/Tab/Tab.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState, ReactNode } from 'react';
 import { TAB } from '../../lib/constants/components';
 
-export interface TabItemProps {
+interface TabItemProps {
   /**
    * Label for the tab
    */
@@ -23,7 +23,7 @@ export interface TabItemProps {
   className?: string;
 }
 
-export interface TabProps {
+interface TabProps {
   /**
    * Array of tab items
    */
@@ -48,7 +48,7 @@ export interface TabProps {
 /**
  * Tab component for switching between different content panels
  */
-export const Tab: React.FC<TabProps> = ({
+const Tab: React.FC<TabProps> = ({
   items,
   activeIndex = TAB.DEFAULTS.ACTIVE_INDEX,
   onTabChange,
@@ -128,4 +128,14 @@ export const Tab: React.FC<TabProps> = ({
       </div>
     </div>
   );
-}; 
+}; 
+
+export type { TabProps, TabItemProps };
+
+// Set display name for debugging
+Tab.displayName = 'Tab';
+
+// Default export (primary)
+export default Tab;
+
+export { Tab };

package/src/components/Testimonial/Testimonial.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, ReactNode } from 'react';
 import { TESTIMONIAL } from '../../lib/constants/components';
 
-export interface TestimonialAuthor {
+interface TestimonialAuthor {
   /**
    * The author's name
    */
@@ -23,7 +23,7 @@ export interface TestimonialAuthor {
   avatarAlt?: string;
 }
 
-export interface TestimonialProps {
+interface TestimonialProps {
   /**
    * The testimonial quote text or content
    */
@@ -53,7 +53,7 @@ export interface TestimonialProps {
 /**
  * Testimonial component for displaying customer quotes and feedback
  */
-export const Testimonial: React.FC<TestimonialProps> = ({
+const Testimonial: React.FC<TestimonialProps> = ({
   quote,
   author,
   size = '',
@@ -143,4 +143,13 @@ export const Testimonial: React.FC<TestimonialProps> = ({
   );
 };
 
-export default Testimonial; 
+export type { TestimonialProps, TestimonialAuthor };
+
+// Set display name for debugging
+Testimonial.displayName = 'Testimonial';
+
+// Default export (primary)
+export default Testimonial;
+
+// Named export for compatibility
+export { Testimonial };

package/src/components/Todo/Todo.tsx

@@ -5,7 +5,7 @@ import { Icon } from '../Icon';
 import { TODO } from '../../lib/constants/components';
 import { v4 as uuidv4 } from 'uuid';
 
-export const Todo: React.FC<TodoProps> = ({
+const Todo: React.FC<TodoProps> = ({
   items = [],
   title = 'Todo List',
   onAddTodo,
@@ -162,4 +162,13 @@ export const Todo: React.FC<TodoProps> = ({
   );
 };
 
-export default Todo; 
+export type { TodoProps  };
+
+// Set display name for debugging
+Todo.displayName = 'Todo';
+
+// Default export (primary)
+export default Todo;
+
+// Named export for compatibility
+export { Todo };

package/src/components/Toggle/Toggle.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { TOGGLE } from '../../lib/constants/components';
 
-export interface ToggleProps {
+interface ToggleProps {
   /**
    * Whether the toggle is initially on
    */
@@ -31,7 +31,7 @@ export interface ToggleProps {
 /**
  * Toggle component for switching between two states
  */
-export const Toggle: React.FC<ToggleProps> = ({
+const Toggle: React.FC<ToggleProps> = ({
   initialOn = false,
   onToggleOn,
   onToggleOff,
@@ -107,4 +107,14 @@ export const Toggle: React.FC<ToggleProps> = ({
       <div className="c-toggle__switch"></div>
     </div>
   );
-}; 
+}; 
+
+export type { ToggleProps  };
+
+// Set display name for debugging
+Toggle.displayName = 'Toggle';
+
+// Default export (primary)
+export default Toggle;
+
+export { Toggle };

package/src/components/Tooltip/Tooltip.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode, useRef, useEffect } from 'react';
 import { TOOLTIP } from '../../lib/constants/components';
 import { Tooltip as TooltipClass } from './scripts';
 
-export interface TooltipProps {
+interface TooltipProps {
   /**
    * Content to be displayed in the tooltip
    */
@@ -39,7 +39,7 @@ export interface TooltipProps {
   offset?: number;
 }
 
-export const Tooltip: React.FC<TooltipProps> = ({
+const Tooltip: React.FC<TooltipProps> = ({
   content,
   children,
   position = TOOLTIP.DEFAULTS.POSITION,
@@ -88,4 +88,15 @@ export const Tooltip: React.FC<TooltipProps> = ({
       </div>
     </div>
   );
-}; 
+}; 
+
+export type { TooltipProps  };
+
+// Set display name for debugging
+Tooltip.displayName = 'Tooltip';
+
+// Default export (primary)
+export default Tooltip;
+
+// Named export for compatibility
+export { Tooltip };

package/src/components/Upload/Upload.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { UPLOAD } from '../../lib/constants/components';
 
-export interface UploadProps {
+interface UploadProps {
   /**
    * Whether the upload component is disabled
    */
@@ -81,7 +81,7 @@ type UploadStatus = 'idle' | 'loading' | 'success' | 'error';
 /**
  * Upload component for file uploads with drag and drop
  */
-export const Upload: React.FC<UploadProps> = ({
+const Upload: React.FC<UploadProps> = ({
   disabled = false,
   maxSizeInMB = 5,
   acceptedFileTypes = ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],
@@ -401,4 +401,13 @@ export const Upload: React.FC<UploadProps> = ({
   );
 };
 
-export default Upload; 
+export type { UploadProps  };
+
+// Set display name for debugging
+Upload.displayName = 'Upload';
+
+// Default export (primary)
+export default Upload;
+
+// Named export for compatibility
+export { Upload };