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

package/dist/components/message/message.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode, default as React } from 'react';
+import { IconComponent as IconComponentType } from '@apify/ui-icons';
+import { BoxProps } from '../box';
+import { ButtonProps } from '../button';
+export declare const messageClassNames: {
+    main: string;
+    icon: string;
+    content: string;
+    caption: string;
+    description: string;
+    dismiss: string;
+    actionsWrapper: string;
+};
+export type MessageType = 'info' | 'warning' | 'success' | 'danger';
+type ActionButtonProps = Omit<ButtonProps, 'children'> & {
+    label: ReactNode;
+};
+type MessageProps = BoxProps & {
+    type: MessageType;
+    caption?: string;
+    /** @deprecated Use `Icon` instead. */
+    icon?: IconComponentType;
+    Icon?: IconComponentType;
+    onDismissClick?: () => void;
+    borderless?: boolean;
+    boxless?: boolean;
+    as?: React.ElementType;
+    dismissTrackingId?: string;
+    actions?: ActionButtonProps[];
+};
+/**
+ * Component used to display larger messages that are part of the content of the application.
+ */
+export declare const Message: React.FC<MessageProps>;
+type SpecificMessageProps = Omit<MessageProps, 'type'>;
+export declare const InfoMessage: (props: SpecificMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningMessage: (props: SpecificMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SuccessMessage: (props: SpecificMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DangerMessage: (props: SpecificMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/message/message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAI1E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAC;AA6GF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASpE,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACrD,KAAK,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8D1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,WAAW,GAAI,OAAO,oBAAoB,4CAAuC,CAAC;AAC/F,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,4CAA0C,CAAC;AACrG,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,4CAA0C,CAAC;AACrG,eAAO,MAAM,aAAa,GAAI,OAAO,oBAAoB,4CAAyC,CAAC"}

package/dist/components/message/message.js

@@ -0,0 +1,194 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { TextShared } from "../text/text_shared.js";
+import { Button } from "../button/button.js";
+import styled, { css } from "styled-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { CheckIcon, CrossIcon, InfoIcon, WarningTriangleIcon, XCircleIcon } from "@apify/ui-icons";
+//#region src/components/message/message.tsx
+var messageClassNames = {
+	main: "Message",
+	icon: "icon",
+	content: "content",
+	caption: "Message-Caption",
+	description: "description",
+	dismiss: "dismiss",
+	actionsWrapper: "actionsWrapper"
+};
+var StyledMessage = styled(Box)`
+    display: flex;
+    align-items: center;
+    gap: ${theme.space.space8};
+
+    border-radius: ${theme.radius.radius8};
+
+    .${messageClassNames.icon} {
+        grid-area: iconArea;
+        color: ${theme.color.neutral.icon};
+        /* Icon has 16px but text 20. With this extra margin we make the elements aligned */
+        margin: ${theme.space.space2} 0;
+    }
+
+    .${messageClassNames.caption} {
+        grid-area: captionArea;
+    }
+
+    .${messageClassNames.description} {
+        grid-area: descriptionArea;
+    }
+
+    .${messageClassNames.content} {
+        flex: 1;
+        display: grid;
+        gap: ${theme.space.space6} ${theme.space.space8};
+        grid-template-columns: auto 1fr;
+
+        a {
+            color: ${theme.color.primary.textInteractive};
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+
+        ${({ $hasCaption }) => $hasCaption ? css`
+                      grid-template-areas:
+                          'iconArea captionArea'
+                          'descriptionArea descriptionArea';
+                  ` : css`
+                      grid-template-areas: 'iconArea descriptionArea';
+                  `}
+    }
+
+    ${({ $boxless }) => !$boxless && css`
+            /* the dismiss button is bigger than text so we apply smaller padding on wrapper & some on the content and icon */
+            padding: ${theme.space.space8} ${theme.space.space16};
+
+            .${messageClassNames.content} {
+                padding: ${theme.space.space4} 0;
+            }
+        `}
+
+    .${messageClassNames.actionsWrapper} {
+        display: flex;
+        align-items: center;
+        gap: ${theme.space.space8};
+    }
+
+    &.borderless {
+        border: none !important;
+        background-color: transparent !important;
+    }
+
+    &.info {
+        background-color: ${theme.color.neutral.backgroundMuted};
+        border: 1px solid ${theme.color.neutral.border};
+
+        .${messageClassNames.icon} {
+            color: ${theme.color.neutral.icon};
+        }
+    }
+
+    &.success {
+        background-color: ${theme.color.success.backgroundSubtle};
+        border: 1px solid ${theme.color.success.borderSubtle};
+
+        .${messageClassNames.icon} {
+            color: ${theme.color.success.icon};
+        }
+    }
+
+    &.warning {
+        background-color: ${theme.color.warning.backgroundSubtle};
+        border: 1px solid ${theme.color.warning.borderSubtle};
+
+        .${messageClassNames.icon} {
+            color: ${theme.color.warning.icon};
+        }
+    }
+
+    &.danger {
+        background-color: ${theme.color.danger.backgroundSubtle};
+        border: 1px solid ${theme.color.danger.borderSubtle};
+
+        .${messageClassNames.icon} {
+            color: ${theme.color.danger.icon};
+        }
+    }
+`;
+var typeToIcon = {
+	info: InfoIcon,
+	success: CheckIcon,
+	warning: WarningTriangleIcon,
+	danger: XCircleIcon
+};
+/**
+* Component used to display larger messages that are part of the content of the application.
+*/
+var Message = ({ className, Icon, icon, caption, children, onDismissClick, type = "warning", borderless = false, boxless = false, dismissTrackingId, actions = [], as, ...rest }) => {
+	const IconComponent = icon || Icon || typeToIcon[type];
+	const hasCaption = !!caption && !!children;
+	return /* @__PURE__ */ jsxs(StyledMessage, {
+		className: clsx$1(className, messageClassNames.main, type, borderless && "borderless"),
+		mb: boxless ? "space8" : "space16",
+		forwardedAs: as,
+		$boxless: boxless,
+		$hasCaption: hasCaption,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: messageClassNames.content,
+			children: [
+				/* @__PURE__ */ jsx(IconComponent, {
+					className: messageClassNames.icon,
+					size: "16"
+				}),
+				hasCaption && /* @__PURE__ */ jsx(TextShared, {
+					weight: "bold",
+					className: messageClassNames.caption,
+					children: caption
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: messageClassNames.description,
+					children
+				})
+			]
+		}), (actions.length > 0 || onDismissClick) && /* @__PURE__ */ jsxs("div", {
+			className: messageClassNames.actionsWrapper,
+			children: [actions.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: actions.map(({ label, ...action }, index) => /* @__PURE__ */ jsx(Button, {
+				size: "small",
+				variant: "primary",
+				...action,
+				children: label
+			}, index)) }), onDismissClick && /* @__PURE__ */ jsx(Button, {
+				size: "small",
+				variant: "tertiary",
+				trackingId: dismissTrackingId,
+				onClick: onDismissClick,
+				className: messageClassNames.dismiss,
+				children: /* @__PURE__ */ jsx(CrossIcon, {
+					size: "16",
+					color: theme.color.neutral.icon
+				})
+			})]
+		})]
+	});
+};
+var InfoMessage = (props) => /* @__PURE__ */ jsx(Message, {
+	...props,
+	type: "info"
+});
+var WarningMessage = (props) => /* @__PURE__ */ jsx(Message, {
+	...props,
+	type: "warning"
+});
+var SuccessMessage = (props) => /* @__PURE__ */ jsx(Message, {
+	...props,
+	type: "success"
+});
+var DangerMessage = (props) => /* @__PURE__ */ jsx(Message, {
+	...props,
+	type: "danger"
+});
+//#endregion
+export { DangerMessage, InfoMessage, Message, SuccessMessage, WarningMessage, messageClassNames };

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

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

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

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

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export type PaginationButtonsProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+};
+export declare const PaginationButtons: FC<PaginationButtonsProps>;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsChC,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAyFxD,CAAC"}

package/dist/components/pagination/pagination.js

@@ -0,0 +1,94 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { Button } from "../button/button.js";
+import styled from "styled-components";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "@apify/ui-icons";
+//#region src/components/pagination/pagination.tsx
+var LEADING_THREE_DOTS_PAGE_KEY = -1;
+var TRAILING_THREE_DOTS_PAGE_KEY = -2;
+var PaginationButtonBase = styled(Button).attrs({ variant: "tertiary" })`
+    padding: 0;
+    height: 28px;
+    min-width: 28px;
+    /* TODO: (typography-partial) font-weight override without paired font-size/line-height — revisit to confirm intended typography token. */
+    font-weight: 400 !important; /* default for button is medium, force regular to all page selection buttons */
+
+    &:disabled {
+        background: transparent;
+    }
+
+    &.currentPage {
+        background-color: ${theme.color.neutral.chipBackground};
+
+        &:hover {
+            background-color: ${theme.color.neutral.hover};
+        }
+    }
+`;
+var StyledPageSelectionButtons = styled(Box)`
+    display: inline-flex;
+    gap: ${theme.space.space8};
+`;
+var PaginationButtons = ({ page, totalPages, onPageChange }) => {
+	const pagesToDisplay = useMemo(() => {
+		const result = [];
+		if (totalPages <= 8) for (let i = 0; i < totalPages; i++) result.push(i);
+		else if (page < 5) {
+			for (let i = 0; i < 7; i++) result.push(i);
+			result.push(TRAILING_THREE_DOTS_PAGE_KEY);
+		} else if (page < totalPages - 4) {
+			result.push(0);
+			result.push(LEADING_THREE_DOTS_PAGE_KEY);
+			for (let i = page - 2; i <= page + 2; i++) result.push(i);
+			result.push(TRAILING_THREE_DOTS_PAGE_KEY);
+		} else {
+			result.push(0);
+			result.push(LEADING_THREE_DOTS_PAGE_KEY);
+			for (let i = totalPages - 6; i < totalPages; i++) result.push(i);
+		}
+		return result;
+	}, [page, totalPages]);
+	return /* @__PURE__ */ jsxs(StyledPageSelectionButtons, { children: [
+		/* @__PURE__ */ jsx(PaginationButtonBase, {
+			"data-test": "page-prev-button",
+			disabled: page <= 0,
+			onClick: () => onPageChange(page - 1),
+			trackingId: "PaginationPrevPage",
+			"aria-label": "Previous page",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: "16" })
+		}),
+		pagesToDisplay.map((pageToDisplay) => {
+			if (pageToDisplay === LEADING_THREE_DOTS_PAGE_KEY || pageToDisplay === TRAILING_THREE_DOTS_PAGE_KEY) return /* @__PURE__ */ jsx(PaginationButtonBase, {
+				trackingId: "ThreeDots",
+				onClick: () => void 0,
+				disabled: true,
+				children: "..."
+			}, pageToDisplay);
+			if (pageToDisplay === page) return /* @__PURE__ */ jsx(PaginationButtonBase, {
+				"data-test": "current-page-button",
+				trackingId: "PaginationCurrentPage",
+				className: "currentPage",
+				onClick: () => void 0,
+				children: pageToDisplay + 1
+			}, pageToDisplay);
+			return /* @__PURE__ */ jsx(PaginationButtonBase, {
+				"data-test": "page-number-button",
+				onClick: () => onPageChange(pageToDisplay),
+				trackingId: "PaginationNumberedPage",
+				children: pageToDisplay + 1
+			}, pageToDisplay);
+		}),
+		/* @__PURE__ */ jsx(PaginationButtonBase, {
+			"data-test": "page-next-button",
+			disabled: page >= totalPages - 1,
+			onClick: () => onPageChange(page + 1),
+			trackingId: "PaginationNextPage",
+			"aria-label": "Next page",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: "16" })
+		})
+	] });
+};
+//#endregion
+export { PaginationButtons };

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

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

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

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

package/dist/components/radio_button/radio_button.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+type RadioButtonBaseProps = Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, 'value'> & {
+    setValue: () => void;
+    error?: string;
+    readOnly?: boolean;
+};
+export type RadioButtonPrimitiveProps = RadioButtonBaseProps & {
+    value: boolean;
+};
+export declare const RadioButtonPrimitive: FC<RadioButtonPrimitiveProps>;
+export {};
+//# sourceMappingURL=radio_button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio_button.d.ts","sourceRoot":"","sources":["../../../src/components/radio_button/radio_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAe/D,KAAK,oBAAoB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACnG,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,GAAG;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAElF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiB9D,CAAC"}

package/dist/components/radio_button/radio_button.js

@@ -0,0 +1,26 @@
+import { radioButtonStyle } from "./radio_button.style.js";
+import styled from "styled-components";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/components/radio_button/radio_button.tsx
+var RADIO_VALUE = "checked";
+var StyledRoot = styled(RadioGroupPrimitive.Root)`
+    display: contents;
+`;
+var StyledRadioItem = styled(RadioGroupPrimitive.Item)`
+    ${radioButtonStyle}
+`;
+var RadioButtonPrimitive = ({ value, setValue, error, disabled, readOnly, className, ...rest }) => /* @__PURE__ */ jsx(StyledRoot, {
+	value: value ? RADIO_VALUE : "",
+	onValueChange: () => setValue(),
+	children: /* @__PURE__ */ jsx(StyledRadioItem, {
+		value: RADIO_VALUE,
+		disabled: disabled || readOnly,
+		className: clsx$1(className, error && "error", (disabled || readOnly) && "disabled"),
+		...rest
+	})
+});
+//#endregion
+export { RadioButtonPrimitive };

package/dist/components/radio_button/radio_button.style.d.ts

@@ -0,0 +1,2 @@
+export declare const radioButtonStyle: import('styled-components').RuleSet<object>;
+//# sourceMappingURL=radio_button.style.d.ts.map

package/dist/components/radio_button/radio_button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_button.style.d.ts","sourceRoot":"","sources":["../../../src/components/radio_button/radio_button.style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,6CA2C5B,CAAC"}

package/dist/components/radio_button/radio_button.style.js

@@ -0,0 +1,49 @@
+import { theme } from "../../design_system/theme.js";
+import { css } from "styled-components";
+//#region src/components/radio_button/radio_button.style.ts
+var radioButtonStyle = css`
+    all: unset;
+    box-sizing: border-box;
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: 50%;
+    background-color: ${theme.color.neutral.background};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    flex-shrink: 0;
+
+    &:hover,
+    &:focus {
+        border-color: ${theme.color.primary.action};
+        cursor: pointer;
+    }
+
+    &.disabled {
+        background-color: ${theme.color.neutral.textDisabled};
+        border-color: ${theme.color.neutral.border};
+        cursor: not-allowed;
+    }
+
+    &.error {
+        border-color: ${theme.color.danger.action};
+    }
+
+    &[data-state='checked'] {
+        border-color: ${theme.color.primary.action};
+        border-width: 4px;
+
+        &.error {
+            border-color: ${theme.color.danger.action};
+        }
+
+        &.disabled {
+            border-color: ${theme.color.neutral.border};
+            background-color: ${theme.color.neutral.textDisabled};
+        }
+    }
+`;
+//#endregion
+export { radioButtonStyle };

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

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

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

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

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ReviewRating } from '@apify-packages/types';
+import { BoxProps } from '../box';
+type RatingStatsProps = {
+    ratingStats: Record<ReviewRating, number>;
+};
+type SingleStarRatingProps = BoxProps & {
+    color?: string;
+};
+export declare const SingleStarRating: FC<SingleStarRatingProps>;
+type RatingProps = BoxProps & {
+    rating: number | undefined;
+    color?: string;
+};
+export declare const Rating: FC<RatingProps>;
+export declare const RatingStats: FC<RatingStatsProps & BoxProps>;
+export {};
+//# sourceMappingURL=rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAIvC,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAyCF,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAMtD,CAAC;AAGF,KAAK,WAAW,GAAG,QAAQ,GAAG;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiBlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,QAAQ,CAqBvD,CAAC"}

package/dist/components/rating/rating.js

@@ -0,0 +1,104 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { TextShared } from "../text/text_shared.js";
+import styled from "styled-components";
+import { Fragment, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StarEmptyIcon, StarFullIcon, StarHalfIcon } from "@apify/ui-icons";
+//#region src/components/rating/rating.tsx
+var StyledRating = styled(Box)`
+    display: flex;
+    align-items: center;
+`;
+var StyledRatingStats = styled(Box)`
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    align-items: center;
+    gap: 1px ${theme.space.space8};
+    align-items: center;
+
+    p {
+        /* TODO: This font is not defined! */
+        line-height: 10px;
+        font-size: 8px;
+    }
+`;
+var StyledRatingBar = styled(Box)`
+    height: 5px;
+    border-radius: 10px;
+    background: ${theme.color.neutral.overflow};
+    position: relative;
+    overflow: hidden;
+
+    &::after {
+        content: '';
+        position: absolute;
+        display: block;
+        height: 100%;
+        left: 0;
+        top: 0;
+        border-radius: 10px;
+        background: ${theme.color.neutral.icon};
+        width: ${({ $widthPercent }) => $widthPercent}%;
+    }
+`;
+var SingleStarRating = ({ color = theme.color.neutral.icon, ...rest }) => {
+	return /* @__PURE__ */ jsx(StyledRating, {
+		...rest,
+		children: /* @__PURE__ */ jsx(StarFullIcon, {
+			size: "12",
+			color
+		})
+	});
+};
+var Rating = ({ rating = 0, color = theme.color.neutral.icon, ...rest }) => {
+	const ratingStatsContent = useMemo(() => [
+		1,
+		2,
+		3,
+		4,
+		5
+	].map((rate) => {
+		const ratingFloor = Math.floor(rating);
+		const ratingDecimals = rating % 1;
+		if (ratingFloor >= rate || ratingFloor === rate - 1 && ratingDecimals > .75) return /* @__PURE__ */ jsx(StarFullIcon, {
+			size: "12",
+			color
+		}, rate);
+		if (ratingFloor === rate - 1 && ratingDecimals > .25) return /* @__PURE__ */ jsx(StarHalfIcon, {
+			size: "12",
+			color
+		}, rate);
+		return /* @__PURE__ */ jsx(StarEmptyIcon, {
+			size: "12",
+			color
+		}, rate);
+	}), [rating, color]);
+	return /* @__PURE__ */ jsx(StyledRating, {
+		...rest,
+		children: ratingStatsContent
+	});
+};
+var RatingStats = ({ ratingStats, ...rest }) => {
+	const totalRates = ratingStats[1] + ratingStats[2] + ratingStats[3] + ratingStats[4] + ratingStats[5];
+	const ratingStatsContent = useMemo(() => [
+		5,
+		4,
+		3,
+		2,
+		1
+	].map((rate) => {
+		const widthPercent = totalRates > 0 ? ratingStats[rate] / totalRates * 100 : 0;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TextShared, {
+			align: "center",
+			color: theme.color.neutral.textSubtle,
+			children: rate
+		}), /* @__PURE__ */ jsx(StyledRatingBar, { $widthPercent: widthPercent })] }, rate);
+	}), [totalRates, ratingStats]);
+	return /* @__PURE__ */ jsx(StyledRatingStats, {
+		...rest,
+		children: ratingStatsContent
+	});
+};
+//#endregion
+export { Rating, RatingStats, SingleStarRating };

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

@@ -0,0 +1,4 @@
+export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils';
+export { pythonizeValue } from './pythonize_value';
+export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/readme_renderer/pythonize_value.d.ts

@@ -0,0 +1,2 @@
+export declare const pythonizeValue: <T>(value: T, depth?: number) => string | T;
+//# sourceMappingURL=pythonize_value.d.ts.map

package/dist/components/readme_renderer/pythonize_value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pythonize_value.d.ts","sourceRoot":"","sources":["../../../src/components/readme_renderer/pythonize_value.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,cAAS,KAAG,MAAM,GAAG,CAmDhE,CAAC"}

package/dist/components/readme_renderer/pythonize_value.js

@@ -0,0 +1,46 @@
+//#region src/components/readme_renderer/pythonize_value.ts
+var escapes = {
+	92: "\\\\",
+	34: "\\\"",
+	8: "\\b",
+	12: "\\f",
+	13: "\\r",
+	9: "\\t"
+};
+var escapeChar = (character) => {
+	const charCode = character.charCodeAt(0);
+	const escaped = escapes[charCode];
+	if (escaped) return escaped;
+	return "\\u00" + charCode.toString(16).padStart(2, "0");
+};
+var pythonQuoteString = (str, escapeNewlines = true) => {
+	const escapedValue = str.replace(/[\x00-\x09\x0b-\x1f\x22\x5c]/g, escapeChar);
+	if (!escapeNewlines && escapedValue.includes("\n")) return "\"\"\"" + escapedValue + "\"\"\"";
+	return "\"" + escapedValue.replace(/\n/g, "\\n") + "\"";
+};
+var INDENT = "    ";
+var pythonizeValue = (value, depth = 0) => {
+	if (value === void 0) return "None";
+	if (value === null) return "None";
+	if (value === true) return "True";
+	if (value === false) return "False";
+	if (value === Infinity) return "None";
+	if (value === -Infinity) return "None";
+	if (Number.isNaN(value)) return "None";
+	if (typeof value === "number") return value;
+	if (typeof value === "string") return pythonQuoteString(value, false);
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "[]";
+		if (value.length === 1) return "[" + pythonizeValue(value[0], depth + 1) + "]";
+		return "[\n" + value.map((v) => INDENT.repeat(depth + 1) + pythonizeValue(v, depth + 1) + ",\n").join("") + INDENT.repeat(depth) + "]";
+	}
+	if (typeof value === "object") {
+		const entries = Object.entries(value);
+		if (entries.length === 0) return "{}";
+		if (entries.length === 1) return "{ " + pythonQuoteString(entries[0][0]) + ": " + pythonizeValue(entries[0][1], depth + 1) + " }";
+		return "{\n" + entries.map(([k, v]) => INDENT.repeat(depth + 1) + pythonQuoteString(k) + ": " + pythonizeValue(v, depth + 1) + ",\n").join("") + INDENT.repeat(depth) + "}";
+	}
+	return "UNSUPPORTED VALUE";
+};
+//#endregion
+export { pythonizeValue };