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

package/dist/components/avatar/actor_avatar.js

@@ -1,85 +0,0 @@
-import { theme } from "../../design_system/theme.js";
-import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
-import { useImageColor } from "../../utils/image_color.js";
-import { BoringAvatarMarble } from "./boring_avatar.js";
-import styled from "styled-components";
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import clsx$1 from "clsx";
-//#region src/components/avatar/actor_avatar.tsx
-var actorAvatarClassnames = {
-	BASE: "ActorAvatar",
-	IMG: "ActorAvatar-image",
-	SVG: "ActorAvatar-svg"
-};
-var StyledBoringAvatarMarble = styled(BoringAvatarMarble)`
-    border-radius: ${({ $borderRadius }) => $borderRadius};
-
-    text {
-        ${theme.typography.shared.mobile.bodyMStrong}
-
-        @media (min-width: ${theme.layout.tablet}) {
-            ${theme.typography.shared.tablet.bodyMStrong}
-        }
-        @media (min-width: ${theme.layout.desktop}) {
-            ${theme.typography.shared.desktop.bodyMStrong}
-        }
-
-        fill: ${theme.color.neutral.background};
-        color: ${theme.color.neutral.background};
-        text-transform: uppercase;
-        white-space: pre;
-    }
-`;
-var StyledImg = styled.img`
-    border-radius: ${theme.radius.radius8};
-`;
-var ActorAvatarInner = ({ name, className, url, size, alt, borderRadius = theme.radius.radius8, ...rest }) => {
-	const [hasImageError, setHasImageError] = useState(false);
-	useEffect(() => {
-		setHasImageError(false);
-	}, [url]);
-	const { generateProxyImageUrl } = useSharedUiDependencies();
-	const maybeProxiedUrl = useMemo(() => generateProxyImageUrl && url ? generateProxyImageUrl(url, { resize: {
-		height: size * 2,
-		width: size * 2
-	} }) : url, [
-		generateProxyImageUrl,
-		url,
-		size
-	]);
-	const { color, refCallback } = useImageColor();
-	const imageRef = useRef(null);
-	const imageRefCallback = useCallback((element) => {
-		imageRef.current = element;
-		refCallback(element);
-	}, [refCallback]);
-	const onError = useCallback(() => setHasImageError(true), []);
-	useLayoutEffect(() => {
-		if (imageRef.current) imageRef.current.style.backgroundColor = color?.isLight ? "#1a1b21" : theme.color.neutral.backgroundWhite;
-	}, [color?.isLight]);
-	const fullClassName = clsx$1(actorAvatarClassnames.BASE, maybeProxiedUrl ? actorAvatarClassnames.IMG : actorAvatarClassnames.SVG, className);
-	const altText = alt || `${name} avatar`;
-	if (maybeProxiedUrl && !hasImageError) return /* @__PURE__ */ jsx(StyledImg, {
-		ref: imageRefCallback,
-		crossOrigin: "anonymous",
-		src: maybeProxiedUrl,
-		className: fullClassName,
-		width: size,
-		height: size,
-		alt: altText,
-		onError,
-		...rest
-	});
-	return /* @__PURE__ */ jsx(StyledBoringAvatarMarble, {
-		size,
-		className: fullClassName,
-		name,
-		square: true,
-		alt: altText,
-		$borderRadius: borderRadius
-	});
-};
-var ActorAvatar = React.memo(ActorAvatarInner);
-//#endregion
-export { ActorAvatar, ActorAvatarInner, actorAvatarClassnames };

package/dist/components/avatar/boring_avatar.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface BoringAvatarProps {
-    name?: string;
-    className?: string;
-    size: number;
-    colors?: string[];
-    square?: boolean;
-    alt?: string;
-}
-export declare const BoringAvatarMarble: React.MemoExoticComponent<({ name, colors, square, className, size, alt, }: BoringAvatarProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const BoringAvatarSolid: React.MemoExoticComponent<({ name, alt, colors, square, className, size, }: BoringAvatarProps) => import("react/jsx-runtime").JSX.Element>;
-export {};
-//# sourceMappingURL=boring_avatar.d.ts.map

package/dist/components/avatar/boring_avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"boring_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/boring_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAuFvC,UAAU,iBAAiB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,8EAQxB,iBAAiB,6CAgEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8EAQvB,iBAAiB,6CAiDvB,CAAC"}

package/dist/components/avatar/boring_avatar.js

@@ -1,219 +0,0 @@
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import emojiRegex from "emoji-regex";
-//#region src/components/avatar/boring_avatar.tsx
-var emojiRegexPattern = emojiRegex();
-var ELEMENTS = 3;
-var SIZE = 100;
-var IGNORED_WORDS = [
-	"AND",
-	"A",
-	"THE",
-	"AN"
-];
-function hashCode(name) {
-	if (!name) return 0;
-	let hash = 0;
-	for (let i = 0; i < name.length; i++) {
-		const character = name.charCodeAt(i);
-		hash = (hash << 5) - hash + character;
-		hash &= hash;
-	}
-	return Math.abs(hash);
-}
-function getDigit(number, ntn) {
-	return Math.floor(number / 10 ** ntn % 10);
-}
-function getUnit(number, range, index) {
-	const value = number % range;
-	if (index && getDigit(number, index) % 2 === 0) return -value;
-	return value;
-}
-function generateProperties(name, colors) {
-	const numFromName = hashCode(name);
-	const elementsProperties = [];
-	for (let i = 0; i < ELEMENTS; i++) elementsProperties.push({
-		color: colors[(numFromName + (i + 1)) % colors.length],
-		translateX: getUnit(numFromName * (i + 1), SIZE / 10, 1),
-		translateY: getUnit(numFromName * (i + 1), SIZE / 10, 2),
-		scale: 1.2 + getUnit(numFromName * (i + 1), SIZE / 20) / 10,
-		rotate: getUnit(numFromName * (i + 1), 360, 1)
-	});
-	return elementsProperties;
-}
-function generateFill(properties, name) {
-	const { translateX: translateX1, translateY: translateY1, rotate: rotate1 } = properties[1];
-	const { translateX: translateX2, translateY: translateY2, rotate: rotate2, scale } = properties[2];
-	let nameParts = name.replace(emojiRegexPattern, " ").trim().replace(/\s+/g, " ").toUpperCase().split(" ");
-	if (nameParts.length <= 1) nameParts = nameParts[0].split("-");
-	if (nameParts.length <= 1) nameParts = nameParts[0].split("_");
-	if (nameParts.length <= 1) nameParts = nameParts[0].split(".");
-	if (nameParts.length <= 1) nameParts = nameParts[0].split("");
-	if (nameParts.length > 2) nameParts = nameParts.filter((part) => !IGNORED_WORDS.includes(part));
-	return {
-		fill0: properties[0].color,
-		fill1: properties[1].color,
-		fill2: properties[2].color,
-		transform1: `translate(${translateX1} ${translateY1}) rotate(${rotate1} ${SIZE / 2} ${SIZE / 2}) scale(${scale})`,
-		transform2: `translate(${translateX2} ${translateY2}) rotate(${rotate2} ${SIZE / 2} ${SIZE / 2}) scale(${scale})`,
-		letter1: nameParts?.[0]?.[0] ?? void 0,
-		letter2: nameParts?.[1]?.[0] ?? void 0
-	};
-}
-var BoringAvatarMarble = React.memo(({ name = "", colors = [
-	"#12966F",
-	"#5D85E1",
-	"#E44467",
-	"#F0B21B",
-	"#FA8136",
-	"#30C0BB"
-], square = false, className, size = 24, alt = "Avatar image" }) => {
-	const fill = useMemo(() => {
-		return generateFill(generateProperties(name ?? "", colors), name ?? "");
-	}, [name, colors]);
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: `0 0 ${SIZE} ${SIZE}`,
-		fill: "none",
-		role: "img",
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		className,
-		"aria-label": alt,
-		children: [
-			/* @__PURE__ */ jsx("mask", {
-				id: "mask__marble",
-				maskUnits: "userSpaceOnUse",
-				x: 0,
-				y: 0,
-				width: SIZE,
-				height: SIZE,
-				children: /* @__PURE__ */ jsx("rect", {
-					width: SIZE,
-					height: SIZE,
-					rx: square ? void 0 : SIZE * 2,
-					fill: "#FFFFFF"
-				})
-			}),
-			/* @__PURE__ */ jsxs("g", {
-				mask: "url(#mask__marble)",
-				children: [
-					/* @__PURE__ */ jsx("rect", {
-						width: SIZE,
-						height: SIZE,
-						fill: fill.fill0
-					}),
-					/* @__PURE__ */ jsx("path", {
-						filter: "url(#prefix__filter0_f)",
-						d: "M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z",
-						fill: fill.fill1,
-						transform: fill.transform1
-					}),
-					/* @__PURE__ */ jsx("path", {
-						filter: "url(#prefix__filter0_f)",
-						style: { mixBlendMode: "overlay" },
-						d: "M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z",
-						fill: fill.fill2,
-						transform: fill.transform2
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("g", { children: fill.letter1 && /* @__PURE__ */ jsxs("text", {
-				style: { fontSize: "50px" },
-				x: "50",
-				y: "50",
-				dy: "7",
-				textAnchor: "middle",
-				alignmentBaseline: "middle",
-				dominantBaseline: "middle",
-				children: [fill.letter1, fill.letter2]
-			}) }),
-			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", {
-				id: "prefix__filter0_f",
-				filterUnits: "userSpaceOnUse",
-				colorInterpolationFilters: "sRGB",
-				children: [
-					/* @__PURE__ */ jsx("feFlood", {
-						floodOpacity: 0,
-						result: "BackgroundImageFix"
-					}),
-					/* @__PURE__ */ jsx("feBlend", {
-						in: "SourceGraphic",
-						in2: "BackgroundImageFix",
-						result: "shape"
-					}),
-					/* @__PURE__ */ jsx("feGaussianBlur", {
-						stdDeviation: 7,
-						result: "effect1_foregroundBlur"
-					})
-				]
-			}) })
-		]
-	});
-});
-var BoringAvatarSolid = React.memo(({ name = "", alt = "Avatar image", colors = [
-	"#B8487B",
-	"#E5B557",
-	"#58BCC4",
-	"#6D85CA",
-	"#8690BF",
-	"#F08848",
-	"#8148C9",
-	"#439274"
-], square = false, className, size = 24 }) => {
-	/**
-	* Name must be lowercased to avoid irregularities caused by caps.
-	* This is an issue in the Actor detail header, where the username comes from the Actor object,
-	* while in the user selector it comes from the user object, where it can have capitals.
-	*/
-	const nameLowercase = name.toLowerCase();
-	const fill = useMemo(() => {
-		return generateFill(generateProperties(nameLowercase, colors), nameLowercase);
-	}, [nameLowercase, colors]);
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: `0 0 ${SIZE} ${SIZE}`,
-		fill: "none",
-		role: "img",
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		className,
-		"aria-label": alt,
-		children: [
-			/* @__PURE__ */ jsx("mask", {
-				id: "mask__solid",
-				maskUnits: "userSpaceOnUse",
-				x: 0,
-				y: 0,
-				width: SIZE,
-				height: SIZE,
-				children: /* @__PURE__ */ jsx("rect", {
-					width: SIZE,
-					height: SIZE,
-					rx: square ? void 0 : SIZE * 2,
-					fill: "#FFFFFF"
-				})
-			}),
-			/* @__PURE__ */ jsx("g", {
-				mask: "url(#mask__solid)",
-				children: /* @__PURE__ */ jsx("rect", {
-					width: SIZE,
-					height: SIZE,
-					fill: fill.fill0
-				})
-			}),
-			/* @__PURE__ */ jsx("g", { children: fill.letter1 && /* @__PURE__ */ jsxs("text", {
-				style: { fontSize: "50px" },
-				x: "50",
-				y: "50",
-				dy: "7",
-				textAnchor: "middle",
-				alignmentBaseline: "middle",
-				dominantBaseline: "middle",
-				children: [fill.letter1, fill.letter2]
-			}) })
-		]
-	});
-});
-//#endregion
-export { BoringAvatarMarble, BoringAvatarSolid };

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

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

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

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

package/dist/components/avatar/user_avatar.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-export declare const userAvatarBaseClassNames: {
-    BASE: string;
-    IMG: string;
-    SVG: string;
-};
-interface UserAvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    name?: string;
-    className?: string;
-    url?: string | null;
-    alt?: string;
-    size: number;
-    asOrganization?: boolean;
-}
-export declare const UserAvatar: React.NamedExoticComponent<UserAvatarProps>;
-export {};
-//# sourceMappingURL=user_avatar.d.ts.map

package/dist/components/avatar/user_avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"user_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/user_avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,eAAO,MAAM,wBAAwB;;;;CAIpC,CAAC;AA0BF,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AA+CD,eAAO,MAAM,UAAU,6CAA8B,CAAC"}

package/dist/components/avatar/user_avatar.js

@@ -1,72 +0,0 @@
-import { theme } from "../../design_system/theme.js";
-import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
-import { BoringAvatarSolid } from "./boring_avatar.js";
-import styled from "styled-components";
-import React, { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-import clsx$1 from "clsx";
-//#region src/components/avatar/user_avatar.tsx
-var DEFAULT_USER_PICTURE_URL = "https://cdn.apify.com/img/icons/anonymous_user_picture.png";
-var DEFAULT_ORGANIZATION_PICTURE_URL = "https://cdn.apify.com/img/icons/anonymous_organization_picture.png";
-var userAvatarBaseClassNames = {
-	BASE: "UserAvatar",
-	IMG: "UserAvatar-image",
-	SVG: "UserAvatar-svg"
-};
-var StyledBoringAvatarSolid = styled(BoringAvatarSolid)`
-    border-radius: 100%;
-
-    text {
-        ${theme.typography.shared.mobile.bodyMStrong};
-
-        @media ${theme.device.tablet} {
-            ${theme.typography.shared.tablet.bodyMStrong}
-        }
-        @media ${theme.device.desktop} {
-            ${theme.typography.shared.desktop.bodyMStrong}
-        }
-
-        fill: ${theme.color.neutral.background};
-        color: ${theme.color.neutral.background};
-        text-transform: uppercase;
-        white-space: pre;
-    }
-`;
-var StyledImg = styled.img`
-    border-radius: 100%;
-`;
-var UserAvatarInner = ({ name, className, url, size, alt, asOrganization, ...rest }) => {
-	const [imgError, setImgError] = React.useState(false);
-	const { generateProxyImageUrl } = useSharedUiDependencies();
-	const fullClassName = clsx$1(userAvatarBaseClassNames.BASE, url ? userAvatarBaseClassNames.IMG : userAvatarBaseClassNames.SVG, className);
-	useEffect(() => {
-		setImgError(false);
-	}, [url]);
-	const onImageError = ({ currentTarget }) => {
-		if (imgError || !currentTarget) return;
-		currentTarget.src = asOrganization ? DEFAULT_ORGANIZATION_PICTURE_URL : DEFAULT_USER_PICTURE_URL;
-		setImgError(true);
-	};
-	const altText = alt || `${name} avatar`;
-	if (url) return /* @__PURE__ */ jsx(StyledImg, {
-		className: fullClassName,
-		src: generateProxyImageUrl ? generateProxyImageUrl(url, { resize: {
-			height: size * 2,
-			width: size * 2
-		} }) : url,
-		width: size,
-		height: size,
-		alt: altText,
-		onError: onImageError,
-		...rest
-	});
-	return /* @__PURE__ */ jsx(StyledBoringAvatarSolid, {
-		alt: altText,
-		size,
-		className: fullClassName,
-		name
-	});
-};
-var UserAvatar = React.memo(UserAvatarInner);
-//#endregion
-export { UserAvatar, userAvatarBaseClassNames };

package/dist/components/badge/badge.d.ts

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { IconComponent } from '@apify/ui-icons';
-import { MarginSpacingProps, RegularBoxProps } from '../box';
-import { SharedTextType } from '../text';
-export type BadgeSize = 'large' | 'regular' | 'small' | 'extra_small';
-export declare const BADGE_SIZES: BadgeSize[];
-export type BadgeVariant = 'neutral' | 'neutral_muted' | 'neutral_subtle' | 'primary_black' | 'primary_blue' | 'success' | 'warning' | 'danger';
-export declare const BADGE_VARIANTS: BadgeVariant[];
-type SharedBadgeProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps;
-export type BadgeProps = SharedBadgeProps & {
-    as?: Exclude<React.ElementType, 'a' | 'button'>;
-    size?: BadgeSize;
-    type?: SharedTextType;
-    variant?: BadgeVariant;
-    inline?: boolean;
-    LeadingIcon?: IconComponent;
-    TrailingIcon?: IconComponent;
-};
-/**
- * Component for displaying non-interactive chip descendant.
- */
-export declare const Badge: React.ForwardRefExoticComponent<Omit<RegularBoxProps, "onClick" | "as"> & MarginSpacingProps & {
-    as?: Exclude<React.ElementType, "a" | "button">;
-    size?: BadgeSize;
-    type?: SharedTextType;
-    variant?: BadgeVariant;
-    inline?: boolean;
-    LeadingIcon?: IconComponent;
-    TrailingIcon?: IconComponent;
-} & React.RefAttributes<unknown>>;
-export {};
-//# sourceMappingURL=badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAK/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AACtE,eAAO,MAAM,WAAW,EAAE,SAAS,EAAiD,CAAC;AAgBrF,MAAM,MAAM,YAAY,GAClB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AACf,eAAO,MAAM,cAAc,EAAE,YAAY,EAS/B,CAAC;AAEX,KAAK,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;CAChC,CAAC;AAwFF;;GAEG;AACH,eAAO,MAAM,KAAK;SAlGT,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;WACT,cAAc;cACX,YAAY;aACb,OAAO;kBACF,aAAa;mBACZ,aAAa;iCAsH/B,CAAC"}

package/dist/components/badge/badge.js

@@ -1,143 +0,0 @@
-import { theme } from "../../design_system/theme.js";
-import { Box } from "../box/box.js";
-import { TextShared } from "../text/text_shared.js";
-import styled, { css } from "styled-components";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/badge/badge.tsx
-var BADGE_SIZES = [
-	"large",
-	"regular",
-	"small",
-	"extra_small"
-];
-var BADGE_ICON_SIZES = {
-	large: "16",
-	regular: "12",
-	small: "12",
-	extra_small: "12"
-};
-var BADGE_TEXT_SIZES = {
-	large: "regular",
-	regular: "small",
-	small: "small",
-	extra_small: "small"
-};
-var BADGE_VARIANTS = [
-	"neutral",
-	"neutral_muted",
-	"neutral_subtle",
-	"primary_black",
-	"primary_blue",
-	"success",
-	"warning",
-	"danger"
-];
-var badgeSizeStyle = {
-	large: css`
-        padding: ${theme.space.space4} ${theme.space.space8};
-        border-radius: ${theme.radius.radius6};
-    `,
-	regular: css`
-        padding: ${theme.space.space4} ${theme.space.space6};
-        border-radius: ${theme.radius.radius4};
-    `,
-	small: css`
-        padding: ${theme.space.space2} ${theme.space.space6};
-        border-radius: ${theme.radius.radius4};
-    `,
-	extra_small: css`
-        height: ${theme.space.space16};
-        padding: 0 ${theme.space.space4};
-        border-radius: ${theme.radius.radius4};
-    `
-};
-var badgeVariantStyle = {
-	neutral: css`
-        color: ${theme.color.neutral.text};
-        fill: ${theme.color.neutral.text};
-        background: ${theme.color.neutral.background};
-        box-shadow: inset 0 0 0 1px ${theme.color.neutral.border};
-    `,
-	neutral_muted: css`
-        color: ${theme.color.neutral.text};
-        fill: ${theme.color.neutral.text};
-        background: ${theme.color.neutral.chipBackground};
-    `,
-	neutral_subtle: css`
-        color: ${theme.color.neutral.text};
-        fill: ${theme.color.neutral.textSubtle};
-        background: ${theme.color.neutral.backgroundSubtle};
-    `,
-	primary_black: css`
-        color: ${theme.color.primaryBlack.chipText};
-        fill: ${theme.color.primaryBlack.chipText};
-        background: ${theme.color.primaryBlack.background};
-    `,
-	primary_blue: css`
-        color: ${theme.color.primary.chipText};
-        fill: ${theme.color.primaryBlack.chipText};
-        background: ${theme.color.primary.background};
-    `,
-	success: css`
-        color: ${theme.color.success.chipText};
-        fill: ${theme.color.success.chipText};
-        background: ${theme.color.success.background};
-    `,
-	warning: css`
-        color: ${theme.color.warning.chipText};
-        fill: ${theme.color.warning.chipText};
-        background: ${theme.color.warning.background};
-    `,
-	danger: css`
-        color: ${theme.color.danger.chipText};
-        fill: ${theme.color.danger.chipText};
-        background: ${theme.color.danger.background};
-    `
-};
-var StyledBadge = styled(Box)`
-    ${({ $size }) => badgeSizeStyle[$size]};
-    ${({ $variant }) => badgeVariantStyle[$variant]};
-
-    /* Static styles */
-    width: fit-content;
-    border: none;
-    outline: none;
-    display: ${({ $inline }) => $inline ? "inline-flex" : "flex"};
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    white-space: nowrap;
-    gap: ${theme.space.space4};
-
-    svg {
-        flex-shrink: 0;
-    }
-`;
-/**
-* Component for displaying non-interactive chip descendant.
-*/
-var Badge = forwardRef(({ size = "small", type = "body", variant = "neutral", inline = false, LeadingIcon, TrailingIcon, children, ...props }, ref) => {
-	return /* @__PURE__ */ jsxs(StyledBadge, {
-		ref,
-		$size: size,
-		$variant: variant,
-		$inline: inline,
-		forwardedAs: "span",
-		...props,
-		children: [
-			LeadingIcon && /* @__PURE__ */ jsx(LeadingIcon, { size: BADGE_ICON_SIZES[size] }),
-			children && /* @__PURE__ */ jsx(TextShared, {
-				size: BADGE_TEXT_SIZES[size],
-				type,
-				weight: "medium",
-				as: "span",
-				children
-			}),
-			TrailingIcon && /* @__PURE__ */ jsx(TrailingIcon, { size: BADGE_ICON_SIZES[size] })
-		]
-	});
-});
-Badge.displayName = "Badge";
-//#endregion
-export { BADGE_SIZES, BADGE_VARIANTS, Badge };

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

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

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

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

package/dist/components/banner/banner.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-interface BannerProps {
-    background?: string;
-    useGradientBackground?: boolean;
-    width?: string;
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const Banner: React.FC<BannerProps>;
-export {};
-//# sourceMappingURL=banner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,UAAU,WAAW;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAuBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxC,CAAC"}