suada-components 1.0.3

package/dist/types/icons/index.d.ts

@@ -0,0 +1,153 @@
+export { ActivityIcon } from './Activity';
+export { ArrowDropDownIcon } from './ArrowDropDownIcon';
+export { Analytics } from './Analytics';
+export { AddAlt } from './AddAlt';
+export { Company } from './Company';
+export { AddStudent } from './AddStudent';
+export { Learning } from './Learning';
+export { UsersIcon } from './UsersIcon';
+export { Circle } from './Circle';
+export { Library } from './Library';
+export { AddIcon } from './AddIcon';
+export { AnalyticsIcon } from './AnalyticsIcon';
+export { AssignTutor } from './AssignTutor';
+export { Book } from './Book';
+export { BookWithBookmark } from './BookWithBookmark';
+export { BusinessIcon } from './BusinessIcon';
+export { CaretDown } from './CaretDown';
+export { CheckedIcon } from './Checked';
+export { Checkmark } from './Checkmark';
+export { CheckmarkOutline } from './CheckmarkOutline';
+export { CheckmarkOutlineAction } from './CheckmarkOutlineAction';
+export { Close } from './Close';
+export { CloseIcon } from './CloseIcon';
+export { CloseOutline } from './CloseOutline';
+export { CloseOutlineAction } from './CloseOutlineAction';
+export { Coach } from './Coach';
+export { DarkAddAlt } from './DarkAddAlt';
+export { DarkAiAssistent } from './DarkAiAssistent';
+export { DarkCloseOutline } from './DarkCloseOutline';
+export { DarkTrashCan } from './DarkTrashCan';
+export { DefaultAvatar } from './DefaultAvatar';
+export { Delete } from './Delete';
+export { DocumentAttachment } from './DocumentAttachment';
+export { DownloadIcon } from './DownloadIcon';
+export { Download } from './Download';
+export { Edit } from './Edit';
+export { EditRounded } from './EditRounded';
+export { EditUsers } from './EditUsers';
+export { Education } from './Education';
+export { EducationDefault } from './EducationDefault';
+export { EmailIcon } from './EmailIcon';
+export { EventIcon } from './EventIcon';
+export { LocationCityIcon } from './LocationCityIcon';
+export { LocationOnIcon } from './LocationOnIcon';
+export { MarkunreadMailboxIcon } from './MarkunreadMailboxIcon';
+export { ArrowDropUpIcon } from './ArrowDropUpIcon';
+export { CircleNotificationsIcon } from './CircleNotificationsIcon';
+export { KeyboardBackspaceIcon } from './KeyboardBackspaceIcon';
+export { FilterIcon } from './Filter';
+export { GrayDownload } from './GrayDownloadIcon';
+export { Person } from './Person';
+export { HelpIcon } from './HelpIcon';
+export { PhoneIphoneIcon } from './PhoneIphoneIcon';
+export { PublicIcon } from './PublicIcon';
+export { PlayGrayButton } from './GrayPlayButton';
+export { GrayPlayIcon } from './GrayPlayIcon';
+export { GridView } from './GridView';
+export { Group } from './Group';
+export { GroupDefault } from './GroupDefault';
+export { Help } from './Help';
+export { HorizontalView } from './HorizontalView';
+export { Information } from './Information';
+export { Locked } from './Locked';
+export { Logout } from './Logout';
+export { MoreVertRoundedIcon } from './MoreVertRoundedIcon';
+export { MyProfile } from './MyProfile';
+export { NewFilter } from './NewFilter';
+export { Notification } from './Notification';
+export { PlayButton } from './PlayButton';
+export { PresentationScreen } from './PresentationScreen';
+export { Profile } from './Profile';
+export { RedDeleteIcon } from './RedDeleteIcon';
+export { RemoveAlt } from './RemoveAlt';
+export { RemoveAltDisable } from './RemoveAltDisable';
+export { RemoveFilter } from './RemoveFilter';
+export { Reset } from './Reset';
+export { Search } from './Search';
+export { SearchRounded } from './SearchRounded';
+export { SendAlt } from './SendAlt';
+export { DeleteIcon } from './DeleteIcon';
+export { Unlocked } from './Unlocked';
+export { SwitchCompany } from './SwitchCompany';
+export { TrashCan } from './TrashCan';
+export { TrashCanAction } from './TrashCanAction';
+export { TrashCanRed } from './TrashCanRed';
+export { UnfillPlay } from './UnfillPlay';
+export { Unlock } from './Unlock';
+export { UserActivity } from './UserActivity';
+export { UserSpeaker } from './UserSpeaker';
+export { WhiteAiAssistant } from './WhiteAiAssistent';
+export { ArchiveIcon } from './ArchiveIcon';
+export { BackspaceRoundedIcon } from './BackspaceRoundedIcon';
+export { BackupIcon } from './BackupIcon';
+export { CheckCircleOutlineRoundedIcon } from './CheckCircleOutlineRoundedIcon';
+export { ClosedCaptionIcon } from './ClosedCaptionIcon';
+export { CloudDownloadIcon } from './CloudDownloadIcon';
+export { ContactSupportOutlinedIcon } from './ContactSupportOutlinedIcon';
+export { ErrorOutlineRoundedIcon } from './ErrorOutlineRoundedIcon';
+export { FileCopyIcon } from './FileCopyIcon';
+export { HeadsetIcon } from './HeadsetIcon';
+export { LockIcon } from './LockIcon';
+export { NotificationsOutlined } from './NotificationsOutlined';
+export { PlayCircleOutlineIcon } from './PlayCircleOutlineIcon';
+export { PlaylistPlayIcon } from './PlaylistPlayIcon';
+export { SchoolOutlinedIcon } from './SchoolOutlinedIcon';
+export { SettingsOutlinedIcon } from './SettingsOutlinedIcon';
+export { Timeline } from './Timeline';
+export { TrendingUpOutlinedIcon } from './TrendingUpOutlinedIcon';
+export { Visibility } from './Visibility';
+export { VisibilityOff } from './VisibilityOff';
+export { DeleteForeverRoundedIcon } from './DeleteForeverRoundedIcon';
+export { FeaturedPlayListIcon } from './FeaturedPlayListIcon';
+export { FiberManualRecordIcon } from './FiberManualRecordIcon';
+export { GroupOutlined } from './GroupOutlined';
+export { GroupsOutlined } from './GroupsOutlined';
+export { HourglassEmptyIcon } from './HourglassEmptyIcon';
+export { ImageIcon } from './ImageIcon';
+export { MoreHorizIcon } from './MoreHorizIcon';
+export { PermMediaIcon } from './PermMediaIcon';
+export { PlaylistAddIcon } from './PlaylistAddIcon';
+export { RecordVoiceOverOutlined } from './RecordVoiceOverOutlined';
+export { Send } from './Send';
+export { ViewCompactIcon } from './ViewCompactIcon';
+export { ViewListIcon } from './ViewListIcon';
+export { WorkOutlineOutlinedIcon } from './WorkOutlineOutlinedIcon';
+export { ZoomInIcon } from './ZoomInIcon';
+export { AddCircleIcon } from './AddCircleIcon';
+export { CancelIcon } from './CancelIcon';
+export { Check } from './Check';
+export { CheckBoxIcon } from './CheckBoxIcon';
+export { CheckCircleIcon } from './CheckCircleIcon';
+export { CheckCircleOutlineOutlinedIcon } from './CheckCircleOutlineOutlinedIcon';
+export { DragIndicatorIcon } from './DragIndicatorIcon';
+export { EditIcon } from './EditIcon';
+export { ErrorOutlineIcon } from './ErrorOutlineIcon';
+export { ExpandMoreIcon } from './ExpandMoreIcon';
+export { GetAppIcon } from './GetAppIcon';
+export { HighlightOffRoundedIcon } from './HighlightOffRoundedIcon';
+export { InsertDriveFileIcon } from './InsertDriveFileIcon';
+export { OndemandVideoIcon } from './OndemandVideoIcon';
+export { PublishIcon } from './PublishIcon';
+export { RemoveCircleIcon } from './RemoveCircleIcon';
+export { ReportProblemIcon } from './ReportProblemIcon';
+export { SettingsApplicationsIcon } from './SettingsApplicationsIcon';
+export { StarsRoundedIcon } from './StarsRoundedIcon';
+export { VideoCallIcon } from './VideoCallIcon';
+export { VolumeUpIcon } from './VolumeUpIcon';
+export { FileUploadOutlinedIcon } from './FileUploadOutlinedIcon';
+export { DashboardIcon } from './DashboardIcon';
+export { CheckBoxOutlineBlankIcon } from './CheckBoxOutlineBlankIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
+export { DeleteIconRounded } from './DeleteIconRounded';
+export { SchoolIcon } from './SchoolIcon';

package/dist/types/icons/svgTypes.interface.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from "react";
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+    red?: boolean;
+    black?: boolean;
+    white?: boolean;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,175 @@
+export { Button } from './components/Button';
+export { CourseCard } from './components/CourseCard';
+export { GridActionMenu } from './components/GridActionMenu';
+export { SearchInput } from './components/SearchInput';
+export { TranslationProvider } from './components/Providers/TranslationProvider';
+export { ThemeProvider } from './components/Providers/ThemeProvider';
+export { CustomSwitcher } from './components/Switcher';
+export { DropDown } from './components/DropDown';
+export { Uploader } from './components/FileUploader/Uploader';
+export { DatePicker } from './components/DatePicker';
+export { PhoneCountryCode } from './components/PhoneCountyCode/PhoneCountyCode';
+export { Loader } from './components/Loader';
+export { Checkbox } from './components/Checkbox/Checkbox';
+export { Pagination } from './components/Pagination';
+export { Breadcrumb } from './components/BreadCrumb';
+export { Tile } from './components/Tile';
+export { ColorPicker } from './components/ColorPicker';
+export { Badge } from './components/Badge';
+export { TooltipHeight } from './components/Tooltip';
+export { CustomTooltip } from './components/Tooltip';
+export { VideoPlayer } from './components/VideoPlayer';
+export { SplashScreen } from './components/SplashScreen';
+export { ColumnNavigation } from './components/ColumnNavigation';
+export { StatusIndicator } from './components/StatusIndicator';
+export { WelcomeUser } from './components/WelcomeUser';
+export { TabPanel, TabNavigation, activeTabClassName } from './components/Tabs';
+export { RadioButton } from './components/RadioButton';
+export { DrawerTips } from './components/DrawerTips';
+export { ActivityIcon } from './icons';
+export { ArrowDropDownIcon } from './icons';
+export { AddAlt } from './icons';
+export { AddStudent } from './icons';
+export { AddIcon } from './icons';
+export { AnalyticsIcon } from './icons';
+export { AssignTutor } from './icons';
+export { Book } from './icons';
+export { BookWithBookmark } from './icons';
+export { BusinessIcon } from './icons';
+export { CaretDown } from './icons';
+export { CheckedIcon } from './icons';
+export { Checkmark } from './icons';
+export { CheckmarkOutline } from './icons';
+export { CheckmarkOutlineAction } from './icons';
+export { Close } from './icons';
+export { CloseIcon } from './icons';
+export { CloseOutline } from './icons';
+export { CloseOutlineAction } from './icons';
+export { Coach } from './icons';
+export { DarkAddAlt } from './icons';
+export { DarkAiAssistent } from './icons';
+export { DarkCloseOutline } from './icons';
+export { DarkTrashCan } from './icons';
+export { DefaultAvatar } from './icons';
+export { DeleteIcon } from './icons';
+export { DocumentAttachment } from './icons';
+export { DownloadIcon } from './icons';
+export { Download } from './icons';
+export { Edit } from './icons';
+export { EditRounded } from './icons';
+export { EditUsers } from './icons';
+export { Education } from './icons';
+export { EducationDefault } from './icons';
+export { EmailIcon } from './icons';
+export { EventIcon } from './icons';
+export { ArrowDropUpIcon } from './icons';
+export { CircleNotificationsIcon } from './icons';
+export { KeyboardBackspaceIcon } from './icons';
+export { FilterIcon } from './icons';
+export { GrayDownload } from './icons';
+export { PlayGrayButton } from './icons';
+export { GrayPlayIcon } from './icons';
+export { GridView } from './icons';
+export { Group } from './icons';
+export { GroupDefault } from './icons';
+export { Help } from './icons';
+export { HelpIcon } from './icons';
+export { HorizontalView } from './icons';
+export { Information } from './icons';
+export { Locked } from './icons';
+export { Logout } from './icons';
+export { MoreVertRoundedIcon } from './icons';
+export { MyProfile } from './icons';
+export { NewFilter } from './icons';
+export { Notification } from './icons';
+export { PlayButton } from './icons';
+export { PresentationScreen } from './icons';
+export { Profile } from './icons';
+export { RedDeleteIcon } from './icons';
+export { RemoveAlt } from './icons';
+export { RemoveAltDisable } from './icons';
+export { RemoveFilter } from './icons';
+export { Reset } from './icons';
+export { Search } from './icons';
+export { SearchRounded } from './icons';
+export { LocationCityIcon } from './icons';
+export { LocationOnIcon } from './icons';
+export { MarkunreadMailboxIcon } from './icons';
+export { Person } from './icons';
+export { PhoneIphoneIcon } from './icons';
+export { PublicIcon } from './icons';
+export { SendAlt } from './icons';
+export { Delete } from './icons';
+export { Unlocked } from './icons';
+export { SwitchCompany } from './icons';
+export { TrashCan } from './icons';
+export { TrashCanAction } from './icons';
+export { TrashCanRed } from './icons';
+export { UnfillPlay } from './icons';
+export { Unlock } from './icons';
+export { UserActivity } from './icons';
+export { UserSpeaker } from './icons';
+export { WhiteAiAssistant } from './icons';
+export { ArchiveIcon } from './icons';
+export { BackspaceRoundedIcon } from './icons';
+export { BackupIcon } from './icons';
+export { CheckCircleOutlineRoundedIcon } from './icons';
+export { ClosedCaptionIcon } from './icons';
+export { CloudDownloadIcon } from './icons';
+export { ContactSupportOutlinedIcon } from './icons';
+export { ErrorOutlineRoundedIcon } from './icons';
+export { FileCopyIcon } from './icons';
+export { HeadsetIcon } from './icons';
+export { LockIcon } from './icons';
+export { NotificationsOutlined } from './icons';
+export { PlayCircleOutlineIcon } from './icons';
+export { PlaylistPlayIcon } from './icons';
+export { SchoolOutlinedIcon } from './icons';
+export { SettingsOutlinedIcon } from './icons';
+export { Timeline } from './icons';
+export { TrendingUpOutlinedIcon } from './icons';
+export { Visibility } from './icons';
+export { VisibilityOff } from './icons';
+export { DeleteForeverRoundedIcon } from './icons';
+export { FeaturedPlayListIcon } from './icons';
+export { FiberManualRecordIcon } from './icons';
+export { GroupOutlined } from './icons';
+export { GroupsOutlined } from './icons';
+export { HourglassEmptyIcon } from './icons';
+export { ImageIcon } from './icons';
+export { MoreHorizIcon } from './icons';
+export { PermMediaIcon } from './icons';
+export { PlaylistAddIcon } from './icons';
+export { RecordVoiceOverOutlined } from './icons';
+export { Send } from './icons';
+export { ViewCompactIcon } from './icons';
+export { ViewListIcon } from './icons';
+export { WorkOutlineOutlinedIcon } from './icons';
+export { ZoomInIcon } from './icons';
+export { AddCircleIcon } from './icons';
+export { CancelIcon } from './icons';
+export { Check } from './icons';
+export { CheckBoxIcon } from './icons';
+export { CheckCircleIcon } from './icons';
+export { CheckCircleOutlineOutlinedIcon } from './icons';
+export { DragIndicatorIcon } from './icons';
+export { EditIcon } from './icons';
+export { ErrorOutlineIcon } from './icons';
+export { ExpandMoreIcon } from './icons';
+export { GetAppIcon } from './icons';
+export { HighlightOffRoundedIcon } from './icons';
+export { InsertDriveFileIcon } from './icons';
+export { OndemandVideoIcon } from './icons';
+export { PublishIcon } from './icons';
+export { RemoveCircleIcon } from './icons';
+export { ReportProblemIcon } from './icons';
+export { SettingsApplicationsIcon } from './icons';
+export { StarsRoundedIcon } from './icons';
+export { VideoCallIcon } from './icons';
+export { VolumeUpIcon } from './icons';
+export { FileUploadOutlinedIcon } from './icons';
+export { DashboardIcon } from './icons';
+export { CheckBoxOutlineBlankIcon } from './icons';
+export { ChevronRightIcon } from './icons';
+export { DeleteIconRounded } from './icons';
+export { SchoolIcon } from './icons';

package/dist/types/main.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/types/theme/Theme.d.ts

@@ -0,0 +1,58 @@
+import { Theme } from '@mui/material/styles';
+import { IThemeColors } from './interfaces';
+export declare const createCustomTheme: (customColors?: Partial<IThemeColors>) => Theme;
+export declare const themes: {
+    light: {
+        colors: {
+            primary: {
+                main: string;
+                700: string;
+            };
+            neutral: {
+                100: string;
+                400: string;
+                900: string;
+            };
+            system: {
+                success: {
+                    main: string;
+                    700: string;
+                    300: string;
+                };
+                error: {
+                    main: string;
+                    700: string;
+                    300: string;
+                };
+            };
+        };
+    };
+    dark: {
+        colors: {
+            primary: {
+                main: string;
+                700: string;
+            };
+            neutral: {
+                100: string;
+                400: string;
+                900: string;
+            };
+            system: {
+                success: {
+                    main: string;
+                    700: string;
+                    300: string;
+                };
+                error: {
+                    main: string;
+                    700: string;
+                    300: string;
+                };
+            };
+        };
+    };
+};
+export declare const themeTokens: {
+    colors: IThemeColors;
+};

package/dist/types/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+interface CustomThemeProviderProps {
+    children: ReactNode;
+    themeName?: 'light' | 'dark';
+    customTheme?: any;
+}
+export declare const CustomThemeProvider: React.FC<CustomThemeProviderProps>;
+export {};

package/dist/types/theme/interfaces.d.ts

@@ -0,0 +1,24 @@
+export interface IColorShades {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    main: string;
+}
+export interface IThemeColors {
+    primary: IColorShades;
+    secondary: IColorShades;
+    tertiary: IColorShades;
+    neutral: IColorShades;
+    system: {
+        error: IColorShades;
+        warning: IColorShades;
+        success: IColorShades;
+        info: IColorShades;
+    };
+}

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "suada-components",
+  "private": false,
+  "version": "1.0.3",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "prebuild": "rm -rf dist",
+    "dev": "vite",
+    "build": "rollup -c && tsc",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@date-io/date-fns": "^3.2.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/base": "5.0.0-beta.14",
+    "@mui/icons-material": "^6.4.1",
+    "@mui/material": "^6.4.1",
+    "@mui/styles": "^6.4.4",
+    "@mui/system": "^6.4.1",
+    "@mui/utils": "5.14.8",
+    "@mui/x-date-pickers": "6.15.0",
+    "@semantic-release/changelog": "^5.0.0",
+    "@storybook/addon-links": "^8.5.2",
+    "@types/lodash": "^4.17.15",
+    "@types/react-transition-group": "4.4.6",
+    "@types/video-react": "^0.15.8",
+    "clsx": "2.0.0",
+    "date-fns": "^2.30.0",
+    "formik": "^2.4.6",
+    "hls.js": "^1.5.20",
+    "i18next": "^24.2.2",
+    "lodash": "^4.17.21",
+    "prop-types": "15.8.1",
+    "react": "18.2.0",
+    "react-country-flag": "^3.1.0",
+    "react-dom": "18.2.0",
+    "react-i18next": "^15.4.0",
+    "react-router-dom": "^7.1.5",
+    "react-select": "^5.10.0",
+    "react-transition-group": "4.4.5",
+    "rollup-plugin-multi-input": "^1.5.0",
+    "styled-components": "^6.1.14",
+    "video-react": "^0.16.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": "./dist/index.js",
+    "./icons": "./dist/icons/index.js"
+  },
+  "typesVersions": {
+    "*": {
+      "icons": [
+        "dist/icons/index.d.ts"
+      ]
+    }
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3",
+    "@eslint/js": "^9.17.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/builder-webpack5": "^8.5.2",
+    "@storybook/core": "^8.5.0",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.4.7",
+    "@types/node": "^22.10.7",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "copyfiles": "^2.4.1",
+    "eslint": "^9.19.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.11.2",
+    "globals": "^15.14.0",
+    "prettier": "3.0.0",
+    "rollup": "^4.30.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.83.4",
+    "storybook": "^8.4.7",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.5"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}