@shohojdhara/atomix 0.4.0 → 0.4.1

package/dist/core.d.ts

@@ -484,7 +484,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 +1058,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 +1210,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 +1240,39 @@ 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<HTMLAnchorElement | HTMLSpanElement>) => void;
+    /**
+     * Optional custom link component
+     */
+    linkAs?: React$1.ElementType;
+    /**
+     * 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 +1293,15 @@ interface BreadcrumbProps {
      * Custom style for the breadcrumb
      */
     style?: React$1.CSSProperties;
+    /**
+     * Children (Compound)
+     */
+    children?: ReactNode;
 }
-declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
+type BreadcrumbComponent = React$1.FC<BreadcrumbProps> & {
+    Item: typeof BreadcrumbItem;
+};
+declare const Breadcrumb: BreadcrumbComponent;
 
 type ButtonAsProp = {
     as?: ElementType;
@@ -1261,14 +1312,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 +1377,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 };