@kashifd/jwero-components 0.8.32 → 0.8.33

package/dist/src/App.d.ts

@@ -2,6 +2,7 @@ declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;
 export declare const Test2: () => import("react/jsx-runtime").JSX.Element;
 export declare const TabsTest: () => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs2Test: () => import("react/jsx-runtime").JSX.Element;
 export declare const JweroMenuTest: () => import("react/jsx-runtime").JSX.Element;
 export declare const TableTest: () => import("react/jsx-runtime").JSX.Element;
 export declare const JweroVerticalTabsTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/jwero_tabs2/example.d.ts

@@ -0,0 +1,2 @@
+declare const JweroTabs2Example: () => import("react/jsx-runtime").JSX.Element;
+export default JweroTabs2Example;

package/dist/src/components/jwero_tabs2/index.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { SxProps } from '@mui/material';
+
+type TabItem = {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    iconAtStart?: boolean;
+    onlyIcon?: boolean;
+    count?: number;
+    tooltip?: string;
+};
+type JweroTabs2Type = {
+    children?: ReactNode;
+    tabsObj: TabItem[];
+    panelObj: {
+        [key: string]: ReactNode;
+    };
+    onChangeFunction?: (event: SyntheticEvent, newValue: string) => void;
+    customBorderBottom?: boolean;
+    customStartValue?: string;
+    customScrollButtons?: boolean;
+    tabListEndItem?: ReactNode;
+    tabListRightItem?: ReactNode;
+    boxSx?: SxProps;
+    tabListSx?: SxProps;
+    tabSx?: SxProps;
+    panelSx?: SxProps;
+    containerSx?: SxProps;
+    height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+};
+declare const JweroTabs2: ({ children, tabsObj, panelObj, onChangeFunction, customBorderBottom, customScrollButtons, customStartValue, tabListRightItem, tabListEndItem, boxSx, tabListSx, tabSx, panelSx, containerSx, height, minHeight, maxHeight, }: JweroTabs2Type) => import("react/jsx-runtime").JSX.Element;
+export default JweroTabs2;

package/dist/src/dashboard/Dashboard.d.ts

@@ -0,0 +1,2 @@
+declare const Dashboard: () => import("react/jsx-runtime").JSX.Element;
+export default Dashboard;

package/dist/src/dashboard/components/CodeBlock.d.ts

@@ -0,0 +1,8 @@
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    maxHeight?: string;
+}
+declare const CodeBlock: ({ code, language, showLineNumbers, maxHeight, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeBlock;

package/dist/src/dashboard/components/ComponentPreview.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+interface ComponentPreviewProps {
+    children: ReactNode;
+    centered?: boolean;
+    minHeight?: string;
+    padding?: string;
+    backgroundColor?: string;
+}
+declare const ComponentPreview: ({ children, centered, minHeight, padding, backgroundColor, }: ComponentPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default ComponentPreview;

package/dist/src/dashboard/components/CopyButton.d.ts

@@ -0,0 +1,6 @@
+interface CopyButtonProps {
+    text: string;
+    size?: "small" | "medium" | "large";
+}
+declare const CopyButton: ({ text, size }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyButton;

package/dist/src/dashboard/components/Header.d.ts

@@ -0,0 +1,6 @@
+interface HeaderProps {
+    onMenuClick: () => void;
+    onThemeToggle: () => void;
+}
+declare const Header: ({ onMenuClick, onThemeToggle }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/src/dashboard/components/Layout.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SidebarItem } from '../types';
+
+interface LayoutProps {
+    children: ReactNode;
+    sidebarItems: SidebarItem[];
+    onThemeToggle: () => void;
+}
+declare const Layout: ({ children, sidebarItems, onThemeToggle }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default Layout;

package/dist/src/dashboard/components/PropsTable.d.ts

@@ -0,0 +1,7 @@
+import { PropDefinition } from '../types';
+
+interface PropsTableProps {
+    props: PropDefinition[];
+}
+declare const PropsTable: ({ props }: PropsTableProps) => import("react/jsx-runtime").JSX.Element;
+export default PropsTable;

package/dist/src/dashboard/components/Sidebar.d.ts

@@ -0,0 +1,9 @@
+import { SidebarItem } from '../types';
+
+interface SidebarProps {
+    items: SidebarItem[];
+    open: boolean;
+    onClose: () => void;
+}
+declare const Sidebar: ({ items, open, onClose }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/src/dashboard/components/TabPanel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+export interface TabConfig {
+    label: string;
+    content: ReactNode;
+    icon?: ReactNode;
+}
+interface CustomTabPanelProps {
+    tabs: TabConfig[];
+    defaultTab?: number;
+}
+declare const CustomTabPanel: ({ tabs, defaultTab }: CustomTabPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomTabPanel;

package/dist/src/dashboard/components/ThemeToggle.d.ts

@@ -0,0 +1,5 @@
+interface ThemeToggleProps {
+    onToggle: () => void;
+}
+declare const ThemeToggle: ({ onToggle }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default ThemeToggle;

package/dist/src/dashboard/pages/CustomFieldDoc.d.ts

@@ -0,0 +1,2 @@
+declare const CustomFieldDoc: () => import("react/jsx-runtime").JSX.Element;
+export default CustomFieldDoc;

package/dist/src/dashboard/pages/DashboardHome.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardHome: () => import("react/jsx-runtime").JSX.Element;
+export default DashboardHome;

package/dist/src/dashboard/pages/PrimaryButtonDoc.d.ts

@@ -0,0 +1,2 @@
+declare const PrimaryButtonDoc: () => import("react/jsx-runtime").JSX.Element;
+export default PrimaryButtonDoc;

package/dist/src/dashboard/pages/Tabs2Doc.d.ts

@@ -0,0 +1,2 @@
+declare const Tabs2Doc: () => import("react/jsx-runtime").JSX.Element;
+export default Tabs2Doc;

package/dist/src/dashboard/pages/TabsDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TabsDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TabsDoc;

package/dist/src/dashboard/types/index.d.ts

@@ -0,0 +1,26 @@
+export interface PropDefinition {
+    name: string;
+    type: string;
+    default?: string;
+    required?: boolean;
+    description: string;
+}
+export interface ComponentExample {
+    title: string;
+    description?: string;
+    code: string;
+    preview: React.ReactNode;
+}
+export interface ComponentDocumentation {
+    name: string;
+    description: string;
+    importStatement: string;
+    props: PropDefinition[];
+    examples: ComponentExample[];
+}
+export interface SidebarItem {
+    id: string;
+    label: string;
+    path: string;
+    category?: string;
+}

package/dist/src/index.d.ts

@@ -8,6 +8,7 @@ export { default as JweroSearchBox } from './components/jwero_search_box';
 export { default as JweroSnackbar } from './components/jwero_snackbar/index';
 export { default as JweroStatusChip } from './components/jwero_status_chip';
 export { default as JweroTabs } from './components/jwero_tabs';
+export { default as JweroTabs2 } from './components/jwero_tabs2';
 export { default as JweroTooltip } from './components/jwero_tooltip';
 export { default as JweroViewOptions } from './components/jwero_view_options';
 export { default as JweroCheckbox } from './components/jwero_checkbox';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kashifd/jwero-components",
   "description": "A Jwero UI library for React",
   "private": false,
-  "version": "0.8.32",
+  "version": "0.8.33",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",