@stack-spot/portal-components 2.27.0 → 2.27.2

package/dist/components/LazyMarkdown/CodeViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime.js";
+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';
@@ -26,81 +26,81 @@ const style = {
         },
     },
 };
-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')};
-      }
-    }
-  }
+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.

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

@@ -14,6 +14,6 @@ interface MarkdownProps {
  *
  * @param options the props for rendering the component: {@link MarkdownProps}.
  */
-declare const Markdown: ({ children, components }: MarkdownProps) => import("react/jsx-runtime.js").JSX.Element;
+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.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+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';

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

@@ -14,6 +14,6 @@ interface MarkdownButtonProps {
  *
  * @param options the props for rendering the component: {@link MarkdownButtonProps}.
  */
-export declare const MarkdownButton: ({ ...props }: MarkdownButtonProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MarkdownButton: ({ ...props }: MarkdownButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MarkdownButton.d.ts.map

package/dist/components/LazyMarkdown/MarkdownButton.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+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.

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

@@ -7,5 +7,5 @@
  */
 export declare const Video: ({ children }: {
     children: string;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Video.d.ts.map

package/dist/components/LazyMarkdown/Video.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Video component that renders an iframe with the given source URL.
  *

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

@@ -5,6 +5,6 @@ interface Props {
     language?: string;
     components?: Components;
 }
-declare const LazyMarkdown: ({ children, components }: Props) => import("react/jsx-runtime.js").JSX.Element;
+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.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from '@citric/ui';
 import { Suspense, lazy } from 'react';
 import { MarkdownButton } from './MarkdownButton.js';

package/dist/components/Placeholder.d.ts

@@ -15,9 +15,13 @@ interface Props {
 interface PropsCallToAction extends Props {
     subDescription?: string;
     titleAs?: AsProp;
+    placeholderImageConfig?: {
+        width?: string;
+        height?: string;
+    };
 }
-export declare const Placeholder: ({ title, description, button, img, fullWidth, show, sx, style, className }: Props) => import("react/jsx-runtime.js").JSX.Element | null;
-export declare const PlaceholderCallToAction: ({ title, description, subDescription, img, button, fullWidth, show, sx, sxCard, style, className, titleAs, }: PropsCallToAction) => import("react/jsx-runtime.js").JSX.Element | null;
-export declare const PlaceholderResourceEmptySearch: ({ title, description }: Pick<Props, "title" | "description">) => import("react/jsx-runtime.js").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../src/components/Placeholder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;CAClB;AAED,eAAO,MAAM,WAAW,GAAI,4EAAmF,KAAK,mDAuBnH,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,8GAarC,iBAAiB,mDAgCnB,CAAA;AAGD,eAAO,MAAM,8BAA8B,GAAI,wBAAwB,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAAC,4CAQ1G,CAAA"}
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../src/components/Placeholder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;KACjB,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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslate } from '@stack-spot/portal-translate';
 import { Box, Flex, Text } from '@citric/core';
 import { Card, CardContent } from '@citric/ui';
@@ -9,11 +9,11 @@ export const Placeholder = ({ title, description, button, img, fullWidth, show =
     }
     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, }) => {
+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: { display: 'grid', gridTemplateColumns: '0.6fr 1fr', alignItems: 'center', gap: '92px', ...sx }, children: [_jsx(Box, { sx: { justifySelf: 'end' }, children: img ?? _jsx(GenericPlaceholder, {}) }), _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] })] }) }));
+    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);

package/dist/components/Placeholder.js.map

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

package/dist/components/ScrollView.js

@@ -10,21 +10,21 @@ function getDirectionStyle({ direction = 'both', scrollType = 'auto' }) {
  *
  * @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;
-  }
+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/Select/BadgeItem.d.ts

@@ -1,4 +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.js").JSX.Element;
+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.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TimesMini } from '@citric/icons';
 import { Badge, IconButton } from '@citric/ui';
 import { interpolate, useTranslate } from '@stack-spot/portal-translate';

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

@@ -1,3 +1,3 @@
 import { ClearIndicatorProps } from 'react-select';
-export declare const ClearInput: (props: ClearIndicatorProps<any>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const ClearInput: (props: ClearIndicatorProps<any>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ClearInput.d.ts.map

package/dist/components/Select/ClearInput.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Times } from '@citric/icons';
 import { IconButton } from '@citric/ui';
 import { useTranslate } from '@stack-spot/portal-translate';

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

@@ -1,3 +1,3 @@
 import { MultiValueRemoveProps } from 'react-select';
-export declare const CloseItem: (props: MultiValueRemoveProps<any>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const CloseItem: (props: MultiValueRemoveProps<any>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CloseItem.d.ts.map

package/dist/components/Select/CloseItem.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { IconBox } from '@citric/core';
 import { TimesMini } from '@citric/icons';
 import { IconButton } from '@citric/ui';

package/dist/components/Select/CreatableSelect.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { theme } from '@stack-spot/portal-theme';
 import { useTranslate } from '@stack-spot/portal-translate';
 import Creatable from 'react-select/creatable';

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

@@ -3,6 +3,6 @@ import { GroupBase, MenuProps } from 'react-select';
 interface CustomMenuProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends MenuProps<Option, IsMulti, Group> {
     afterList?: ReactNode;
 }
-export declare const CustomMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: CustomMenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const CustomMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: CustomMenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CustomMenu.d.ts.map

package/dist/components/Select/CustomMenu.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { components } from 'react-select';
 export const CustomMenu = (props) => (_jsxs(components.Menu, { ...props, children: [props.children, props.afterList && _jsx(_Fragment, { children: props.afterList })] }));
 //# sourceMappingURL=CustomMenu.js.map

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

@@ -1,3 +1,3 @@
 import { MultiValueGenericProps } from 'react-select';
-export declare const LabelItem: (props: MultiValueGenericProps<any>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LabelItem: (props: MultiValueGenericProps<any>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LabelItem.d.ts.map

package/dist/components/Select/LabelItem.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from '@citric/core';
 export const LabelItem = (props) => (_jsx(Box, { children: _jsx(Text, { children: props.data.label }) }));
 //# sourceMappingURL=LabelItem.js.map

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

@@ -1,3 +1,3 @@
 import { MultiValueProps } from 'react-select';
-export declare const MultiValue: (props: MultiValueProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MultiValue: (props: MultiValueProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MultiValue.d.ts.map

package/dist/components/Select/MultiValue.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { TimesMini } from '@citric/icons';
 import { Badge, IconButton } from '@citric/ui';
 import { interpolate, useTranslate } from '@stack-spot/portal-translate';

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

@@ -9,6 +9,6 @@ export interface SelectInfiniteScrollProps extends SelectSearchProps {
     hasMore: boolean;
     isLoadingMore?: boolean;
 }
-export declare const SelectInfiniteScroll: ({ options, loadMore, hasMore, isLoadingMore, ...props }: SelectInfiniteScrollProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const SelectInfiniteScroll: ({ options, loadMore, hasMore, isLoadingMore, ...props }: SelectInfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectInfiniteScroll.d.ts.map

package/dist/components/Select/SelectInfiniteScroll.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { IconBox } from '@citric/core';
 import { LoadingCircular } from '@citric/ui';
 import InfiniteScroll from 'react-infinite-scroll-component';

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

@@ -7,5 +7,5 @@ export interface SelectSearchProps extends Partial<SelectProps> {
     onChange?: (newValue?: any) => void;
     ref?: RefCallback<any>;
 }
-export declare const SelectSearch: ({ options, components: customComponents, onChange, styles: customStyles, disabled, ref, ...props }: SelectSearchProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const SelectSearch: ({ options, components: customComponents, onChange, styles: customStyles, disabled, ref, ...props }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectSearch.d.ts.map

package/dist/components/Select/SelectSearch.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { IconBox } from '@citric/core';
 import { ChevronDown } from '@citric/icons';
 import { theme } from '@stack-spot/portal-theme';

package/dist/components/SelectionList.d.ts

@@ -146,6 +146,6 @@ export interface SelectionListProps extends WithStyle {
  * This component implements keyboard controls and accessibility features.
  * @param props the component's props {@link SelectionListProps}.
  */
-export declare const SelectionList: ({ id, items, className, style, visible, maxHeight, onHide, before, after, scroll, showListAsCard, }: SelectionListProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const SelectionList: ({ id, items, className, style, visible, maxHeight, onHide, before, after, scroll, showListAsCard, }: SelectionListProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectionList.d.ts.map

package/dist/components/SelectionList.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, IconBox, Text } from '@citric/core';
 import { ArrowLeft, Check, ChevronRight } from '@citric/icons';
 import { IconButton } from '@citric/ui';
@@ -10,66 +10,66 @@ import { useAnchorTag } from '../context/anchor.js';
 import { useKeyboardControls } from '../hooks/keyboard.js';
 const ANIMATION_DURATION_MS = 300;
 const MAX_HEIGHT_TRANSITION = `max-height ease-in ${ANIMATION_DURATION_MS / 1000}s`;
-const SelectionBox = styled.div `
-  max-height: 0;
-  overflow-y: ${({ $scroll }) => $scroll ? 'auto' : 'hidden'};
-  overflow-x: hidden;
-  transition: ${MAX_HEIGHT_TRANSITION}, visibility 0s ${ANIMATION_DURATION_MS / 1000}s;
-  z-index: 1;
-  box-shadow: 4px 4px 48px #000;
-  border-radius: 0.5rem;
-  visibility: hidden;
-
-  .selection-list-content {
-    display: flex;
-    flex-direction: column;
-    border-radius: 0.5rem;
-    background-color: ${theme.color.light['300']};
-    padding-inline: ${({ $showListAsCard }) => $showListAsCard ? '8px' : '0'};
-  }
-
-  .section-title, li > a {
-    height: 40px;
-    padding: 0 8px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  li > a {
-    gap: 4px;
-    transition: background-color 0.2s;
-    &:hover, &:focus {
-      background: ${theme.color.light['400']};
-    }
-    .label {
-      flex: 1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  li.action {
-    background-color: ${({ $showListAsCard }) => $showListAsCard ? theme.color.light['400'] : ''};
-    border:  ${({ $showListAsCard }) => '1px solid' + $showListAsCard ? theme.color.light['500'] : 'transparent'};
-    border-radius: ${({ $showListAsCard }) => $showListAsCard ? '4px' : '0'};
-    margin-bottom: ${({ $showListAsCard }) => $showListAsCard ? '8px' : '0'};
-  }
-
-  li.section {
-    border-bottom: 2px solid;
-    border-bottom-color: ${({ $showListAsCard }) => $showListAsCard ? 'transparent' : theme.color.light['600']};
-    &:last-child {
-      border-bottom: none;
-    }
-  }
-
-  &.visible {
-    max-height: ${({ $maxHeight }) => $maxHeight};
-    visibility: visible;
-    transition: ${MAX_HEIGHT_TRANSITION};
-  }
+const SelectionBox = styled.div `
+  max-height: 0;
+  overflow-y: ${({ $scroll }) => $scroll ? 'auto' : 'hidden'};
+  overflow-x: hidden;
+  transition: ${MAX_HEIGHT_TRANSITION}, visibility 0s ${ANIMATION_DURATION_MS / 1000}s;
+  z-index: 1;
+  box-shadow: 4px 4px 48px #000;
+  border-radius: 0.5rem;
+  visibility: hidden;
+
+  .selection-list-content {
+    display: flex;
+    flex-direction: column;
+    border-radius: 0.5rem;
+    background-color: ${theme.color.light['300']};
+    padding-inline: ${({ $showListAsCard }) => $showListAsCard ? '8px' : '0'};
+  }
+
+  .section-title, li > a {
+    height: 40px;
+    padding: 0 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  li > a {
+    gap: 4px;
+    transition: background-color 0.2s;
+    &:hover, &:focus {
+      background: ${theme.color.light['400']};
+    }
+    .label {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  li.action {
+    background-color: ${({ $showListAsCard }) => $showListAsCard ? theme.color.light['400'] : ''};
+    border:  ${({ $showListAsCard }) => '1px solid' + $showListAsCard ? theme.color.light['500'] : 'transparent'};
+    border-radius: ${({ $showListAsCard }) => $showListAsCard ? '4px' : '0'};
+    margin-bottom: ${({ $showListAsCard }) => $showListAsCard ? '8px' : '0'};
+  }
+
+  li.section {
+    border-bottom: 2px solid;
+    border-bottom-color: ${({ $showListAsCard }) => $showListAsCard ? 'transparent' : theme.color.light['600']};
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &.visible {
+    max-height: ${({ $maxHeight }) => $maxHeight};
+    visibility: visible;
+    transition: ${MAX_HEIGHT_TRANSITION};
+  }
 `;
 function renderAction({ label, href, onClick, icon, iconRight, active, target, iconActive = _jsx(Check, {}), className = '', lang, hrefLang, title, role = 'link', }, { onClose, Link }) {
     function handleClick(event) {

package/dist/components/StatusCircle.d.ts

@@ -19,6 +19,6 @@ interface WithTooltip {
  *
  * @param props the component's props {@link Props}.
  */
-export declare const StatusCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<WithTooltip, Props>> & string & Omit<({ tooltip, className, style }: WithTooltip) => import("react/jsx-runtime.js").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const StatusCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<WithTooltip, Props>> & string & Omit<({ tooltip, className, style }: WithTooltip) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export {};
 //# sourceMappingURL=StatusCircle.d.ts.map

package/dist/components/StatusCircle.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getColor } from '@citric/core/dist/utils/theme.js';
 import { Tooltip } from '@citric/ui';
 import styled from 'styled-components';
@@ -35,10 +35,10 @@ const CircleWithTooltip = ({ tooltip, className, style }) => {
  *
  * @param props the component's props {@link Props}.
  */
-export const StatusCircle = styled(CircleWithTooltip) `
-  background-color: ${({ status, theme }) => getColorFromStatus(theme, status)};
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
+export const StatusCircle = styled(CircleWithTooltip) `
+  background-color: ${({ status, theme }) => getColorFromStatus(theme, status)};
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
 `;
 //# sourceMappingURL=StatusCircle.js.map