@soul-refiner/design-system 0.1.32 → 0.1.34

package/dist/common/styles.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { colorReference } from 'common';
+import { colorReference } from './colors';
 export var Styles;
 (function (Styles) {
     Styles.backgroundColor = css `

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

@@ -1,7 +1,7 @@
 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';
 const LG_ICON_SIZE = 20;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, Checkbox, P } from 'components';
+import { Box, Checkbox, P } from '../../';
 const Dropdown = ({ checkbox, children, closeOnChange = true, closeOnBlur = true, defaultValue = '', disabled = false, hasArrow, maintainState = true, multiple, offset = [0, 16], onChange, open: openDirection = 'right', options, sx, trigger, ...rest }) => {
     const id = React.useId();
     const wrapperRef = React.useRef(null);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, P } from 'components';
+import { Box, P } from '../../';
 export const Toggle = ({ checked, label, onChange }) => {
     const status = checked === undefined ? 'indeterminate' : checked ? 'checked' : 'unchecked';
     return (React.createElement(Box, { "$align": "center", "$gap": 8 },

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

@@ -1,8 +1,8 @@
 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 { 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, }) => {
     const filesRef = React.useRef(null);
     const [draggingOver, setDraggingOver] = React.useState(false);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BackgroundColor, BorderRadius, Elevation, Flex, Margin, Padding, Polymorphic, Styleable } from 'types';
+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;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 export const Box = ({ $display = 'flex', sx, ...args }) => (React.createElement(Component, { "$display": $display, "$sx": sx, ...args }));
 export const Component = styled.div `
   ${({ $display }) => ($display === 'flex' ? 'display: flex;' : '')}

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

@@ -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 const ActionCard = ({ actions, content, image, logo, subtitle, sx, title, }) => {
     return (React.createElement(Action, { "$backgroundImage": image, "$sx": sx },
         React.createElement("img", { src: image, alt: "" }),

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

@@ -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 const AudioEpisodeCard = ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }) => {
     const hasLogo = !!logo;
     return (React.createElement(Wrapper, { "$sx": sx, href: href },

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

@@ -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 const FeatureCard = ({ content = '', editable, href, image, onSave, sx, title = '', uploadModal, }) => {
     const [editing, setEditing] = React.useState(false);
     const [editingTitle, setTitle] = React.useState(() => title);

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

@@ -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 const PersonCard = ({ actions, href, image, subtitle, sx, title, }) => {
     return (React.createElement(Wrapper, { "$image": image, as: href ? 'a' : 'div' },
         React.createElement(Person, { "$sx": sx },

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

@@ -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 const PriceCard = ({ actions, content, featureTitle, features, price, title, }) => {
     const id = React.useId();
     return (React.createElement(Price, null,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box } from 'components';
+import { Box } from '../../';
 export const RegularCard = ({ children, href, image, sx, }) => {
     return (React.createElement(Wrapper, { "$isLink": !!href, "$sx": sx, as: href ? 'a' : 'div', href: href },
         React.createElement("img", { src: image, alt: "" }),

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

@@ -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 const VideoEpisodeCard = ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }) => {
     const hasLogo = !!logo;
     return (React.createElement(Wrapper, { "$sx": sx, href: href },

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

@@ -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 const WrittenEpisodeCard = ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }) => {
     const hasLogo = !!logo;
     return (React.createElement(Wrapper, { "$sx": sx, href: href },

package/dist/components/editor/navbar/alignment_dropdown.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { setAlign, } from '@udecode/plate';
+import { setAlign } from '@udecode/plate';
 import { useAlignDropdownMenu, useAlignDropdownMenuState, } from '@udecode/plate-alignment';
-import { Dropdown } from 'components';
-import { PlayerListPlay, AlignCenter, AlignJustified, AlignLeft, AlignRight, } from 'icons';
+import { Dropdown } from '../../';
+import { PlayerListPlay, AlignCenter, AlignJustified, AlignLeft, AlignRight, } from '../../../icons';
 import { MenuButton } from './navbar';
 const items = [
     {

package/dist/components/editor/navbar/button_modal.js

@@ -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';
 export const ButtonModal = ({ onButtonInsert }) => {

package/dist/components/editor/navbar/navbar.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 import { getPluginType, insertImage, insertNodes, toggleNodeType, useLinkToolbarButton, useLinkToolbarButtonState, useListToolbarButton, useListToolbarButtonState, useMarkToolbarButton, useMarkToolbarButtonState, usePlateEditorRef, usePlateEditorState, } from '@udecode/plate';
-import { Tooltip } from 'components';
-import { Bold, FileCode, Headphones, Image, Italic, Link, ListOrdered, ListUnordered, Quote, Redo, Strikethrough, Underline, Undo, Video, } from 'icons';
+import { Tooltip } from '../../';
+import { Bold, FileCode, Headphones, Image, Italic, Link, ListOrdered, ListUnordered, Quote, Redo, Strikethrough, Underline, Undo, Video, } from '../../../icons';
 import { ELEMENT_BLOCKQUOTE, ELEMENT_BUTTON, ELEMENT_OL, ELEMENT_UL, MARK_BOLD, MARK_CODE, MARK_ITALIC, MARK_STRIKETHROUGH, MARK_UNDERLINE, } from '../constants';
 import { AlignmentDropdown } from './alignment_dropdown';
 import { ButtonModal } from './button_modal';

package/dist/components/editor/navbar/style_dropdown.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Button, Dropdown } from 'components';
 import { findNode, isBlock, isCollapsed, toggleNodeType, } from '@udecode/plate';
+import { Button, Dropdown } from '../../';
 import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, } from '../constants';
 const items = [
     {

package/dist/components/editor/plugins/blockquote.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PlateElement, } from '@udecode/plate';
-import { P } from 'components';
+import { P } from '../../';
 export const BlockquoteElement = React.forwardRef(({ children, ...props }, ref) => {
     return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
         React.createElement(React.Fragment, null,

package/dist/components/editor/plugins/buttons.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { createPluginFactory, getBlockAbove, getPluginType, isEditorReadOnly, setNodes, someNode, PlateElement, } 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(({ children, editor, element, ...props }, ref) => {
     const { buttonType, color } = element;

package/dist/components/editor/plugins/index.js

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

package/dist/components/editor/plugins/link.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 import { FloatingLinkUrlInput, LinkOpenButton, PlateElement, useFloatingLinkEdit, useFloatingLinkEditState, useFloatingLinkInsert, useFloatingLinkInsertState, useFloatingLinkSelectors, useLink, } 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(({ children, ...props }, ref) => {
     const { props: linkProps } = useLink({ element: props.element });
     return (React.createElement(PlateElement, { asChild: true, ref: ref, ...linkProps, ...props },

package/dist/components/editor/plugins/text.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createPluginFactory, PlateElement, } from '@udecode/plate';
-import { H, P } from 'components';
+import { H, P } from '../../';
 import * as Elements from '../constants';
 export const ParagraphElement = React.forwardRef(({ children, ...props }, ref) => {
     const textAlign = props?.style?.textAlign;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Close } from 'icons';
+import { Close } from '../../../icons';
 const colorLookup = {
     blue: {
         primary: 'var(--color-hue-blue-1)',

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Box, Button, P } from 'components';
-import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from 'icons';
+import { Styles } from '../../../common';
+import { Box, Button, P } from '../../';
+import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from '../../../icons';
 export const Banner = ({ content, href, onClose, title, type, }) => {
     const iconLookup = {
         error: React.createElement(AlertOctogon, { size: 24 }),

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Close } from 'icons';
+import { Close } from '../../../icons';
 const colorLookup = {
     'primary-blue': {
         primary: 'var(--color-primary-blue-2)',

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLORS } from 'common';
+import { COLORS } from '../../../common';
 export interface LoaderProps {
     color?: (typeof COLORS)[number];
     inline?: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
-import { colorReference } from 'common';
+import { colorReference } from '../../../common';
 export const Loader = ({ color = 'grey-1', inline, size = 16, sx, }) => {
     let borderWidth = 3;
     if (size > 96)

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Box, Button, P } from 'components';
-import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from 'icons';
+import { Styles } from '../../../common';
+import { Box, Button, P } from '../../';
+import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from '../../../icons';
 export const Notification = ({ content, href, onClose, sx, title, type, }) => {
     const iconLookup = {
         error: React.createElement(AlertOctogon, { size: 24 }),

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

@@ -1,8 +1,8 @@
 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';
 export const Progress = ({ hasError, progress, subtitle, sx, title, type, }) => {
     const isComplete = !hasError && progress > 99;
     const isDetailed = type === 'detailed';

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Button, P } from 'components';
-import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from 'icons';
+import { Styles } from '../../../common';
+import { Button, P } from '../../';
+import { AlertCircle, AlertOctogon, AlertTriangle, Close, Information, } from '../../../icons';
 export const Toast = ({ content, href, onClose, type }) => {
     const iconLookup = {
         error: React.createElement(AlertOctogon, { size: 24 }),

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

@@ -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, Declined, Default, Focus, Locked, Offline, Online, Subscribed, } from './icons';
 /**
  * Lookup tables for sizes

package/dist/components/iconography/icon/icon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLORS } from 'common';
+import { COLORS } from '../../../common';
 type NativeProps = Pick<React.HTMLAttributes<SVGElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'id' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
     value?: string;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { colorReference } from 'common';
+import { colorReference } from '../../../common';
 export const Icon = ({ as, children, color = 'grey-3', size = 16, sx, ...rest }) => {
     return (React.createElement(SVG, { as: as, width: size, height: size, viewBox: "0 0 16 16", fill: colorReference[color], xmlns: "http://www.w3.org/2000/svg", "$sx": sx, ...rest }, children));
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Checkmark } from 'icons';
+import { Styles } from '../../../common';
+import { Checkmark } from '../../../icons';
 export const Checkbox = ({ disabled, selected, ...rest }) => {
     return (React.createElement(Box, { "$align": "center", "$disabled": !!disabled, "$display": "flex", "$justify": "center", "$selected": selected, ...rest }, selected && React.createElement(Checkmark, { color: "white" })));
 };

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
-import { MONTHS, WEEKDAYS } from 'common';
-import { Button, P } from 'components';
-import { ChevronLeft, ChevronRight, ArrowRight } from 'icons';
-import { buildCalendar, getMonthDays, zeroPad } from 'utils';
+import { MONTHS, WEEKDAYS } from '../../../common';
+import { Button, P } from '../../';
+import { ChevronLeft, ChevronRight, ArrowRight } from '../../../icons';
+import { buildCalendar, getMonthDays, zeroPad } from '../../../utils';
 export const DatePicker = ({ endDate, label, onSelect: parentOnSelect, startDate, }) => {
     const today = new Date();
     today.setHours(0);

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { P } from 'components';
-import { ChevronDown, ChevronUp } from 'icons';
-import { Styles } from 'common';
+import { P } from '../../';
+import { ChevronDown, ChevronUp } from '../../../icons';
+import { Styles } from '../../../common';
 const Filter = ({ closeOnBlur = true, children, disabled, graphic, label, sx, triggerType, value, }) => {
     const wrapperRef = React.useRef(null);
     const optionsRef = React.useRef(null);

package/dist/components/input/radio/radio.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from 'components';
+import { BoxProps } from '../../';
 type NativeProps = Pick<React.HTMLAttributes<HTMLInputElement>, 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
 export interface RadioProps extends NativeProps {
     checked: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box, P } from 'components';
+import { Box, P } from '../../';
 const Radio = ({ checked = false, disabled, label, onChange, reversed, sx, value, ...rest }) => {
     const handleChange = (event) => {
         event.stopPropagation();

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Styles } from 'common';
-import { Close, Search as SearchIcon } from 'icons';
+import { Styles } from '../../../common';
+import { Close, Search as SearchIcon } from '../../../icons';
 export const Search = ({ dropdownFilter, onChange, onClearText, onSubmit, placeholder, size, sx, value, }) => {
     const [expanded, setExpanded] = React.useState(false);
     const [focused, setFocused] = React.useState(false);

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box } from 'components';
-import { ChevronLeft, ChevronRight } from 'icons';
+import { Box } from '../../';
+import { ChevronLeft, ChevronRight } from '../../../icons';
 const Breadcrumb = ({ children, previous }) => {
     const _children = React.Children.toArray(children);
     if (previous) {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { P } from 'components';
+import { P } from '../../';
 const colorLookup = {
     blue: {
         bg: 'var(--color-hue-blue-2)',

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box } from 'components';
-import { callAll } from 'utils';
-import { ChevronDown, ChevronUp } from 'icons';
+import { Box } from '../../';
+import { callAll } from '../../../utils';
+import { ChevronDown, ChevronUp } from '../../../icons';
 const AccordionContext = React.createContext([-1, () => undefined]);
 const Accordion = ({ children, sx }) => {
     const [openIndex, setOpenIndex] = React.useState(-1);

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 import Picker from '@emoji-mart/react';
-import { Avatar, Box, P } from 'components';
-import emojis from 'emoji/emojis.json';
-import { ThumbsUp, Comment as CommentIcon } from 'icons';
+import { Avatar, Box, P } from '../../';
+import emojis from '../../../emoji/emojis.json';
+import { ThumbsUp, Comment as CommentIcon } from '../../../icons';
 import { abbrTimeBeforeDate } from './helpers';
-import { Styles } from 'common';
+import { Styles } from '../../../common';
 export const Comment = ({ content, createdDate, onCommentClick, onReact, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }) => {
     const id = React.useId();
     const [showPicker, setShowPicker] = React.useState(false);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { callAll } from 'utils';
+import { callAll } from '../../../utils';
 const DrawerContext = React.createContext([false, (() => undefined)]);
 export const Drawer = ({ children, controlledOpen, onOpenChange, }) => {
     const [open, setOpen] = React.useState(controlledOpen || false);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Avatar, Box, P, H } from 'components';
+import { Avatar, Box, P, H } from '../../';
 export const Message = ({ messages, userId }) => {
     const id = React.useId();
     return (React.createElement(Box, { "$display": "flex", "$dir": "column", "$gap": 16 }, messages.map(({ content, createdDate, senderAvatarURI, senderHref, senderId, senderName, }, index) => {

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Button } from 'components';
-import { Close } from 'icons';
-import { callAll } from 'utils';
+import { Button } from '../../';
+import { Close } from '../../../icons';
+import { callAll } from '../../../utils';
 const ModalContext = React.createContext([false, (() => undefined)]);
 const Modal = ({ controlledOpen, ...props }) => {
     const [open, setOpen] = React.useState(controlledOpen || false);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Box } from 'components';
+import { Box } from '../../';
 const Table = ({ border = true, children, compact, footer, header, separated, striped, sx, }) => {
     return (React.createElement(Box, { "$backgroundColor": "white", "$borderRadius": "large", "$display": "flex", "$dir": "column", "$gap": 32, "$padding": 32, sx: compact ? 'width: fit-content;' : '' },
         !!header && header,

package/dist/icons/arrow/arrow_all.d.ts

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

package/dist/icons/arrow/arrow_all.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ArrowAll = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.0573 8.66671H8.66677V13.0572L10.1954 11.5286L11.1382 12.4714L8.0001 15.6095L4.86203 12.4714L5.80484 11.5286L7.33343 13.0572V8.66671H2.94291L4.47151 10.1953L3.5287 11.1381L0.390625 8.00004L3.5287 4.86197L4.47151 5.80478L2.94291 7.33337H7.33343V2.94285L5.80484 4.47144L4.86203 3.52864L8.0001 0.390564L11.1382 3.52864L10.1954 4.47144L8.66677 2.94285V7.33337H13.0573L11.5287 5.80478L12.4715 4.86197L15.6096 8.00004L12.4715 11.1381L11.5287 10.1953L13.0573 8.66671Z" })));

package/dist/icons/arrow/arrow_all_diagonal.d.ts

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

package/dist/icons/arrow/arrow_all_diagonal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ArrowAllDiagonal = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94281 8L12.6667 11.7239V9.33333H14V14H9.33333V12.6667H11.7239L8 8.94281L4.27614 12.6667H6.66667V14H2V9.33333H3.33333V11.7239L7.05719 8L3.33333 4.27614V6.66667H2V2H6.66667V3.33333H4.27614L8 7.05719L11.7239 3.33333H9.33333V2H14V6.66667H12.6667V4.27614L8.94281 8Z" })));

package/dist/icons/arrow/arrow_both_downwards.d.ts

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

package/dist/icons/arrow/arrow_both_downwards.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ArrowBothDownwards = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.27614 3.33333L12.6667 11.7239V9.33333H14V14H9.33333V12.6667H11.7239L3.33333 4.27614V6.66667H2V2H6.66667V3.33333H4.27614Z" })));

package/dist/icons/arrow/arrow_both_upwards.d.ts

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

package/dist/icons/arrow/arrow_both_upwards.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ArrowBothUpwards = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.33333 3.33333V2H14V6.66667H12.6667V4.27614L4.27614 12.6667H6.66667V14H2V9.33333H3.33333V11.7239L11.7239 3.33333H9.33333Z" })));

package/dist/icons/arrow/arrow_circle_left.d.ts

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

package/dist/icons/arrow/arrow_circle_left.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from 'components';
+import { Icon } from '../../components';
 export const ArrowCircleLeft = (props) => {
     return (React.createElement(Icon, { ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.12936 4.66671H6.66732V6.00004H2.00065V1.33337H3.33398V3.51361C4.48406 2.12172 6.13116 1.33337 8.00065 1.33337C11.6825 1.33337 14.6673 4.31814 14.6673 8.00004C14.6673 11.6819 11.6825 14.6667 8.00065 14.6667C4.31875 14.6667 1.33398 11.6819 1.33398 8.00004H2.66732C2.66732 10.9456 5.05513 13.3334 8.00065 13.3334C10.9462 13.3334 13.334 10.9456 13.334 8.00004C13.334 5.05452 10.9462 2.66671 8.00065 2.66671C6.4049 2.66671 5.03634 3.38584 4.12936 4.66671Z" })));

package/dist/icons/arrow/arrow_circle_left_double.d.ts

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