@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266

package/dist/src/components/color_wheel_gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yFAoB5B,CAAC"}

package/dist/src/components/color_wheel_gradient.jsx

@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+export const ColorWheelGradient = styled.div `${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
+    z-index: 1;
+    position: absolute;
+    width: ${radius ? `${radius}px` : 'auto'};
+    height: ${radius ? `${radius}px` : 'auto'};
+    transform-origin: center;
+    transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
+
+    opacity: 0.30;
+    background: conic-gradient(
+        rgba(93, 133, 225, 0.99) 0deg,
+        rgba(106, 20, 222, 0.99) 69deg,
+        rgba(228, 68, 103, 0.99) 150deg,
+        rgba(250, 129, 54, 0.99) 221deg,
+        rgba(240, 178, 27, 0.99) 287deg,
+        rgba(18, 150, 111, 0.99) 360deg
+    );
+
+    border-radius: 50%;
+    filter: blur(${blurSize}px)
+`}`;
+//# sourceMappingURL=color_wheel_gradient.jsx.map

package/dist/src/components/color_wheel_gradient.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_wheel_gradient.jsx","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;;;aAGxI,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;cAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;;2BAElB,UAAU,OAAO,UAAU,cAAc,QAAQ;;;;;;;;;;;;;mBAazD,QAAQ;CAC1B,EAAE,CAAC"}

package/dist/src/components/floating/index.d.ts

@@ -0,0 +1,4 @@
+export * from './menu';
+export * from './menu_components';
+export * from './menu_common';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/src/components/floating/index.js

@@ -0,0 +1,4 @@
+export * from './menu';
+export * from './menu_components';
+export * from './menu_common';
+//# sourceMappingURL=index.js.map

package/dist/src/components/floating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/floating/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/src/components/floating/menu.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type BoxProps } from '../box';
+export declare const menuClassNames: {
+    WRAPPER: string;
+    BASE: string;
+    LIST: string;
+    ITEM: string;
+};
+type SelectActionType = 'click' | 'enter' | 'space' | 'type';
+export interface MenuOption {
+    label: string;
+    value: string;
+}
+export interface MenuProps<T = MenuOption> {
+    options: T[];
+    value?: string;
+    onSelect: (newValue: string, selectedBy: SelectActionType) => void;
+    defaultLabel?: React.ReactNode;
+    closeOnSelect?: boolean;
+    renderOption?: (option: T) => React.ReactNode;
+    components?: {
+        MenuBase?: React.ElementType;
+        Menu?: React.ElementType;
+        MenuItem?: React.ElementType;
+    };
+}
+/**
+ * This example is a Select taken from https://floating-ui.com/docs/react-examples
+ * It tries to mimic API of react-select as closely as possible
+ */
+export declare const Menu: <T extends MenuOption>({ options, value, onSelect, closeOnSelect, defaultLabel, components, renderOption, className, ...rest }: MenuProps<T> & BoxProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/src/components/floating/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAIN,MAAM,OAAO,CAAC;AAEf,OAAO,EAEH,KAAK,QAAQ,EAChB,MAAM,QAAQ,CAAC;AAShB,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAI7D,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,UAAU;IACrC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,UAAU,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;KAChC,CAAC;CACL;AAID;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,UAAU,2GAUtC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,sBAmHzB,CAAC"}

package/dist/src/components/floating/menu.jsx

@@ -0,0 +1,95 @@
+import { useRole, useListNavigation, useTypeahead, useClick, useDismiss, useInteractions, FloatingPortal, FloatingFocusManager, } from '@floating-ui/react';
+import clsx from 'clsx';
+import React, { useState, useRef, useMemo, } from 'react';
+import { Box, } from '../box';
+import { Text } from '../text';
+import { useFloatingMenu } from './menu_common';
+import { DropdownMenuBaseComponent, ListMenuComponent, ListMenuItemComponent, } from './menu_components';
+export const menuClassNames = {
+    WRAPPER: 'menu-wrapper',
+    BASE: 'menu-base',
+    LIST: 'menu-list',
+    ITEM: 'menu-item',
+};
+const defaultRenderOption = ({ label }) => (<Text as='span'>{label}</Text>);
+/**
+ * This example is a Select taken from https://floating-ui.com/docs/react-examples
+ * It tries to mimic API of react-select as closely as possible
+ */
+export const Menu = ({ options, value, onSelect, closeOnSelect = true, defaultLabel, components, renderOption, className, ...rest }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const { refs, floatingStyles, context } = useFloatingMenu({
+        isOpen,
+        setIsOpen,
+    });
+    const selectedIndex = useMemo(() => {
+        const foundIndex = options.findIndex((option) => option.value === value);
+        return foundIndex < 0 ? null : foundIndex;
+    }, [options, value]);
+    const [activeIndex, setActiveIndex] = useState(null);
+    const handleSelect = (newIndex, selectedBy) => {
+        onSelect(options[newIndex].value, selectedBy);
+        if (closeOnSelect)
+            setIsOpen(false);
+    };
+    const listRef = useRef([]);
+    const isTypingRef = useRef(false);
+    const listContentRef = useRef(options.map((option) => option.label));
+    const click = useClick(context, { event: 'mousedown' });
+    const dismiss = useDismiss(context);
+    const typeahead = useTypeahead(context, {
+        listRef: listContentRef,
+        activeIndex,
+        selectedIndex,
+        onMatch: isOpen ? setActiveIndex : (newIndex) => onSelect(options[newIndex].value, 'type'),
+        onTypingChange(isTyping) {
+            isTypingRef.current = isTyping;
+        },
+    });
+    const role = useRole(context, { role: 'listbox' });
+    const listNav = useListNavigation(context, {
+        listRef,
+        activeIndex,
+        selectedIndex,
+        onNavigate: setActiveIndex,
+        loop: true,
+    });
+    const { getFloatingProps, getItemProps, getReferenceProps } = useInteractions([click, dismiss, role, listNav, typeahead]);
+    const MenuBaseComponent = components?.MenuBase || DropdownMenuBaseComponent;
+    const MenuComponent = components?.Menu || ListMenuComponent;
+    const MenuItemComponent = components?.MenuItem || ListMenuItemComponent;
+    const effectiveRenderOption = renderOption || defaultRenderOption;
+    return (<Box className={clsx(className, menuClassNames.WRAPPER)} {...rest}>
+            <MenuBaseComponent aria-labelledby="select-label" aria-autocomplete="none" ref={refs.setReference} {...getReferenceProps()} className={menuClassNames.BASE} tabindex="0">
+                {selectedIndex !== null ? options[selectedIndex].label : defaultLabel}
+            </MenuBaseComponent>
+            <FloatingPortal>
+                <FloatingFocusManager context={context} modal={false}>
+                    <MenuComponent ref={refs.setFloating} style={{
+            ...floatingStyles,
+            // TODO: We should consider not doing this by default
+            ...!isOpen && { display: 'none' }, // needs to be rendered, because of SEO
+        }} {...getFloatingProps()} className={menuClassNames.LIST}>
+                        {options.map((option, i) => (<MenuItemComponent key={option.value} $isSelected={i === selectedIndex} $isActive={i === activeIndex} ref={(node) => {
+                listRef.current[i] = node;
+            }} role="option" tabIndex={i === activeIndex ? 0 : -1} className={menuClassNames.ITEM} aria-selected={i === selectedIndex && i === activeIndex} {...getItemProps({
+            onClick: () => handleSelect(i, 'click'), // Handles mouse click
+            onKeyDown: (event) => {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    handleSelect(i, 'enter'); // Handles enter press
+                }
+                if (event.key === ' ' && !isTypingRef.current) {
+                    event.preventDefault();
+                    handleSelect(i, 'space');
+                }
+            },
+        })}>
+                                {effectiveRenderOption(option)}
+                            </MenuItemComponent>))}
+                    </MenuComponent>
+                </FloatingFocusManager>
+            </FloatingPortal>
+        </Box>);
+};
+//# sourceMappingURL=menu.jsx.map

package/dist/src/components/floating/menu.jsx.map

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

package/dist/src/components/floating/menu_common.d.ts

@@ -0,0 +1,42 @@
+export declare const useFloatingMenu: ({ isOpen, setIsOpen, }: {
+    isOpen: boolean;
+    setIsOpen: (newIsOpen: boolean) => void;
+}) => {
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<Element>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<Element>;
+    context: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<Element>;
+        elements: import("@floating-ui/react").ExtendedElements<Element>;
+    };
+};
+//# sourceMappingURL=menu_common.d.ts.map

package/dist/src/components/floating/menu_common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu_common.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,2BAGzB;IACC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC1C;;;;;;;;oBAkBymQ,MAAO,aAAa;;;kBAAiV,MAAO,gBAAgB;;;;;;;;;;;;;;;;wBAA5X,MAAO,aAAa;;;;iBAAukB,MAAO,gBAAgB;;;;;;CAD1tR,CAAC"}

package/dist/src/components/floating/menu_common.jsx

@@ -0,0 +1,20 @@
+import { useFloating, offset, size, autoUpdate, } from '@floating-ui/react';
+export const useFloatingMenu = ({ isOpen, setIsOpen, }) => useFloating({
+    placement: 'bottom-start',
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    whileElementsMounted: autoUpdate,
+    middleware: [
+        offset(5),
+        size({
+            apply({ elements, availableHeight }) {
+                Object.assign(elements.floating.style, {
+                    maxHeight: `${availableHeight}px`,
+                    minHeight: '50px',
+                });
+            },
+            padding: 10,
+        }),
+    ],
+});
+//# sourceMappingURL=menu_common.jsx.map

package/dist/src/components/floating/menu_common.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu_common.jsx","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,MAAM,EACN,IAAI,EACJ,UAAU,GACb,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,SAAS,GAIZ,EAAE,EAAE,CAAC,WAAW,CAAU;IACvB,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,SAAS;IACvB,oBAAoB,EAAE,UAAU;IAChC,UAAU,EAAE;QACR,MAAM,CAAC,CAAC,CAAC;QACT,IAAI,CAAC;YACD,KAAK,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE;gBAC/B,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;oBACnC,SAAS,EAAE,GAAG,eAAe,IAAI;oBACjC,SAAS,EAAE,MAAM;iBACpB,CAAC,CAAC;YACP,CAAC;YACD,OAAO,EAAE,EAAE;SACd,CAAC;KACL;CACJ,CAAC,CAAC"}

package/dist/src/components/floating/menu_components.d.ts

@@ -0,0 +1,29 @@
+import { type UseFloatingReturn, type ReferenceType } from '@floating-ui/react';
+import React from 'react';
+export type FloatingContext = Pick<UseFloatingReturn<ReferenceType>, 'context'>['context'];
+/**
+ * Menu wrapper component
+ */
+export declare const ListMenuComponent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, {
+    p: "space8";
+}, "p">;
+interface SelectableListMenuItemProps {
+    $isActive?: boolean;
+    $isSelected?: boolean;
+}
+/**
+ * Menu item component
+ */
+export declare const ListMenuItemComponent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, {
+    px: "space8";
+} & SelectableListMenuItemProps, "px">;
+/**
+ * Menu base component WITHOUT dropdown icon
+ */
+export declare const PlainMenuBaseComponent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, {}, never>;
+/**
+ * Menu base component WITH dropdown icon
+ */
+export declare const DropdownMenuBaseComponent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=menu_components.d.ts.map

package/dist/src/components/floating/menu_components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu_components.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu_components.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,iBAAiB;;OAe7B,CAAC;AAEF,UAAU,2BAA2B;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB;;sCAgBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,4JAelC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,sFAUpC,CAAC"}

package/dist/src/components/floating/menu_components.jsx

@@ -0,0 +1,73 @@
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { ChevronDown16 } from '@apify/icons';
+import { theme } from '../../design_system/theme';
+import { Box } from '../box';
+/**
+ * Menu wrapper component
+ */
+export const ListMenuComponent = styled(Box).attrs({
+    p: 'space8',
+}) `
+    display: flex;
+    flex-direction: column;
+    max-height: 300px;
+    min-width: 160px;
+    box-shadow: ${theme.shadow.shadow2};
+    background: ${theme.color.neutral.background};
+    border: 1px solid ${theme.color.neutral.separatorSubtle};
+    border-radius: ${theme.radius.radius8};
+    scrollbar-color: ${theme.color.neutral.separatorSubtle} ${theme.color.neutral.background};
+    outline: none;
+    overflow-y: auto;
+    z-index: 10;
+`;
+/**
+ * Menu item component
+ */
+export const ListMenuItemComponent = styled(Box).attrs({
+    px: 'space8',
+}) `
+    border-radius: ${theme.radius.radius8};
+    outline: none;
+    cursor: pointer;
+    white-space: nowrap;
+
+    ${({ $isActive }) => $isActive && css `
+        background-color: ${theme.color.neutral.hover};
+    `}
+
+    ${({ $isSelected }) => $isSelected && css `
+        background-color: ${theme.color.neutral.backgroundSubtle};
+        color: ${theme.color.primary.text};
+    `}
+`;
+/**
+ * Menu base component WITHOUT dropdown icon
+ */
+export const PlainMenuBaseComponent = styled(Box) `
+    display: flex;
+    align-items: center;
+    gap: ${theme.space.space4};
+    padding: ${theme.space.space8};
+    border-radius: ${theme.radius.radius8};
+    border: 1px solid ${theme.color.neutral.separatorSubtle};
+    background-color: ${theme.color.neutral.backgroundMuted};
+
+    cursor: pointer;
+    transition: background-color 0.2s ease-in-out;
+
+    &:hover {
+        background-color: ${theme.color.neutral.backgroundSubtle};
+    }
+`;
+/**
+ * Menu base component WITH dropdown icon
+ */
+export const DropdownMenuBaseComponent = forwardRef(({ children, ...props }, ref) => {
+    return (<PlainMenuBaseComponent {...props} ref={ref}>
+            {children}
+            <ChevronDown16 color={theme.color.neutral.icon}/>
+        </PlainMenuBaseComponent>);
+});
+//# sourceMappingURL=menu_components.jsx.map

package/dist/src/components/floating/menu_components.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu_components.jsx","sourceRoot":"","sources":["../../../../src/components/floating/menu_components.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;IAC/C,CAAC,EAAE,QAAQ;CACd,CAAC,CAAA;;;;;kBAKgB,KAAK,CAAC,MAAM,CAAC,OAAO;kBACpB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;wBACxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,OAAO;uBAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;;CAI3F,CAAC;AAOF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;IACnD,EAAE,EAAE,QAAQ;CACf,CAAC,CAA6B;qBACV,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;MAKnC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,GAAG,CAAA;4BACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;KAChD;;MAEC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,GAAG,CAAA;4BACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;iBAC/C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;KACpC;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;WAGtC,KAAK,CAAC,KAAK,CAAC,MAAM;eACd,KAAK,CAAC,KAAK,CAAC,MAAM;qBACZ,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;wBACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;;;;4BAM/B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;;CAE/D,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAU,CAAmB,CAAC,EACnE,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,GAAG,EAAE,EAAE;IACN,OAAO,CACH,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACxC;YAAA,CAAC,QAAQ,CACT;YAAA,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EACnD;QAAA,EAAE,sBAAsB,CAAC,CAC5B,CAAC;AACN,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,UAAU,GAAG;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAA;AAED,eAAO,MAAM,KAAK,4GAShB,CAAC"}

package/dist/src/components/image.jsx

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useSharedUiDependencies } from '../ui_dependency_provider';
+import { Box } from './box';
+export const Image = forwardRef((props, ref) => {
+    const { InternalImage } = useSharedUiDependencies();
+    return (<Box ref={ref} {...props} as={InternalImage}/>);
+});
+//# sourceMappingURL=image.jsx.map

package/dist/src/components/image.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.jsx","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAU3C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAsD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChG,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,OAAO,CACH,CAAC,GAAG,CACA,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,EAAE,CAAC,CAAC,aAAa,CAAC,EACpB,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,21 @@
+export * from './text';
+export * from './box';
+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 './to_consolidate';
+export * from './tile';
+export * from './blog_article';
+export * from './banner';
+export * from './actor_template_card';
+export * from './chip';
+export * from './image';
+export * from './badge';
+export * from './tag';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/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,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,kBAAkB,CAAC;AACjC,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,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC"}

package/dist/src/components/index.js

@@ -0,0 +1,21 @@
+export * from './text';
+export * from './box';
+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 './to_consolidate';
+export * from './tile';
+export * from './blog_article';
+export * from './banner';
+export * from './actor_template_card';
+export * from './chip';
+export * from './image';
+export * from './badge';
+export * from './tag';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,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,kBAAkB,CAAC;AACjC,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,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC"}

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

@@ -0,0 +1,24 @@
+import { type Path } from 'history';
+import React from 'react';
+import { type 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;
+}
+/**
+ * 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;
+export type LinkProps = RegularLinkProps & BoxProps;
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,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;CACzB;AAGD;;GAEG;AACH,eAAO,MAAM,aAAa,QAAS,EAAE,sBAAsB,MAAM,YAIhE,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,UAAU,QAAS,EAAE,YAGjC,CAAC;AAsBF,MAAM,MAAM,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEpD,eAAO,MAAM,IAAI,+EAkDf,CAAC"}

package/dist/src/components/link.jsx

@@ -0,0 +1,67 @@
+import clsx from 'clsx';
+import { createPath } from 'history';
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { ExternalLink16 } from '@apify/icons';
+import { theme } from '../design_system/theme';
+import { useSharedUiDependencies } from '../ui_dependency_provider';
+import { Box } from './box';
+// TODO: This function is copied from tools.client.js. We can remove it from there once this is deployed
+/**
+ * Checks if passed url is external
+ */
+export const isUrlExternal = (url, windowLocationHost) => {
+    if (!url || typeof (url) !== 'string')
+        return false;
+    const domainMatch = url.match(/^https?:\/\/([^/?#]+)(?:[/?#]|$)/i);
+    return !!(domainMatch && domainMatch[1] !== windowLocationHost);
+};
+// TODO: This function is copied from tools.client.js. We can remove it from there once this is deployed
+/**
+ * Checks if passed url is email
+ */
+export const isUrlEmail = (url) => {
+    if (!url || typeof (url) !== 'string')
+        return false;
+    return url.startsWith('mailto:');
+};
+const StyledLink = styled(Box) `
+    /* Basic positioning */
+    display: inline-flex;
+    align-items: center;
+    gap: ${theme.space.space4};
+
+    /* Default behavior */
+    text-decoration: none;
+    transition: color ${theme.transition.fastEaseInOut};
+
+    &:hover {
+        text-decoration: none;
+        color: ${theme.color.primary.actionHover};
+    }
+
+    &:active {
+        color: ${theme.color.primary.actionActive};
+    }
+`;
+export const Link = forwardRef(({ to, children, rel, target, hideExternalIcon, showExternalIcon, onClick, trackingId, trackingData, ...rest }, ref) => {
+    const { windowLocationHost, isHrefTrusted, trackClick, InternalLink, } = useSharedUiDependencies();
+    const href = typeof (to) === 'string' ? to : createPath(to);
+    const isExternal = isUrlExternal(to, windowLocationHost);
+    const isEmail = isUrlEmail(to);
+    const isTrusted = isHrefTrusted(href);
+    const trackedOnClick = (e) => {
+        if (trackingId && trackClick)
+            trackClick(trackingId, trackingData);
+        if (onClick)
+            onClick(e);
+    };
+    const effectiveRel = clsx(rel, isExternal && 'external', (isExternal || target === '_blank') && 'noopener noreferrer', (isExternal && !isTrusted) && 'nofollow');
+    return (<StyledLink 
+    // We use the InternalLink only for internal navigation
+    forwardedAs={(isEmail || isExternal) ? 'a' : InternalLink} href={href} rel={effectiveRel} target={target || (isExternal ? '_blank' : '_self')} onClick={trackedOnClick} ref={ref} {...rest}>
+            {children}
+            {((isExternal && !hideExternalIcon) || showExternalIcon) && <ExternalLink16 />}
+        </StyledLink>);
+});
+//# sourceMappingURL=link.jsx.map

package/dist/src/components/link.jsx.map

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

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type BoxProps } from './box';
+export declare const messageClassNames: {
+    main: string;
+    icon: string;
+    content: string;
+    caption: string;
+    dismiss: string;
+};
+export type MessageType = 'info' | 'warning' | 'success' | 'danger';
+type MessageProps = BoxProps & {
+    type: MessageType;
+    caption?: string;
+    icon?: React.ElementType;
+    onDismissClick?: () => void;
+    borderless?: boolean;
+    boxless?: boolean;
+    as?: React.ElementType;
+    dismissTrackingId?: string;
+};
+/**
+ * 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) => React.JSX.Element;
+export declare const WarningMessage: (props: SpecificMessageProps) => React.JSX.Element;
+export declare const SuccessMessage: (props: SpecificMessageProps) => React.JSX.Element;
+export declare const DangerMessage: (props: SpecificMessageProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI3C,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAgEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASpE,KAAK,YAAY,GAAG,QAAQ,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,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;CAC9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwC1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,WAAW,UAAW,oBAAoB,sBAAyC,CAAC;AACjG,eAAO,MAAM,cAAc,UAAW,oBAAoB,sBAA4C,CAAC;AACvG,eAAO,MAAM,cAAc,UAAW,oBAAoB,sBAA4C,CAAC;AACvG,eAAO,MAAM,aAAa,UAAW,oBAAoB,sBAA2C,CAAC"}