@soul-refiner/design-system 0.1.33 → 0.1.35

package/dist/icons/time/calendar_checkmark.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarCheckmark = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM10.1959 7.52864L7.33398 10.3906L5.80539 8.86197L4.86258 9.80478L7.33398 12.2762L11.1387 8.47145L10.1959 7.52864Z" })));

package/dist/icons/time/calendar_close.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const CalendarClose: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/calendar_close.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarClose = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM9.52925 7.52864L8.00065 9.05723L6.47206 7.52864L5.52925 8.47145L7.05784 10L5.52925 11.5286L6.47206 12.4714L8.00065 10.9428L9.52925 12.4714L10.4721 11.5286L8.94346 10L10.4721 8.47145L9.52925 7.52864Z" })));

package/dist/icons/time/calendar_dates.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const CalendarDates: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/calendar_dates.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarDates = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM13.334 6.66671H2.66732V13.3334H13.334V6.66671ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM4.66732 9.33337V8.00004H6.00065V9.33337H4.66732ZM7.33398 9.33337H8.66732V8.00004H7.33398V9.33337ZM11.334 9.33337H10.0007V8.00004H11.334V9.33337ZM4.66732 10.6667V12H6.00065V10.6667H4.66732ZM8.66732 12H7.33398V10.6667H8.66732V12Z" })));

package/dist/icons/time/calendar_minus.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const CalendarMinus: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/calendar_minus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarMinus = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM5.33398 9.33337V10.6667H10.6673V9.33337H5.33398Z" })));

package/dist/icons/time/calendar_plus.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const CalendarPlus: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/calendar_plus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarPlus = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00065 4.00004H5.33398V3.33337H10.6673V4.00004H12.0007V3.33337H13.334V5.33337H2.66732V3.33337H4.00065V4.00004ZM2.66732 6.66671V13.3334H13.334V6.66671H2.66732ZM5.33398 2.00004H10.6673V1.33337H12.0007V2.00004H13.334C14.0704 2.00004 14.6673 2.59699 14.6673 3.33337V13.3334C14.6673 14.0698 14.0704 14.6667 13.334 14.6667H2.66732C1.93094 14.6667 1.33398 14.0698 1.33398 13.3334V3.33337C1.33398 2.59699 1.93094 2.00004 2.66732 2.00004H4.00065V1.33337H5.33398V2.00004ZM5.33398 10.6667V9.33337H7.33398V7.33337H8.66732V9.33337H10.6673V10.6667H8.66732V12.6667H7.33398V10.6667H5.33398Z" })));

package/dist/icons/time/calendar_scroll.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const CalendarScroll: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/calendar_scroll.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const CalendarScroll = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { d: "M6.35937 11.0666L8.00097 12.7086L9.64257 11.0666L8.95097 10.3834L8.00097 11.3334L7.05097 10.3834L6.35937 11.0666Z" }),

package/dist/icons/time/clock.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const Clock: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/clock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const Clock = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM11.3327 7.33329H8.66602V3.99996H7.33268V8.66663H11.3327V7.33329Z" })));

package/dist/icons/time/clock_history.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const ClockHistory: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/clock_history.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ClockHistory = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33268 3.99996H3.40874C4.69579 2.52754 6.10549 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996H0.666016C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C5.8571 0.666626 4.1574 1.27366 2.66602 2.83759V1.32743H1.33268V5.33329H5.33268V3.99996ZM11.3327 7.33329H8.66602V3.99996H7.33268V8.66663H11.3327V7.33329Z" })));

package/dist/icons/time/stopwatch.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const Stopwatch: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/stopwatch.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const Stopwatch = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.33333 2.70325V1.99996H6.66667V0.666626H9.33333V1.99996H8.66667V2.70325C9.82367 2.83115 10.8815 3.28802 11.7446 3.97827L12.8609 2.85706L13.8058 3.7978L12.6875 4.92098C13.5089 5.9475 14 7.24971 14 8.66663C14 11.9803 11.3137 14.6666 8 14.6666C4.68629 14.6666 2 11.9803 2 8.66663C2 5.57826 4.33337 3.03487 7.33333 2.70325ZM8 13.3333C10.5773 13.3333 12.6667 11.244 12.6667 8.66663C12.6667 6.0893 10.5773 3.99996 8 3.99996C5.42267 3.99996 3.33333 6.0893 3.33333 8.66663C3.33333 11.244 5.42267 13.3333 8 13.3333ZM8.66667 9.33329V5.33329H7.33333V9.33329H8.66667Z" })));

package/dist/icons/time/timer.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const Timer: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/timer.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const Timer = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.66602 4.66663V2.03658C11.666 2.36821 13.9993 4.91159 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 6.38247 2.64146 4.8684 3.76468 3.74936L2.82363 2.8048C1.45178 4.17155 0.666016 6.02434 0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626H7.33268V4.66663H8.66602ZM7.99935 6.66663C7.87991 6.66663 7.76414 6.68233 7.65399 6.71179L5.13742 4.19522L4.19461 5.13803L6.71118 7.6546C6.68172 7.76475 6.66602 7.88052 6.66602 7.99996C6.66602 8.73634 7.26297 9.33329 7.99935 9.33329C8.73573 9.33329 9.33268 8.73634 9.33268 7.99996C9.33268 7.26358 8.73573 6.66663 7.99935 6.66663Z" })));

package/dist/icons/time/watch.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconProps } from 'components';
+import { IconProps } from '../../components';
 export declare const Watch: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/watch.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const Watch = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99935 0.666626H5.99935C5.7017 0.666626 5.4401 0.863944 5.35833 1.15015L4.56779 3.91705C3.40496 4.89539 2.66602 6.36138 2.66602 7.99996C2.66602 9.63854 3.40496 11.1045 4.56779 12.0829L5.35833 14.8498C5.4401 15.136 5.7017 15.3333 5.99935 15.3333H9.99935C10.297 15.3333 10.5586 15.136 10.6404 14.8498L11.4309 12.0829C12.4335 11.2393 13.121 10.0333 13.2914 8.66663H13.9993V7.33329H13.2914C13.121 5.96665 12.4335 4.76059 11.4309 3.91705L10.6404 1.15015C10.5586 0.863944 10.297 0.666626 9.99935 0.666626ZM7.99935 2.66663C8.62126 2.66663 9.21831 2.77307 9.77328 2.96874L9.49648 1.99996H6.50222L6.22542 2.96874C6.78038 2.77307 7.37744 2.66663 7.99935 2.66663ZM6.50222 14L6.22542 13.0312C6.78038 13.2268 7.37744 13.3333 7.99935 13.3333C8.62126 13.3333 9.21831 13.2268 9.77328 13.0312L9.49648 14H6.50222ZM11.9993 7.99996C11.9993 10.2091 10.2085 12 7.99935 12C5.79021 12 3.99935 10.2091 3.99935 7.99996C3.99935 5.79082 5.79021 3.99996 7.99935 3.99996C10.2085 3.99996 11.9993 5.79082 11.9993 7.99996ZM8.66602 7.33329H9.99935V8.66663H7.33268V5.33329H8.66602V7.33329Z" })));

package/dist/types/attributes.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLORS } from 'common';
+import { COLORS } from '../common';
 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';

package/dist/utils/date.js

@@ -1,4 +1,4 @@
-import { THIS_MONTH, THIS_YEAR, CALENDAR_WEEKS } from 'common';
+import { THIS_MONTH, THIS_YEAR, CALENDAR_WEEKS } from '../common';
 export const zeroPad = (value, length) => {
     return `${value}`.padStart(length, '0');
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {
@@ -39,7 +39,7 @@
     "vite-tsconfig-paths": "^4.2.0"
   },
   "scripts": {
-    "build": "tsc --build .",
+    "build": "tsc -p tsconfig.build.json",
     "format": "prettier --write .",
     "lint": "yarn eslint ./**/*.{ts,tsx}",
     "storybook": "storybook dev -p 6006",

package/src/common/styles.ts

@@ -11,8 +11,8 @@ import {
   TextClamp,
   TypographyStyle,
   TypographyWeight,
-} from 'types';
-import { colorReference } from 'common';
+} from '../types';
+import { colorReference } from './colors';
 
 export namespace Styles {
   export const backgroundColor = css<BackgroundColor>`

package/src/components/actions/button/button.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { Styles } from 'common';
-import { P } from 'components';
+import { Styles } from '../../../common';
+import { P } from '../../';
 import { Box } from '../../atoms/box/box';
-import { ChevronDown, ChevronUp } from 'icons';
+import { ChevronDown, ChevronUp } from '../../../icons';
 
 const LG_ICON_SIZE = 20;
 const LG_ICON_SIZE_WO_CHILDREN = 24;

package/src/components/actions/dropdown/dropdown.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, Checkbox, P } from 'components';
+import { Box, Checkbox, P } from '../../';
 
 type NativeProps = Pick<
   React.HTMLAttributes<HTMLDivElement>,

package/src/components/actions/toggle/toggle.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, P } from 'components';
+import { Box, P } from '../../';
 
 export interface ToggleProps {
   checked?: boolean;

package/src/components/actions/upload/upload.tsx

@@ -1,8 +1,13 @@
 import React from 'react';
 import styled from 'styled-components';
-import { COLORS } from 'common';
-import { Box, Button, P } from 'components';
-import { UploadAudio, UploadFile, UploadImage, UploadVideo } from 'icons';
+import { COLORS } from '../../../common';
+import { Box, Button, P } from '../../';
+import {
+  UploadAudio,
+  UploadFile,
+  UploadImage,
+  UploadVideo,
+} from '../../../icons';
 
 type UploadTypes = 'audio' | 'image' | 'file' | 'video';
 

package/src/components/atoms/box/box.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 import {
   BackgroundColor,
   BorderRadius,
@@ -10,7 +10,7 @@ import {
   Padding,
   Polymorphic,
   Styleable,
-} from 'types';
+} from '../../../types';
 
 type NativeProps = Pick<
   React.HTMLAttributes<HTMLDivElement>,

package/src/components/atoms/typography/paragraph.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { TypographyProps } from './typography';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 
 export interface CommonProps extends TypographyProps {
   as?: React.ElementType;

package/src/components/atoms/typography/typography.tsx

@@ -1,12 +1,12 @@
 import styled from 'styled-components';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 import {
   Color,
   Styleable,
   TextClamp,
   TypographyStyle,
   TypographyWeight,
-} from 'types';
+} from '../../../types';
 
 export type TypographyProps = Pick<
   React.HTMLAttributes<HTMLParagraphElement>,

package/src/components/card/action/action.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P } from 'components';
+import { Box, H, P } from '../../';
 
 export interface ActionCardProps {
   actions: React.ReactElement | React.ReactElement[];

package/src/components/card/audio/audio.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P, Rate } from 'components';
+import { Box, H, P, Rate } from '../../';
 
 export interface AudioEpisodeCardProps {
   actions: React.ReactElement[];

package/src/components/card/feature/feature.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, Button, Modal } from 'components';
-import { Camera, Checkmark, Close, Pencil } from 'icons';
+import { Box, Button, Modal } from '../../';
+import { Camera, Checkmark, Close, Pencil } from '../../../icons';
 
 export interface FeatureCardProps {
   content: string;

package/src/components/card/person/person.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P } from 'components';
+import { Box, H, P } from '../../';
 
 export interface PersonCardProps {
   actions?: React.ReactElement | React.ReactElement[];

package/src/components/card/price/price.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P } from 'components';
-import { Checkmark } from 'icons';
+import { Box, H, P } from '../../';
+import { Checkmark } from '../../../icons';
 
 export interface PriceCardProps {
   actions: React.ReactElement;

package/src/components/card/regular/regular.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box } from 'components';
+import { Box } from '../../';
 
 export interface RegularCardProps extends React.PropsWithChildren {
   href?: string;

package/src/components/card/video/video.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P, Rate } from 'components';
+import { Box, H, P, Rate } from '../../';
 
 export interface VideoEpisodeCardProps {
   actions: React.ReactElement[];

package/src/components/card/written/written.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P, Rate } from 'components';
+import { Box, H, P, Rate } from '../../';
 
 export interface WrittenEpisodeCardProps {
   actions: React.ReactElement[];

package/src/components/editor/navbar/alignment_dropdown.tsx

@@ -1,22 +1,17 @@
 import React from 'react';
-import {
-  Alignment,
-  // isCollapsed,
-  PlateEditor,
-  setAlign,
-} from '@udecode/plate';
+import { Alignment, PlateEditor, setAlign } from '@udecode/plate';
 import {
   useAlignDropdownMenu,
   useAlignDropdownMenuState,
 } from '@udecode/plate-alignment';
-import { Dropdown } from 'components';
+import { Dropdown } from '../../';
 import {
   PlayerListPlay,
   AlignCenter,
   AlignJustified,
   AlignLeft,
   AlignRight,
-} from 'icons';
+} from '../../../icons';
 import { MenuButton } from './navbar';
 
 export interface AlignmentDropdownProps {

package/src/components/editor/navbar/button_modal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, Button, H, Modal, P, Radio } from 'components';
-import { Close, InsertButton } from 'icons';
+import { Box, Button, H, Modal, P, Radio } from '../../';
+import { Close, InsertButton } from '../../../icons';
 import { MenuButton } from './navbar';
 import { BUTTON_LINK, BUTTON_SUBSCRIBE } from '../constants';
 

package/src/components/editor/navbar/navbar.tsx

@@ -15,7 +15,7 @@ import {
   usePlateEditorState,
 } from '@udecode/plate';
 
-import { Tooltip } from 'components';
+import { Tooltip } from '../../';
 import {
   Bold,
   FileCode,
@@ -31,7 +31,7 @@ import {
   Underline,
   Undo,
   Video,
-} from 'icons';
+} from '../../../icons';
 import {
   ELEMENT_BLOCKQUOTE,
   ELEMENT_BUTTON,

package/src/components/editor/navbar/style_dropdown.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Button, Dropdown } from 'components';
 import {
   findNode,
   isBlock,
@@ -8,6 +7,7 @@ import {
   toggleNodeType,
   TElement,
 } from '@udecode/plate';
+import { Button, Dropdown } from '../../';
 import {
   ELEMENT_H1,
   ELEMENT_H2,

package/src/components/editor/plugins/blockquote.tsx

@@ -4,7 +4,7 @@ import {
   PlateElementProps,
   PlateRenderElementProps,
 } from '@udecode/plate';
-import { P } from 'components';
+import { P } from '../../';
 
 export const BlockquoteElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,

package/src/components/editor/plugins/buttons.tsx

@@ -11,7 +11,7 @@ import {
   PlateElementProps,
   PlateRenderElementProps,
 } from '@udecode/plate';
-import { Button as UIButton } from 'components';
+import { Button as UIButton } from '../../';
 import { COLORS, ELEMENT_BUTTON, ELEMENT_PARAGRAPH } from '../constants';
 
 export const Button = React.forwardRef<

package/src/components/editor/plugins/index.ts

@@ -107,11 +107,8 @@ export const blocks = [
   createHFourPlugin(),
   createHFivePlugin(),
   createHSixPlugin(),
-  // createPaywallPlugin(),
-  // createQAPlugin(),
   createResetNodePlugin(),
   createTablePlugin(),
-  // createVideoPlugin(),
 ];
 
 export const marks = [

package/src/components/editor/plugins/link.tsx

@@ -15,8 +15,8 @@ import {
   useLink,
   Value,
 } from '@udecode/plate';
-import { Box } from 'components';
-import { AASansSerif, Link, Upload } from 'icons';
+import { Box } from '../../';
+import { AASansSerif, Link, Upload } from '../../../icons';
 
 export const LinkElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,

package/src/components/editor/plugins/text.tsx

@@ -5,7 +5,7 @@ import {
   PlateElementProps,
   PlateRenderElementProps,
 } from '@udecode/plate';
-import { H, P } from 'components';
+import { H, P } from '../../';
 import * as Elements from '../constants';
 
 export const ParagraphElement = React.forwardRef<

package/src/components/feedback/badge/badge.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Close } from 'icons';
+import { Close } from '../../../icons';
 
 type BadgeColor = 'blue' | 'red' | 'green' | 'purple' | 'orange';
 

package/src/components/feedback/banner/banner.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Box, BoxProps, Button, P } from 'components';
+import { Styles } from '../../../common';
+import { Box, BoxProps, Button, P } from '../../';
 import {
   AlertCircle,
   AlertOctogon,
   AlertTriangle,
   Close,
   Information,
-} from 'icons';
+} from '../../../icons';
 
 type BannerTypes = 'error' | 'info' | 'success' | 'warning';
 

package/src/components/feedback/chip/chip.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Close } from 'icons';
+import { Close } from '../../../icons';
 
 type ChipColor =
   | 'grey'

package/src/components/feedback/loader/loader.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
-import { colorReference, COLORS } from 'common';
+import { colorReference, COLORS } from '../../../common';
 
 export interface LoaderProps {
   color?: (typeof COLORS)[number];

package/src/components/feedback/notification/notification.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Box, BoxProps, Button, P } from 'components';
+import { Styles } from '../../../common';
+import { Box, BoxProps, Button, P } from '../../';
 import {
   AlertCircle,
   AlertOctogon,
   AlertTriangle,
   Close,
   Information,
-} from 'icons';
+} from '../../../icons';
 
 type NotificationTypes = 'error' | 'info' | 'success' | 'warning';
 

package/src/components/feedback/progress/progress.tsx

@@ -1,8 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
-import { colorReference } from 'common';
-import { Box, P } from 'components';
-import { CheckmarkCircle, Checkmarks, Close, MinusCircle, Pause } from 'icons';
+import { colorReference } from '../../../common';
+import { Box, P } from '../../';
+import {
+  CheckmarkCircle,
+  Checkmarks,
+  Close,
+  MinusCircle,
+  Pause,
+} from '../../../icons';
 
 type ProgressType = 'compact' | 'detailed';
 

package/src/components/feedback/toast/toast.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { BoxProps, Button, P } from 'components';
+import { Styles } from '../../../common';
+import { BoxProps, Button, P } from '../../';
 import {
   AlertCircle,
   AlertOctogon,
   AlertTriangle,
   Close,
   Information,
-} from 'icons';
+} from '../../../icons';
 
 type ToastTypes = 'error' | 'info' | 'success' | 'warning';
 

package/src/components/iconography/avatar/avatar.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, H, P } from 'components';
+import { Box, H, P } from '../../';
 import {
   Approved,
   Busy,