@galaxy-io/dls 1.0.3

package/dist/icons/GalaxyLogomark3D.js

@@ -0,0 +1,310 @@
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import { getCssSizeValue } from "../utils/linaria.js";
+import galaxy_logomark_default from "../assets/models/galaxy-logomark.js";
+/* empty css                           */
+import { styled } from "@linaria/react";
+import { Suspense, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Center, Environment, OrbitControls } from "@react-three/drei";
+import { Canvas, useFrame, useLoader } from "@react-three/fiber";
+import * as THREE from "three";
+import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader.js";
+//#region src/icons/GalaxyLogomark3D.tsx
+var _exp2 = () => ({ $height }) => getCssSizeValue($height);
+var CanvasContainer = /*#__PURE__*/ styled("div")({
+	name: "CanvasContainer",
+	class: "c17zkoob",
+	propsAsIs: false,
+	vars: { "c17zkoob-0": [_exp2()] }
+});
+var DEFAULT_MATERIAL = {
+	metalness: 0,
+	roughness: 0,
+	transmission: 0,
+	thickness: 0,
+	ior: 1,
+	envMapIntensity: 0,
+	clearcoat: 0,
+	clearcoatRoughness: 0,
+	sheen: 1,
+	sheenRoughness: 0
+};
+var DRAMATIC_MATERIAL = {
+	metalness: 0,
+	roughness: .9,
+	transmission: 0,
+	thickness: 0,
+	ior: 1,
+	envMapIntensity: 0,
+	clearcoat: 0,
+	clearcoatRoughness: 0,
+	sheen: 1,
+	sheenRoughness: .5
+};
+function LogoMesh({ color, isDark, isAutoRotate = false, isHoverable = true, isHovered = false, speed = 1.5, isDramaticMode = false, material }) {
+	const groupRef = useRef(null);
+	const obj = useLoader(OBJLoader, galaxy_logomark_default);
+	const animationStartTime = useRef(null);
+	const wasHovered = useRef(false);
+	const animationDuration = .5 / speed;
+	const axisMultipliers = useRef({
+		x: 1,
+		y: -1,
+		z: 0
+	});
+	useEffect(() => {
+		axisMultipliers.current = {
+			x: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0,
+			y: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0,
+			z: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0
+		};
+	}, []);
+	useFrame((state) => {
+		if (!groupRef.current) return;
+		if (isHoverable) {
+			if (isHovered && !wasHovered.current) {
+				animationStartTime.current = state.clock.elapsedTime;
+				let x = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
+				let y = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
+				let z = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
+				if (x === 0 && y === 0 && z === 0) {
+					const fallback = Math.floor(Math.random() * 3);
+					if (fallback === 0) x = 1;
+					else if (fallback === 1) y = 1;
+					else z = 1;
+				}
+				axisMultipliers.current = {
+					x,
+					y,
+					z
+				};
+			}
+			wasHovered.current = isHovered;
+			if (animationStartTime.current !== null && state.clock.elapsedTime - animationStartTime.current < animationDuration) {
+				const progress = (state.clock.elapsedTime - animationStartTime.current) / animationDuration;
+				const rotation = (1 - Math.pow(1 - progress, 4)) * Math.PI * 4;
+				groupRef.current.rotation.x = rotation * axisMultipliers.current.x;
+				groupRef.current.rotation.y = rotation * axisMultipliers.current.y;
+				groupRef.current.rotation.z = rotation * axisMultipliers.current.z;
+				return;
+			}
+		}
+		if (isAutoRotate) {
+			groupRef.current.rotation.x = THREE.MathUtils.lerp(groupRef.current.rotation.x, 0, .1);
+			groupRef.current.rotation.y = state.clock.elapsedTime * speed;
+			groupRef.current.rotation.z = THREE.MathUtils.lerp(groupRef.current.rotation.z, 0, .1);
+		} else {
+			groupRef.current.rotation.x = THREE.MathUtils.lerp(groupRef.current.rotation.x, 0, .1);
+			groupRef.current.rotation.y = THREE.MathUtils.lerp(groupRef.current.rotation.y, 0, .1);
+			groupRef.current.rotation.z = THREE.MathUtils.lerp(groupRef.current.rotation.z, 0, .1);
+		}
+	});
+	const mergedMaterial = {
+		...isDramaticMode ? DRAMATIC_MATERIAL : DEFAULT_MATERIAL,
+		...material
+	};
+	if (!isDramaticMode && material?.envMapIntensity === void 0) mergedMaterial.envMapIntensity = isDark ? .3 : 1.5;
+	const clonedObj = obj.clone();
+	clonedObj.traverse((child) => {
+		if (child instanceof THREE.Mesh) {
+			if (isDramaticMode) child.castShadow = true;
+			child.material = new THREE.MeshPhysicalMaterial({
+				color,
+				metalness: mergedMaterial.metalness,
+				roughness: mergedMaterial.roughness,
+				transmission: mergedMaterial.transmission,
+				thickness: mergedMaterial.thickness,
+				ior: mergedMaterial.ior,
+				envMapIntensity: mergedMaterial.envMapIntensity,
+				clearcoat: mergedMaterial.clearcoat,
+				clearcoatRoughness: mergedMaterial.clearcoatRoughness,
+				sheen: mergedMaterial.sheen,
+				sheenRoughness: mergedMaterial.sheenRoughness,
+				sheenColor: mergedMaterial.sheenColor ? new THREE.Color(mergedMaterial.sheenColor) : new THREE.Color(color),
+				...mergedMaterial.transmission > 0 ? {
+					attenuationColor: new THREE.Color(color),
+					attenuationDistance: .5
+				} : {}
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx("group", {
+		ref: groupRef,
+		scale: [
+			.088,
+			.088,
+			.088
+		],
+		children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx("primitive", { object: clonedObj }) })
+	});
+}
+function SimpleLighting() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("ambientLight", { intensity: .5 }),
+		/* @__PURE__ */ jsx("directionalLight", {
+			position: [
+				10,
+				10,
+				5
+			],
+			intensity: 1
+		}),
+		/* @__PURE__ */ jsx("directionalLight", {
+			position: [
+				-10,
+				-10,
+				-5
+			],
+			intensity: .5
+		})
+	] });
+}
+function DramaticLighting({ backlight, spotlight, fillLight }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("ambientLight", { intensity: .15 }),
+		/* @__PURE__ */ jsx("directionalLight", {
+			position: [
+				0,
+				0,
+				5
+			],
+			intensity: .3
+		}),
+		/* @__PURE__ */ jsx("spotLight", {
+			position: [
+				0,
+				6,
+				5
+			],
+			angle: Math.PI / 4,
+			penumbra: .6,
+			intensity: backlight.intensity,
+			color: backlight.color,
+			castShadow: true,
+			distance: 20,
+			decay: 1.5
+		}),
+		/* @__PURE__ */ jsx("pointLight", {
+			position: [
+				-3,
+				2,
+				4
+			],
+			intensity: backlight.intensity * .3,
+			color: backlight.color,
+			distance: 15,
+			decay: 2
+		}),
+		/* @__PURE__ */ jsx("spotLight", {
+			position: [
+				4,
+				5,
+				2
+			],
+			"target-position": [
+				0,
+				0,
+				0
+			],
+			angle: Math.PI / 6,
+			penumbra: .4,
+			intensity: spotlight.intensity,
+			color: spotlight.color,
+			distance: 15,
+			decay: 1
+		}),
+		/* @__PURE__ */ jsx("pointLight", {
+			position: [
+				-5,
+				-1,
+				2
+			],
+			intensity: fillLight.intensity,
+			color: fillLight.color,
+			distance: 15,
+			decay: 1.5
+		})
+	] });
+}
+function Scene({ color, isDark, isAutoRotate, isInteractive, isHoverable, isHovered, speed, isDramaticMode, backlight, spotlight, fillLight, material, environmentPreset }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		isDramaticMode && backlight && spotlight && fillLight ? /* @__PURE__ */ jsx(DramaticLighting, {
+			backlight,
+			spotlight,
+			fillLight
+		}) : /* @__PURE__ */ jsx(SimpleLighting, {}),
+		/* @__PURE__ */ jsx(LogoMesh, {
+			color,
+			isDark,
+			isAutoRotate,
+			isHoverable,
+			isHovered,
+			speed,
+			isDramaticMode,
+			material
+		}),
+		/* @__PURE__ */ jsx(Environment, { preset: environmentPreset }),
+		/* @__PURE__ */ jsx(OrbitControls, {
+			autoRotate: false,
+			enableZoom: isInteractive,
+			enablePan: isInteractive,
+			enableRotate: isInteractive
+		})
+	] });
+}
+var GalaxyLogomark3D = ({ height, isDark = false, isAutoRotate = false, isInteractive = false, isHoverable = false, speed = 2, backlight, spotlight, fillLight, material, color: colorOverride, environmentPreset }) => {
+	const [isHovered, setIsHovered] = useState(false);
+	const { theme } = useGalaxyTheme();
+	const color = colorOverride ?? (isDark ? theme.color.background.primary : theme.color.background.primaryAlt);
+	const isDramaticMode = !!(backlight || spotlight || fillLight);
+	return /* @__PURE__ */ jsx(CanvasContainer, {
+		$height: height,
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		children: /* @__PURE__ */ jsx(Canvas, {
+			camera: {
+				position: [
+					0,
+					0,
+					4
+				],
+				fov: 45
+			},
+			style: { background: "transparent" },
+			gl: {
+				alpha: true,
+				antialias: true
+			},
+			shadows: isDramaticMode,
+			children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(Scene, {
+					color,
+					isDark,
+					isAutoRotate,
+					isInteractive,
+					isHoverable,
+					isHovered,
+					speed,
+					isDramaticMode,
+					backlight: isDramaticMode ? {
+						intensity: backlight?.intensity ?? 8,
+						color: backlight?.color ?? "#ffffff"
+					} : void 0,
+					spotlight: isDramaticMode ? {
+						intensity: spotlight?.intensity ?? 30,
+						color: spotlight?.color ?? "#ff0000"
+					} : void 0,
+					fillLight: isDramaticMode ? {
+						intensity: fillLight?.intensity ?? 10,
+						color: fillLight?.color ?? "#B57EDC"
+					} : void 0,
+					material,
+					environmentPreset: environmentPreset ?? (isDramaticMode ? "night" : "studio")
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { GalaxyLogomark3D as default };

package/dist/icons/GalaxyWordmark.d.ts

@@ -0,0 +1,5 @@
+declare const GalaxyWordmark: ({ height, isDark }: {
+    height: number;
+    isDark?: boolean;
+}) => import("react").JSX.Element;
+export default GalaxyWordmark;

package/dist/icons/GalaxyWordmark.js

@@ -0,0 +1,21 @@
+import { GalaxyTheme } from "../theme/constants.js";
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import SvgGalaxyWordmarkDark from "../assets/components/GalaxyWordmarkDark.js";
+import SvgGalaxyWordmarkLight from "../assets/components/GalaxyWordmarkLight.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/GalaxyWordmark.tsx
+var GalaxyWordmark = ({ height, isDark }) => {
+	const { galaxyTheme } = useGalaxyTheme();
+	return useMemo(() => {
+		if (isDark) return /* @__PURE__ */ jsx(SvgGalaxyWordmarkLight, { height });
+		return match(galaxyTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgGalaxyWordmarkLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgGalaxyWordmarkDark, { height })).exhaustive();
+	}, [
+		height,
+		isDark,
+		galaxyTheme
+	]);
+};
+//#endregion
+export { GalaxyWordmark as default };

package/dist/icons/HelpIcon.d.ts

@@ -0,0 +1,3 @@
+import { type IconProps } from "./Icon";
+declare const HelpIcon: ({ size, variant, ...props }: Omit<IconProps, "component">) => import("react").JSX.Element;
+export default HelpIcon;

package/dist/icons/HelpIcon.js

@@ -0,0 +1,14 @@
+import Icon, { IconVariant } from "./Icon.js";
+import { jsx } from "react/jsx-runtime";
+import { InfoIcon } from "@phosphor-icons/react";
+//#region src/icons/HelpIcon.tsx
+var HelpIcon = ({ size = 12, variant = IconVariant.TERTIARY, ...props }) => {
+	return /* @__PURE__ */ jsx(Icon, {
+		component: InfoIcon,
+		variant,
+		size,
+		...props
+	});
+};
+//#endregion
+export { HelpIcon as default };

package/dist/icons/Icon.d.ts

@@ -0,0 +1,41 @@
+import type { Icon as PhosphorIcon, IconWeight as PhosphorIconWeight } from "@phosphor-icons/react";
+export declare enum IconVariant {
+    PRIMARY = "PRIMARY",
+    PRIMARY_ALT = "PRIMARY_ALT",
+    SECONDARY = "SECONDARY",
+    SECONDARY_ALT = "SECONDARY_ALT",
+    TERTIARY = "TERTIARY",
+    TERTIARY_ALT = "TERTIARY_ALT",
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    WARNING = "WARNING",
+    LOADING = "LOADING",
+    DISABLED = "DISABLED",
+    BLUE = "BLUE",
+    LIME = "LIME",
+    TEAL = "TEAL",
+    YELLOW = "YELLOW",
+    ORANGE = "ORANGE",
+    PURPLE = "PURPLE",
+    PINK = "PINK"
+}
+/**
+ * Direct mapping to the Phosphor Icons `IconWeight` type.
+ */
+export declare enum IconWeight {
+    THIN = "thin",
+    LIGHT = "light",
+    REGULAR = "regular",
+    BOLD = "bold",
+    FILL = "fill",
+    DUOTONE = "duotone"
+}
+export interface IconProps {
+    component: PhosphorIcon;
+    size?: number;
+    weight?: PhosphorIconWeight;
+    variant?: IconVariant;
+    alt?: string;
+}
+declare const Icon: ({ component: IconComponent, variant, size, weight, alt, }: IconProps) => import("react").JSX.Element;
+export default Icon;

package/dist/icons/Icon.js

@@ -0,0 +1,51 @@
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/Icon.tsx
+var IconVariant = /* @__PURE__ */ function(IconVariant) {
+	IconVariant["PRIMARY"] = "PRIMARY";
+	IconVariant["PRIMARY_ALT"] = "PRIMARY_ALT";
+	IconVariant["SECONDARY"] = "SECONDARY";
+	IconVariant["SECONDARY_ALT"] = "SECONDARY_ALT";
+	IconVariant["TERTIARY"] = "TERTIARY";
+	IconVariant["TERTIARY_ALT"] = "TERTIARY_ALT";
+	IconVariant["SUCCESS"] = "SUCCESS";
+	IconVariant["ERROR"] = "ERROR";
+	IconVariant["WARNING"] = "WARNING";
+	IconVariant["LOADING"] = "LOADING";
+	IconVariant["DISABLED"] = "DISABLED";
+	IconVariant["BLUE"] = "BLUE";
+	IconVariant["LIME"] = "LIME";
+	IconVariant["TEAL"] = "TEAL";
+	IconVariant["YELLOW"] = "YELLOW";
+	IconVariant["ORANGE"] = "ORANGE";
+	IconVariant["PURPLE"] = "PURPLE";
+	IconVariant["PINK"] = "PINK";
+	return IconVariant;
+}({});
+/**
+* Direct mapping to the Phosphor Icons `IconWeight` type.
+*/
+var IconWeight = /* @__PURE__ */ function(IconWeight) {
+	IconWeight["THIN"] = "thin";
+	IconWeight["LIGHT"] = "light";
+	IconWeight["REGULAR"] = "regular";
+	IconWeight["BOLD"] = "bold";
+	IconWeight["FILL"] = "fill";
+	IconWeight["DUOTONE"] = "duotone";
+	return IconWeight;
+}({});
+function getIconColor(variant, theme) {
+	return match(variant).with("PRIMARY", () => theme.color.icon.primary).with("PRIMARY_ALT", () => theme.color.icon.primaryAlt).with("SECONDARY", () => theme.color.icon.secondary).with("SECONDARY_ALT", () => theme.color.icon.secondaryAlt).with("TERTIARY", () => theme.color.icon.tertiary).with("TERTIARY_ALT", () => theme.color.icon.tertiaryAlt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).with("WARNING", () => theme.color.icon.warning).with("LOADING", () => theme.color.icon.primary).with("LIME", () => theme.color.icon.lime).with("BLUE", () => theme.color.icon.blue).with("TEAL", () => theme.color.icon.teal).with("YELLOW", () => theme.color.icon.yellow).with("ORANGE", () => theme.color.icon.orange).with("PURPLE", () => theme.color.icon.purple).with("PINK", () => theme.color.icon.pink).with("DISABLED", () => theme.color.text.disabled).with(void 0, () => theme.color.icon.primary).exhaustive();
+}
+var Icon = ({ component: IconComponent, variant = "PRIMARY", size = 16, weight = "bold", alt }) => {
+	const { theme } = useGalaxyTheme();
+	return /* @__PURE__ */ jsx(IconComponent, {
+		size,
+		weight,
+		color: getIconColor(variant, theme),
+		alt
+	});
+};
+//#endregion
+export { IconVariant, IconWeight, Icon as default };

package/dist/icons/ProjectsIcon.d.ts

@@ -0,0 +1,3 @@
+import { type IconProps } from "./Icon";
+declare const ProjectsIcon: (props: Omit<IconProps, "component">) => import("react").JSX.Element;
+export default ProjectsIcon;

package/dist/icons/ProjectsIcon.js

@@ -0,0 +1,12 @@
+import Icon from "./Icon.js";
+import { jsx } from "react/jsx-runtime";
+import { SphereIcon } from "@phosphor-icons/react";
+//#region src/icons/ProjectsIcon.tsx
+var ProjectsIcon = (props) => {
+	return /* @__PURE__ */ jsx(Icon, {
+		component: SphereIcon,
+		...props
+	});
+};
+//#endregion
+export { ProjectsIcon as default };

package/dist/icons/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+import { type IconProps } from "./Icon";
+declare const SearchIcon: (props: Omit<IconProps, "component">) => import("react").JSX.Element;
+export default SearchIcon;

package/dist/icons/SearchIcon.js

@@ -0,0 +1,12 @@
+import Icon from "./Icon.js";
+import { jsx } from "react/jsx-runtime";
+import { MagnifyingGlassIcon } from "@phosphor-icons/react";
+//#region src/icons/SearchIcon.tsx
+var SearchIcon = (props) => {
+	return /* @__PURE__ */ jsx(Icon, {
+		component: MagnifyingGlassIcon,
+		...props
+	});
+};
+//#endregion
+export { SearchIcon as default };

package/dist/icons/SourcesIcon.d.ts

@@ -0,0 +1,3 @@
+import { type IconProps } from "./Icon";
+declare const SourcesIcon: (props: Omit<IconProps, "component">) => import("react").JSX.Element;
+export default SourcesIcon;

package/dist/icons/SourcesIcon.js

@@ -0,0 +1,12 @@
+import Icon from "./Icon.js";
+import { jsx } from "react/jsx-runtime";
+import { CirclesFourIcon } from "@phosphor-icons/react";
+//#region src/icons/SourcesIcon.tsx
+var SourcesIcon = (props) => {
+	return /* @__PURE__ */ jsx(Icon, {
+		component: CirclesFourIcon,
+		...props
+	});
+};
+//#endregion
+export { SourcesIcon as default };

package/dist/icons/TextIcon.d.ts

@@ -0,0 +1,4 @@
+declare const TextIcon: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export default TextIcon;

package/dist/icons/TextIcon.js

@@ -0,0 +1,22 @@
+import { GalaxyTheme } from "../theme/constants.js";
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import Icon, { IconVariant, IconWeight } from "./Icon.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { TextTIcon } from "@phosphor-icons/react";
+//#region src/icons/TextIcon.tsx
+var TextIcon = ({ size = 16 }) => {
+	const { galaxyTheme } = useGalaxyTheme();
+	const variant = useMemo(() => {
+		return match(galaxyTheme).with(GalaxyTheme.DARK, () => IconVariant.PRIMARY_ALT).with(GalaxyTheme.LIGHT, () => IconVariant.PRIMARY).exhaustive();
+	}, [galaxyTheme]);
+	return /* @__PURE__ */ jsx(Icon, {
+		component: TextTIcon,
+		weight: IconWeight.FILL,
+		variant,
+		size
+	});
+};
+//#endregion
+export { TextIcon as default };

package/dist/icons/WebScrapeIcon.d.ts

@@ -0,0 +1,4 @@
+declare const WebScrapeIcon: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export default WebScrapeIcon;

package/dist/icons/WebScrapeIcon.js

@@ -0,0 +1,22 @@
+import { GalaxyTheme } from "../theme/constants.js";
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import Icon, { IconVariant, IconWeight } from "./Icon.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { GlobeIcon } from "@phosphor-icons/react";
+//#region src/icons/WebScrapeIcon.tsx
+var WebScrapeIcon = ({ size = 16 }) => {
+	const { galaxyTheme } = useGalaxyTheme();
+	const variant = useMemo(() => {
+		return match(galaxyTheme).with(GalaxyTheme.DARK, () => IconVariant.PRIMARY_ALT).with(GalaxyTheme.LIGHT, () => IconVariant.PRIMARY).exhaustive();
+	}, [galaxyTheme]);
+	return /* @__PURE__ */ jsx(Icon, {
+		component: GlobeIcon,
+		weight: IconWeight.FILL,
+		variant,
+		size
+	});
+};
+//#endregion
+export { WebScrapeIcon as default };

package/dist/icons/WebhookIcon.d.ts

@@ -0,0 +1,4 @@
+declare const WebhookIcon: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export default WebhookIcon;

package/dist/icons/WebhookIcon.js

@@ -0,0 +1,22 @@
+import { GalaxyTheme } from "../theme/constants.js";
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import Icon, { IconVariant, IconWeight } from "./Icon.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { WebhooksLogoIcon } from "@phosphor-icons/react";
+//#region src/icons/WebhookIcon.tsx
+var WebhookIcon = ({ size = 16 }) => {
+	const { galaxyTheme } = useGalaxyTheme();
+	const variant = useMemo(() => {
+		return match(galaxyTheme).with(GalaxyTheme.DARK, () => IconVariant.PRIMARY_ALT).with(GalaxyTheme.LIGHT, () => IconVariant.PRIMARY).exhaustive();
+	}, [galaxyTheme]);
+	return /* @__PURE__ */ jsx(Icon, {
+		component: WebhooksLogoIcon,
+		weight: IconWeight.FILL,
+		variant,
+		size
+	});
+};
+//#endregion
+export { WebhookIcon as default };

package/dist/icons/sources/AttioLogomark.d.ts

@@ -0,0 +1,4 @@
+declare const AttioLogomark: ({ height }: {
+    height: number;
+}) => import("react").JSX.Element;
+export default AttioLogomark;

package/dist/icons/sources/AttioLogomark.js

@@ -0,0 +1,8 @@
+import SvgAttioIcon from "../../assets/components/sources/AttioIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/sources/AttioLogomark.tsx
+var AttioLogomark = ({ height }) => {
+	return /* @__PURE__ */ jsx(SvgAttioIcon, { height });
+};
+//#endregion
+export { AttioLogomark as default };

package/dist/icons/sources/BrowserbaseLogomark.d.ts

@@ -0,0 +1,4 @@
+declare const BrowserbaseLogomark: ({ height }: {
+    height: number;
+}) => import("react").JSX.Element;
+export default BrowserbaseLogomark;

package/dist/icons/sources/BrowserbaseLogomark.js

@@ -0,0 +1,8 @@
+import SvgBrowserbaseSourceIcon from "../../assets/components/sources/BrowserbaseSourceIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/sources/BrowserbaseLogomark.tsx
+var BrowserbaseLogomark = ({ height }) => {
+	return /* @__PURE__ */ jsx(SvgBrowserbaseSourceIcon, { height });
+};
+//#endregion
+export { BrowserbaseLogomark as default };

package/dist/icons/sources/ClickhouseLogomark.d.ts

@@ -0,0 +1,4 @@
+declare const ClickhouseLogomark: ({ height }: {
+    height: number;
+}) => import("react").JSX.Element;
+export default ClickhouseLogomark;

package/dist/icons/sources/ClickhouseLogomark.js

@@ -0,0 +1,16 @@
+import { GalaxyTheme } from "../../theme/constants.js";
+import { useGalaxyTheme } from "../../theme/GalaxyTheme.js";
+import SvgClickhouseLogoSourceIconDark from "../../assets/components/sources/ClickhouseLogoSourceIconDark.js";
+import SvgClickhouseLogoSourceIconLight from "../../assets/components/sources/ClickhouseLogoSourceIconLight.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/sources/ClickhouseLogomark.tsx
+var ClickhouseLogomark = ({ height }) => {
+	const { galaxyTheme } = useGalaxyTheme();
+	return useMemo(() => {
+		return match(galaxyTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgClickhouseLogoSourceIconLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgClickhouseLogoSourceIconDark, { height })).exhaustive();
+	}, [galaxyTheme, height]);
+};
+//#endregion
+export { ClickhouseLogomark as default };

package/dist/icons/sources/ConfluenceLogomark.d.ts

@@ -0,0 +1,4 @@
+declare const ConfluenceLogomark: ({ height }: {
+    height: number;
+}) => import("react").JSX.Element;
+export default ConfluenceLogomark;

package/dist/icons/sources/ConfluenceLogomark.js

@@ -0,0 +1,8 @@
+import SvgConfluenceSourceIcon from "../../assets/components/sources/ConfluenceSourceIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/sources/ConfluenceLogomark.tsx
+var ConfluenceLogomark = ({ height }) => {
+	return /* @__PURE__ */ jsx(SvgConfluenceSourceIcon, { height });
+};
+//#endregion
+export { ConfluenceLogomark as default };