@lctafrica/ui 0.0.3 → 0.0.4

package/README.md

@@ -1,7 +1,6 @@
 # LCT Africa UI Library
 
-This is an internal UI component library for **LCT Africa**, built with **React**, **TypeScript**, and **Vite**. It provides reusable, consistent, and tested UI components for use across LCT Africa’s frontend projects.
----
+## This is an internal UI component library for **LCT Africa**, built with **React**, **TypeScript**, and **Vite**. It provides reusable, consistent, and tested UI components for use across LCT Africa’s frontend projects.
 
 ## Project Structure
 

package/dist/components/ui/Label/Label.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/badge/Badge.d.ts

@@ -0,0 +1,19 @@
+export type BadgeColor = "red" | "blue" | "green" | "yellow" | "gray" | "purple" | "pink" | "orange";
+export type BadgeSize = "sm" | "md" | "lg";
+export type BadgeIndicator = "default" | "dot-Icon" | "x-Icon";
+export declare const BADGE_COLORS: ["red", "blue", "green", "yellow", "gray", "purple", "pink", "orange"];
+export declare const badgeGroupVariants: (props?: ({
+    size?: BadgeSize | null | undefined;
+    color?: BadgeColor | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeProps = {
+    color?: BadgeColor | string;
+    text: string;
+    size?: BadgeSize;
+    indicator?: BadgeIndicator;
+    containerClassName?: string;
+    textClassName?: string;
+};
+declare function Badge({ color, text, size, indicator, containerClassName, textClassName, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default Badge;
+export { Badge };

package/dist/components/ui/button/Button.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "primary-destructive" | "secondary" | "secondary-destructive" | "outline" | "outline-destructive" | "ghost" | "ghost-destructive" | "link-destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-2xl" | null | undefined;
+    defaultVariants?: "size" | "variant" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/button/Button.test.d.ts

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

package/dist/components/ui/button-group/ButtonGroup.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from '../separator/separator';
+import { ReactNode } from 'react';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function ButtonGroupRoot({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export type ButtonGroupOption<T> = {
+    label: string;
+    Icon?: ReactNode;
+    value: T;
+};
+export type ButtonGroupProps<T> = {
+    options: ButtonGroupOption<T>[];
+    onSelect(value: T): void;
+    containerClassName?: string;
+    value: T | null | undefined;
+} & VariantProps<typeof buttonGroupVariants>;
+export declare function ButtonGroup<T>({ onSelect, options, containerClassName, value, orientation, }: ButtonGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/button-group/ButtonGroup.test.d.ts

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

package/dist/components/ui/checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    variant?: "default" | "circle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const iconVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox, checkboxVariants, iconVariants };
+export type { CheckboxProps };

package/dist/components/ui/checkbox/Checkbox.test.d.ts

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

package/dist/components/ui/field/Field.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from '../Label/Label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

package/dist/components/ui/field/Filed.test.d.ts

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

package/dist/components/ui/input/Input.d.ts

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

package/dist/components/ui/input/Input.test.d.ts

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

package/dist/components/ui/separator/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

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" | "subheading" | "paragraph" | "description" | 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.test.d.ts

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

package/dist/index.d.ts

@@ -1 +1,7 @@
-export * from './components/ui/button./Button';
+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/field/Field';
+export * from './components/ui/input/Input';
+export * from './components/ui/text/Text';