elseware-ui 2.22.1 → 2.22.3

package/README.md

@@ -1,5 +1,40 @@
 # elseware UI
 
+## Component Imports Structure
+
+```javascript
+// External
+import { ReactNode } from "react";
+
+// Internal
+import { cn } from "@/utils";
+
+// Types
+import { BaseComponentProps } from "@/interfaces";
+import { Variant, Shape, Size } from "@/types";
+
+// Data
+import {
+  shapes,
+  variants,
+  borderVariants,
+  avatarSizes,
+} from "@/data/styles";
+```
+
+Copy the following and define the component imports accordingly
+
+```javascript
+// External
+
+// Internal
+
+// Types
+
+// Data
+```
+
+
 ## Folder Hierarchy
 - components: Base UI primitives (buttons, inputs, modals, etc.)
 - compositions: Composite reusable structures built from primitives

package/build/components/data-display/avatar/Avatar.d.ts

@@ -1,15 +1,13 @@
 import { ReactNode } from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface AvatarProps {
+import { BaseComponentProps } from "../../../interfaces";
+import { Variant, Shape, Size } from "../../../types";
+export interface AvatarProps extends BaseComponentProps {
     alt?: string;
     icon?: ReactNode;
-    children?: ReactNode;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
+    variant?: Variant;
+    shape?: Shape;
+    size?: Size;
     src?: string;
-    styles?: string;
-    onClick?: () => void;
     borderVariant?: boolean;
 }
-export declare const Avatar: ({ alt, icon, children, variant, shape, size, src, styles, onClick, borderVariant, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ alt, icon, children, variant, shape, size, src, borderVariant, className, ...rest }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/badge/Badge.d.ts

@@ -1,15 +1,13 @@
-import { ReactNode } from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface BadgeProps {
-    children?: ReactNode;
+import { BaseComponentProps } from "../../../interfaces";
+import { Variant, Shape, Size, OctilePosition } from "../../../types";
+export interface BadgeProps extends BaseComponentProps {
     offset?: [number, number];
     dot?: boolean;
     count?: number;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
+    variant?: Variant;
+    shape?: Shape;
+    size?: Size;
     showZero?: boolean;
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
-    styles?: string;
+    position?: OctilePosition;
 }
-export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, position, styles, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, position, className, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/banners/TitleBanner.d.ts

@@ -1,16 +1,9 @@
 import { ReactNode } from "react";
-export interface TitleBannerLevel1Props {
+import { BaseComponentProps } from "../../../interfaces";
+import { TitleBannerLevel } from "../../../types";
+export interface TitleBannerProps extends BaseComponentProps {
     title: string;
-    children?: ReactNode;
+    level?: TitleBannerLevel;
+    rightSection?: ReactNode;
 }
-export interface TitleBannerLevel2Props {
-    title: string;
-    children?: ReactNode;
-}
-export interface TitleBannerProps {
-    title: string;
-    level?: 1 | 2;
-    children?: ReactNode;
-}
-declare function TitleBanner({ title, level, children, }: TitleBannerProps): import("react/jsx-runtime").JSX.Element;
-export default TitleBanner;
+export declare const TitleBanner: ({ title, level, rightSection, className, ...rest }: TitleBannerProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/banners/index.d.ts

@@ -1,2 +1 @@
-import TitleBanner from "./TitleBanner";
-export { TitleBanner };
+export { TitleBanner } from "./TitleBanner";

package/build/components/data-display/brand/Brand.d.ts

@@ -1,8 +1,7 @@
-export interface BrandProps {
-    imgSrc?: string;
+import { BaseComponentProps } from "../../../interfaces";
+export interface BrandProps extends BaseComponentProps {
+    src?: string;
     alt?: string;
-    styles?: string;
-    onClick?: () => void;
 }
-declare function Brand({ imgSrc, alt, styles, onClick }: BrandProps): import("react/jsx-runtime").JSX.Element;
+declare function Brand({ src, alt, className, ...rest }: BrandProps): import("react/jsx-runtime").JSX.Element;
 export default Brand;

package/build/components/data-display/charts/bar-chart/BarChart.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { ChartOptions, ChartData } from "chart.js";
-export interface BarChartProps {
+import { BaseComponentProps } from "../../../../interfaces";
+export interface BarChartProps extends BaseComponentProps {
     data: ChartData<"bar">;
     options: ChartOptions<"bar">;
-    styles?: string;
 }
 declare const BarChart: React.FC<BarChartProps>;
 export default BarChart;

package/build/components/data-display/charts/line-chart/LineChart.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-import { ChartData, ChartOptions } from 'chart.js';
-export interface LineChartProps {
-    data: ChartData<'line'>;
-    options?: ChartOptions<'line'>;
+import React from "react";
+import { ChartData, ChartOptions } from "chart.js";
+import { BaseComponentProps } from "../../../../interfaces";
+export interface LineChartProps extends BaseComponentProps {
+    data: ChartData<"line">;
+    options?: ChartOptions<"line">;
 }
 declare const LineChart: React.FC<LineChartProps>;
 export default LineChart;

package/build/components/data-display/charts/pie-chart/PieChart.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { ChartData, ChartOptions } from "chart.js";
-export interface PieChartProps {
+import { BaseComponentProps } from "../../../../interfaces";
+export interface PieChartProps extends BaseComponentProps {
     data: ChartData<"pie">;
     options: ChartOptions<"pie">;
-    styles?: string;
 }
 declare const PieChart: React.FC<PieChartProps>;
 export default PieChart;

package/build/components/data-display/chip/Chip.d.ts

@@ -1,10 +1,10 @@
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface ChipProps {
+import { BaseComponentProps } from "../../../interfaces";
+import { Variant, Shape, Size } from "../../../types";
+export interface ChipProps extends BaseComponentProps {
     label?: string;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
+    variant?: Variant;
+    shape?: Shape;
     ghost?: boolean;
-    size?: keyof typeof Size;
-    styles?: string;
+    size?: Size;
 }
-export declare const Chip: ({ label, variant, shape, ghost, size, styles, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ label, variant, shape, ghost, size, className, ...rest }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/flag/Flag.d.ts

@@ -1,9 +1,7 @@
-import React from "react";
-export type FlagProps = {
+import { BaseComponentProps } from "../../../interfaces";
+export interface FlagProps extends BaseComponentProps {
     code: string;
     width?: number | string;
     height?: number | string;
-    className?: string;
-};
-declare const Flag: React.FC<FlagProps>;
-export default Flag;
+}
+export declare const Flag: ({ code, width, height, className, ...rest }: FlagProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/flag/index.d.ts

@@ -1,2 +1,2 @@
-import Flag from "./Flag";
+import { Flag } from "./Flag";
 export { Flag };

package/build/components/data-display/graphs/Graph.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 import { GraphData } from "./types";
-export interface GraphProps {
+import { BaseComponentProps } from "../../../interfaces";
+export interface GraphProps extends BaseComponentProps {
     data: GraphData;
-    layout?: "force" | "grid" | "tree";
+    layout?: string;
     nodeRenderer?: (node: any) => React.ReactNode;
     width?: number;
     height?: number;
 }
-export declare const Graph: ({ data, layout, nodeRenderer, width, height, }: GraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Graph: ({ data, layout, nodeRenderer, width, height, className, ...rest }: GraphProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/graphs/com/GraphEdge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GraphEdgeType, GraphNodeType } from "../types";
+interface Props {
+    edge: GraphEdgeType;
+    nodeMap: Map<string, GraphNodeType>;
+}
+export declare const GraphEdge: React.FC<Props>;
+export {};

package/build/components/data-display/graphs/com/GraphNode.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GraphNodeType } from "../types";
+interface Props {
+    node: GraphNodeType;
+    renderCustom?: (node: GraphNodeType) => React.ReactNode;
+}
+export declare const GraphNode: React.FC<Props>;
+export {};

package/build/components/data-display/graphs/com/GraphRenderer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { GraphData, GraphNodeType } from "../types";
+interface Props {
+    data: GraphData;
+    layout?: string;
+    nodeRenderer?: (node: GraphNodeType) => React.ReactNode;
+    width?: number;
+    height?: number;
+}
+export declare const GraphRenderer: React.FC<Props>;
+export {};

package/build/components/data-display/graphs/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./Graph";
-export * from "./GraphEdge";
-export * from "./GraphNode";
-export * from "./GraphRenderer";
+export * from "./com/GraphEdge";
+export * from "./com/GraphNode";
+export * from "./com/GraphRenderer";
 export * from "./types";
 export * from "./layouts";

package/build/components/data-display/graphs/layouts/gridLayout.d.ts

@@ -1 +1,15 @@
-export declare function createGridLayout(nodes: any[], width: number, height: number): any[];
+import { GraphNodeType } from "../types";
+export declare function createGridLayout(nodes: GraphNodeType[], width: number, height: number): {
+    x: number;
+    y: number;
+    id: string;
+    label?: string | undefined;
+    type?: "default" | "avatar" | "custom" | undefined;
+    data?: any;
+    vx?: number | undefined;
+    vy?: number | undefined;
+    fx?: number | null | undefined;
+    fy?: number | null | undefined;
+    size?: number | undefined;
+    color?: string | undefined;
+}[];

package/build/components/data-display/graphs/layouts/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./forceLayout";
 export * from "./gridLayout";
 export * from "./treeLayout";
+export * from "./registry";

package/build/components/data-display/graphs/layouts/registry.d.ts

@@ -0,0 +1,14 @@
+import { GraphNodeType, GraphEdgeType, GraphLayoutType } from "../types";
+export interface LayoutContext {
+    nodes: GraphNodeType[];
+    edges: GraphEdgeType[];
+    width: number;
+    height: number;
+    onTick?: (nodes: GraphNodeType[]) => void;
+}
+export type LayoutExecutor = (ctx: LayoutContext) => {
+    type: "static" | "simulation";
+    stop?: () => void;
+};
+export declare const registerLayout: (type: GraphLayoutType, executor: LayoutExecutor) => void;
+export declare const getLayout: (type: GraphLayoutType) => LayoutExecutor;

package/build/components/data-display/graphs/layouts/treeLayout.d.ts

@@ -1 +1,2 @@
-export declare function createTreeLayout(nodes: any[], edges: any[], width: number, height: number): any[];
+import { GraphNodeType, GraphEdgeType } from "../types";
+export declare function createTreeLayout(nodes: GraphNodeType[], edges: GraphEdgeType[], width: number, height: number): GraphNodeType[];

package/build/components/data-display/graphs/types.d.ts

@@ -1,4 +1,4 @@
-export type GraphLayoutType = "force" | "grid" | "tree";
+export type GraphLayoutType = "force" | "grid" | "tree" | (string & {});
 export interface GraphData {
     nodes: GraphNodeType[];
     edges: GraphEdgeType[];

package/build/components/data-display/image/cloudinary-image/CloudinaryImage.d.ts

@@ -1,9 +1,9 @@
-export interface CloudinaryImageProps {
+import { BaseComponentProps } from "../../../../interfaces";
+export interface CloudinaryImageProps extends BaseComponentProps {
     publicId?: string;
     cloudName?: string;
     secure?: boolean;
     alt?: string;
-    styles?: string;
 }
-declare function CloudinaryImage({ publicId, cloudName, secure, alt, styles, }: CloudinaryImageProps): import("react/jsx-runtime").JSX.Element;
+declare function CloudinaryImage({ publicId, cloudName, secure, alt, className, ...rest }: CloudinaryImageProps): import("react/jsx-runtime").JSX.Element;
 export default CloudinaryImage;

package/build/components/data-display/image/image/Image.d.ts

@@ -1,8 +1,8 @@
-export interface ImageProps {
+import { BaseComponentProps } from "../../../../interfaces";
+export interface ImageProps extends BaseComponentProps {
     alt?: string;
     src?: string;
     height?: number;
     width?: number;
-    styles?: string;
 }
-export declare const Image: ({ alt, src, height, width, styles, }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: ({ alt, src, height, width, className, ...rest }: ImageProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/info/Info.d.ts

@@ -1,7 +1,9 @@
-import { ReactNode } from "react";
-export interface InfoProps {
-    children?: ReactNode;
-    styles?: string;
+import { BaseComponentProps } from "../../../interfaces";
+import { Variant, Shape, Appearance } from "../../../types";
+export interface InfoProps extends BaseComponentProps {
+    variant?: Variant;
+    appearance?: Appearance;
+    shape?: Shape;
 }
-declare function Info({ children, styles }: InfoProps): import("react/jsx-runtime").JSX.Element;
+declare function Info({ children, className, variant, appearance, shape, ...rest }: InfoProps): import("react/jsx-runtime").JSX.Element;
 export default Info;

package/build/components/data-display/lists/List.d.ts

@@ -1,7 +1,22 @@
-import { ReactNode } from "react";
-export interface ListProps {
+import React from "react";
+import { BaseComponentProps } from "../../../interfaces";
+import { ListBulletType, ListAlign, ListDirection } from "../../../types";
+export interface ListItemData {
+    content: React.ReactNode;
+    bulletType?: ListBulletType;
+    renderBullet?: (index?: number) => React.ReactNode;
+    TypographyComponent?: React.ReactNode;
+    className?: string;
+}
+export interface ListProps extends BaseComponentProps {
     title?: string;
-    children: ReactNode;
+    items: (string | React.ReactNode | ListItemData)[];
+    direction?: ListDirection;
+    gap?: 1 | 2 | 3 | 4;
+    columns?: 1 | 2 | 3 | 4;
+    align?: ListAlign;
+    wrap?: boolean;
+    bulletType?: ListBulletType;
 }
-declare function List({ title, children }: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List({ title, items, direction, gap, columns, align, wrap, bulletType, className, ...rest }: ListProps): import("react/jsx-runtime").JSX.Element;
 export default List;

package/build/components/data-display/lists/ListItem.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from "react";
-export interface ListItemWrapperProps {
-    TypographyComponent: ReactNode;
-    x: ReactNode;
-}
-export declare const ListItemWrapper: ({ TypographyComponent, x }: ListItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { ListBulletType, ListAlign } from "../../../types";
 export interface ListItemProps {
-    TypographyComponent?: ReactNode;
-    bulletVisible?: boolean;
-    children: ReactNode;
+    content: React.ReactNode;
+    index?: number;
+    TypographyComponent?: React.ReactNode;
+    bulletType?: ListBulletType;
+    renderBullet?: (index?: number) => React.ReactNode;
+    align?: ListAlign;
+    className?: string;
 }
-declare const ListItem: ({ TypographyComponent, bulletVisible, children }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItem: ({ content, TypographyComponent, bulletType, renderBullet, index, align, className, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/build/components/data-display/lists/index.d.ts

@@ -1,3 +1,4 @@
 import List from "./List";
 import ListItem from "./ListItem";
-export { List, ListItem };
+import { ListItemData } from "./List";
+export { List, ListItem, ListItemData };

package/build/data/enums.d.ts

@@ -45,3 +45,6 @@ export declare enum Target {
     parent = "parent",
     top = "top"
 }
+export declare enum CornerPositions {
+    "top-right" = "top-right"
+}

package/build/data/styles.d.ts

@@ -104,3 +104,73 @@ export declare const cardBgVariants: {
     light: string;
     dark: string;
 };
+export declare const avatarSizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const badgeSizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const badgePositions: {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    "top-right": string;
+    "top-left": string;
+    "bottom-right": string;
+    "bottom-left": string;
+};
+export declare const chipSizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const infoVariantsLite: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};
+export declare const infoVariantsGhost: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};
+export declare const infoVariantsSolid: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};
+export declare const bulletTypes: {
+    dot: import("react/jsx-runtime").JSX.Element;
+    diamond: import("react/jsx-runtime").JSX.Element;
+    number: null;
+    none: null;
+};

package/build/index.d.ts

@@ -5,3 +5,5 @@ export * from "./compositions";
 export * from "./hooks";
 export * from "./layouts";
 export * from "./utils";
+export * from "./interfaces";
+export * from "./types";