@lctafrica/ui 0.1.0 → 0.2.0

package/dist/components/ui/state-indicator/StateIndicator.stories.d.ts

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as StateIndicator } from './StateIndicator';
+declare const meta: Meta<typeof StateIndicator>;
+export default meta;
+type Story = StoryObj<typeof StateIndicator>;
+/**
+ * Default state (no illustration)
+ */
+export declare const Default: Story;
+/**
+ * Empty state (shows illustration + fallback title)
+ */
+export declare const EmptyState: Story;
+/**
+ * Error state (shows illustration + fallback title)
+ */
+export declare const ErrorState: Story;
+/**
+ * Custom title override
+ */
+export declare const CustomTitle: Story;
+/**
+ * With action button
+ */
+export declare const WithAction: Story;
+/**
+ * Default variant with action
+ */
+export declare const DefaultWithAction: Story;
+/**
+ * Long content
+ */
+export declare const LongContent: Story;

package/dist/components/ui/success-modal/SuccessAnimation.d.ts

@@ -0,0 +1 @@
+export default function SuccessAnimation(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/success-modal/SuccessModal.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type SuccessModalProps = {
+    onClose: () => void;
+    isOpen: boolean;
+    title?: string;
+    description?: string;
+    shouldShowCloseButton?: boolean | undefined;
+    children?: ReactNode;
+    autoCloseDelay?: number;
+};
+export default function SuccessModal({ onClose, isOpen, title, description, shouldShowCloseButton, children, autoCloseDelay, }: SuccessModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/success-modal/SuccessModal.stories.d.ts

@@ -0,0 +1,37 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as SuccessModal } from './SuccessModal';
+declare const meta: Meta<typeof SuccessModal>;
+export default meta;
+type Story = StoryObj<typeof SuccessModal>;
+/**
+ * Default
+ */
+export declare const Default: Story;
+/**
+ * With close button
+ */
+export declare const WithCloseButton: Story;
+/**
+ * With auto close (NEW)
+ */
+export declare const AutoClose: Story;
+/**
+ * With actions (children)
+ */
+export declare const WithActions: Story;
+/**
+ * Without description
+ */
+export declare const WithoutDescription: Story;
+/**
+ * Without title
+ */
+export declare const WithoutTitle: Story;
+/**
+ * Animation only
+ */
+export declare const AnimationOnly: Story;
+/**
+ * Long content
+ */
+export declare const LongContent: Story;

package/dist/components/ui/success-modal/SuccessTickIcon.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    height?: number;
+    width?: number;
+};
+export default function SuccessTickIcon({ height, width }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/switch/Switch.d.ts

@@ -0,0 +1,6 @@
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/components/ui/switch/Switch.stories.d.ts

@@ -0,0 +1,37 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Switch } from './Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+/**
+ * Default switch (unchecked)
+ */
+export declare const Default: Story;
+/**
+ * Checked state
+ */
+export declare const Checked: Story;
+/**
+ * Small size
+ */
+export declare const Small: Story;
+/**
+ * Disabled switch
+ */
+export declare const Disabled: Story;
+/**
+ * Disabled & checked
+ */
+export declare const DisabledChecked: Story;
+/**
+ * Controlled example
+ */
+export declare const Controlled: Story;
+/**
+ * With label
+ */
+export declare const WithLabel: Story;
+/**
+ * All sizes preview
+ */
+export declare const AllSizes: Story;

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Text } from './Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Heading: Story;
+export declare const Subheading: Story;
+export declare const paragraph: Story;
+export declare const Description: Story;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/textarea/Textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/components/ui/textarea/Textarea.stories.d.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Textarea } from './Textarea';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+/**
+ * Default textarea
+ */
+export declare const Default: Story;
+/**
+ * With predefined value
+ */
+export declare const WithValue: Story;
+/**
+ * Disabled state
+ */
+export declare const Disabled: Story;
+/**
+ * Invalid state (aria-invalid)
+ */
+export declare const Invalid: Story;
+/**
+ * Controlled example
+ */
+export declare const Controlled: Story;
+/**
+ * With custom height
+ */
+export declare const CustomHeight: Story;

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export * from './components/ui/autosuggest-input/AutoSuggestInput';
+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';