@campxdev/react-blueprint 3.0.0-alpha.6 → 3.0.0-alpha.8

package/dist/cjs/types/src/components/DataDisplay/DataTable/DataTable.d.ts

@@ -27,7 +27,7 @@ import { TablePagination, type PaginationProps } from './components/TablePaginat
  * @property {(newSortingState: SortingState) => void} [onSortingChange] - Sorting change callback
  * @property {boolean} [hideTableActionHeader] - Hide the action header
  * @property {Object} [tableActionProps] - Table action header configuration
- * @property {React.ReactNode[]} cards - Card view items for card layout
+ * @property {(row: TData, index: number) => React.ReactNode} [card] - Render function for card layout items
  * @property {string} [className] - CSS class for wrapper
  * @property {string} [tableClassName] - CSS class for table element
  * @property {string} [headerClassName] - CSS class for header row
@@ -66,7 +66,7 @@ type DataTableProps<TData = any> = {
             axios: Axios;
         };
     };
-    cards: React.ReactNode[];
+    card?: (row: TData, index: number) => React.ReactNode;
     className?: string;
     tableClassName?: string;
     headerClassName?: string;
@@ -100,7 +100,7 @@ type DataTableProps<TData = any> = {
  * @param {boolean} [props.isLoading] - Show loading skeletons
  * @param {boolean} [props.hideTableActionHeader] - Hide action header
  * @param {Object} [props.tableActionProps] - Table action configuration
- * @param {React.ReactNode[]} props.cards - Card view items
+ * @param {(row: TData, index: number) => React.ReactNode} [props.card] - Card render function
  * @param {string} [props.className] - Wrapper CSS class
  * @param {string} [props.tableClassName] - Table CSS class
  * @param {string} [props.headerClassName] - Header CSS class

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/CardsView.d.ts

@@ -1,3 +1,15 @@
-import { DataTableProps } from '../DataTable';
-declare const CardsView: <TData extends Record<string, any> = any>({ cards, cardContainerClassName, limit, offset, totalCount, onPageChange, onLimitChange, isLoading, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+type CardsViewProps<TData = any> = {
+    card?: (row: TData, index: number) => React.ReactNode;
+    rows: TData[];
+    cardContainerClassName?: string;
+    isLoading?: boolean;
+    limit?: number;
+    offset?: number;
+    totalCount?: number;
+    onPageChange?: (page: number) => void;
+    onLimitChange?: (limit: number) => void;
+    rowSelectionModel?: Record<string, boolean>;
+    onRowSelectionModelChange?: (newRowSelectionModel: Record<string, boolean>) => void;
+};
+declare const CardsView: <TData extends Record<string, any> = any>({ card, rows, cardContainerClassName, limit, offset, totalCount, onPageChange, onLimitChange, isLoading, }: CardsViewProps<TData>) => import("react/jsx-runtime").JSX.Element;
 export default CardsView;

package/dist/cjs/types/src/components/Layout/PageContent/PageContent.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 interface PageContentProps {
     children: ReactNode;
     className?: string;
+    styles?: React.CSSProperties;
 }
 /**
  * PageContent Component
@@ -22,6 +23,6 @@ interface PageContentProps {
  * </PageContent>
  * ```
  */
-declare const PageContent: ({ children, className }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageContent: ({ children, className, styles }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
 export { PageContent };
 export default PageContent;

package/dist/cjs/types/src/components/Navigation/TabsContainer/TabsContainer.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 /**
  * Configuration for an individual tab in TabsContainer
  */
@@ -31,6 +32,8 @@ export interface TabsContainerProps {
     tabsListClassName?: string;
     /** Optional CSS class names for each TabsTrigger element */
     tabsTriggerClassName?: string;
+    /** Optional inline styles for the TabsContent container */
+    tabsContainerStyles?: CSSProperties;
     /** Layout variant - 'fixed' uses viewport height, 'dynamic' uses content height. Defaults to 'fixed' */
     variant?: 'fixed' | 'dynamic';
 }
@@ -49,6 +52,7 @@ export interface TabsContainerProps {
  * @param {string} [props.className] - CSS classes for the Tabs root
  * @param {string} [props.tabsListClassName] - CSS classes for the TabsList
  * @param {string} [props.tabsTriggerClassName] - CSS classes for TabsTrigger elements
+ * @param {CSSProperties} [props.tabsContainerStyles] - Inline styles for TabsContent
  * @param {'fixed' | 'dynamic'} [props.variant='fixed'] - Layout mode for tab content
  *
  * @returns {React.ReactElement} A Tabs component with tab list and content area
@@ -95,5 +99,5 @@ export interface TabsContainerProps {
  *   currentTabIndex={0}
  * />
  */
-export declare const TabsContainer: ({ tabs, onTabChange, currentTabIndex, className, tabsListClassName, tabsTriggerClassName, variant, }: TabsContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsContainer: ({ tabs, onTabChange, currentTabIndex, className, tabsListClassName, tabsTriggerClassName, tabsContainerStyles, variant, }: TabsContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/shadcn-components/Input/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "input";
+    variant?: "input" | "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {