@soul-refiner/design-system 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/src/index.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var button = require('./components/actions/button/button.js');
+var dropdown = require('./components/actions/dropdown/dropdown.js');
+var rate = require('./components/actions/rate/rate.js');
+var _switch = require('./components/actions/switch/switch.js');
+var toggle = require('./components/actions/toggle/toggle.js');
+var upload = require('./components/actions/upload/upload.js');
+var box = require('./components/atoms/box/box.js');
+var hide = require('./components/atoms/hide/hide.js');
+var seconds_to_duration = require('./components/atoms/seconds_to_duration/seconds_to_duration.js');
+var display = require('./components/atoms/typography/display.js');
+var heading = require('./components/atoms/typography/heading.js');
+var paragraph = require('./components/atoms/typography/paragraph.js');
+var typography = require('./components/atoms/typography/typography.js');
+var time_ago = require('./components/atoms/time_ago/time_ago.js');
+var card = require('./components/card/card.js');
+var editor = require('./components/editor/editor.js');
+var simple_editor = require('./components/editor/simple_editor/simple_editor.js');
+var badge = require('./components/feedback/badge/badge.js');
+var banner = require('./components/feedback/banner/banner.js');
+var loader = require('./components/feedback/loader/loader.js');
+var notification = require('./components/feedback/notification/notification.js');
+var progress = require('./components/feedback/progress/progress.js');
+var toast = require('./components/feedback/toast/toast.js');
+var tooltip = require('./components/feedback/tooltip/tooltip.js');
+var animated_toast = require('./components/feedback/animated_toast/animated_toast.js');
+var avatar = require('./components/iconography/avatar/avatar.js');
+var icon = require('./components/iconography/icon/icon.js');
+var checkbox = require('./components/input/checkbox/checkbox.js');
+var date = require('./components/input/date/date.js');
+var filter = require('./components/input/filter/filter.js');
+var radio = require('./components/input/radio/radio.js');
+var search = require('./components/input/search/search.js');
+var select = require('./components/input/select/select.js');
+var text_area = require('./components/input/text_area/text_area.js');
+var text_input = require('./components/input/text_input/text_input.js');
+var calendar = require('./components/input/calendar/calendar.js');
+var time = require('./components/input/time/time.js');
+var video = require('./components/media/video/video.js');
+var video$1 = require('./components/media/video-player/video.js');
+var breadcrumb = require('./components/navigation/breadcrumb/breadcrumb.js');
+var inner = require('./components/navigation/inner/inner.js');
+var tabs = require('./components/navigation/tabs/tabs.js');
+var accordion = require('./components/surfaces/accordion/accordion.js');
+var card$1 = require('./components/surfaces/carousel/card/card.js');
+var comment = require('./components/surfaces/comment/comment.js');
+var drawer = require('./components/surfaces/drawer/drawer.js');
+var message = require('./components/surfaces/message/message.js');
+var modal = require('./components/surfaces/modal/modal.js');
+var portal = require('./components/surfaces/portal/portal.js');
+var post = require('./components/surfaces/post/post.js');
+var calendar_date = require('./components/surfaces/calendar_date/calendar_date.js');
+var table = require('./components/table/table/table.js');
+var users_selection = require('./components/custom/users_selection/users_selection.js');
+var courses_selection = require('./components/custom/courses_selection/courses_selection.js');
+var index = require('./icons/index.js');
+
+
+
+exports.Button = button.Button;
+exports.Dropdown = dropdown.Dropdown;
+exports.Rate = rate.Rate;
+exports.Switch = _switch.Switch;
+exports.Toggle = toggle.Toggle;
+exports.Upload = upload.Upload;
+exports.Box = box.Box;
+exports.HideButRender = hide.HideButRender;
+exports.SecToDuration = seconds_to_duration.SecToDuration;
+exports.Display = display.Display;
+exports.H = heading.H;
+exports.P = paragraph.P;
+exports.Typography = typography.Typography;
+exports.TimeAgo = time_ago.TimeAgo;
+exports.Card = card.Card;
+exports.Editor = editor.Editor;
+exports.SimpleEditor = simple_editor.SimpleEditor;
+exports.Badge = badge.Badge;
+exports.Banner = banner.Banner;
+exports.Loader = loader.Loader;
+exports.Notification = notification.Notification;
+exports.Progress = progress.Progress;
+exports.Toast = toast.Toast;
+exports.Tooltip = tooltip.Tooltip;
+exports.AnimatedToast = animated_toast.AnimatedToast;
+exports.Avatar = avatar.Avatar;
+exports.Icon = icon.Icon;
+exports.Checkbox = checkbox.Checkbox;
+exports.DatePicker = date.DatePicker;
+exports.Filter = filter.Filter;
+exports.Radio = radio.Radio;
+exports.Search = search.Search;
+exports.Select = select.Select;
+exports.TextArea = text_area.TextArea;
+exports.TextInput = text_input.TextInput;
+exports.CalendarInput = calendar.CalendarInput;
+exports.Time = time.Time;
+exports.Video = video.Video;
+exports.VideoPlayer = video$1.VideoPlayer;
+exports.Breadcrumb = breadcrumb.Breadcrumb;
+exports.InnerNav = inner.InnerNav;
+exports.Tabs = tabs.Tabs;
+exports.Accordion = accordion.Accordion;
+exports.CardCarousel = card$1.CardCarousel;
+exports.Comment = comment.Comment;
+exports.Drawer = drawer.Drawer;
+exports.Message = message.Message;
+exports.Modal = modal.Modal;
+exports.Portal = portal.Portal;
+exports.Post = post.Post;
+exports.CalendarDate = calendar_date.CalendarDate;
+exports.Table = table.Table;
+exports.UsersSelection = users_selection.UsersSelection;
+exports.CoursesSelection = courses_selection.CoursesSelection;
+exports.Icons = index;

package/dist/src/styles/globals.css

@@ -0,0 +1 @@
+@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--font-inter:Inter;--color-page-bg:#f8fafc;--color-white:#fff;--color-primary-blue-0:#003f73;--color-primary-blue-1:#005aa6;--color-primary-blue-2:#0076d9;--color-primary-blue-3:#d4e7fa;--color-primary-blue-4:#e9f2fb;--color-grey-0:#080809;--color-grey-1:#17191b;--color-grey-2:#313438;--color-grey-3:#4a4f55;--color-grey-4:#636971;--color-grey-5:#7c838d;--color-grey-6:#989da4;--color-grey-7:#b3b7bc;--color-grey-8:#d0d2d6;--color-grey-9:#eaebed;--color-grey-10:#f8f9f9;--color-red-0:#491410;--color-red-1:#5b1914;--color-red-2:#83241d;--color-red-3:#aa2f25;--color-red-4:#cf3a2e;--color-red-5:#f34638;--color-red-6:#f66e63;--color-red-7:#f8948c;--color-red-8:#fbbdb8;--color-red-9:#fee3e1;--color-red-10:#fff8f7;--color-green-0:#113a1c;--color-green-1:#154923;--color-green-2:#1f6933;--color-green-3:#288641;--color-green-4:#31a450;--color-green-5:#3cc260;--color-green-6:#66cf82;--color-green-7:#8edca3;--color-green-8:#b8e9c6;--color-green-9:#e0f6e6;--color-green-10:#f7fdf9;--color-blue-0:#0a2c48;--color-blue-1:#0c375b;--color-blue-2:#114f81;--color-blue-3:#1665a6;--color-blue-4:#1b7bcb;--color-blue-5:#2393ef;--color-blue-6:#51a9f2;--color-blue-7:#80c1f6;--color-blue-8:#b1d9f9;--color-blue-9:#ddeffc;--color-blue-10:#f6fbfe;--color-turquoise-0:#033630;--color-turquoise-1:#0b4740;--color-turquoise-2:#1a685f;--color-turquoise-3:#29877e;--color-turquoise-4:#38a89c;--color-turquoise-5:#49c7ba;--color-turquoise-6:#6fd3c8;--color-turquoise-7:#95ded7;--color-turquoise-8:#baeae5;--color-turquoise-9:#e1f6f3;--color-turquoise-10:#f5fcfb;--color-purple-0:#31153a;--color-purple-1:#3d1a49;--color-purple-2:#572567;--color-purple-3:#703086;--color-purple-4:#8a3ca5;--color-purple-5:#a349c2;--color-purple-6:#b76fcf;--color-purple-7:#ca96dc;--color-purple-8:#debeea;--color-purple-9:#f0e3f6;--color-purple-10:#fbf8fd;--color-yellow-0:#4b3b02;--color-yellow-1:#5e4a02;--color-yellow-2:#876b04;--color-yellow-3:#ad8905;--color-yellow-4:#d5a806;--color-yellow-5:#fac70a;--color-yellow-6:#fbd33d;--color-yellow-7:#fcde71;--color-yellow-8:#fdeba9;--color-yellow-9:#fef6d8;--color-yellow-10:#fffdf5;--color-orange-0:#4a2b03;--color-orange-1:#5d3604;--color-orange-2:#854d06;--color-orange-3:#ac6307;--color-orange-4:#d27909;--color-orange-5:#f7900f;--color-orange-6:#f9a742;--color-orange-7:#fbbf74;--color-orange-8:#fcd6a8;--color-orange-9:#feedd9;--color-orange-10:#fffaf5;--color-hue-pink-1:#a5199d;--color-hue-pink-2:#fed6ff;--color-hue-pink-3:#fbe7f9;--color-hue-purple-1:#584fd6;--color-hue-purple-2:#c4c1f0;--color-hue-purple-3:#f3effb;--color-hue-ocean-1:#226f91;--color-hue-ocean-2:#c1e2f0;--color-hue-ocean-3:#eff7fb;--color-hue-mint-1:#078f81;--color-hue-mint-2:#a9e4de;--color-hue-mint-3:#d8f3f0;--color-hue-blue-1:#0b5cd7;--color-hue-blue-2:#b6cff3;--color-hue-blue-3:#ecf2fc;--color-hue-orange-1:#e96d00;--color-hue-orange-2:#ffd5bd;--color-hue-orange-3:#fff2e5;--color-special-yellow-1:#efb520;--color-special-yellow-2:#fff3c7;--color-special-orange-1:#ff5722;--color-special-orange-2:#ffead2;--color-special-red-1:#f72f4d;--color-special-red-2:#feded5;--color-special-pink-1:#fb19b4;--color-special-pink-2:#fed3e1;--color-special-purple-1:#7a5bf5;--color-special-purple-2:#ece1fe;--color-special-blue-1:#6c75f7;--color-special-blue-2:#dfeaff;--color-special-turquoise-1:#24a3d0;--color-special-turquoise-2:#cff9f2;--color-special-green-1:#1ea385;--color-special-green-2:#d4fae4;--color-special-grape-1:#2fa52d;--color-special-grape-2:#e3fad6;--color-gradient-blue-1:#1d62f0;--color-gradient-blue-2:#1ad5fd;--color-gradient-teal-1:#5ac8fb;--color-gradient-teal-2:#52edc7;--color-gradient-green-1:#0cd318;--color-gradient-green-2:#87fc70;--color-gradient-spring-green-1:#09b3a1;--color-gradient-spring-green-2:#3ac15e;--color-gradient-yellow-1:#ffcd02;--color-gradient-yellow-2:#ffdb4c;--color-gradient-orange-1:#ff5e3a;--color-gradient-orange-2:#ff9500;--color-gradient-red-1:#ff2a68;--color-gradient-red-2:#ff5e3a;--color-gradient-pink-1:#c643fc;--color-gradient-pink-2:#ef4db6;--color-gradient-purple-1:#ae33e8;--color-gradient-purple-2:#5e44ff;--gradient-background-1:radial-gradient(50.49% 55.14% at 5.76% 3.88%,#d9062c 11.51%,rgba(186,24,175,0) 100%,rgba(255,0,0,0) 0),radial-gradient(50.75% 55.24% at 93.3% -5.24%,#ff7a00 6.42%,rgba(186,24,175,0) 100%,rgba(255,122,0,0) 0),linear-gradient(180deg,#b80cbf,#2d21b6);--gradient-background-2:radial-gradient(47.55% 121.02% at 24.15% 120.55%,#ff7a00 0%,rgba(186,24,175,0) 100%),radial-gradient(107.04% 116.84% at 120.44% 68.19%,#ba004b 27.09%,#ba06c8 47.64%,#0026b7 86.58%);--gradient-light:radial-gradient(39.84% 64.62% at 3.52% 96.87%,#e7f1fd 0%,rgba(232,241,254,0) 100%),radial-gradient(35.14% 65.68% at 98.89% 0%,#ece1ef 0%,rgba(236,226,240,0) 100%),linear-gradient(109.97deg,#eef9f9 4.72%,#ecf1fd 100.82%);--gradient-dark-grey:linear-gradient(360deg,#2b2b2b,#4a4a4a);--gradient-grey:linear-gradient(360deg,#898c90,#dbddde);--gradient-light-grey:linear-gradient(360deg,#d7d7d7,#f7f7f7);--extra-small:4px;--small:8px;--medium:16px;--medium-large:20px;--large:24px;--extra-large:40px;--full:80px;--elevation-1:0px 3px 3px rgba(0,0,0,.04);--elevation-2:0px 4px 8px rgba(0,0,0,.1);--elevation-3:0px 6px 10px rgba(0,0,0,.15);--elevation-4:0px 4px 10px rgba(0,0,0,.06);--elevation-5:inset 0px 2px 2px rgba(0,0,0,.12);--elevation-6:inset 0px 4px 4px rgba(0,0,0,.03);--elevation-7:0px 0px 15px rgba(0,0,0,.05);--elevation-8:0px 1px 30px rgba(0,0,0,.06);--elevation-9:0px 15px 50px rgba(0,0,0,.15);--spacing-0:4px;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px}*,body{@apply bg-background text-foreground}}

package/dist/src/types/attributes.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { COLORS } from '../common/colors';
+export type Align = 'center' | 'flex-start' | 'flex-end' | 'baseline' | 'stretch';
+export type Justify = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'stretch';
+export type Sizes = 'extra-small' | 'small' | 'medium' | 'medium-large' | 'large' | 'extra-large' | 'full';
+export type BorderRadius = {
+    $borderRadius?: Sizes;
+};
+export type BackgroundColor = {
+    $backgroundColor?: (typeof COLORS)[number];
+};
+export type Color = {
+    $color?: (typeof COLORS)[number];
+};
+export type Elevation = {
+    $elevation?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+};
+export type Flex = {
+    $align?: Align;
+    $gap?: Sizes | number;
+    $flex?: number;
+    $flow?: string;
+    $dir?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    $justify?: Justify;
+};
+export type Margin = {
+    $margin?: Sizes | number;
+};
+export type Padding = {
+    $padding?: Sizes | number;
+};
+export type Polymorphic = {
+    as?: React.ElementType;
+};
+export type Styleable = {
+    sx?: string;
+};
+export type TextClamp = {
+    $textClampLines?: number;
+};
+export type TypographyWeight = {
+    $bold?: boolean;
+    $semiBold?: boolean;
+    $mediumBold?: boolean;
+};
+export type TypographyStyle = {
+    $italic?: boolean;
+    $strikethrough?: boolean;
+    $underline?: boolean;
+};

package/dist/src/utils/date.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var date = require('../common/date.js');
+
+const zeroPad = (value, length) => {
+    return `${value}`.padStart(length, '0');
+};
+const getMonthDays = (month = date.THIS_MONTH, year = date.THIS_YEAR) => {
+    const MONTHS_WITH_30 = [4, 6, 9, 11];
+    const leapYear = year % 4 === 0;
+    return month === 2
+        ? leapYear
+            ? 29
+            : 28
+        : MONTHS_WITH_30.includes(month)
+            ? 30
+            : 31;
+};
+const getMonthFirstDay = (month = date.THIS_MONTH, year = date.THIS_YEAR) => {
+    return +new Date(`${year}-${zeroPad(month, 2)}-01`).getDay() + 1;
+};
+const getPreviousMonth = (month, year) => {
+    const prevMonth = month > 1 ? month - 1 : 12;
+    const prevMonthYear = month > 1 ? year : year - 1;
+    return { month: prevMonth, year: prevMonthYear };
+};
+const getNextMonth = (month, year) => {
+    const nextMonth = month < 12 ? month + 1 : 1;
+    const nextMonthYear = month < 12 ? year : year + 1;
+    return { month: nextMonth, year: nextMonthYear };
+};
+const buildCalendar = (month = date.THIS_MONTH, year = date.THIS_YEAR) => {
+    const monthDays = getMonthDays(month, year);
+    const monthFirstDay = getMonthFirstDay(month, year);
+    const daysFromPrevMonth = monthFirstDay - 1;
+    const daysFromNextMonth = date.CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const { month: prevMonth, year: prevMonthYear } = getPreviousMonth(month, year);
+    const { month: nextMonth, year: nextMonthYear } = getNextMonth(month, year);
+    const prevMonthDays = getMonthDays(prevMonth, prevMonthYear);
+    const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {
+        const day = index + 1 + (prevMonthDays - daysFromPrevMonth);
+        return [prevMonthYear, zeroPad(prevMonth, 2), zeroPad(day, 2)];
+    });
+    const thisMonthDates = [...new Array(monthDays)].map((n, index) => {
+        const day = index + 1;
+        return [year, zeroPad(month, 2), zeroPad(day, 2)];
+    });
+    const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {
+        const day = index + 1;
+        return [nextMonthYear, zeroPad(nextMonth, 2), zeroPad(day, 2)];
+    });
+    return calendarIntoWeeks([
+        ...prevMonthDates,
+        ...thisMonthDates,
+        ...nextMonthDates,
+    ]);
+};
+const calendarIntoWeeks = (calendar) => {
+    const res = [];
+    while (calendar.length > 0) {
+        const chunk = calendar.splice(0, 7);
+        res.push(chunk);
+    }
+    return res;
+};
+
+exports.buildCalendar = buildCalendar;
+exports.calendarIntoWeeks = calendarIntoWeeks;
+exports.getMonthDays = getMonthDays;
+exports.getMonthFirstDay = getMonthFirstDay;
+exports.getNextMonth = getNextMonth;
+exports.getPreviousMonth = getPreviousMonth;
+exports.zeroPad = zeroPad;

package/dist/src/utils/function.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const callAll = (...fns) => (...args) => fns.forEach((fn) => fn && fn(...args));
+
+exports.callAll = callAll;

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.0.0-alpha.2",
-  "main": "dist/index.js",
+  "version": "2.0.0-alpha.20",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "module": "dist/src/index.js",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -16,14 +18,15 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/src/index.js"
       }
     }
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-interactions": "^7.6.7",
     "@storybook/addon-links": "^7.6.7",
@@ -45,10 +48,13 @@
     "rollup": "^4.12.0",
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tailwindcss": "^1.0.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "~7.5.3",
     "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
     "tslib": "^2.6.2",
     "typescript": "~5.0.4",
     "typescript-plugin-styled-components": "^3.0.0"
@@ -57,7 +63,6 @@
     "build": "yarn rollup --config",
     "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
     "format": "prettier --write .",
-    "lint": "yarn eslint ./**/*.{ts,tsx}",
     "storybook": "yarn build:tailwind && storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prepare": "husky install"

package/dist/common/styles.d.ts

@@ -1,14 +0,0 @@
-import { BackgroundColor, BorderRadius, Color, Elevation, Flex, Margin, Padding, Styleable, TextClamp, TypographyStyle, TypographyWeight } from '../types';
-export declare namespace Styles {
-    const backgroundColor: import("styled-components").RuleSet<BackgroundColor>;
-    const borderRadius: import("styled-components").RuleSet<BorderRadius>;
-    const color: import("styled-components").RuleSet<Color>;
-    const elevation: import("styled-components").RuleSet<Elevation>;
-    const flex: import("styled-components").RuleSet<Flex>;
-    const margin: import("styled-components").RuleSet<Margin>;
-    const padding: import("styled-components").RuleSet<Padding>;
-    const styleable: import("styled-components").RuleSet<Styleable>;
-    const textClamp: import("styled-components").RuleSet<TextClamp>;
-    const typography: import("styled-components").RuleSet<TypographyStyle>;
-    const weight: import("styled-components").RuleSet<TypographyWeight>;
-}

package/dist/components/actions/button/button.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../';
-type NativeProps = Pick<React.HTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML' | 'onClick' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver' | 'onSubmit' | 'onKeyDown'> & {
-    value?: string;
-};
-type ButtonTypes = 'primary' | 'secondary' | 'outlined' | 'danger' | 'text' | 'raised' | 'special' | 'dropdown';
-type ButtonSize = 'small' | 'large';
-type ButtonShape = 'none' | 'small' | 'medium-small' | 'large';
-export interface ButtonProps extends NativeProps, React.PropsWithChildren {
-    as?: React.ElementType;
-    disabled?: boolean;
-    download?: boolean;
-    fluid?: boolean;
-    href?: string;
-    icon?: React.ReactElement | undefined;
-    isDropdownOpen?: boolean;
-    roundness?: ButtonShape;
-    size?: ButtonSize;
-    sx?: string;
-    type?: ButtonTypes;
-    className?: string;
-    showChevron?: boolean;
-    customDropdownIcon?: React.ComponentType<IconProps>;
-}
-export declare const Button: ({ as, children, disabled, fluid, href, icon, isDropdownOpen, roundness, size, sx, type, showChevron, customDropdownIcon, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/dist/components/actions/dropdown/dropdown.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { COLORS } from 'common';
-type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
-export interface DropdownProps extends NativeProps, React.PropsWithChildren {
-    checkbox?: boolean;
-    closeOnChange?: boolean;
-    closeOnBlur?: boolean;
-    defaultValue?: string | string[];
-    disabled?: boolean;
-    hasArrow?: boolean;
-    maintainState?: boolean;
-    multiple?: boolean;
-    offset?: [number, number];
-    open?: 'right' | 'left';
-    options?: (Omit<DropdownOptionProps, 'selected' | 'onClick'> | 'break')[];
-    sx?: string;
-    trigger: React.ReactElement;
-    containerSx?: string;
-    additionalOptions?: Omit<DropdownOptionProps, 'selected' | 'onClick'>[];
-    additionalOnChange?: (value: string) => void;
-    defaultAdditionalValue?: string;
-    useFullWidth?: boolean;
-}
-declare const Dropdown: {
-    ({ checkbox, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, ...rest }: DropdownProps): React.JSX.Element;
-    Option: {
-        ({ checkbox, disabled, icon, label, onClick, selected, sublabel, sx, value, color, }: DropdownOptionProps): React.JSX.Element;
-        displayName: string;
-    };
-    Spacer: {
-        ({ sx }: DropdownSpacerProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export interface DropdownOptionProps {
-    checkbox?: boolean;
-    color?: (typeof COLORS)[number];
-    disabled?: boolean;
-    icon?: React.ReactElement;
-    label?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
-    selected: boolean;
-    sublabel?: string;
-    sx?: string;
-    value: string;
-}
-export interface DropdownSpacerProps {
-    sx?: string;
-}
-export { Dropdown };

package/dist/components/actions/upload/upload.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { COLORS } from '../../../common';
-type UploadTypes = 'audio' | 'image' | 'file' | 'video';
-export interface UploadProps extends React.PropsWithChildren {
-    /**
-     * @param background one of the defined colors e.g. grey-1 or a user defined color
-     */
-    background: (typeof COLORS)[number] | string;
-    borderColor: (typeof COLORS)[number];
-    iconColor: (typeof COLORS)[number];
-    multiple?: boolean;
-    onDrop?: (files: FileList) => void;
-    size?: 'small' | 'large' | 'fit-content';
-    subtext?: string;
-    text?: React.ReactNode;
-    type: UploadTypes;
-    height?: number;
-}
-export declare const Upload: ({ background, borderColor, children, iconColor, multiple, onDrop, size, subtext, text, type, height, }: UploadProps) => React.JSX.Element;
-export {};

package/dist/components/atoms/box/box.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BackgroundColor, BorderRadius, Elevation, Flex, Margin, Padding, Polymorphic, Styleable } from '../../../types';
-type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver' | 'title'> & {
-    value?: string;
-    href?: string;
-};
-export interface BoxProps extends BackgroundColor, BorderRadius, Elevation, Flex, Margin, Padding, Polymorphic, Styleable, NativeProps {
-    $display?: 'block' | 'flex';
-    sx?: string;
-}
-export declare const Box: ({ $display, sx, ...args }: BoxProps) => React.JSX.Element;
-export declare const Component: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps & {
-    $sx?: string | undefined;
-}>>;
-export {};

package/dist/components/atoms/typography/display.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { TypographyProps } from './typography';
-export interface CommonProps extends TypographyProps {
-    as?: React.ElementType;
-    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
-}
-export interface DisplayProps extends CommonProps {
-    $fontSize?: 56 | 64;
-    $lineHeight?: 84 | 96;
-}
-export declare const Display: ({ as, $fontSize, $lineHeight, $textAlign, ...rest }: DisplayProps) => React.JSX.Element;

package/dist/components/atoms/typography/heading.d.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-import { TypographyProps } from './typography';
-export interface CommonProps extends TypographyProps {
-    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
-}
-export interface HeadingProps extends CommonProps {
-    as?: React.ElementType;
-    $fontSize?: 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40 | 48;
-    $lineHeight?: 64 | 60 | 54 | 48 | 36 | 28 | 26;
-    $sx?: string;
-}
-export declare const H: {
-    ({ sx, ...args }: HeadingProps): React.JSX.Element;
-    One: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Two: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Three: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Four: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Five: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Six: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Seven: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-    Eight: {
-        ({ sx, ...rest }: CommonProps): React.JSX.Element;
-        displayName: string;
-    };
-};

package/dist/components/atoms/typography/paragraph.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { TypographyProps } from './typography';
-export interface CommonProps extends TypographyProps {
-    as?: React.ElementType;
-    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
-}
-export interface ParagraphProps extends CommonProps {
-    $fontSize?: 10 | 11 | 12 | 14 | 16;
-    $lineHeight?: 14 | 16 | 20 | 24;
-    $sx?: string;
-}
-export declare const P: ({ as, children, $fontSize, $lineHeight, $textAlign, sx, ...rest }: ParagraphProps) => React.JSX.Element;

package/dist/components/atoms/typography/typography.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Color, Styleable, TextClamp, TypographyStyle, TypographyWeight } from '../../../types';
-export type TypographyProps = Pick<React.HTMLAttributes<HTMLParagraphElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'id' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
-    value?: string;
-    href?: string;
-} & Color & Styleable & TextClamp & TypographyStyle & TypographyWeight;
-export declare const Typography: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>>;

package/dist/components/card/card.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ActionCardProps } from './action';
-import { AudioEpisodeCardProps } from './audio';
-import { FeatureCardProps } from './feature';
-import { PersonCardProps } from './person';
-import { PriceCardProps } from './price';
-import { RegularCardProps } from './regular';
-import { VideoEpisodeCardProps } from './video';
-import { WrittenEpisodeCardProps } from './written';
-import { MeetingCardProps } from './meeting';
-type CardType = 'action' | 'audio-episode' | 'feature' | 'person' | 'price' | 'regular' | 'video-episode' | 'written-episode' | 'meeting';
-export type CardProps = (ActionCardProps | AudioEpisodeCardProps | FeatureCardProps | PersonCardProps | PriceCardProps | RegularCardProps | VideoEpisodeCardProps | WrittenEpisodeCardProps | MeetingCardProps) & {
-    type: CardType;
-};
-export declare const Card: ({ type, ...rest }: CardProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export declare const PurchaseTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../atoms/box").BoxProps, never>> & Omit<({ $display, sx, ...args }: import("../atoms/box").BoxProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
-export {};

package/dist/components/card/meeting/meeting.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../..';
-declare enum RSVP {
-    INTERESTED = "INTERESTED",
-    NOT_INTERESTED = "NOT_INTERESTED"
-}
-export interface MeetingCardProps {
-    href?: string;
-    image: string;
-    sx?: string;
-    title: string;
-    actions: React.ReactElement | React.ReactElement[];
-    course?: string;
-    startDate: string;
-    endDate: string;
-    startTime: string;
-    endTime: string;
-    location: string;
-    shareModal?: React.ReactElement;
-    handleInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
-    handleNotInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
-    handleVisibleToConnectionsOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
-    rsvp?: `${RSVP}`;
-    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
-}
-export declare const MeetingCard: ({ href, image, sx, title, actions, course, startDate, endDate, startTime, endTime, location, shareModal, handleInterestedOnClick, handleNotInterestedOnClick, handleVisibleToConnectionsOnClick, rsvp, dotsActions, }: MeetingCardProps) => React.JSX.Element;
-export {};

package/dist/components/card/person/person.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../../';
-export interface PersonCardProps {
-    actions?: React.ReactElement | React.ReactElement[];
-    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
-    href: string;
-    image: string;
-    subtitle: string | React.ReactElement;
-    sx?: string;
-    title: string;
-}
-export declare const PersonCard: ({ actions, dotsActions, href, image, subtitle, sx, title, }: PersonCardProps) => React.JSX.Element;

package/dist/components/card/price/price.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../../';
-export interface PriceCardProps {
-    actions: React.ReactElement;
-    content: string;
-    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
-    features: string[];
-    featureTitle: string;
-    label?: string;
-    price: string;
-    title: string;
-}
-export declare const PriceCard: ({ actions, content, dotsActions, featureTitle, features, label, price, title, }: PriceCardProps) => React.JSX.Element;

package/dist/components/custom/users_selection/users_selection.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../';
-type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
-type User = {
-    id: string;
-    fullName: string;
-    imageSrc: string;
-};
-export interface UsersSelectionProps extends NativeProps, React.PropsWithChildren {
-    closeOnBlur?: boolean;
-    disabled?: boolean;
-    offset?: [number, number];
-    sx?: string;
-    containerSx?: string;
-    searchSx?: string;
-    users: User[];
-    label: string;
-    title: string;
-    userIsChecked: Record<string, boolean>;
-    setUserIsChecked: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    icon: React.ComponentType<IconProps>;
-}
-export declare const UsersSelection: ({ closeOnBlur, disabled, offset, sx, containerSx, searchSx, users, label, title, userIsChecked, setUserIsChecked, icon, ...rest }: UsersSelectionProps) => React.JSX.Element;
-export {};

package/dist/components/editor/simple_editor/navbar.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface EditorBarProps {
-    handleUploadImage: (files: FileList) => Promise<string>;
-}
-export declare const EditorBar: ({ handleUploadImage }: EditorBarProps) => React.JSX.Element;
-export declare const MenuButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $active?: boolean | undefined;
-}>>;

package/dist/components/feedback/animated_toast/animated_toast.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ToastTypes } from '../toast/toast';
-export interface AnimatedToastProps {
-    message: string;
-    onClose?: () => void;
-    type: ToastTypes;
-    animationDuration?: number;
-}
-export declare const AnimatedToast: ({ message, type, onClose, animationDuration, }: AnimatedToastProps) => React.JSX.Element;