@stack-spot/portal-components 0.0.18 → 1.0.0-dev.1768482754546

package/dist/components/LazyMarkdown/BlockquoteMd.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Blockquote, Box, Flex, IconBox, Text } from '@citric/core';
+import * as icons from '@citric/icons';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { createElement } from 'react';
+/**
+ * BlockquoteMd component that renders a styled blockquote with an icon and text based on the provided props.
+ *
+ * @param {Object} props - The props for the BlockquoteMd component.
+ * @param {any} props.props - The properties passed to the component.
+ * @returns {JSX.Element} The BlockquoteMd component.
+ */
+export const BlockquoteMd = ({ props }) => {
+    const t = useTranslate(dictionary);
+    const arrayNode = props.node;
+    const blockItem = arrayNode?.children[1]?.children[0]?.value;
+    const blockStyle = blockquoteAlertStyle(blockItem);
+    if (blockStyle) {
+        const childrenBlock = arrayNode?.children[3]?.children[1].children[0].value;
+        return (_jsx(Flex, { sx: { borderRadius: 'sm', bg: 'light.500', my: 3 }, children: _jsx(Blockquote, { colorScheme: blockStyle.color, children: _jsxs(Box, { children: [_jsxs(Flex, { children: [_jsx(IconBox, { appearance: "square", colorIcon: `${blockStyle.color}.400`, sx: { mr: 4 }, children: createElement(icons[blockStyle.icon]) }), _jsx(Text, { sx: { color: `${blockStyle.color}.400` }, weight: "medium", children: t[blockItem] })] }), _jsx(Box, { my: 3, children: _jsx(Text, { children: childrenBlock }) })] }) }) }));
+    }
+    return (_jsx(Flex, { sx: { borderRadius: 'sm', bg: 'light.500', my: 3 }, children: _jsx(Blockquote, { children: _jsx(Text, { ...props }) }) }));
+};
+/**
+ * Get the style for the blockquote based on the block rule.
+ *
+ * @param {string} blockRule - The block rule to determine the style.
+ * @returns {{ color: OneOfColorSchemes, icon: IconName }} The style object containing color and icon.
+ */
+function blockquoteAlertStyle(blockRule) {
+    const style = {
+        '[!NOTE]': {
+            color: 'inverse',
+            icon: 'Document',
+        },
+        '[!INFO]': {
+            color: 'secondary',
+            icon: 'InfoCircle',
+        },
+        '[!IMPORTANT]': {
+            color: 'tertiary',
+            icon: 'MobileComments',
+        },
+        '[!TIP]': {
+            color: 'success',
+            icon: 'Star',
+        },
+        '[!WARNING]': {
+            color: 'warning',
+            icon: 'ExclamationTriangle',
+        },
+        '[!DANGER]': {
+            color: 'danger',
+            icon: 'Bug',
+        },
+    };
+    return style[blockRule];
+}
+const dictionary = {
+    en: {
+        '[!NOTE]': 'Note',
+        '[!INFO]': 'Info',
+        '[!IMPORTANT]': 'Important',
+        '[!TIP]': 'Tip',
+        '[!WARNING]xw': 'Warning',
+        '[!DANGER]': 'Danger',
+    },
+    pt: {
+        '[!NOTE]': 'Nota',
+        '[!INFO]': 'Informação',
+        '[!IMPORTANT]': 'Importante',
+        '[!TIP]': 'Dica',
+        '[!WARNING]': 'Atenção',
+        '[!DANGER]': 'Risco',
+    },
+};
+//# sourceMappingURL=BlockquoteMd.js.map

package/dist/components/LazyMarkdown/BlockquoteMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockquoteMd.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/BlockquoteMd.tsx"],"names":[],"mappings":"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"}

package/dist/components/LazyMarkdown/CodeViewer.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    language: string;
+    data: string;
+    onClickRefresh?: () => void;
+    height?: string;
+    scrollable?: boolean;
+    copyButton?: boolean;
+}
+/**
+ * CodeViewer component that displays code with syntax highlighting based on application theme and optional copy and refresh buttons.
+ *
+* @param options the props for rendering the component: {@link Props}.
+ */
+export declare const CodeViewer: ({ language, data, onClickRefresh, scrollable, copyButton }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const codeViewerLocale: {
+    en: {
+        noData: string;
+    };
+    pt: {
+        noData: string;
+    };
+};
+export {};
+//# sourceMappingURL=CodeViewer.d.ts.map

package/dist/components/LazyMarkdown/CodeViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/CodeViewer.tsx"],"names":[],"mappings":"AA0GA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,4DAAmE,KAAK,4CA+BlG,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA"}

package/dist/components/LazyMarkdown/CodeViewer.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Flex, Text } from '@citric/core';
+import { getColor, getRadius } from '@citric/core/dist/utils/theme.js';
+import { Copy, Refresh } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import styled from 'styled-components';
+const style = {
+    scrollable: {
+        minHeight: '64px',
+        maxHeight: '232px',
+        overflow: 'auto',
+        '&::-webkit-scrollbar': {
+            width: '4px',
+            height: '4px',
+        },
+        '&::-webkit-scrollbar-track': {
+            background: 'light.400',
+            borderRadius: '2px',
+        },
+        '&::-webkit-scrollbar-thumb': {
+            background: 'light.700',
+            borderRadius: '2px',
+        },
+    },
+};
+const Wrapper = styled(Box) `
+  background-color: ${theme.color.gray[900]};
+  border-radius: ${({ theme }) => getRadius(theme, 'xs')};
+  position: relative;
+  padding: 8px;
+  overflow: hidden;
+
+  > .scrollable-container {
+    min-height: 64px;
+    max-height: 232px;
+    overflow: auto;
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: ${theme.color.light[400]};
+      border-radius: 2px;
+    }
+    &::-webkit-scrollbar-thumb,
+    &::-webkit-scrollbar-thumb:hover {
+      background: ${theme.color.light[700]};
+      border-radius: 2px;
+    }
+  }
+
+  pre {
+    background-color: transparent;
+    font-family: 'Roboto Mono';
+    font-size: 14.4px;
+    padding: 0;
+    margin-top: 0;
+    overflow: unset;
+    text-shadow: none;
+    color: ${theme.color.gray[50]};
+  }
+
+  .hljs-string {
+    color: ${theme.color.teal[300]};
+  }
+  .hljs-tag {
+    color: ${({ theme }) => getColor(theme, 'teal')};
+  }
+  .hljs-attr {
+    color: ${theme.color.gray[50]};
+  }
+  .hljs-number {
+    color: ${theme.color.gray[300]};
+  }
+  .hljs-property {
+    color: ${theme.color.gray[50]};
+  }
+  .hljs-keyword {
+    color: ${theme.color.blue[200]};
+  }
+  .comment {
+    color: ${theme.color.gray[400]};
+  }
+  .hljs-expression {
+    color: ${theme.color.orange[400]};
+  }
+
+  .button-group {
+    position: absolute;
+    top: 8px;
+    right: 24px;
+    display: flex;
+
+    button {
+      margin-left: 6px;
+      &:focus {
+        background-color: ${({ theme }) => getColor(theme, 'light.300')};
+      }
+    }
+  }
+`;
+/**
+ * CodeViewer component that displays code with syntax highlighting based on application theme and optional copy and refresh buttons.
+ *
+* @param options the props for rendering the component: {@link Props}.
+ */
+export const CodeViewer = ({ language, data, onClickRefresh, scrollable = true, copyButton }) => {
+    const t = useTranslate(codeViewerLocale);
+    return (_jsx(Wrapper, { children: data ? (_jsxs(_Fragment, { children: [_jsx(Flex, { style: scrollable ? style.scrollable : undefined, children: _jsx(SyntaxHighlighter, { language: language, showLineNumbers: true, useInlineStyles: false, children: String(data).replace(/\n$/, '') }) }), _jsxs("div", { className: "button-group", children: [onClickRefresh && (_jsx(IconButton, { onClick: onClickRefresh, children: _jsx(Refresh, {}) })), copyButton ? (_jsx(IconButton, { onClick: () => navigator.clipboard.writeText(data), children: _jsx(Copy, {}) })) : null] })] })) : (_jsx(Text, { appearance: "body2", children: t.noData })) }));
+};
+export const codeViewerLocale = {
+    en: {
+        noData: 'No data available.',
+    },
+    pt: {
+        noData: 'Sem dados disponíveis.',
+    },
+};
+//# sourceMappingURL=CodeViewer.js.map

package/dist/components/LazyMarkdown/CodeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeViewer.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/CodeViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/LazyMarkdown/Markdown.d.ts

@@ -0,0 +1,19 @@
+import { Components } from 'react-markdown';
+interface MarkdownProps {
+    /**
+     * The markdown content to be rendered.
+     */
+    children: string;
+    /**
+     * The markdown components to be rendered.
+     */
+    components?: Components;
+}
+/**
+ * Renders a component that provides markdown content visualization using citric components.
+ *
+ * @param options the props for rendering the component: {@link MarkdownProps}.
+ */
+declare const Markdown: ({ children, components }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Markdown;
+//# sourceMappingURL=Markdown.d.ts.map

package/dist/components/LazyMarkdown/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAQ1D,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAyFD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,GAAI,0BAA0B,aAAa,4CAIxD,CAAA;AAGD,eAAe,QAAQ,CAAA"}

package/dist/components/LazyMarkdown/Markdown.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Image, Link, Text } from '@citric/core';
+import { Table, Tbody, Td, Th, Thead, Tr } from '@citric/ui';
+import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import remarkBreaks from 'remark-breaks';
+import remarkGfm from 'remark-gfm';
+import { BlockquoteMd } from './BlockquoteMd.js';
+import { CodeViewer } from './CodeViewer.js';
+import { Video } from './Video.js';
+const styles = {
+    title: {
+        mb: 3,
+    },
+    boxContainer: {
+        position: 'relative',
+        bg: 'light.300',
+        borderRadius: 'sm',
+        mb: 10,
+    },
+    table: {
+        borderRadius: 'xs',
+    },
+    customScroll: {
+        height: '232px',
+        overflow: 'auto',
+        '&::-webkit-scrollbar': {
+            width: '2px',
+        },
+        '&::-webkit-scrollbar-track': {
+            background: 'light.400',
+        },
+        '&::-webkit-scrollbar-thumb': {
+            background: 'primary.500',
+        },
+        '&::-webkit-scrollbar-thumb:hover': {
+            background: 'primary.500',
+        },
+    },
+    refreshButton: {
+        position: 'absolute',
+        top: '8px',
+        right: '48px',
+    },
+    copyButton: {
+        position: 'absolute',
+        top: '8px',
+        right: '16px',
+    },
+    code: {
+        bg: 'blue.900',
+        color: 'blue.100',
+        px: 1,
+        py: 1,
+        borderRadius: 'xs',
+    },
+};
+/**
+ * Custom components for rendering markdown elements.
+ */
+const component = () => ({
+    p: (props) => _jsx(Text, { appearance: "body2", ...props }),
+    strong: (props) => _jsx(Text, { weight: "bold", colorScheme: "light.700", as: "strong", ...props }),
+    h1: (props) => _jsx(Text, { as: "h1", appearance: "h2", gutterBottom: true, ...props, sx: styles.title }),
+    h2: (props) => _jsx(Text, { as: "h2", appearance: "h3", gutterBottom: true, ...props, sx: styles.title }),
+    h3: (props) => _jsx(Text, { as: "h3", appearance: "h4", gutterBottom: true, ...props, sx: styles.title }),
+    h4: (props) => _jsx(Text, { as: "h4", appearance: "h5", gutterBottom: true, ...props, sx: styles.title }),
+    a: (props) => _jsx(Link, { colorScheme: "primary", ...props, target: "_blank" }),
+    table: (props) => _jsx(Table, { appearance: "striped", ...props, sx: styles.table }),
+    thead: (props) => _jsx(Thead, { ...props }),
+    tbody: (props) => _jsx(Tbody, { ...props }),
+    tr: (props) => _jsx(Tr, { ...props }),
+    td: (props) => _jsx(Td, { ...props }),
+    th: (props) => _jsx(Th, { ...props }),
+    li: (props) => _jsx(Text, { as: "li", appearance: "body2", colorScheme: "light.700", ...props }),
+    br: (props) => _jsx(Box, { my: 5, ...props }),
+    blockquote: (props) => _jsx(BlockquoteMd, { props }),
+    video: (props) => _jsx(Video, { ...props }),
+    img: (props) => _jsx(Image, { ...props }),
+    pre(props) {
+        const propComp = props.children.props;
+        const match = /language-(\w+)/.exec(propComp.className || '');
+        const inferredLanguage = match && match.length > 1 ? match[1] : undefined;
+        return (_jsx(Box, { sx: { ...styles.boxContainer }, children: _jsx(CodeViewer, { language: inferredLanguage, ...propComp, data: propComp.children }) }));
+    },
+    code: ({ ...props }) => _jsx(Text, { as: "code", sx: styles.code, ...props, children: props.children }),
+});
+/**
+ * Renders a component that provides markdown content visualization using citric components.
+ *
+ * @param options the props for rendering the component: {@link MarkdownProps}.
+ */
+const Markdown = ({ children, components }) => (_jsx(ReactMarkdown, { rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm, remarkBreaks], components: { ...component(), ...components }, children: children }));
+// eslint-disable-next-line import/no-default-export
+export default Markdown;
+//# sourceMappingURL=Markdown.js.map

package/dist/components/LazyMarkdown/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/LazyMarkdown/MarkdownButton.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+interface MarkdownButtonProps {
+    /**
+     * Optional click handler for the button.
+     */
+    onClick?: () => void;
+    /**
+     * The content to be displayed inside the button.
+     */
+    children: ReactNode;
+}
+/**
+ * Renders a component that provides an IconButton with custom styles and content.
+ *
+ * @param options the props for rendering the component: {@link MarkdownButtonProps}.
+ */
+export declare const MarkdownButton: ({ ...props }: MarkdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MarkdownButton.d.ts.map

package/dist/components/LazyMarkdown/MarkdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/MarkdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,UAAU,mBAAmB;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAI/D,CAAA"}

package/dist/components/LazyMarkdown/MarkdownButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconButton } from '@citric/ui';
+/**
+ * Renders a component that provides an IconButton with custom styles and content.
+ *
+ * @param options the props for rendering the component: {@link MarkdownButtonProps}.
+ */
+export const MarkdownButton = ({ ...props }) => (_jsx(IconButton, { sx: { position: 'absolute', top: '16px', right: '16px' }, onClick: props.onClick, children: props.children }));
+//# sourceMappingURL=MarkdownButton.js.map

package/dist/components/LazyMarkdown/MarkdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownButton.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/MarkdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAcvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE,CAAC,CACnE,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,YACzF,KAAK,CAAC,QAAQ,GACJ,CACd,CAAA"}

package/dist/components/LazyMarkdown/Video.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Video component that renders an iframe with the given source URL.
+ *
+ * @param {Object} props - The props for the Video component.
+ * @param {string} props.children - The URL to be used as the source of the iframe.
+ * @returns {JSX.Element} The rendered iframe element.
+ */
+export declare const Video: ({ children }: {
+    children: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Video.d.ts.map

package/dist/components/LazyMarkdown/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Video.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,GAAI,cAAc;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,4CAKvD,CAAA"}

package/dist/components/LazyMarkdown/Video.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Video component that renders an iframe with the given source URL.
+ *
+ * @param {Object} props - The props for the Video component.
+ * @param {string} props.children - The URL to be used as the source of the iframe.
+ * @returns {JSX.Element} The rendered iframe element.
+ */
+export const Video = ({ children }) => (_jsx("iframe", { src: children, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" }));
+//# sourceMappingURL=Video.js.map

package/dist/components/LazyMarkdown/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Video.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAAC,CAC3D,iBACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,qGAAqG,GAC3G,CACH,CAAA"}

package/dist/components/LazyMarkdown/index.d.ts

@@ -0,0 +1,10 @@
+import { Components } from 'react-markdown';
+import { MarkdownButton } from './MarkdownButton.js';
+interface Props {
+    children: string;
+    language?: string;
+    components?: Components;
+}
+declare const LazyMarkdown: ({ children, components }: Props) => import("react/jsx-runtime").JSX.Element;
+export { LazyMarkdown, MarkdownButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LazyMarkdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,GAAI,0BAA0B,KAAK,4CAIpD,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/LazyMarkdown/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '@citric/ui';
+import { Suspense, lazy } from 'react';
+import { MarkdownButton } from './MarkdownButton.js';
+const Markdown = lazy(() => import('./Markdown.js'));
+const LazyMarkdown = ({ children, components }) => (_jsx(Suspense, { fallback: _jsx(Skeleton, {}), children: _jsx(Markdown, { components: components, children: children }) }));
+export { LazyMarkdown, MarkdownButton };
+//# sourceMappingURL=index.js.map

package/dist/components/LazyMarkdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;AAQjD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CACxD,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,KAAG,YAC9B,KAAC,QAAQ,IAAC,UAAU,EAAE,UAAU,YAAG,QAAQ,GAAY,GAC9C,CACZ,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Placeholder.d.ts

@@ -0,0 +1,28 @@
+import { AsProp } from '@citric/core/dist/forward-ref-as.js';
+import { SxProperties } from '@citric/core/dist/sx.js';
+interface Props {
+    title?: string | React.ReactElement;
+    description?: string | React.ReactElement;
+    img?: React.ReactElement;
+    button?: React.ReactElement | null;
+    show?: boolean;
+    fullWidth?: boolean;
+    sx?: SxProperties;
+    sxCard?: SxProperties;
+    style?: React.CSSProperties;
+    className?: string;
+}
+interface PropsCallToAction extends Props {
+    subDescription?: string;
+    titleAs?: AsProp;
+    placeholderImageConfig?: {
+        width?: string;
+        height?: string;
+        style?: React.CSSProperties;
+    };
+}
+export declare const Placeholder: ({ title, description, button, img, fullWidth, show, sx, style, className }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PlaceholderCallToAction: ({ title, description, subDescription, img, button, fullWidth, show, sx, sxCard, style, className, titleAs, placeholderImageConfig, }: PropsCallToAction) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PlaceholderResourceEmptySearch: ({ title, description }: Pick<Props, "title" | "description">) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Placeholder.d.ts.map

package/dist/components/Placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../src/components/Placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,iBAAkB,SAAQ,KAAK;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;CACH;AAED,eAAO,MAAM,WAAW,GAAI,4EAAmF,KAAK,mDAuBnH,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,sIAcrC,iBAAiB,mDAgCnB,CAAA;AAGD,eAAO,MAAM,8BAA8B,GAAI,wBAAwB,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAAC,4CAQ1G,CAAA"}

package/dist/components/Placeholder.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex, Text } from '@citric/core';
+import { Card, CardContent } from '@citric/ui';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { GenericPlaceholder } from '../svg/index.js';
+export const Placeholder = ({ title, description, button, img, fullWidth, show = true, sx, style, className }) => {
+    if (!show) {
+        return null;
+    }
+    return (_jsx(Card, { sx: { ...(fullWidth ? { w: '100%' } : {}) }, style: style, className: className, children: _jsxs(Flex, { alignItems: "center", justifyContent: "center", py: 15, sx: { gap: '20px', ...sx }, children: [_jsx(Box, { sx: { justifySelf: 'end' }, children: img ?? _jsx(GenericPlaceholder, {}) }), _jsxs(Box, { children: [title && _jsx(Text, { as: "label", appearance: "h4", mb: "3", pt: 5, children: title }), _jsx(Text, { mb: "3", appearance: "body2", colorScheme: "light.700", children: description }), button] })] }) }));
+};
+export const PlaceholderCallToAction = ({ title, description, subDescription, img, button, fullWidth, show = true, sx, sxCard, style, className, titleAs, placeholderImageConfig, }) => {
+    if (!show) {
+        return null;
+    }
+    return (_jsx(Card, { sx: { w: fullWidth ? '100%' : 'auto', bg: 'transparent', ...sxCard }, style: style, className: className, children: _jsxs(CardContent, { as: Flex, py: 15, sx: { flexDirection: 'column', justifyContent: 'center', alignItems: 'center', gap: '92px', ...sx }, children: [_jsx(Box, { sx: { justifySelf: 'end' }, children: img ?? _jsx(GenericPlaceholder, { ...placeholderImageConfig }) }), _jsxs(Box, { children: [title && _jsx(Text, { as: titleAs, appearance: "h4", mb: "3", "aria-live": "assertive", children: title }), _jsx(Text, { mb: "3", appearance: "body2", colorScheme: "light.700", children: description }), _jsx(Text, { mb: "3", appearance: "body2", colorScheme: "light.700", children: subDescription }), button] })] }) }));
+};
+export const PlaceholderResourceEmptySearch = ({ title, description }) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(PlaceholderCallToAction, { fullWidth: true, title: title || t.title, description: description || t.description }));
+};
+const dictionary = {
+    en: {
+        title: 'Sorry, your search did not match any results.',
+        description: 'Please, refine your search and try again.',
+    },
+    pt: {
+        title: 'Desculpe, sua busca não encontrou nenhum resultado.',
+        description: 'Por favor, refine sua busca e tente novamente.',
+    },
+};
+//# sourceMappingURL=Placeholder.js.map

package/dist/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../src/components/Placeholder.tsx"],"names":[],"mappings":"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"}

package/dist/components/ScrollView.d.ts

@@ -0,0 +1,31 @@
+import { OneOfColorSchemesWithVariants, OneOfPalettesWithVariants } from '@citric/core';
+type Color = OneOfColorSchemesWithVariants | OneOfPalettesWithVariants;
+interface Props {
+    /**
+     * By default, the ScrollView scrolls in both directions
+     */
+    direction?: 'horizontal' | 'vertical' | 'both';
+    /**
+     * The color of the track in the scroll bar (background)
+     * light.400 by default
+     */
+    trackColor?: Color;
+    /**
+     * The color of the thumb in the scroll bar (foreground)
+     * light.700 by default
+     */
+    thumbColor?: Color;
+    /**
+     * `auto` to show the scroll-bar only when the content overflows. `scroll` to always show it.
+     * `auto` by default
+     */
+    scrollType?: 'auto' | 'scroll';
+}
+/**
+ * Renders a component that provides scrolling.
+ *
+ * @param options the props for rendering the component: {@link Props}.
+ */
+export declare const ScrollView: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
+export {};
+//# sourceMappingURL=ScrollView.d.ts.map

package/dist/components/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../src/components/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AAIvF,KAAK,KAAK,GAAG,6BAA6B,GAAG,yBAAyB,CAAA;AAEtE,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAChC;AAQD;;;;GAIG;AAEH,eAAO,MAAM,UAAU,0OAgBtB,CAAA"}

package/dist/components/ScrollView.js

@@ -0,0 +1,30 @@
+import { getColor } from '@citric/core/dist/utils/theme.js';
+import { styled } from 'styled-components';
+function getDirectionStyle({ direction = 'both', scrollType = 'auto' }) {
+    const x = direction === 'both' || direction === 'horizontal' ? `overflow-x: ${scrollType};` : '';
+    const y = direction === 'both' || direction === 'vertical' ? `overflow-x: ${scrollType};` : '';
+    return `${x}${y}`;
+}
+/**
+ * Renders a component that provides scrolling.
+ *
+ * @param options the props for rendering the component: {@link Props}.
+ */
+export const ScrollView = styled.div `
+  ${getDirectionStyle}
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+  &::-webkit-scrollbar-track {
+    background: ${({ theme, trackColor = 'light.400' }) => getColor(theme, trackColor)};
+    border-radius: 2px;
+    left: 40px;
+  }
+  &::-webkit-scrollbar-thumb,
+  &::-webkit-scrollbar-thumb:hover {
+    background: ${({ theme, thumbColor = 'light.700' }) => getColor(theme, thumbColor)};
+    border-radius: 2px;
+  }
+`;
+//# sourceMappingURL=ScrollView.js.map

package/dist/components/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/components/ScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AA0B1C,SAAS,iBAAiB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,UAAU,GAAG,MAAM,EAAS;IAC3E,MAAM,CAAC,GAAG,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAChG,MAAM,CAAC,GAAG,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9F,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE,CAAA;AACnB,CAAC;AAED;;;;GAIG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAO;IACvC,iBAAiB;;;;;;kBAMH,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;;;;;;kBAMpE,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;;;CAGrF,CAAA"}

package/dist/components/Select/BadgeItem.d.ts

@@ -0,0 +1,4 @@
+import { GroupBase, MultiValueProps } from 'react-select';
+import { CreatableSelectOptionType } from './types.js';
+export declare const BadgeItem: (props: MultiValueProps<CreatableSelectOptionType, boolean, GroupBase<any>>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BadgeItem.d.ts.map

package/dist/components/Select/BadgeItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeItem.d.ts","sourceRoot":"","sources":["../../../src/components/Select/BadgeItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,SAAS,GAAI,OAAO,eAAe,CAAC,yBAAyB,EAAE,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,4CAuCnG,CAAA"}