@lctafrica/ui 0.1.1 → 0.2.0

package/dist/components/ui/pagination/Pagination.d.ts

@@ -0,0 +1,10 @@
+export type PaginationProps = {
+    totalElements: number;
+    totalPages: number;
+    pageNumber: number;
+    onPageNumberClick: (page: number) => void;
+    onSizeChange: (size: number) => void;
+    pageSize: number;
+    className?: string;
+};
+export default function Pagination({ totalElements, totalPages, pageNumber, onPageNumberClick, onSizeChange, pageSize, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pagination/Pagination.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as Pagination } from './Pagination';
+/**
+ * Pagination component for navigating paginated data.
+ *
+ * Features:
+ * - Page navigation with ellipsis
+ * - Page size selection via Select component
+ * - Previous / Next controls
+ *
+ * Controlled component: parent manages page and page size state.
+ */
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+/**
+ * Default
+ */
+export declare const Default: Story;
+/**
+ * Few pages (no ellipsis)
+ */
+export declare const FewPages: Story;
+/**
+ * Many pages (ellipsis behavior)
+ */
+export declare const ManyPages: Story;
+/**
+ * At first page
+ */
+export declare const AtStart: Story;
+/**
+ * At last page
+ */
+export declare const AtEnd: Story;
+/**
+ * Custom styling
+ */
+export declare const CustomStyling: Story;
+/**
+ * Large dataset simulation
+ */
+export declare const LargeDataset: Story;

package/dist/components/ui/select/Select.d.ts

@@ -10,6 +10,8 @@ export type SelectProps = {
     name?: string;
     disabled?: boolean;
     required?: boolean;
+    className?: string;
+    showClearButton?: boolean | undefined;
 };
-declare function SelectComposite({ value, onChange, options, placeholder, name, disabled, required, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectComposite({ value, onChange, options, placeholder, name, disabled, required, className, showClearButton, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export { SelectComposite as Select };

package/dist/components/ui/select/select-components.d.ts

@@ -3,10 +3,11 @@ import * as React from "react";
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, hasValue, onClear, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+declare function SelectTrigger({ className, size, children, hasValue, onClear, showClearButton, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: "sm" | "default";
     hasValue?: boolean;
     onClear?(): void;
+    showClearButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+export type TableProps = ComponentProps<"table">;
+export type TableHeadProps = ComponentProps<"thead">;
+export type TableBodyProps = ComponentProps<"tbody">;
+export type TableRowProps = ComponentProps<"tr">;
+export type TableHeaderCellProps = ComponentProps<"th">;
+export type TableDataCellProps = ComponentProps<"td">;
+export default function Table({ className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHead({ className, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody({ className, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableRow({ className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeaderCell({ className, ...props }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableDataCell({ className, ...props }: TableDataCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/table/Table.stories.d.ts

@@ -0,0 +1,37 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as Table } from './Table';
+/**
+ * Table component for displaying structured data.
+ *
+ * Subcomponents:
+ * - TableHead
+ * - TableBody
+ * - TableRow
+ * - TableHeaderCell
+ * - TableDataCell
+ *
+ * Provides a flexible and composable API for building tables.
+ */
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+/**
+ * Basic table
+ */
+export declare const Default: Story;
+/**
+ * Many rows
+ */
+export declare const ManyRows: Story;
+/**
+ * Long content (ellipsis)
+ */
+export declare const LongContent: Story;
+/**
+ * Empty state
+ */
+export declare const Empty: Story;
+/**
+ * Custom styling
+ */
+export declare const CustomStyling: Story;

package/dist/components/ui/text/Text.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 declare const textVariants: (props?: ({
-    variant?: "heading" | "subheading" | "paragraph" | "description" | null | undefined;
+    variant?: "heading" | "description" | "subheading" | "paragraph" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface Props extends VariantProps<typeof textVariants> {
     children: React.ReactNode;

package/dist/index.d.ts

@@ -3,14 +3,23 @@ export * from './components/ui/badge/Badge';
 export * from './components/ui/button-group/ButtonGroup';
 export * from './components/ui/button/Button';
 export * from './components/ui/checkbox/Checkbox';
+export * from './components/ui/confirm-modal/ConfirmModal';
+export * from './components/ui/data-state-renderer/DataStateRenderer';
 export * from './components/ui/date-picker/DatePicker';
 export * from './components/ui/field/Field';
 export * from './components/ui/input/Input';
+export * from './components/ui/loading-indicator/LoadingIndicator';
 export * from './components/ui/main-wrapper/MainWrapper';
+export * from './components/ui/modal/Modal';
+export * from './components/ui/pagination/Pagination';
+export * from './components/ui/prompt-modal/PromptModal';
 export * from './components/ui/radio-group/RadioGroup';
 export * from './components/ui/search-input/SearchInput';
 export * from './components/ui/searchable-select/SearchableSelect';
 export * from './components/ui/select/Select';
+export * from './components/ui/state-indicator/StateIndicator';
+export * from './components/ui/success-modal/SuccessModal';
 export * from './components/ui/switch/Switch';
+export * from './components/ui/table/Table';
 export * from './components/ui/text/Text';
 export * from './components/ui/textarea/Textarea';