@soul-refiner/design-system 0.1.34 → 0.1.36

package/dist/common/styles.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundColor, BorderRadius, Color, Elevation, Flex, Margin, Padding, Styleable, TextClamp, TypographyStyle, TypographyWeight } from 'types';
+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>;

package/dist/components/actions/button/button.js

@@ -1,9 +1,10 @@
+'use client';
 import React from 'react';
 import styled, { css } from 'styled-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;
 const LG_FONT_SIZE = 16;

package/dist/components/actions/dropdown/dropdown.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Checkbox, P } from '../../';

package/dist/components/actions/rate/rate.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 const SM_WIDTH = 98;

package/dist/components/actions/switch/switch.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 export const Switch = ({ children, disabled, onChange, value, }) => {

package/dist/components/actions/toggle/toggle.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, P } from '../../';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLORS } from 'common';
+import { COLORS } from '../../../common';
 type UploadTypes = 'audio' | 'image' | 'file' | 'video';
 export interface UploadProps extends React.PropsWithChildren {
     background: (typeof COLORS)[number] | string;

package/dist/components/actions/upload/upload.js

@@ -1,6 +1,7 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
-import { COLORS } from 'common';
+import { COLORS } from '../../../common';
 import { Box, Button, P } from '../../';
 import { UploadAudio, UploadFile, UploadImage, UploadVideo, } from '../../../icons';
 export const Upload = ({ background = 'hue-blue-3', borderColor = 'hue-blue-2', children, iconColor = 'primary-blue-2', multiple, onDrop, size = 'large', subtext, text, type, }) => {

package/dist/components/atoms/box/box.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/atoms/colors/colors.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { H, P } from '../typography';

package/dist/components/atoms/typography/display.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Typography } from './typography';

package/dist/components/atoms/typography/heading.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Typography } from './typography';

package/dist/components/atoms/typography/paragraph.js

@@ -1,6 +1,7 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 export const P = ({ as = 'p', children, $fontSize = 16, $lineHeight = 24, $textAlign = 'left', ...rest }) => (React.createElement(StyledP, { as: as, "$fontSize": $fontSize, "$lineHeight": $lineHeight, "$textAlign": $textAlign, ...rest }, children));
 const StyledP = styled.p `
   margin: 0px;

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

@@ -1,4 +1,4 @@
-import { Color, Styleable, TextClamp, TypographyStyle, TypographyWeight } from 'types';
+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;

package/dist/components/atoms/typography/typography.js

@@ -1,5 +1,6 @@
+'use client';
 import styled from 'styled-components';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 export const Typography = styled.p `
   margin: 0px;
   font-family: Inter;

package/dist/components/card/action/action.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/dist/components/card/audio/audio.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/dist/components/card/card.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { ActionCard } from './action';
 import { AudioEpisodeCard } from './audio';

package/dist/components/card/feature/feature.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Button, Modal } from '../../';

package/dist/components/card/person/person.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/dist/components/card/price/price.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/dist/components/card/regular/regular.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/dist/components/card/video/video.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/dist/components/card/written/written.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/dist/components/editor/editor.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { createPlugins, Plate, PlateProvider } from '@udecode/plate';

package/dist/components/feedback/badge/badge.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

package/dist/components/feedback/banner/banner.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/feedback/chip/chip.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

package/dist/components/feedback/loader/loader.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
 import { colorReference } from '../../../common';

package/dist/components/feedback/notification/notification.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/feedback/progress/progress.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { colorReference } from '../../../common';

package/dist/components/feedback/toast/toast.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/feedback/tooltip/tooltip.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 export const Tooltip = ({ children, content, place = 'top' }) => {

package/dist/components/iconography/avatar/avatar.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/dist/components/iconography/icon/icon.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { colorReference } from '../../../common';

package/dist/components/input/checkbox/checkbox.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/input/date/date.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { MONTHS, WEEKDAYS } from '../../../common';

package/dist/components/input/filter/filter.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { P } from '../../';

package/dist/components/input/radio/radio.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box, P } from '../../';

package/dist/components/input/search/search.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/dist/components/navigation/breadcrumb/breadcrumb.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/dist/components/navigation/tabs/tabs.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { P } from '../../';

package/dist/components/surfaces/accordion/accordion.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/dist/components/surfaces/comment/comment.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import Picker from '@emoji-mart/react';

package/dist/components/surfaces/drawer/drawer.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { callAll } from '../../../utils';

package/dist/components/surfaces/message/message.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Avatar, Box, P, H } from '../../';

package/dist/components/surfaces/modal/modal.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Button } from '../../';

package/dist/components/table/table/table.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {

package/src/common/styles.ts

@@ -11,7 +11,7 @@ import {
   TextClamp,
   TypographyStyle,
   TypographyWeight,
-} from 'types';
+} from '../types';
 import { colorReference } from './colors';
 
 export namespace Styles {

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

@@ -1,9 +1,11 @@
+'use client';
+
 import React from 'react';
 import styled, { css } from 'styled-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,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Checkbox, P } from '../../';

package/src/components/actions/rate/rate.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 

package/src/components/actions/switch/switch.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, P } from '../../';

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

@@ -1,6 +1,8 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
-import { COLORS } from 'common';
+import { COLORS } from '../../../common';
 import { Box, Button, P } from '../../';
 import {
   UploadAudio,

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/atoms/colors/colors.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { H, P } from '../typography';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Typography, TypographyProps } from './typography';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Typography, TypographyProps } from './typography';

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

@@ -1,7 +1,9 @@
+'use client';
+
 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,14 @@
+'use client';
+
 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,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/src/components/card/card.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { ActionCard, ActionCardProps } from './action';
 import { AudioEpisodeCard, AudioEpisodeCardProps } from './audio';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Button, Modal } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/src/components/editor/editor.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { createPlugins, Plate, PlateProvider, TElement } from '@udecode/plate';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
 import { colorReference, COLORS } from '../../../common';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { colorReference } from '../../../common';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/feedback/tooltip/tooltip.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { Tooltip as ReactTooltip, PlacesType } from 'react-tooltip';
 

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

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/src/components/iconography/icon/icon.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, colorReference } from '../../../common';

package/src/components/input/checkbox/checkbox.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/input/date/date.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { MONTHS, WEEKDAYS } from '../../../common';

package/src/components/input/filter/filter.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { BoxProps, P } from '../../';

package/src/components/input/radio/radio.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, BoxProps, P } from '../../';

package/src/components/input/search/search.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/navigation/breadcrumb/breadcrumb.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/components/navigation/tabs/tabs.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { P } from '../../';

package/src/components/surfaces/accordion/accordion.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/components/surfaces/comment/comment.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import Picker from '@emoji-mart/react';

package/src/components/surfaces/drawer/drawer.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { callAll } from '../../../utils';

package/src/components/surfaces/message/message.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Avatar, Box, P, H } from '../../';

package/src/components/surfaces/modal/modal.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Button } from '../../';

package/src/components/table/table/table.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';