@shohojdhara/atomix 0.1.9 → 0.1.11

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/dist/types/components/Accordion/index.d.ts

@@ -1,2 +1,2 @@
-export { Accordion } from './Accordion';
+export { default, Accordion } from './Accordion';
 export type { AccordionProps } from './Accordion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shohojdhara/atomix",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "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.stories.tsx

@@ -120,13 +120,13 @@ export const AccordionGroup: Story = {
         >
           <p>Content of the first accordion.</p>
         </Accordion>
-        
+
         <Accordion 
           title="Second Accordion"
         >
           <p>Content of the second accordion.</p>
         </Accordion>
-        
+
         <Accordion 
           title="Third Accordion"
         >
@@ -159,28 +159,28 @@ export const AllVariants: Story = {
             <p>This is the default accordion.</p>
           </Accordion>
         </div>
-        
+
         <div>
           <h3>Initially Open</h3>
           <Accordion title="Initially Open Accordion" defaultOpen={true}>
             <p>This accordion starts in the open state.</p>
           </Accordion>
         </div>
-        
+
         <div>
           <h3>Disabled</h3>
           <Accordion title="Disabled Accordion" disabled={true}>
             <p>This accordion is disabled and cannot be interacted with.</p>
           </Accordion>
         </div>
-        
+
         <div>
           <h3>Icon on Left</h3>
           <Accordion title="Icon on Left" iconPosition="left">
             <p>This accordion has its icon positioned on the left.</p>
           </Accordion>
         </div>
-        
+
         <div>
           <h3>Custom Icon</h3>
           <Accordion 
@@ -199,7 +199,7 @@ export const AllVariants: Story = {
             <p>This accordion uses a custom plus icon.</p>
           </Accordion>
         </div>
-        
+
         <div>
           <h3>With Rich Content</h3>
           <Accordion title="Rich Content">
@@ -255,4 +255,4 @@ export const Controlled: Story = {
       },
     },
   },
-}; 
+}; 

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 };

package/src/components/Accordion/index.ts

@@ -1,2 +1,2 @@
-export { Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion'; 
+export { default, Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';