jy-headless 0.1.10 → 0.1.11

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, JSX, ReactNode } from 'react';
 interface AccordionProps extends HTMLAttributes<HTMLDetailsElement> {
     isOpen: boolean;
     setIsOpen: (value: boolean) => void;
@@ -15,7 +15,7 @@ declare const Accordion: {
     };
 };
 interface SummaryProps extends HTMLAttributes<HTMLDivElement> {
-    icon?: ReactNode;
+    icon?: ReactNode | JSX.Element;
 }
 interface DetailProps extends HTMLAttributes<HTMLDivElement> {
 }

package/dist/components/input/ImageInput.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, JSX, ReactNode } from 'react';
 interface ImageInput extends HTMLAttributes<HTMLInputElement> {
     onFileChange: (url: string) => void;
-    defaultElement?: ReactNode;
+    defaultElement?: ReactNode | JSX.Element;
     preview: string;
 }
 declare const ImageInput: ({ id, preview, defaultElement, onFileChange, onChange, style, className, children, }: ImageInput) => import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Input.d.ts

@@ -1,12 +1,12 @@
-import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+import { CSSProperties, InputHTMLAttributes, JSX, ReactNode } from 'react';
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     showLimit?: boolean;
     containerStyle?: CSSProperties;
     containerClassName?: string;
-    prefixElement?: ReactNode;
-    suffixElement?: ReactNode;
+    prefixElement?: ReactNode | JSX.Element;
+    suffixElement?: ReactNode | JSX.Element;
     showError?: boolean;
-    error?: ReactNode | string;
+    error?: ReactNode | JSX.Element | string;
 }
 declare const Input: ({ prefixElement, suffixElement, className, style, containerStyle, containerClassName, showError, error, maxLength, showLimit, ...restProps }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;

package/dist/components/modal/Modal.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, JSX, ReactNode } from 'react';
 import { ButtonProps } from '../button/Button';
 interface ModalProps {
-    opener: ReactNode;
-    children: ReactNode;
+    opener: ReactNode | JSX.Element;
+    children: ReactNode | JSX.Element;
     targetSelector?: string;
 }
 declare const Modal: {
@@ -11,7 +11,7 @@ declare const Modal: {
         ({ backgroundColor, children, style, className, zIndex, }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Closer: {
+    Close: {
         ({ ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
@@ -19,7 +19,7 @@ declare const Modal: {
 interface ModalOverlayProps {
     backgroundColor?: string;
     zIndex?: number;
-    children: ReactNode;
+    children: ReactNode | JSX.Element;
     style?: CSSProperties;
     className?: string;
 }

package/dist/components/tabs/Tab.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, HTMLAttributes } from 'react';
 interface TabProps extends HTMLAttributes<HTMLDivElement> {
     currentTab: string;
-    onChangeTab: (id: string) => void;
+    onChangeTab?: (id: string) => void;
 }
 declare const Tab: {
     ({ children, currentTab, onChangeTab, ...restProps }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.esm.js

@@ -888,9 +888,9 @@ const ModalCloseButton = (_a) => {
     return jsxRuntimeExports.jsx(Button, Object.assign({}, props, { onClick: () => setIsShow(false) }));
 };
 ModalOverlay.displayName = 'Modal.Overlay';
-ModalCloseButton.displayName = 'Modal.Closer';
+ModalCloseButton.displayName = 'Modal.Close';
 Modal.Overlay = ModalOverlay;
-Modal.Closer = ModalCloseButton;
+Modal.Close = ModalCloseButton;
 
 const TabContext = createContext({
     currentTabId: '',
@@ -910,8 +910,8 @@ const TabItem = (_a) => {
     if (!context) {
         throw new Error('ModalCloseButton must be used within a ModalContext.Provider');
     }
-    const { currentTabId, onChangeTab } = context;
-    return (jsxRuntimeExports.jsx("span", Object.assign({}, restProps, { onClick: () => onChangeTab(tabId), children: children })));
+    const { onChangeTab } = context;
+    return (jsxRuntimeExports.jsx("span", Object.assign({}, restProps, { onClick: () => onChangeTab === null || onChangeTab === undefined ? undefined : onChangeTab(tabId), children: children })));
 };
 TabItem.displayName = 'Tab.Item';
 Tab.Item = TabItem;

package/dist/index.js

@@ -890,9 +890,9 @@ const ModalCloseButton = (_a) => {
     return jsxRuntimeExports.jsx(Button, Object.assign({}, props, { onClick: () => setIsShow(false) }));
 };
 ModalOverlay.displayName = 'Modal.Overlay';
-ModalCloseButton.displayName = 'Modal.Closer';
+ModalCloseButton.displayName = 'Modal.Close';
 Modal.Overlay = ModalOverlay;
-Modal.Closer = ModalCloseButton;
+Modal.Close = ModalCloseButton;
 
 const TabContext = React.createContext({
     currentTabId: '',
@@ -912,8 +912,8 @@ const TabItem = (_a) => {
     if (!context) {
         throw new Error('ModalCloseButton must be used within a ModalContext.Provider');
     }
-    const { currentTabId, onChangeTab } = context;
-    return (jsxRuntimeExports.jsx("span", Object.assign({}, restProps, { onClick: () => onChangeTab(tabId), children: children })));
+    const { onChangeTab } = context;
+    return (jsxRuntimeExports.jsx("span", Object.assign({}, restProps, { onClick: () => onChangeTab === null || onChangeTab === undefined ? undefined : onChangeTab(tabId), children: children })));
 };
 TabItem.displayName = 'Tab.Item';
 Tab.Item = TabItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jy-headless",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "A lightweight and customizable headless UI library for React components",
   "main": "dist/index.cjs",
   "typings": "dist/index.d.ts",