@shohojdhara/atomix 0.1.30 → 0.2.2

package/src/components/index.ts

@@ -0,0 +1,124 @@
+export type { SliderProps, VideoPlayerProps } from '../lib/types/components';
+export { default as Accordion, type AccordionProps } from './Accordion/Accordion';
+export { default as AtomixLogo, type AtomixLogoProps } from './AtomixLogo/AtomixLogo';
+export { default as Avatar, type AvatarProps } from './Avatar/Avatar';
+export { default as AvatarGroup, type AvatarGroupProps } from './Avatar/AvatarGroup';
+export { default as Badge, type BadgeProps } from './Badge/Badge';
+export { default as Block, type BlockProps } from './Block';
+export { default as Breadcrumb, type BreadcrumbProps } from './Breadcrumb/Breadcrumb';
+export { default as Button, type ButtonProps } from './Button/Button';
+export { default as Callout, type CalloutProps } from './Callout/Callout';
+export { default as Card, type CardProps } from './Card/Card';
+export {
+  AdvancedChart,
+  AnimatedChart,
+  AreaChart,
+  BarChart,
+  BubbleChart,
+  CandlestickChart,
+  Chart,
+  ChartRenderer,
+  DonutChart,
+  FunnelChart,
+  GaugeChart,
+  HeatmapChart,
+  LineChart,
+  MultiAxisChart,
+  PieChart,
+  RadarChart,
+  RealTimeChart,
+  ScatterChart,
+  TreemapChart,
+  WaterfallChart,
+  type AdvancedChartProps,
+  type AnimatedChartProps,
+  type AreaChartProps,
+  type BarChartProps,
+  type BubbleChartProps,
+  type BubbleDataPoint,
+  type CandlestickChartProps,
+  type CandlestickDataPoint,
+  type ChartProps,
+  type DonutChartProps,
+  type FunnelChartProps,
+  type FunnelDataPoint,
+  type GaugeChartProps,
+  type HeatmapChartProps,
+  type HeatmapDataPoint,
+  type LineChartProps,
+  type MultiAxisChartProps,
+  type PieChartProps,
+  type RadarChartProps,
+  type RealTimeChartProps,
+  type ScatterChartProps,
+  type ScatterDataPoint,
+  type TreemapChartProps,
+  type TreemapDataPoint,
+  type TreemapNode,
+  type WaterfallChartProps,
+  type WaterfallDataPoint,
+} from './Chart';
+export {
+  default as ColorModeToggle,
+  type ColorModeToggleProps,
+} from './ColorModeToggle/ColorModeToggle';
+export { default as Countdown, type CountdownProps } from './Countdown/Countdown';
+export { default as DataTable, type DataTableProps } from './DataTable/DataTable';
+export { default as DatePicker, type DatePickerProps } from './DatePicker/DatePicker';
+export { default as Dropdown, type DropdownProps } from './Dropdown/Dropdown';
+export { default as EdgePanel, type EdgePanelProps } from './EdgePanel/EdgePanel';
+export { default as Checkbox, type CheckboxProps } from './Form/Checkbox';
+export {
+  Footer,
+  FooterSection,
+  FooterLink,
+  FooterSocialLink,
+  type FooterProps,
+  type FooterSectionProps,
+  type FooterLinkProps,
+  type FooterSocialLinkProps,
+  type FooterLayout,
+  type SocialPlatform,
+  type SocialLink,
+} from './Footer';
+export { default as Form, type FormProps } from './Form/Form';
+export { default as FormGroup, type FormGroupProps } from './Form/FormGroup';
+export { default as Input, type InputProps } from './Form/Input';
+export { default as Radio, type RadioProps } from './Form/Radio';
+export { default as Select, type SelectProps } from './Form/Select';
+export { default as Textarea, type TextareaProps } from './Form/Textarea';
+export { default as Hero, type HeroProps } from './Hero/Hero';
+export { default as Icon, type IconProps } from './Icon/Icon';
+export { default as List, type ListProps } from './List/List';
+export { default as Messages, type MessagesProps } from './Messages/Messages';
+export { default as Modal, type ModalProps } from './Modal/Modal';
+export { default as Nav, type NavProps } from './Navigation/Nav/Nav';
+export { default as NavItem, type NavItemProps } from './Navigation/Nav/NavItem';
+export { default as Navbar, type NavbarProps } from './Navigation/Navbar/Navbar';
+export { default as SideMenu, type SideMenuProps } from './Navigation/SideMenu/SideMenu';
+export {
+  default as SideMenuItem,
+  type SideMenuItemProps,
+} from './Navigation/SideMenu/SideMenuItem';
+export {
+  default as SideMenuList,
+  type SideMenuListProps,
+} from './Navigation/SideMenu/SideMenuList';
+export { default as Pagination, type PaginationProps } from './Pagination/Pagination';
+export { default as PhotoViewer, type PhotoViewerProps } from './PhotoViewer/PhotoViewer';
+export { default as Popover, type PopoverProps } from './Popover/Popover';
+export { default as ProductReview, type ProductReviewProps } from './ProductReview/ProductReview';
+export { default as Progress, type ProgressProps } from './Progress/Progress';
+export { default as Rating, type RatingProps } from './Rating/Rating';
+export { default as River, type RiverProps } from './River/River';
+export { default as SectionIntro, type SectionIntroProps } from './SectionIntro/SectionIntro';
+export { Slider } from './Slider/Slider';
+export { default as Spinner, type SpinnerProps } from './Spinner/Spinner';
+export { default as Steps, type StepsProps } from './Steps/Steps';
+export { default as Tab, type TabProps } from './Tab/Tab';
+export { default as Testimonial, type TestimonialProps } from './Testimonial/Testimonial';
+export { default as Todo, type TodoProps } from './Todo/Todo';
+export { default as Toggle, type ToggleProps } from './Toggle/Toggle';
+export { default as Tooltip, type TooltipProps } from './Tooltip/Tooltip';
+export { default as Upload, type UploadProps } from './Upload/Upload';
+export { VideoPlayer } from './VideoPlayer/VideoPlayer';

package/src/layouts/Grid/Container.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, HTMLAttributes, ReactNode } from 'react';
+
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * The content to be rendered within the container
+   */
+  children: ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Container type:
+   * - undefined: responsive container with max-width at each breakpoint
+   * - 'fluid': full width container
+   * - 'sm', 'md', 'lg', 'xl', 'xxl': responsive container with max-width at specified breakpoint
+   */
+  type?: 'fluid' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+}
+
+/**
+ * Container component for creating responsive layouts.
+ * Uses the CSS container classes defined in _objects.container.scss.
+ *
+ * @example
+ * ```tsx
+ * <Container>
+ *   Content with responsive max-width
+ * </Container>
+ *
+ * <Container type="fluid">
+ *   Full width content
+ * </Container>
+ *
+ * <Container type="md">
+ *   Content with max-width at md breakpoint
+ * </Container>
+ * ```
+ */
+export const Container = forwardRef<HTMLDivElement, ContainerProps>(
+  ({ children, className = '', type, ...props }, ref) => {
+    let containerClass = 'o-container';
+
+    if (type) {
+      containerClass = `o-container-${type}`;
+    }
+
+    return (
+      <div ref={ref} className={`${containerClass} ${className}`.trim()} {...props}>
+        {children}
+      </div>
+    );
+  }
+);
+
+Container.displayName = 'Container';
+
+export default Container;