dga-ui-react 1.2.1

package/dist/index.d.ts

@@ -0,0 +1,604 @@
+import React, { HTMLAttributes, SyntheticEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DateObject } from 'react-multi-date-picker';
+
+declare const withRtl: (Component: React.FC<any>) => React.FC<React.ReactNode>;
+
+declare const useTheme: () => Theme;
+
+type Props$3 = {
+    theme: ThemeProps;
+    children: React.ReactNode;
+};
+declare const ThemeProvider: React.FC<Props$3>;
+
+interface DGA_AccordionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "title"> {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    size?: Size;
+    expanded?: boolean;
+    onChange?: (event: React.SyntheticEvent, isExpanded: boolean) => void;
+    defaultExpanded?: boolean;
+    iconAlignment?: "leading" | "trailing";
+    flush?: boolean;
+}
+declare const Accordion: React.FC<DGA_AccordionProps>;
+
+type Variant = "default" | "darker" | "lighter";
+declare const Autocomplete: <T>({ label, className, size, variant, error, onChange, value, placeholder, options, getOptionLabel, disabled, multiple, maxTagsToShow, maxTagsLabel, }: {
+    label: React.ReactNode;
+    className?: string;
+    placeholder?: string;
+    size?: "large" | "medium";
+    variant?: Variant;
+    error?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    maxTagsToShow?: number;
+    maxTagsLabel?: string;
+    value?: T | T[];
+    options: T[];
+    getOptionLabel?: (option: T) => string;
+    onChange?: (e: React.SyntheticEvent, value: T | T[]) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+type DGA_AvatarSize = "xxSmall" | "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge";
+type DGA_AvatarProps = {
+    size?: DGA_AvatarSize;
+    text?: React.ReactNode;
+    icon?: React.ReactNode;
+    imageSrc?: string;
+    className?: string;
+    square?: boolean;
+    index?: number;
+    border?: boolean;
+    borderColor?: string;
+};
+declare const Avatar: React.FC<DGA_AvatarProps>;
+
+type DGA_BreadcrumbProps = {
+    items: {
+        label: React.ReactNode;
+        onClick?: Function;
+    }[];
+    className?: string;
+};
+declare const Breadcrumb: React.FC<DGA_BreadcrumbProps>;
+
+interface DGA_ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
+    children?: React.ReactNode;
+    size?: Size;
+    style?: "primary" | "neutral" | "secondary-solid" | "secondary-outline" | "subtle" | "transparent";
+    buttonStyle?: React.CSSProperties;
+    destructive?: boolean;
+    iconOnly?: boolean;
+    onColor?: boolean;
+    leadIcon?: React.ReactNode;
+    trailIcon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<DGA_ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface DGA_CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "title"> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    type?: "default" | "expandable" | "selectable";
+    state?: "default" | "disabled" | "focused" | "hover";
+    effect?: "withShadow" | "noShadow" | "stroke";
+    expandableContent?: React.ReactNode;
+    actionsButtons?: React.ReactElement<typeof Button>[];
+    expanded?: boolean;
+    selected?: boolean;
+    onChange?: (event: React.SyntheticEvent, value: boolean) => void;
+}
+declare const Card: React.FC<DGA_CardProps>;
+
+interface DGA_CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "style"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    onChange?: (e: React.SyntheticEvent, value: boolean) => void;
+    value?: any;
+    size?: "xSmall" | "small" | "medium";
+    indeterminate?: boolean;
+    style?: "primary" | "neutral";
+}
+declare const Checkbox: React.FC<DGA_CheckboxProps>;
+
+type Style$3 = "default" | "filledDarker" | "filledLighter";
+interface DGA_TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "style"> {
+    label?: React.ReactNode;
+    size?: "large" | "medium";
+    style?: Style$3;
+    error?: boolean;
+    prefix?: React.ReactNode;
+    prefixStyle?: "solid" | "subtle";
+    suffix?: React.ReactNode;
+    suffixStyle?: "solid" | "subtle";
+    icon?: React.ReactNode;
+}
+declare const TextInput: React.ForwardRefExoticComponent<DGA_TextInputProps & React.RefAttributes<HTMLInputElement>>;
+
+type Props$2 = {
+    hijri?: boolean;
+    range?: boolean;
+    minYear?: number;
+    maxYear?: number;
+    onChange?: (dateObject: DateObject) => void;
+    onRangeChange?: (datesObject: DateObject[]) => void;
+    value?: DateObject | DateObject[];
+    withTextInput?: boolean;
+    textInputProps?: DGA_TextInputProps;
+    closeOnSelect?: boolean;
+    rangeSeparator?: string;
+    minDate?: DateObject;
+    maxDate?: DateObject;
+};
+declare const DatePicker: React.FC<Props$2>;
+
+type FileCardStatus = "loading" | "success" | "error";
+type Props$1 = {
+    status?: FileCardStatus;
+    filename: React.ReactNode;
+    helperText?: React.ReactNode;
+    onDelete: Function;
+    theme: Theme;
+};
+declare const FileCard: React.FC<Props$1>;
+
+type FilesListItem = {
+    file: File;
+    id: string;
+    status?: FileCardStatus;
+    helperText?: React.ReactNode;
+};
+interface DGA_FileUploadProps$1 extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onDrop" | "title"> {
+    title?: React.ReactNode;
+    helperText?: React.ReactNode;
+    uploadText?: React.ReactNode;
+    onDrop: (fileList: FilesListItem[]) => void;
+    filesList?: FilesListItem[];
+    onFileListItemDeleted?: (file: FilesListItem) => void;
+    submitButton?: React.ReactElement<typeof Button>;
+}
+declare const FileUpload: React.FC<DGA_FileUploadProps$1>;
+
+interface DGA_FileUploadProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onDrop" | "title"> {
+    title?: React.ReactNode;
+    helperText?: React.ReactNode;
+    uploadText?: React.ReactNode;
+    onDrop: (fileList: FilesListItem[]) => void;
+    filesList?: FilesListItem[];
+    onFileListItemDeleted?: (file: FilesListItem) => void;
+    submitButton?: React.ReactElement<typeof Button>;
+}
+declare const DropZone: React.FC<DGA_FileUploadProps>;
+
+interface DGA_DropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    selected?: boolean;
+    multiple?: boolean;
+    value?: any;
+    onClick?: (e: React.SyntheticEvent, value: any) => void;
+    children: React.ReactNode;
+}
+declare const DropdownItem: React.FC<DGA_DropdownItemProps>;
+
+type State = "default" | "hovered" | "pressed" | "focused" | "read-only" | "disabled";
+type Style$2 = "default" | "filled" | "filled-darker" | "filled-lighter";
+interface DGA_DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "style"> {
+    label?: React.ReactNode;
+    className?: string;
+    name?: string;
+    placeholder?: string;
+    size?: "large" | "medium";
+    state?: State;
+    error?: boolean;
+    filled?: boolean;
+    style?: Style$2;
+    dropdownStyle?: React.CSSProperties;
+    value?: any;
+    valueDisplay?: any;
+    onChange?: (e: React.SyntheticEvent, value: any) => void;
+    onOpen?: Function;
+    multiple?: boolean;
+    children: (React.ReactElement<typeof DropdownItem> | null | false)[];
+}
+declare const Dropdown: React.FC<DGA_DropdownProps>;
+
+interface DGA_GridProps extends HTMLAttributes<HTMLDivElement> {
+    container?: boolean;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    rowSpacing?: number;
+    columnSpacing?: number;
+    children: React.ReactNode;
+}
+declare const Grid: React.FC<DGA_GridProps>;
+
+interface DGA_InlineAlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    leadText: React.ReactNode;
+    helpText?: React.ReactNode;
+    type?: ThemeColorName;
+    closeButton?: boolean;
+    actions?: React.ReactNode;
+    onClose?: Function;
+    background?: "white" | "color";
+}
+declare const InlineAlert: React.FC<DGA_InlineAlertProps>;
+
+interface DGA_LinkProps$1 extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "style"> {
+    size?: "medium" | "small";
+    style?: "primary" | "neutral" | "on-color";
+    inline?: boolean;
+    disabled?: boolean;
+    children: React.ReactNode;
+}
+declare const Link: React.FC<DGA_LinkProps$1>;
+
+interface DGA_LinkProps extends Omit<React.OlHTMLAttributes<HTMLOListElement>, "style" | "type"> {
+    style?: "primary" | "neutral" | "on-color";
+    type?: "ordered-list" | "unordered-list" | "with-icon";
+    level?: 1 | 2 | "1" | "2";
+    iconUrl?: string;
+    children: React.ReactNode;
+}
+declare const List: React.FC<DGA_LinkProps>;
+
+type DGA_LoadingSize = "xxSmall" | "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge";
+interface FGA_LoadingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    style?: "primary" | "neutral" | "on-color";
+    size?: DGA_LoadingSize;
+    className?: string;
+    loadingStyle?: React.CSSProperties;
+}
+declare const Loading: React.FC<FGA_LoadingProps>;
+
+interface DGA_MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    menuItems: React.ReactNode;
+    children: React.ReactNode;
+    keepOpenOnItemsClicked?: boolean;
+    onOpen?: (e: SyntheticEvent) => void;
+    onClose?: (e: SyntheticEvent) => void;
+}
+declare const Menu: React.FC<DGA_MenuProps>;
+
+interface DGA_MenuItemProps$1 extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    trailIcon?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const MenuItem: React.FC<DGA_MenuItemProps$1>;
+
+interface DGA_MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const MenuItemGroup: React.FC<DGA_MenuItemProps>;
+
+interface DGA_ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    body?: React.ReactNode;
+    align?: "start" | "center";
+    size?: "auto" | 600;
+    open: boolean;
+    onClose?: Function;
+    footerStartButtons?: React.ReactElement<typeof Button>[];
+    footerEndButtons?: React.ReactElement<typeof Button>[];
+}
+declare const Modal: React.FC<DGA_ModalProps>;
+
+interface DGA_NotificationProps {
+    style: 'success' | 'info' | 'neutral' | 'warning' | 'critical';
+    className?: string;
+    icon?: boolean;
+    leadText?: string;
+    link?: React.ReactNode;
+    dismissible?: boolean;
+    button?: React.ReactNode;
+    helpText?: string;
+    onClose?: Function;
+}
+declare const Notification: React.FC<DGA_NotificationProps>;
+
+interface DGA_PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    count: number;
+    currentPage: number;
+    size?: Size;
+    siblingCount?: number;
+    onPageChange?: (pageNumber: number) => void;
+}
+declare const Pagination: React.FC<DGA_PaginationProps>;
+
+interface DGA_ProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    steps: {
+        title: React.ReactNode;
+        description?: React.ReactNode;
+    }[];
+    activeStepIndex: number;
+    alignment?: "vertical" | "horizontal";
+    dot?: boolean;
+    onStepClick?: (stepIndex: number) => void;
+}
+declare const ProgressIndicator: React.FC<DGA_ProgressIndicatorProps>;
+
+interface DGA_RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "style"> {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    style?: "primary" | "neutral";
+    onChange?: (e: React.SyntheticEvent, value: any) => void;
+    value?: any;
+    groupValue?: any;
+}
+declare const Radio: React.FC<DGA_RadioProps>;
+
+interface DGA_RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    onChange?: (event: React.SyntheticEvent, value: any) => void;
+    children: React.ReactElement<typeof Radio> | React.ReactElement<typeof Radio>[];
+    name?: string;
+    value?: any;
+    layout?: "vertiaval" | "horizontal";
+}
+declare const RadioGroup: React.FC<DGA_RadioGroupProps>;
+
+interface DGA_SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "onChange"> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    alertMessage?: React.ReactNode;
+    color?: ColorName;
+    checked?: boolean;
+    trailSwitch?: boolean;
+    icon?: React.ReactNode;
+    onChange?: (event: React.SyntheticEvent, isChecked: boolean) => void;
+}
+declare const Switch: React.FC<DGA_SwitchProps>;
+
+type TagStatusVariantColors = {
+    bg: string;
+    iconBg: string;
+    font: string;
+};
+type TagStatusVariantDetails = {
+    subtle: TagStatusVariantColors;
+    inverted: TagStatusVariantColors;
+    ghost: TagStatusVariantColors;
+};
+type TagStatusVariant = keyof TagStatusVariantDetails;
+type TagStatusColorName = "neutral" | "green" | "blue" | "yellow" | "red";
+
+interface DGA_TagProps$2 extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
+    children: React.ReactNode;
+    status?: TagStatusVariant;
+    size?: "xsmall" | "small" | "medium";
+    style?: TagStatusColorName;
+}
+declare const StatusTag: React.FC<DGA_TagProps$2>;
+
+declare const Table: <T>({ contained, compact, alternatingRows, selectable, className, labels, values, onRowClick, onCheck, responsiveThreshold, columnDivider, headerColumnDivider, lastColumnWidthMultiply, }: {
+    contained?: boolean;
+    compact?: boolean;
+    alternatingRows?: boolean;
+    selectable?: boolean;
+    className?: string;
+    labels: Record<string, any>;
+    values: T[];
+    onRowClick?: (row: T) => void;
+    onCheck?: (rows: T[]) => void;
+    responsiveThreshold?: number;
+    columnDivider?: boolean;
+    headerColumnDivider?: boolean;
+    lastColumnWidthMultiply?: number;
+}) => react_jsx_runtime.JSX.Element;
+
+interface DGA_TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    size?: Size;
+    selected?: boolean;
+    vertical?: boolean;
+}
+declare const Tab: React.FC<DGA_TabProps>;
+
+interface DGA_TagProps$1 extends React.HTMLAttributes<HTMLDivElement> {
+    children: (React.ReactNode | React.ReactElement<typeof Tab>)[];
+    size?: Size;
+    flush?: boolean;
+    vertical?: boolean;
+}
+declare const TabList: React.FC<DGA_TagProps$1>;
+
+interface DGA_TagProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
+    children: React.ReactNode;
+    style?: "neutral" | "success" | "error" | "warning" | "info" | "onColor";
+    size?: "xsmall" | "small" | "medium";
+    outLine?: boolean;
+    rounded?: boolean;
+    iconOnly?: boolean;
+    leadIcon?: React.ReactNode;
+    trailIcon?: React.ReactNode;
+}
+declare const Tag: React.FC<DGA_TagProps>;
+
+type Style$1 = "default" | "filledDarker" | "filledLighter";
+interface DGA_TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "style"> {
+    label: React.ReactNode;
+    style?: Style$1;
+    error?: boolean;
+    scrollBar?: boolean;
+    resize?: boolean;
+    ref?: React.Ref<HTMLTextAreaElement>;
+}
+declare const Textarea: React.ForwardRefExoticComponent<Omit<DGA_TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+type Position = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface NotificationToastProps {
+    leadText: React.ReactNode;
+    helpText?: string;
+    type?: "success" | "critical" | "warning" | "info";
+    closeButton?: boolean;
+    actions?: React.ReactNode;
+    onClose?: Function;
+    style?: React.CSSProperties;
+}
+interface Props extends NotificationToastProps {
+    position?: Position;
+    duration?: number;
+    rtl?: boolean;
+}
+declare const toast: (props: Props) => void;
+
+interface DGA_TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "content"> {
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    jsxContents?: React.ReactNode;
+    beakPlacement?: "top" | "bottom" | "left" | "right";
+    beakAlignment?: "start" | "end" | "center";
+    noBeak?: boolean;
+    inverted?: boolean;
+    backgroundColor?: string;
+    icon?: boolean;
+}
+declare const Tooltip: React.FC<DGA_TooltipProps>;
+
+interface DGA_HeaderMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    selected?: boolean;
+}
+declare const HeaderMenuItem: React.FC<DGA_HeaderMenuItemProps>;
+
+interface DGA_NavigationDrawerItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    children?: React.ReactNode;
+    title: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    type?: "divider" | "parent" | "link";
+    level?: 1 | 2;
+}
+declare const NavigationDrawerItem: React.FC<DGA_NavigationDrawerItemProps>;
+
+type Style = "default" | "filledDarker" | "filledLighter";
+interface DGA_SeachBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "style"> {
+    label?: React.ReactNode;
+    size?: "large" | "medium";
+    style?: Style;
+    icon?: React.ReactNode;
+    showTrailingIcon?: boolean;
+    showLabel?: boolean;
+    helperText?: React.ReactNode;
+    onSearchByVoiceClicked?: Function;
+}
+declare const SearchBox: React.FC<DGA_SeachBoxProps>;
+
+interface DGA_ContentSwitcherProps extends React.ButtonHTMLAttributes<HTMLDivElement> {
+    size?: Size;
+    onColor?: boolean;
+    data: {
+        text: React.ReactNode;
+        active?: boolean;
+        onClick?: Function;
+    }[];
+    onItemClicked?: (item: any, index: number) => void;
+}
+declare const ContentSwitcher: React.FC<DGA_ContentSwitcherProps>;
+
+type DividerColor = "neutral" | "alphaWhite" | "white" | "primary";
+interface DGA_DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    color?: DividerColor;
+    lineType?: "horizontal" | "vertical";
+}
+declare const Divider: React.FC<DGA_DividerProps>;
+
+interface DGA_SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    type?: "imageButtonAndText" | "iconAndList" | "imageContentAndButton" | "chartAndContent" | "imageProfileContentAndButton";
+}
+declare const Skeleton: React.FC<DGA_SkeletonProps>;
+
+type Size$2 = "24px" | "48px" | "64px" | "80px" | "120px" | "170px" | "240px";
+interface DGA_SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Size$2;
+}
+declare const SkeletonCircle: React.FC<DGA_SkeletonCircleProps>;
+
+type Size$1 = "24px" | "48px" | "64px" | "80px" | "120px" | "170px" | "240px";
+interface DGA_SkeletonSquareProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Size$1;
+}
+declare const SkeletonSquare: React.FC<DGA_SkeletonSquareProps>;
+
+interface DGA_SkeletonRectangleProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "large" | "medium" | "small";
+}
+declare const SkeletonRectangle: React.FC<DGA_SkeletonRectangleProps>;
+
+interface DGA_SkeletonLineProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "large" | "small";
+}
+declare const SkeletonLine: React.FC<DGA_SkeletonLineProps>;
+
+interface DGA_RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    size?: Size;
+    brand?: boolean;
+    value?: number;
+    onChange?: (value: number) => void;
+}
+declare const Rating: React.FC<DGA_RatingProps>;
+
+interface DGA_ChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    size?: Size;
+    style?: "primary" | "neutral";
+    rounded?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onColor?: boolean;
+    children?: React.ReactNode;
+    leadIcon?: React.ReactNode;
+    trailIcon?: React.ReactNode;
+}
+declare const Chip: React.FC<DGA_ChipProps>;
+
+interface DGA_FloatingButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "style"> {
+    style?: "Primary-Neutral" | "Primary-Brand" | "Secondary-Solid";
+    iconOnly?: boolean;
+    size?: "small" | "large";
+    selected?: boolean;
+    onColor?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    leadIcon?: React.ReactNode;
+}
+declare const FloatingButton: React.FC<DGA_FloatingButtonProps>;
+
+type RadialStepperSize = "40px" | "48px" | "64px" | "80px" | "120px";
+interface DGA_RadialStepperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    size?: RadialStepperSize;
+    style?: "primary" | "neutral";
+    onColor?: boolean;
+    stepsCount: number;
+    activeStep: number;
+    innerCircleText?: React.ReactNode;
+    description?: React.ReactNode;
+    preStepName?: React.ReactNode;
+    stepName?: React.ReactNode;
+    nextStepName?: React.ReactNode;
+}
+declare const RadialStepper: React.FC<DGA_RadialStepperProps>;
+
+interface DGA_ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    size?: Size;
+    percentage?: number;
+    error?: boolean;
+    success?: boolean;
+    style?: "primary" | "neutral";
+}
+declare const ProgressBar: React.FC<DGA_ProgressBarProps>;
+
+export { Accordion, Autocomplete, Avatar, Breadcrumb, Button, Card, Checkbox, Chip, ContentSwitcher, DatePicker, Divider, DropZone, Dropdown, DropdownItem, FileCard, FileUpload, FloatingButton, Grid, HeaderMenuItem, InlineAlert, Link, List, Loading, Menu, MenuItem, MenuItemGroup, Modal, NavigationDrawerItem, Notification, Pagination, ProgressBar, ProgressIndicator, RadialStepper, Radio, RadioGroup, Rating, SearchBox, Skeleton, SkeletonCircle, SkeletonLine, SkeletonRectangle, SkeletonSquare, StatusTag, Switch, Tab, TabList, Table, Tag, TextInput, Textarea, ThemeProvider, Tooltip, toast, useTheme, withRtl };

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "dga-ui-react",
+  "version": "1.2.1",
+  "description": "DGA ui library",
+  "author": "Ashraf Ainia",
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "jest",
+    "build": "rm -rf dist && rm -rf charts && rollup -c --bundleConfigAsCjs && cp src/components/charts/package.json charts/package.json",
+    "release": "npm run build && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "dev": "storybook dev -p 6006"
+  },
+  "homepage": "https://dgaui.vercel.app/?path=/docs/docs--docs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ashraf-ainia/dga-ui-react"
+  },
+  "keywords": [
+    "component",
+    "components",
+    "dga",
+    "dgaui",
+    "dga-ui",
+    "uikit",
+    "frontend",
+    "react",
+    "react-component",
+    "ui",
+    "styled-components",
+    "react-multi-date-picker",
+    "d3"
+  ],
+  "peerDependencies": {
+    "d3": ">=7.9.0",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "react-multi-date-picker": ">=4.5.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-interactions": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-onboarding": "^8.0.9",
+    "@storybook/blocks": "^8.0.9",
+    "@storybook/react": "^8.0.9",
+    "@storybook/react-vite": "^8.2.6",
+    "@storybook/test": "^8.0.9",
+    "@testing-library/react": "^15.0.5",
+    "@types/d3": "^7.4.3",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.2.79",
+    "babel-jest": "^29.7.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "rollup": "^4.16.1",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.77.8",
+    "storybook": "^8.0.9",
+    "styled-components": "^6.1.12",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5"
+  }
+}

package/types/app.d.ts

@@ -0,0 +1,8 @@
+declare module "*.png" {
+    const value: any;
+    export = value;
+  }
+  declare module "*.svg" {
+    const value: any;
+    export = value;
+  }