@soul-refiner/design-system 0.1.35 → 0.1.36

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

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

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.js

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

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,3 +1,4 @@
+'use client';
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

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

@@ -1,3 +1,4 @@
+'use client';
 import styled from 'styled-components';
 import { Styles } from '../../../common';
 export const Typography = styled.p `

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.35",
+  "version": "0.1.36",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {

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

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

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

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

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

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

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 '../../';