@lnco-ai/ui 1.0.0

package/dist/buttons/BookmarkButton/BookmarkButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BookmarkIcon } from 'lucide-react';
+import { IconButton, Tooltip } from '@mui/material';
+import { ActionButton, } from '../../types.js';
+import MenuItemButton from '../MenuItemButton.js';
+import { useButtonColor } from '../hooks.js';
+const BOOKMARK_COLOR = '#ffc107';
+const BookmarkButton = ({ ariaLabel = 'favorite', className, color, handleBookmark, handleUnbookmark, isFavorite = false, size = 'medium', sx, text, tooltip, type, }) => {
+    const { color: buttonColor } = useButtonColor(color);
+    const icon = (_jsx(BookmarkIcon, { fill: isFavorite ? BOOKMARK_COLOR : 'none', fontSize: size }));
+    const tooltipText = tooltip ?? (isFavorite ? 'Remove from Bookmarks' : 'Add to Bookmarks');
+    const iconColor = isFavorite ? BOOKMARK_COLOR : buttonColor;
+    const onClick = isFavorite ? handleUnbookmark : handleBookmark;
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsx(MenuItemButton, { iconColor: iconColor, text: text ?? tooltipText, onClick: onClick, icon: icon, className: className }));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: tooltipText, children: _jsx("span", { children: _jsx(IconButton, { "aria-label": ariaLabel, sx: { color: iconColor, ...sx }, onClick: onClick, children: icon }) }) }));
+    }
+};
+export default BookmarkButton;

package/dist/buttons/Button/Button.d.ts

@@ -0,0 +1,37 @@
+import { ButtonProps } from '@mui/material';
+import { AnchorHTMLAttributes, ElementType, ReactNode } from 'react';
+export type GraaspButtonProps = {
+    autoFocus?: boolean;
+    /**
+     * button contents, usually a string
+     */
+    children?: ReactNode;
+    /**
+     * className string
+     */
+    className?: string;
+    color?: ButtonProps['color'];
+    component?: ElementType;
+    /**
+     * cypress data-cy attribute
+     */
+    dataCy?: string;
+    disabled?: boolean;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    /**
+     * id string
+     */
+    id?: string;
+    /**
+     * on click handler
+     */
+    onClick?: () => void;
+    size?: ButtonProps['size'];
+    startIcon?: ReactNode;
+    type?: ButtonProps['type'];
+    variant?: ButtonProps['variant'];
+    role?: ButtonProps['role'];
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+export declare const GraaspButton: ({ autoFocus, children, className, color, dataCy, disabled, endIcon, fullWidth, id, onClick, size, startIcon, type, variant, href, role, ...other }: GraaspButtonProps) => JSX.Element;
+export default GraaspButton;

package/dist/buttons/Button/Button.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@mui/material';
+export const GraaspButton = ({ autoFocus, children, className, color = 'primary', dataCy, disabled = false, endIcon, fullWidth, id, onClick, size = 'medium', startIcon, type, variant = 'contained', href, role, ...other }) => (_jsx(Button, { role: role, autoFocus: autoFocus, className: className, color: color, "data-cy": dataCy, disabled: disabled, endIcon: endIcon, fullWidth: fullWidth, id: id, onClick: onClick, size: size, startIcon: startIcon, type: type, variant: variant, href: href, title: href, ...other, children: children }));
+export default GraaspButton;

package/dist/buttons/ChatboxButton/ChatboxButton.d.ts

@@ -0,0 +1,15 @@
+import { ActionButtonVariant, IconSizeVariant } from '../../types.js';
+export type Props = {
+    id?: string;
+    onClick?: () => void;
+    size?: IconSizeVariant;
+    tooltip?: string;
+    menuItemClassName?: string;
+    showChat: boolean;
+    showChatText?: string;
+    hideChatText?: string;
+    type?: ActionButtonVariant;
+    color?: 'primary' | 'inherit';
+};
+declare const ChatboxButton: ({ tooltip, showChat, id, onClick, size, menuItemClassName, type, showChatText, hideChatText, color, }: Props) => JSX.Element;
+export default ChatboxButton;

package/dist/buttons/ChatboxButton/ChatboxButton.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageSquareIcon, MessageSquareOffIcon } from 'lucide-react';
+import { IconButton, Tooltip } from '@mui/material';
+import { ActionButton } from '../../types.js';
+import MenuItemButton from '../MenuItemButton.js';
+import { useButtonColor } from '../hooks.js';
+const ChatboxButton = ({ tooltip, showChat, id, onClick, size, menuItemClassName, type, showChatText = 'Show Chat', hideChatText = 'Hide Chat', color = 'inherit', }) => {
+    const { color: buttonColor } = useButtonColor(color);
+    const icon = showChat ? (_jsx(MessageSquareOffIcon, { color: buttonColor })) : (_jsx(MessageSquareIcon, { color: buttonColor }));
+    const text = showChat ? hideChatText : showChatText;
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsx(MenuItemButton, { icon: icon, text: text, onClick: onClick, className: menuItemClassName }));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: tooltip, children: _jsx("span", { children: _jsx(IconButton, { id: id, onClick: onClick, size: size, children: icon }) }) }));
+    }
+};
+export default ChatboxButton;

package/dist/buttons/CopyButton/CopyButton.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+import { ActionButtonVariant, ColorVariantsType } from '../../types.js';
+export type Props = {
+    color?: ColorVariantsType;
+    iconClassName?: string;
+    id?: string;
+    menuItemClassName?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLLIElement>;
+    text?: string;
+    type?: ActionButtonVariant;
+};
+declare const CopyButton: ({ color, iconClassName, id, menuItemClassName, onClick, text, type, }: Props) => JSX.Element;
+export default CopyButton;

package/dist/buttons/CopyButton/CopyButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyIcon } from 'lucide-react';
+import { IconButton, ListItemIcon, MenuItem, Tooltip } from '@mui/material';
+import { ActionButton, ColorVariants, } from '../../types.js';
+const CopyButton = ({ color = ColorVariants.Primary, iconClassName, id = '', menuItemClassName, onClick, text = 'Copy', type = ActionButton.ICON_BUTTON, }) => {
+    const icon = _jsx(CopyIcon, {});
+    switch (type) {
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { onClick: onClick, className: menuItemClassName, children: [_jsx(ListItemIcon, { children: icon }), text] }, text));
+        default:
+            return (_jsx(Tooltip, { title: text, children: _jsx("span", { children: _jsx(IconButton, { id: id, color: color, className: iconClassName, "aria-label": text, onClick: onClick, children: icon }) }) }));
+    }
+};
+export default CopyButton;

package/dist/buttons/DeleteButton/DeleteButton.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from 'react';
+import { ActionButtonVariant, ColorVariantsType } from '../../types.js';
+export type Props = {
+    className?: string;
+    color?: ColorVariantsType;
+    id?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLLIElement>;
+    text?: string;
+    type?: ActionButtonVariant;
+};
+declare const DeleteButton: ({ className, color, id, onClick, text, type, }: Props) => JSX.Element;
+export default DeleteButton;

package/dist/buttons/DeleteButton/DeleteButton.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TrashIcon } from 'lucide-react';
+import { IconButton, ListItemIcon, MenuItem, Tooltip } from '@mui/material';
+import { ActionButton, } from '../../types.js';
+const DeleteButton = ({ className, color, id, onClick, text = 'Delete', type, }) => {
+    const icon = _jsx(TrashIcon, {});
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { onClick: onClick, children: [_jsx(ListItemIcon, { children: icon }), text] }, text));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: text, children: _jsx("span", { children: _jsx(IconButton, { id: id, color: color, className: className, "aria-label": text, onClick: onClick, children: icon }) }) }));
+    }
+};
+export default DeleteButton;

package/dist/buttons/DownloadButton/DownloadButton.d.ts

@@ -0,0 +1,30 @@
+import { MouseEventHandler } from 'react';
+import { ActionButtonVariant, ColorVariantsType, TooltipPlacement } from '../../types.js';
+export declare const DEFAULT_LOADER_SIZE = 24;
+export type DownloadButtonProps = {
+    ariaLabel: string;
+    /**
+     * button onClick
+     */
+    handleDownload: MouseEventHandler;
+    isLoading: boolean;
+    /**
+     * CircularProgress's color
+     */
+    color?: ColorVariantsType;
+    /**
+     * CircularProgress's size
+     */
+    loaderSize?: number;
+    /**
+     * Tooltip's title
+     */
+    title: string;
+    /**
+     * Tooltip's placement
+     */
+    placement?: TooltipPlacement;
+    type?: ActionButtonVariant;
+};
+declare const DownloadButton: ({ ariaLabel, handleDownload, isLoading, color, loaderSize, title, placement, type, }: DownloadButtonProps) => JSX.Element;
+export default DownloadButton;

package/dist/buttons/DownloadButton/DownloadButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DownloadIcon } from 'lucide-react';
+import { CircularProgress, IconButton, ListItemIcon, MenuItem, Tooltip, Typography, } from '@mui/material';
+import { ActionButton, } from '../../types.js';
+import { useButtonColor } from '../hooks.js';
+export const DEFAULT_LOADER_SIZE = 24;
+const DownloadButton = ({ ariaLabel = 'download', handleDownload, isLoading = false, color, loaderSize = DEFAULT_LOADER_SIZE, title = 'Download', placement = 'bottom', type = ActionButton.ICON_BUTTON, }) => {
+    const { color: iconColor } = useButtonColor(color);
+    const icon = _jsx(DownloadIcon, { color: iconColor });
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { onClick: handleDownload, children: [_jsx(ListItemIcon, { children: icon }), _jsx(Typography, { component: 'span', color: color, children: title })] }, title));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: title, placement: placement, children: _jsx("span", { children: _jsx(IconButton, { disabled: isLoading, color: color, onClick: handleDownload, "aria-label": ariaLabel, children: isLoading ? (_jsx(CircularProgress, { color: color, size: loaderSize })) : (icon) }) }) }));
+    }
+};
+export default DownloadButton;

package/dist/buttons/EditButton/EditButton.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+import { ActionButtonVariant, IconSizeVariant } from '../../types.js';
+export type Props = {
+    id?: string;
+    className?: string;
+    ariaLabel?: string;
+    onClick?: MouseEventHandler;
+    title?: string;
+    size?: IconSizeVariant;
+    type?: ActionButtonVariant;
+};
+declare const EditButton: ({ id, className, ariaLabel, onClick, title, size, type, }: Props) => JSX.Element;
+export default EditButton;

package/dist/buttons/EditButton/EditButton.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Edit2 } from 'lucide-react';
+import { IconButton, ListItemIcon, ListItemText, MenuItem, Tooltip, } from '@mui/material';
+import { ActionButton } from '../../types.js';
+const EditButton = ({ id, className, ariaLabel, onClick, title = 'Edit', size = 'small', type = ActionButton.ICON_BUTTON, }) => {
+    const icon = _jsx(Edit2, {});
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { onClick: onClick, id: id, className: className, children: [_jsx(ListItemIcon, { children: icon }), _jsx(ListItemText, { children: title })] }, title));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: title, children: _jsx("span", { children: _jsx(IconButton, { id: id, "aria-label": ariaLabel, className: className, onClick: onClick, size: size, children: icon }) }) }));
+    }
+};
+export default EditButton;

package/dist/buttons/LikeButton/LikeButton.d.ts

@@ -0,0 +1,28 @@
+import { SxProps } from '@mui/material';
+import { MouseEventHandler } from 'react';
+import { ColorVariantsType, IconSizeVariant } from '../../types.js';
+export interface LikeButtonProps {
+    ariaLabel: string;
+    /**
+     * IconButton's color
+     */
+    color?: ColorVariantsType;
+    handleLike: MouseEventHandler;
+    handleUnlike: MouseEventHandler;
+    isLiked?: boolean;
+    /**
+     * IconButton's size
+     */
+    size?: IconSizeVariant;
+    sx?: SxProps;
+    /**
+     * Tooltip's title when item is not liked
+     */
+    tooltipLike?: string;
+    /**
+     * Tooltip's title when item is liked
+     */
+    tooltipUnlike?: string;
+}
+declare const LikeButton: ({ ariaLabel, color, handleLike, handleUnlike, isLiked, size, sx, tooltipLike, tooltipUnlike, }: LikeButtonProps) => JSX.Element;
+export default LikeButton;

package/dist/buttons/LikeButton/LikeButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Heart } from 'lucide-react';
+import { IconButton, Tooltip } from '@mui/material';
+import { useButtonColor } from '../hooks.js';
+const LikeButton = ({ ariaLabel = 'like item', color = 'primary', handleLike, handleUnlike, isLiked = false, size = 'large', sx, tooltipLike = 'Like', tooltipUnlike = 'Unlike', }) => {
+    const { fill: fillColor } = useButtonColor(color);
+    const fill = isLiked ? fillColor : 'none';
+    return (_jsx(Tooltip, { title: isLiked ? tooltipUnlike : tooltipLike, children: _jsx("span", { children: _jsx(IconButton, { "aria-label": ariaLabel, sx: sx, color: color, onClick: isLiked ? handleUnlike : handleLike, children: _jsx(Heart, { fill: fill, fontSize: size }) }) }) }));
+};
+export default LikeButton;

package/dist/buttons/MenuItemButton.d.ts

@@ -0,0 +1,11 @@
+import { ListItemIconProps } from '@mui/material';
+import { MouseEventHandler } from 'react';
+export type MenuItemButtonProps = {
+    className?: string;
+    onClick?: MouseEventHandler;
+    text: string;
+    icon: JSX.Element;
+    iconColor?: ListItemIconProps['color'];
+};
+declare const MenuItemButton: ({ text, icon, onClick, className, iconColor, }: MenuItemButtonProps) => JSX.Element;
+export default MenuItemButton;

package/dist/buttons/MenuItemButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListItemIcon, ListItemText, MenuItem, } from '@mui/material';
+const MenuItemButton = ({ text, icon, onClick, className, iconColor = 'default', }) => {
+    return (_jsxs(MenuItem, { onClick: onClick, className: className, children: [_jsx(ListItemIcon, { color: iconColor, children: icon }), _jsx(ListItemText, { sx: {
+                    '.MuiListItemText-primary, .MuiListItemText-secondary': {
+                        textOverflow: 'ellipsis',
+                        overflow: 'hidden',
+                        whiteSpace: 'nowrap',
+                    },
+                }, children: text })] }, text));
+};
+export default MenuItemButton;

package/dist/buttons/MoveButton/MoveButton.d.ts

@@ -0,0 +1,13 @@
+import { ActionButtonVariant, ColorVariantsType, IconSizeVariant } from '../../types.js';
+type MoveButtonProps = {
+    color?: ColorVariantsType;
+    iconClassName?: string;
+    id?: string;
+    menuItemClassName?: string;
+    onClick?: () => void;
+    size?: IconSizeVariant;
+    text?: string;
+    type?: ActionButtonVariant;
+};
+declare const MoveButton: ({ color, iconClassName, id, menuItemClassName, onClick, size, text, type, }: MoveButtonProps) => JSX.Element;
+export default MoveButton;

package/dist/buttons/MoveButton/MoveButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Move } from 'lucide-react';
+import { IconButton, ListItemIcon, MenuItem, Tooltip, Typography, } from '@mui/material';
+import { ActionButton, ColorVariants, } from '../../types.js';
+import { useButtonColor } from '../hooks.js';
+const MoveButton = ({ color = ColorVariants.Primary, iconClassName, id, menuItemClassName, onClick, size, text = 'Move', type = ActionButton.ICON_BUTTON, }) => {
+    const { color: iconColor } = useButtonColor(color);
+    const icon = _jsx(Move, { color: iconColor });
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { onClick: onClick, className: menuItemClassName, children: [_jsx(ListItemIcon, { children: icon }), _jsx(Typography, { component: 'span', color: color, children: text })] }, text));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: text, children: _jsx("span", { children: _jsx(IconButton, { size: size, id: id, color: color, className: iconClassName, "aria-label": text, onClick: onClick, children: icon }) }) }));
+    }
+};
+export default MoveButton;

package/dist/buttons/PinButton/PinButton.d.ts

@@ -0,0 +1,15 @@
+import { ActionButtonVariant, ColorVariantsType, IconSizeVariant } from '../../types.js';
+export type PinButtonProps = {
+    color?: ColorVariantsType;
+    iconClassName?: string;
+    id?: string;
+    isPinned?: boolean;
+    menuItemClassName?: string;
+    onClick?: () => void;
+    size?: IconSizeVariant;
+    pinText?: string;
+    unPinText?: string;
+    type?: ActionButtonVariant;
+};
+declare const PinButton: ({ type, onClick, menuItemClassName, iconClassName, isPinned, pinText, unPinText, size, color, }: PinButtonProps) => JSX.Element;
+export default PinButton;

package/dist/buttons/PinButton/PinButton.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pin, PinOff } from 'lucide-react';
+import { IconButton, Tooltip } from '@mui/material';
+import { ActionButton, } from '../../types.js';
+import MenuItemButton from '../MenuItemButton.js';
+import { useButtonColor } from '../hooks.js';
+const PinButton = ({ type, onClick, menuItemClassName, iconClassName, isPinned, pinText = 'Pin', unPinText = 'Unpin', size, color, }) => {
+    const { color: buttonColor } = useButtonColor(color);
+    const icon = isPinned ? (_jsx(PinOff, { color: buttonColor })) : (_jsx(Pin, { color: buttonColor }));
+    const text = isPinned ? unPinText : pinText;
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsx(MenuItemButton, { icon: icon, onClick: onClick, text: text, className: menuItemClassName }));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: text, children: _jsx("span", { children: _jsx(IconButton, { size: size, "aria-label": text, className: iconClassName, onClick: onClick, children: icon }) }) }));
+    }
+};
+export default PinButton;

package/dist/buttons/SaveButton/SaveButton.d.ts

@@ -0,0 +1,24 @@
+import { GraaspButtonProps } from '../Button/Button.js';
+export type SaveButtonProps = {
+    /**
+     * whether changes have been detected
+     */
+    hasChanges: boolean;
+    onClick: () => void;
+    color?: GraaspButtonProps['color'];
+    id?: string;
+    /**
+     * text when no changes have been detected
+     */
+    savedText?: string;
+    /**
+     * text when changes have been detected
+     */
+    text?: string;
+    /**
+     * button variant
+     */
+    variant?: GraaspButtonProps['variant'];
+};
+declare const SaveButton: ({ color, hasChanges, id, onClick, savedText, text, variant, }: SaveButtonProps) => JSX.Element;
+export default SaveButton;

package/dist/buttons/SaveButton/SaveButton.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import GraaspButton from '../Button/Button.js';
+const SaveButton = ({ color, hasChanges, id, onClick, savedText = 'Saved', text = 'Save', variant, }) => (_jsx(GraaspButton, { id: id, variant: variant, color: color, onClick: onClick, disabled: !hasChanges, children: hasChanges ? text : savedText }));
+export default SaveButton;

package/dist/buttons/ShareButton/ShareButton.d.ts

@@ -0,0 +1,14 @@
+import { IconButtonProps } from '@mui/material';
+import { MouseEventHandler } from 'react';
+import { ActionButtonVariant } from '../../types.js';
+export type Props = {
+    tooltip?: string;
+    onClick?: MouseEventHandler;
+    ariaLabel?: string;
+    className?: string;
+    size?: IconButtonProps['size'];
+    id?: string;
+    type?: ActionButtonVariant;
+};
+declare const ShareButton: ({ className, tooltip, ariaLabel, id, onClick, size, type, }: Props) => JSX.Element;
+export default ShareButton;

package/dist/buttons/ShareButton/ShareButton.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UsersRound } from 'lucide-react';
+import { IconButton, ListItemIcon, ListItemText, MenuItem, Tooltip, } from '@mui/material';
+import { ActionButton } from '../../types.js';
+const ShareButton = ({ className, tooltip = 'Share', ariaLabel, id, onClick, size, type = ActionButton.ICON_BUTTON, }) => {
+    const icon = _jsx(UsersRound, {});
+    switch (type) {
+        case ActionButton.ICON:
+            return icon;
+        case ActionButton.MENU_ITEM:
+            return (_jsxs(MenuItem, { className: className, onClick: onClick, children: [_jsx(ListItemIcon, { children: icon }), _jsx(ListItemText, { children: tooltip })] }, tooltip));
+        case ActionButton.ICON_BUTTON:
+        default:
+            return (_jsx(Tooltip, { title: tooltip, children: _jsx("span", { children: _jsx(IconButton, { "aria-label": ariaLabel ?? tooltip, className: className, onClick: onClick, id: id, size: size, children: icon }) }) }));
+    }
+};
+export default ShareButton;

package/dist/buttons/hooks.d.ts

@@ -0,0 +1,5 @@
+import { ColorVariantsType } from '../types.js';
+export declare const useButtonColor: (color: ColorVariantsType | undefined) => {
+    fill: string | undefined;
+    color: string | undefined;
+};

package/dist/buttons/hooks.js

@@ -0,0 +1,14 @@
+import { useTheme } from '@mui/material';
+import { DEFAULT_TEXT_SECONDARY_COLOR } from '../theme.js';
+import { ColorVariants } from '../types.js';
+export const useButtonColor = (color) => {
+    const theme = useTheme();
+    if (color === undefined) {
+        return { color: undefined, fill: DEFAULT_TEXT_SECONDARY_COLOR };
+    }
+    if (color === ColorVariants.Inherit) {
+        return { color: 'currentColor', fill: 'currentColor' };
+    }
+    const themeColor = theme.palette[color].main;
+    return { color: themeColor, fill: themeColor };
+};

package/dist/buttons/index.d.ts

@@ -0,0 +1,12 @@
+export { default as BookmarkButton } from './BookmarkButton/BookmarkButton.js';
+export { default as Button } from './Button/Button.js';
+export { default as ChatboxButton } from './ChatboxButton/ChatboxButton.js';
+export { default as CopyButton } from './CopyButton/CopyButton.js';
+export { default as DeleteButton } from './DeleteButton/DeleteButton.js';
+export { default as DownloadButton } from './DownloadButton/DownloadButton.js';
+export { default as EditButton } from './EditButton/EditButton.js';
+export { default as LikeButton } from './LikeButton/LikeButton.js';
+export { default as MoveButton } from './MoveButton/MoveButton.js';
+export { default as PinButton } from './PinButton/PinButton.js';
+export { default as SaveButton } from './SaveButton/SaveButton.js';
+export { default as ShareButton } from './ShareButton/ShareButton.js';

package/dist/buttons/index.js

@@ -0,0 +1,12 @@
+export { default as BookmarkButton } from './BookmarkButton/BookmarkButton.js';
+export { default as Button } from './Button/Button.js';
+export { default as ChatboxButton } from './ChatboxButton/ChatboxButton.js';
+export { default as CopyButton } from './CopyButton/CopyButton.js';
+export { default as DeleteButton } from './DeleteButton/DeleteButton.js';
+export { default as DownloadButton } from './DownloadButton/DownloadButton.js';
+export { default as EditButton } from './EditButton/EditButton.js';
+export { default as LikeButton } from './LikeButton/LikeButton.js';
+export { default as MoveButton } from './MoveButton/MoveButton.js';
+export { default as PinButton } from './PinButton/PinButton.js';
+export { default as SaveButton } from './SaveButton/SaveButton.js';
+export { default as ShareButton } from './ShareButton/ShareButton.js';

package/dist/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const DRAWER_WIDTH = 240;
+export declare const DEFAULT_DIRECTION = "ltr";
+export declare const DRAWER_HEADER_HEIGHT = 55;
+export declare const DEFAULT_THUMBNAIL_SIZE: "small";
+export declare const DEFAULT_LINK_SHOW_BUTTON = true;
+export declare const UNEXPECTED_ERROR_MESSAGE = "An unexpected error occurred";
+export declare const SMALL_AVATAR_SIZE = 40;
+export declare const SHORT_TEXT_WIDTH = 60;
+export declare const IFRAME_MIN_HEIGHT = 200;
+export declare const FLAG_LIST_MAX_HEIGHT = 250;
+export declare const SCREEN_MAX_HEIGHT: number;

package/dist/constants.js

@@ -0,0 +1,12 @@
+import { ThumbnailSize } from '@lnco-ai/sdk';
+export const DRAWER_WIDTH = 240;
+export const DEFAULT_DIRECTION = 'ltr';
+export const DRAWER_HEADER_HEIGHT = 55;
+export const DEFAULT_THUMBNAIL_SIZE = ThumbnailSize.Small;
+export const DEFAULT_LINK_SHOW_BUTTON = true;
+export const UNEXPECTED_ERROR_MESSAGE = 'An unexpected error occurred';
+export const SMALL_AVATAR_SIZE = 40;
+export const SHORT_TEXT_WIDTH = 60;
+export const IFRAME_MIN_HEIGHT = 200;
+export const FLAG_LIST_MAX_HEIGHT = 250;
+export const SCREEN_MAX_HEIGHT = typeof window !== 'undefined' ? window.innerHeight * 0.8 : 1000;

package/dist/draggable/DraggableElement.d.ts

@@ -0,0 +1,11 @@
+import { DraggableAndDroppableProps, DroppedFile } from './types.js';
+export type DraggableElementProps<T> = {
+    row: T;
+    onDrop: (draggedRow: T | DroppedFile, targetRow: T) => void;
+    isMovable?: (el: T) => boolean;
+    renderComponent: (el: T | DroppedFile, args: DraggableAndDroppableProps) => JSX.Element;
+    allowFiles?: boolean;
+    canDrop?: (el: T | DroppedFile) => boolean;
+};
+declare const DraggableElement: <T extends object>({ row, onDrop, canDrop, isMovable, renderComponent, allowFiles, }: DraggableElementProps<T>) => JSX.Element;
+export default DraggableElement;

package/dist/draggable/DraggableElement.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { useDrag, useDrop } from 'react-dnd';
+import { NativeTypes } from 'react-dnd-html5-backend';
+const DraggableElement = ({ row, onDrop, canDrop = () => true, isMovable = () => true, renderComponent, allowFiles = true, }) => {
+    const accept = ['row'];
+    if (allowFiles) {
+        accept.push(NativeTypes.FILE);
+    }
+    const [{ isOver }, dropRef] = useDrop({
+        accept,
+        canDrop,
+        drop: (draggedRow) => {
+            onDrop(draggedRow, row);
+        },
+        collect: (monitor) => ({
+            isOver: monitor.getItem() !== row &&
+                canDrop(monitor.getItem()) &&
+                !!monitor.isOver(),
+        }),
+    }, [onDrop]);
+    const [{ isDragging }, dragRef] = useDrag({
+        collect: (monitor) => ({
+            isDragging: monitor.isDragging(),
+        }),
+        item: () => row,
+        type: 'row',
+    });
+    const attachRef = (el) => {
+        dragRef(el);
+        dropRef(el);
+    };
+    const canMove = isMovable(row);
+    return (_jsx(Box, { ref: canMove ? attachRef : undefined, sx: canMove
+            ? {
+                '&:hover': {
+                    cursor: 'grab',
+                },
+            }
+            : undefined, children: renderComponent(row, { isDragging, isOver, isMovable: canMove }) }));
+};
+export default DraggableElement;

package/dist/draggable/DraggingWrapper.d.ts

@@ -0,0 +1,23 @@
+import { DraggableElementProps } from './DraggableElement.js';
+import { InBetweenProps } from './InBetween.js';
+export type DraggingWrapperProps<T> = {
+    renderComponent: DraggableElementProps<T>['renderComponent'];
+    rows?: T[];
+    /** wrapper id */
+    id?: string;
+    getRowId?: (el: T) => string;
+    /** show drag anchor */
+    isMovable?: DraggableElementProps<T>['isMovable'];
+    /** handler on drop in a row */
+    onDropInRow?: DraggableElementProps<T>['onDrop'];
+    /** enable to drag in between rows */
+    enableMoveInBetween?: boolean;
+    /** handler on drop in between rows */
+    onDropBetweenRow?: InBetweenProps<T>['onDrop'];
+    allowFiles?: DraggableElementProps<T>['allowFiles'];
+    canDrop?: DraggableElementProps<T>['canDrop'];
+    /** number of columns */
+    nbColumns?: number;
+};
+declare const DraggingWrapper: <T extends object>({ id, rows, getRowId, onDropInRow: onDropInRowFn, onDropBetweenRow: onDropBetweenRowFn, renderComponent, isMovable, enableMoveInBetween, allowFiles, canDrop, nbColumns, }: DraggingWrapperProps<T>) => JSX.Element;
+export default DraggingWrapper;