@shohojdhara/atomix 0.4.0 → 0.4.2

package/dist/core.d.ts

@@ -383,20 +383,20 @@ interface OverLightObjectConfig {
 /**
  * AtomixGlass component props interface
  */
-interface AtomixGlassProps {
+interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     displacementScale?: number;
     blurAmount?: number;
     saturation?: number;
     aberrationIntensity?: number;
     elasticity?: number;
-    cornerRadius?: number;
+    borderRadius?: number;
     globalMousePosition?: MousePosition;
     mouseOffset?: MousePosition;
     mouseContainer?: React.RefObject<HTMLElement | null> | null;
-    className?: string;
     padding?: string;
-    style?: React.CSSProperties;
+    height?: string | number;
+    width?: string | number;
     overLight?: OverLightConfig;
     mode?: DisplacementMode;
     onClick?: () => void;
@@ -404,30 +404,23 @@ interface AtomixGlassProps {
      * Shader variant for shader mode
      */
     shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
-    /**
-     * Accessibility props
-     */
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    role?: string;
-    tabIndex?: number;
     /**
      * Performance and accessibility options
      */
     reducedMotion?: boolean;
     highContrast?: boolean;
-    disableEffects?: boolean;
-    enableLiquidBlur?: boolean;
-    enableBorderEffect?: boolean;
-    enableOverLightLayers?: boolean;
+    withoutEffects?: boolean;
+    withLiquidBlur?: boolean;
+    withBorder?: boolean;
+    withOverLightLayers?: boolean;
     /**
      * Performance monitoring
      */
-    enablePerformanceMonitoring?: boolean;
+    debugPerformance?: boolean;
     /**
-     * Debug mode for cornerRadius extraction
+     * Debug mode for borderRadius extraction
      */
-    debugCornerRadius?: boolean;
+    debugBorderRadius?: boolean;
     /**
      * Debug mode for overLight detection and configuration
      *
@@ -484,7 +477,7 @@ interface BaseComponentProps {
  * Icon position options
  */
 type IconPosition = 'left' | 'right';
-type listvariant = 'dash' | 'number' | 'text';
+type listvariant = 'dash' | 'number' | 'text' | 'default';
 /**;
  * List component properties
  */
@@ -1058,7 +1051,23 @@ interface ElevationCardProps extends CardProps {
 }
 
 type AccordionProps = AccordionProps$1;
-declare const Accordion: React$1.FC<AccordionProps>;
+interface AccordionHeaderProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
+    title?: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    isOpen?: boolean;
+}
+declare const AccordionHeader: React$1.ForwardRefExoticComponent<AccordionHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface AccordionBodyProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    panelRef?: React$1.RefObject<HTMLDivElement>;
+    contentRef?: React$1.RefObject<HTMLDivElement>;
+}
+declare const AccordionBody: React$1.ForwardRefExoticComponent<AccordionBodyProps & React$1.RefAttributes<HTMLDivElement>>;
+type AccordionComponent = React$1.FC<AccordionProps> & {
+    Header: typeof AccordionHeader;
+    Body: typeof AccordionBody;
+};
+declare const _default: AccordionComponent;
 
 declare const Badge: React$1.FC<BadgeProps>;
 
@@ -1194,7 +1203,7 @@ interface BlockProps extends HTMLAttributes<HTMLElement> {
  */
 declare const Block: React$1.ForwardRefExoticComponent<BlockProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface BreadcrumbItem {
+interface BreadcrumbItemData {
     /**
      * Text to display
      */
@@ -1224,11 +1233,38 @@ interface BreadcrumbItem {
      */
     className?: string;
 }
+interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
+    /**
+     * URL for the breadcrumb item
+     */
+    href?: string;
+    /**
+     * Whether this item is active (current page)
+     */
+    active?: boolean;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Optional click handler for the link
+     */
+    onClick?: (event: React$1.MouseEvent<any>) => void;
+    /**
+     * Optional custom link component
+     */
+    linkAs?: React$1.ElementType<any>;
+    /**
+     * Link props to pass to the underlying anchor or LinkComponent
+     */
+    linkProps?: Record<string, any>;
+}
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
 interface BreadcrumbProps {
     /**
-     * Array of breadcrumb items
+     * Array of breadcrumb items (Legacy)
      */
-    items: BreadcrumbItem[];
+    items?: BreadcrumbItemData[];
     /**
      * Custom divider character or element
      */
@@ -1249,8 +1285,16 @@ interface BreadcrumbProps {
      * Custom style for the breadcrumb
      */
     style?: React$1.CSSProperties;
+    /**
+     * Children (Compound)
+     */
+    children?: ReactNode;
 }
-declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
+declare const BreadcrumbComponent: React$1.FC<BreadcrumbProps>;
+type BreadcrumbType = typeof BreadcrumbComponent & {
+    Item: typeof BreadcrumbItem;
+};
+declare const Breadcrumb: BreadcrumbType;
 
 type ButtonAsProp = {
     as?: ElementType;
@@ -1261,14 +1305,32 @@ type ButtonAsProp = {
 };
 declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
 
-declare const Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLAnchorElement | HTMLDivElement>>>;
+declare const Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
 
 declare const ElevationCard: React$1.FC<ElevationCardProps>;
 
+declare const CalloutIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CalloutMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CalloutTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CalloutText: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CalloutActions: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface CalloutCloseButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CalloutCloseButton: React$1.ForwardRefExoticComponent<CalloutCloseButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CalloutContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * Callout component for displaying important messages, notifications, or alerts
  */
-declare const Callout: React$1.FC<CalloutProps>;
+type CalloutComponent = React$1.FC<CalloutProps> & {
+    Icon: typeof CalloutIcon;
+    Message: typeof CalloutMessage;
+    Title: typeof CalloutTitle;
+    Text: typeof CalloutText;
+    Actions: typeof CalloutActions;
+    CloseButton: typeof CalloutCloseButton;
+    Content: typeof CalloutContent;
+};
+declare const Callout: CalloutComponent;
 
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type IconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
@@ -1308,12 +1370,20 @@ interface IconProps {
  */
 declare const Icon: React$1.FC<IconProps>;
 
-declare const List: React$1.FC<ListProps>;
+interface ListItemProps extends React$1.LiHTMLAttributes<HTMLLIElement> {
+    children?: React$1.ReactNode;
+}
+declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLLIElement>>;
+
+type ListComponent = React$1.FC<ListProps> & {
+    Item: typeof ListItem;
+};
+declare const List: ListComponent;
 
 type ListGroupProps = ListGroupProps$1;
 declare const ListGroup: React$1.FC<ListGroupProps>;
 
 declare const Spinner: React$1.FC<SpinnerProps>;
 
-export { Accordion, Badge, Block, Breadcrumb, Button, Callout, Card, ElevationCard, Icon, List, ListGroup, Spinner };
+export { _default as Accordion, Badge, Block, Breadcrumb, Button, Callout, Card, ElevationCard, Icon, List, ListGroup, Spinner };
 export type { AccordionProps, BadgeProps, BlockProps, BreadcrumbProps, ButtonProps, CalloutProps, CardProps, ElevationCardProps, IconProps, ListGroupProps, ListProps, SpinnerProps };