@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/components/floating/tooltip.js

@@ -0,0 +1,107 @@
+import { theme } from "../../design_system/theme.js";
+import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
+import { FloatingComponentWrapper, getFloatingPopupStyle, useFloatingPopup } from "./floating_component_base.js";
+import { TooltipContent } from "./tooltip_content.js";
+import styled, { css } from "styled-components";
+import { forwardRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingPortal, useHover, useInteractions } from "@floating-ui/react";
+//#region src/components/floating/tooltip.tsx
+var TOOLTIP_TEXT_ALIGNS = {
+	LEFT: "left",
+	CENTER: "center"
+};
+var TOOLTIP_SIZES = {
+	XSMALL: "xsmall",
+	SMALL: "small",
+	MEDIUM: "medium",
+	LARGE: "large",
+	XLARGE: "xlarge"
+};
+var TooltipFocusArea = styled.span``;
+var TooltipPopup = styled(FloatingComponentWrapper)`
+    color: ${theme.colorPalette.dark.neutral0};
+    background-color: ${theme.colorPalette.dark.neutral900};
+    padding: ${theme.space.space8};
+
+    a {
+        color: ${theme.colorPalette.dark.blue100};
+
+        &:hover {
+            color: ${theme.colorPalette.dark.blue75};
+        }
+    }
+
+    ${({ $isDarkTheme }) => $isDarkTheme && css`
+            box-shadow: ${theme.shadow.shadow2};
+            border: 1px solid ${theme.color.neutral.smallTooltipBorder};
+        `}
+`;
+/**
+* Tooltip appears on hover, for onclick use Popover.
+*
+* Reference (the trigger wrapper) and floating (the popup) are rendered as separate DOM subtrees
+* — the popup is portaled (or rendered as a sibling fragment when `showInPortal={false}`), never
+* nested inside the trigger. floating-ui's `useHover` resolves open/close state by tracking the
+* cursor across distinct reference and floating elements; nesting them causes their bounding
+* rects to overlap and the state machine flips unpredictably (see floating-ui docs on the
+* reference/floating element separation requirement).
+*/
+var Tooltip = ({ as, className, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, placement, autoPlacements, strategy, offsetPx, contentWrapClassName, showInPortal = false, content, children }) => {
+	const { uiTheme, tooltipSafeHtml } = useSharedUiDependencies();
+	const [open, setOpen] = useState(false);
+	const floating = useFloatingPopup({
+		open,
+		onOpenChange: setOpen,
+		placement,
+		strategy,
+		autoPlacements,
+		offsetPx
+	});
+	const { getReferenceProps, getFloatingProps } = useInteractions([useHover(floating.context, { delay: {
+		open: delayShow,
+		close: delayHide
+	} })]);
+	if (!content && !shortcuts?.length && !imageUrl && !subtleText) return children;
+	const popup = /* @__PURE__ */ jsx(TooltipPopup, {
+		ref: floating.refs.setFloating,
+		className: contentWrapClassName,
+		$isDarkTheme: uiTheme === "DARK",
+		style: getFloatingPopupStyle(floating),
+		...getFloatingProps(),
+		children: /* @__PURE__ */ jsx(TooltipContent, {
+			content: tooltipSafeHtml(content),
+			shortcuts,
+			imageUrl,
+			subtleText,
+			size,
+			textAlign
+		})
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TooltipFocusArea, {
+		as,
+		className,
+		ref: floating.refs.setReference,
+		...getReferenceProps(),
+		children
+	}), floating.isMounted && (showInPortal ? /* @__PURE__ */ jsx(FloatingPortal, { children: popup }) : popup)] });
+};
+function withTooltip(Component) {
+	const Enhanced = forwardRef(({ tooltipProps, ...rest }, ref) => {
+		if (!tooltipProps) return /* @__PURE__ */ jsx(Component, {
+			...rest,
+			ref
+		});
+		return /* @__PURE__ */ jsx(Tooltip, {
+			...tooltipProps,
+			children: /* @__PURE__ */ jsx(Component, {
+				...rest,
+				ref
+			})
+		});
+	});
+	Enhanced.displayName = `WithTooltip:${Component.displayName || Component.name}`;
+	return Enhanced;
+}
+//#endregion
+export { TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tooltip, withTooltip };

package/dist/components/floating/tooltip_content.d.ts

@@ -0,0 +1,5 @@
+import { TooltipProps } from './tooltip';
+type ContentProps = Pick<TooltipProps, 'content' | 'shortcuts' | 'imageUrl' | 'subtleText' | 'size' | 'textAlign'>;
+export declare const TooltipContent: ({ content, shortcuts, imageUrl, subtleText, size, textAlign, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip_content.d.ts.map

package/dist/components/floating/tooltip_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_content.d.ts","sourceRoot":"","sources":["../../../src/components/floating/tooltip_content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAiC,MAAM,WAAW,CAAC;AAG7E,KAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;AAkEnH,eAAO,MAAM,cAAc,GAAI,gEAO5B,YAAY,4CAmBd,CAAC"}

package/dist/components/floating/tooltip_content.js

@@ -0,0 +1,96 @@
+import { theme } from "../../design_system/theme.js";
+import { Shortcut } from "../shortcut/shortcut.js";
+import { TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS } from "./tooltip.js";
+import styled, { css } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/floating/tooltip_content.tsx
+var TOOLTIP_SIZES_VALUES = {
+	xsmall: "24rem",
+	small: "32rem",
+	medium: "40rem",
+	large: "48rem",
+	xlarge: "64rem"
+};
+var TOOLTIP_CLASSNAMES = {
+	IMAGE: "Tooltip-image",
+	TEXT_CONTENT: "Tooltip-textContent",
+	SUBTLE_TEXT: "Tooltip-subtleText",
+	SHORTCUT_CONTAINER: "Tooltip-shortcutContainer"
+};
+var StyledContent = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: ${theme.space.space8};
+    /* Size - (tooltip padding + border) * 2 */
+    max-width: ${({ $size }) => css`calc(${TOOLTIP_SIZES_VALUES[$size]} - (${theme.space.space8} + 1px) * 2)`};
+    text-align: ${({ $textAlign }) => $textAlign || "left"};
+    align-items: ${({ $textAlign }) => $textAlign === "center" ? "center" : "flex-start"};
+
+    .${TOOLTIP_CLASSNAMES.IMAGE} {
+        max-width: 100%;
+        max-height: 150px;
+        border-radius: 4px;
+        object-fit: contain;
+    }
+
+    .${TOOLTIP_CLASSNAMES.TEXT_CONTENT} {
+        display: flex;
+        flex-direction: column;
+        gap: ${theme.space.space8};
+        align-items: ${({ $textAlign }) => $textAlign === "center" ? "center" : "flex-start"};
+
+        /* When there is no child with subtleText class */
+        &:not(:has(.${TOOLTIP_CLASSNAMES.SUBTLE_TEXT})) {
+            flex-direction: row;
+            flex-wrap: wrap;
+        }
+
+        /* When there is a child with subtleText class */
+        &:has(.${TOOLTIP_CLASSNAMES.SUBTLE_TEXT}) {
+            text-align: left;
+        }
+
+        .${TOOLTIP_CLASSNAMES.SUBTLE_TEXT} {
+            color: ${theme.colorPalette.dark.neutral500};
+        }
+
+        .${TOOLTIP_CLASSNAMES.SHORTCUT_CONTAINER} {
+            display: flex;
+            gap: ${theme.space.space4};
+        }
+
+        /* To prevent <code /> from having scrollbars on windows */
+        code {
+            overflow: hidden;
+        }
+    }
+`;
+var TooltipContent = ({ content, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT }) => {
+	return /* @__PURE__ */ jsxs(StyledContent, {
+		$size: size,
+		$textAlign: textAlign,
+		children: [imageUrl && /* @__PURE__ */ jsx("img", {
+			src: imageUrl,
+			alt: "",
+			className: TOOLTIP_CLASSNAMES.IMAGE
+		}), /* @__PURE__ */ jsxs("div", {
+			className: TOOLTIP_CLASSNAMES.TEXT_CONTENT,
+			children: [
+				content,
+				subtleText && /* @__PURE__ */ jsx("div", {
+					className: TOOLTIP_CLASSNAMES.SUBTLE_TEXT,
+					children: subtleText
+				}),
+				shortcuts.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: TOOLTIP_CLASSNAMES.SHORTCUT_CONTAINER,
+					children: shortcuts.map((shortcut, index) => /* @__PURE__ */ jsx(Shortcut, {
+						dark: true,
+						children: shortcut
+					}, `${shortcut}-${index}`))
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { TooltipContent };

package/dist/components/icon_button/icon_button.d.ts

@@ -0,0 +1,57 @@
+import { IconComponent } from '@apify/ui-icons';
+import { ValueOf } from '@apify-packages/types';
+import { RegularBoxProps } from '../box';
+import { RegularButtonProps, TransientButtonProps } from '../button';
+import { RegularLinkProps } from '../link';
+export declare const ICON_BUTTON_VARIANTS: {
+    readonly DEFAULT: "DEFAULT";
+    readonly BORDERED: "BORDERED";
+    readonly DANGER: "DANGER";
+    readonly DANGER_BORDERED: "DANGER_BORDERED";
+    readonly PRIMARY_BLACK: "PRIMARY_BLACK";
+};
+export type ICON_BUTTON_VARIANTS = ValueOf<typeof ICON_BUTTON_VARIANTS>;
+type IconButtonNodeType = Extract<React.ElementType, 'a' | 'button'>;
+type IconButtonNodePropsMap = {
+    a: {
+        element: HTMLAnchorElement;
+        props: RegularLinkProps;
+    };
+    button: {
+        element: HTMLButtonElement;
+        props: RegularButtonProps;
+    };
+};
+export type IconButtonProps<T extends IconButtonNodeType> = RegularBoxProps & Pick<TransientButtonProps, 'size'> & {
+    as?: T;
+    variant?: ICON_BUTTON_VARIANTS;
+    Icon: IconComponent;
+    disabled?: boolean;
+    isLoading?: boolean;
+    title?: string;
+    tooltipProps?: unknown;
+} & Omit<IconButtonNodePropsMap[T]['props'], 'size' | 'variant'>;
+/**
+ * Simplified button component that displays an icon.
+ * Has a tooltip and a loading state.
+ */
+export declare const IconButton: import('react').ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    id?: string;
+    title?: string;
+} & {
+    as?: React.ElementType;
+} & Pick<TransientButtonProps, "size"> & {
+    as?: IconButtonNodeType | undefined;
+    variant?: ICON_BUTTON_VARIANTS;
+    Icon: IconComponent;
+    disabled?: boolean;
+    isLoading?: boolean;
+    title?: string;
+    tooltipProps?: unknown;
+} & Omit<RegularLinkProps | RegularButtonProps, "size" | "variant"> & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=icon_button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button/icon_button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAIH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EAC5B,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAuKxE,KAAK,kBAAkB,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AACrE,KAAK,sBAAsB,GAAG;IAC1B,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,kBAAkB,IAAI,eAAe,GACvE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IACjC,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;cAZL,oBAAoB;UACxB,aAAa;eACR,OAAO;gBACN,OAAO;YACX,MAAM;mBACC,OAAO;2IAoD7B,CAAC"}

package/dist/components/icon_button/icon_button.js

@@ -0,0 +1,177 @@
+import { theme } from "../../design_system/theme.js";
+import { Link } from "../link/link.js";
+import { BUTTON_SIZE_VARIANTS_CSS, Button } from "../button/button.js";
+import { Tooltip } from "../floating/tooltip.js";
+import { InlineSpinner, spinnerClassNames } from "../spinner/spinner.js";
+import styled, { css } from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/icon_button/icon_button.tsx
+var ICON_BUTTON_VARIANTS = {
+	DEFAULT: "DEFAULT",
+	BORDERED: "BORDERED",
+	DANGER: "DANGER",
+	DANGER_BORDERED: "DANGER_BORDERED",
+	PRIMARY_BLACK: "PRIMARY_BLACK"
+};
+var iconButtonVariantStyle = {
+	[ICON_BUTTON_VARIANTS.DEFAULT]: {
+		backgroundColor: "transparent",
+		backgroundHoverColor: theme.color.neutral.hover,
+		backgroundActiveColor: theme.color.neutral.actionSecondaryActive,
+		backgroundDisabledColor: "transparent",
+		borderColor: "transparent",
+		borderHoverColor: "transparent",
+		borderActiveColor: theme.color.neutral.actionSecondaryActive,
+		borderDisabledColor: "transparent",
+		iconColor: theme.color.neutral.text
+	},
+	[ICON_BUTTON_VARIANTS.BORDERED]: {
+		backgroundColor: theme.color.neutral.backgroundMuted,
+		backgroundHoverColor: theme.color.neutral.hover,
+		backgroundActiveColor: theme.color.neutral.actionSecondaryActive,
+		backgroundDisabledColor: theme.color.neutral.disabled,
+		borderColor: theme.color.neutral.border,
+		borderHoverColor: theme.color.neutral.border,
+		borderActiveColor: theme.color.neutral.actionSecondaryActive,
+		borderDisabledColor: theme.color.neutral.border,
+		iconColor: theme.color.neutral.text
+	},
+	[ICON_BUTTON_VARIANTS.DANGER_BORDERED]: {
+		backgroundColor: theme.color.neutral.backgroundMuted,
+		backgroundHoverColor: theme.color.danger.backgroundHover,
+		backgroundActiveColor: theme.color.neutral.actionSecondaryActive,
+		backgroundDisabledColor: theme.color.neutral.backgroundSubtle,
+		borderColor: theme.color.neutral.border,
+		borderHoverColor: theme.color.danger.borderSubtle,
+		borderActiveColor: theme.color.neutral.actionSecondaryActive,
+		borderDisabledColor: theme.color.neutral.border,
+		iconColor: theme.color.danger.text
+	},
+	[ICON_BUTTON_VARIANTS.DANGER]: {
+		backgroundColor: "transparent",
+		backgroundHoverColor: theme.color.danger.backgroundHover,
+		backgroundActiveColor: theme.color.neutral.actionSecondaryActive,
+		backgroundDisabledColor: theme.color.neutral.backgroundSubtle,
+		borderColor: "transparent",
+		borderHoverColor: "transparent",
+		borderActiveColor: theme.color.neutral.actionSecondaryActive,
+		borderDisabledColor: "transparent",
+		iconColor: theme.color.danger.text
+	},
+	[ICON_BUTTON_VARIANTS.PRIMARY_BLACK]: {
+		backgroundColor: theme.color.primaryBlack.action,
+		backgroundHoverColor: theme.color.primaryBlack.actionHover,
+		backgroundHoverGradient: `linear-gradient(to bottom, color-mix(in srgb, ${theme.color.neutral.textOnPrimary} 16%, transparent), transparent)`,
+		backgroundActiveColor: theme.color.primaryBlack.actionActive,
+		backgroundDisabledColor: theme.color.neutral.disabled,
+		borderColor: theme.color.primaryBlack.action,
+		borderHoverColor: theme.color.primaryBlack.actionHover,
+		borderActiveColor: theme.color.primaryBlack.actionActive,
+		borderDisabledColor: theme.color.neutral.disabled,
+		iconColor: theme.color.neutral.textOnPrimary
+	}
+};
+var iconButtonSizeConfig = {
+	extraLarge: {
+		iconSize: "20",
+		spinnerSize: "2rem"
+	},
+	large: {
+		iconSize: "20",
+		spinnerSize: "2rem"
+	},
+	medium: {
+		iconSize: "16",
+		spinnerSize: "1.6rem"
+	},
+	small: {
+		iconSize: "16",
+		spinnerSize: "1.6rem"
+	},
+	extraSmall: {
+		iconSize: "12",
+		spinnerSize: "1.2rem"
+	}
+};
+var getIconButtonColorStyles = (variant) => {
+	const { backgroundColor, backgroundHoverColor, backgroundHoverGradient, backgroundActiveColor, backgroundDisabledColor, borderDisabledColor, borderColor, borderHoverColor, borderActiveColor, iconColor } = iconButtonVariantStyle[variant];
+	return css`
+        color: ${iconColor};
+        background-color: ${backgroundColor};
+        border-color: ${borderColor};
+
+        &:hover {
+            ${backgroundHoverGradient ? css`
+                      background-image: ${backgroundHoverGradient};
+                      background-color: ${backgroundColor};
+                  ` : css`
+                      background-color: ${backgroundHoverColor};
+                  `}
+            border-color: ${borderHoverColor || borderColor};
+            color: ${iconColor};
+        }
+
+        &:focus {
+            border-color: ${theme.color.primary.fieldBorderActive};
+        }
+
+        &:active {
+            background-color: ${backgroundActiveColor};
+            ${backgroundHoverGradient && "background-image: none;"}
+            border-color: ${borderActiveColor || backgroundActiveColor};
+        }
+
+        &:disabled {
+            color: ${theme.color.neutral.iconDisabled};
+            background-color: ${backgroundDisabledColor};
+            border-color: ${borderDisabledColor};
+
+            cursor: default;
+        }
+    `;
+};
+var StyledButton = styled(Button)`
+    ${({ $variant }) => getIconButtonColorStyles($variant)}
+
+    /* Override default button styles */
+    box-sizing: border-box;
+    width: ${({ $size }) => BUTTON_SIZE_VARIANTS_CSS[$size].size}px;
+    padding: 0;
+
+    .${spinnerClassNames.SPINNER} .path {
+        stroke: ${theme.color.neutral.icon};
+    }
+`;
+/**
+* Simplified button component that displays an icon.
+* Has a tooltip and a loading state.
+*/
+var IconButton = forwardRef(({ variant = ICON_BUTTON_VARIANTS.DEFAULT, size = "medium", as = "button", title, disabled = false, isLoading = false, Icon, tooltipProps, ...passThroughProps }, ref) => {
+	const otherProps = {
+		...passThroughProps,
+		size
+	};
+	const component = as === "a" ? Link : as;
+	const { iconSize, spinnerSize } = iconButtonSizeConfig[size];
+	const button = /* @__PURE__ */ jsx(StyledButton, {
+		forwardedAs: component,
+		ref,
+		disabled: disabled || isLoading,
+		type: "button",
+		"aria-label": title,
+		LeftIcon: isLoading ? () => /* @__PURE__ */ jsx(InlineSpinner, { size: spinnerSize }) : () => /* @__PURE__ */ jsx(Icon, { size: iconSize }),
+		variant: "tertiary",
+		$size: size,
+		$variant: variant,
+		...otherProps
+	});
+	return title ? /* @__PURE__ */ jsx(Tooltip, {
+		content: title,
+		...tooltipProps,
+		children: button
+	}) : button;
+});
+IconButton.displayName = "IconButton";
+//#endregion
+export { ICON_BUTTON_VARIANTS, IconButton };

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

@@ -0,0 +1,2 @@
+export * from './icon_button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/image/image.d.ts

@@ -0,0 +1,10 @@
+import { ImageProxyOptions } from '../../ui_dependency_provider';
+import { BoxProps } from '../box';
+export declare const Image: import('react').ForwardRefExoticComponent<{
+    src: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    loading?: "eager" | "lazy" | undefined;
+} & ImageProxyOptions & Omit<BoxProps, "as"> & import('react').RefAttributes<HTMLImageElement>>;
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAU5C,eAAO,MAAM,KAAK;SAPT,MAAM;UACL,MAAM;YACJ,MAAM;aACL,MAAM;cACL,OAAO,GAAG,MAAM,GAAG,SAAS;+FAMxC,CAAC"}

package/dist/components/image/image.js

@@ -0,0 +1,15 @@
+import { Box } from "../box/box.js";
+import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/image/image.tsx
+var Image = forwardRef((props, ref) => {
+	const { InternalImage } = useSharedUiDependencies();
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		...props,
+		as: InternalImage
+	});
+});
+//#endregion
+export { Image };

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

@@ -0,0 +1,2 @@
+export * from './image';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,41 @@
+export * from './text';
+export * from './box';
+export * from './avatar';
+export * from './card_container';
+export * from './message';
+export * from './floating';
+export * from './button';
+export * from './link';
+export * from './action_link';
+export * from './simple_markdown';
+export * from './code';
+export * from './color_wheel_gradient';
+export * from './readme_renderer';
+export * from './card';
+export * from './markdown';
+export * from './pagination';
+export * from './tab_number_chip';
+export * from './tile';
+export * from './blog_article';
+export * from './banner';
+export * from './actor_template_card';
+export * from './chip';
+export * from './image';
+export * from './rating';
+export * from './badge';
+export * from './tag';
+export * from './tabs';
+export * from './shortcut';
+export * from './icon_button';
+export * from './spinner';
+export * from './store';
+export * from './checkbox';
+export * from './radio_button';
+export * from './browser_window';
+export * from './collapsible_card';
+export * from './select';
+export * from './switch';
+export * from './table';
+export * from './breadcrumb';
+export * from './dropdown';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './link';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/link/link.d.ts

@@ -0,0 +1,35 @@
+import { Path } from 'history';
+import { default as React } from 'react';
+import { BoxProps } from '../box';
+export type To = string | Partial<Path>;
+export interface RegularLinkProps {
+    to: To;
+    hideExternalIcon?: boolean;
+    showExternalIcon?: boolean;
+    rel?: string;
+    target?: string;
+    trackingId?: string;
+    trackingData?: object;
+    tabIndex?: number;
+    ariaHidden?: boolean;
+    ariaLabel?: string;
+}
+/**
+ * Checks if passed url is external
+ */
+export declare const isUrlExternal: (url: To, windowLocationHost: string) => boolean;
+/**
+ * Checks if passed url is email
+ */
+export declare const isUrlEmail: (url: To) => boolean;
+/**
+ * Omits the domain and protocol from a given URL string.
+ * @param rawUrlString The input URL string which may include protocol and domain.
+ * @returns The URL string without the domain and protocol, or if it's invalid URL then it returns the input param — `rawUrlString`.
+ */
+export declare function omitDomainAndProtocol(rawUrlString: string): string;
+export declare function hasUrlHttpProtocol(rawUrlString: string): boolean;
+export declare const StyledAsLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(BoxProps & React.RefAttributes<HTMLElement>) & import('styled-components/dist/types').BaseObject, import('styled-components/dist/types').BaseObject>> & string & Omit<React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
+export type LinkProps = RegularLinkProps & BoxProps;
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACxC,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,EAAE,CAAC;IACP,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,EAAE,EAAE,oBAAoB,MAAM,YAIhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,EAAE,YAGjC,CAAC;AACF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAOlE;AAED,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAGhE;AAkBD,eAAO,MAAM,YAAY,gZAkBxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEpD,eAAO,MAAM,IAAI,+EAyDhB,CAAC"}