@shohojdhara/atomix 0.1.9 → 0.1.10

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,10 +1,29 @@
-import React from 'react';
-import { AccordionProps as AccordionPropsType } from '../../lib/types/components';
+import React, { ReactNode } from 'react';
+import { BaseComponentProps, IconPosition } from '../../lib/types/components';
 /**
  * Accordion component for showing/hiding content panels
- * @see AccordionProps in types/components.ts
  */
-export type AccordionProps = AccordionPropsType & {
+export interface AccordionProps extends BaseComponentProps {
+    /**
+     * Title of the accordion
+     */
+    title: string;
+    /**
+     * Content to be shown when accordion is expanded
+     */
+    children: ReactNode;
+    /**
+     * Whether the accordion is initially open
+     */
+    defaultOpen?: boolean;
+    /**
+     * Position of the icon (right or left)
+     */
+    iconPosition?: IconPosition;
+    /**
+     * Custom icon for the accordion
+     */
+    icon?: ReactNode;
     /**
      * Controlled open state (overrides defaultOpen)
      */
@@ -13,7 +32,7 @@ export type AccordionProps = AccordionPropsType & {
      * Callback when open state changes (for controlled mode)
      */
     onOpenChange?: (open: boolean) => void;
-};
+}
 declare const Accordion: React.FC<AccordionProps>;
 export default Accordion;
 export { Accordion };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shohojdhara/atomix",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Atomix Design System - A modern component library for web applications",
   "main": "dist/js/atomix.react.cjs.js",
   "module": "dist/js/atomix.react.esm.js",

package/src/components/Accordion/Accordion.tsx

@@ -1,17 +1,42 @@
 import React, { ReactNode, useId } from 'react';
 import { ACCORDION } from '../../lib/constants/components';
 import { useAccordion } from '../../lib/composables/useAccordion';
-import { AccordionProps as AccordionPropsType } from '../../lib/types/components';
+import { BaseComponentProps, IconPosition } from '../../lib/types/components';
 
 /**
  * Accordion component for showing/hiding content panels
- * @see AccordionProps in types/components.ts
  */
-export type AccordionProps = AccordionPropsType & { 
+export interface AccordionProps extends BaseComponentProps {
+  /**
+   * Title of the accordion
+   */
+  title: string;
+
+  /**
+   * Content to be shown when accordion is expanded
+   */
+  children: ReactNode;
+
+  /**
+   * Whether the accordion is initially open
+   */
+  defaultOpen?: boolean;
+
+  /**
+   * Position of the icon (right or left)
+   */
+  iconPosition?: IconPosition;
+
+  /**
+   * Custom icon for the accordion
+   */
+  icon?: ReactNode;
+
   /**
    * Controlled open state (overrides defaultOpen)
    */
   isOpen?: boolean;
+
   /**
    * Callback when open state changes (for controlled mode)
    */
@@ -96,4 +121,4 @@ Accordion.displayName = 'Accordion';
 export default Accordion;
 
 // Named export for compatibility
-export { Accordion };
+export { Accordion };