akku-kit 1.0.1-alpha.0 → 1.0.1-alpha.1

package/dist/components/Collapse/Collapse.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./collapse.scss";
+import { CollapseProps } from "./Collapse.types";
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

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

@@ -0,0 +1,93 @@
+import { ReactNode } from "react";
+/**
+ * Represents a single collapsible panel item
+ */
+export interface CollapseItem {
+    /**
+     * Unique key to identify the panel
+     */
+    key: string;
+    /**
+     * Content to display in the panel header
+     */
+    label: ReactNode;
+    /**
+     * Content to display when panel is expanded
+     */
+    children: ReactNode;
+    /**
+     * Optional icon to display before the label
+     */
+    prefixIcon?: ReactNode;
+    /**
+     * Optional custom icon to replace the default chevron
+     */
+    suffixIcon?: ReactNode;
+    /**
+     * Whether the panel is disabled (non-interactive)
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional custom className for the panel
+     */
+    className?: string;
+}
+/**
+ * Props for the Collapse component
+ */
+export interface CollapseProps {
+    /**
+     * Array of panel items to render
+     */
+    items: CollapseItem[];
+    /**
+     * Array of keys for initially expanded panels
+     * @default []
+     */
+    defaultActiveKey?: string[];
+    /**
+     * Additional className for the root collapse element
+     */
+    className?: string;
+    /**
+     * Whether only one panel can be expanded at a time (accordion mode)
+     * @default false
+     */
+    accordion?: boolean;
+    /**
+     * Callback when panel expand/collapse state changes
+     * @param activeKeys - Array of currently expanded panel keys
+     */
+    onChange?: (activeKeys: string[]) => void;
+    /**
+     * Custom icon to override default chevron for all panels
+     */
+    expandIcon?: (isActive: boolean) => ReactNode;
+}
+/**
+ * Props for the internal CollapseContent component
+ */
+export interface CollapseContentProps {
+    /**
+     * Whether content should be visible
+     */
+    isActive: boolean;
+    /**
+     * Content to render
+     */
+    children: ReactNode;
+    /**
+     * Optional className for the content wrapper
+     */
+    className?: string;
+    /**
+     * Transition duration in milliseconds
+     * @default 300
+     */
+    duration?: number;
+}
+/**
+ * Type for the Collapse component
+ */
+export type CollapseComponent = React.FC<CollapseProps> & {};

package/dist/components/Collapse/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Collapse } from "./Collapse";
+export type { CollapseItem, CollapseProps, CollapseContentProps, CollapseComponent } from "./Collapse.types";

package/dist/components/Form/TextArea/TextArea.types.d.ts

@@ -24,4 +24,6 @@ export interface TextAreaProps {
         };
         setFieldValue?: (field: string, value: any, shouldValidate?: boolean) => void;
     };
+    showRemainingCharacters?: boolean;
+    allowResize?: boolean;
 }

package/dist/components/Image/FallbackImage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FallbackImageProps {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: number | string;
+}
+export declare const FallbackImage: React.NamedExoticComponent<FallbackImageProps>;
+export {};

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ImageProps } from './Image.type';
+export declare const Image: React.FC<ImageProps>;

package/dist/components/Image/Image.type.d.ts

@@ -0,0 +1,27 @@
+import { ImgHTMLAttributes, ReactElement } from 'react';
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> {
+    /** Primary image source URL */
+    src: string;
+    /** Alt text for accessibility */
+    alt: string;
+    /** Fallback image source if primary fails */
+    fallbackSrc?: string;
+    /** Custom fallback element to show on error */
+    fallbackElement?: ReactElement;
+    /** Additional CSS classes */
+    className?: string;
+    /** Enable lazy loading */
+    lazyLoad?: boolean;
+    /** Show loading indicator */
+    showLoader?: boolean;
+    /** Border radius for the image */
+    borderRadius?: string;
+    /** CSS object-fit property */
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    /** Show skeleton loader instead of spinner */
+    skeleton?: boolean;
+    /** Enable zoom effect on hover */
+    zoomOnHover?: boolean;
+    /** Low quality blur preview image */
+    blurPreviewSrc?: string;
+}

package/dist/components/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './Image.type';

package/dist/components/Table/Table.d.ts

@@ -1,8 +1,3 @@
-import "./style/Table.scss";
-interface TableProps extends Readonly<{
-    [key: string]: any;
-}> {
-    expandableRows?: boolean;
-}
+import "./Table.scss";
+import { TableProps } from "./Table.types";
 export default function Table({ columns, data, pagination, setPagination, pageCount, loader, expandableRows }: Readonly<TableProps>): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -0,0 +1,8 @@
+/**
+ * Main Table component props
+ */
+export interface TableProps extends Readonly<{
+    [key: string]: any;
+}> {
+    expandableRows?: boolean;
+}

package/dist/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Table";

package/dist/components/Table/parts/TableBody.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Table as ReactTable } from "@tanstack/react-table";
+interface TableBodyContentProps {
+    loader: boolean;
+    table: ReactTable<any>;
+}
+declare const TableBodyContent: React.FC<TableBodyContentProps>;
+export default TableBodyContent;

package/dist/components/Table/parts/TableFooter.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Table as ReactTable } from "@tanstack/react-table";
+interface TableFooterProps {
+    table: ReactTable<any>;
+    pageCount: number;
+}
+declare const TableFooter: React.FC<TableFooterProps>;
+export default TableFooter;

package/dist/components/Table/parts/TableHeader.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { HeaderGroup, RowData } from "@tanstack/react-table";
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        thClassName?: string;
+    }
+}
+interface TableHeaderProps {
+    headerGroups: HeaderGroup<any>[];
+}
+declare const TableHeader: React.FC<TableHeaderProps>;
+export default TableHeader;