elij-ui-library 0.1.0

package/README.md

@@ -0,0 +1,100 @@
+# Elij UI
+
+A reusable React + TypeScript component library with Storybook documentation.
+
+## Development
+
+```bash
+npm install
+npm run dev
+```
+
+Storybook will be available at `http://localhost:6006`.
+
+## Build
+
+```bash
+npm run build
+npm run build-storybook
+```
+
+## Components
+
+- Actions: `Button`
+- Data visualization: `LineChart`, `BarChart`, `AreaChart`, `PieChart`, `DonutChart`, `StackedBarChart`, `StackedBarLineChart`, `VerticalBarChart`, `HorizontalBarChart`, `GroupedBarChart`, `DualAxisChart`
+- General: `Title`, `Text`, `Paragraph`, `Link`
+- Forms: `Input`, `Textarea`, `Checkbox`, `RadioGroup`, `Switch`, `Select`
+- Navigation: `Menu`, `Dropdown`, `Tabs`, `Breadcrumb`, `Pagination`, `Steps`
+- Feedback: `Alert`, `Spinner`, `Skeleton`, `Progress`, `Result`
+- Data display: `Badge`, `Card`, `CardHeader`, `CardBody`, `CardFooter`, `Avatar`, `Tag`, `Tooltip`, `Table`, `Empty`
+- Overlay: `Dialog`, `Drawer`
+- Layout: `Divider`, `Space`, `Flex`, `Row`, `Col`, `Layout`, `Header`, `Sider`, `Content`, `Footer`
+
+Every component includes TypeScript types and Storybook examples. Form controls expose native HTML attributes, and interactive components include keyboard and accessibility semantics.
+
+## Test
+
+```bash
+npm run test
+npm run typecheck
+npm run lint
+```
+
+## Use from another local project
+
+Build this library first, then install it from the consuming project:
+
+```bash
+npm install ../ui-library
+```
+
+Import the shared stylesheet once in your application's entry file, then use components normally:
+
+```tsx
+import 'elij-ui-library/styles.css';
+import { Button } from 'elij-ui-library';
+
+export function Example() {
+  return <Button variant="primary">Continue</Button>;
+}
+```
+
+## Locale and color themes
+
+Wrap your application, or one section of it, with `UIProvider`. English and light theme are used by default.
+
+```tsx
+import 'elij-ui-library/styles.css';
+import { Button, UIProvider, useUI } from 'elij-ui-library';
+
+function Actions() {
+  const { t } = useUI();
+  return <Button>{t('next')}</Button>;
+}
+
+export function App() {
+  return (
+    <UIProvider locale="zh-CN" theme="dark">
+      <Actions />
+    </UIProvider>
+  );
+}
+```
+
+Built-in locales are `en` and `zh-CN`. Built-in themes are `light`, `dark`, and `ocean`. Add another locale by passing `messages`, and add another theme by defining CSS variables under your own `[data-ui-theme="..."]` selector.
+
+Elij UI automatically translates built-in control text and accessible labels such as close, loading, pagination, menus, tabs, steps, and progress. Product-specific content—titles, field labels, table data, and messages—remains owned by the consuming application and should be passed through props. In Storybook, use the globe toolbar to switch both component semantics and demo content between English and Simplified Chinese.
+
+```tsx
+<UIProvider
+  locale="en-SG"
+  messages={{ next: 'Carry on' }}
+  theme="my-theme"
+>
+  <App />
+</UIProvider>
+```
+
+For active development across projects, use `npm link` or a workspace monorepo. Before publishing to npm, remove `private: true` from `package.json`, choose an available package name, and run `npm publish --access public`.
+
+Charts are responsive and theme-aware, with loading, empty, tooltip, legend, formatter, custom palette, and accessible-label support. Cartesian charts accept `data`, `series`, and `xKey`; pie charts accept `nameKey` and `valueKey`.

package/dist/components/ActionLinkButton/ActionLinkButton.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ButtonSize, ButtonVariant } from '../Button';
+export interface ActionLinkButtonProps {
+    href: string;
+    children: ReactNode;
+    icon?: ReactNode;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    className?: string;
+    target?: string;
+    rel?: string;
+}
+export declare function ActionLinkButton({ href, children, icon, size, variant, className, target, rel, }: ActionLinkButtonProps): import("react").JSX.Element;

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

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

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    children: ReactNode;
+    title?: ReactNode;
+    variant?: AlertVariant;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}
+export declare function Alert({ children, title, variant, onDismiss, dismissLabel, className, ...props }: AlertProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert';

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    alt?: string;
+    children?: ReactNode;
+    size?: 'small' | 'medium' | 'large' | number;
+    shape?: 'circle' | 'square';
+}
+export declare function Avatar({ src, alt, children, size, shape, className, style, ...props }: AvatarProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type BadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+    variant?: BadgeVariant;
+}
+export declare function Badge({ children, variant, className, ...props }: BadgeProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeVariant } from './Badge';

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    ariaLabel?: string;
+    className?: string;
+}
+export declare function Breadcrumb({ items, separator, ariaLabel, className }: BreadcrumbProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbItem, BreadcrumbProps } from './Breadcrumb';

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

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './Button';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    interactive?: boolean;
+}
+export declare function Card({ children, interactive, className, ...props }: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardBody({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Card, CardBody, CardFooter, CardHeader } from './Card';
+export type { CardProps } from './Card';

package/dist/components/Charts/Charts.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+export interface ChartSeries {
+    dataKey: string;
+    name?: string;
+    color?: string;
+    stackId?: string;
+    yAxisId?: string;
+}
+export interface CartesianChartProps {
+    data: Record<string, unknown>[];
+    series: ChartSeries[];
+    xKey: string;
+    height?: number;
+    loading?: boolean;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    ariaLabel?: string;
+    valueFormatter?: (value: unknown) => ReactNode;
+    barSize?: number;
+    className?: string;
+}
+export interface CombinationChartProps extends Omit<CartesianChartProps, 'series'> {
+    barSeries: ChartSeries[];
+    lineSeries: ChartSeries[];
+    dualAxis?: boolean;
+}
+export interface PieChartProps {
+    data: Record<string, unknown>[];
+    nameKey: string;
+    valueKey: string;
+    height?: number;
+    loading?: boolean;
+    donut?: boolean;
+    colors?: string[];
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    ariaLabel?: string;
+    valueFormatter?: (value: unknown) => ReactNode;
+    className?: string;
+}
+export declare function LineChart(props: CartesianChartProps): import("react").JSX.Element;
+export declare function BarChart(props: CartesianChartProps): import("react").JSX.Element;
+export declare function AreaChart(props: CartesianChartProps): import("react").JSX.Element;
+export declare function VerticalBarChart(props: CartesianChartProps): import("react").JSX.Element;
+export declare function GroupedBarChart(props: CartesianChartProps): import("react").JSX.Element;
+export declare function StackedBarChart({ series, ...props }: CartesianChartProps): import("react").JSX.Element;
+export declare function HorizontalBarChart({ data, series, xKey, height, loading, showGrid, showLegend, showTooltip, ariaLabel, valueFormatter, barSize, className }: CartesianChartProps): import("react").JSX.Element;
+export declare function StackedBarLineChart({ data, barSeries, lineSeries, xKey, dualAxis, height, loading, showGrid, showLegend, showTooltip, ariaLabel, valueFormatter, barSize, className }: CombinationChartProps): import("react").JSX.Element;
+export declare function DualAxisChart(props: CombinationChartProps): import("react").JSX.Element;
+export declare function PieChart({ data, nameKey, valueKey, height, loading, donut, colors, showLegend, showTooltip, ariaLabel, valueFormatter, className }: PieChartProps): import("react").JSX.Element;
+export declare function DonutChart(props: Omit<PieChartProps, 'donut'>): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { AreaChart, BarChart, DonutChart, DualAxisChart, GroupedBarChart, HorizontalBarChart, LineChart, PieChart, StackedBarChart, StackedBarLineChart, VerticalBarChart } from './Charts';
+export type { CartesianChartProps, ChartSeries, CombinationChartProps, PieChartProps } from './Charts';

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

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+    indeterminate?: boolean;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    closeLabel?: string;
+    closeOnOverlayClick?: boolean;
+}
+export declare function Dialog({ open, onOpenChange, title, description, children, footer, closeLabel, closeOnOverlayClick }: DialogProps): import("react").JSX.Element | null;

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

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

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    label?: ReactNode;
+}
+export declare function Divider({ orientation, label, className, ...props }: DividerProps): import("react").JSX.Element;

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

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

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface DrawerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    placement?: 'left' | 'right';
+    width?: number | string;
+    closeLabel?: string;
+    closeOnOverlayClick?: boolean;
+}
+export declare function Drawer({ open, onOpenChange, title, children, footer, placement, width, closeLabel, closeOnOverlayClick }: DrawerProps): import("react").JSX.Element | null;

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement, ReactNode } from 'react';
+import { MenuItem } from '../Menu';
+export interface DropdownProps {
+    trigger: ReactElement;
+    items: MenuItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (key: string) => void;
+    placement?: 'bottom-start' | 'bottom-end';
+    children?: ReactNode;
+}
+export declare function Dropdown({ trigger, items, open, defaultOpen, onOpenChange, onSelect, placement }: DropdownProps): import("react").JSX.Element;

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

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

package/dist/components/Empty/Empty.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface EmptyProps {
+    description?: ReactNode;
+    image?: ReactNode;
+    children?: ReactNode;
+    compact?: boolean;
+    className?: string;
+}
+export declare function Empty({ description, image, children, compact, className }: EmptyProps): import("react").JSX.Element;

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

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

package/dist/components/EventCarousel/EventCarousel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type CarouselMedia = {
+    src: string;
+    alt?: string;
+    type?: 'image' | 'video';
+};
+export interface EventCarouselProps {
+    title: ReactNode;
+    description?: ReactNode;
+    media: readonly CarouselMedia[];
+    className?: string;
+}
+export declare function EventCarousel({ title, description, media, className }: EventCarouselProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { EventCarousel } from './EventCarousel';
+export type { CarouselMedia, EventCarouselProps } from './EventCarousel';

package/dist/components/FilterTabs/FilterTabs.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface FilterTabItem {
+    id: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface FilterTabsProps {
+    items: readonly FilterTabItem[];
+    activeKey: string;
+    onChange?: (key: string) => void;
+    ariaLabel?: string;
+    className?: string;
+}
+export declare function FilterTabs({ items, activeKey, onChange, ariaLabel, className }: FilterTabsProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { FilterTabs } from './FilterTabs';
+export type { FilterTabItem, FilterTabsProps } from './FilterTabs';

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    vertical?: boolean;
+    gap?: number | string;
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
+    flex?: CSSProperties['flex'];
+}
+export declare function Flex({ children, vertical, gap, align, justify, wrap, flex, className, style, ...props }: FlexProps): import("react").JSX.Element;

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

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

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export interface RowProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    gutter?: number;
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+}
+export declare function Row({ children, gutter, align, justify, className, style, ...props }: RowProps): import("react").JSX.Element;
+export interface ColProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    span?: number;
+    offset?: number;
+    gutter?: number;
+}
+export declare function Col({ children, span, offset, gutter, className, style, ...props }: ColProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Col, Row } from './Grid';
+export type { ColProps, RowProps } from './Grid';

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

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    errorMessage?: ReactNode;
+    fullWidth?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export declare function Layout({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare const Header: ({ className, ...props }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;
+export declare const Sider: ({ className, ...props }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;
+export declare const Content: ({ className, ...props }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;
+export declare const Footer: ({ className, ...props }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export { Content, Footer, Header, Layout, Sider } from './Layout';

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface MenuItem {
+    key: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+}
+export interface MenuProps {
+    items: MenuItem[];
+    selectedKey?: string;
+    defaultSelectedKey?: string;
+    onSelect?: (key: string) => void;
+    mode?: 'vertical' | 'horizontal';
+    ariaLabel?: string;
+    className?: string;
+}
+export declare function Menu({ items, selectedKey, defaultSelectedKey, onSelect, mode, ariaLabel, className }: MenuProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Menu } from './Menu';
+export type { MenuItem, MenuProps } from './Menu';

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

@@ -0,0 +1,10 @@
+export interface PaginationProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    onChange: (page: number) => void;
+    siblingCount?: number;
+    ariaLabel?: string;
+    className?: string;
+}
+export declare function Pagination({ current, total, pageSize, onChange, siblingCount, ariaLabel, className }: PaginationProps): import("react").JSX.Element;

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

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

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'type'> {
+    percent: number;
+    type?: 'line' | 'circle';
+    status?: 'normal' | 'success' | 'error';
+    showInfo?: boolean;
+    label?: string;
+}
+export declare function Progress({ percent, type, status, showInfo, label, className, ...props }: ProgressProps): import("react").JSX.Element;

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

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

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface RadioOption {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name?: string;
+    label?: ReactNode;
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+export declare function RadioGroup({ name, label, options, value, defaultValue, onValueChange, disabled, orientation, className }: RadioGroupProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';

package/dist/components/Result/Result.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface ResultProps {
+    status?: 'success' | 'info' | 'warning' | 'error';
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    actions?: ReactNode;
+    className?: string;
+}
+export declare function Result({ status, title, description, icon, actions, className }: ResultProps): import("react").JSX.Element;

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

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

package/dist/components/SectionHeading/SectionHeading.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface SectionHeadingProps {
+    eyebrow: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    className?: string;
+}
+export declare function SectionHeading({ eyebrow, title, description, className }: SectionHeadingProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode, SelectHTMLAttributes } from 'react';
+export interface SelectOption {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    errorMessage?: ReactNode;
+    options: SelectOption[];
+    placeholder?: string;
+    fullWidth?: boolean;
+}
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectOption, SelectProps } from './Select';

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: 'text' | 'circle' | 'rectangle';
+    width?: number | string;
+    height?: number | string;
+    animated?: boolean;
+}
+export declare function Skeleton({ variant, width, height, animated, className, style, ...props }: SkeletonProps): import("react").JSX.Element;

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

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

package/dist/components/Space/Space.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    size?: 'small' | 'medium' | 'large' | number;
+    wrap?: boolean;
+    align?: CSSProperties['alignItems'];
+}
+export declare function Space({ children, direction, size, wrap, align, className, style, ...props }: SpaceProps): import("react").JSX.Element;

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

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